Farasha Code

<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); }
@import url(http://fonts.googleapis.com/css?family=Parisienne);

body {
font-family: verdana;
font-size: 10px;
background-color: #040c16;
background-image: url('https://www.transparenttextures.com/patterns/checkered-pattern.png');
background-attachment: fixed;
background-position: fixed;
background-repeat: 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: #283078; font-size: 14px; font-weight: light; letter-spacing: 0px; font-family: century gothic; 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: #27337F;
font-size: 20px;
line-height: 5px;
text-transform: uppercase;
text-align: right;
letter-spacing: 1px;
border-top: 1px solid #27337F;
}

#name {
 position: fixed;
 left: 600px;
 top: 190px;
 font-family: 'Pacifico';
 font-size: 70px;
 background: url('https://i.imgur.com/JSzAAzF.gif');
 background-position: center;
 background-size: auto;
 background-repeat: no-repeat;
 -webkit-text-fill-color: transparent;
 -webkit-background-clip: text;
 display: block;
 text-align: center center;
 letter-spacing: 2px;
 opacity: 0.6;
 z-index: 730;
 }

#main {
 position: fixed;
 top: 280px;
 left: 570px;
 width: 400px;
 height: 300px;
 background-color: #feedda;
 border: 10px Solid #0b2441;
 color: #666;
 z-index: 5;
 font-variant: small-caps;
 overflow: auto;
}

#ooc {
 position: fixed;
 top: 290px;
 left: 581px;
 width: 399px;
 height: 300px;
 background-color: #feedda;
 color: #666;
 z-index: 5;
 font-variant: small-caps;
 overflow: auto;
}

#f1 {
 position: fixed;
 top: 10px;
 left: 570px;
 width: 405px;
 height: 250px;
 border: transparent 1px solid;
 padding: 7px;
 background-color: #0b2441;
 z-index: 10;
}

#img1 {
 position: fixed;
 top: 100px;
 left: 430px;
 width: 100px;
 height: 100px;
 padding: 5px;
 background-color: transparent;
 font-variant: small-caps;
 z-index: 700;
 background-image: url('https://i.imgur.com/YF6iAzp.jpg?1');
 background-position: 0px 0px;
 background-repeat: no-repeat;
 background-size: 120px;
 border: 8px solid #0b2441;
 overflow: auto;
 border-radius: 240px;
}

#img2 {
 position: fixed;
 top: 210px;
 left: 430px;
 width: 100px;
 height: 100px;
 padding: 5px;
 background-color: transparent;
 font-variant: small-caps;
 z-index: 700;
 background-image: url('https://i.imgur.com/uV0rgP9.jpg?1');
 background-position: 0px 0px;
 background-repeat: no-repeat;
 background-size: 110px;
 border: 8px solid #0b2441;
 overflow: auto;
 border-radius: 240px;
}

#img3 {
 position: fixed;
 top: 320px;
 left: 430px;
 width: 100px;
 height: 100px;
 padding: 5px;
 background-color: transparent;
 font-variant: small-caps;
 z-index: 700;
 background-image: url('https://i.imgur.com/Wl3gojl.jpg?1');
 background-position: 0px 0px;
 background-repeat: no-repeat;
 background-size: 110px;
 border: 8px solid #0b2441;
 overflow: auto;
 border-radius: 240px;
}

#img4 {
 position: fixed;
 top: 430px;
 left: 430px;
 width: 100px;
 height: 100px;
 padding: 5px;
 background-color: transparent;
 font-variant: small-caps;
 z-index: 700;
 background-image: url('https://i.imgur.com/hz896xi.jpg?1');
 background-position: 0px 0px;
 background-repeat: no-repeat;
 background-size: 110px;
 border: 8px solid #0b2441;
 overflow: auto;
 border-radius: 240px;
}

#l2 {
 position: fixed;
 top: 603px;
 left: 570px;
 width: 419px;
 height: 40px;
 border: #0b2441 1px solid;
 background-color: #0b2441;
 overflow: auto;
 z-index: 500;
}

#navi {
 position: fixed;
 top: 607px;
 left: 579px;
 width: 760px;
 height: 30px;
 background-color: transparent;
 z-index: 600;
}

.box {
position: fixed;
left: 581px;
top: 290px;
width: 390px;
height: 290px;
padding: 5px;
color: #666;
font-family: verdana;
text-align: justify;
font-size: 10px;
line-height: 13px;
overflow: auto;
background-color: #feedda;
opacity: 0;
font-variant: small-caps;
transition: all 1s ease-in-out;
z-index: 4000;
}

.box:target {
top: 290px;
left: 581px;
opacity: 1;
z-index: 7000;
}

 a.nav:link, a.nav:active, a.nav:visited{
letter-spacing: 1px;
text-transform: lowercase;
display: inline-block;
width: 68px;
height: 25px;
color: #EDEDEE;
font-family: 'Abel', sans-serif;
margin: 5px;
background-color: #2C2E43;
text-align: center;
line-height: 10px;
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: #295C19;
text-decoration: none;
cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur819.cur), default;
}

a:hover {
color: #295C19;
text-decoration: nonecursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur819.cur), default;
}

</style>

<div id="name">Farasha</div>

<div id="img1"></div><div id="img2"></div><div id="img3"></div><div id="img4"></div>

<div id="l1"></div> <div id="l2"></div>

<div id="main"></div>

<div id="ooc">
 <h1>Out of Character</h1>
<big>Note</big>: Code was made for Farasha 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>. Artwork belongs to <a target="_blank" href="https://www.patreon.com/wlop">WLOP.</a>
</div>

<div id="navi">
<a class="nav" href="#one"></a>
<a class="nav" href="#two"></a>
<a class="nav" href="#three"></a>
<a class="nav" href="#four"></a>
<a class="nav" href="#reset"></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>

<div id="f1"><div id="fimg"><img src="https://i.imgur.com/E9mhyeF.jpg?1" width="405" height="250"></img></div></div>