Blog Layout Codes.

BLOG STYLESHEET:


<style>
@import 'https://fonts.googleapis.com/css?family=Roboto+Condensed';
@import url('https://fonts.googleapis.com/css?family=BenchNine');
@import url('https://fonts.googleapis.com/css?family=Old+Standard+TT');
@import url('https://fonts.googleapis.com/css?family=Cookie');@import url('https://fonts.googleapis.com/css?family=Rochester');
</style>


<style>

div, html, body, a { cursor: url("http://i.imgur.com/UX6Cqws.png"), auto }
a:hover { cursor: url("http://i.imgur.com/UX6Cqws.png"), auto }




.violentends {layout made and coded by black kitten, refrain from stealing or using}

body{
margin-top:-120px;
text-align:center;
font-family: courier new;
color: #7f7f7f;
font-size:8px;
line-height: 9px;
text-decoration:none;
background-attachment:fixed;
background-color: #373737;
background-image: url('https://i.imgur.com/OJuUY0P.png');
background-attachment:fixed;
background-position:center;
background-repeat:repeat;}


table, tr, td, li, p, div { font-family: courier new; color: #7f7f7f; letter-spacing:1px; font-size:10px; line-height: 10 px;  }


table.main{
width:750px;
border:none;
margin-top:40px;
margin-left:-270px;
background-color: #1a1a1a;
border: 20px solid #212121;
}


table.main TD,table.main TR { border:none;
}

table.nav{
font-family: courier new;
color: #7f7f7f;
font-size:8px;
line-height: 8px;
display:none;
}

table.header{
margin-left:10px;
width:100%;
background-color:#ffffff;
border-right:10px solid;
display:none;
}

table.header TH{
margin-left:10px;
font-family: serif;
color:#7f7f7f;
font-size:10px;
text-decoration:none;
font-weight:normal;
border:none;
display:none;
}

table.header TD{
font-family: serif;
color: #DBC3A2;
font-size:x-small;
text-decoration:none;
border:none;
display:none;
}

table.profile{
left:10px;
width:100%;
border:1px solid;
border-color:#B1D0F0;
background-color: #262626;
text-align:center;
display:none;
}

table.blog{
position: relative;
left:-5px;
margin-left:0px;
width: 750px;
padging-right:10px:
font-size:x-small;
font-family:serif;
color:#7f7f7f;
background-color: #262626;
margin-top:0px;
}

.blogTimeStamp{
font-size:x-small;
font-family: serif;
color:#7f7f7f;
font-weight:italics;
background-color: #262626;
border-color:#7f7f7f;
text-align:left;
}

.blogSubject{
font-family: serif;
font-size:30px;
font-weight:normal;
color:#848484;
text-align: center;
margin:1px;
letter-spacing:3px;
padding-top:8px;
padding-bottom:8px;
line-height:30px;
margin-left:-20px;
text-transform: uppercase;
font-weight: lighter;
background-color:#212121;
}

.blogContent{
margin-left:-20;
font-family: courier new;
color: #7f7f7f;
font-size:9px;
line-height: 8px;
font-weight:normal;}

.blogCommentsProfile{
margin-left:-30px;
width:20%;
font-family: courier new;
color: #7f7f7f;
font-size:10px;
line-height: 8px;
font-weight:normal;
background-color: #171f1c;
text-align:center;}

.blogComments{
background-color: #262626;
}
.blogCommentsContent{
font-family: courier new;
color: #7f7f7f;
font-size:10px;
line-height: 8px;
font-weight:normal;}

.spacer{height:10px;
background-color:#070402;
}

.commentSpacer{
height:10px;
background-color:#070402;
}

.blogRealName {
font-weight:normal;
}

.txt_label {
font-family: serif;
font-size:10px;
color:#7f7f7f;}

.txt_label, .txt_label p {font-size:0px;}
.userInfoBlog { display: none; }
.nav { display: none; }
.spacer { display: none; }
.blogTimeStamp { display: none; }
.profile { display: none; }
.googleafc { display: none; }
.commentspacer { display: none; }
.blogsubject p {display: none; visibility:hidden!important;}
.profileTitle { display: none; }
.MyReadersListLink { display: none; }
.kazuprofile  { display: none; }
.blogControlTitleDiv{ display: none; }
#blog_content { display: none; }
#ctl00_cpMain_googlead { display:none !important; visibility:hidden !important; }
#ctl00_cpMain_SingleBlog_btnBackToBlogList2{display:none;}
.blogcontentinfo{ display:none !important; visibility:hidden !important; }
.top_nav_black  { display: none; }


#wysiwygtextarea1 {
color:#7f7f7f;
background-color:#171f1c;
border:none;
font-style: italics;
letter-spacing: 1px;
word-spacing:3px;
word-spacing: 2px;
}


textarea {
margin: 4px;
padding: 10px;
width:550px;
height: auto;
font-size:10px;
font-family: courier new;
letter-spacing: 1px;
background-color:#171f1c;
color:#7f7f7f;
border:none;
font-style: italics;
text-align: center;
}



.form_button {
background-color:#171f1c;
width:200px;
text-align:center;
font-family: 'Roboto Condensed', sans-serif;
color:#646464;
font-size:10px;
line-height: 20px;
float:left;
margin: 5px 10px 5px 10px;
border:1px solid #171f1c;
-webkit-transition: all .65s ease-out;
-moz-transition: all .65s ease-out;
transition: all .65s ease-out;
}

.form_button:hover {
background-color:#646464;
border:1px solid #646464;
width:200px;
text-align:center;
font-family: 'Roboto Condensed', sans-serif;
color: #171f1c;
font-size:10px;
line-height: 20px;
float: left;
margin: 5px 10px 5px 10px;
-webkit-transition: all .65s ease-out;
-moz-transition: all .65s ease-out;
transition: all .65s ease-out;}

#the_form {
background-color:#171f1c;
width:700px;
font-family: serif;
color: #7f7f7f;
font-size:8px;
line-height: 10px; }


 p, div, table, tr, td, font, br { 	font-family: courier new;
color: #7f7f7f;
font-size:8px;
line-height: 8px; }

