Michelle: Difference between revisions
From LiberationMUSH Wiki
Michelle 1 (talk | contribs) No edit summary |
Michelle 1 (talk | contribs) No edit summary |
||
| Line 9: | Line 9: | ||
.bg-white {background-color:#FFF;} | .bg-white {background-color:#FFF;} | ||
.bg-grey {background-color:#808080;} | |||
.fg-black {color:#000;} | .fg-black {color:#000;} | ||
| Line 14: | Line 16: | ||
.fg-white {color:#FFF;} | .fg-white {color:#FFF;} | ||
.fg-lavender {} | .fg-grey {color:#808080;} | ||
.fg-lavender {color:#E6E6FA;} | |||
. | .small-title { | ||
font-weight: bold; | |||
} | } | ||
.photo-header { | .photo-header { | ||
width: calc(100% - 2rem); | width: calc(100% - 2rem); | ||
margin: auto; | margin: auto; | ||
padding: 0px; | padding: 0px; | ||
border-top: 1px #E6E6FA solid; | |||
border-left: 1px #E6E6FA solid; | |||
border-right: 1px #E6E6FA solid; | |||
} | } | ||
.character-name { | .character-name { | ||
font-family: "Aboreto",serif; | |||
font-family: | |||
font-size: 3rem; | font-size: 3rem; | ||
font-weight: bold; | font-weight: bold; | ||
| Line 39: | Line 40: | ||
width: calc(100% - 2rem); | width: calc(100% - 2rem); | ||
margin: auto; | margin: auto; | ||
border-left: 1px #E6E6FA solid; | |||
border-right: 1px #E6E6FA solid; | |||
} | } | ||
.container { | .container { | ||
font-family: "Open Sans", sans-serif; | font-family: "Open Sans", sans-serif; | ||
width: calc(100% - 2rem); | width: calc(100% - 2rem); | ||
| Line 48: | Line 50: | ||
height: auto; | height: auto; | ||
overflow: auto; | overflow: auto; | ||
border-left: 1px #E6E6FA solid; | |||
border-right: 1px #E6E6FA solid; | |||
border-bottom: 1px #E6E6FA solid; | |||
} | } | ||
| Line 53: | Line 58: | ||
width: 100%; | width: 100%; | ||
height: auto; | height: auto; | ||
} | |||
.flex-container { | |||
display: flex; | |||
flex-direction: row; | |||
text-align: left; | |||
} | |||
.flex-container > .flex-33 { | |||
flex: 33%; | |||
margin: auto; | |||
padding: 0.5rem 1rem; | |||
} | |||
.hidden { | |||
display: none; | |||
} | } | ||
| Line 61: | Line 82: | ||
.col-25 { | .col-25 { | ||
width: 25%; | width: 25%; | ||
} | |||
.col-50 { | |||
flex: 25%; | |||
} | |||
.col-100 { | |||
width: 100%; | |||
} | } | ||
.m-0 { | .m-0 { | ||
margin: 0px; | margin: 0px; | ||
} | |||
.m-auto { | |||
margin: auto; | |||
} | } | ||
.p-0 { | .p-0 { | ||
padding: 0px; | padding: 0px; | ||
} | |||
p { | |||
padding: 1rem; | |||
} | |||
@media (max-width: 600px) { | |||
.flex-container { | |||
flex-direction: column; | |||
} | |||
.flex-33 { | |||
width: 100%; | |||
} | |||
} | } | ||
}} | }} | ||
<div class="photo-header">[[File:TorresHeader.jpg|class=img-responsive|link=]]</div> | <div class="photo-header bg-black">[[File:TorresHeader.jpg|class=img-responsive|link=]]</div> | ||
<div class="character-name bg-black fg-grey">Michelle Torres</div> | |||
<div class=" | <div class="container bg-black" id="MainBody"> | ||
<div class="container" | <div class="flex-container"> | ||
<div class="flex-33 fg-white"> | |||
<table class="col-100"> | |||
<tr> | |||
<td class="col-50 fg-lavender small-title">Nickname:</td> | |||
<td class="col-50">None</td> | |||
</tr> | |||
<tr> | |||
<td class="col-50 fg-lavender small-title">App Age:</td> | |||
<td class="col-50">23</td> | |||
</tr> | |||
<tr> | |||
<td class="col-50 fg-lavender small-title">Demeanor:</td> | |||
<td class="col-50">Soldier</td> | |||
</tr> | |||
<tr> | |||
<td class="col-50 fg-lavender small-title">Hometown:</td> | |||
<td class="col-50">Los Angeles, CA</td> | |||
</tr> | |||
</table> | |||
</div> | |||
<div class="flex-33 fg-white"> | |||
<table class="col-100"> | |||
<tr> | |||
<td class="col-50 fg-lavender small-title">Height:</td> | |||
<td class="col-50">5'5"</td> | |||
</tr> | |||
<tr> | |||
<td class="col-50 fg-lavender small-title">Build:</td> | |||
<td class="col-50">Slim/Athletic</td> | |||
</tr> | |||
<tr> | |||
<td class="col-50 fg-lavender small-title">Hair:</td> | |||
<td class="col-50">Dark Brown</td> | |||
</tr> | |||
<tr> | |||
<td class="col-50 fg-lavender small-title">Eyes:</td> | |||
<td class="col-50">Violet</td> | |||
</tr> | |||
</table> | |||
</div> | |||
<div class="flex-33 fg-white"> | |||
<table class="col-100"> | |||
<tr> | |||
<td class="col-50 fg-lavender small-title">Sect:</td> | |||
<td class="col-50">Camarilla</td> | |||
</tr> | |||
<tr> | |||
<td class="col-50 fg-lavender small-title">Clan:</td> | |||
<td class="col-50">Tremere</td> | |||
</tr> | |||
<tr> | |||
<td class="col-50 fg-lavender small-title">Position:</td> | |||
<td class="col-50">Apprentice</td> | |||
</tr> | |||
<tr> | |||
<td class="col-50 fg-lavender small-title">Coterie:</td> | |||
<td class="col-50">None</td> | |||
</tr> | |||
</table> | |||
</div> | |||
</div> | |||
<div><p class="fg-white">Work in Progress</p></div> | <div><p class="fg-white">Work in Progress</p></div> | ||
Revision as of 06:16, 5 June 2023
Michelle Torres
| Nickname: | None |
| App Age: | 23 |
| Demeanor: | Soldier |
| Hometown: | Los Angeles, CA |
| Height: | 5'5" |
| Build: | Slim/Athletic |
| Hair: | Dark Brown |
| Eyes: | Violet |
| Sect: | Camarilla |
| Clan: | Tremere |
| Position: | Apprentice |
| Coterie: | None |
Work in Progress
