|
|
| 1行目: |
1行目: |
| /* MediaWiki:Common.css */
| |
| /* Default (Vector) スキンの場合 */
| |
|
| |
|
| /* ここに記述したCSSはすべての外装に反映されます */
| |
|
| |
| .mw-editfont-monospace {
| |
| font-size: 15px !important;
| |
| /*font-family: 'Noto Sans JP', sans-serif !important;*/
| |
| font-family: monospace !important;
| |
| }
| |
|
| |
| /* 画面の縦サイズがFHD以下の場合 */
| |
| @media screen and (max-height: 880px) {
| |
| .mw-body-content {
| |
| line-height: 1.3; /* 行間を1.2に変更 */
| |
| }
| |
|
| |
| .mw-content-ltr {
| |
| font-size: 13px !important;
| |
| }
| |
| }
| |
|
| |
| /* 画面の縦サイズがFHDを超える場合 */
| |
| @media screen and (min-height: 881px) and (max-height: 1240px) {
| |
| .mw-body-content {
| |
| line-height: 1.2; /* 行間を1.2に変更 */
| |
| }
| |
|
| |
| .mw-content-ltr {
| |
| font-size: 15px !important;
| |
| }
| |
| }
| |
|
| |
| /* 画面の縦サイズがWQHDを超える場合 */
| |
| @media screen and (min-height: 1241px) {
| |
| .mw-body-content {
| |
| line-height: 1.5; /* 行間を1.5に変更 */
| |
| }
| |
|
| |
| .mw-content-ltr {
| |
| font-size: 16px;
| |
| }
| |
| }
| |
|
| |
| /* ConfirmEdit QuestyCaptcha -- on Create Account */
| |
| .htmlform-tip + .mw-htmlform-field-HTMLInfoField {
| |
| color: red;
| |
| }
| |
|
| |
| /* ConfirmEdit QuestyCaptcha -- on Edit page + add a URL */
| |
| label[for=wpCaptchaWord] {
| |
| color: green;
| |
| font-weight: bold;
| |
| /*font-size: 15px;*/
| |
| font-size: 150%;
| |
| font-style: italic;
| |
| }
| |
|
| |
| .mw-body-content {
| |
| /*font-family: "DejaVu Sans" !important;*/
| |
| font-family: "Droid Sans" !important;
| |
| }
| |
|
| |
| .mw-content-ltr {
| |
| font-family: "Droid Sans" !important;
| |
| }
| |
|
| |
| /* タイトルページ */
| |
| .firstHeading {
| |
| font-family: "Segoe UI", -apple-system, system-ui, sans-serif !important;
| |
| text-align: center;
| |
| border: 1px solid rgba(0, 0, 0, 0.1); /* 薄い境界線 */
| |
| border-left: 4px solid #4299e1; /* 左側のアクセントボーダー */
| |
| border-right: 4px solid #4299e1; /* 右側のアクセントボーダー */
| |
| border-radius: 12px;
| |
| padding: 16px 24px;
| |
| margin: 16px auto;
| |
| width: fit-content;
| |
| min-width: 75%;
| |
| max-width: 90%;
| |
| background: linear-gradient(135deg,
| |
| #f8faff 0%,
| |
| #f0f5ff 25%,
| |
| #e8f0ff 75%,
| |
| #e0ebff 100%
| |
| );
| |
| box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
| |
| color: #1a365d;
| |
| transition: all 0.3s ease;
| |
| }
| |
|
| |
| .firstHeading:hover {
| |
| border-left-color: #3182ce;
| |
| border-right-color: #3182ce;
| |
| box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
| |
| transform: translateY(-1px);
| |
| }
| |
|
| |
| h4 /* .mw-headline */ {
| |
| font-size: 18px !important;
| |
| /*text-decoration: underline;*/
| |
| position: relative;
| |
| display: inline-block;
| |
| }
| |
|
| |
| h4::after /* h4 .mw-headline::after */ {
| |
| content: "";
| |
| position: absolute;
| |
| bottom: 0;
| |
| left: 0;
| |
| width: 100%; /* ヘッダの大きさに下線を調整 */
| |
| height: 1px; /* アンダーラインの高さ */
| |
| background-color: rgba(30, 30, 30, 0.5); /* アンダーラインの色 */
| |
| }
| |
|
| |
| h5 .mw-headline {
| |
| font-size: 16px !important;
| |
| border: solid 1px rgba(30, 30, 30, 0.7);
| |
| border-radius: 5px;
| |
| padding: 1px 3px;
| |
| margin: 5px;
| |
| }
| |
|
| |
| /* 通常のpreタグの設定 */
| |
| pre {
| |
| color: #202020;
| |
| /*background-color: rgb(250, 250, 250);*/
| |
| background: linear-gradient(to bottom right, rgb(250, 250, 250), white);
| |
| border: solid 2px rgb(150, 150, 250);
| |
| border-radius: 5px;
| |
| font-family: "DejaVu Sans Mono" !important;
| |
| }
| |
|
| |
| /* mw-highlightクラス内のpreタグの設定 */
| |
| .mw-highlight > pre {
| |
| color: #202020;
| |
| /*background-color: rgb(250, 250, 250);*/
| |
| background: linear-gradient(to bottom right, rgb(250, 250, 250), white);
| |
| border: solid 3px rgb(100, 150, 100);
| |
| border-radius: 5px;
| |
| }
| |
|
| |
| code {
| |
| color: #fefefe;
| |
| font-weight: bold;
| |
| font-family: "DejaVu Sans Mono" !important;
| |
| color: #ffffff;
| |
| /*background-color: #1166A0;*/
| |
| /*background-color: rgba(50, 50, 150, 0.8) !important;*/
| |
| background-color: rgba(41, 92, 194, 1.0) !important;
| |
| border: solid 1px rgba(255, 255, 255, 0.3);
| |
| border-radius: 5px;
| |
| padding: 1px 5px; /* 内側の余白 : 上下1px, 左右5px */
| |
| }
| |
|
| |
| /* 表のキャプション */
| |
| .wikitable > caption {
| |
| background: linear-gradient(180deg,
| |
| #2B579A 0%,
| |
| #2B579A 20%,
| |
| #366DC2 60%,
| |
| #366DC2 100%
| |
| );
| |
| color: white;
| |
| padding: 8px;
| |
| font-weight: bold;
| |
| text-align: center;
| |
| border-top-left-radius: 4px;
| |
| border-top-right-radius: 4px;
| |
| border: 1px solid #2B579A;
| |
| box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
| |
| }
| |
|
| |
| table {
| |
| border-collapse: collapse;
| |
| border: solid 2px #303030; /*表全体を線で囲う*/
| |
| background-color: #fefefe !important;
| |
| text-align: center;
| |
| }
| |
|
| |
| .wikitable th { /* 表のヘッダ */
| |
| color: rgb(250, 250, 250) !important;
| |
| font-weight: bold;
| |
| text-align: center !important;
| |
| border: solid 1px rgb(50, 50, 50);
| |
| /*background: linear-gradient(to bottom, #e4f1fc 0%, #b3d7f7 40%, #84bef1 100%) !important;*/
| |
| background: linear-gradient(to bottom, #5c80b9 0%, #4a6ea9 100%); /* グラデーションを追加してよりモダンな印象に */
| |
| }
| |
|
| |
| /* ホバー時の強調表示（オプション） */
| |
| .wikitable th:hover {
| |
| color: rgb(250, 250, 250) !important;
| |
| background: linear-gradient(to bottom, #6890c9 0%, #5a7eb9 100%);
| |
| }
| |
|
| |
| td { /* 表の各カラム */
| |
| text-align: left;
| |
| border: solid 1px rgb(50, 50, 50);
| |
| }
| |
|
| |
| /* 表の縦罫線のスタイル */
| |
| tr > td:first-child {
| |
| border-left: 1px solid #303030;
| |
| }
| |
|
| |
| tr > td:last-child {
| |
| border-right: 1px solid #303030;
| |
| }
| |
|
| |
| /* 表の横罫線のスタイル */
| |
| tr:first-child > td {
| |
| border-top: 1px solid #303030;
| |
| }
| |
|
| |
| tr:last-child > td {
| |
| border-bottom: 1px solid #303030;
| |
| }
| |
|
| |
| /* 結合セルの境界線 */
| |
| .wikitable td[rowspan] {
| |
| border: solid 1px rgb(50, 50, 50);
| |
| /*border: 1px solid #303030;*/
| |
| }
| |
|
| |
| /* キャプションがない場合、テーブルの上端を丸くする */
| |
| .wikitable:not(:has(caption)) > tr:first-child th,
| |
| .wikitable:not(:has(caption)) > * > tr:first-child th {
| |
| border-top: none !important;
| |
| }
| |
|
| |
| .wikitable:not(:has(caption)) > tr:first-child th:first-child,
| |
| .wikitable:not(:has(caption)) > * > tr:first-child th:first-child {
| |
| border-left: none !important;
| |
| border-top-left-radius: 10px;
| |
| }
| |
|
| |
| .wikitable:not(:has(caption)) > tr:first-child th:last-child,
| |
| .wikitable:not(:has(caption)) > * > tr:first-child th:last-child {
| |
| border-right: none !important;
| |
| border-top-right-radius: 10px;
| |
| }
| |
|
| |
| /* キャプションがある場合、キャプションの上端を丸くする */
| |
| .wikitable:has(caption) caption {
| |
| border-top-left-radius: 10px;
| |
| border-top-right-radius: 10px;
| |
| }
| |
|
| |
| /* MediaWiki内のリンク */
| |
| a.interwiki {
| |
| font-weight: bold;
| |
| }
| |
|
| |
| /* MediaWiki外のリンク */
| |
| .mw-parser-output a.external {
| |
| font-weight: bold;
| |
| }
| |
|
| |
| /* codeタグ内のMediaWiki外のリンク */
| |
| code a.external {
| |
| font-weight: bold;
| |
| /*color: #DE7231 !important;*/
| |
| color: #ffa500 !important;
| |
| }
| |
|
| |
| /* MediaWiki外のリンク */
| |
| a.external {
| |
| font-weight: bold;
| |
| }
| |
|
| |
| /* テーブル内のMediaWiki外のリンク */
| |
| table.wikitable td a {
| |
| font-weight: bold;
| |
| }
| |
|
| |
| .mw-parser-output a.new:visited {
| |
| font-weight: bold;
| |
| }
| |
|
| |
| .catlinks a {
| |
| font-size: 14px;
| |
| font-weight: bold;
| |
| }
| |
|
| |
| .catlinks ul {
| |
| font-size: 14px;
| |
| font-weight: bold;
| |
| }
| |
|
| |
| /* カテゴリの変更 */
| |
| .mw-normal-catlinks {
| |
| border: solid 1px rgba(250, 250, 250, 0.5);
| |
| border-radius: 5px;
| |
| padding: 10px 10px;
| |
| }
| |
|
| |
| /* モダンでカラフルな目次のスタイル */
| |
| #toc,
| |
| .toc {
| |
| border: none;
| |
| background: linear-gradient(135deg,
| |
| #4158D0 0%,
| |
| #C850C0 46%,
| |
| #FFCC70 100%
| |
| );
| |
| padding: 1.5rem;
| |
| margin: 1.5rem 0;
| |
| border-radius: 16px;
| |
| box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
| |
| }
| |
|
| |
| /* 目次のタイトル全体 */
| |
| #toc #mw-toc-heading,
| |
| .toc .toctitle h2 {
| |
| color: #ffffff !important;
| |
| font-weight: 700;
| |
| font-size: 1.4rem;
| |
| margin-bottom: 1.2rem;
| |
| text-shadow: 2px 2px 4px rgb(0, 0, 0);
| |
| }
| |
|
| |
| /* 非表示リンクのスタイル */
| |
| .toctoggle,
| |
| .toctoggle a {
| |
| color: #ffffff !important;
| |
| font-weight: bold;
| |
| background-color: transparent;
| |
| padding: 0.1rem 0.1rem 0.0rem 0.1rem;
| |
| border-radius: 2px;
| |
| font-size: 0.9rem;
| |
| transition: all 0.3s ease;
| |
| text-decoration : underline;
| |
| }
| |
|
| |
| .toctoggle:hover,
| |
| .toctoggle a:hover {
| |
| color: #ff7e00 !important;
| |
| background-color: #ffffff;
| |
| }
| |
|
| |
| /* 目次の「非表示」リンク */
| |
| .toc .toctogglelabel {
| |
| color: #ffffff;
| |
| background-color: transparent;
| |
| background-blend-mode: lighten;
| |
| padding: 0.1rem 0.1rem 0.0rem 0.1rem;
| |
| border-radius: 2px;
| |
| font-size: 0.9rem;
| |
| transition: all 0.3s ease;
| |
| text-decoration : underline;
| |
| }
| |
|
| |
| .toc .toctogglelabel:hover {
| |
| color: #ff7e00;
| |
| background-color: #ffffff;
| |
| background-blend-mode: lighten;
| |
| }
| |
|
| |
| /* 目次の項目コンテナ */
| |
| .toc ul {
| |
| background-color: rgb(255, 255, 255);
| |
| padding: 0.2rem;
| |
| margin: 0;
| |
| border-radius: 12px;
| |
| box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05);
| |
| }
| |
|
| |
| /* 目次の項目 */
| |
| .toc li {
| |
| margin: 0.1rem 0;
| |
| padding: 0.1rem 0;
| |
| transition: all 0.3s ease;
| |
| }
| |
|
| |
| /* 目次の番号 */
| |
| .toc li > a > span.tocnumber,
| |
| .toc-number {
| |
| color: #C850C0;
| |
| font-weight: 600;
| |
| margin-right: 0.7rem;
| |
| }
| |
|
| |
| /* ホバー時の番号の色 */
| |
| .toc li > a:hover > span.tocnumber,
| |
| .toc a:hover .toc-number {
| |
| color: #ffffff !important;
| |
| }
| |
|
| |
| /* リンクの基本スタイル */
| |
| .toc a {
| |
| color: #2d3748;
| |
| text-decoration: none;
| |
| display: block;
| |
| padding: 0.2rem 0.6rem;
| |
| border-radius: 8px;
| |
| transition: all 0.3s ease;
| |
| font-weight: 500;
| |
| }
| |
|
| |
| /* ホバー時のスタイル */
| |
| .toc a:hover {
| |
| color: #ffffff !important;
| |
| background: linear-gradient(45deg, #4158D0, #C850C0);
| |
| transform: translateX(6px);
| |
| border: none;
| |
| padding: 0.2rem 0.6rem; /* 0.4rem 0.8rem から 0.2rem 0.6rem に変更 */
| |
| box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
| |
| }
| |
|
| |
| /* 目次の番号 */
| |
| .toc-number {
| |
| color: #C850C0;
| |
| font-weight: 600;
| |
| margin-right: 0.7rem;
| |
| }
| |
|
| |
| /* ホバー時の番号の色 */
| |
| .toc a:hover .toc-number {
| |
| color: #ffffff !important;
| |
| }
| |
|
| |
| /* ネストされた項目のインデント */
| |
| .toc ul ul {
| |
| margin-left: 1.2rem;
| |
| background-color: transparent;
| |
| box-shadow: none;
| |
| }
| |
|
| |
| /* アクティブな項目 */
| |
| .toc a:active {
| |
| color: #ffffff;
| |
| background: linear-gradient(45deg, #C850C0, #FFCC70);
| |
| transform: translateX(4px) scale(0.98);
| |
| transition: all 0.1s ease;
| |
| }
| |
|
| |
| /* 目次全体にグラスモーフィズム効果を追加 */
| |
| .toc::before {
| |
| content: '';
| |
| position: absolute;
| |
| top: 0;
| |
| left: 0;
| |
| right: 0;
| |
| bottom: 0;
| |
| border-radius: 16px;
| |
| backdrop-filter: blur(8px);
| |
| z-index: -1;
| |
| }
| |
|
| |
| /* 数式は黒文字で描画するため、ダークモードを使用している場合、見えにくい可能性がある */
| |
| /* この時、CSSを以下に示すように記述することにより、数式画像の明るさを反転させることができる */
| |
| .mwe-math-fallback-image-inline, .mwe-math-fallback-image-display {
| |
| /*background-color: #EFEFEF !important;*/
| |
| /*border: solid 1px #5050C0;*/
| |
| /*border-radius: 5px;*/
| |
| /*font-family: "Latin Modern Math";*/
| |
| font-family: 'Noto Sans CJK JP', 'Noto Sans JP', sans-serif !important;
| |
| /*font-weight: bold;*/
| |
| /* 外側の余白 : 上0px 下0px, 左右3px */
| |
| /*margin: 0px 0px 3px;*/
| |
| /* 内側の余白 : 上下3px, 左右3px */
| |
| /*padding: 0px 3px;*/
| |
| /*display: none !important;*/
| |
| }
| |
|
| |
| pre .mwe-math-fallback-image-inline, pre .mwe-math-fallback-image-display {
| |
| /*color: black !important;*/
| |
| /*background-color: #EFEFEF !important;*/
| |
| /*border: solid 1px #5050C0;*/
| |
| /*border-radius: 5px;*/
| |
| /*font-family: "Latin Modern Math";*/
| |
| font-family: 'Noto Sans CJK JP', 'Noto Sans JP', sans-serif !important;
| |
| /*font-weight: bold;*/
| |
| /* 外側の余白 : 上0px 下0px, 左右3px */
| |
| /*margin: 0px 0px 3px;*/
| |
| /* 内側の余白 : 上下3px, 左右3px */
| |
| /*padding: 0px 3px;*/
| |
| /*box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);*/
| |
| /*display: none !important;*/
| |
| }
| |
|
| |
| th .mwe-math-element {
| |
| /*border: solid 1px #5050C0;*/
| |
| /*border-radius: 5px;*/
| |
| background-color: inherit;
| |
| /*font-family: "Latin Modern Math";*/
| |
| font-family: 'Noto Sans CJK JP', 'Noto Sans JP', sans-serif !important;
| |
| /*font-weight: bold;*/
| |
| /* 外側の余白 : 上0px 下0px, 左右3px */
| |
| /*margin: 0px 0px 3px;*/
| |
| /* 内側の余白 : 上下3px, 左右3px */
| |
| /*padding: 0px 3px;*/
| |
| }
| |
|
| |
| td .mwe-math-element {
| |
| /*border: solid 1px #5050C0;*/
| |
| /*border-radius: 5px;*/
| |
| /*font-family: "Latin Modern Math";*/
| |
| font-family: 'Noto Sans CJK JP', 'Noto Sans JP', sans-serif !important;
| |
| /*font-weight: bold;*/
| |
| /* 外側の余白 : 上下0px, 左右2px */
| |
| /*margin: 1px 2px;*/
| |
| /* 内側の余白 : 上下3px, 左右3px */
| |
| /*padding: 3px 3px;*/
| |
| }
| |
|
| |
|
| |
| /* Extension:AmazonSearch */
| |
| DIV.amazonsearch {
| |
| clear: both;
| |
| width: 100%;
| |
| min-height: 180px;
| |
| margin: 0 auto;
| |
| padding: 0.5em;
| |
| border: 1px solid #444;
| |
| overflow: hidden;
| |
| }
| |
|
| |
| DIV.amazonsearch IMG.amazonsearchimg {
| |
| float: left;
| |
| margin: 0.1em 1em 0.1em 0.1em;
| |
| }
| |
|
| |
| DIV.amazonsearch P.amazonsearchname {
| |
| margin: 0;
| |
| font-size: 90%;
| |
| text-indent: 0;
| |
| }
| |
|
| |
| DIV.amazonsearch P.amazonsearchauthor {
| |
| margin: 0;
| |
| font-size: 80%;
| |
| text-indent: 0;
| |
| }
| |
|
| |
| DIV.amazonsearch UL {
| |
| margin: 0;
| |
| }
| |
|
| |
| DIV.amazonsearch UL LI {
| |
| display: inline-block;
| |
| text-align: center;
| |
| list-style: none;
| |
| font-size: 90%;
| |
| width: 12em;
| |
| margin: 0.2em;
| |
| padding: 0.2em 0.5em 0.2em 0.5em;
| |
| border-radius: 0.5em;
| |
| white-space: nowrap;
| |
| }
| |
|
| |
| DIV.amazonsearch P.amazonsearchauthor::before {
| |
| background-color: #bbb;
| |
| border-radius: 10%;
| |
| color: #fff;
| |
| font-size: smaller;
| |
| padding: 0 0.5em 0 0.5em;
| |
| margin-right: 0.5em;
| |
| content: "広告";
| |
| }
| |
|
| |
| DIV.amazonsearch UL LI A {
| |
| color: #fff;
| |
| }
| |
|
| |
| DIV.amazonsearch UL LI.shoplinkamazon {
| |
| background-color: #f90;
| |
| }
| |
