(9 intermediate revisions by 2 users not shown)
Line 1: Line 1:
=== Layouts ===
=== Layouts ===


{|
{| style="color: white; width:100%;" valign="top"
|- valign="top"
|-
|
|
<!-- Two-level header (darker) -->
<!-- One-level header -->
{| align="center" class=wikitable style="border:#73BF73; background: #F5FFF5;"
{| align="left" class=wikitable style="border:#A3BFA3; background:#F5FFF5;"
|-
|-
! style="background:#82D982"| Two-level header top
! style="background:#CEF2CE; width:33%;" valign="top"| [[Characters]]
|-
|-
! style="background:#CEF2CE"| Two-level header bottom
| style="background:#F5FFF5;"|  
|-
* [[Skills]]
| style="background:#F5FFF5;|  
* [[Training Ground]]
* Border: Hn S40 V75
* [[Achievement]]
* Header top: Hn S40 V85
* Header bottom: Hn S15 V95
* Background: Hn S4 V100
|}
|}
 
<!-- One-level header -->
|
{| align="left" class=wikitable style="border:#A3BFA3; background:#F5FFF5;"
 
<!-- Two-level header (lighter) -->
{| align="center" class=wikitable style="border:#73BF73; background: #F5FFF5;"
|-
|-
! style="background:#CEF2CE"| Two-level header top
! style="background:#CEF2CE; width:33%;" valign="top"| [[Equipment]]
|-
! style="background:#E6FFE6"| Two-level header bottom
|-
|-
| style="background:#F5FFF5;"|  
| style="background:#F5FFF5;"|  
* Border: Hn S40 V75
* [[Chest]]
* Header top: Hn S15 V95
* [[Jewels]]
* Header bottom: Hn S10 V100
* [[Pets]]
* Background: Hn S4 V100
|}
|}
|
<!-- 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"| One-level header
! style="background:#CEF2CE; width:33%;" valign="top"| Storage & Shops
|-
|-
| style="background:#F5FFF5;"|  
| style="background:#F5FFF5;"|  
* Border: Hn S15 V75
* [[Cards Shop]]
* Header: Hn S15 V95
* [[Shop]]
* Background: Hn S4 V100
* [[Special Shop]]
|}
|}
|}
|}


=== Darker headers ===
=== Darker headers ===


<!-- Darker Two-level headers -->
<!-- Darker Two-level headers -->
Line 61: Line 48:


|-
|-
|style="background:#FF9400"|[[Wikipedia talk:Colours|Hue]]: 35||style="background:#BF9F72; color:white;"|#BF9F72||style="background:#D8B482;"|#D8B482||style="background:#BFB3A2;"|#BFB3A2||style="background:#F2E3CD;"|#F2E3CD||style="background:#FFFAF4;"|#FFFAF4
|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"|[[Wikipedia talk:Colours|Hue]]: 120||style="background:#73BF73; color:white;"|#73BF73||style="background:#82D982;"|#82D982||style="background:#A3BFA3;"|#A3BFA3||style="background:#CEF2CE;"|#CEF2CE||style="background:#F5FFF5;"|#F5FFF5
|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"|[[Wikipedia talk:Colours|Hue]]: 205||style="background:#729FBF; color:white;"|#729FBF||style="background:#82B4D8;"|#82B4D8||style="background:#A2B3BF;"|#A2B3BF||style="background:#CDE3F2;"|#CDE3F2||style="background:#F4FAFF;"|#F4FAFF
|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"|[[Wikipedia talk:Colours|Hue]]: 35||style="background:#BFB3A2;"|#BFB3A2||style="background:#F2E3CD;"|#F2E3CD||style="background:#BFB3A2;"|#BFB3A2||style="background:#FFF4E5;"|#FFF4E5||style="background:#FFFAF4;"|#FFFAF4
|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"|[[Wikipedia talk:Colours|Hue]]: 120||style="background:#A3BFA3;"|#A3BFA3||style="background:#CEF2CE;"|#CEF2CE||style="background:#A3BFA3;"|#A3BFA3||style="background:#E6FFE6;"|#E6FFE6||style="background:#F5FFF5;"|#F5FFF5
|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"|[[Wikipedia talk:Colours|Hue]]: 205||style="background:#A2B3BF;"|#A2B3BF||style="background:#CDE3F2;"|#CDE3F2||style="background:#A2B3BF;"|#A2B3BF||style="background:#E5F4FF;"|#E5F4FF||style="background:#F4FAFF;"|#F4FAFF
|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]

Characters
Equipment
Storage & Shops

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
Cookies help us deliver our services. By using our services, you agree to our use of cookies.