Difference between revisions of "Jacinta"
Melongreen (talk | contribs) |
Melongreen (talk | contribs) |
||
| Line 68: | Line 68: | ||
border-right : 2px solid #280000; | border-right : 2px solid #280000; | ||
border-left : 2px solid #280000; | border-left : 2px solid #280000; | ||
| + | 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:jacinta3.png|center|400px]]<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 --> | ||
| + | |||
| + | |||
| + | |||
| + | |||
| + | variable options default what it does | ||
| + | small-side left, right left Determines whether the left or right is the thinner side. | ||
| + | colour-background Any web colour name, hex colour, or rgb()/rgba() value. white Sets the background for the main data areas. | ||
| + | colour-border Any web colour name, hex colour, or rgb()/rgba() value. black Sets the colour for the borders. | ||
| + | colour-headers Any web colour name, hex colour, or rgb()/rgba() value. #CCCCCC Sets the colour for the section headers. | ||
| + | colour-links Any web colour name, hex colour, or rgb()/rgba() value. #666666 Sets the colour for links and some other accents. | ||
| + | colour-text Any web colour name, hex colour, or rgb()/rgba() value. black Sets the text colour. | ||
| + | image-main An image name, such as Bob.png N/A Sets the character image at the top of the thin side. | ||
| + | image-alt An image name, such as Bob2.png N/A Sets the image at the bottom of the thin side. | ||
| + | header-data Almost anything. (Except tables, but you can call a subpage with one.) N/A This is what you want in the main display header, such as your name. | ||
| + | left-X-header A section name, such as Overview. N/A Sets the name of a section on the left side. X can be from 1-9. | ||
| + | left-X-data Almost anything. (Except tables, but you can call a subpage with one.) N/A Sets the content of a section on the left side. X can be from 1-9. | ||
| + | right-X-header A section name, such as Overview. N/A Sets the name of a section on the right side. X can be from 1-9. | ||
| + | right-X-data Almost anything. (Except tables, but you can call a subpage with one.) N/A Sets the content of a section on the right side. X can be from 1-9. | ||
| + | |||
| + | |||
| + | | Basic link style=color: #FFFF00; text-decoration: none; | ||
| + | | Outer div style=background: #000; color: #00FFFF | ||
| + | | Layout cell style=vertical-align: top; background: #900808; background: -webkit-gradient(linear, left top, left bottom, from(#00FFFF), to(#0066FF)); background: -moz-linear-gradient(top, #00FFFF, #0066ff); border: outset #000000 4px; -moz-border-radius: 8px; -webkit-border-radius: 8px | ||
| + | | Layout cell table style=color: #000 | ||
| + | | Header style=background: #000; background: -webkit-gradient(linear, left top, right top, from(#000000ff), to(#00000000)); background: -moz-linear-gradient(left, #000, #900808); -moz-border-radius: 12px; -webkit-border-radius: 12px; color: #fff; | ||
| + | | Introduction style=color: #000000 | ||
| + | |||
| + | |||
| + | |||
| + | | Layout table id= | ||
| + | | Layout table style= | ||
| + | |||
| + | {{PC_1 | ||
| + | | small-side=left | ||
| + | | colour-border=palevioletred | ||
| + | | colour-background=#FFEEEE | ||
| + | | colour-headers=rgb(255,182,193) | ||
| + | | image-main=FelixGraffiti.jpg | ||
| + | | header-data=This Is A Test | ||
| + | | left-1-header=Overview | ||
| + | | left-1-data={{:Bob/Overview}} | ||
| + | | right-1-header=Hooks | ||
| + | | right-1-data= * Here's a hook | ||
| + | * Here's another | ||
| + | * And a third | ||
| + | | left-2-header=A Picture | ||
| + | | left-2-data=<center>[[File:Glyph-galliard-f.png]]</center> | ||
| + | | right-2-header=Contacts | ||
| + | | right-2-data=I don't know anyone yet. | ||
| + | }} | ||
| + | |||
| + | |||
| + | |||
| + | |||
| + | <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; | ||
| + | } | ||
| + | |||
| + | /* 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; | background : #f0f1f3; | ||
text-align : center; | text-align : center; | ||
| Line 105: | Line 290: | ||
|- | |- | ||
|height = "90" width = "150" class = "CTData" | | |height = "90" width = "150" class = "CTData" | | ||
| − | |rowspan = "2" width = "490" class = "CTBox" | [[ | + | |rowspan = "2" width = "490" class = "CTBox" | [[Image:XXX.jpg|center|390px]]<span class="CTBigText"> ''{{PAGENAME}}'' </span> |
|width = "150" class = "CTData"| | |width = "150" class = "CTData"| | ||
|- | |- | ||
| Line 133: | Line 318: | ||
<!--Info End --> | <!--Info End --> | ||
</div> <!-- CTWrapper --> | </div> <!-- CTWrapper --> | ||
| + | |||
| + | == RP Logs == | ||
| + | {{ RP Logs | name = {{PAGENAME}} | columns = 4 | ordermethod = gamedate }} | ||
| + | [[Category:ADD YOUR CATEGORIES]] | ||
| + | |||
| + | |||
| + | |||
| + | |||
| + | {| align="center" width="900" cellpadding="0" cellspacing="0" style="background-color: #f0f1f3;" | ||
| + | |- | ||
| + | | height="13" colspan="3" style="background-color: #000000" | | ||
| + | |- | ||
| + | | height="90" width="150" style="background-color: #1d2e38;" | || 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:Belle7.jpg|center|400px]]<span style="text-shadow: 1px 1px 3px #000;">''Bellissima Coletti''</span> || width="150" style="background-color: #1d2e38" | | ||
| + | |- | ||
| + | |- | ||
| + | | height="50" style="background-color: #000000; border-top: 5px solid #000000" | || style="background-color: #000000; border-top: 5px solid #000000" | | ||
| + | |- | ||
| + | | 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>]]''''' | ||
| + | |} | ||
| + | {| width="900px" cellpadding="5" cellspacing="0" style="margin: auto; background-color: #f0f1f3; color: black" | ||
| + | | 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> | ||
| + | | | | ||
| + | | 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%" 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" | {{Belle/Facts}} | ||
| + | | 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" | {{Belle/Snapshots}} | ||
| + | |- | ||
| + | | 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> | ||
| + | | 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> | ||
| + | |- | ||
| + | | 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" | {{Belle/Hooks}} | ||
| + | | 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" | {{Belle/Quotes}} | ||
| + | |- | ||
| + | |} | ||
| + | |||
| + | |||
| + | == RP Logs == | ||
| + | |||
| + | {{ RP Logs | name =Belle | columns = 4 | ordermethod = gamedate }} | ||
| + | |||
| + | [[Category:PCs]] [[Category: Inactive PCs]] [[Category:Mortal+]][[Category:Sorcerer]] | ||
| + | |||
| + | |||
| + | |||
| + | {| align="center" | ||
| + | |- | ||
| + | | '''Full Name:''' | ||
| + | | Jacinta Pisanob | ||
| + | |- | ||
| + | | '''Played-by''' | ||
| + | | Suyane Moreira | ||
| + | |- | ||
| + | | '''Apparent Age:''' | ||
| + | | 23-25 | ||
| + | |- | ||
| + | |} | ||
| + | |||
| + | |||
| + | [[File:Suyane-Moreira.jpg|240px]][[File:suyane7.jpg|275px]][[File:jacinta4.jpg|200px]][[File:Suyane.jpg|200px]][[File:jacinta3.png|230px]] | ||
| + | [[File:jacinta2.jpg|400px]] | ||
Revision as of 18:08, 9 October 2020
| Jacinta | ||
| Navigation: Information, Snapshots, Contacts, Quotes | ||
| Information | Snapshots | |
| Jacinta/Facts | Jacinta/Snapshots | |
| Contacts | Quotes | |
| Jacinta/Hooks | Jacinta/Quotes |
variable options default what it does
small-side left, right left Determines whether the left or right is the thinner side.
colour-background Any web colour name, hex colour, or rgb()/rgba() value. white Sets the background for the main data areas.
colour-border Any web colour name, hex colour, or rgb()/rgba() value. black Sets the colour for the borders.
colour-headers Any web colour name, hex colour, or rgb()/rgba() value. #CCCCCC Sets the colour for the section headers.
colour-links Any web colour name, hex colour, or rgb()/rgba() value. #666666 Sets the colour for links and some other accents.
colour-text Any web colour name, hex colour, or rgb()/rgba() value. black Sets the text colour.
image-main An image name, such as Bob.png N/A Sets the character image at the top of the thin side.
image-alt An image name, such as Bob2.png N/A Sets the image at the bottom of the thin side.
header-data Almost anything. (Except tables, but you can call a subpage with one.) N/A This is what you want in the main display header, such as your name.
left-X-header A section name, such as Overview. N/A Sets the name of a section on the left side. X can be from 1-9.
left-X-data Almost anything. (Except tables, but you can call a subpage with one.) N/A Sets the content of a section on the left side. X can be from 1-9.
right-X-header A section name, such as Overview. N/A Sets the name of a section on the right side. X can be from 1-9.
right-X-data Almost anything. (Except tables, but you can call a subpage with one.) N/A Sets the content of a section on the right side. X can be from 1-9.
| Basic link style=color: #FFFF00; text-decoration: none;
| Outer div style=background: #000; color: #00FFFF
| Layout cell style=vertical-align: top; background: #900808; background: -webkit-gradient(linear, left top, left bottom, from(#00FFFF), to(#0066FF)); background: -moz-linear-gradient(top, #00FFFF, #0066ff); border: outset #000000 4px; -moz-border-radius: 8px; -webkit-border-radius: 8px
| Layout cell table style=color: #000
| Header style=background: #000; background: -webkit-gradient(linear, left top, right top, from(#000000ff), to(#00000000)); background: -moz-linear-gradient(left, #000, #900808); -moz-border-radius: 12px; -webkit-border-radius: 12px; color: #fff;
| Introduction style=color: #000000
| Layout table id= | Layout table style=
| Full Name: | Bob Example |
| Ritename: | Verbs-the-Noun |
| Race: | Garou |
| Faction: | Gaian |
| Tribe: | Bone Gnawers |
| Auspice: | Galliard (Waxing) |
| Breed: | Homid |
| Rank: | Cliath |
| Date of Birth: | April 1st, 1991 |
| Age: | 25 |
| Height: | 6'7" |
| Weight: | 200lbs |
| Eye Colour: | Brown |
| Hair Colour: | Brown |
| Demeanor: | Crackerjack |
| Photo Reference: | Guy Incognito |
| Theme Song: | Sexy And I Know It - LMFAO |
- Here's another
- And a third
| Jacinta | ||
| Navigation: Information, Snapshots, Contacts, Quotes | ||
| Information | Snapshots | |
| Jacinta/Facts | Jacinta/Snapshots | |
| Contacts | Quotes | |
| Jacinta/Hooks | Jacinta/Quotes |
RP Logs
| Bellissima Coletti | ||
| Navigation: Information, Snapshots, Story Hooks, Quotes | ||
| Information | Snapshots | ||||||||
|
STATS |
| ||||||||
| Story Hooks | Quotes | ||||||||
|
|
RP Logs
| Full Name: | Jacinta Pisanob |
| Played-by | Suyane Moreira |
| Apparent Age: | 23-25 |
