TETRA - Pink



        <!--------------------------------->
        <!-------------[TETRA]------------->
        <!-----THEME BY FOLKLORE THEMES---->
        <!----------FEBRUARY 2016---------->
        <!--DO NOT STEAL OR REMOVE CREDIT-->
        <!--------------------------------->
        <!--------------------------------->


<html>

    <head>


<style type="text/css">

 ::-webkit-scrollbar-thumb:vertical {
background-color:#330033;
height:100px;
-moz-border-radius: 0px;
border-radius: 0px;
}

::-webkit-scrollbar-thumb:horizontal {
background-color:#fff;
height:100px !important;
}

::-webkit-scrollbar {
height:10px;
width:3px;
background-color:#fff;
}

body{
    background-color:#eee;
}


a {
    text-decoration:none;
    color:#000;
    -moz-transition-duration: 0.75s;
        -o-transition-duration: 0.75s;
        -webkit-transition-duration: 0.75s;
        transition-duration: 0.75s;
}


a:hover{
    font-style:italic;
    -moz-transition-duration: 0.75s;
        -o-transition-duration: 0.75s;
        -webkit-transition-duration: 0.75s;
        transition-duration: 0.75s;

}

#container{
    margin:auto;
    height:500px;
    width:500px;
    border:0px solid #000;
    margin-top:70px;


}


.box{
    height:49%;
    width:49%;
    display:inline-block;
    float:left;


}
#pic{
    background-color:#F3B7D0/*#b7ced8*/;
}


#pic img{
    width:150px;
    height:150px;
    margin:20px;
}

#picbox{
    width:190px;
    height:190px;
    margin:28px;
    background-color:#eee;
}

#about, #abt_txt{
   background-color: #FCD0E1/*#cfe6f4*/;

}

#abt_txt{
text-align:justify;
font-family:arial;
font-size:11px;
padding:5px;
height:140px;
width:140px;
margin:20px;
overflow:auto;

position:fixed;

}

   #abtbox{
    width:190px;
    height:190px;
    margin:-8px 29px;
    background-color:#eee;
   }


#links, #links1{
    background-color:#DA84A6/*#8c9fa5*/;


}

#links1{
    float:left;
    width:150px;
    height:150px;
    margin:22px;

    overflow:auto;

}


#linkbox{
    width:190px;
    height:190px;
    margin:-8px 28px;
    background-color:#eee;
    position:absolute;
}


li{
    font-size:11px;
    font-family:arial;
    text-align:center;
    text-transform:uppercase;
    padding:4px 0px;
    list-style-type:none;
    margin-left:-40px;
    margin-top:-2px;
}

#blogroll,#blgrll{
    background-color:#d1618d/*#617374*/;

}

#blgrllbox{
    width:190px;
    height:190px;
    margin:-8px 28px;
    background-color:#eee;
    position:fixed;
}

#blgrll{

    overflow:auto;

    width:150px;
    height:150px;
    margin:20px 21px;


}

#blgrll img{
    width:52px;
    height:52px;
    padding:2px;
    margin-top:5px;
    margin-left:12px;

}


</style>


</head>

<body>


<div id="container">

    <!--
    BELOW IS YOUR IMAGE.
    Remove the existing link between the quotation marks and replace it with
    the link to whichever image you would like to use. Make sure not to remove
    the quotation marks or any other part of the code.
    -->


    <div class="box" id="pic">
    <div id="picbox">
    <img src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcTpkUjFcjVfZUgmbcIk1qXT0UJwVFcHLEC4Nb9rOklNiK8nFWJM"></div></div>


   <!--
    BELOW IS YOUR ABOUT BOX.
    Delete the dummy text below and fill it in with your own information.
    The box automatically knows to scroll if there's more than what fits.
    Make sure you only delete what is between <div id="abt_txt"> and </div>,
    and leave those tags where they are.


   -->

   <div class="box" id = "about">
    <p style="text-align:center;font-size:12px;text-transform:uppercase;font-family:arial;">about</p>
    <div id="abtbox">
    <div id="abt_txt">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>
        </div>
    </div>


  <!--

  BELOW ARE YOUR LINKS
  Enter the URL between the quotation marks in <a href="">
  Delete "link 1", "link 2", etc, and replace with the names of links that you    want.
  There are only six links right now, but if you'd like more,
  the box automatically knows to scroll.
  To get more links, copy and paste "<li><a href="">link name</a></li> as many    times as you want underneath the existing links.

  -->

    <div class="box" id="links">
    <p style="text-align:center;font-size:12px;text-transform:uppercase;font-family:arial;">links</p>
    <div id="linkbox">
    <div class="linktxt" id="links1"><ul>
        <li><a href="">link 1</a></li>
        <li><a href="">link 2</a></li>
        <li><a href="">link 3</a></li>
        <li><a href="">link 4</a></li>
        <li><a href="">link 5</a></li>
        <li><a href="">link 6</a></li>
    </ul></div>


        </div>


    </div>


    <div class="box" id="blogroll"><p style="text-align:center;font-size:12px;text-transform:uppercase;font-family:arial;">blogroll</p>


<div id="blgrllbox">
<div id="blgrll">


{block:Following}{block:Followed}<a title='{FollowedName}' target='_blank' href='{FollowedURL}'><img border='0' src='{FollowedPortraitURL-48}' />{/block:Followed}{/block:Following}</div>

</div>


    </div>


</div>


   <div class="bottomlinks" style="text-transform:uppercase;font-family:arial;font-size:11px;margin:auto;width:145px;">
       <a href="/">home •</a>

       <a href="/ask">inbox •</a>

       <a href="http://folklorethemes.tumblr.com">theme</a>


   </div>


    </body>


</html>