Difference between revisions of "Template 3"

From City of Hope MUSH
Jump to navigation Jump to search
imported>Klem
 
(15 intermediate revisions by 8 users not shown)
Line 1: Line 1:
−
{| align="center" width="900" cellpadding="0" cellspacing="0" style="background-color: #f0f1f3;"
+
<css>
−
|-
+
/* Wrapper around the table: sets text-color (and could change font)*/
−
| height="13" colspan="3" style="background-color: #000000" |
+
.CTWrapper {
−
|-
+
width      : 900px;
−
| height="90" width="150" style="background-color: #1d2e38;" | &nbsp; || rowspan="2" width="490" style="border-top: 3px solid silver; border-bottom: 1px solid silver; border-right: 2px solid silver; border-left: 2px solid silver; color: #1d2e38; margin: 15px; font-size: 48pt; text-align: center; font-family: Perpetua, serif; font-variant: small-caps" | [[Image:XXX.jpg‎|center|400px]]<span style="text-shadow: 1px 1px 3px #000;">''YOUR FULL CHARACTER NAME HERE''</span> || width="150" style="background-color: #1d2e38" | &nbsp;  
+
align     : center;
−
|-
+
background : #1d2e38;
−
|-
+
border    : 1px solid green;
−
| height="50" style="background-color: #000000; border-top: 5px solid #000000" | &nbsp; || style="background-color: #000000; border-top: 5px solid #000000" | &nbsp;
+
color      : silver;
−
|-
+
}
−
| colspan="3" style="background-color: #000000; color: silver; text-align: center; text-transform: uppercase; font-size: 7pt; border-bottom: 5px solid #1d2e38" | '''Navigation: ''[[#I-Facts|<span style="color:#f0f1f3;">Information</span>]], [[#I-Gallery|<span style="color:#f0f1f3;">Snapshots</span>]], [[#I-Hooks|<span style="color:#f0f1f3;">Story Hooks</span>]], [[#I-Quotes|<span style="color:#f0f1f3;">Quotes</span>]]'''''
+
 
 +
/* Color of the Links, needs to be in the wrapper so it does not change
 +
* ALL the links, but only those of the actual content
 +
*/
 +
.CTWrapper a {
 +
color: gold;
 +
}
 +
 
 +
.CTWrapper a :hover{
 +
color: blue;
 +
}
 +
 
 +
.CTWrapper a :visited{
 +
color: gold;
 +
}
 +
 
 +
.CTWrapper a:link {
 +
color: grey;
 +
}
 +
 
 +
/* Design of the large Headers of the individual sections
 +
* in the Table (e.g.: INFORMATION)
 +
*/
 +
.CTHeader {
 +
color                           : #f0f1f3;
 +
vertical-align                  : center;
 +
font-size                      : 22pt;
 +
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
 +
}
 +
 
 +
/* Color defition for the Table Cells */
 +
.CTData {
 +
background-color : #1d2e38;
 +
margin          : 15px;
 +
color            : silver;
 +
 
 +
}
 +
 
 +
/* Alternative Color definition of Table Cells, aka: 2nd Color */
 +
.CTData2 {
 +
background    : #000000;
 +
margin        : 15px;
 +
}
 +
 
 +
/* Color and style of the box surrounding the Picture */
 +
.CTBox {
 +
border-top   : 3px solid green;
 +
border-bottom : 1px solid green;
 +
border-right : 2px solid green;
 +
border-left   : 2px solid green;
 +
background    : #f0f1f3;
 +
text-align    : center;
 +
margin       : 0px;
 +
}
 +
 
 +
/* 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;
 +
}
 +
 
 +
.CTTable {
 +
background: #f0f1f3;
 +
}
 +
 
 +
/* 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;
 +
}
 +
</css>
 +
<!-- Actual Content goes here -->
 +
<div class="CTWrapper">
 +
<!-- Top Banner Start-->
 +
{| class="CTTable" cellpadding="0" cellspacing="0" width="900"
 +
|-
 +
|height = "13" class = "CTData2" colspan = "3"| &nbsp;
 +
|-
 +
|height = "90" width = "150" class = "CTData" | &nbsp;
 +
|rowspan = "2" width = "490" class = "CTBox" | [[File:XXX.jpg|center|390px]] <span class="CTBigText"> ''{{PAGENAME}}'' </span>
 +
|width = "150" class = "CTData"| &nbsp;
 +
|-
 +
|-
 +
|height = "50" class = "CTData2" |&nbsp;
 +
|class = "CTData2" |&nbsp;
 +
|-
 +
|colspan = "3" class = "CTData2 CTNav" | '''Navigation:'' [[#I-Facts|Information]], [[#I-Gallery|Snapshots]], [[#I-Hooks|Contacts]], [[#I-Quotes|Quotes]]'''''
 
|}
 
|}
−
{| width="900px" cellpadding="5" cellspacing="0" style="margin: auto; background-color: #f0f1f3; color: black"
+
<!-- Top Banner End-->
−
| width="50%" style="background-color: #000000; color: #f0f1f3; vertical-align: center; font-size: 22pt; 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" | <span id="I-Facts">Information</span>  
+
<!-- Info Start -->
−
| |
+
{| width = "900px" cellpadding = "5" cellspacing = "0" class = "CTTable"
−
| width="50%" style="background-color: #000000; color: #f0f1f3; vertical-align: center; font-size: 22pt; 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" | <span id="I-Snapshots">Snapshots</span>
+
| width = "50%" class = "CTData2 CTHeader" | <span id="I-Facts">Information</span>
−
|-
+
| |
−
| width="50%" style="background-color: #1d2e38; color: black; vertical-align: top; font-size:12px;-moz-border-radius-bottomleft: 15px 11px; -moz-border-radius-bottomright: 15px 11px; -webkit-border-bottom-left-radius: 15px 11px; -webkit-border-bottom-right-radius: 15px 11px" | {{YOUR CHARACTER NAME GOES HERE/Facts}}
+
| width = "50%" class = "CTData2 CTHeader" | <span id="I-Gallery>Snapshots</span>
−
| rowspan="5" style="background-color: #f0f1f3; color: white ; vertical-align: top; padding: 0px;" |
+
|-
−
| width="50%" style="background-color: #1d2e38; color: black; vertical-align: top; font-size:12px; -moz-border-radius-bottomleft: 15px 11px; -moz-border-radius-bottomright: 15px 11px; -webkit-border-bottom-left-radius: 15px 11px; -webkit-border-bottom-right-radius: 15px 11px" | {{YOUR CHARACTER NAME GOES HERE/Snapshots}}  
+
| class = "CTData" | {{:{{PAGENAME}}/Facts}}<!-- Do not delete the ':' (colon)! -->
−
|-
+
| rowspan = "5" |
−
| width="50%" style="background-color: #000000; color: #f0f1f3; vertical-align: center; font-size: 22pt; 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" | <span id="I-Hooks">Story Hooks</span>
+
| class = "CTData" | {{:{{PAGENAME}}/Snapshots}}<!-- Do not delete the ':' (colon)! -->
−
| width="50%" style="background-color: #000000; color: #f0f1f3; vertical-align: center; font-size: 22pt; 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" | <span id="I-Quotes">Quotes</span>
+
|-
−
|-
+
| class = "CTData2 CTHeader" | <span id="I-Hooks">Contacts</span>
−
| width="50%" style="background-color: #1d2e38; color: black; vertical-align: top; font-size:12px;-moz-border-radius-bottomleft: 15px 11px; -moz-border-radius-bottomright: 15px 11px; -webkit-border-bottom-left-radius: 15px 11px; -webkit-border-bottom-right-radius: 15px 11px" | {{YOUR CHARACTER NAME GOES HERE/Hooks}}  
+
| class = "CTData2 CTHeader" | <span id="I-Quotes">Quotes</span>
−
| width="50%" style="background-color: #1d2e38; color: black; vertical-align: top; font-size:12px;-moz-border-radius-bottomleft: 15px 11px; -moz-border-radius-bottomright: 15px 11px; -webkit-border-bottom-left-radius: 15px 11px; -webkit-border-bottom-right-radius: 15px 11px" | {{YOUR CHARACTER NAME GOES HERE/Quotes}}  
+
|-
−
|-
+
| class = "CTData" | {{:{{PAGENAME}}/Hooks}}<!-- Do not delete the ':' (colon)! -->
 +
| class = "CTData" | {{:{{PAGENAME}}/Quotes}}<!-- Do not delete the ':' (colon)! -->
 
|}
 
|}
−
 
+
<!--Info End -->
 +
</div> <!-- CTWrapper -->
  
 
== RP Logs ==
 
== RP Logs ==
−
 
+
{{ RP Logs | name = {{PAGENAME}} | columns = 4 | ordermethod = gamedate }}
−
{{ RP Logs | name =Belle | columns = 4 | ordermethod = gamedate }}
+
[[Category:ADD YOUR CATEGORIES]]
−
 
 
−
[[Category:PCs]] [[Category: Active PCs]] [[Category:Mortal+]][[Category:Sorcerer]]
 

Latest revision as of 21:44, 30 November 2020

 
 
XXX.jpg
Template 3 		 
   
Navigation: Information, Snapshots, Contacts, Quotes
Information Snapshots
Template 3/Facts Template 3/Snapshots
Contacts Quotes
Template 3/Hooks Template 3/Quotes

RP Logs

No pages meet these criteria.

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