<html>
<head>
<link href='http://media.tumblr.com/tumblr_m4svhkiHpK1rpdvzr.gif' rel='icon' type='image/x-icon'/>
<title>Darkness in a Dark</title>
<!-------
Credit: http://chocollyheart.blogspot.com/
*Do not remove this section!
--------!>
<style>
#navbar-iframe {
display: none;
}
body {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBck6jOqBSOsJsgX7P3mkmdks5LjohzDkBCfnN0dv2qUbObK7Amxwq_wLpYwxw3plrnV9LcoHMWCi-Ty17ik5pJCckUarIqJy8bYSpa3ENKjtCpl5Qy3rRWt_B84LNXq4XTs68avE35e4/s1600/black.jpg) top repeat fixed;
cursor: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLKT3nahLU9MsSGcybWh5ftIfNyjU6eoIq09d8W6m-RZxYo65u40N44dp_15t8683jKLuiNTcq5BHxkPTSLq6yDtTEjmETlGTKULBvFZQxehIN41_jpQca4TzPGwxcK0swAPpVUT_hyphenhyphenN1x/s1600/infinite2.png) auto;
font-family: arial;
font-size: 11px;
letter-spacing: 0px;
line-height: 17px;
color: #5E5E5E;
text-align: justify;
}
.entries-position {
right: 15%;
position: absolute;
top: 40px;
width: 620px;
}
.entries-background {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCZOEUmjgh40s38OscogZgYbUMhlWaCkYuJGIMzlyOgF9fc90aV1MEAyjYMusuL3Q5Nm_ImpcZrRcAM7f48qrRRw410O3wToumHn3or1Wpxk43uUqDmWlVj2Pr_GT-1nNunvmTCG_1amQ/s1600/white.png);
padding: 10px;
margin-bottom: 30px;
}
.entries-title {
background: #828282;
font-size: 11pt;
color: #fff;
font-family: consolas;
letter-spacing: 3px;
margin-left: -15px;
margin-bottom: 10px;
margin-right: -15px;
text-align: center;
text-transform: uppercase;
font-weight: normal;
}
.comment-entries {
background: #828282;
font-size: 11pt;
color: #fff;
font-family: consolas;
letter-spacing: 3px;
margin-left: -15px;
margin-bottom: 10px;
margin-right: -15px;
text-align: center;
font-weight: normal;
}
blockquote {
background: #fff;
border: 1px dashed #888;
padding-right: 10px;
padding-left: 10px;
text-align: left;
padding-top: 5px;
padding-bottom: 5px;
color: #888;
-webkit-transition: 0.3s;
}
a:link,a:active,a:visited {
text-decoration: none;
color: #A6A6A6;
}
a:hover {
color: #777;
text-decoration: none;
}
.lovee {
position: fixed;
text-decoration: none;
-webkit-transition-duration: .60s;
background: transparent;
color: #444;
padding: 2px;
font-family: dawningofanewday;
font-size: 40px;
text-transform: none;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
letter-spacing: 1px;
}
::selection {
background: transparent;
color: #ffffff;
}
::-moz-selection {
background: #000000;
color: #ffffff;
}
::-webkit-scrollbar {
height: 12px;
width: 10px;
background: #000;
}
::-webkit-scrollbar-thumb {
background-color: #3D3D3D;
}
.tr-caption {
font: 8px pixel;
background: #000;
color: #fff;
text-transform: uppercase;
padding: 1px 2px;
}
@font-face {
font-family: "bebasne";
src: url('http://static.tumblr.com/ls875kd/nuNlvxgvd/bebasneue.otf');
}
a.nav {
background: #333333;
color: #fff;
font: 11px consolas;
text-transform: uppercase;
padding: 2px 6px;
margin: 0;
letter-spacing: 2px;
-moz-transition: 2.5s;
-webkit-transition: 2.5s;
}
a.nav:hover {
background: #fff;
color: #333333;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
}
#line {
position: fixed;
padding: 2px;
left: 50px;
top: 0px;
width: 40px;
border-left: 10px solid #444;
height: 100%;
background: #eee;
}
@font-face {
font-family: "dawningofanewday";
src: url('http://static.tumblr.com/jtqlgf2/SeUm2ds6e/dawningofanewday.ttf');
}
#links {
position: absolute;
left: 104px;
font-style: italic;
top: 30px;
}
#link, #link1, #link2, #link3, #link4, #link5, #link6, #link7, #link8, #link9, #link10 {
width: auto;
position: absolute;
left: 0px;
border-radius: 0px 10px 10px 0px;
padding: 2px 15px 1px 15px;
-moz-transition: 0.7s;
-webkit-transition: 0.7s;
word-wrap: normal;
}
#link:hover, #link1:hover, #link2:hover, #link3:hover, #link4:hover, #link5:hover, #link6:hover, #link7:hover, #link8:hover, #link9:hover, #link10:hover {
padding: 2px 30px 1px 45px;
color: #ffffff;
-moz-transition: 0.7s;
-webkit-transition: 0.7s;
}
#link {
background-color: #ADD6FF;
color: transparent;
top: 50px;
z-index: 40;
}
#asklink:hover {
color: #999;
background-color: #eee;
}
#link1 {
background: #FFB8FF;
color: transparent;
top: 80px;
z-index: 35;
}
#link1:hover {
color: #999;
background-color: #eee;
}
#link2 {
background: #DBB8FF;
color: transparent;
top: 110px;
z-index: 30;
}
#link2:hover {
color: #999;
background-color: #eee;
}
#link3 {
background: #DBFFB8;
color: transparent;
top: 140px;
z-index: 25;
}
#link3:hover {
color: #999;
background-color: #eee;
}
#link4 {
background: #FFFF85;
color: transparent;
top: 170px;
z-index: 22;
}
#link4:hover {
color: #999;
background-color: #eee;
}
#link5 {
background: #FFD685;
color: transparent;
top: 200px;
z-index: 20;
}
#link5:hover {
color: #999;
background-color: #eee;
}
#link6 {
background: #C2FFE0;
color: transparent;
top: 230px;
z-index: 17;
}
#link6:hover {
color: #999;
background-color: #eee;
}
#link7 {
background: #FFB8B8;
color: transparent;
top: 260px;
z-index: 158;
}
#link7:hover {
color: #999;
background-color: #eee;
}
#link8 {
width: 80px;
background: #AD855C;
color: transparent;
top: 290px;
z-index: 258;
}
#link8:hover {
color: #999;
background-color: #eee;
}
#link9 {
width: 60px;
background: #94B8B8;
color: transparent;
top: 320px;
z-index: 358;
}
#link9:hover {
color: #999;
background-color: #eee;
}
#link10 {
width: 20px;
background: #66E0C2;
color: transparent;
top: 350px;
z-index: 58;
}
#link10:hover {
color: #999;
background-color: #eee;
}
#link table, #link1 table, #link2 table, #link3 table, #link4 table, #link5 table, #link6 table, #link7 table {
position: fixed;
right: -5px;
opacity: 0;
width: 1px;
color: #ddd;
height: 1px;
padding: 5px;
font-family: georgia;
font-style: italic;
font-size: 10px;
left: 120px;
display: block;
background-color: #555;
position: absolute;
top: 20px;
-moz-transition: 0.6s;
-webkit-transition: 0.6s;
overflow-y: hidden;
}
#link:hover table, #link1:hover table, #link2:hover table, #link3:hover table, #link4:hover table, #link5:hover table, #link6:hover table, #link7:hover table {
opacity: 1;
width: 200px;
-moz-transition: 0.6s;
-webkit-transition: 0.6s;
height: 100px;
}
.text {
}
.text a {
display: block;
height: 13px;
width: 180px;
text-align: center;
padding: 3px 0px 3px 0px;
-moz-transition: 0.9s;
-webkit-transition: 0.9s;
}
</style>
<body>
<style type="text/css">body, a, a:hover {cursor: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLKT3nahLU9MsSGcybWh5ftIfNyjU6eoIq09d8W6m-RZxYo65u40N44dp_15t8683jKLuiNTcq5BHxkPTSLq6yDtTEjmETlGTKULBvFZQxehIN41_jpQca4TzPGwxcK0swAPpVUT_hyphenhyphenN1x/s1600/infinite2.png),progress;}</style>
<div id="line"></div>
<div style="position:fixed; top:55px;">
<div id="links">
<div id="link">DISCLAIMER
<table>
<tr><td class="text">
Put this section with Welcoming Speech, kind of welcome to this blog.
Make sure not be too long for the good quality.</td></tr>
</table></div>
<div id="link1">PROFILE
<table>
<tr><td class="text">
Put these parts of yourself. Make sure not too long so that good quality.
</td></tr>
</table></div>
<div id="link2">TAGBOARD
<table>
<tr><td class="text">
Put your tagboard at here.</td></tr>
</table></div>
<div id="link3">AFFILIATES
<table>
<tr><td class="text">
put your friends and enemy at here.</td></tr>
</table></div>
<a href="#"><div id="link4" >TUMBLR</div></a>
<a href="#"><div id="link5">TWITTER</div></a>
<a href="#"><div id="link6">BLOGSKINS</div></a>
<a href="#"><div id="link7">WEHEARTIT</div></a>
<a href="http://chocollyheart.blogspot.com/"><div id="link8">CREDIT</div></a>
<a href="<$OlderPosts$>"><div id="link9">OLDER</div></a>
<a href="<$NewerPosts$>"><div id="link10">NEWER </div></a>
</div>
</div></div>
<div style="position:fixed; top:280px; left:-70px; width:800px;">
<a class="lovee">darkness in a dark</a></div>
<div class="entries-position">
<blogger><div class="entries-background">
<div class="entries-title"><blogitemtitle><$BlogItemTitle$></BlogItemTitle></div>
<$BlogItemBody$>
<div class="comment-entries">{<a style="color:#fff;" href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$>} MIND TO LEAVE A COMMENT ?</a></BlogItemCommentsEnabled></div>
</div></blogger>
</body></html>