Difference between revisions of "User:Kiki"
Jump to navigation
Jump to search
(Created page with "{{ :Template:Charpage | full name = Kristina "Kiki" Milken | disclaimer position = off | overview position = left | gallery = left | stereotypes p...") |
|||
| Line 1: | Line 1: | ||
| − | {{ : | + | {{#css: |
| − | + | h1#firstHeading { | |
| − | + | display: none; | |
| − | + | } | |
| − | + | ||
| − | + | .mw-body { | |
| − | + | background-color: White!important; | |
| − | + | color: Black!important; | |
| − | + | } | |
| − | + | ||
| − | + | #catlinks { | |
| − | + | max-width: 93em; | |
| − | + | width: calc(100% - 12.5em); | |
| − | + | margin: 2em auto 0 auto; | |
| − | + | background-color:white; | |
| − | + | color:Black; | |
| − | + | } | |
| − | + | ||
| + | #catlinks a, #catlinks a:visited { | ||
| + | color: black; | ||
| + | } | ||
| + | |||
| + | div.Characterbox { | ||
| + | border: 7px ridge #800080; | ||
| + | border-radius: 10px; | ||
| + | max-width: 95em; | ||
| + | width: calc(100% - 10.5em); | ||
| + | margin: 0 auto; | ||
| + | padding: 0; | ||
| + | } | ||
| + | |||
| + | div.picturebox { | ||
| + | margin: 1em; | ||
| + | padding: 0; | ||
| + | text-indent: 0; | ||
| + | background-color: White; | ||
| + | margin: 2em; | ||
| + | } | ||
| + | |||
| + | img.top { | ||
| + | width:100%; | ||
| + | height:auto; | ||
| + | } | ||
| + | |||
| + | img.top2 { | ||
| + | width: calc(100% - 30px); | ||
| + | height:auto; | ||
| + | } | ||
| + | |||
| + | |||
| + | table.infobox { | ||
| + | background-color: White; | ||
| + | border: 7px ridge #000080; | ||
| + | border-radius: 10px; | ||
| + | margin-right: -6em; | ||
| + | margin-bottom: 0.5em; | ||
| + | margin-left: 1em; | ||
| + | padding: 1em .3em; | ||
| + | float: right; | ||
| + | margin-top: 2em; | ||
| + | clear: right; | ||
| + | max-width: 400px; | ||
| + | } | ||
| + | |||
| + | td.name { | ||
| + | margin-top: 0; | ||
| + | padding-right: .5em; | ||
| + | text-align: right; | ||
| + | font-size: 2em; | ||
| + | color: Black; | ||
| + | font-family: 'Linux Libertine','Georgia','Times',serif; | ||
| + | line-height: 1.3; | ||
| + | margin-bottom: .25em; | ||
| + | padding: 0; | ||
| + | padding-left: .5em; | ||
| + | background: none; | ||
| + | font-weight: normal; | ||
| + | margin: 0; | ||
| + | overflow: hidden; | ||
| + | border-bottom: 1px solid #a2a9b1; | ||
| + | } | ||
| + | |||
| + | div.subframe2 { | ||
| + | border: none; | ||
| + | margin: .5em .5em; | ||
| + | } | ||
| + | |||
| + | td.label { | ||
| + | margin-top: 0; | ||
| + | padding-right: .5em; | ||
| + | text-align: right; | ||
| + | font-size: 1.5em; | ||
| + | color: black; | ||
| + | font-family: 'Linux Libertine','Georgia','Times',serif; | ||
| + | line-height: 1.3; | ||
| + | margin-bottom: .25em; | ||
| + | padding: 0; | ||
| + | padding-left: .5em; | ||
| + | background: none; | ||
| + | font-weight: normal; | ||
| + | margin: 0; | ||
| + | overflow: hidden; | ||
| + | border-bottom: 1px solid black; | ||
| + | } | ||
| + | |||
| + | tr.infobox td:first-child { | ||
| + | text-align: right; | ||
| + | font-weight: bold; | ||
| + | } | ||
| + | |||
| + | tr.soundTitle { | ||
| + | font-weight: bold; | ||
| + | font-size: 100%; | ||
| + | } | ||
| + | |||
| + | tr.infolyrics { | ||
| + | background: none; | ||
| + | color: #C0C0C0; | ||
| + | } | ||
| + | |||
| + | tr.infolyrics td { | ||
| + | padding-left: 3em; | ||
| + | text-indent: -1em; | ||
| + | font-style: italic; | ||
| + | font-size: 90%; | ||
| + | padding-bottom: 1em; | ||
| + | } | ||
| + | |||
| + | tr.infolyrics td p { | ||
| + | margin: 0; | ||
| + | line-height: 1.3; | ||
| + | } | ||
| + | |||
| + | div.content p, div.content ul li, span.contactName, span.contactDesc, span.plainlinks a.external.text { | ||
| + | color: #C0C0C0; | ||
| + | font-family: sans-serif; | ||
| + | margin-bottom: 0.1em; | ||
| + | font-size: 100%; | ||
| + | line-height: 1.6; | ||
| + | } | ||
| + | |||
| + | div.mainframe { | ||
| + | background: none; | ||
| + | padding-left: 0!important; | ||
| + | padding-right: 0!important; | ||
| + | margin-left: 0!important; | ||
| + | margin-right: 0!important; | ||
| + | } | ||
| + | |||
| + | div.subframe { | ||
| + | border: 7px ridge #000080; | ||
| + | margin: 1em; | ||
| + | border-radius: 10px; | ||
| + | } | ||
| + | |||
| + | div.content p.quote { | ||
| + | font-family: 'Linux Libertine','Georgia','Times',serif; | ||
| + | line-height: 1.3; | ||
| + | margin-bottom: .25em; | ||
| + | text-align: center; | ||
| + | text-indent: none; | ||
| + | font-style: italic; | ||
| + | font-size: 1.5em; | ||
| + | } | ||
| + | |||
| + | p.sb1, td.label { | ||
| + | font-size: 1.5em; | ||
| + | margin-top: 5px; | ||
| + | color: black; | ||
| + | font-family: 'Linux Libertine','Georgia','Times',serif; | ||
| + | line-height: 1.3; | ||
| + | margin-bottom: .25em; | ||
| + | padding: 0; | ||
| + | padding-left: .5em; | ||
| + | background: none; | ||
| + | font-weight: normal; | ||
| + | margin: 0; | ||
| + | overflow: hidden; | ||
| + | border-bottom: 1px solid black; | ||
| + | } | ||
| + | |||
| + | div.content { | ||
| + | margin: 0em; | ||
| + | padding: 1em; | ||
| + | } | ||
| + | |||
| + | div.content p, span.contactName, span.contactDesc { | ||
| + | color: black; | ||
| + | font-family: sans-serif; | ||
| + | margin-bottom: 0.1em; | ||
| + | font-size: 100%; | ||
| + | line-height: 1.6; | ||
| + | text-indent: 2em; | ||
| + | text-align: justify; | ||
| + | } | ||
| + | |||
| + | span.contactName { | ||
| + | font-weight: bold; | ||
| + | } | ||
| + | |||
| + | .gallery { | ||
| + | -webkit-transition: all 0.5s ease; | ||
| + | -moz-transition: all 0.5s ease; | ||
| + | -o-transition: all 0.5s ease; | ||
| + | -ms-transition: all 0.5s ease; | ||
| + | transition: all 0.5s ease; | ||
| + | margin: 10px; | ||
| + | -moz-box-shadow: 10px 10px 20px rgba(0,0,0,0.75); | ||
| + | webkit-box-shadow: 10px 10px 20px rgba(0,0,0,0.75); | ||
| + | box-shadow: 10px 10px 20px rgba(0,0,0,0.75); | ||
| + | } | ||
| + | |||
| + | .gallery:hover { | ||
| + | -webkit-transform: scale(1.5); | ||
| + | -moz-transform: scale(1.5); | ||
| + | -o-transform: scale(1.5); | ||
| + | -ms-transform: scale(1.5); | ||
| + | transform: scale(1.5); | ||
| + | cursor: pointer; | ||
| + | |||
| + | ul li { | ||
| + | list-style-image: none; | ||
| + | } | ||
| + | |||
}} | }} | ||
| + | |||
| + | <div class="Characterbox"> | ||
| + | <div class="picturebox"> | ||
| + | [[Image:kiki-intro.png|750px|link=|class=top]] | ||
| + | </div> | ||
| + | <table class="infobox"> | ||
| + | <tr> | ||
| + | <td class="name">Kristina "Kiki" Milken</td> | ||
| + | </tr> | ||
| + | <tr> | ||
| + | <td> | ||
| + | <div class="subframe2"> | ||
| + | <table style="border: none; margin-top:.3em; border-collapse:collapse; width:100%;"> | ||
| + | <tr> | ||
| + | <td align="center"> | ||
| + | <table style="border: none; margin-top:.3em; border-collapse:collapse; width:100%;"> | ||
| + | <tr class="infobox"> | ||
| + | <td>Age:</td> | ||
| + | <td>Early Twenties</td> | ||
| + | </tr> | ||
| + | <tr class="infobox"> | ||
| + | <td>Occupation:</td> | ||
| + | <td>Fitness / Yoga Instructor</td> | ||
| + | </tr> | ||
| + | </tr> | ||
| + | <tr class="infobox"> | ||
| + | <td>Traits:</td> | ||
| + | <td>Appearance - 4 (Alluring)</td> | ||
| + | </tr> | ||
| + | <tr class="infobox"> | ||
| + | <td> </td> | ||
| + | <td>Stamina - 4 (insert something here)</td> | ||
| + | </tr> | ||
| + | </table> | ||
| + | </td> | ||
| + | </tr> | ||
| + | </table> | ||
| + | </div> | ||
| + | </td> | ||
| + | </tr> | ||
| + | </table> | ||
| + | <div class="mainframe"> | ||
| + | <div class="subframe"> | ||
| + | <div class="content"> | ||
| + | <p> Blah blah blah. Some text will go here when I care enough about putting some text here.</p> | ||
| + | </div> | ||
| + | </div> | ||
| + | <div class="subframe"> | ||
| + | <p class="sb1">Gallery</p> | ||
| + | <div> | ||
| + | <center> | ||
| + | <div class="picturebox">[[Image:xxx.jpg|250px|class=gallery]] [[Image:xxx.jpg|250px|class=gallery]] [[Image:xxx.jpg|200px|class=gallery]] </div> | ||
| + | </center> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | [[Category:PCs]] [[Category:Active PCs]] | ||