Halloween Layout 2019 (Riott Styffe)

<------HEADLINE------

<img src="https://i.imgur.com/IpuEbsK.png" style="margin-top:243px">
<font style="display: none;">



<------ABOUT ME------>


<style> .bodyContent tr {background-color:transparent;} .bodyContent td div {background-color:transparent;} </style>



<div id="bannerr">
</div>


<style>
#bannerr {
    width:800px;
    height:315px;
    z-index:999;
    margin-left: -349px;
    margin-right:auto;
    position: absolute;
    margin-top:-27px;
    background-image: url('https://i.imgur.com/EK2OVUG.png');}</style>




<style>

**** DO NOT TOUCH **** FOR HEADLINE IMG ONLY *****

.headline {
margin-top: 700px;}
</style>








<style> *** THIS IS YOUR SPACER IMG / DON'T TOUCH *** </style>

<img src="https://i.imgur.com/t3I6kFS.png">












<h1>about riott styffe</h1>


<font size="1"><b>(♥)</b>isert about me details here *</font>

<center><big>BIG</big><b>bold</b><i>italics</i><u>underline</u><s>strike</s></center>

<img src="https://i.imgur.com/uHaDt1n.png">

<blockquote>this is what your blockquotes will look like !!~~~</blockquote>




<------WHO I'D LIKE TO MEET------> ----DO NOT PUT ANYWHERE ELSE-----

<div id="topper">

<a href="http://roleplayer.me" class="nav2">linkity</a>
<a href="" class="nav2">linkity</a>
<a href="" class="nav2">linkity</a>
<a href="" class="nav2">linkity</a>
<a href="" class="nav2">linkity</a>
<a href="" class="nav2">linkity</a>
<a href="http://roleplayer.me/zhavia" class="nav2">credit</a>
</div>



<style>
#topper {
position:absolute;
margin: 0px;
top:300px;
left:1073px;
width:60px;
height:30px;
position:fixed;
}


a.nav2,a.nav2:link,a.nav2:active,a.nav2:visited {
display:inline-block;
line-height: 15px;
margin:2px;
text-transform: uppercase;
text-align: right;
font-style: none;
font-family: calibri;
font-size: 8px;
letter-spacing: 2px;
padding-left: 20px;
border-top-right-radius: 30px;
border-bottom-right-radius: 30px;
border-radius: 0px 10px 10px 0px;

}

/***+1 is the first color of your color scheme, +2 is the second, and so on***/


