blogroll01

<!DOCTYPE html>
<html>

    <head>


<!-----------

THEME BY EFEITOSUICIDA, NUNCA USE COMO BASE E NEM COPIE E JAMAIS RETIRE OS CRÉDITOS !


                               EFEIT0-SUICIDA.TUMBLR.COM


<!-----------

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head> <!-- DEFAULT VARIABLES -->


        <title>{Title}</title>
        <link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
        {block:Description}
            <meta name="description" content="{MetaDescription}" />
        {/block:Description}


    <style type="text/css">


body {background-color:#fff; color:{color:text}; font-family: arial, arial; font-size: 15px; text-align:center;

center; line-height:120%; margin:0; padding:0; background-image:url('{image:background}'); background-attachment: fixed}
a, a:link, a:active, a:visited {color:{color:link};text-transform: none; text-decoration: none}
a:hover {background-color:{color:linkhover}; padding: 1px 0 1px 0; text-decoration: none}
img a{border:0px;}
img a:hover{border:0px;}
b{font-weight: bold; color:{color:bold}}
i{text-transform: italic; color:{color:text}}
p{margin:5px 0 2px 0}
blockquote{margin:2px 5px 2px 5px; padding: 1px 0 3px 6px; border-left: 2px solid {color:border}}


::-webkit-scrollbar{width:3px;height:5px;}
::-webkit-scrollbar-thumb:vertical{height:50px; scrollbar-face-color:#d6d6d6; background-color:#e255a0;webkit-border-radius:px;}
::-webkit-scrollbar-thumb:horizontal{width:50px; scrollbar-face-color::#d6d6d6; background-color:#d6d6d6;-webkit-border-radius:px;}


.sidcredit{text-align: left;color: #d6d6d6;opacity: 0.5;padding : 5px; font-size: 8px; margin-top: 5px; font-family: pf tempesta five condensed;}


.frase {text-align: right;font-family:web;
font-size:50px;   font-style: none;color: #e255a0;text-align: center; overflow: hidden;   position: fixed; margin-left: 395px;line-height: 25px; width:530px; background-color: ;  -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out;  margin-top: -80px; padding: 10px; z-index:1;padding:20px; z-index:100;border-bottom:3px solid #d6d6d6;}


#sidebar {margin-top: 180px; margin-left: 170px; width: 100px; height: 220px; position: fixed; background-color: transparent;  -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; z-index:90000000; z-index:100000;border-radius: 200px; }

#sidebar img{width: 150px; height: 150px;margin-top:1px; filter: url(filters.svg#grayscale);  -webkit-filter: grayscale(0);border:6px solid #e255a0;border-radius: 200px;}

#sidebar img:hover {filter: url(filters.svg#grayscale);  -webkit-filter: grayscale(1); -webkit-transition-duration: 1.5s; -moz-transition-duration:1.5s;}

#sidebar:hover {opacity: 0.7; }


@font-face {font-family: "pf tempesta five condensed";src: url('http://static.tumblr.com/2tpuq3y/63tm9hjri/pf_tempesta_five_condensed.ttf');}


@font-face {font-family: "give you glory";src: url('http://static.tumblr.com/b5bnkcs/eavmab0i8/giveyouglory.ttf');}


@font-face {font-family: 'Muli';font-style: normal;
font-weight: 400;src: local('Muli'), url(http://themes.googleusercontent.com/static/fonts/muli/v4/kU4XYdV4jtS72BIidPtqyw.woff) format('woff');}

@font-face {font-family: "Web"; src: url('http://static.tumblr.com/xrmodho/vvmmmoc3j/callie_hand-trial_version.otf');}

.icon {z-index: 1;
width: 64px;
height: 64px;
margin: 5px;
float: left;
border: 6px solid #d6d6d6;padding:5px;
position: relative;
text-align: center;
box-shadow: 1px 1px 0px #e6e6e6;
cursor: default;
background: #fff;
}

.icon:hover {filter: url(filters.svg#grayscale);  -webkit-filter: grayscale(1); -webkit-transition-duration: 1.5s; -moz-transition-duration:1.5s;
transition: all 1s;
-o-transition: all 1s;
-webkit-transition: all 1s;
-moz-transition: all 1s;}

.page {
position: relative;
width: 610px;
height: 605px;
margin-top:115px;
margin-left:110px;
overflow-y: scroll;
overflow-X: hidden;
}


iframe#tumblr_controls {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
}

#links {display: block; font-family: calibri; font-size: 9px; text-transform:uppercase; letter-spacing:1px; z-index:8000000000000000;  position: fixed; margin-top: 350px; margin-left:180px;}

#links a {width:150px; display: block; font-family: calibri; font-size: 9px; color: #e255a0; text-transform:uppercase; letter-spacing:1px; height: 20px; background-color: #d6d6d6; margin-bottom: 2px;;text-align: center;padding-left: 1px; line-height: 20px;}

#links a:hover {opacity:0.9;  color: {color:linkshover};letter-spacing:-1px;}


 </style>


<body>


<div id="links">
<a href="/">HOME</a>
<a href="/ask">ASK</a>
<a href="http://www.tumblr.com/dashboard">dash</a>


</div>


<div id="sidebar"><img src="http://static.tumblr.com/qwcwqom/tf3n4nxlo/tumblr_mtw77tl7ki1qe4v8fo1_250.gif">
</div>


<center><div class="frase">Blogroll</div>


</div></div>


<div class="page">

{block:Following}
{block:Followed}

<div class="icon">
<a href="{FollowedURL}" title="{FollowedName}" target="_blank"><img src="{FollowedPortraitURL-64}"></a>

</div>

{/block:Followed}
{/block:Following}

</div>


<div style="left:10px; top:0px; position: fixed;">
<div class="sidcredit"><a href="http://efeit0-suicida.tumblr.com"><font color="#9d999b">©AH</font></a>
</div>

</div>


</div></div></div></div></div>


</div>
</div></div></div></div></div></div></div></div></div></div></div></div></div>
</body>
</html>