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 17: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 |