Codes Hiatus - Four








<title>H I A T U S</title>

<style>

a:link,a:visited {
    color: #000;
    text-decoration: none;
}

#navbar-iframe {
    display: none;
}

body {
    font-family: consolas;
    font-size: 10px;
    background: url(http://subtlepatterns.subtlepatterns.netdna-cdn.com/patterns/debut_light.png);
}

.icon {
    margin-left: 350px;
    border: 1px solid #ccc;
    padding: 1px;
    background: #fff;
}

a.link1, a.link2 {
    padding-top: 40px;
    padding-bottom: 40px;
    width: 20px;
    border: 1px solid #ccc;
    height: 120px;
    color: #777;
    letter-spacing: 1px;
    -webkit-transition: 1.0s;
    -moz-transition: 1.0s;
    text-align: center;
    text-transform: uppercase;
    display: inline-block;
    margin: 2px;
}

a.link1 {
    position: fixed;
    top: 135px;
    ; left: 460px;
    background: #fff;
}

a.link2 {
    position: fixed;
    top: 135px;
    left: 760px;
    background: #fff;
}

a.link1:hover, a.link2:hover {
    -webkit-transition: 1.0s;
    -moz-transition: 1.0s;
    color: #fff;
    background: #ccc;
}

.word {
    position: fixed;
    width: 100px;
    font-size: 14px;
    bottom: -80px;
    right: 10px;
    padding: 5px;
    border-radius: 10px;
    font-family: consolas;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #888;
    margin-top: 5px;
    text-align: center;
    height: 100px;
    background: #fff;
    opacity: 20px;
}

#lol {
    text-transform: uppercase;
    letter-spacing: 2px;
    text-align: center;
    width: 300px;
    color: #fff;
    font-size: 70px;
    position: fixed;
    top: 190px;
    left: 471px;
    text-align: center;
    padding: 5px;
}

</style>

<div style="position: fixed; top: 100px; left: 120px;"><div id="lol">Hiatus</div>
<div class="icon"><img src="http://data.whicdn.com/images/42596554/tumblr_m8p94zeBkJ1qei31zo1_500_large.png" width="300"></div>
<a class="link1" href="http://chocollyheart.blogspot.com/"><br/>f<br/>a<br/>c<br/>e<br/>b<br/>o<br/>o<br/>k<br/></a>
<a class="link2" href="http://chocollyheart.blogspot.com/"><br/>t<br/>w<br/>i<br/>t<br/>t<br/>e<br/>r</a>
</div>
<div class="word"><a style="color:#000;" href="http://www.blogskins.com/me/tralala-afiqah">THEME</a> <a style="color:#000;" href="http://chocollyheart.blogspot.com/">BY</a></div>
</html>