Difference between revisions of "Template:Apocalypse CSS"
Jump to navigation
Jump to search
| (12 intermediate revisions by the same user not shown) | |||
| Line 15: | Line 15: | ||
border-style:solid; | border-style:solid; | ||
border-color:#a18f2b; | border-color:#a18f2b; | ||
| + | padding: 5px; | ||
} | } | ||
#apoc-title { | #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 30: | Line 31: | ||
color: #a18f2b; | color: #a18f2b; | ||
font-weight: bold; | font-weight: bold; | ||
| − | size: | + | font-size: 22px; |
| + | margin-top: 4px; | ||
} | } | ||
#apoc-container h3, .my-h3 { | #apoc-container h3, .my-h3 { | ||
| Line 36: | Line 38: | ||
color: #a18f2b; | color: #a18f2b; | ||
font-weight: bold; | font-weight: bold; | ||
| − | size: | + | font-size: 20px; |
| + | margin-top: 3px; | ||
} | } | ||
| − | #apoc-container p, #apoc-container td, #apoc-container th, #apoc-container li { | + | #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 47: | Line 50: | ||
#apoc-badges { | #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-vss-table, #apoc-territory-table, #apoc-pcgroup-table { | ||
| + | vertical-align: top; | ||
| + | text-align:left; | ||
| + | margin: 20px; | ||
} | } | ||
#apoc-icvitals, #pc-furtherinfo, #pc-oocvitals { | #apoc-icvitals, #pc-furtherinfo, #pc-oocvitals { | ||
| − | margin: | + | margin: 10px; |
} | } | ||
#apoc-portrait, #pc-furtherinfo-pic, #pc-oocvitals-pic { | #apoc-portrait, #pc-furtherinfo-pic, #pc-oocvitals-pic { | ||
| Line 56: | Line 76: | ||
clear:both; | clear:both; | ||
max-width: 50%; | max-width: 50%; | ||
| − | margin-left: | + | margin-left: 10px; |
| − | margin-bottom: | + | margin-bottom: 10px; |
} | } | ||
#apoc-portrait img, #pc-furtherinfo-pic img, #pc-oocvitals-pic img { | #apoc-portrait img, #pc-furtherinfo-pic img, #pc-oocvitals-pic img { | ||
| Line 69: | Line 89: | ||
padding:5px; | padding:5px; | ||
} | } | ||
| − | #apoc-icvitals-table, #pc-oocvitals-table, | + | #apoc-icvitals-table, #pc-oocvitals-table, { |
vertical-align: top; | vertical-align: top; | ||
text-align:left; | text-align:left; | ||
| + | } | ||
| + | #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 { | #apoc-container a:link, #apoc-container a.external:link { | ||
Latest revision as of 18:46, 19 January 2021
This is the CSS used by many Apocalypse-related pages.
