Layout Created by: Desi/Creativian.
Please refrain from stealing, copying or sharing without permission.
Always make sure that you have commented on the blog before using!
* BEST VIEWED IN GOOGLE CHROME! *

[tpb]09-15-24: this now works with restrictions[/tpb]
 
- - - - ABOUT ME - - - - -

<style>
div, html, body, a, a:hover { cursor: url("https://i.imgur.com/2PMDhFx.png"), auto }
</style>

<style>
@import url('https://fonts.googleapis.com/css?family=BenchNine');
@import url('https://fonts.googleapis.com/css?family=Pathway Gothic One&display=swap');
</style>

<style>
{ VIETATO - BASIC CODING }
table, tr, td { background-color:transparent; border:none; border-width:0;}
body {
background-image: linear-gradient(90deg, rgba(0,0,0,1) 25%, rgba(134,0,0,1) 84%);
background-attachment:fixed;
background-position:top-center;
background-repeat:no-repeat;
background-size:cover;
y-overflow: none;
x-overflow:none;}
</style>

<style>
{ VIETATO - FONT STYLES }

table, tr, td, li, p, div { 
font-family: arial; 
color:#fff;
font-size:11px;
line-height:auto;
text-transform: normal;
letter-spacing:0.5px; }

a:active, a:visited, a:link{ 
font-family:arial narrow;
font-size:10px;
color:#D0BBA3;
text-transform: lowercase;
letter-spacing: 1px;
line-height:14px;
font-weight: lighter;
text-decoration: none;
display: inline-block;
padding: 2px;
text-shadow: 12px 0px transparent, -12px 0px transparent;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;   }  
 
