コンテンツにスキップ

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

提供: zukinwiki
編集の要約なし
タグ: 差し戻し済み
Zukin (トーク) による版 43 を取り消し
タグ: 取り消し 差し戻し済み
25行目: 25行目:
}
}


/* 外側の不要な枠線・余白を完全に削除 */
/* 目次(TOC)本体:淡いブルー背景とちょうどいい枠線 */
.vector-column-end,
#vector-toc-pinned-container,
.vector-page-toolbar,
.vector-toc-contents {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
 
/* 目次(TOC)本体:メインメニューと全く同じ幅・見た目に設定 */
.toc,
.toc,
.mw-table-of-contents-container,
.mw-table-of-contents-container,
.vector-toc {
.vector-toc {
    width: 100% !important;              /* メインメニューと同じ横幅 */
     background-color: #f0f7ff !important; /* 外側の背景(淡いブルー) */
    box-sizing: border-box !important;
     border: 1px solid #2563eb !important; /* 青色の枠線 */
     background-color: #f0f7ff !important; /* 周りの背景(淡いブルー) */
     border: 1px solid #2563eb !important; /* 外側の青い枠線1本のみ */
     border-radius: 8px !important;        /* 角丸 */
     border-radius: 8px !important;        /* 角丸 */
     padding: 12px !important;           /* メインメニューと同じ余白 */
     padding: 8px 12px !important;         /* 内側の余白 */
     box-shadow: none !important;
     box-shadow: none !important;
}
}


/* 内側の文字背景(白)の無駄な線を削除 */
/* 目次内部のリスト(文字の背景を白にする) */
.toc ul,
.toc ul,
.vector-toc-list-item,
.vector-toc-contents,
.vector-toc-contents {
.vector-toc-list-item {
     background-color: #ffffff !important; /* 文字の背景を白 */
     background-color: #ffffff !important; /* 文字の背景を白 */
     border: none !important;             /* 内側の余計な線を消す */
     border-radius: 6px !important;       /* 角丸 */
     border-radius: 6px !important;
     padding: 6px 10px !important;
     padding: 8px !important;
     margin-top: 4px !important;
}
}



2026年9月21日 (月) 22:33時点における版

/* ここに記述したCSSはすべての外装に反映されます */
/* フッターの各種リンク(プライバシー・ポリシー等)だけを非表示 */
#footer-places,
.footer-places {
    display: none !important;
}
/* 左側のサイドバー(メインメニューエリア)をミントグリーンに変更 */
.vector-main-menu-container,
.mw-sidebar {
    background-color: #f0fdf4 !important; /* 爽やかなミントグリーン背景 */
    padding: 12px !important;
    border-radius: 8px !important;       /* 角を少し丸くする */
    border: 1px solid #bbf7d0 !important; /* 優しく馴染むグリーンの枠線 */
}

/* 一番外側のコンテナ(不要な二重枠・余白)を完全に消す */
.vector-column-end,
#vector-toc-pinned-container,
.vector-page-toolbar {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 目次(TOC)本体:淡いブルー背景とちょうどいい枠線 */
.toc,
.mw-table-of-contents-container,
.vector-toc {
    background-color: #f0f7ff !important; /* 外側の背景(淡いブルー) */
    border: 1px solid #2563eb !important; /* 青色の枠線 */
    border-radius: 8px !important;        /* 角丸 */
    padding: 8px 12px !important;         /* 内側の余白 */
    box-shadow: none !important;
}

/* 目次内部のリスト(文字の背景を白にする) */
.toc ul,
.vector-toc-contents,
.vector-toc-list-item {
    background-color: #ffffff !important; /* 文字の背景を白 */
    border-radius: 6px !important;        /* 角丸 */
    padding: 6px 10px !important;
    margin-top: 4px !important;
}

/* 目次内のリンク文字色 */
.toc a,
.vector-toc a {
    color: #1d4ed8 !important;
    font-weight: 500;
}