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

← 古い編集

@@ 883行目: / 883行目: @@
 }
-/* 経済屋メインページ用ヘッダー（テーブル版） */
+/* 経済屋メインヘッダー：画面幅が狭いときはロゴを非表示＋タイトルをぐっと大きく */
-.kmw-main-header-table {
+/* 幅が狭いときはロゴだけ消す（PC/スマホ共通の挙動） */
-    width: 100%;
+@media screen and (max-width: 1000px) {
-    margin: 0;
+    .kmw-main-header .kmw-header-logo-cell {
-     border: 1px solid #c8e4ff;
+        display: none !important;
-    background-color: #f8fbff;
+     }
-     border-radius: 16px;
-    border-collapse: separate;
+     .kmw-main-header {
-    border-spacing: 1.6em 1.4em; /* ロゴとテキストの余白 */
+        border-spacing: 1.0em 1.0em !important;
+    }
 }
-/* 内側のセルには一切枠を付けない */
-.kmw-main-header-table td,
-.kmw-main-header-table th {
-    border: none;
-    background: transparent;
-    padding: 0;
-}
-/* ロゴセル */
+/* PCでは mobileonly を隠し、desktoponly を普通に出す */
-.kmw-header-logo-cell {
+.desktoponly { display: block; }
-    padding-right: 1.6em;
+.mobileonly  { display: none;  }
+/* 議論ページヘッダー（Template:議論ページ案内 用） */
+.talk-header {
+	border: 1px solid #a2a9b1;          /* 薄グレー枠 */
+	border-left: 10px solid #36c;       /* 左側に色バー */
+	background-color: #f8f9fa;          /* 薄いグレー背景 */
+	padding: 0.75em 1em;
+	margin: 0.5em 0 1em 0;
+	font-size: 0.95em;
+	border-radius: 2px;
+	box-sizing: border-box;
 }
-/* 見出し・説明文の文字サイズ */
+.talk-header-title {
-.kmw-main-header-table dt {
+	margin-bottom: 0.3em;
-    font-size: 180%;
+	font-size: 1em;
-    font-weight: 500;
-    color: #3366cc;
 }
-.kmw-main-header-table dt a {
+.talk-header-body {
-    text-decoration: none;
+	margin: 0.2em 0 0 0;
 }
-.kmw-main-header-table dd {
+.talk-header ul {
-    font-size: 95%;
+	margin: 0.4em 0 0 1.2em;
-    color: #444;
+	padding: 0;
 }
-/* スマホではロゴ非表示にしてテキストだけにする */
+.talk-header li {
-@media (max-width: 720px) {
+	margin: 0.15em 0;
-    .kmw-header-logo-cell {
-        display: none;
-    }
-    .kmw-main-header-table {
-        border-spacing: 1.0em 1.0em;
-    }
 }