a.nav2:nth-child(7n+1) {background-color:#323232; color: #eee; border-right: 4px solid #6c3359;}
a.nav2:nth-child(7n+2) {background-color:#323232; color: #eee; border-right: 4px solid #a34f88;}
a.nav2:nth-child(7n+3) {background-color:#323232; color: #eee; border-right: 4px solid #c6388e;}
a.nav2:nth-child(7n+4) {background-color:#323232; color: #eee; border-right: 4px solid #e540a4;}
a.nav2:nth-child(7n+5) {background-color:#323232; color: #eee; border-right: 4px solid #21d917;}
a.nav2:nth-child(7n+6) {background-color:#323232; color: #eee; border-right: 4px solid #1ec315;}
a.nav2:nth-child(7n+7) {background-color:#323232; color: #eee; border-right: 4px solid #18a010;}



a.nav2:nth-child(7n+1):hover {color: #fff; box-shadow:inset 130px 0px 0px #4f4f4f;}
a.nav2:nth-child(7n+2):hover {color: #fff; box-shadow:inset 130px 0px 0px #4f4f4f;}
a.nav2:nth-child(7n+3):hover {color: #fff; box-shadow:inset 130px 0px 0px #4f4f4f;}
a.nav2:nth-child(7n+4):hover {color: #fff; box-shadow:inset 130px 0px 0px #4f4f4f;}
a.nav2:nth-child(7n+5):hover {color: #fff; box-shadow:inset 130px 0px 0px #4f4f4f;}
a.nav2:nth-child(7n+6):hover {color: #fff; box-shadow:inset 130px 0px 0px #4f4f4f;}
a.nav2:nth-child(7n+7):hover {color: #fff; box-shadow:inset 130px 0px 0px #4f4f4f;}


a.nav2:hover{padding-left:50px; -moz-transition: 0.9s ease-out; -webkit-transition: 0.9s ease-out;}


</style>

<style >a.text, table div font a, table div div {visibility:hidden;}</style>

<style>table div font {display: none;}</style>

<style>
.bodyContent td div div span a u {font-weight:normal;}
.bodyContent tr {background-color:transparent;}
.bodyContent table div br {line-height:0px;}
</style>



<------INTERESTS------->

<h1>♥ about x ♥</h1>

<div style="width: 300px; height: 111px; background-color: #262626; color: #d6d6d6; font-size: 10px; overflow: auto;">On a scale of one to ten
I am perfect like I am
I don't need your number
We don't need your number
And those stupid magazines
Want me to change my everything
They don't even matter
They're not taking my power
I'm so over
All these voices around
They've said enough
It's my turn, let's get loud
I'll show you what girl is
'Cause all of me is perfect
Who cares about the dress size
It's all about what's inside
I'll stand up now
And won't back down
We're breaking through the surface
To show you what a girl is</div>



<h2>♥ about x ♥</h2>

<div style="width: 300px; height: 111px; background-color: #262626; color: #d6d6d6; font-size: 10px; overflow: auto;">Being flawless in our skin, your words don't mean anything
I'm done wasting my time (I'm done wasting my time)
I can make up my own mind (I can make up my own mind)
I'm so over
All of these voices around
They've said enough
It's my turn, let's get loud
I'll show you what girl is
'Cause all of me is perfect
Who cares about the dress size
It's all about what's inside</div>


<h3>♥ about x ♥</h3>

<div style="width: 300px; height: 111px; background-color: #262626; color: #d6d6d6; font-size: 10px; overflow: auto;">I'll stand up now
And won't back down
We're breaking through the surface
To show you what a girl is
You are exactly what you're made to be, I swear
Don't be afraid just to put yourself out there
It's pretty clear that you wont see us on the sidelines (no)
We're gonna take it over standing like a high-rise
Yeah, and if you ever doubt what a girl can do
sit back and let us show you, its been really nice to know you
No doubt, we're a force that's undeniable
Get together we'll work this house to bring it down on you
I've got a feeling that were gonna be there for you
Sit back and let us show you cause the girls are taking over</div>


<h4>♥ about x ♥</h4>

<div style="width: 300px; height: 111px; background-color: #262626; color: #d6d6d6; font-size: 10px; overflow: auto;">On a scale from one to ten, I am perfect like I am
I don't need your number, we don't need your number
I'll show you what a girl is, cause all of me is perfect
Who cares about the dress size, it's all about what's inside
I'll stand up now, and won't back down
We're breaking through the surface, to show you what a girl is
We're breaking through the surface, to show you what a girl is</div>



<------BOOKS------>


<style>
body{background-image:url("https://i.imgur.com/raRzrej.png");
background-attachment: fixed;
background-position: center;
background-color:262626;}

table, tr, td, li, p, div, .btext, .blacktext10, .blacktext12, .lightbluetext8, .orangetext15, .redtext, .redbtext, .text, .whitetext12 {
font-family: tahoma;
color:#d6d6d6;
font-size:10px;
letter-spacing:0px;
font-weight:normal;
text-decoration:none;
text-transform: ;
line-height:11px;}

a:active, a:visited, a:link, a.redlink:active, a.redlink:visited, a.redlink:link {
font-family: arial;
color: #ff91df;
font-size:10px;
letter-spacing:-0.5px;
font-weight:normal;
text-decoration:none;
text-transform:;
-webkit-transition:0.5s;
-moz-transition:0.5s;
-ms-transition:0.5s;
-o-transition:0.5s;
transition:0.5s;}

a.redlink:hover, a:hover {
color:#F5F3F2;
-webkit-transition:0.5s;
-moz-transition:0.5s;
-ms-transition:0.5s;
-o-transition:0.5s;
transition:0.5s;}

table.friendSpace td.text span.orangetext15{
color:#F5F3F2;
font-family: 'Open Sans Condensed', sans-serif;
text-transform: uppercase;
font-size: 20px;
line-height:25px;
margin:1px;padding:0px;
font-weight: normal;
text-align:center;
display: block;
letter-spacing:-1px;
margin-top: -45px;
border-top: 4px solid #c79cd3;
border-bottom: 1px solid #c79cd3;}

.blacktext10{
background:#c79cd3;
color:#262626;
display: block;
font-family: arial;
text-transform: uppercase;
font-size: 11px;
line-height:11px;
margin:1px; padding:0px;
font-weight: bold;
text-align:center;
border-bottom: 1px solid #ff9ad8;}

table.blurbs td td span.orangetext15 {display: none;}

#navi{
position: absolute;
left: 200px; top: 140px;
width:100px; padding:3px;
}

a.nav1:link, a.nav1:active, a.nav1:visited{
font-family: "lato";
text-align:left;
padding:10px; margin:1px;
padding-left:10px;
font-size: 10px;
color: #eee;
background-color:#ec893f;
display:block;
border-left: 3px solid #6f3d68;
text-transform:uppercase;
-webkit-border-radius: 30px;
border-radius: 30px;
-webkit-transition:0.5s;
-moz-transition:0.5s;
-ms-transition:0.5s;
-o-transition:0.5s;
transition:0.5s;
}
a.nav1:hover{
color: #eee;
background-color:#ec893f;
border-left: 3px solid #6f3d68;
margin-left:-15px;
-webkit-transition:0.5s;
-moz-transition:0.5s;
-ms-transition:0.5s;
-o-transition:0.5s;
transition:0.5s;
}

b {color:#a5548b;}
i {color:#cd4d9c;}
u {color:#0b9b03;}
s {color:#8c4474;}
big {color:#a5548b; font-family: georgia; }

h1 {
color:#efefef;
font-family: AKMy Prince;
font-size: 23px;
color:#eee;
line-height: 11px;
font-weight: normal;
padding: 0px;
letter-spacing: 0px;
margin-bottom: 2px;
font-style:italic;
text-shadow: 1px 1px 3px #717171;
text-align: center;
text-transform: lowercase;
background: #64274f;
padding-bottom: 0px;
margin-top: 4px;
border-right: 1px solid #0b9b03;
border-left: 1px solid #0b9b03;
border-bottom: 1px dashed #0b9b03;
border-radius: 2px;
}



h2 {
color:#efefef;
font-family: AKMy Prince;
font-size: 23px;
color:#eee;
line-height: 11px;
font-weight: normal;
padding: 0px;
letter-spacing: 0px;
margin-bottom: 2px;
font-style:italic;
text-shadow: 1px 1px 3px #717171;
text-align: center;
text-transform: lowercase;
background: #983f7b;
padding-bottom: 0px;
margin-top: 4px;
border-right: 1px solid #0b9b03;
border-left: 1px solid #0b9b03;
border-bottom: 1px dashed #0b9b03;
border-radius: 2px;
}




h3 {
color:#efefef;
font-family: AKMy Prince;
font-size: 23px;
color:#eee;
line-height: 11px;
font-weight: normal;
padding: 0px;
letter-spacing: 0px;
margin-bottom: 2px;
font-style:italic;
text-shadow: 1px 1px 3px #717171;
text-align: center;
text-transform: lowercase;
background: #1bd613;
padding-bottom: 0px;
margin-top: 4px;
border-right: 1px solid #a04d85;
border-left: 1px solid #a04d85;
border-bottom: 1px dashed #a04d85;
border-radius: 2px;
}






h4 {
color:#efefef;
font-family: AKMy Prince;
font-size: 23px;
color:#eee;
line-height: 11px;
font-weight: normal;
padding: 0px;
letter-spacing: 0px;
margin-bottom: 2px;
font-style:italic;
text-shadow: 1px 1px 3px #717171;
text-align: center;
text-transform: lowercase;
background: #169e0e;
padding-bottom: 0px;
margin-top: 4px;
border-right: 1px solid #cc4b9b;
border-left: 1px solid #cc4b9b;
border-bottom: 1px dashed #cc4b9b;
border-radius: 2px;
}



















::-webkit-scrollbar{
height:5px;
width:8px;
-webkit-border-radius: 0px;
background-color:#ff9ad8; }

::-webkit-scrollbar-thumb{
background-color:#ff9ad8;
border-left:3px solid #c79cd3;
border-right:3px solid #c79cd3; }

::-webkit-scrollbar-track{
background-color:#262626;
border-left:1px solid #262626; }

.blurbs {margin-top: -75px;}
.extendedNetwork {margin-top: 4px;}
.interestsAndDetails {margin-top: -50px; }
.interestsAndDetails {margin-left: -30px; }
.profileinfo {margin-top: -5px; }
.friendSpace {margin-top: -15px;}

::-webkit-scrollbar-thumb:vertical {background-color:#54C0FF; }
::-webkit-scrollbar {width:7px; height:10px; background-color:#000000;}
::-webkit-scrollbar-corner {background-color:#54C0FF;}

.friendSpace .redbtext {font-weight:bold;}
.friendSpace td {padding:0px;}
.friendSpace br {display:none;}
.friendSpace td.text td td br {display:inline;} .friendSpace .btext {display:block;}
.friendSpace td.text td td a img {width:95px; height:110px;}


div.profileWidth table tr td div ul li a, div.profileWidth table tr td div ul li .rail {position: relative; left: -10000px;}
div.profileWidth {margin-top: -10px !important;}
div.profileWidth div { filter:alpha(opacity=0); opacity:0.0001 }
div.profileWidth div.clearfix, div.profileWidth div div { filter: none; opacity: 0.9999; }
div.profileWidth div.clearfix {position: relative; top: -40px;}
div td{background:transparent;}
tr {background-color:transparent}









table,  td { background-color:#262626;  border:none; border-width:0;}
table table table {border-style:none;border-width:0px;background-color:#262626;}






tr {background-color: transparent;}



table.interestsAndDetails td td {background-color:#262626;}
table.interestsAndDetails span.lightbluetext8 {display:none;}
.interestsAndDetails td {width:0px;}

table.blurbs td.text span.orangetext15{display:none;}
#footerWarpper {display:none;}
.commentlinks{display:none;}
.extendedNetwork {display:none;}
.msonlinenow, .nametext {display:none;}
.clearfix {margin-top: -90px;}
table.latestblogentry {display: none;}
.whitetext12{display:none;}
.userAlbums {display:none;}
.userProfileURL { display:none; }
.contactTable {display: none;}
.userProfileDetail { display:none; }
table.profileInfo * {background-color:transparent;}
table.profileInfo td td {letter-spacing:-100px; font-size:0px;}
table.profileInfo td td.text, table.profileInfo td td * {font-size:11px; letter-spacing:0px;}
table.profileInfo td td a {display:none;}
table.profileInfo td td.text * {display:inline;}


blockquote{
font-size: 10px;
color:#eaeaea;
margin:9px; padding:5px;
background: #3f3f3f;
border-radius: 5px;
border-left: 20px solid #cc4b9b;
border-right: 20px solid #cc4b9b;
}
</style>



<style>table.profileinfo td.text a img { margin-top:295px; border: 2px solid #803e6a; padding: 4px; }</style>


<style>

 .friendSpace td.text td td a img, .img {
border: 1px solid #803e6a; padding: 4px; }
</style>

<style>
.friendsComments {margin-top:20px;}
</style>


<body oncontextmenu="alert('This layout was personally customized for Riott Styffe. Try to steal and I will come for you. Credit: Mars Styffe'); return false;" onselectstart="return false" ondragstart=return false" onkeydown="return false">