|
|
| (同じ利用者による、間の13版が非表示) |
| 883行目: |
883行目: |
| } | | } |
|
| |
|
| | /* 経済屋メインヘッダー：画面幅が狭いときはロゴを非表示＋タイトルをぐっと大きく */ |
| | /* 幅が狭いときはロゴだけ消す（PC/スマホ共通の挙動） */ |
| | @media screen and (max-width: 1000px) { |
| | .kmw-main-header .kmw-header-logo-cell { |
| | display: none !important; |
| | } |
|
| |
|
| /* 経済屋メインページ用ヘッダー
| | .kmw-main-header { |
| テンプレート:経済屋メインヘッダー で使用
| | border-spacing: 1.0em 1.0em !important; |
| */
| | } |
| .kmw-main-header { | |
| border: 1px solid #c8e4ff;
| |
| background-color: #f8fbff;
| |
| border-radius: 16px;
| |
| padding: 1.4em 1.8em;
| |
| display: flex;
| |
| align-items: center;
| |
| gap: 1.6em;
| |
| box-sizing: border-box; | |
| margin: 0;
| |
| } | | } |
|
| |
|
| /* ロゴ */
| |
| .kmw-main-header-logo img {
| |
| height: 128px;
| |
| width: 128px;
| |
| object-fit: contain;
| |
| display: block;
| |
| }
| |
|
| |
|
| /* テキスト部分：縦に並べて左寄せ */ | | /* PCでは mobileonly を隠し、desktoponly を普通に出す */ |
| .kmw-main-header-text { | | .desktoponly { display: block; } |
| display: flex;
| | .mobileonly { display: none; } |
| flex-direction: column;
| |
| align-items: flex-start; /* ← ここで完全に左寄せ */
| |
| gap: 0.25em;
| |
| margin: 0;
| |
| padding: 0;
| |
| } | |
|
| |
|
| /* タイトル行 */ | | /* 議論ページヘッダー（Template:議論ページ案内 用） */ |
| .kmw-main-header-title { | | .talk-header { |
| font-size: 180%;
| | border: 1px solid #a2a9b1; /* 薄グレー枠 */ |
| font-weight: 500;
| | border-left: 10px solid #36c; /* 左側に色バー */ |
| color: #3366cc;
| | background-color: #f8f9fa; /* 薄いグレー背景 */ |
| margin: 0;
| | padding: 0.75em 1em; |
| | margin: 0.5em 0 1em 0; |
| | font-size: 0.95em; |
| | border-radius: 2px; |
| | box-sizing: border-box; |
| } | | } |
|
| |
|
| .kmw-main-header-title a { | | .talk-header-title { |
| text-decoration: none;
| | margin-bottom: 0.3em; |
| | font-size: 1em; |
| } | | } |
|
| |
|
| /* サブタイトル行 */
| | .talk-header-body { |
| .kmw-main-header-subtitle { | | margin: 0.2em 0 0 0; |
| font-size: 95%;
| |
| color: #444;
| |
| margin: 0;
| |
| } | | } |
|
| |
|
| /* 念のため、この中に p が入っても左寄せにしておく */
| | .talk-header ul { |
| .kmw-main-header p { | | margin: 0.4em 0 0 1.2em; |
| margin: 0;
| | padding: 0; |
| padding: 0;
| |
| text-align: left;
| |
| }
| |
| | |
| /* スマホ（幅 720px 以下）はロゴ非表示＋テキスト全幅 */
| |
| @media (max-width: 720px) {
| |
| .kmw-main-header-logo {
| |
| display: none;
| |
| }
| |
| | |
| .kmw-main-header {
| |
| padding: 1.0em 1.2em;
| |
| }
| |
| | |
| .kmw-main-header-text {
| |
| width: 100%;
| |
| }
| |
| } | | } |
|
| |
|
| /* ---- 経済屋メインヘッダーのタイトル・サブタイトルを強制左寄せ＋枠消し ---- */
| | .talk-header li { |
| .mw-parser-output .kmw-main-header-title,
| | margin: 0.15em 0; |
| .mw-parser-output .kmw-main-header-subtitle,
| |
| .mw-parser-output .kmw-main-header-title *,
| |
| .mw-parser-output .kmw-main-header-subtitle * {
| |
| background: transparent !important;
| |
| border: 0 !important;
| |
| box-shadow: none !important;
| |
| text-align: left !important;
| |
| margin: 0 !important;
| |
| padding: 0 !important;
| |
| width: 100% !important;
| |
| } | | } |