MediaWiki:Common.css

提供: 3代目クッキー☆解説Wiki
2025年6月7日 (土) 18:24時点におけるLogicalBloom (トーク | 投稿記録)による版

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

  • Firefox / Safari: Shift を押しながら 再読み込み をクリックするか、Ctrl-F5 または Ctrl-R を押してください (Mac では ⌘-R)
  • Google Chrome: Ctrl-Shift-R を押してください (Mac では ⌘-Shift-R)
  • Microsoft Edge: Ctrl を押しながら 最新の情報に更新 をクリックするか、Ctrl-F5 を押してください。
/*
 * 3代目クッキー☆解説Wiki カスタムCSS
 * このページに記述した内容は、Wikiのすべてのページに適用されます。
 */

/* ===== 全体のコンテナ ===== */
/* トップページの内容全体を囲むボックス */
.main-page-container {
    /* 必要であればここにスタイルを追加 */
}

/* ===== お知らせセクション ===== */
.main-page-notice {
    background-color: #f9f9f9; /* 背景を薄いグレーに */
    border: 1px solid #ccc;      /* 枠線を引く */
    border-radius: 8px;          /* 角を丸くする */
    padding: 1em;                /* 内側の余白 */
    margin-bottom: 2em;          /* 下側の余白 */
}

.main-page-notice p {
    margin: 0; /* お知らせ内の段落の余白をなくす */
}

/* ===== このWikiについてセクション ===== */
.main-page-about {
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 1em;
    margin-bottom: 2em;
}

/* ===== 警告ボックス ===== */
.main-page-warning {
    background-color: #fff0e6; /* 背景を薄いオレンジに */
    border: 2px solid #ff4500;   /* 枠線をオレンジ色に */
    border-radius: 5px;
    padding: 0.8em;
    margin-top: 1em;
}

/* ===== クイックリンク セクション ===== */
.main-page-quick-links {
    /* 必要であればここにスタイルを追加 */
}

/* クイックリンクのテーブル(グリッドレイアウト用) */
.quick-links-table {
    width: 100%;
    border-spacing: 15px; /* カード間の間隔 */
    border-collapse: separate;
    margin-top: 1em;
}

.quick-links-table td {
    width: 50%; /* 横に2つ並べる */
    vertical-align: top;
    padding: 0;
}

/* ===== {{QuickLink}} テンプレートのデザイン ===== */
/* カード型リンク本体 */
.quick-link-item {
    display: block;
    background-color: #f5faff; /* 背景を薄い青に */
    border: 1px solid #a3d1ff;   /* 枠線を青色に */
    border-radius: 8px;
    padding: 15px;
    text-decoration: none;     /* リンクの下線を消す */
    color: inherit;            /* 文字色を親要素から継承 */
    height: 100%;              /* 高さを揃える */
    box-sizing: border-box;
    transition: background-color 0.2s, border-color 0.2s; /* ホバー時のアニメーション */
}

/* マウスを乗せたときのスタイル */
.quick-link-item:hover {
    background-color: #eaf5ff;
    border-color: #66b3ff;
}

/* カード内のアイコン */
.quick-link-icon {
    float: left;
    margin-right: 15px;
}

/* カード内のテキスト部分 */
.quick-link-text h3 {
    margin: 0 0 5px 0;
    font-size: 1.2em;
    color: #0056b3; /* 見出しの文字を青色に */
}

.quick-link-text p {
    margin: 0;
    font-size: 0.9em;
}

MediaWiki:Common.css

.quick-link-item h3 { pointer-events: none; }