a span.ai, a:hover span.kz{display: inline;}
a:hover span.ai, a span.kz{display: none;}
a:hover {visibility:visible;}


.violentends { codes }

::-webkit-scrollbar-thumb:vertical {
background-color: #212121;
border: 2px solid #212121;
height: 7px;
}
::-webkit-scrollbar-thumb:horizontal {
background-color: #262626;
height: 7px;
}
::-webkit-scrollbar {
background-color: #333333;
border: 2px solid #262626;
height:5px;
width:5px;
}


a:active, a:visited, a:link { color: #59696d; font-size: 16px; font-family: BenchNine; text-transform:none; text-decoration:none; font-weight:normal; letter-spacing:1px; -webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;line-height:8px; text-shadow:0px 0px transparent, 0px 10px transparent;}

a:hover { color: #7a8580; font-size: 16px; font-family: BenchNine; text-transform:none; text-decoration: underline; font-style:italic; font-weight:normal; letter-spacing:1px;-webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out; text-shadow: 0px 0px, 0px 0px;}






#uno
	{
top:0%;
left:0%;
margin-top:135px;
margin-left:970px;
width:400px;
height:30px;
position: fixed;
background-color: transparent;
overflow:hidden;
z-index:1;
}


.violentends { headers + text }



h1 {
font-family: 'Roboto Condensed', sans-serif;
font-size:45px;
line-height:45px;
padding:2px 2px 2px 8px;
color:#25302d;
margin:1px 1px 1px 1px;
text-transform:uppercase;
font-weight:lighter;
text-align: left;
letter-spacing:-4px;
background-color:#151515;
border-bottom:1px solid #38505e;
text-shadow:1px 1px #151515;
background-image: url('https://i.imgur.com/SMfA5RS.png');
background-position: right;
background-size: cover;
}

h1 span {
font-family: 'Rochester', cursive;
color: #6e6f6f;
font-size:70px;
line-height:50px;
font-weight:lighter;
text-transform: uppercase;
margin:2px 1px 2px 1px;
}


h2 {
font-family: 'BenchNine', sans-serif;
font-size:12px;
line-height:14px;
padding:6px;
color: #636565;
margin:1px;
text-transform: uppercase;
font-weight: lighter;
letter-spacing:2px;
word-spacing:2px;
text-align:center;
background-color:#121615;
}

h2 span {
color: #5a676f;
font-size:13px;
}


h3{
font-family: 'Roboto Condensed', sans-serif;
font-size: 9px;
color: #566b6f;
line-height: 12px;
padding:5px 3px 5px 3px;
font-weight:lighter;
text-align:center;
letter-spacing:1px;
text-transform: uppercase;
background-color:#323232;
margin:1px;
}

h3 span {
font-style:italic;
color: #7a928b;}


h5{font-family: times;
font-size: 32px;
color: #0c0f0f;
line-height: 30px;
padding:0px 10px 7px 5px;
font-weight:lighter;
text-align:center;
letter-spacing:-2px;
text-transform: lowercase;
background-color:#444444;
margin:0px 3px 3px 0px;
font-style:italic;
float:left;
}


h4 {
font-family: serif;
font-size:9px;
line-height:10px;
padding:3px;
color: #6b6b6b;
margin:0px 1px 1px 1px;
text-transform: lowercase;
font-weight: normal;
letter-spacing:2px;
word-spacing:2px;
text-align:center;
background-color:#13181a;
}



em{
font-family: times;
font-size: 30px;
color: #293c46;
line-height: 10px;
letter-spacing:-1px;
text-transform: lowercase;
}




b {
color: #5e756f;
font-weight: bold;
font-style: none;
text-transform: normal;
font-size:10px;
line-height:13px;
margin:1px;
padding:0px;
text-transform:lowercase;
letter-spacing:0px;
font-family: serif; }


i {
font-family: times new;
font-size: 15px;
line-height:10px;
font-style: italic;
text-transform: lowercase;
color: #6f6f6f;
margin:1px;
padding:0px;
letter-spacing: -1.5px; }



u { font-family: consolas;
color: #151515;
font-size: 8px;
line-height: 11px;
letter-spacing: 0px;
padding:2px 4px 2px 4px;
margin:1px;
word-spacing:1px;
font-style: normal;
font-weight: lighter;
text-decoration: none;
text-transform: uppercase;
background-color:#838685;
}



tt {
font-family: serif;
font-size: 13px;
line-height: 11px;
color: #9f9f9f;
text-transform: lowercase;
font-weight: normal;
letter-spacing: -1px;
padding: 0px 0px 2px 0px;
margin:1px;}


first {
float: left;
font-family: times new roman;
font-size: 80px;
color: #293c46;
line-height: 20px;
text-align: center;
font-style:italic;
text-transform: lowercase;
width: 35px;
height: 25px;
padding: 5px 0x 5px 0px;
margin:5px 20px 5px 5px;
display: inline-block;
}



a.linkuno, a.linkuno:link, a.linkuno:active, a.linkuno:visited {
	font-family: 'Roboto Condensed', sans-serif;
	width:13px;
	height:13px;
    font-size: 11px;
    line-height: 13px;
    color: #909090;
	border:1px solid #909090;
    text-decoration: none;
    text-transform: uppercase;
    background-color: #909090;
    text-align: center;
    display: inline-block;
    padding: 5px;
    margin: 1px;
	letter-spacing:0px;
	vertical-align: middle;
	overflow:hidden;
	border-radius:100%;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
}


a.linkuno:hover, a.linkuno:focus, a.linkuno:active {
	color: #3b574f;
	width:13px;
	height:13px;
    font-size: 9px;
    line-height: 13px;
    text-align: center;
    display: inline-block;
    padding: 5px;
	background: #3b574f;
	border-radius:100%;
}




a.linkdos, a.linkdos:link, a.linkdos:active, a.linkdos:visited
{font-family: consolas;
font-size:9px;
line-height:12px;
letter-spacing:0px;
font-weight: normal;
color:#6b6b6b;
padding:8px;
margin:1px;
text-decoration:none;
text-transform: uppercase;
background-color:#17191a;
text-align: center;
display:block;
padding-left:4px;
margin-bottom:1px;
}

a.linkdos:hover
{font-family:courier new;
letter-spacing:2px;
font-weight:normal;
color:#6b6b6b;
text-decoration:none;
text-transform:lowercase;
background-color:#1d252a;
text-align: center;
display:block;
padding-right:4px;
margin-bottom:1px;-webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out;
box-shadow:inset 210px 0px 0px #232d2a;
}



</style>


<div id="uno">
<a href="/home.php" class="linkuno" title="home">home</a>

<a href="/send_message.php?member_id=xxxx" class="linkuno" title="message">msg</a>

<a href="/add_comment.php?member_id=xxxx" class="linkuno" title="comment">cmnt</a>

<a href="/albums.php?member_id=xxxx" class="linkuno" title="albums">gallery</a>

<a href="/view_member_blog.php?member_id=xxxx" class="linkuno" title="blogs">blogs</a>

<a href="https://www.roleplayer.me/status_stream.php?member_id=xxxx" class="linkuno" title="stream">stream</a>

<a href="https://www.roleplayer.me/view_journal_member.php?member_id=xxxx" class="linkuno" title="bulletins">bulletins</a>

<a href="/" class="linkuno" title="xtra">xtra</a>

<a href="/" class="linkuno" title="xtra">xtra</a>

</div>






PASTE IN A BLOG








<first>m</first>idway upon the journey of our life I found myself within a forest dark, For the straightforward pathway had been lost.  Ah me! how hard a thing it is to say What was this forest savage, rough, and stern, Which in the very thought renews the fear.  So bitter is it, death is little more; But of the good to treat, which there I found, Speak will I of the other things I saw there.  I cannot well repeat how there I entered, So full was I of slumber at the moment In which I had abandoned the true way.

</br></br>

But after I had reached a mountain's foot, At that point where the valley terminated, Which had with consternation pierced my heart,  Upward I looked, and I beheld its shoulders Vested already with that planet's rays Which leadeth others right by every road.  Then was the fear a little quieted That in my heart's lake had endured throughout The night, which I had passed so piteously  And even as he, who, with distressful breath, Forth issued from the sea upon the shore, Turns to the water perilous and gazes;  So did my soul, that still was fleeing onward, Turn itself back to re-behold the pass Which never yet a living person left.

</br></br>

After my weary body I had rested, The way resumed I on the desert slope, So that the firm foot ever was the lower.  And lo! almost where the ascent began, A panther light and swift exceedingly, Which with a spotted skin was covered o'er!  And never moved she from before my face, Nay, rather did impede so much my way, That many times I to return had turned.

</br></br>

<b>this is bold --- lorem ipsum dolor sit amet consectetur adipiscing elitlorem ipsum dolor sit amet consectetur adipiscing elitlorem ipsum dolor sit amet consectetur adipiscing elitlorem ipsum dolor sit amet consectetur adipiscing.</b>

<br></br>

<i>this is italics --- lorem ipsum dolor sit amet consectetur adipiscing elitlorem ipsum dolor sit amet consectetur adipiscing elitlorem ipsum dolor sit amet consectetur adipiscing elitlorem ipsum dolor sit amet consectetur adipiscing.</i>

<br></br>

<u>This is underline --- lorem ipsum dolor sit amet consectetur adipiscing elitlorem ipsum dolor sit amet consectetur adipiscing elitlorem ipsum dolor sit amet consectetur adipiscing elitlorem ipsum dolor sit amet consectetur adipiscing.</u>

<br></br>

<tt>This is teletype --- lorem ipsum dolor sit amet consectetur adipiscing elitlorem ipsum dolor sit amet consectetur adipiscing elitlorem ipsum dolor sit amet consectetur adipiscing elitlorem ipsum dolor sit amet consectetur adipiscing.</tt>

<br></br>

<em>This is emphasis --- lorem ipsum dolor sit amet consectetur adipiscing elitlorem ipsum dolor sit amet consectetur adipiscing elitlorem ipsum dolor sit amet consectetur adipiscing elitlorem ipsum dolor sit amet consectetur adipiscing.</em>
<br></br>

<textarea>This is textarea --- lorem ipsum dolor sit amet consectetur adipiscing elitlorem ipsum dolor sit amet consectetur adipiscing elitlorem ipsum dolor sit amet consectetur adipiscing elitlorem ipsum dolor sit amet consectetur adipiscing</textarea>

<br></br>

<h1>header 1 <span>w/span</span> <span1>w/span1</span1></h1>
<h2>header 2 <span>w/span</span> </h2>
<h3>header 3</h3>
<h4>header 4 </h4>
<h5>header 5 </h5>
</br>
</br>
</br>
</br>

<a href="/">regular link</a>

<br></br>

<a href="/" class="linkuno" title="title here">a.linkuno</a>

<a href="/" class="linkdos" title="title here">a.linkdos</a>




<br></br>
<br></br>

<br></br>



<br></br>