a:hover {
color: #5b494a;}

a.first, a.first:link, a.first:active, a.first:visited {
font-size:10.5px;
font-family: san-serif;
color:#8a8077;
width: 60px;
height: 10px;
line-height: 15px;
padding: 5px;
text-align:center;
background-color:transparent;
font-weight:lighter;
font-style: italic;
text-transform: lowercase;
letter-spacing:0.5px;
margin-bottom:8px;
margin-right:8px;
margin-left:8px;
display:inline-block; 
text-shadow:-12px 0px transparent, 12px 0px transparent; 
-webkit-transition:all 1s ease;
-moz-transition:all 1s ease; 
-o-transition:all 1s ease; z-index:9; }

a.first:hover {
color:#000;
background:transparent;
text-shadow:0px 0px #8a8077, 0px 0px #8a8077; 
-webkit-transition:all 1s ease; 
-moz-transition:all 1s ease; -o-
transition:all 1s ease; }

a.second, a.second:link, a.second:active, a.second:visited {
font-family: Bebas Neue;
background:#623C3D;
color:#BFA288;
font-size:11.5px;
line-height:25px;
height:25px;
text-transform:uppercase;
text-align:center;
letter-spacing:2px;
text-decoration:none!important;
font-weight:lighter;
display: block;
margin-bottom:1px;
-webkit-transition: all 1.0s linear;
-moz-transition: all 1.0s linear;
transition: all 1.0s linear;}
 
a.second:hover {
color:#623C3D;
text-decoration:none!important;
box-shadow: inset 198px 0px 0px #BFA288;}

a.nav, a.nav:link, a.nav:active, a.nav:visited {
margin-left:5px;
font-family: helvetica;
font-weight:lighter;
text-align:center;
display:inline-block;
width:70px;
border-bottom:1px solid transparent;
padding:10px 3px 5px 3px;
margin-bottom:1px;
line-height:10px;
letter-spacing:1px;
color:#fff;
text-transform:uppercase;
background:transparent;
font-size:8px; }
 
a.nav:hover {
font-style:italic;
border-bottom:1px solid #fff;}

b, strong {
font-family: silkscreen;  
color:#BFA288;
font-size:8px;
line-height:10px;
font-spacing: 2px;
font-weight:lighter;
text-transformation: uppercase; }
 
i {
font: italic 15px georgia!important;
text-transform:none;
color:#ABB39C;
line-height:10px;
letter-spacing:-2px;
text-transform:lowercase;
font-style:italic;
font-weight:bold;}   

u { 
font-family: bebas neue;
font-size:10.5px;
color:#ABB39C;
text-transform:uppercase;
letter-spacing:1px;
line-height:15px;
font-weight:lighter;}

h1{
font-family: Georgia;
font-size:35px;
line-height:28px;
color:#860000;
padding:0px 2px 0px 2px;
margin-top:0px;
margin-bottom:2px;
text-align:center;
font-weight:lighter;
text-transform:uppercase;
letter-spacing:1px;}

.br {
line-height: 10px;}
</style>

<style>
{ VIETATO - DIV CODING }

.container{
top:200px;
left:400px;
width:600px;
height:300px;
position:absolute;
background-color:#000;}

.navigation{
top:500px;
left:400px;
width:600px;
height:35px;
position:absolute;
background-color:#860000;}

.sitename{
top:210px;
left:400px;
width:600px;
height:30px;
position:absolute;
background-color:transparent;
z-index:2;}

.storyline{
top:250px;
left:415px;
width:255px;
height:240px;
position:absolute;
overflow:auto;
background-color:transparent;
text-align:justify;
z-index:2;
user-select: none;}

#slimage{
top:250px;
left:690px;
width:290px;
height:240px;
position:absolute;
z-index:2;}

.snapback{
top:535px;
left:400px;
width:0px;
height:0px;
background-color:transparent;
position:absolute;
opacity:0;
overflow-y:hidden;
overflow-x:hidden;
-webkit-transition: all .4s ease-out;
-moz-transition: all .4s ease-out;
transition: all .4s ease-out;
filter:alpha(opacity=0);}
 
.snapback:target {
top:535px;
left:400px;
width:600px;
height:35px;
position: absolute;
background-color:#860000;
overflow:none;
z-index:2!important;
opacity:1;}
</style>

<style>
.userprofiledetail, .profileInfo, .userprofileURL {display:none;}
.friendscomments, .friendspace, .useralbums {display:none;} 
.latestBlogEntry, .contactTable, .extendedNetwork {display:none;} 
.whitetext12, .orangetext15, .lightbluetext8 {display:none;} 
.nameText, .mslogo, .clearfix {display:none;}

#footerwarpper {display:none;} 
#googlebar {display:none;} 
#topnav {display:none;}
#groups {display:none;}
#headerWrap {display:none;}

.credit{
top: 20px;
right: 20px;
position: fixed;
background: transparent;}

a.credit:active, a.credit:visited, a.credit:link { 
font: 9px consolas;
width: 50px;
background-color: #000;
color: #fff;
padding: 5px;
text-align: center;
text-transform: uppercase;}
 
a.credit:hover {
color:#000;
background-color:#fff;}
</style>

<style>
::-webkit-scrollbar {width:6px; height:6px;}
::-webkit-scrollbar-track {background:rgba(0,0,0,0.1);}
::-webkit-scrollbar-thumb {background:rgba(0,0,0,0.2);}
::-webkit-scrollbar-thumb:hover {background:rgba(0,0,0,0.4);}
::-webkit-scrollbar-thumb:active {background:rgba(0,0,0,.9);}
</style>




================================ LIKE TO MEET =========================


<div class="container">
</div>

<div class="sitename">
<h1>site name</h1>
</div>

<div class="storyline">
<accent>L</accent>orem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vel sem lacus. Quisque porttitor quam massa, ac finibus libero accumsan in. Etiam sapien augue, malesuada sit amet tellus vel, commodo auctor massa. Aliquam cursus est orci, vel consectetur nisl rutrum eu. Duis at tempor elit. Maecenas egestas mauris mauris, at feugiat lectus aliquet a. Vestibulum tincidunt euismod ornare. Praesent ac maximus felis.
<br><br>
Sed nibh enim, facilisis a ligula vel, convallis mollis magna. Aliquam scelerisque velit eu est condimentum, dictum efficitur purus varius. Phasellus posuere lacus massa, non luctus risus consequat et. Ut feugiat, velit quis semper volutpat, tortor ante maximus massa, porta rhoncus leo nibh egestas ex. Suspendisse faucibus eros sed nisi vestibulum pellentesque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris posuere est vitae eros interdum ultrices. Vivamus ornare tempus magna facilisis rutrum. Sed quis dolor lobortis, porttitor arcu eu, porttitor tellus. Curabitur erat augue, malesuada sed mattis ut, dignissim ut est. In vel vehicula neque, sit amet lacinia purus. Suspendisse volutpat turpis dolor, ac accumsan tortor consequat quis. Quisque sed tempor ante.
<br><br>
Curabitur in nulla eu leo faucibus rhoncus a ut velit. Pellentesque lobortis mattis purus. Proin mauris neque, blandit at suscipit ut, vulputate ac ex. Vivamus ornare, ex sit amet fermentum faucibus, sapien enim mollis mi, eget bibendum massa ante ut nunc. Pellentesque ut eleifend leo, non imperdiet quam. Duis est justo, dapibus eu finibus ut, aliquet vitae nunc. Pellentesque id tempus urna. Aenean nec lorem porta, fermentum nisl ut, laoreet nisl. Ut dignissim varius euismod. 
</div>

<div id="slimage">
 <img src="https://via.placeholder.com/290x240">
</div>

<div class="navigation">
<a href="/home.php" class="nav">home</a>
<a href="/send_message.php?member_id=XXX" class="nav">audition</a>
<a href="/add_comment.php?member_id=XXX" class="nav">stream</a>
<a href="/" class="nav">bulletins</a>
<a href="/" class="nav">share</a>
<a href="#menu" class="nav">navigation</a>
</div></div>

<div id="menu" class="snapback">
<a href="/" class="nav">guidelines</a>
<a href="/" class="nav">open roles</a>
<a href="/" class="nav">used fcs</a>
<a href="/" class="nav">share us</a>
<a href="/" class="nav">extra link</a>
<a href="/" class="nav">extra link</a>
<a href="#" style="margin-left:50px;">✖</a>
</div></div>

<div class="credit">
<a href="/creativian" class="credit">credit</a>
</div>