|
|
Line 1: |
Line 1: |
| {{#css: | | {{#css: |
| @import 'https://fonts.googleapis.com/css?family=Rock+Salt|Oswald|Lato'; | | @import 'https://fonts.googleapis.com/css?family=Delicious+Handrawn'; |
| | .h1.firstHeading { display: none } |
| | .hidden { display: none } |
|
| |
|
| a:link {text-shadow: 0px 0px 5px #5F83A8; color: #517294; font-family: 'Oswald'; font-size: 15px; font-weight: bold; text-transform: none; padding: 1px;} | | .body a:link {color: #2e2eda;} |
| a:visited {text-shadow: 0px 0px 5px #5F83A8; color: #517294; font-family: 'Oswald'; font-size: 15px; font-weight: bold; text-transform: none; padding: 1px;} | | .body a:visited {color: #2E84DA;} |
| 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;} | | .body a:hover {color: #842EDA; text-decoration: none;} |
| .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;
| |
| } | |
|
| |
|
| .kickleft { | | .hilite2 {color: #68B193;} |
| position: relative; right: -40px; padding: 10px;}
| |
| .insetmrg {
| |
| background-color: #000;
| |
| 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: -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;
| |
| } | |
|
| |
|
| @import 'https://fonts.googleapis.com/css?family=Karla|Pompiere|Satisfy|Bad Script|Forum|Cinzel Decorative';
| | </css> |
| | |
| 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;
| |
| }
| |
| | |
| #character-table .character-table
| |
| {
| |
| {{ #switch: {{{page gradient|}}}|no=|
| |
| background: -webkit-gradient(linear, 48% top, 52% bottom, from(rgba(128, 128, 128, .3)), to(rgba(0, 0, 0, .3)));
| |
| background: -moz-linear-gradient(-80deg, rgba(128, 128, 128, .3), rgba(0, 0, 0, .3));
| |
| }} | | }} |
| width: 100%;
| |
| padding: 5px;
| |
| margin: 0px;
| |
| }
| |
|
| |
|
| .character-cell
| |
| {
| |
| 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%;
| |
| }
| |
|
| |
|
| img { max-width: 100%; height: auto; width: auto\9; /* ie8 */ }
| |
|
| |
|
| .character-cell-table
| | {| align="center" width="100%" height="100%" |
| {
| | |- |
| {{ #switch: {{{cell gradient|}}}|no=|
| | | |
| background: -webkit-gradient(linear, 48% top, 52% bottom, from(rgba(255, 255, 255, .3)), to(rgba(160, 160, 160, .3)));
| | <div class="body"> |
| background: -moz-linear-gradient(-80deg, rgba(255, 255, 255, .3), rgba(160, 160, 160, .3));
| | <div style="width: 100%; border: 2px solid #5b5b5e; background: #95B89C; color: #767676"> |
| }}
| | [[Image:MarkHeader.jpeg|100%|center]] |
| -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}}};
| |
| }
| |
|
| |
|
| .character-cell a, .character-cell a:visited, #content .character-cell a.external, #content .character-cell a.external:visited { color: {{{link color}}}; }
| | <div style="vertical-align: top; float: left; margin-top: 2em; padding: 1em; border: 2px #5b5b5e solid; margin-right: 3em; background: #000000; max-width: 270px"> |
| .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; }
| | | colspan="2" | <div style="margin-top: 1em">[[Image:Mark.png|x600px|center]]<br></div> |
| | <div style="text-align: center; color: #6F6F8D">''<font style="color: #FFFFFF; font-size: 18pt; font-family:'Delicious Handrawn', cursive">"My friend, they call 'em strangers<br> |
| | Anybody talk to him end up in some danger" <font size="3">'''<big></big>'''</font></div><br /> |
| | |- |
| | | class="left" style="vertical-align: top" | '''Name:''' |
| | | Mark Welcher |
| | |- |
| | | class="left" style="vertical-align: top" | '''Apparent Age:''' |
| | | 20s |
| | |- |
| | | class="left" style="vertical-align: top" | '''Occupation:''' |
| | | Lifestyle Manager |
| | |- |
| | | class="left" style="vertical-align: top" | '''Resides:''' |
| | | Skid Row |
| | |- |
| | | colspan="2" | |
| | <br><center><font style="color: #FFFFFF; font-size: 22pt; font-family:'Delicious Handrawn', cursive">Vibe</font></center> <br> |
|
| |
|
| .character-header
| | [https://youtu.be/cJuO985zF8E <span class="hilite2">Kordhell - Memphis Doom</span>] |
| {
| | <br>[https://youtu.be/x8QylSXfwYc <span class="hilite2">Madvillain - Topic</span>] |
| background: {{{header color}}};
| | <br>[https://youtu.be/Y6GzWv1jQl4 <span class="hilite2">Freddie Dread - Devil's Work</span>] |
| border-top-left-radius: 4px;
| | <br>[https://youtu.be/DAhogIHCYks <span class="hilite2">Wipers - Topic</span>] |
| -moz-border-radius-topleft: 4px;
| | <br>[https://youtu.be/_UXtort76gY <span class="hilite2">Berlin - Metro</span>] |
| -webkit-border-top-left-radius: 4px;
| | |} |
| border-top-right-radius: 4px;
| | </div> |
| -moz-border-radius-topright: 4px;
| | <br/> |
| -webkit-border-top-right-radius: 4px;
| |
| border: 1px solid {{{header border}}};
| |
| color: {{{header text}}};
| |
| font-weight: bold;
| |
| text-align: center;
| |
| }
| |
| | |
| .character-glass | |
| {
| |
| 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%;
| |
| }
| |
| | |
| .character-2columns
| |
| {
| |
| -moz-column-count: 2;
| |
| -webkit-column-count: 2;
| |
| column-count: 2;
| |
| }
| |
| | |
| .character-3columns | |
| {
| |
| -moz-column-count: 3;
| |
| -webkit-column-count: 3;
| |
| column-count: 3;
| |
| }
| |
| | |
| .character-italic { font-style: italic; }
| |
| #character-table table.gallery, #character-table table.gallery td { background-color: transparent; border: 0px; }
| |
| #character-table h2
| |
| {
| |
| color: {{{page color}}};
| |
| font-family: Josefin Sans, sans;
| |
| font-size: 125%;
| |
| font-style: italic;
| |
| font-weight: bold;
| |
| padding-right: 2em;
| |
| text-align: right;
| |
| } | |
| | |
| .character-quote
| |
| {
| |
| color: {{{header color}}};
| |
| font-family: Josefin Sans, sans;
| |
| margin-left: auto;
| |
| margin-right: auto;
| |
| text-align: center;
| |
| text-outline: 1px 1px #000;
| |
| text-shadow: 0 -1px 1px rgba(0, 0, 0, .7);
| |
| width: 50%;
| |
| }
| |
| | |
| .character-shadowtext
| |
| {
| |
| font-family: Josefin Sans, sans;
| |
| text-outline: 1px 1px #000;
| |
| text-shadow: 0 -1px 1px rgba( 0, 0, 0, .7 );
| |
| }
| |
|
| |
|
| .character-rounded img
| | <font style="color: #000000; font-size: 22pt; font-family:'Delicious Handrawn', cursive">Bio</font> |
| {
| | * <span style="color: #000000; font-size: 14pt;">'''Naaah''' you wanna know about me? You head to skid row, don't ask no one shit, you just stay a bit, live there a bit, until you don't notice the smell, till you spend more energy figuring out how to make do, than thinking about what you're doing without.</span> |
| border-radius: 15px;
| |
| -moz-border-radius: 15px;
| |
| -webkit-border-radius: 15px;
| |
| }
| |
|
| |
|
| .infobox td
| |
| {
| |
| vertical-align: top;
| |
| }
| |
|
| |
|
| .hiddenStructure { display: none; }
| | <font style="color: #000000; font-size: 22pt; font-family:'Delicious Handrawn', cursive">Hooks</font> |
|
| |
|
| .spacer1 {
| | * <span style="color: #000000; font-size: 14pt;">'''Gutter Life''': Mark </span> |
| -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: 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%);
| |
| }
| |
|
| |
|
| .spacer1A {
| | * <span style="color: #000000; font-size: 14pt;">'''Hook''': ......</span> |
| -webkit-box-sizing: content-box;
| | * <span style="color: #000000; font-size: 14pt;">'''Hook''': ......</span> |
| -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;
| |
| }
| |
|
| |
|
| .spacer1A:hover {
| |
| 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) ;
| |
| }
| |
|
| |
|
| .spacer2 {
| |
| -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: 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%);
| |
| }
| |
|
| |
|
| .spacer3 {
| |
| -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: -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 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%);
| |
| }
| |
|
| |
|
| .spacer4 {
| | <font style="color: #000000; font-size: 22pt; font-family: 'Delicious Handrawn', cursive">Contacts</font><br /> |
| -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: 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%);
| |
| }
| |
|
| |
|
| .spacer5 {
| | * [[Lola Darling|<span style="color:#000000">'''Lola'''</span>]] - ... '' |
| -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%);
| |
| }
| |
|
| |
|
| .dropC {
| | <div style="clear: both"> |
| position: relative;
| |
| display: inline-block;
| |
| }
| |
| | |
| .dropC-content {
| |
| 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;
| |
| }
| |
| | |
| .dropC:hover .dropC-content {
| |
| display: block;
| |
| }
| |
| | |
| .drop2C {
| |
| position: relative;
| |
| display: inline-block;
| |
| opacity: .9;
| |
| transition: all 1500ms ease 500ms;
| |
| min-width: max-content;
| |
| padding: 16px;
| |
| }
| |
| | |
| .drop2C-content {
| |
| position: absolute;
| |
| top: 200px;
| |
| left: -10px;
| |
| color: white;
| |
| font-size: 9pt;
| |
| background-color: rgb(127, 101, 148);
| |
| border: 2px double rgb(234, 75, 242);
| |
| border-radius: 25px;
| |
| min-width: 275px;
| |
| 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;
| |
| }
| |
| | |
| .drop2C:hover {
| |
| animation: bounce .5s;
| |
| opacity: 1;
| |
| z-index: 2;
| |
| -webkit-transform: scale(1.5);
| |
| -ms-transform: scale(1.5);
| |
| transform: scale(1.5);
| |
| -moz-box-shadow: 1px 1px 50px #000000;
| |
| webkit-box-shadow: 1px 1px 50px #000000;
| |
| box-shadow: 1px 1px 50px #000000;
| |
| }
| |
| | |
| .drop2C:hover .drop2C-content {
| |
| display: block;
| |
| }
| |
| | |
| .drop2C2-content {
| |
| position: absolute;
| |
| top: 175px;
| |
| left: -30px;
| |
| color: white;
| |
| font-size: 12pt;
| |
| text-align: center;
| |
| background-color: rgb(127, 101, 148);
| |
| border: 2px double rgb(234, 75, 242);
| |
| border-radius: 25px;
| |
| min-width: 150px;
| |
| padding: 6px 8px;
| |
| z-index: 2;
| |
| display: none;
| |
| box-shadow: inset 1px 1px 2px 0px rgba(158,165,176, .75),inset 2px 2px 12px 0px rgba(226, 227, 236, 1),inset -2px -2px 12px 0px rgba(226, 227, 236, 1),inset 0px 0px 48px rgba(226, 227, 236, 1),0px 0px 15px rgba(255, 255, 255, 1),0px 0px 10px rgba(255, 255, 255, 1),0px 0px 4px rgba(255, 255, 255, 1) !important;
| |
| }
| |
| | |
| .drop2C:hover .drop2C2-content {
| |
| display: block;
| |
| }
| |
| | |
| .drop2D {
| |
| position: relative;
| |
| display: inline-block;
| |
| opacity: .9;
| |
| transition: all 1500ms ease 500ms;
| |
| min-width: max-content;
| |
| padding: 12px 16px;
| |
| }
| |
| | |
| | |
| | |
| | |
| | |
| }}
| |
| | |
| <div id="intro">{{/Banner/}}</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> |
|
| |
|
|
| |
|
| <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 style="clear: both"> |
| </div> | | </div> |
| | <font style="color: #000000; font-size: 22pt; font-family: 'Delicious Handrawn', cursive">Logs</font><br /> |
| | {{#dpl: |
| | |linksto={{PAGENAME}} |
| | |category=Logs |
| | |columns=3 |
| | |noresultsheader=<i>No logs have been posted yet.</i> |
| | }} |
|
| |
|
|
| |
| <div class="box3">
| |
| <div class="header">Snapshots</div>
| |
| <div class="mw-collapsible mw-collapsed" style=" "data-expandtext="▼" data-collapsetext="▲"><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="▼" data-collapsetext="▲"><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="▼" data-collapsetext="▲"><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></div>
| |
|
| |
| <br>
| |
|
| |
|
| |
|
| |
|
| |
| | valign="top" class="kickleft" |
| |
|
| |
| {|
| |
| |-
| |
| | height="14" |
| |
| |-
| |
| |
| |
| {| width="350" class="inset" style="border-style: solid; border-width: 10px; border-color: #000000;
| |
| |-
| |
| | [[Image:Jolie7.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 Masquerade
| |
| |
| |
| |-
| |
| <br>
| |
| |-
| |
| |align="left"|<span class="label">'''Apparent Age'''</span>
| |
| |align="right"|21
| |
| |-
| |
| |align="left"|<span class="label">'''Height'''</span>
| |
| |align="right"|5'3"
| |
| |-
| |
| |align="left"|<span class="label">'''Build'''</span>
| |
| |align="right"|Hourglass
| |
| |-
| |
| |align="left"|<span class="label">'''Appearance'''</span>
| |
| |align="right"| ••••
| |
| |-
| |
| |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]]
| |
| |}
| |
| |}
| |
|
| |
|
| |
|
| |
|
| __NOTOC__
| | [[Category:Characters]] |