Template 3: Difference between revisions
From Ascension Sojourns
No edit summary |
No edit summary |
||
| (3 intermediate revisions by the same user not shown) | |||
| Line 2: | Line 2: | ||
If you need additional help contact staff. |
If you need additional help contact staff. |
||
---- |
---- |
||
| + | {{#css: |
||
| − | |||
| + | table { |
||
| − | <css> |
||
| + | background-color: white; |
||
| − | /* Wrapper around the table: sets text-color (and could change font)*/ |
||
| + | border-collapse: collapse; |
||
| − | .CTWrapper { |
||
| + | color: #f9f9f9; /* This is the main text colour. */ |
||
| − | width : 900px; |
||
| + | margin: 0 auto; /* This centers the box. */ |
||
| − | align : center; |
||
| + | max-width: 900px; |
||
| − | background : #1d2e38; |
||
| + | width: 900px; /* This can be changed but other numbers may also need adjusting if you do. */ |
||
| − | border : 1px solid green; |
||
| − | 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: #1d2e38; |
||
| − | .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: white; |
||
} |
} |
||
| + | .banner .main { |
||
| − | |||
| + | color: #FFBF00; |
||
| − | /* 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; |
|
| + | text-shadow: 1px 1px 3px #44202c; |
||
| − | font-size : 22pt; |
||
| + | width: 490px; |
||
| − | 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: #1d2e38; |
||
| − | /* Alternative Color definition of Table Cells, aka: 2nd Color */ |
||
| + | color: #FFBF00; |
||
| − | .CTData2 { |
||
| + | border-radius: 15px 15px 0 0; |
||
| − | background : #000000; |
||
| − | + | 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: #4c5b70; |
||
| − | /* 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--> |
||
| − | {| class="CTTable" cellpadding="0" cellspacing="0" width="900" |
||
| − | |- |
||
| − | |height = "13" class = "CTData2" colspan = "3"| |
||
| − | |- |
||
| − | |height = "90" width = "150" class = "CTData" | |
||
| − | |rowspan = "2" width = "490" class = "CTBox" | [[File:Bender.jpg|center|390px]] <span class="CTBigText"> ''{{PAGENAME}}'' </span> |
||
| − | |width = "150" class = "CTData"| |
||
| − | |- |
||
| − | |- |
||
| − | |height = "50" class = "CTData2" | |
||
| − | |class = "CTData2" | |
||
| − | |- |
||
| − | |colspan = "3" class = "CTData2 CTNav" | '''Navigation:'' [[#I-Facts|Information]], [[#I-Gallery|Snapshots]], [[#I-Hooks|Contacts]], [[#I-Quotes|Quotes]]''''' |
||
| − | |} |
||
| − | <!-- Top Banner End--> |
||
| − | <!-- Info Start --> |
||
| − | {| width = "900px" cellpadding = "5" cellspacing = "0" class = "CTTable" |
||
| − | | width = "50%" class = "CTData2 CTHeader" | <span id="I-Facts">Information</span> |
||
| − | | | |
||
| − | | width = "50%" class = "CTData2 CTHeader" | <span id="I-Gallery>Snapshots</span> |
||
| − | |- |
||
| − | | class = "CTData" | {{:{{PAGENAME}}/Facts}}<!-- Do not delete the ':' (colon)! --> |
||
| − | | rowspan = "5" | |
||
| − | | class = "CTData" | {{:{{PAGENAME}}/Snapshots}}<!-- Do not delete the ':' (colon)! --> |
||
| − | |- |
||
| − | | class = "CTData2 CTHeader" | <span id="I-Hooks">Contacts</span> |
||
| − | | class = "CTData2 CTHeader" | <span id="I-Quotes">Quotes</span> |
||
| − | |- |
||
| − | | 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 | name = {{PAGENAME}} | columns = 4 | ordermethod = gamedate }} |
||
| − | [[Category:ADD YOUR CATEGORIES]] |
||
| − | |||
| − | [[Category: PCs]] |
||
| − | ---- |
||
| − | <nowiki><css> |
||
| − | /* Wrapper around the table: sets text-color (and could change font)*/ |
||
| − | .CTWrapper { |
||
| − | width : 900px; |
||
| − | align : center; |
||
| − | background : #1d2e38; |
||
| − | border : 1px solid green; |
||
| − | color : silver; |
||
} |
} |
||
| + | .subsubhead { |
||
| − | |||
| + | display: inline-block; |
||
| − | /* Color of the Links, needs to be in the wrapper so it does not change |
||
| + | font-size: 13pt; |
||
| − | * ALL the links, but only those of the actual content |
||
| + | padding-top: 8px; |
||
| − | */ |
||
| − | .CTWrapper a { |
||
| − | color: gold; |
||
} |
} |
||
| + | /* Example of page-specific adjustments below */ |
||
| − | |||
| + | .pics { |
||
| − | .CTWrapper a :hover{ |
||
| + | vertical-align: middle; |
||
| − | color: blue; |
||
} |
} |
||
| + | .pics .info { |
||
| − | |||
| + | padding: 4.25em 0 1em; |
||
| − | .CTWrapper a :visited{ |
||
| − | color: gold; |
||
} |
} |
||
| + | }} |
||
| − | |||
| + | {| class="banner" |
||
| − | .CTWrapper a:link { |
||
| + | |- |
||
| − | color: grey; |
||
| + | | class="main" | [[File:Bender.jpg|300px|Center]]<br> Character Full Name Here |
||
| − | } |
||
| − | |||
| − | /* 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"| |
||
| − | |- |
||
| − | |height = "90" width = "150" class = "CTData" | |
||
| − | |rowspan = "2" width = "490" class = "CTBox" | [[File:XXX.jpg|center|390px]] <span class="CTBigText"> ''{{PAGENAME}}'' </span> |
||
| − | |width = "150" class = "CTData"| |
||
| − | |- |
||
| − | |- |
||
| − | |height = "50" class = "CTData2" | |
||
| − | |class = "CTData2" | |
||
| − | |- |
||
| − | |colspan = "3" class = "CTData2 CTNav" | '''Navigation:'' [[#I-Facts|Information]], [[#I-Gallery|Snapshots]], [[#I-Hooks|Contacts]], [[#I-Quotes|Quotes]]''''' |
||
|} |
|} |
||
| + | {| 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">{{:YOURcharNAMEHERE/Facts}}</div> |
||
| − | | width = "50%" class = "CTData2 CTHeader" | <span id="I-Facts">Information</span> |
||
| + | | class="cell pics" | <div class="heading">Snapshots</div> |
||
| − | | | |
||
| − | + | <div class="info">{{YOURcharNAMEHERE/Snapshots}}</div> |
|
| − | + | |- |
|
| + | | class="cell hooks" | <div class="heading">RP Hooks</div> |
||
| − | | class = "CTData" | {{:{{PAGENAME}}/Facts}}<!-- Do not delete the ':' (colon)! --> |
||
| + | <div class="info">{{:YOURcharNAMEHERE/Hooks}}</div> |
||
| − | | rowspan = "5" | |
||
| + | | class="cell contacts" | <div class="heading">Contacts</div> |
||
| − | | class = "CTData" | {{:{{PAGENAME}}/Snapshots}}<!-- Do not delete the ':' (colon)! --> |
||
| + | <div class="info">{{:YOURCharNAMEHERE/Contacts}}</div> |
||
| − | |- |
||
| + | |- |
||
| − | | class = "CTData2 CTHeader" | <span id="I-Hooks">Contacts</span> |
||
| − | + | | class="cell logs" colspan=2| <div class="heading">RP Logs</div> |
|
| + | <div class="info"><DynamicPageList> |
||
| − | |- |
||
| + | category=Logs&{{YOURNAMEHERE}} /* Remove the curly brackets and put in your page name. Ex: Logs&Brittany |
||
| − | | class = "CTData" | {{:{{PAGENAME}}/Hooks}}<!-- Do not delete the ':' (colon)! --> |
||
| + | order=descending |
||
| − | | class = "CTData" | {{:{{PAGENAME}}/Quotes}}<!-- Do not delete the ':' (colon)! --> |
||
| + | shownamespace=false |
||
| + | noresultsheader=''None yet.'' |
||
| + | </DynamicPageList></div> |
||
|} |
|} |
||
| + | [[Category: PCs]] |
||
| − | <!--Info End --> |
||
| − | </div> <!-- CTWrapper --> |
||
| − | |||
| − | == RP Logs == |
||
| − | {{ RP Logs | name = {{PAGENAME}} | columns = 4 | ordermethod = gamedate }} |
||
| − | [[Category:ADD YOUR CATEGORIES]] |
||
| − | </nowiki> |
||
Latest revision as of 07:13, 11 April 2023
When you paste this code into your page, change all references to YOURcharNAMEHERE to name you've used for your character page. The references should then look like this: Marty/Facts. If you need additional help contact staff.
 Character Full Name Here |
Information
|
Snapshots
|
RP Hooks
|
Contacts
|
RP Logs
None yet.
| |
