Difference between revisions of "Carys"

From City of Hope MUSH
Jump to navigation Jump to search
imported>DeniseGodin1521
imported>DeniseGodin1521
Line 1: Line 1:
<css>
+
{{#css:
/* Wrapper around the table: sets text-color (and could change font)*/
+
table {
.CTWrapper {
+
    background-color: white;
width      : 900px;
+
    border-collapse: collapse;
align      : center;
+
    color: #000080; /* This is the main text colour. */
background : #1d2e38;
+
    margin: 0 auto; /* This centers the box. */
border     : 1px solid blue;
+
     max-width: 900px;
color      : silver;
+
    width: 900px; /* This can be changed but other numbers may also need adjusting if you do. */
 
}
 
}
 
+
td {
/* Color of the Links, needs to be in the wrapper so it does not change
+
    font-family: Palatino Linotype, Perpetua, serif; /* This sets the font for everything but the text in .main */
* ALL the links, but only those of the actual content
+
    text-align: center; /* If you want a different default alignment, change it here. */
*/
 
.CTWrapper a {
 
color: gold;
 
 
}
 
}
 
+
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 {
.CTWrapper a :hover{  
+
    color: #FFF8E5 !important; /* This changes all the links to the colour you set, in all states. */
color: blue;
 
 
}
 
}
 
+
.banner {
.CTWrapper a :visited{
+
    background-color: #1d2e38;
color: gold;
+
    border-radius: 15px; /* remove this line or set to 0 if you want sharp corners. */
 
}
 
}
 
+
.banner .leftpic, .banner .rightpic {
.CTWrapper a:link {
+
    padding: 1.5em 0 4em;
color: grey;
+
    width: 200px;
 
}
 
}
 
+
.banner .main {
/* Design of the large Headers of the individual sections
+
    color: #FFBF00;
* in the Table (e.g.: INFORMATION)
+
    font-family: Perpetua, serif;
*/
+
    font-size: 42pt;  
.CTHeader {
+
    font-style: italic;
color                           : #f0f1f3;
+
    font-variant: small-caps;
vertical-align                  : center;
+
    text-align: center;  
font-size                      : 22pt;
+
    text-shadow: 1px 1px 3px #44202c;  
font-family                     : Palatino Linotype, Perpetua, serif;
+
    width: 490px;
text-align                      : center;
 
padding-top                    : 8px;
 
font-variant                   : small-caps;
 
-moz-border-radius-topleft      : 15px 11px;
 
-moz-border-radius-topright    : 15px 11px;
 
-webkit-border-top-left-radius  : 15px 11px;
 
-webkit-border-top-right-radius : 15px 11px
 
 
}
 
}
 
+
.data {
/* Color defition for the Table Cells */
+
    border-collapse: separate;
.CTData {
+
    border-spacing: .25em;
background-color : #1d2e38;
+
    min-width: calc(900px + .5em);
margin          : 15px;
 
color            : silver;
 
 
 
 
}
 
}
 
+
.heading {
/* Alternative Color definition of Table Cells, aka: 2nd Color */
+
    background-color: #1d2e38;  
.CTData2 {
+
    color: #FFBF00;
background   : #000000;
+
    border-radius: 15px 15px 0 0;
margin        : 15px;
+
    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 {
/* Color and style of the box surrounding the Picture */
+
    background-color: #4c5b70;
.CTBox {
+
    border-radius: 15px;
border-top    : 3px solid blue;
+
    vertical-align: top;  
border-bottom : 1px solid blue;
+
    font-size:12px;
border-right  : 2px solid blue;
+
    position: relative;
border-left  : 2px solid blue;
+
    width: 50%;
background    : #f0f1f3;
 
text-align    : center;
 
margin        : 0px;
 
 
}
 
}
 
+
.info {
/* Color and Style of the large text under the picture. */
+
    padding: 4.25em 1em 1em; /* The first number may need tweaking if you change the font or font size in the headings */
.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        : #1d2e38;
 
 
}
 
}
 
+
.info img {
.CTTable {
+
    height: auto;
background: #f0f1f3;
+
    max-width: 100%;
 
}
 
}
 
+
.logs {
/* Color and Stlye of the little navigation menu*/
+
    text-align: left;
.CTNav {
 
color          : silver;
 
text-align     : center;
 
text-transform : uppercase;
 
font-size      : 7pt;
 
border-bottom  : 5px solid #1d2e38;
 
 
}
 
}
</css>
+
.subhead {
<!-- Actual Content goes here -->
+
    font-variant: medium-caps;
<div class="CTWrapper">
+
    font-size: 16pt;
<!-- Top Banner Start-->
+
}
{| class="CTTable" cellpadding="0" cellspacing="0" width="900"
+
.subsubhead {
|-
+
    display: inline-block;
|height = "13" class = "CTData2" colspan = "3"| &nbsp;
+
    font-size: 13pt;
|-
+
    padding-top: 8px;
|height = "90" width = "150" class = "CTData" | &nbsp;
+
}
|rowspan = "2" width = "490" class = "CTBox" | [[Image:carys2.jpg|center|650px]]<span class="CTBigText"> ''{{PAGENAME}}'' </span>
+
/* Example of page-specific adjustments below */
|width = "150" class = "CTData"| &nbsp;
+
.pics {
|-
+
    vertical-align: middle;
|-
+
}
|height = "50" class = "CTData2" |&nbsp;
+
.pics .info {
|class = "CTData2" |&nbsp;
+
    padding: 4.25em 0 1em;
|-
+
}
|colspan = "3" class = "CTData2 CTNav" | '''Navigation:'' [[#I-Facts|Information]], [[#I-Gallery|Snapshots]], [[#I-Hooks|Contacts]], [[#I-Quotes|RP Hooks/Stats]]'''''
+
}}
 +
{| class="banner"
 +
|-
 +
| class="main" | [[File:Carys2.jpg‎|600px|center]]Carys Thomas
 
|}
 
|}
<!-- Top Banner End-->
+
{| class="data plainlinks"
<!-- Info Start -->
+
|-
{| width = "900px" cellpadding = "5" cellspacing = "0" class = "CTTable"
+
| class="cell facts" | <div class="heading">Information</div>
| width = "50%" class = "CTData2 CTHeader" | <span id="I-Facts">Information</span>
+
<div class="info">{{:Carys/Facts}}</div>
| |
+
| class="cell pics" | <div class="heading">Snapshots</div>
| width = "50%" class = "CTData2 CTHeader" | <span id="I-Gallery>Snapshots</span>
+
<div class="info">{{:Carys/Snapshots}}</div>
|-
+
|-
| class = "CTData" | {{:{{PAGENAME}}/Facts}}<!-- Do not delete the ':' (colon)! -->
+
| class="cell hooks" | <div class="heading">RP Hooks</div>
| rowspan = "5" |
+
<div class="info">{{:Carys/Hooks}}</div>
| class = "CTData" | {{:{{PAGENAME}}/Snapshots}}<!-- Do not delete the ':' (colon)! -->
+
| class="cell contacts" | <div class="heading">Contacts</div>
|-
+
<div class="info">{{:Carys/Contacts}}</div>
| class = "CTData2 CTHeader" | <span id="I-Contacts">Contacts</span>
+
|-
| class = "CTData2 CTHeader" | <span id="I-Hooks/Stats">RP Hooks/Stats</span>
+
| class="cell logs" colspan=2| <div class="heading">RP Logs</div>
|-
+
<div class="info">{{ RP Logs | name = Brooke | columns = 4 | ordermethod = gamedate }}</div>
| class = "CTData" | {{:{{PAGENAME}}/Contacts}}<!-- Do not delete the ':' (colon)! -->
 
| class = "CTData" | {{:{{PAGENAME}}/RP Hooks/Stats}}<!-- Do not delete the ':' (colon)! -->
 
 
|}
 
|}
<!--Info End -->
+
[[Category:PCs]] [[Category: Active PCs]] [[Category:Shifter]] [[Category:Garou]] [[Category:Galliard]] [[Category:Gaian]] [[Category:Glass Walker]]
</div> <!-- CTWrapper -->
 
 
 
[[Category:Active PCs]][[Category:PCs]][[Category:Mortals]]
 

Revision as of 21:54, 30 September 2017