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

← 古い編集

@@ 1行目: / 1行目: @@
 /* ここに記述したCSSはすべての外装に反映されます */
-/* 全体のフォントと基本の文字サイズを設定 */
+/* ベースとなるフォントスタイルと文字サイズの設定 */
+:root {
+    --ff-body: 'Segoe UI', Arial, sans-serif; /* フォントファミリー */
+    --fs-body: 18px; /* 基本の文字サイズ */
+    --fw-body: normal; /* フォントの太さ */
+    --lh-body: 1.7; /* 行の高さ */
+}
+/* body全体のスタイリング */
 body {
-     font-family: 'Segoe UI', 'Arial', sans-serif; /* ノート風のフォント */
+     font-family: var(--ff-body);
-     font-size: 20px; /* 読みやすい基本の文字サイズ */
+     font-size: var(--fs-body);
-     line-height: 1.8; /* 行間も広めに設定 */
+     line-height: var(--lh-body);
-     background: #fafafa; /* 背景色をソフトな色に設定 */
+     background-color: #fafafa; /* 背景色を明るく */
-     color: #333; /* 文字色を柔らかい黒に設定 */
+     color: #333; /* 文字色を少し暗く */
 }
-/* 見出しのスタイル */
+/* 見出しのスタイリング */
 h1, h2, h3, h4, h5, h6 {
-     font-family: 'Georgia', 'Times New Roman', serif; /* 見出しにはセリフフォントを使用 */
+     font-family: 'Georgia', serif; /* 見出しにはセリフフォントを使用 */
-     color: #2a2a2a; /* 見出しの文字色を少し濃く */
+}
+/* リンクのスタイリング */
+a {
+    color: #0645ad; /* 青色のリンク */
+    text-decoration: none; /* 下線を非表示に */
+}
+a:hover {
+    text-decoration: underline; /* ホバー時に下線を表示 */
+}
+/* コンテンツエリアのスタイリング */
+.mw-body {
+     background-color: #fff; /* コンテンツの背景色を白に */
+    padding: 20px; /* パディングを設定 */
+    border-radius: 8px; /* 角を丸める */
+    box-shadow: 0 2px 5px rgba(0,0,0,0.1); /* シャドウを追加 */
+}
+/* 本文全体の文字サイズを大きく設定 */
+.mw-body-content {
+    font-size: 18px; /* 文字サイズを20pxに設定 */
+    line-height: 1.7; /* 行間も調整して読みやすく */
+}
+/* ページのタイトルの文字サイズも調整が必要な場合 */
+#firstHeading {
+    font-size: 24px; /* タイトルの文字サイズを24pxに設定 */
 }
 /* 見出しのフォントサイズも適宜調整 */
 h1 {
-     font-size: 2.5em; /* h1は基本文字サイズの2.5倍 */
+     font-size: 2.2em; /* h1は基本文字サイズの2.2倍 */
 }
 h2 {
@@ 35行目: / 71行目: @@
 }
-/* リンクのスタイル */
-a {
-    color: #0645ad; /* リンク色 */
-}
-a:hover {
+/* スマートフォン表示時の見出しのフォントサイズを調整 */
-     text-decoration: underline; /* ホバー時に下線を表示 */
+@media (max-width: 600px) {
+     h1, h2, h3, h4, h5, h6 {
+        font-size: 1.25em; /* または適切なフォントサイズに設定 */
+    }
 }
-/* ナビゲーションパネルのスタイル調整 */
+.mw-logo-container{
-#mw-panel {
+　/*visibility: hidden;*/
-    /* background: #e9e9e9; *//* ナビゲーションパネルの背景色 */
+  display:none;
-    font-family: 'Arial', sans-serif; /* ナビゲーションのフォント */
-}
-/* コンテンツエリアのスタイル */
-#content {
-    background: white; /* コンテンツエリアの背景色を白に */
-    padding: 20px; /* コンテンツエリアのパディング */
-    border-radius: 8px; /* 角を丸める */
-    box-shadow: 0 2px 5px rgba(0,0,0,0.1); /* シャドウを追加 */
-}
-/* ヘッダー内のナビゲーションリンクの文字サイズを小さく設定 */
-#p-views ul li a,
-#p-cactions ul li a {
-    font-size: 12px; /* 元のサイズに近い値に設定 */
-}
-/* 議論タブの文字サイズも同様に調整 */
-#ca-nstab-main ul li a,
-#p-talk ul li a {
-    font-size: 12px;
 }
@@ 73行目: / 87行目: @@
      background-color: #f9f9f9;
      border: 1px solid #aaa;
-     padding: 5px;
+     padding: 0.5em;
-     font-size: 90%;
+　　　 margin: 1em;
-     width: 27em;
+     font-size: 1em;
+     width: 20em;
      text-align: left;
 }
@@ 87行目: / 102行目: @@
      width: 7em;
      background-color: #f2f2f2;
+}
+/* 未ログインユーザーには「ソースを閲覧」「履歴表示」ボタンを非表示 */
+body.ns-0.action-view #ca-viewsource {
+  display: none;
+}
+body.ns-0.action-view #ca-history {
+    display: none;
 }