Solari

<style type="text/css">
.pfor { display: none; }
#profile { background-color: transparent; border: none; }
</style>

<style type="text/css">
@font-face { font-family: Pacifico; src: url(https://dl.dropboxusercontent.com/s/odbr5p8xk1ylhdw/Pacifico.ttf); }
@font-face { font-family: Caviar Dreams; src: url(https://dl.dropboxusercontent.com/s/q50589lvhm47jq8/CaviarDreams.ttf); }
@font-face { font-family: Red Velvet; src: url(https://dl.dropboxusercontent.com/s/bz8dlq1dbxu7gol/Red%20Velvet%20-%20Demo.ttf); }

body {
font-family: verdana;
font-size: 10px;
background-color: #75433E;
background-image: url('');
background-attachment: fixed;
background-position: bottom right;
background-repeat: no-repeat;
text-align: justify;
color: #888888;
cursor: url('http://cur.cursors-4u.net/cursors/cur-9/cur817.cur'), default;
}

b, strong {font-family:'verdana'; font-variant: small-caps; font-size:15px; color: #685431; font-weight:normal; letter-spacing: -1px;}
i {color: #ad7777; font-family: 'calibri'; font-variant: small-caps; font-size:11pt; letter-spacing:0px}
u {color: #666; font-size: 12px; font-weight: light; letter-spacing: 0px; word-spacing: 6px; font-family:Romans; text-transform: normal; font-weight: normal; text-align: center; border-bottom: 1px dotted #889e9f;}
s {color: #99D6FF; font-size: 11px; font-weight: light; letter-spacing: 0px; font-family:Romans; text-transform: normal; text-decoration: none; font-weight: normal; text-shadow: #FF99D6 0px 0px 1px;}
big {color: #cd5d3d; font-size: 14px; font-weight: light; letter-spacing: 0px; font-family: caviar dreams; text-transform: normal; text-decoration: none; font-weight: normal; text-align: center; Text-shadow: #666 0px 0px 1px;}

::-webkit-scrollbar-button:vertical:{background-color: transparent;
-moz-border-radius: 0px 0px 0px 0px;
border-radius:0px 0px 0px 0px;}
::-webkit-scrollbar-thumb:vertical {background-color: transparent; height:20px;
-moz-border-radius: 0px 0px 0px 0px;
border-radius:0px 0px 0px 0px;}
::-webkit-scrollbar-thumb:horizontal {background-color: transparent; height:20px !important;
-moz-border-radius: 0px 0px 0px 0px;
border-radius:0px 0px 0px 0px;}
::-webkit-scrollbar { height:20px;width:3px; background-color:transparent;}

::selection{
background: #6f607a;
color: black;
}

::-moz-selection{
background: #6f607a;
color: black;
}

h1 {
font-family: caviar dreams;
color: #cd5d3d;
font-size: 20px;
line-height: 5px;
text-transform: uppercase;
text-align: right;
letter-spacing: 1px;
border-top: 1px solid #cd5d3d;
}

#name {
 position: fixed;
 left: 680px;
 top: 360px;
 font-family: 'Red Velvet';
 font-size: 70px;
 color: #d6815e;
 opacity: 0.6;
 z-index: 730;
 transform: rotate(-90deg);
 }

#container {
 position: fixed;
 top: 100px;
 left: 890px;
 width: 400px;
 height: 590px;
 border: 10px Solid #ba6b59;
 background-color: #e8bcb2;
 color: #444;
 z-index: 5;
 font-variant: small-caps;
 overflow: auto;
}

#ooc {
 position: fixed;
 top: 374px;
 left: 910px;
 width: 295px;
 height: 200px;
 background-color: #75433E;
 border: 10px Solid #ba6b59;
 color: #999;
 z-index: 1400;
 font-variant: small-caps;
 overflow: auto;
}

#dossier {
 position: fixed;
 top: 138px;
 left: 910px;
 width: 295px;
 height: 215px;
 background-color: #75433E;
 border: 10px Solid #ba6b59;
 color: #999;
 z-index: 1400;
 font-variant: small-caps;
 overflow: auto;
}

#sl {
position: fixed;
left: 1260px;
top: 320px;
z-index: 200;
}

#l1 {
 position: fixed;
 top: 630px;
 left: 900px;
 width: 450px;
 height: 50px;
 border: #ba6b59 1px solid;
 background-color: #ba6b59;
 overflow: auto;
 z-index: 105;
}

#s1 { position: fixed; top: 138px; left: 1230px; width: 50px; height: 47px; border: #ba6b59 8px solid; background-color: #ba6b59; z-index: 10000; }
#s2 { position: fixed; top: 202px; left: 1230px; width: 51px; height: 49px; border: #ba6b59 8px solid; background-color: #ba6b59; z-index: 10; }
#s3 { position: fixed; top: 268px; left: 1230px; width: 51px; height: 49px; border: #ba6b59 8px solid; background-color: #ba6b59; z-index: 10; }
#s4 { position: fixed; top: 334px; left: 1230px; width: 51px; height: 49px; border: #ba6b59 8px solid; background-color: #ba6b59; z-index: 10; }
#s5 { position: fixed; top: 400px; left: 1230px; width: 51px; height: 49px; border: #ba6b59 8px solid; background-color: #ba6b59; z-index: 10; }
#simg { position: fixed; margin-top: -2px; margin-left: 0px; background-color: transparent; background-repeat: no-repeat; z-index: 10; }

#navi {
 position: fixed;
 top: 645px;
 left: 900px;
 width: 1000px;
 height: 30px;
 background-color: transparent;
 z-index: 6000;
}

.box {
position: fixed;
left: 910px;
top: 138px;
width: 285px;
height: 430px;
padding: 5px;
font-family: verdana;
text-align: justify;
font-size: 10px;
line-height: 13px;
overflow: auto;
border: 10px Solid #ba6b59;
background-color: #75433E;
opacity: 0;
color: #ededee;
font-variant: small-caps;
transition: all 1s ease-in-out;
z-index: 1300;
}

.box:target {
top: 138px;
left: 910px;
opacity: 1;
z-index: 1600;
}

a.nav:link, a.nav:active, a.nav:visited{
letter-spacing: 1px;
text-transform: lowercase;
display: inline-block;
width: 40px;
height: 20px;
color: #99;
font-family: 'Abel', sans-serif;
margin: 5px;
background-color: transparent;
text-align: center;
line-height: 13px;
font-size: 10px;
word-spacing: 1px;
font-variant: small-caps;
cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur819.cur), default;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
}

a.nav:hover{
background-color: transparent;
text-decoration: none;
cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur819.cur), default;
}

a {
color: #402E42;
text-decoration: none;
cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur819.cur), default;
}

a:hover {
color: #61505b;
text-decoration: none;
cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur819.cur), default;
}

