MochiuWiki : SUSE, EC, PCB

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

📢 Webサイト閉鎖と移転のお知らせ
このWebサイトは2026年9月に閉鎖いたします。
新しい記事は移転先で追加しております。（旧サイトでは記事を追加しておりません）

← 古い編集新しい編集 →
編集の要約なし
タグ: 差し戻し済み
編集の要約なし
タグ: 差し戻し済み
566行目: 566行目:


/* ============================================
/* ============================================
   ダークモード対応
   ダークモード対応（視認性改善版）
   ============================================ */
   ============================================ */
@media (prefers-color-scheme: dark) {
@media (prefers-color-scheme: dark) {
     /* ページ全体の背景 */
     /* ページ全体の背景 - 少し明るめに */
     body {
     body {
         background-color: #1a1a1a !important;
         background-color: #2b2b2b !important;
         color: #e0e0e0 !important;
         color: #f0f0f0 !important;
     }
     }


     /* メインコンテンツエリア */
     /* メインコンテンツエリア - やや明るめのダークグレー */
     .mw-page-container,
     .mw-page-container,
     .mw-body,
     .mw-body,
581行目: 581行目:
     .mw-body-content,
     .mw-body-content,
     #mw-content-text {
     #mw-content-text {
         background-color: #1e1e1e !important;
         background-color: #2e2e2e !important;
         color: #e0e0e0 !important;
         color: #f0f0f0 !important;
     }
     }


588行目: 588行目:
     #mw-panel,
     #mw-panel,
     .vector-menu-portal {
     .vector-menu-portal {
         background-color: #1a1a1a !important;
         background-color: #252525 !important;
    }
 
    /* サイドバーのリンク - 明るい色に */
    #mw-panel a,
    .vector-menu-portal a {
        color: #8cc4ff !important;
    }
 
    #mw-panel a:hover,
    .vector-menu-portal a:hover {
        color: #b3d9ff !important;
     }
     }


594行目: 605行目:
     #mw-head,
     #mw-head,
     .vector-header {
     .vector-header {
         background-color: #1a1a1a !important;
         background-color: #252525 !important;
    }
 
    /* ヘッダーのリンク */
    #mw-head a,
    .vector-header a {
        color: #8cc4ff !important;
     }
     }


600行目: 617行目:
     #footer,
     #footer,
     .mw-footer {
     .mw-footer {
         background-color: #1a1a1a !important;
         background-color: #252525 !important;
         color: #b0b0b0 !important;
         color: #d0d0d0 !important;
    }
 
    #footer a,
    .mw-footer a {
        color: #8cc4ff !important;
    }
 
    /* タブ（閲覧・編集など） */
    .vector-menu-tabs a,
    #p-views a,
    #p-cactions a {
        color: #8cc4ff !important;
     }
     }


