Difference between revisions of "User:Kiki"

From City of Hope MUSH
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:
{{ :Template:Charpage
+
{{#css:
| full name           = Kristina "Kiki" Milken
+
h1#firstHeading {
| disclaimer position  = off
+
    display: none;
| overview position    = left
+
}
| gallery              = left
+
 
| stereotypes position = left
+
.mw-body {
| hooks position      = left
+
    background-color: White!important;
| logs position        = left
+
    color: Black!important;
| page color          = #4B0082
+
}
| page border         = black
+
 
| cell color          = white
+
#catlinks {
| cell border          = black
+
    max-width: 93em;
| cell text           = black
+
    width: calc(100% - 12.5em);
| header color        = silver
+
    margin: 2em auto 0 auto;
| header border       = black
+
    background-color:white;
| header text          = black
+
    color:Black;
| link color           = black
+
}
| page gradient        = no
+
 
 +
#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]]

Revision as of 12:23, 3 October 2020


Kristina "Kiki" Milken
Age: Early Twenties
Occupation: Fitness / Yoga Instructor
Traits: Appearance - 4 (Alluring)
Stamina - 4 (insert something here)

Blah blah blah. Some text will go here when I care enough about putting some text here.

Gallery