p {
margin: 10px;
padding: 5px;
font-family: verdana;
font-variant: small-caps;
color: #ededee;
text-align: justify;
font-size: 10px;
background-color: transparent;
}
</style>

<div id="container"></div> <div id="mainimg"></div>
<div id="sl"><img src="https://i.imgur.com/X1fx3cd.png?1"></div></div>

<div id="name">radiant dawn</div>
<div id="l1"></div>

<div id="ooc">
 <h1>Out of Charisma</h1>
 <big>Note</big>: Code was made for Leona only. Leave <a href="/profile.php?user=Bee">Bee</a> a PM/RPCmail for inquires for a profile.
<br><big>O1</big>.
<br><big>O2</big>.
<br><big>O3</big>.
<br><big>O4</big>.
<br><big>O5</big>.
</div>

<div id="dossier">
 <h1>The Dawn has arrived</h1>
<big>Name(s):</big> <font style=float:right>---</font>
<br><big>Sex:</big> <font style=float:right>---</font>
<br><big>Age:</big> <font style=float:right>---</font>
<br><big>Height:</big> <font style=float:right>---</font>
<br><big>Orientation:</big> <font style=float:right>---</font>
<br><big>Marital Status:</big> <font style=float:right>---</font>
<br><big>Hometown:</big> <font style=float:right>---</font>
<br><big>Hair Colour:</big> <font style=float:right>---</font>
<br><big>Eye Hue:</big> <font style=float:right>---</font>
<br><big>Primary Role:</big> <font style=float:right>---</font>
<br><big>Secondary Role:</big> <font style=float:right>---</font><br>
</div>

<div id="s1"><div id="simg"><a title="INNATE: Leona's abilities each mark enemies hit with Sunlight for 1.5 seconds. Any damage dealt by ally champions will consume Sunlight, dealing 25 - 144 (based on level) bonus magic damage."><img src="http://i.picpar.com/z0Pc.png" height="50"></img></a></div></div>
<div id="s2"><div id="simg"><a title="ACTIVE: Leona's next basic attack gains 50 bonus range, deals bonus magic damage and stuns her target for 1 second. Shield of Daybreak resets Leona's autoattack timer."><img src="http://i.picpar.com/00Pc.png" height="50"></img></a></div></div>
<div id="s3"><div id="simg"><a title="ACTIVE: Leona charges herself with sunlight, gaining bonus armor and bonus magic resistance for 3 seconds. The sunlight then erupts at the end of the duration, dealing magic damage to all nearby enemies and retaining Eclipse's bonus resistances for an additional 3 seconds if she damages an enemy."><img src="http://i.picpar.com/10Pc.png" height="50"></img></a></div></div>
<div id="s4"><div id="simg"><a title="ACTIVE: Leona projects a solar image of her sword, dealing magic damage to all enemies it passes through. If she damages an enemy champion, she will dash to the last one struck and root them for 0.5 seconds."><img src="http://i.picpar.com/20Pc.png" height="50"></img></a></div></div>
<div id="s5"><div id="simg"><a title="ACTIVE: Leona calls down a beam of solar energy to the target location after a 0.625-seconds delay, dealing magic damage to all enemies it hits and slowing them by 80% for 1.5 seconds. Enemies hit by the flare's center are instead stunned for the same duration. Casting Solar Flare charges Leona's next basic attacks with Incandescence, granting them 100 bonus range and empowering them to deal bonus magic damage."><img src="http://i.picpar.com/30Pc.png" height="50"></img></a></div></div>

<div id="navi">
<a class="nav" href="#one">i</a>
<a class="nav" href="#two">ii</a>
<a class="nav" href="#three">iii</a>
<a class="nav" href="#four">iv</a>
</div>

<div id="one" class="box">

</div>

<div id="two" class="box">

</div>

<div id="three" class="box">

</div>

<div id="four" class="box">

</div>