Difference between revisions of "Template:Apocalypse CSS"
Jump to navigation
Jump to search
(Created page with "<noinclude>This is the CSS used by many Apocalypse-related pages.</noinclude> <includeonly>{{#css: .mw-body h1.firstHeading { font-family: "Carter One", cursive; color: #a...") |
|||
| (14 intermediate revisions by the same user not shown) | |||
| Line 7: | Line 7: | ||
font-size: 22px; | font-size: 22px; | ||
} | } | ||
| − | #apoc | + | #apoc-container-frame { |
background-color: #000; | background-color: #000; | ||
padding: 5px; | padding: 5px; | ||
} | } | ||
| − | #apoc | + | #apoc-container { |
background-color:#000; | background-color:#000; | ||
border-style:solid; | border-style:solid; | ||
border-color:#a18f2b; | border-color:#a18f2b; | ||
| + | padding: 5px; | ||
} | } | ||
| − | #apoc | + | #apoc-title { |
font-family: "Trade Winds", cursive; | font-family: "Trade Winds", cursive; | ||
| − | font-size: | + | font-size:3em; |
line-height:120px; | line-height:120px; | ||
text-align:center; | text-align:center; | ||
| Line 26: | Line 27: | ||
vertical-align:middle; | vertical-align:middle; | ||
} | } | ||
| − | #apoc | + | #apoc-container h2, .my-h2 { |
font-family: "Carter One", cursive; | font-family: "Carter One", cursive; | ||
color: #a18f2b; | color: #a18f2b; | ||
font-weight: bold; | font-weight: bold; | ||
| − | size: | + | font-size: 22px; |
| + | margin-top: 4px; | ||
} | } | ||
| − | #apoc | + | #apoc-container h3, .my-h3 { |
font-family: "Carter One", cursive; | font-family: "Carter One", cursive; | ||
color: #a18f2b; | color: #a18f2b; | ||
font-weight: bold; | font-weight: bold; | ||
| − | size: | + | font-size: 20px; |
| + | margin-top: 3px; | ||
} | } | ||
| − | #apoc | + | #apoc-container p, #apoc-container td, #apoc-container th, #apoc-container li, #apoc-container dd, #apoc-container dt { |
font-size: 16px; | font-size: 16px; | ||
font-family: 'Arial', sans-serif; | font-family: 'Arial', sans-serif; | ||
| Line 45: | Line 48: | ||
text-align:left; | text-align:left; | ||
} | } | ||
| − | #apoc | + | #apoc-badges { |
float:right; | float:right; | ||
| − | margins:20px; | + | margins:10px; |
| + | border: solid #a18f2b; | ||
| + | background: #403911; | ||
| + | padding: 20px; | ||
| + | } | ||
| + | #apoc-vss-pic, #apoc-territory-pic, #apoc-pcgroup-pic { | ||
| + | max-width: 80%; | ||
| + | margin-left: 20px; | ||
| + | margin-bottom: 20px; | ||
| + | } | ||
| + | #apoc-vss-pic img, #apoc-territory-pic img, #apoc-pcgroup-pic img { | ||
| + | height: auto; | ||
| + | max-width: 100%; | ||
} | } | ||
| − | #apoc- | + | #apoc-vss-table, #apoc-territory-table, #apoc-pcgroup-table { |
| + | vertical-align: top; | ||
| + | text-align:left; | ||
margin: 20px; | margin: 20px; | ||
} | } | ||
| − | #apoc-pc-portrait, #pc-furtherinfo-pic, #pc-oocvitals-pic { | + | #apoc-icvitals, #pc-furtherinfo, #pc-oocvitals { |
| + | margin: 10px; | ||
| + | } | ||
| + | #apoc-portrait, #pc-furtherinfo-pic, #pc-oocvitals-pic { | ||
float:right; | float:right; | ||
clear:both; | clear:both; | ||
max-width: 50%; | max-width: 50%; | ||
| − | margin-left: | + | margin-left: 10px; |
| − | margin-bottom: | + | margin-bottom: 10px; |
} | } | ||
| − | #apoc | + | #apoc-portrait img, #pc-furtherinfo-pic img, #pc-oocvitals-pic img { |
height: auto; | height: auto; | ||
max-width: 100%; | max-width: 100%; | ||
| Line 69: | Line 89: | ||
padding:5px; | padding:5px; | ||
} | } | ||
| − | #apoc | + | #apoc-icvitals-table, #pc-oocvitals-table, { |
vertical-align: top; | vertical-align: top; | ||
text-align:left; | text-align:left; | ||
} | } | ||
| − | #apoc-pc-container a:link, #apoc | + | #apoc-icvitals-table th, #pc-oocvitals-table, th { |
| + | padding-right: 10px; | ||
| + | } | ||
| + | #apoc-container ul { | ||
| + | list-style: none; /* Remove list bullets */ | ||
| + | padding: 0; | ||
| + | margin: 0; | ||
| + | } | ||
| + | |||
| + | #apoc-container li { | ||
| + | padding-left: 16px; | ||
| + | } | ||
| + | |||
| + | #apoc-container li:before { | ||
| + | content: "•"; | ||
| + | padding-right: 8px; | ||
| + | color: D7DBDD; | ||
| + | } | ||
| + | #apoc-container a:link, #apoc-container a.external:link { | ||
color: #817222; | color: #817222; | ||
} | } | ||
| − | #apoc | + | #apoc-container a:visited, #apoc-container a.external:visited { |
color: #a18f2b; | color: #a18f2b; | ||
} | } | ||
| − | #apoc | + | #apoc-container a:hover, #apoc-container a.external:hover { |
color: #cbb63e; | color: #cbb63e; | ||
} | } | ||
| − | #apoc | + | #apoc-container a:active, #apoc-container a.external:active { |
color: #d8c86e; | color: #d8c86e; | ||
} | } | ||
| − | #apoc | + | #apoc-container a.new, #apoc-container a.new:visited { |
color: #8d2ba1; | color: #8d2ba1; | ||
} | } | ||
Latest revision as of 18:46, 19 January 2021
This is the CSS used by many Apocalypse-related pages.
