Difference between revisions of "Character Name/Banner"

From City of Hope MUSH
Jump to navigation Jump to search
 
(One intermediate revision by the same user not shown)
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;
 
  
}
+
<span style="display: inline-block; overflow: hidden; border-radius: 20px;">[[Image:Stark-01.jpg|center|390px]]</span>
/* Example of page-specific adjustments below */
+
<span class="CTBigText">Stark</span>
.pics {
 
    vertical-align: middle;
 
}
 
.pics .info {
 
    padding: 4.25em 0 1em;
 
}
 
</css>
 
 
 
{|
 
|-
 
| <span style="display: inline-block; overflow: hidden; border-radius: 20px;">[[Image:Stark-01.jpg|center|390px]]</span>
 
|-
 
|<span class="CTBigText">Stark</span>
 
|}
 

Latest revision as of 07:06, 17 February 2020

Stark-01.jpg

Stark