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

← 古い編集

@@ 1行目: / 1行目: @@
 /* ここに記述したCSSはすべての外装に反映されます */
+@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap');
+@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css');
 /* 背景画像の設定 */
 body {
+  font-family: 'Noto Sans', sans-serif;
+  font-size: 1.1em;
+  /* line-height: 1.5; */
    background-image: url('/images/bg_beer-253791_1920.jpg');
    background-size: cover;
+}
+/* 本文の文字サイズを大きくする */
+p {
+  /* font-size: 1.125em; */
+  /* line-height: 1.8; */
+}
+/* 見出しのフォントサイズも調整 */
+h1, h2, h3, h4, h5, h6 {
+  /* font-size: 110%; */
+}
+/* リストの文字サイズを本文と同じに設定 */
+ul, ol, li {
+  /* font-size: 1.125em; */
+  /* line-height: 1.5; */
 }
@@ 10行目: / 33行目: @@
 .mw-ui-icon {
    background-image: url('/images/48x48_beer-311090_1280.png');
-   background-size: 24px 24px; /* 24x24ピクセルのアイコン */
+   background-size: 24px 24px;
    width: 24px;
    height: 24px;
 }
-/* 未ログインユーザーには「ソースを閲覧」「履歴表示」ボタンを非表示 */
+/* 未ログインユーザーには「ソースを閲覧」ボタンを非表示 */
-/*
-body.ns-0.action-view #ca-viewsource {
-  display: none;
-}
-body.ns-0.action-view #ca-history {
-    display: none;
-}
-*/
-/*で未ログインユーザーには「ソースを閲覧」ボタンを非表示 */
 body.logged-out.action-view #ca-viewsource,
 .ns-0.action-view #ca-viewsource,
+.ns-4.action-view #ca-viewsource,
+.ns-14.action-view #ca-viewsource,
 .ns-200.action-view #ca-viewsource,
 .ns-201.action-view #ca-viewsource,
@@ 40行目: / 54行目: @@
 }
+/* 未ログインユーザーと特定の名前空間に対する「履歴表示」ボタンを非表示 */
+body.logged-out #ca-history,
+.ns-0.action-view #ca-history,
+.ns-4.action-view #ca-history,
+.ns-14.action-view #ca-history,
+.ns-200.action-view #ca-history,
+.ns-201.action-view #ca-history,
+.ns-202.action-view #ca-history,
+.ns-203.action-view #ca-history,
+.ns-204.action-view #ca-history,
+.ns-205.action-view #ca-history,
+.ns-206.action-view #ca-history,
+.ns-207.action-view #ca-history {
+  display: none;
+}
-/*で未ログインユーザーには「履歴表示」ボタンを非表示 */
+#footer-poweredbyico {
-body.logged-out #ca-history {
+  display: none;
-    display: none;
 }
-body.ns-0.action-view #ca-history {
+.drinking-notice{
-  display: none;
+    margin-top:20px;
+    padding:12px;
+    font-size:0.85em;
+    color:#666;
+    text-align:center;
+    border-top:1px solid #ddd;
 }
-.ns-200.action-view #ca-history {
-  display: none;
+.mw-footer-drinking-notice {
+    display: block;
+    margin-top: 10px;
+    padding-top: 8px;
+    font-size: 0.9em;
+    line-height: 1.6;
+    font-weight: bold;
+    color: #b22222;  /* 落ち着いた警告色 */
 }
-.ns-201.action-view #ca-history {
+#footer-info li {
-  display: none;
+    max-width: 100%;
 }
-.ns-202.action-view #ca-history {
+/* Infobox 全体 */
-   display: none;
+.infobox {
+  border-collapse: collapse;
+  width: 30em;
+   font-size: 90%;
 }
-.ns-203.action-view #ca-history {
+/* Infobox の見出しセル・データセル */
-   display: none;
+.infobox th,
+.infobox td {
+  background-color: #FAF0E6;
+  padding: 0.5em;
+  text-align: left;
+  vertical-align: top;
+   line-height: 1.4;
 }
-.ns-204.action-view #ca-history {
+/* 先頭のタイトル行はテンプレート側の色を優先 */
-   display: none;
+.infobox > tbody > tr:first-child > th {
+  background-color: #2e8b57;
+  color: #fff;
+  text-align: center;
+   font-size: 130%;
 }
-.ns-205.action-view #ca-history {
+/* Infobox 内の段落やリストの余白を抑える */
-   display: none;
+.infobox p {
+   margin: 0;
 }
-.ns-206.action-view #ca-history {
+.infobox ul,
-   display: none;
+.infobox ol {
+   margin: 0;
+  padding-left: 1.2em;
 }
-.ns-207.action-view #ca-history {
+.infobox li {
-   display: none;
+   margin: 0;
 }
-#footer-poweredbyico { display: none; }
+/* 画像セルの中央寄せ */
+.infobox td[colspan="2"] {
+  text-align: center;
+}