Difference between revisions of "Character Name/Banner"
Jump to navigation
Jump to search
(Created page with "{| |- | <span style="display: inline-block; overflow: hidden; border-radius: 20px;">center|390px</span> |- |<span class="CTBigText">Stark</span> |}") |
|||
| Line 1: | Line 1: | ||
| + | <css> | ||
| + | table { | ||
| + | background-color: white; | ||
| + | border-collapse: collapse; | ||
| + | color: #000000; /* This is the main text colour. */ | ||
| + | margin: 0 auto; /* This centers the box. */ | ||
| + | max-width: 900px; | ||
| + | width: 900px; /* This can be changed but other numbers may also need adjusting if you do. */ | ||
| + | } | ||
| + | td { | ||
| + | font-family: Palatino Linotype, Perpetua, serif; /* This sets the font for everything but the text in .main */ | ||
| + | text-align: center; /* If you want a different default alignment, change it here. */ | ||
| + | } | ||
| + | table a, table a:hover, table a:visited, table a:active,table a.external, table a.external:hover, table a.external:visited, table a.external:active { | ||
| + | color: #000000!important; /* This changes all the links to the colour you set, in all states. */ | ||
| + | } | ||
| + | .banner { | ||
| + | background-color: #6E8231; | ||
| + | border-radius: 15px; /* remove this line or set to 0 if you want sharp corners. */ | ||
| + | } | ||
| + | .banner .leftpic, .banner .rightpic { | ||
| + | padding: 1.5em 0 4em; | ||
| + | width: 200px; | ||
| + | } | ||
| + | .banner .main { | ||
| + | font-family: Perpetua, serif; | ||
| + | font-size: 40pt; | ||
| + | font-style: italic; | ||
| + | font-variant: small-caps; | ||
| + | text-align: center; | ||
| + | text-shadow: 1px 1px 3px #305B6E; | ||
| + | } | ||
| + | .CTBigText { | ||
| + | font-size : 48pt; | ||
| + | font-family : Palatino Lionotype, Perpetua, serif; | ||
| + | font-variant : small-caps; | ||
| + | text-align : center; | ||
| + | align : center; | ||
| + | text-shadow : 1px 1px 3px #000000; | ||
| + | color : #ffffff; | ||
| + | } | ||
| + | .data { | ||
| + | border-collapse: separate; | ||
| + | border-spacing: .25em; | ||
| + | min-width: calc(900px + .5em); | ||
| + | } | ||
| + | .heading { | ||
| + | background-color: #C7C259; | ||
| + | border-radius: 15px 15px 0 0; | ||
| + | font-size: 22pt; | ||
| + | font-variant: small-caps; | ||
| + | height: 1.25em; | ||
| + | left: 0; | ||
| + | line-height: 1.25em; | ||
| + | padding-bottom: 0.1em; | ||
| + | position: absolute; | ||
| + | text-align: center; | ||
| + | top: 0; | ||
| + | width: 100%; | ||
| + | } | ||
| + | .cell { | ||
| + | background-color: #A2BD54; | ||
| + | border-radius: 15px; | ||
| + | vertical-align: top; | ||
| + | font-size:12px; | ||
| + | position: relative; | ||
| + | width: 50%; | ||
| + | } | ||
| + | .info { | ||
| + | padding: 4.25em 1em 1em; /* The first number may need tweaking if you change the font or font size in the headings */ | ||
| + | } | ||
| + | .info img { | ||
| + | height: auto; | ||
| + | max-width: 100%; | ||
| + | } | ||
| + | .logs { | ||
| + | text-align: left; | ||
| + | } | ||
| + | .subhead { | ||
| + | font-variant: medium-caps; | ||
| + | font-size: 16pt; | ||
| + | |||
| + | } | ||
| + | .subsubhead { | ||
| + | display: inline-block; | ||
| + | font-size: 13pt; | ||
| + | padding-top: 8px; | ||
| + | |||
| + | } | ||
| + | /* Example of page-specific adjustments below */ | ||
| + | .pics { | ||
| + | vertical-align: middle; | ||
| + | } | ||
| + | .pics .info { | ||
| + | padding: 4.25em 0 1em; | ||
| + | } | ||
| + | </css> | ||
| + | |||
{| | {| | ||
|- | |- | ||
Revision as of 07:58, 17 February 2020
| Stark |
