「MediaWiki:Starwars.css」の版間の差分
提供: スター・ウォーズの鉄人!
内容の置換:「→ここに記述したCSSはケルンブルー外装の利用者に影響します: @import url("https://www.starwars.jp/wiki.css");」 タグ: 置換 |
編集の要約なし |
||
| 1行目: | 1行目: | ||
/* ここに記述したCSSはケルンブルー外装の利用者に影響します */ | /* ここに記述したCSSはケルンブルー外装の利用者に影響します */ | ||
@import url("https://www.starwars.jp/wiki.css"); | @import url("https://www.starwars.jp/wiki.css"); | ||
/************************************** | |||
* 0. Reset / Normalize(任意) | |||
**************************************/ | |||
/* 必要ならここにリセットCSSを書く */ | |||
/************************************** | |||
* 1. 全体レイアウト(背景・フォント・余白) | |||
**************************************/ | |||
body.skin-cologneblue { | |||
/* 例:背景色、フォント、行間など */ | |||
} | |||
/************************************** | |||
* 2. コンテンツエリア(#content) | |||
**************************************/ | |||
#content { | |||
/* 例:カード風デザイン、影、角丸など */ | |||
} | |||
/************************************** | |||
* 3. 見出し(h1〜h4) | |||
**************************************/ | |||
#content h1, | |||
#content h2, | |||
#content h3, | |||
#content h4 { | |||
/* 例:モダンな下線、太さ調整 */ | |||
} | |||
/************************************** | |||
* 4. サイドバー(#quickbar) | |||
**************************************/ | |||
#quickbar { | |||
/* 例:固定表示、背景、影など */ | |||
} | |||
#quickbar a { | |||
/* 例:リンクの色やホバー */ | |||
} | |||
/************************************** | |||
* 5. 上部ナビゲーション(#topbar) | |||
**************************************/ | |||
#topbar { | |||
/* 例:固定ヘッダー風にするなど */ | |||
} | |||
/************************************** | |||
* 6. フッター(#footer) | |||
**************************************/ | |||
#footer { | |||
/* 例:中央寄せ、薄い色にするなど */ | |||
} | |||
/************************************** | |||
* 7. テーブル(table, th, td) | |||
**************************************/ | |||
#content table { | |||
/* 例:ボーダー、背景、余白 */ | |||
} | |||
/************************************** | |||
* 8. リンク(a) | |||
**************************************/ | |||
#content a { | |||
/* 例:色、ホバー */ | |||
} | |||
/************************************** | |||
* 9. コードブロック(pre, code) | |||
**************************************/ | |||
pre, code { | |||
/* 例:背景色、角丸、フォント */ | |||
} | |||
/************************************** | |||
* 10. 画像・メディア | |||
**************************************/ | |||
#content img { | |||
/* 例:角丸、影、最大幅 */ | |||
} | |||
/************************************** | |||
* 11. レスポンシブ対応(任意) | |||
**************************************/ | |||
@media (max-width: 768px) { | |||
/* 例:quickbar を下に移動、幅調整など */ | |||
} | |||
/************************************** | |||
* 12. カスタム要素(任意) | |||
**************************************/ | |||
/* 例:独自テンプレート用のクラスなど */ | |||
2026年5月13日 (水) 13:27時点における最新版
/* ここに記述したCSSはケルンブルー外装の利用者に影響します */
@import url("https://www.starwars.jp/wiki.css");
/**************************************
* 0. Reset / Normalize(任意)
**************************************/
/* 必要ならここにリセットCSSを書く */
/**************************************
* 1. 全体レイアウト(背景・フォント・余白)
**************************************/
body.skin-cologneblue {
/* 例:背景色、フォント、行間など */
}
/**************************************
* 2. コンテンツエリア(#content)
**************************************/
#content {
/* 例:カード風デザイン、影、角丸など */
}
/**************************************
* 3. 見出し(h1〜h4)
**************************************/
#content h1,
#content h2,
#content h3,
#content h4 {
/* 例:モダンな下線、太さ調整 */
}
/**************************************
* 4. サイドバー(#quickbar)
**************************************/
#quickbar {
/* 例:固定表示、背景、影など */
}
#quickbar a {
/* 例:リンクの色やホバー */
}
/**************************************
* 5. 上部ナビゲーション(#topbar)
**************************************/
#topbar {
/* 例:固定ヘッダー風にするなど */
}
/**************************************
* 6. フッター(#footer)
**************************************/
#footer {
/* 例:中央寄せ、薄い色にするなど */
}
/**************************************
* 7. テーブル(table, th, td)
**************************************/
#content table {
/* 例:ボーダー、背景、余白 */
}
/**************************************
* 8. リンク(a)
**************************************/
#content a {
/* 例:色、ホバー */
}
/**************************************
* 9. コードブロック(pre, code)
**************************************/
pre, code {
/* 例:背景色、角丸、フォント */
}
/**************************************
* 10. 画像・メディア
**************************************/
#content img {
/* 例:角丸、影、最大幅 */
}
/**************************************
* 11. レスポンシブ対応(任意)
**************************************/
@media (max-width: 768px) {
/* 例:quickbar を下に移動、幅調整など */
}
/**************************************
* 12. カスタム要素(任意)
**************************************/
/* 例:独自テンプレート用のクラスなど */