Difference between revisions of "Spyder"

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

Latest revision as of 08:48, 1 January 2019

 
 
SpyderLand1.jpg
Spyder 0 Prime 		 
   
Navigation: Information, Snapshots, Contacts, Quotes
Information Snapshots
Spyder/Facts Spyder Zero Prime.jpg

SpyderFace1.jpg

Contacts Quotes
Spyder/Hooks Spyder/Quotes

RP Logs

No pages meet these criteria.

Retrieved from "https://cityofhopemush.net/index.php?title=Spyder&oldid=108444"