「MediaWiki:Common.css」の版間の差分
提供: 3代目クッキー☆解説Wiki
LogicalBloom (トーク | 投稿記録) 編集の要約なし |
LogicalBloom (トーク | 投稿記録) 編集の要約なし |
||
98行目: | 98行目: | ||
font-size: 0.9em; | font-size: 0.9em; | ||
} | } | ||
MediaWiki:Common.css | |||
.quick-link-item h3 { pointer-events: none; } | .quick-link-item h3 { pointer-events: none; } |
2025年6月7日 (土) 18:24時点における版
/*
* 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; }