「MediaWiki:Common.css」の版間の差分

← 古い編集

@@ 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 以下）はロゴ非表示＋テキスト全幅 */
+.talk-header li {
-@media (max-width: 720px) {
+	margin: 0.15em 0;
-    .kmw-main-header-logo {
-        display: none;
-    }
-    .kmw-main-header {
-        padding: 1.0em 1.2em;
-    }
-    .kmw-main-header-text {
-        width: 100%;
-    }
 }