Tiny Tower Wiki:Style Guide

From Tiny Tower Wiki

Jump to: navigation, search
See also: Category:Templates

Please try to stick to the following guide when adding or editing pages on the Tiny Tower Wiki!

Contents

Colors

Headers

Headers
#4F3F78
Food
#6BFB42
Service
#42C7FF
Recreation
#F7F7A5
Retail
#DE6DFF
Creative
#F77542
Residential
#FFFFFF

Subheaders

Subheaders
#A38DC5
Food
#B5FDA1
Service
#A1E3FF
Recreation
#FBFBD2
Retail
#EFB6FF
Creative
#FBBAA1

Miscellaneous

Borders
#AAAAAA
Backgrounds
#ECECEC

Styles

Heading Bars

To be used sparingly.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.
{| style="width: 100%">
| style="width:25%; background: #ececec; border:4px double #4f3f78; padding: 4px; font-weight:bold; text-align: center; font-size:150%" | Content
|}

Navigation Modules

To be used only on the Main Page and portal pages, such as Strategy.

Bitizen.png
Title

Etiam scelerisque sem ut nulla porta pharetra. Vestibulum vehicula lorem in velit tempus consequat. Proin enim massa, faucibus sed aliquam ut, tempor ut nisl. Mauris in dolor ut sem aliquet mattis nec at lorem. Aliquam erat volutpat.

Bitizen.png
Title

Quisque vitae quam non justo vulputate varius. Praesent at arcu massa. In elementum dictum lacus nec dapibus. Vestibulum tincidunt elementum massa vel posuere. Maecenas est sem, varius in facilisis nec, viverra quis metus.

Bitizen.png
Title

Donec neque elit, elementum vitae tempor pulvinar, mollis sed nisl. Aliquam pharetra elit justo, porta mollis eros. Etiam facilisis neque quis lacus volutpat venenatis. Proin in quam urna. Aliquam aliquet tempor enim, eget scelerisque eros scelerisque et.

{| style="width: 100%;" cellspacing="4"
| style="width:33%; vertical-align: top; background: #ececec; border: 1px solid #AAA; text-align: center" |
<div style="background: #4f3f78; padding:4px; margin:1px; text-align:center; font-weight:bold; color:white; font-size:150%"><div style="float: right;">[[File:Bitizen.png|22px]]</div>Title</div>
<div style="padding: 1em; text-align:left">
Content
</div>

| style="width:33%; vertical-align: top; background: #ececec; border: 1px solid #AAA; text-align: center" |
<div style="background: #4f3f78; padding:4px; margin:1px; text-align:center; font-weight:bold; color:white; font-size:150%"><div style="float: right;">[[File:Bitizen.png|22px]]</div>Title</div>
<div style="padding: 1em; text-align:left">
Content
</div>

| style="width:33%; vertical-align: top; background: #ececec; border: 1px solid #AAA; text-align: center" |
<div style="background: #4f3f78; padding:4px; margin:1px; text-align:center; font-weight:bold; color:white; font-size:150%"><div style="float: right;">[[File:Bitizen.png|22px]]</div>Title</div>
<div style="padding: 1em; text-align:left">
Content
</div>
|}

Tables

Wherever makes sense.

Header
Subheader Subheader Subheader Subheader
Rowheader
Rowheader
Rowheader
{| style="text-align:center; border:solid thin #aaa; background:#ececec; width: 100%" cellpadding="2" rules="all"
 ! colspan="4" style="background:#4f3f78; color:white;" | Header
 |-
 | style="background:#a38dc5; width=25%" | Subheader
 | style="background:#a38dc5; width=25%" | Subheader
 | style="background:#a38dc5; width=25%" | Subheader
 | style="background:#a38dc5; width=25%" | Subheader
 |-
 ! Rowheader
 | 
 | 
 ! 
 |-
 ! Rowheader
 |
 |
 |
 |-
 ! Rowheader 
 |
 |
 |
 |}
Header Header Header Header
Rowheader
Rowheader
Rowheader
{| style="text-align:center; border:solid thin #aaa; background:#ececec; width: 100%" cellpadding="2" rules="all"
 ! style="background:#4f3f78; color:white;" | Header
 ! style="background:#4f3f78; color:white;" | Header
 ! style="background:#4f3f78; color:white;" | Header
 ! style="background:#4f3f78; color:white;" | Header
 |-
 ! Rowheader
 | 
 | 
 ! 
 |-
 ! Rowheader
 |
 |
 |
 |-
 ! Rowheader 
 |
 |
 |
 |}
Personal tools