「スーパーロボット大戦Wiki・トーク:ナビゲーションテンプレート」の版間の差分

提供: スーパーロボット大戦Wiki
ナビゲーションに移動 検索に移動
15行目: 15行目:
 
! [[#赤|赤]] || [[#オレンジ|橙]] || [[#黄緑|黄緑]] || [[#緑|緑]] || [[#青緑|青緑]] || [[#青|青]] || [[#紫|紫]] || [[#赤紫|赤紫]]
 
! [[#赤|赤]] || [[#オレンジ|橙]] || [[#黄緑|黄緑]] || [[#緑|緑]] || [[#青緑|青緑]] || [[#青|青]] || [[#紫|紫]] || [[#赤紫|赤紫]]
 
|-
 
|-
| style="text-align: center;" | <span style="color: #f99;">■</span> || style="text-align: center;" | <span style="color: #fc6;">■</span> || style="text-align: center;" | <span style="color: #9c6;">■</span> || style="text-align: center;" | <span style="color: #9c9;">■</span> || style="text-align: center;" | <span style="color: #9cc;">■</span> || style="text-align: center;" | <span style="color: #ccf;">■</span> || style="text-align: center;" | <span style="color: #c9f;">■</span> || style="text-align: center;" | <span style="color: #f9c;">■</span>
+
| style="text-align: center;" | <span style="color: #f99;">■</span> || style="text-align: center;" | <span style="color: #fc3;">■</span> || style="text-align: center;" | <span style="color: #9c6;">■</span> || style="text-align: center;" | <span style="color: #9c9;">■</span> || style="text-align: center;" | <span style="color: #9cc;">■</span> || style="text-align: center;" | <span style="color: #ccf;">■</span> || style="text-align: center;" | <span style="color: #c9f;">■</span> || style="text-align: center;" | <span style="color: #f9c;">■</span>
 
|}
 
|}
  

2012年7月18日 (水) 10:04時点における版

色の変更

先日「Wikipediaとの差別化のために、ナビゲーションテンプレートの色を変える」という案をりこりすさんが出されましたので、いくつか色見本を作ってみました。お気に入りの色がございましたら、コメントをよろしくお願いいたします。--ocha 2012年7月14日 (土) 16:24 (JST)

コメント

  • 私は、現在のModernテーマの青色と補色の関係にあるオレンジを推したいと思います。--ocha 2012年7月14日 (土) 16:52 (JST)

色見本

色の設定は、タイトルをWebセーフカラーに、以下見出しのレベルが下がるごとに明るさを5%上げた色にしています。

以下に色見本と「MediaWiki:Common.css」での設定を示します。

早見表
黄緑 青緑 赤紫

/*     Level 1 color */
.navbox-title,
table.navbox th {
    background: #f99;
}

/*     Level 2 color */
.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
    background: #ffb3b3;
}

/*     Level 3 color */
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
    background: #fcc;
}

オレンジ

/*     Level 1 color */
.navbox-title,
table.navbox th {
    background: #fc3;
}

/*     Level 2 color */
.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
    background: #ffd24d;
}

/*     Level 3 color */
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
    background: #ffd966;
}

黄緑

/*     Level 1 color */
.navbox-title,
table.navbox th {
    background: #9c6;
}

/*     Level 2 color */
.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
    background: #a6d279;
}

/*     Level 3 color */
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
    background: #b2d98c;
}

/*     Level 1 color */
.navbox-title,
table.navbox th {
    background: #9c9;
}

/*     Level 2 color */
.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
    background: #aad5aa;
}

/*     Level 3 color */
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
    background: #bdb;
}

青緑

/*     Level 1 color */
.navbox-title,
table.navbox th {
    background: #9cc;
}

/*     Level 2 color */
.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
    background: #aad5d5;
}

/*     Level 3 color */
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
    background: #bdd;
}

現在の色です。

/*     Level 1 color */
.navbox-title,
table.navbox th {
    background: #c9f;
}

/*     Level 2 color */
.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
    background: #d9b3ff;
}

/*     Level 3 color */
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
    background: #e5ccff;
}

赤紫

/*     Level 1 color */
.navbox-title,
table.navbox th {
    background: #f9c;
}

/*     Level 2 color */
.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
    background: #ffb3d9;
}

/*     Level 3 color */
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
    background: #ffcce6;
}