User:Lola 1: Difference between revisions

From LiberationMUSH Wiki
No edit summary
No edit summary
Line 1: Line 1:
{{#css:
{{#css:
@import 'https://fonts.googleapis.com/css?family=Rock+Salt|Oswald|Lato';


@import 'https://fonts.googleapis.com/css?family=Foo';
a:link {text-shadow: 0px 0px 5px #5F83A8; color: #517294; font-family: 'Oswald'; font-size: 15px; font-weight: bold; text-transform: none; padding: 1px;}
@import 'https://fonts.googleapis.com/css?family=Open+Sans';
a:visited {text-shadow: 0px 0px 5px #5F83A8; color: #517294; font-family: 'Oswald'; font-size: 15px; font-weight: bold; text-transform: none; padding: 1px;}
@import 'https://fonts.googleapis.com/css?family=Indie+Flower';
a:hover {text-decoration: none; opacity: 0.7; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; -ms-transition: all .4s ease; transition: all .4s ease;}
.header { color: #517294; border-bottom: #5F83A8 0px solid; text-align: center; text-shadow: 1px 1px 1px #000000; padding: 0px; font-size: 20px; font-family: Rock Salt; letter-spacing: 5px; font-weight: bold; font-style: italic; text-transform: none; }
.header2 {color: #FFFFFF;  text-align: center; text-shadow: 1px 1px 1px #000000; padding: 4px; font-size: 35px; font-family: 'Lato'; letter-spacing: 5px;}
.banner {color: #5F83A8; text-shadow: 15px 0px 20px #5F83A8; padding: 20px; font-size: 60px; font-family: 'Rock Salt'; letter-spacing: 5px;}
hr {background: #F0F8FF;}
.boxes {background: -webkit-linear-gradient(#5F83A8, #0E1D2B); background: -o-linear-gradient(#5F83A8, #0E1D2B); background: -moz-linear-gradient(#5F83A8, #0E1D2B); background: linear-gradient(#5F83A8, #0E1D2B); color: #F0F8FF; text-shadow: 1px 1px 1px #000; padding:10em; padding: 10px; font-size: 13px; font-family: 'Lato';}
.boxes b {color: padding:2em; padding:10px;}
.boxes2 {background: #000000; color: #5F83A8; font-size: 16px; font-family: 'Lato'; border: 2px solid #5F83A8; position: relative; right: -40px; padding: 10px; box-shadow: -2px -2px 8px #000000; style="padding: 20px"; padding: 20px;}
.font1 {color: #ffffff; font-size: 14px; letter-spacing: 2px; text-transform: none;}
.font {color: #5F83A8; font-size: 14px; letter-spacing: 2px; text-transform: none;}
.label {color: #ffffff; font-family: 'Oswald'; font-size: 18px; letter-spacing: 2px; text-transform: none;}
.label2 {color: #5F83A8; font-family: 'Rock Salt'; font-size: 18px; letter-spacing: 2px; text-transform: none;}
.collapse {color: #fff;}
.box3 {background-color: #000; style="padding: 20px"; padding: 20px; padding:2em; border: 1px solid #90a5d6; position: relative; left: 10px}
.inset {
background-color: #000;
border-collapse: collapse;
border-style: solid;
border-color: #000000;
border-width: 0;
border-spacing: 0;
padding: 0;
margin: 0;
color: #5F83A8;
outline: 2px;
outline-style: solid;
outline-color: #5F83A8;
font-weight: bold;
text-align: left;
-moz-box-shadow: 0px 0px 10px #000000;
webkit-box-shadow: 0px 0px 10px #000000;
box-shadow: 0px 0px 10px #000000;
font-size: 9pt;
line-height: 9pt;
style="padding: 20px"; padding: 20px;
}


.container {
.kickleft {
margin: auto;
position: relative; right: -40px; padding: 10px;}
height: auto;
.insetmrg {
width: 940px;
background-color: #000;
background-color:#000;
color: #5F83A8;
border: 5px solid #BC529C;
outline: 2px;
color:#FFF;
outline-style: solid;
font-family:'Indie Flower',Candara,Calibri,Segoe,'Segoe UI',Optima,Arial,sans-serif;
outline-color: #5F83A8;
font-weight: bold;
text-align: left;
-moz-box-shadow: 0px 0px 10px #000000;
webkit-box-shadow: 0px 0px 10px #000000;
box-shadow: -2px -2px 8px #000000;
font-size: 12pt;
line-height: 15pt;
style="padding:50px;"
}
.inl {
font-weight: bold;
color: #5F83A8;
font-size: 9pt;
line-height: 9pt;
vertical-align: top;
}
}


.photo-header {
@import 'https://fonts.googleapis.com/css?family=Karla|Pompiere|Satisfy|Bad Script|Forum|Cinzel Decorative';
width: 940 px;
 
height: 500 px;
a:link {color: #4EA2EB;}
a:visited {color: #8FC4F2;}
body{overflow-y:scroll;}
.quote {letter-spacing: 2px; font-family: Bad Script; font-size: 16px; vertical-align: middle; margin-top: 15px; display: inline; width: 600px; text-shadow: 1px 1px 1px #000;}
 
#rcorners {border-radius: 20px; background: 729193; padding: 20px; width: 200px; height: 150px; border:1px dashed #729193; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px}
 
 
#main {padding: 1em; margin: 0em 0; background-color:#528172; width:100%; border-width:0px; vertical-align: top; }
#main2 {padding: 1em; margin: 0.5em 0; background-color:#528172; width:100%; border-width:0px; vertical-align: top; }
#block {color: #528172; background-color: white; padding:2em; margin-bottom: 0.5em;}
#blockinfo {color: #528172; background-color: white; padding:1.5em; margin: 32px 32px 32px 32px;}
#blockbody {padding:2em; color: #528172; background-color: white; margin: 10px 0 32px 32px;}
#blockbodyfull {padding:2em; color: #528172; background-color: white; margin: 0px 32px 32px 32px;}
#blocksound {color: #528172; background-color: #528172; padding:0px 64px 0px 64px;}
#blockintro {color: #FFFFFF; background-color: #528172; padding:2em; margin-bottom: 0.5em; vertical-align: top;}
#intro {color: #FFFFFF; background-color: #5F83A8; font-size: 0pt; vertical-align: top; margin: 0;}
#intro2 {color: #FFFFFF; background-color: #528172; border-radius: 2em 2em 0em 0em;}
#banner {background-color: #000000;}
 
#title-bar-outro {background-color: #528172; color: #FFF; text-align: center; font-weight:bold; font-family: cursive; font-size: 2rem; padding:0em 0 0em 0;vertical-align: top; margin: 0}
 
#title-bar {border-radius:1em 1em 0px 0px;}
 
#outro {padding: 2em; color: white; background-color: #528172; border-radius:0 0 2em 2em;}
#outro2 {color: white; background-color: #528172; border-width:4px 4px 4px 4px;}
 
#character-table
{
    background-color: {{{page color}}};
    border: 0px solid {{{page border}}};
    -border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
}
}


.footer {
#character-table .character-table
background-color: #0a0a0a;
{
color: #FFF;
{{ #switch: {{{page gradient|}}}|no=|
margin: 0px;
    background: -webkit-gradient(linear, 48% top, 52% bottom, from(rgba(128, 128, 128, .3)), to(rgba(0, 0, 0, .3)));
padding: 3px 5px 3px 5px;
    background: -moz-linear-gradient(-80deg, rgba(128, 128, 128, .3), rgba(0, 0, 0, .3));
font-family: 'Indie Flower',Candara,Calibri,Segoe,'Segoe UI',Optima,Arial,sans-serif;
}}
font-size: smaller;
    width: 100%;
clear:both;
    padding: 5px;
    margin: 0px;
}
}


.column {
.character-cell
float: left;
{
    border: 0px solid {{{cell border}}};
    -border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: {{{cell color}}};
    margin-bottom: 0.5em;
    width: 100%;
}
}


.full {
img { max-width: 100%; height: auto; width: auto\9; /* ie8 */ }
width:100%;
 
.character-cell-table
{
{{ #switch: {{{cell gradient|}}}|no=|
    background: -webkit-gradient(linear, 48% top, 52% bottom, from(rgba(255, 255, 255, .3)), to(rgba(160, 160, 160, .3)));
    background: -moz-linear-gradient(-80deg, rgba(255, 255, 255, .3), rgba(160, 160, 160, .3));
}}
    -border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: {{{cell text}}};
    width: 100%;
}
.character-cell-table table td, .character-cell-table table th
{
    color: {{{cell text}}};
}
}


.thirds {
.character-cell a, .character-cell a:visited, #content .character-cell a.external, #content .character-cell a.external:visited { color: {{{link color}}}; }
width: 33.33%;
.character-cell a:hover, #content .character-cell a.external:hover { color: {{{link hover color}}}; }
.character-cell a.new, .character-cell a.new:visited { color: red; }
 
.character-header
{
    background: {{{header color}}};
    border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    border: 1px solid {{{header border}}};
    color: {{{header text}}};
    font-weight: bold;
    text-align: center;
}
}


.halves {
.character-glass
width: 50%;
{
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .5)), color-stop(50%, rgba(255, 255, 255, .2)), color-stop(50%, rgba(0, 0, 0, .2)), to(rgba(255, 255, 255, .1)));
    background: -moz-linear-gradient(top, rgba(255, 255, 255, .5), rgba(255, 255, 255, .2) 50%, rgba(0, 0, 0, .2) 50%, rgba(255, 255, 255, .1));
    display: block;
    text-outline: 1px 1px #000;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, .7);
    width: 100%;
}
}


.left {
.character-2columns
  width: 30%;
{
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
}
}


.right {
.character-3columns
  width: 70%;
{
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
}
}


.row:after {
.character-italic { font-style: italic; }
  content: "";
#character-table table.gallery, #character-table table.gallery td { background-color: transparent; border: 0px; }
  display: table;
#character-table h2
  clear: both;
{
    color: {{{page color}}};
    font-family: Josefin Sans, sans;
    font-size: 125%;
    font-style: italic;
    font-weight: bold;
    padding-right: 2em;
    text-align: right;
}
}


.heading{
.character-quote
color: #BC529C;
{
margin: 5px 0px 10px 0px;
    color: {{{header color}}};
padding: 0px 0px 0px 0px;
    font-family: Josefin Sans, sans;
font-family: 'Indie Flower';
    margin-left: auto;
font-size: 35pt;
    margin-right: auto;
font-weight: bold;
    text-align: center;
text-align:center;
    text-outline: 1px 1px #000;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, .7);
    width: 50%;
}
}


.subheading{
.character-shadowtext
color: #BC529C;
{
font-family: 'Indie Flower',Candara,Calibri,Segoe,'Segoe UI',Optima,Arial,sans-serif;
    font-family: Josefin Sans, sans;
font-weight:bold;
    text-outline: 1px 1px #000;
    text-shadow: 0 -1px 1px rgba( 0, 0, 0, .7 );
}
}


.infobox {
.character-rounded img
width:100%;
{
padding:5px 10px 5px 10px;  
    border-radius: 15px;
text-align:left;
    -moz-border-radius: 15px;
font-family: 'Indie Flower',Candara,Calibri,Segoe,'Segoe UI',Optima,Arial,sans-serif;
    -webkit-border-radius: 15px;
}
}


.info-title {font-family: 'Indie Flower', sans-serif !important; font-weight:bold !important;color:#CE93D8 !important;}
.infobox td
.content {font-family: 'Indie Flower', sans-serif !important; color:#FFF;}
{
.spacing {padding:5px 25px 5px 25px;}
    vertical-align: top;
.clearfix {clear:both;}
}


.hiddenStructure { display: none; }


.info-title a:link {font-family: 'Indie Flower', sans-serif !important; font-weight:bold !important;color:#BC529C !important;}
.spacer1 {
.info-title a:hover {text-decoration:underline !important;}
  -webkit-box-sizing: content-box;
.info-title a:visited {font-family: 'Indie Flower', sans-serif !important; font-weight:bold !important;color:#BC529C !important;}
  -moz-box-sizing: content-box;
 
  box-sizing: content-box;
 
  line-height: 10px;
.content a:link {font-family: 'Indie Flower', sans-serif !important;color:#FFF !important;}
  padding:20px 5px 10px;
.content a:hover {text-decoration:underline !important;}
  position: relative;
.content a:visited {font-family: 'Indie Flower', sans-serif !important;color:#FFF !important;}
  object-position: right;
 
  left: -25px;
.container1 {
  top: -5px;
   position: relative;
  border: none;
   display: inline-block;  
  border-radius: 500px;
-moz-border-radius: 500px;  
-webkit-border-radius: 500px;
  background-image: url("https://liberationmush.site/liberationwiki/images/a/ab/LolaSmoke.png");
   background-position: center;
   -webkit-mask-image: linear-gradient(to right, rgb(0, 0, 0, 1) 55%, rgb(0, 0, 0, -0.2) 100%);
  mask-image: linear-gradient(to right, rgb(0, 0, 0, 1) 55%, rgb(0, 0, 0, -0.2) 100%);
}
}


.container2 {
.spacer1A {
   position: relative;
  -webkit-box-sizing: content-box;
   display: inline-block;  
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  line-height: 10px;
  padding:20px 5px 10px;
   position: relative;  
   left: -25px;
  top: -45px;
  border: none;
  font-family: 'Tangerine', cursive; font-size: 50px;
  color: rgb(255,255,255);
  text-align: center;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  text-shadow: 0 0 10px rgb(255,255,255) , 0 0 20px rgb(157, 61, 202) , 0 0 30px rgb(157, 61, 202) , 0 0 40px rgb(157, 61, 202) , 0 0 70px rgb(136,136,136) , 0 0 80px rgb(136,136,136) , 0 0 100px rgb(136,136,136) , 0 0 150px rgb(136,136,136) ;
  -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
  -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
  -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
  transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
  z-index: 1;
}
}


.image {
.spacer1A:hover {
   display: block;
   text-shadow: 0 0 5px rgb(0,0,0) , 0 0 10px rgb(169, 65, 217) , 0 0 15px rgb(157, 61, 202) , 0 0 20px rgb(169, 65, 217) , 0 0 35px rgb(169, 65, 217) , 0 0 40px rgb(136,136,136) , 0 0 50px rgb(136,136,136) , 0 0 75px rgb(136,136,136) ;
  width: 100%;
  height: auto;
 
}
}


.overlay {
.spacer2 {
   position: absolute;
   -webkit-box-sizing: content-box;
 
  -moz-box-sizing: content-box;
   top: 0;
   box-sizing: content-box;
   bottom: 0;
  line-height: 10px;
   left: 0;
   padding:20px 5px 10px;
   right: 0;
   position: relative;  
   height: 100%;
   object-position: right;
   width: 100%;
  left: -25px;  
   opacity: 1;
   top: -5px;
   transition: .5s ease;
   border: none;
   background-color: #151515;
   border-radius: 500px;
-moz-border-radius: 500px;
-webkit-border-radius: 500px;
   background-image: url("https://liberationmush.site/liberationwiki/images/a/ab/LolaSmoke.png");
   background-position: top left;
  -webkit-mask-image: linear-gradient(to right, rgb(0, 0, 0, 1) 55%, rgb(0, 0, 0, -0.2) 100%);
  mask-image: linear-gradient(to right, rgb(0, 0, 0, 1) 55%, rgb(0, 0, 0, -0.2) 100%);
}
}


.overlay2 {
.spacer3 {
   position: absolute;
   -webkit-box-sizing: content-box;
 
  -moz-box-sizing: content-box;
   top: 0;
  box-sizing: content-box;
   bottom: 0;
  line-height: 10px;
   left: 0;
   padding:20px 5px 10px;
   right: 0;
   position: relative;
   height: 100%;
   left: -25px;
   width: 100%;
  top: -5px;
   opacity: 0;
   border: none;
   transition: .5s ease;
   border-radius: 500px;
   background-color: #BC529C;
-moz-border-radius: 500px;
-webkit-border-radius: 500px;
   background-image: url("https://liberationmush.site/liberationwiki/images/a/ab/LolaSmoke.png");
   background-position: bottom right;
   -webkit-mask-image: linear-gradient(to right, rgb(0, 0, 0, 1) 55%, rgb(0, 0, 0, -0.2) 100%);
   mask-image: linear-gradient(to right, rgb(0, 0, 0, 1) 55%, rgb(0, 0, 0, -0.2) 100%);
}
}


.overlay3 {
.spacer4 {
   position: absolute;
   -webkit-box-sizing: content-box;
 
  -moz-box-sizing: content-box;
   top: 0;
  box-sizing: content-box;
   bottom: 0;
   line-height: 10px;
   left: 0;
   padding:20px 5px 10px;
   right: 0;
   position: relative;  
   height: 100%;
   object-position: right;
   width: 100%;
  left: -25px;  
   opacity: 0;
   top: -5px;
   transition: .5s ease;
   border: none;
   background-color: #151515;
   border-radius: 500px;
-moz-border-radius: 500px;
-webkit-border-radius: 500px;
   background-image: url("https://liberationmush.site/liberationwiki/images/a/ab/LolaSmoke.png");
   background-position: top;
  -webkit-mask-image: linear-gradient(to right, rgb(0, 0, 0, 1) 55%, rgb(0, 0, 0, -0.2) 100%);
  mask-image: linear-gradient(to right, rgb(0, 0, 0, 1) 55%, rgb(0, 0, 0, -0.2) 100%);
}
}


.container1:hover .overlay {
.spacer5 {
   opacity: 0;
  -webkit-box-sizing: content-box;
 
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  line-height: 10px;
  padding:20px 5px 10px;
  position: relative;
  object-position: right;
  left: -25px;
  top: -5px;
  border: none;
  border-radius: 500px;
-moz-border-radius: 500px;
-webkit-border-radius: 500px;
  background-image: url("https://liberationmush.site/liberationwiki/images/a/ab/LolaSmoke.png");
  background-position: bottom;
   -webkit-mask-image: linear-gradient(to right, rgb(0, 0, 0, 1) 55%, rgb(0, 0, 0, -0.2) 100%);
  mask-image: linear-gradient(to right, rgb(0, 0, 0, 1) 55%, rgb(0, 0, 0, -0.2) 100%);
}
}


.container2:hover .overlay2 {
.dropC {
  opacity: .9;
position: relative;
display: inline-block;
}
}


.container2:hover .overlay3 {
.dropC-content {
  opacity: 1;
position: absolute;
background-color: #8842d5;
color: white;
background-color: rgb(127, 101, 148);
border: 2px double rgb(234, 75, 242);
border-radius: 25px;
min-width: max-content;
padding: 12px 16px;
z-index: 1;
display: none;
box-shadow: inset 1px 1px 2px 0px rgba(158,165,176,0.25),inset 2px 2px 12px 0px rgba(226, 227, 236,.5),inset -2px -2px 12px 0px rgba(226, 227, 236,.5),inset 0px 0px 48px rgba(226, 227, 236,.5),0px 0px 15px rgba(255, 255, 255, .5),0px 0px 10px rgba(255, 255, 255, .5),0px 0px 4px rgba(255, 255, 255, .5) !important;
}
}


.text {
.dropC:hover .dropC-content {
  color: white;
display: block;  
  font-size: 12pt;
  position: absolute;
  font-family: Josefin Sans;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
}


.text2 {
  color: white;
  font-size: 12pt;
  position: relative;
  top: 50%;
  left: 50%;
  font-family: Josefin Sans;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
.drop2C {
.drop2C {
   position: relative;
   position: relative;
Line 236: Line 422:
.drop2C:hover .drop2C-content {
.drop2C:hover .drop2C-content {
  display: block;  
  display: block;  
}
.spacer1A {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  line-height: 10px;
  padding:20px 5px 10px;
  position: relative;
  left: -25px;
  top: -45px;
  border: none;
  font-family: 'Tangerine', cursive; font-size: 50px;
  color: rgb(255,255,255);
  text-align: center;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  text-shadow: 0 0 10px rgb(255,255,255) , 0 0 20px rgb(157, 61, 202) , 0 0 30px rgb(157, 61, 202) , 0 0 40px rgb(157, 61, 202) , 0 0 70px rgb(136,136,136) , 0 0 80px rgb(136,136,136) , 0 0 100px rgb(136,136,136) , 0 0 150px rgb(136,136,136) ;
  -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
  -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
  -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
  transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
  z-index: 1;
}
.spacer4 {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  line-height: 10px;
  padding:20px 5px 10px;
  position: relative;
  object-position: right;
  left: -25px;
  top: -5px;
  border: none;
  border-radius: 500px;
-moz-border-radius: 500px;
-webkit-border-radius: 500px;
  background-image: url("");
  background-position: top;
  -webkit-mask-image: linear-gradient(to right, rgb(0, 0, 0, 1) 55%, rgb(0, 0, 0, -0.2) 100%);
  mask-image: linear-gradient(to right, rgb(0, 0, 0, 1) 55%, rgb(0, 0, 0, -0.2) 100%);
}
}


Line 300: Line 444:
  display: block;  
  display: block;  
}
}
.drop2D {
  position: relative;
  display: inline-block;
  opacity: .9;
  transition: all 1500ms ease 500ms;
  min-width: max-content;
  padding: 12px 16px;
}


}}
}}
<!-- wiki profile container -->
<div class="container">


<!-- header -->
<div id="intro">{{/Banner/}}</div>
<div class="photo-header">[[File:SilverhoofHeader.gif|center|link=]]</div>
{|class="boxes" width="970px"
|style="vertical-align: top;"|
<br>
<font style="font-size:12pt;">
<div class="box3">
<div class="header">Description</div>
<span style="color: #517294; font-size: 15px; font-weight: bold; text-transform: uppercase; padding: 1px; letter-spacing: 3px; text-shadow: 0px 0px 5px #517294;">Jolie....</span> is a mess.  It use to be a strategically primped mess.  Expensive pants aged and torn just so, brand new jacket, worn in just the right places, wild curls carefully sculpted into a mane.  These days, it's a little less constructed and a little more authentic.
</div>
</div>
</div>
 
 
<div class="box3">
<div class="header">Word On The Street</div>
<span style="color: #517294; font-size: 15px; font-weight: bold; text-transform: uppercase; padding: 1px; letter-spacing: 3px;">All That Glitters Is Gold....</span> Jolie comes from old money, but she's not an old world type of girl.  She hits the clubs, music scene, seedy bars, and pool halls, a girl who likes to live in the moment.
 
<span style="color: #517294; font-size: 15px; font-weight: bold; text-transform: uppercase; padding: 1px; letter-spacing: 3px;">Money is Power...</span>and Jolie likes feeling powerful.  It's rarely overt, it's the freedom of going where she wants, buying what she wants, parking where she wants.  It's the flippancy of knowing fines are just the cost of getting your way.
 
<span style="color: #517294; font-size: 15px; font-weight: bold; text-transform: uppercase; padding: 1px; letter-spacing: 3px;">Shorty get down...</span>  Jolie moves like she knows ''exactly'' what her body is capable of, and nothing makes that more obvious than when she's on the dance floor.  Maybe you stay out all hours of the night dancing and drinking.
 
<span style="color: #517294; font-size: 15px; font-weight: bold; text-transform: uppercase; padding: 1px; letter-spacing: 3px;">A Party Worth Dying For....</span> When your birthday is New Years you have to go ALL out! Who could keep track of all the guests?  Or the lost days after?  Jolie hasn't been the same since though....
 
</div>
 
 
<div class="box3">
<div class="header">Snapshots</div>
<div class="mw-collapsible mw-collapsed" style=" "data-expandtext="&#9660;" data-collapsetext="&#9650;"><div style="text-align: center; {{{Basic text style|}}}">
[[Image:JolieMain.jpg|x175px]]
[[Image:Jolie2.jpg|x170px]]
[[Image:Jolie1.jpg|x170px]]
[[Image:Jolie8.jpg|x170px]]
[[Image:Jolie5.jpg|x170px]]
[[Image:Jolie6.jpg|x170px]]
</div>
</div>
</div>
 
 
<div class="box3">
<div class="header">Sound Track</div>
<div class="mw-collapsible mw-collapsed" style=" "data-expandtext="&#9660;" data-collapsetext="&#9650;"><div style="text-align: center; {{{Basic text style|}}}">
<br>
<div class="drop2C"><span>[[Image:JoleneSoundtrack.jpg|x120px|border|link=https://youtu.be/pTAJ4Iw3CYU]]<div class="drop2C-content">With ivory skin and eyes of emerald green<br>
Your smile is like a breath of spring<br>
Your voice is soft like summer rain<br>
And I cannot compete with you<br>
Jolene</div></div>
<div class="drop2C"><span>[[Image:LolaCrown.jpg|x120px|border|link=https://youtu.be/Ah0Ys50CqO8]]<div class="drop2C-content">Bite my tongue, bide my time<br>
Wearing a warning sign<br>
Wait 'til the world is mine<br>
Visions I vandalize<br>
Cold in my kingdom size<br>
Fell for these ocean eyes<br>
You should see me in a crown<br>
I'm gonna run this nothing town<br>
Watch me make 'em bow<br>
One by one by one<br>
One by one by<br>
You should see me in a crown</div></div>
<div class="drop2C"><span>[[Image:6under.jpg|x120px|border|link=https://youtu.be/2eBZqmL8ehg]]<div class="drop2C-content">Take me down
6 underground<br>
The ground beneath your feet<br>
Laid out low<br>
Nothing to go<br>
Nowhere a way to meet<br>
</div></div>
</div></div></div>
 
 
<div class="box3">
<div class="header">Contacts</div>
<div class="mw-collapsible mw-collapsed" style=" "data-expandtext="&#9660;" data-collapsetext="&#9650;"><div style="text-align: center; {{{Basic text style|}}}">
<br>
<div class="drop2C"><span>[[Image:Contact.png|x170px|border|link=]]</span><div class="drop2C2-content">[[...]]</div><div class="drop2C-content"><br>......</div></div>
<div class="drop2C"><span>[[Image:Contact.png|x170px|border|link=]]</span><div class="drop2C2-content">[[...]]</div><div class="drop2C-content"><br>......</div></div>
</div>
</div></div>
 
 
 
</div></div></div></div>
 
<br>
 
 
 


| valign="top" class="kickleft" |


<!-- infobox and introduction -->
{|
<div class="row">
|-
<div class="column left">
| height="14" |
<div class="heading">Pack Details</div>
{| class="infobox" align="center" style="text-align:center;"
|-
|-
|class=info-title|Totem:
|
{| width="350" class="inset" style="border-style: solid; border-width: 10px; border-color: #000000;
|-
|-
|class=content|Unicorn
| [[Image:Jolie7.jpg|350px|center|middle]]
|}
|-
|-
|class=info-title|Totem Type:
| height="14" |
|-
|-
|class=content|Wisdom/Tribal
|
{| width="350" class="insetmrg" style="border-style: solid; border-width: 10px; border-color: #000000; font style=font-size:14pt; line-height:150%;"
!colspan="2" align="center" style="padding: 10px"|<span class="label2">The Masquerade
|
|-
|-
|class=info-title|Territory:
<br>
|-
|-
|class=content|....
|align="left"|<span class="label">'''Apparent Age'''</span>
|align="right"|21
|-
|-
|class=info-title|Landmarks:
|align="left"|<span class="label">'''Height'''</span>
|align="right"|5'3"
|-
|-
|class=content|Landmark 1 (hangout#)
|align="left"|<span class="label">'''Build'''</span>
|align="right"|Hourglass
|-
|-
|class=content|Landmark 2 (hangout#)
|align="left"|<span class="label">'''Appearance'''</span>
|align="right"| ••••
|-
|-
|class=content|Landmark 3 (hangout#)
|align="left"|<span class="label">'''Demeanor'''</span>
|align="right"| Bon Vivant
|-
|-
|}
|-
| height="14" |
|-
|
{| width="350" class="inset" style="border-style: solid; border-width: 10px; border-color: #000000;
|-
| [[Image:Jolie3.jpg|350px|center|middle]]
|}
|-
| height="14" |
|-
|
{| width="350" class="insetmrg" style="border-style: solid; border-width: 10px; border-color: #000000; font style=font-size:14pt; line-height:150%;"
!colspan="2" align="center" style="padding: 10px"|<span class="label2">The Danse Macabre
|
|-
<br>
|-
|align="left"|<span class="label">'''Sphere'''</span>
|align="right"|Vam..pire....fuck
|-
|align="left"|<span class="label">'''Sect'''</span>
|align="right"|Ummmm...
|-
|align="left"|<span class="label">'''Clan'''</span>
|align="right"|Probably Not
|-
|}
|-
| height="14" |
|-
|
{| width="350" class="inset" style="border-style: solid; border-width: 10px; border-color: #000000;
|-
| [[Image:Jolie4.gif|350px|center|middle]]
|}
|-
| height="14" |
|-
|
{| width="350" class="inset" style="border-style: solid; border-width: 10px; border-color: #000000;
|-
| [[Image:Jolie9.jpg|350px|center|middle]]
|}
|-
| height="14" |
|-
|
{| width="350" class="inset" style="border-style: solid; border-width: 10px; border-color: #000000;
|-
| [[Image:HandHolding.gif|350px|center|middle]]
|}
|-
| height="14" |
|-
|
{| width="350" class="inset" style="border-style: solid; border-width: 10px; border-color: #000000;
|-
| [[Image:Jolie10.jpg|350px|center|middle]]
|}
|}
|}


</div>


<div class="column right">
<div class="heading">The Pack</div>
<p class="content spacing"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla mollis accumsan nisl ac sollicitudin. Integer vitae nisl imperdiet, pharetra lacus quis, aliquet elit. Nulla vel neque nec velit faucibus vestibulum. Nunc ultrices lectus lacus, at imperdiet enim malesuada a. Praesent vitae nulla tempus, cursus diam sed, bibendum diam. Sed dictum gravida dignissim. Nam eu efficitur lacus. Vestibulum elit nisi, facilisis ultricies dui sit amet, laoreet iaculis elit. Maecenas condimentum venenatis suscipit. Donec fringilla at turpis at ultricies. Praesent malesuada vel diam eu ullamcorper..</p></div>
</div>
[[File:UnicornDivider.png|center|675px]]
<center><span class="heading">Members</span></center>
<center><div class="container2">
[[File:LiamK3.jpg|class=image|180px]]  <div class="overlay2">
    <div class="text"><span style="font-size:16pt;">'''Liam'''</span><br>Adren<br>Ahroun<br>Child of Gaia<br>Sept Alpha</div>
  </div>
</div> 
<div class="container2">
[[File:Dusk01.png|class=image|180px]]  <div class="overlay2">
    <div class="text"><span style="font-size:16pt;">'''Storms-at-Dusk'''</span><br>Adren<br>Philodox<br>Child of Gaia<br>Master of Challenges</div>
  </div>
</div> 
<div class="container2">
[[File:ChazzShake.jpg|class=image|180px]]  <div class="overlay2">
    <div class="text"><span style="font-size:16pt;">'''Chazz'''</span><br>Fostern<br>Ahroun<br>Child of Gaia</div>
  </div>
</div> 
<div class="container2">
[[File:Petal1.jpg|class=image|180px]]  <div class="overlay2">
    <div class="text"><span style="font-size:16pt;">'''Petal'''</span><br>Fostern<br>Ahroun<br>Bone Gnawer</div>
  </div>
</div>
<div class="container2">
[[File:GabePack.png|class=image|180px]]  <div class="overlay2">
    <div class="text"><span style="font-size:16pt;">'''Gabe'''</span><br>Cliath<br>Ragabash<br>Bone Gnawer</div>
  </div>
</div>  </center>
<br><br>
<div class="row">
<div class="column full">
<div class="heading">Logs</div>
<center>
{{#dpl:
|linksto=Silverhoof Pack
|category=Logs
|noresultsheader=No logs found!
</center>
}}
</div>
</div>
&nbsp;
<div class="footer">
[[File:UnicornIcon.gif|center|link=https://youtu.be/jx9f05szA2s]]


</div>
__NOTOC__
</div>

Revision as of 18:00, 21 March 2023



Description

Jolie.... is a mess. It use to be a strategically primped mess. Expensive pants aged and torn just so, brand new jacket, worn in just the right places, wild curls carefully sculpted into a mane. These days, it's a little less constructed and a little more authentic.


Word On The Street

All That Glitters Is Gold.... Jolie comes from old money, but she's not an old world type of girl. She hits the clubs, music scene, seedy bars, and pool halls, a girl who likes to live in the moment.

Money is Power...and Jolie likes feeling powerful. It's rarely overt, it's the freedom of going where she wants, buying what she wants, parking where she wants. It's the flippancy of knowing fines are just the cost of getting your way.

Shorty get down... Jolie moves like she knows exactly what her body is capable of, and nothing makes that more obvious than when she's on the dance floor. Maybe you stay out all hours of the night dancing and drinking.

A Party Worth Dying For.... When your birthday is New Years you have to go ALL out! Who could keep track of all the guests? Or the lost days after? Jolie hasn't been the same since though....



Sound Track


File:JoleneSoundtrack.jpg
With ivory skin and eyes of emerald green

Your smile is like a breath of spring
Your voice is soft like summer rain
And I cannot compete with you

Jolene
File:LolaCrown.jpg
Bite my tongue, bide my time

Wearing a warning sign
Wait 'til the world is mine
Visions I vandalize
Cold in my kingdom size
Fell for these ocean eyes
You should see me in a crown
I'm gonna run this nothing town
Watch me make 'em bow
One by one by one
One by one by

You should see me in a crown
File:6under.jpg
Take me down

6 underground
The ground beneath your feet
Laid out low
Nothing to go
Nowhere a way to meet






File:Jolie7.jpg

The Masquerade
Apparent Age 21
Height 5'3"
Build Hourglass
Appearance ••••
Demeanor Bon Vivant
File:Jolie3.jpg

The Danse Macabre
Sphere Vam..pire....fuck
Sect Ummmm...
Clan Probably Not
File:Jolie4.gif
File:Jolie9.jpg
File:HandHolding.gif
File:Jolie10.jpg