Difference between revisions of "Template:StyleTest01"
Jump to navigation
Jump to search
Bomb Bloke (talk | contribs) m |
Bomb Bloke (talk | contribs) m |
||
| (12 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
<noinclude> | <noinclude> | ||
| + | {{tocright}} | ||
| + | [[Image:Tint 25 (EU2012).jpg|thumb|right|Sample image]] | ||
Include this template in a page and it should match the style. | Include this template in a page and it should match the style. | ||
| Line 5: | Line 7: | ||
{| class="wikitable" | {| class="wikitable" | ||
|- | |- | ||
| − | !This is a sample table. | + | !This is a sample table header. |
|- | |- | ||
| − | |[[Main Page|With some sample links.]] [[Including a broken one!]] | + | |And a normal cell. |
| + | [[Main Page|With some sample links.]] [[Including a broken one!]] | ||
And a code block, even! | And a code block, even! | ||
|- | |- | ||
|} | |} | ||
| + | |||
| + | [[Category:Styles]] | ||
</noinclude> | </noinclude> | ||
<css> | <css> | ||
| − | body, #content, | + | body, #content, table.diff, td.diff-otitle, td.diff-ntitle, abbr, acronym, .explain { |
| + | font-family: 'century gothic', 'MS PGothic', sans-serif; | ||
color: #73E7F1; | color: #73E7F1; | ||
background-color: #202020; | background-color: #202020; | ||
| + | background-image:none; | ||
} | } | ||
| − | #mw-head, #mw-panel, #p-logo, html, table, table.wikitable, #footer { | + | #mw-head, |
| + | #mw-panel, | ||
| + | #p-logo, | ||
| + | html, | ||
| + | table, | ||
| + | table.wikitable, | ||
| + | #footer, | ||
| + | #mw-page-base, | ||
| + | #toc, | ||
| + | .toc, | ||
| + | .mw-warning, | ||
| + | .catlinks, | ||
| + | div.thumbinner { | ||
color: #73E7F1; | color: #73E7F1; | ||
background-color: #050A0D; | background-color: #050A0D; | ||
| + | } | ||
| + | |||
| + | div.thumb { | ||
| + | border-color: #202020; | ||
} | } | ||
| Line 39: | Line 62: | ||
#mw-panel div.portal div.body ul li a, | #mw-panel div.portal div.body ul li a, | ||
#mw-panel div.portal div.body ul li a:active { | #mw-panel div.portal div.body ul li a:active { | ||
| − | color: # | + | color: #F4AD02; |
} | } | ||
a:visited, | a:visited, | ||
#mw-panel div.portal div.body ul li a:visited { | #mw-panel div.portal div.body ul li a:visited { | ||
| − | color: # | + | color: #CC8C02; |
} | } | ||
a.new, | a.new, | ||
| − | #mw-panel div.portal div.body ul li a.new { | + | #mw-panel div.portal div.body ul li a.new, |
| − | color: # | + | .diffchange { |
| + | color: #AA1C1F; | ||
} | } | ||
a.new:visited, | a.new:visited, | ||
#mw-panel div.portal div.body ul li a.new:visited { | #mw-panel div.portal div.body ul li a.new:visited { | ||
| − | color: # | + | color: #85171A; |
} | } | ||
| Line 62: | Line 86: | ||
div.vectorTabs li.selected a:visited span, | div.vectorTabs li.selected a:visited span, | ||
div.vectorTabs li a span { | div.vectorTabs li a span { | ||
| − | color: # | + | color: #F4AD02; |
text-decoration: none; | text-decoration: none; | ||
} | } | ||
| Line 87: | Line 111: | ||
pre, | pre, | ||
.wikitable th { | .wikitable th { | ||
| − | color: # | + | color: #59ABC8; |
background-color: #282828; | background-color: #282828; | ||
} | } | ||
| Line 95: | Line 119: | ||
background-image:none; | background-image:none; | ||
background-color: #050A0D; | background-color: #050A0D; | ||
| + | } | ||
| + | |||
| + | td.diff-addedline { | ||
| + | background: #559E06; | ||
| + | } | ||
| + | |||
| + | td.diff-deletedline { | ||
| + | background: #A3A430; | ||
| + | } | ||
| + | |||
| + | td.diff-context { | ||
| + | background: #808080; | ||
} | } | ||
</css> | </css> | ||
Latest revision as of 22:46, 22 April 2013
.jpg)
Include this template in a page and it should match the style.
Example heading
| This is a sample table header. |
|---|
| And a normal cell.
With some sample links. Including a broken one! And a code block, even! |
<css>
body, #content, table.diff, td.diff-otitle, td.diff-ntitle, abbr, acronym, .explain {
font-family: 'century gothic', 'MS PGothic', sans-serif; color: #73E7F1; background-color: #202020; background-image:none;
}
- mw-head,
- mw-panel,
- p-logo,
html, table, table.wikitable,
- footer,
- mw-page-base,
- toc,
.toc, .mw-warning, .catlinks, div.thumbinner {
color: #73E7F1; background-color: #050A0D;
}
div.thumb {
border-color: #202020;
}
h1, h2, h3, h4, h5, h6, h7,
- mw-panel div.portal h1,
- mw-panel div.portal h2,
- mw-panel div.portal h3,
- mw-panel div.portal h4,
- mw-panel div.portal h5,
- mw-panel div.portal h6,
- mw-panel div.portal h7 {
color: #59ABC8;
}
a:link, a:active,
- mw-panel div.portal div.body ul li a,
- mw-panel div.portal div.body ul li a:active {
color: #F4AD02;
}
a:visited,
- mw-panel div.portal div.body ul li a:visited {
color: #CC8C02;
}
a.new,
- mw-panel div.portal div.body ul li a.new,
.diffchange {
color: #AA1C1F;
}
a.new:visited,
- mw-panel div.portal div.body ul li a.new:visited {
color: #85171A;
}
div.vectorTabs li.selected a, div.vectorTabs li.selected a span, div.vectorTabs li.selected a:visited, div.vectorTabs li.selected a:visited span, div.vectorTabs li a span {
color: #F4AD02; text-decoration: none;
}
div.vectorTabs li.new a, div.vectorTabs li.new a span, div.vectorTabs li.new a:visited, div.vectorTabs li.new a:visited span {
color: #862628;
}
Input {
background-color: #282828; color: #4A8E91;
}
.altButtonFormat {
background-color: #050A0D; color: #1B5054;
}
TextArea, .altTextField, pre, .wikitable th {
color: #59ABC8; background-color: #282828;
}
div.vectorTabs ul li, div.vectorTabs li.selected {
background-image:none; background-color: #050A0D;
}
td.diff-addedline {
background: #559E06;
}
td.diff-deletedline {
background: #A3A430;
}
td.diff-context {
background: #808080;
} </css>