MediaWiki:Common.css

注意: 保存後、変更を確認するにはブラウザーのキャッシュを消去する必要がある場合があります。

• Firefox / Safari: Shift を押しながら 再読み込み をクリックするか、Ctrl-F5 または Ctrl-R を押してください (Mac では ⌘-R)
• Google Chrome: Ctrl-Shift-R を押してください (Mac では ⌘-Shift-R)
• Microsoft Edge: Ctrl を押しながら 最新の情報に更新 をクリックするか、Ctrl-F5 を押してください。

/* ===== 氏族家系データベース MediaWiki Common.css ===== */

/* フォント・基本設定 */
body {
    font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "HiraMinProN-W3", "MS 明朝", serif;
    font-size: 15px;
    color: #222222;
    background-color: #ffffff;
}

/* ページ全幅 */
#content,
.mw-page-container,
.mw-page-container-inner {
    max-width: 100% !important;
    width: 100% !important;
}

.mw-body {
    max-width: 100% !important;
}

/* ===== ヘッダー ===== */
#mw-head,
#mw-head-base,
.mw-header,
#p-logo,
.vector-header,
.vector-header-start,
.vector-header-end {
    background-color: #000080 !important;
    color: #ffffff !important;
}

/* サイトタイトル */
#p-logo a,
.mw-wiki-logo {
    /* ロゴエリア */
}

/* ヘッダーのリンク・テキスト */
.vector-header a,
#mw-head a,
.mw-header a {
    color: #ffffff !important;
}

/* ナビゲーションタブ */
#p-namespaces ul li a,
#p-views ul li a,
.vector-menu-tabs a,
.vector-tab-noaction a {
    color: #000080 !important;
    background-color: #f0f0f0 !important;
}

#p-namespaces ul li.selected a,
#p-views ul li.selected a,
.vector-menu-tabs .selected a {
    background-color: #ffffff !important;
    color: #000080 !important;
    border-bottom-color: #e6b422 !important;
}

/* ===== サイドバー ===== */
#mw-panel,
.vector-column-start,
#sidebar,
.mw-sidebar {
    background-color: #e8f4f8 !important;
    color: #000080 !important;
}

#mw-panel .portal,
.vector-menu-portal {
    background-color: #e8f4f8 !important;
}

#mw-panel h3,
#mw-panel .portal h3,
.vector-menu-portal .vector-menu-heading,
.vector-menu-portal h3 {
    color: #000080 !important;
    font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN", serif;
    border-bottom: 1px solid #000080;
}

#mw-panel ul li a,
.vector-menu-portal ul li a,
#mw-panel .portal ul li a {
    color: #000080 !important;
}

#mw-panel ul li a:hover,
.vector-menu-portal ul li a:hover {
    color: #e6b422 !important;
}

/* ===== リンク ===== */
a,
a:link {
    color: #000080;
}

a:visited {
    color: #4040a0;
}

a:hover,
a:active {
    color: #e6b422 !important;
    text-decoration: underline;
}

/* ===== 見出し h2 ===== */
h2,
.mw-heading2 h2,
#content h2 {
    border-left: 4px solid #000080;
    border-bottom: 1px solid #000080;
    background-color: #e8eaf6;
    padding: 0.3em 0.5em;
    font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN", serif;
    color: #000080;
    margin-top: 1.2em;
}

/* ===== 見出し h3 ===== */
h3,
.mw-heading3 h3,
#content h3 {
    border-left: 2px solid #e6b422;
    padding: 0.2em 0.5em;
    font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN", serif;
    color: #222222;
}

/* ===== h1 (ページタイトル) ===== */
h1,
#firstHeading,
.firstHeading {
    font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN", serif;
    color: #000080;
    border-bottom: 2px solid #e6b422;
    padding-bottom: 0.2em;
}

/* ===== テーブル ===== */
table.wikitable,
table.prettytable {
    border: 1px solid #e6b422;
    border-collapse: collapse;
    width: 100%;
}

table.wikitable th,
table.prettytable th {
    background-color: #000080;
    color: #ffffff;
    border: 1px solid #e6b422;
    padding: 0.4em 0.6em;
    font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN", serif;
}

table.wikitable td,
table.prettytable td {
    border: 1px solid #e6b422;
    padding: 0.3em 0.5em;
}

table.wikitable tr:nth-child(even) {
    background-color: #f5f0e8;
}

/* ===== 目次 ===== */
#toc,
.toc {
    background-color: #f5f5ff;
    border: 1px solid #000080;
    padding: 0.8em 1em;
}

#toc h2,
.toc h2,
#toctitle {
    color: #000080;
    background-color: transparent;
    border: none;
    padding: 0;
    font-size: 1em;
}

/* ===== 検索ボックス ===== */
#searchform input[type="search"],
#searchInput,
.vector-search-box input {
    border: 1px solid #000080;
}

#searchButton,
.searchButton {
    background-color: #000080;
    color: #ffffff;
    border: none;
}

/* ===== カテゴリ ===== */
#catlinks {
    background-color: #f0f4ff;
    border: 1px solid #000080;
    padding: 0.3em 0.5em;
}

#catlinks a {
    color: #000080;
}

/* ===== フッター ===== */
#footer,
.mw-footer {
    background-color: #000080;
    color: #ffffff;
    border-top: 2px solid #e6b422;
    padding: 0.8em 1em;
}

#footer a,
.mw-footer a {
    color: #ffa6c9 !important;
}

#footer a:hover,
.mw-footer a:hover {
    color: #e6b422 !important;
}

/* ===== infoboxスタイル ===== */
.infobox {
    border: 1px solid #e6b422;
    background-color: #fffef5;
    float: right;
    margin: 0 0 1em 1.5em;
    padding: 0.5em;
    font-size: 0.9em;
    max-width: 280px;
}

.infobox caption,
.infobox th[colspan] {
    background-color: #000080;
    color: #ffffff;
    padding: 0.3em 0.5em;
    text-align: center;
}

/* ===== 装飾バナー ===== */
.site-banner,
.notice-box {
    background-color: #000080;
    color: #ffffff;
    border-left: 4px solid #ffa6c9;
    padding: 0.5em 1em;
    margin: 0.5em 0;
}

/* ===== ハイライト・注目表示 ===== */
.mw-highlight,
.highlight {
    background-color: #fff9e6;
    border-left: 3px solid #e6b422;
    padding: 0.3em 0.5em;
}

/* ===== スクロールバー（Webkit） ===== */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #e8f4f8;
}
::-webkit-scrollbar-thumb {
    background-color: #000080;
    border-radius: 4px;
}