MediaWiki:Starwars.css

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

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

/* ここに記述した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. カスタム要素（任意）
 **************************************/
 /* 例：独自テンプレート用のクラスなど */