607行目: 636行目:
     .firstHeading {
     .firstHeading {
         background: linear-gradient(135deg,
         background: linear-gradient(135deg,
             #1a2332 0%,
             #2a3a52 0%,
             #1e2938 25%,
             #2e3e58 25%,
             #22304a 75%,
             #32446a 75%,
             #263654 100%
             #364a74 100%
         );
         );
         color: #e8f0ff;
         color: #e8f4ff;
         border-left-color: #5a9de8;
         border-left-color: #6db3ff;
         border-right-color: #5a9de8;
         border-right-color: #6db3ff;
         box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
         box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
     }
     }


     .firstHeading:hover {
     .firstHeading:hover {
         border-left-color: #4a8dd8;
         border-left-color: #5aa3ef;
         border-right-color: #4a8dd8;
         border-right-color: #5aa3ef;
         box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
         box-shadow: 0 4px 12px rgba(0, 0, 0, 0.6);
    }
 
    /* 見出し */
    h1, h2, h3, h4, h5, h6 {
        color: #f5f5f5 !important;
     }
     }


    /* 見出しのアンダーライン */
     h4::after {
     h4::after {
         background-color: rgba(200, 200, 200, 0.5);
         background-color: rgba(220, 220, 220, 0.6);
     }
     }


     h5 .mw-headline {
     h5 .mw-headline {
         border-color: rgba(200, 200, 200, 0.7);
         border-color: rgba(220, 220, 220, 0.7);
         color: #e0e0e0;
         color: #f0f0f0;
     }
     }


     /* preタグ */
     /* preタグ */
     pre {
     pre {
         color: #e0e0e0;
         color: #f0f0f0;
         background: linear-gradient(to bottom right, #2a2a2a, #1a1a1a);
         background: linear-gradient(to bottom right, #353535, #2a2a2a);
         border-color: rgb(80, 80, 150);
         border-color: rgb(100, 100, 180);
     }
     }


     .mw-highlight > pre {
     .mw-highlight > pre {
         color: #e0e0e0;
         color: #f0f0f0;
         background: linear-gradient(to bottom right, #2a2a2a, #1a1a1a);
         background: linear-gradient(to bottom right, #353535, #2a2a2a);
         border-color: rgb(60, 120, 60);
         border-color: rgb(80, 150, 80);
     }
     }


650行目: 683行目:
     code {
     code {
         color: #ffffff;
         color: #ffffff;
         background-color: rgba(51, 102, 204, 0.9) !important;
         background-color: rgba(70, 130, 220, 0.95) !important;
         border-color: rgba(255, 255, 255, 0.2);
         border-color: rgba(255, 255, 255, 0.25);
     }
     }


     /* テーブル */
     /* テーブル */
     table {
     table {
         border-color: #505050;
         border-color: #606060;
         background-color: #1e1e1e !important;
         background-color: #2e2e2e !important;
     }
     }


     .wikitable > caption {
     .wikitable > caption {
         background: linear-gradient(180deg,
         background: linear-gradient(180deg,
             #3a5f9a 0%,
             #4a7fba 0%,
             #3a5f9a 20%,
             #4a7fba 20%,
             #4670c2 60%,
             #5690d2 60%,
             #4670c2 100%
             #5690d2 100%
         );
         );
         border-color: #3a5f9a;
        color: #ffffff;
         border-color: #4a7fba;
     }
     }


     .wikitable th {
     .wikitable th {
         color: rgb(240, 240, 240) !important;
         color: rgb(250, 250, 250) !important;
         background: linear-gradient(to bottom, #4a6ea9 0%, #3a5e99 100%);
         background: linear-gradient(to bottom, #5a7eb9 0%, #4a6ea9 100%);
         border-color: #404040;
         border-color: #505050;
     }
     }


     .wikitable th:hover {
     .wikitable th:hover {
         background: linear-gradient(to bottom, #5a7eb9 0%, #4a6ea9 100%);
         background: linear-gradient(to bottom, #6a8ec9 0%, #5a7eb9 100%);
     }
     }


     td {
     td {
         border-color: #404040;
         border-color: #505050;
         color: #d0d0d0;
         color: #e0e0e0;
        background-color: #2e2e2e;
     }
     }


689行目: 724行目:
     tr:first-child > td,
     tr:first-child > td,
     tr:last-child > td {
     tr:last-child > td {
        border-color: #606060;
    }
    .wikitable td[rowspan] {
         border-color: #505050;
         border-color: #505050;
     }
     }


     .wikitable td[rowspan] {
     /* 通常のリンク - より明るく */
         border-color: #404040;
    a {
        color: #8cc4ff !important;
    }
 
    a:visited {
        color: #c9a3ff !important;
    }
 
    a:hover {
         color: #b3d9ff !important;
     }
     }


     /* リンク */
     /* 外部リンク */
     a.interwiki,
     a.interwiki,
     .mw-parser-output a.external,
     .mw-parser-output a.external,
     a.external,
     a.external,
     table.wikitable td a {
     table.wikitable td a {
         color: #6db3ff;
         color: #8cc4ff !important;
     }
     }


707行目: 755行目:
     .mw-parser-output a.external:visited,
     .mw-parser-output a.external:visited,
     a.external:visited {
     a.external:visited {
         color: #b893ff;
         color: #c9a3ff !important;
     }
     }


     code a.external {
     code a.external {
         color: #ffb84d !important;
         color: #ffc966 !important;
     }
     }


    /* 未作成ページへのリンク */
     .mw-parser-output a.new,
     .mw-parser-output a.new,
     .mw-parser-output a.new:visited {
     .mw-parser-output a.new:visited {
         color: #ff6b6b;
         color: #ff8888 !important;
     }
     }


     /* カテゴリ */
     /* カテゴリ */
     .mw-normal-catlinks {
     .mw-normal-catlinks {
         border-color: rgba(100, 100, 100, 0.5);
         border-color: rgba(150, 150, 150, 0.5);
         background-color: #252525;
         background-color: #323232;
     }
     }


     .catlinks a {
     .catlinks a {
         color: #6db3ff;
         color: #8cc4ff !important;
     }
     }


733行目: 782行目:
     .toc {
     .toc {
         background: linear-gradient(135deg,
         background: linear-gradient(135deg,
             #2d3d70 0%,
             #3d4d80 0%,
             #8b4d8b 46%,
             #9b5d9b 46%,
             #b8944d 100%
             #c8a45d 100%
         );
         );
     }
     }


     .toc ul {
     .toc ul {
         background-color: #2a2a2a;
         background-color: #353535;
     }
     }


     .toc a {
     .toc a {
         color: #d0d0d0;
         color: #e8e8e8;
     }
     }


     .toc a:hover {
     .toc a:hover {
         color: #ffffff !important;
         color: #ffffff !important;
         background: linear-gradient(45deg, #3d4d80, #9b5d9b);
         background: linear-gradient(45deg, #4d5d90, #ab6dab);
    }
 
    /* 検索ボックス */
    #searchInput {
        background-color: #3a3a3a !important;
        color: #f0f0f0 !important;
        border-color: #555555 !important;
     }
     }


     /* AmazonSearch */
     /* AmazonSearch */
     DIV.amazonsearch {
     DIV.amazonsearch {
         border-color: #666;
         border-color: #777;
         background-color: #2a2a2a;
         background-color: #353535;
     }
     }


     DIV.amazonsearch P.amazonsearchauthor::before {
     DIV.amazonsearch P.amazonsearchauthor::before {
         background-color: #555;
         background-color: #666;
    }
 
    /* 段落テキスト */
    p {
        color: #e8e8e8;
    }
 
    /* リスト */
    ul, ol {
        color: #e8e8e8;
     }
     }
}
}
「http://mochiuwiki.e2.valueserver.jp/index.php?title=MediaWiki:Common.css」から取得