Codes Darkness in a Dark








<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(http://3.bp.blogspot.com/-6ibCBNPpLP8/T8Rs3c4_WOI/AAAAAAAABdA/bBE5Nlh8NNc/s1600/black.jpg) top repeat fixed;
    cursor: url(http://3.bp.blogspot.com/-y9-WYBbgVPQ/T7CuU1Wh6yI/AAAAAAAABEg/U0KZtora7kw/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(http://2.bp.blogspot.com/-fl2ihaK_rhs/T8Rs4Wf8ifI/AAAAAAAABdE/FcQ80NuLgxE/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(http://3.bp.blogspot.com/-y9-WYBbgVPQ/T7CuU1Wh6yI/AAAAAAAABEg/U0KZtora7kw/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>