Codes Hiatus - Three









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

<style>

a:link,a:visited {
    text-decoration: none!important;
}

#navbar-iframe {
    display: none !important;
}

body {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEtP64FcFQvyX0CuT0iQRKX36TTjXy5Wo_s5O5WbavRIOtZPftmDloDas-7dmIMMtuGwLl0X4D28nEF6zuWDDfbJJswhGlqRT9dtaOE6Xcqxiog96XMl5J748BVWJaVRMWLdgFIdFZy-k/s1600/cc.png);
}

@font-face {
    font-family: "tinytots";
src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');
}

::-webkit-scrollbar {
    width: 4px;
    background: #F0D1B2;
}

::-webkit-scrollbar-thumb {
    background-color: #E0A366;
}

#linee {
    position: fixed;
    left: 380px;
    top: 0px;
    border-left: 20px solid  #E0A366;
    border-right: 20px solid  #E0A366;
    width: 200px;
    height: 150px;
}

.hiatuso {
    font-family: consolas;
    letter-spacing: 3px;
    font-size: 50px;
    text-transform: uppercase;
    word-spacing: 2px;
    -webkit-transition: All 0.4s ease;
    -moz-transition: All 0.4s ease;
    -o-transition: All 0.4s ease;
    color: #000;
    width: 370px;
    margin-left: -80px;
    margin-top: 140px;
    text-align: center;
    padding: 5px;
    background: #E0A366;
}

#notiie {
    overflow-x: hidden !important;
    height: 100px;
    overflow: scroll;
    border: 1px dashed #E0A366;
    width: 350px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: consolas;
    font-size: 13px;
    margin-top: 10px;
    margin-left: -80px;
    padding: 15px;
    text-align: left;
    background: #F0D1B2;
    color: #000;
    -webkit-transition: 1.0s;
    -moz-transition: 1.0s;
}

.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;
    -webkit-transition: 0.8s;
    height: 100px;
    background: #FFF0E0;
}

</style>

<div id="linee"><div class="hiatuso">hiatus</div>
<div id="notiie">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus dapibus eros sed nunc aliquet condimentum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus dapibus eros sed nunc aliquet condimentum.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus dapibus eros sed nunc aliquet condimentum.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus dapibus eros sed nunc aliquet condimentum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus dapibus eros sed nunc aliquet condimentum.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus dapibus eros sed nunc aliquet condimentum.</div></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>