(→Lighter headers: accents) |
|||
(9 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
=== Layouts === | === Layouts === | ||
{| | {| style="color: white; width:100%;" valign="top" | ||
|- | |||
| | | | ||
<!-- | <!-- One-level header --> | ||
{| align=" | {| align="left" class=wikitable style="border:#A3BFA3; background:#F5FFF5;" | ||
|- | |- | ||
! style="background:# | ! style="background:#CEF2CE; width:33%;" valign="top"| [[Characters]] | ||
|- | |- | ||
| style="background:#F5FFF5;"| | |||
* [[Skills]] | |||
| style="background:#F5FFF5;| | * [[Training Ground]] | ||
* | * [[Achievement]] | ||
* | |||
* | |||
|} | |} | ||
<!-- One-level header --> | |||
{| align="left" class=wikitable style="border:#A3BFA3; background:#F5FFF5;" | |||
<!-- | |||
{| align=" | |||
|- | |- | ||
! style="background:#CEF2CE" | ! style="background:#CEF2CE; width:33%;" valign="top"| [[Equipment]] | ||
|- | |- | ||
| style="background:#F5FFF5;"| | | style="background:#F5FFF5;"| | ||
* | * [[Chest]] | ||
* | * [[Jewels]] | ||
* | * [[Pets]] | ||
|} | |} | ||
<!-- One-level header --> | <!-- One-level header --> | ||
{| align="center" class=wikitable style="border:#A3BFA3; background:#F5FFF5;" | {| align="center" class=wikitable style="border:#A3BFA3; background:#F5FFF5;" | ||
|- | |- | ||
! style="background:#CEF2CE"| | ! style="background:#CEF2CE; width:33%;" valign="top"| Storage & Shops | ||
|- | |- | ||
| style="background:#F5FFF5;"| | | style="background:#F5FFF5;"| | ||
* | * [[Cards Shop]] | ||
* | * [[Shop]] | ||
* | * [[Special Shop]] | ||
|} | |} | ||
|} | |} | ||
=== Darker headers === | === Darker headers === | ||
<!-- Darker Two-level headers --> | <!-- Darker Two-level headers --> | ||
Line 61: | Line 48: | ||
|- | |- | ||
|style="background:#FF9400" | |style="background:#FF9400"|Hue: 35||style="background:#BF9F72; color:white;"|#BF9F72||style="background:#D8B482;"|#D8B482||style="background:#BFB3A2;"|#BFB3A2||style="background:#F2E3CD;"|#F2E3CD||style="background:#FFFAF4;"|#FFFAF4 | ||
|- | |- | ||
|colspan=6 style="background:#D8B482; text-align:center;"|Two-level top header | |colspan=6 style="background:#D8B482; text-align:center;"|Two-level top header | ||
|- | |- | ||
|colspan=6 style="background:#F2E3CD; text-align:center;"|Two-level bottom header, One-level header | |colspan=6 style="background:#F2E3CD; text-align:center;"|Two-level bottom header, One-level header | ||
|- | |||
|colspan=6 style="background:#FFFAF4; text-align:center;"|Background | |||
|- | |- | ||
|style="background:#00FF00" | |style="background:#00FF00"|Hue: 120||style="background:#73BF73; color:white;"|#73BF73||style="background:#82D982;"|#82D982||style="background:#A3BFA3;"|#A3BFA3||style="background:#CEF2CE;"|#CEF2CE||style="background:#F5FFF5;"|#F5FFF5 | ||
|- | |- | ||
|colspan=6 style="background:#82D982; text-align:center;"|Two-level top header | |colspan=6 style="background:#82D982; text-align:center;"|Two-level top header | ||
|- | |- | ||
|colspan=6 style="background:#CEF2CE; text-align:center;"|Two-level bottom header, One-level header | |colspan=6 style="background:#CEF2CE; text-align:center;"|Two-level bottom header, One-level header | ||
|- | |||
|colspan=6 style="background:#F5FFF5; text-align:center;"|Background | |||
|- | |- | ||
|style="background:#0094FF" | |style="background:#0094FF"|Hue: 205||style="background:#729FBF; color:white;"|#729FBF||style="background:#82B4D8;"|#82B4D8||style="background:#A2B3BF;"|#A2B3BF||style="background:#CDE3F2;"|#CDE3F2||style="background:#F4FAFF;"|#F4FAFF | ||
|- | |- | ||
|colspan=6 style="background:#82B4D8; text-align:center;"|Two-level top header | |colspan=6 style="background:#82B4D8; text-align:center;"|Two-level top header | ||
|- | |- | ||
|colspan=6 style="background:#CDE3F2; text-align:center;"|Two-level bottom header, One-level header | |colspan=6 style="background:#CDE3F2; text-align:center;"|Two-level bottom header, One-level header | ||
|- | |||
|colspan=6 style="background:#F4FAFF; text-align:center;"|Background | |||
|} | |} | ||
=== Lighter headers === | === Lighter headers === | ||
<!-- Lighter Two-level headers --> | <!-- Lighter Two-level headers --> | ||
Line 95: | Line 87: | ||
|- | |- | ||
|style="background:#FF9400" | |style="background:#FF9400"|Hue: 35||style="background:#BFB3A2;"|#BFB3A2||style="background:#F2E3CD;"|#F2E3CD||style="background:#BFB3A2;"|#BFB3A2||style="background:#FFF4E5;"|#FFF4E5||style="background:#FFFAF4;"|#FFFAF4 | ||
|- | |- | ||
|colspan=6 style="background:#F2E3CD; text-align:center;"|Two-level top header | |colspan=6 style="background:#F2E3CD; text-align:center;"|Two-level top header, One-level header | ||
|- | |- | ||
|colspan=6 style="background:#FFF4E5; text-align:center;"|Two-level bottom header, Accent | |colspan=6 style="background:#FFF4E5; text-align:center;"|Two-level bottom header, Accent | ||
|- | |||
|colspan=6 style="background:#FFFAF4; text-align:center;"|Background | |||
|- | |- | ||
|style="background:#00FF00" | |style="background:#00FF00"|Hue: 120||style="background:#A3BFA3;"|#A3BFA3||style="background:#CEF2CE;"|#CEF2CE||style="background:#A3BFA3;"|#A3BFA3||style="background:#E6FFE6;"|#E6FFE6||style="background:#F5FFF5;"|#F5FFF5 | ||
|- | |- | ||
|colspan=6 style="background:#CEF2CE; text-align:center;"|Two-level top header | |colspan=6 style="background:#CEF2CE; text-align:center;"|Two-level top header, One-level header | ||
|- | |- | ||
|colspan=6 style="background:#E6FFE6; text-align:center;"|Two-level bottom header, Accent | |colspan=6 style="background:#E6FFE6; text-align:center;"|Two-level bottom header, Accent | ||
|- | |||
|colspan=6 style="background:#F5FFF5; text-align:center;"|Background | |||
|- | |- | ||
|style="background:#0094FF" | |style="background:#0094FF"|Hue: 205||style="background:#A2B3BF;"|#A2B3BF||style="background:#CDE3F2;"|#CDE3F2||style="background:#A2B3BF;"|#A2B3BF||style="background:#E5F4FF;"|#E5F4FF||style="background:#F4FAFF;"|#F4FAFF | ||
|- | |- | ||
|colspan=6 style="background:#CDE3F2; text-align:center;"|Two-level top header | |colspan=6 style="background:#CDE3F2; text-align:center;"|Two-level top header, One-level header | ||
|- | |- | ||
|colspan=6 style="background:#E5F4FF; text-align:center;"|Two-level bottom header, Accent | |colspan=6 style="background:#E5F4FF; text-align:center;"|Two-level bottom header, Accent | ||
|- | |||
|colspan=6 style="background:#F4FAFF; text-align:center;"|Background | |||
|} | |} |
Latest revision as of 17:51, 4 December 2016
Layouts[edit | edit source]
|
Darker headers[edit | edit source]
HSV Two-level and One-level header palettes (Darker) | ||||||
---|---|---|---|---|---|---|
Use for | 2-level border | Top header | 1-level border | Btm header, One header |
Background | |
S / V | S40 / V75 | S40 / V85 | S15 / V75 | S15 / V95 | S4 / V100 | |
Hue: 35 | #BF9F72 | #D8B482 | #BFB3A2 | #F2E3CD | #FFFAF4 | |
Two-level top header | ||||||
Two-level bottom header, One-level header | ||||||
Background | ||||||
Hue: 120 | #73BF73 | #82D982 | #A3BFA3 | #CEF2CE | #F5FFF5 | |
Two-level top header | ||||||
Two-level bottom header, One-level header | ||||||
Background | ||||||
Hue: 205 | #729FBF | #82B4D8 | #A2B3BF | #CDE3F2 | #F4FAFF | |
Two-level top header | ||||||
Two-level bottom header, One-level header | ||||||
Background |
Lighter headers[edit | edit source]
HSV Two-level and One-level header palettes (Lighter) | ||||||
---|---|---|---|---|---|---|
Use for | 2-level border | Top header, One header |
1-level border | Btm header, Accent |
Background | |
S / V | S15 / V75 | S15 / V95 | S15 / V75 | S10 / V100 | S4 / V100 | |
Hue: 35 | #BFB3A2 | #F2E3CD | #BFB3A2 | #FFF4E5 | #FFFAF4 | |
Two-level top header, One-level header | ||||||
Two-level bottom header, Accent | ||||||
Background | ||||||
Hue: 120 | #A3BFA3 | #CEF2CE | #A3BFA3 | #E6FFE6 | #F5FFF5 | |
Two-level top header, One-level header | ||||||
Two-level bottom header, Accent | ||||||
Background | ||||||
Hue: 205 | #A2B3BF | #CDE3F2 | #A2B3BF | #E5F4FF | #F4FAFF | |
Two-level top header, One-level header | ||||||
Two-level bottom header, Accent | ||||||
Background |