#05 badshaws (blogroll)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<!--
theme by badshaws
please don't remove the credits
and don't copy any code
-->

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

<title>{title}</title>
<link rel="shortcut icon" href="{favicon}" />

<script type="text/javascript">
function changeNavigation(id) {document.getElementById('liuc').innerHTML=document.getElementById(id).innerHTML}
</script>

<link rel="stylesheet" href="http://static.tumblr.com/n66cz1n/Wzrm6wkzk/script.css" media="screen"/>

     <link rel="stylesheet" href="http://static.tumblr.com/n66cz1n/Wzrm6wkzk/script.css" media="screen"/>

<script type="text/javascript">

/***********************************************
* Cool DHTML tooltip script II- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

var offsetfromcursorX=12 //Customize x offset of tooltip
var offsetfromcursorY=10 //Customize y offset of tooltip

var offsetdivfrompointerX=10 //Customize x offset of tooltip DIV relative to pointer image
var offsetdivfrompointerY=14 //Customize y offset of tooltip DIV relative to pointer image. Tip: Set it to (height_of_pointer_image-1).

document.write('<div id="dhtmltooltip"></div>') //write out tooltip DIV
document.write('<img id="dhtmlpointer" src="">') //write out pointer image

var ie=document.all
var ns6=document.getElementById && !document.all
var enabletip=false
if (ie||ns6)
var tipobj=document.all? document.all["dhtmltooltip"] : document.getElementById? document.getElementById("dhtmltooltip") : ""

var pointerobj=document.all? document.all["dhtmlpointer"] : document.getElementById? document.getElementById("dhtmlpointer") : ""

function ietruebody(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function ddrivetip(thetext, thewidth, thecolor){
if (ns6||ie){
if (typeof thewidth!="undefined") tipobj.style.width=thewidth+"px"
if (typeof thecolor!="undefined" && thecolor!="") tipobj.style.backgroundColor=thecolor
tipobj.innerHTML=thetext
enabletip=true
return false
}
}

function positiontip(e){
if (enabletip){
var nondefaultpos=false
var curX=(ns6)?e.pageX : event.clientX+ietruebody().scrollLeft;
var curY=(ns6)?e.pageY : event.clientY+ietruebody().scrollTop;
//Find out how close the mouse is to the corner of the window
var winwidth=ie&&!window.opera? ietruebody().clientWidth : window.innerWidth-20
var winheight=ie&&!window.opera? ietruebody().clientHeight : window.innerHeight-20

var rightedge=ie&&!window.opera? winwidth-event.clientX-offsetfromcursorX : winwidth-e.clientX-offsetfromcursorX
var bottomedge=ie&&!window.opera? winheight-event.clientY-offsetfromcursorY : winheight-e.clientY-offsetfromcursorY

var leftedge=(offsetfromcursorX<0)? offsetfromcursorX*(-1) : -1000

//if the horizontal distance isn't enough to accomodate the width of the context menu
if (rightedge<tipobj.offsetWidth){
//move the horizontal position of the menu to the left by it's width
tipobj.style.left=curX-tipobj.offsetWidth+"px"
nondefaultpos=true
}
else if (curX<leftedge)
tipobj.style.left="5px"
else{
//position the horizontal position of the menu where the mouse is positioned
tipobj.style.left=curX+offsetfromcursorX-offsetdivfrompointerX+"px"
pointerobj.style.left=curX+offsetfromcursorX+"px"
}

//same concept with the vertical position
if (bottomedge<tipobj.offsetHeight){
tipobj.style.top=curY-tipobj.offsetHeight-offsetfromcursorY+"px"
nondefaultpos=true
}
else{
tipobj.style.top=curY+offsetfromcursorY+offsetdivfrompointerY+"px"
pointerobj.style.top=curY+offsetfromcursorY+"px"
}
tipobj.style.visibility="visible"
if (!nondefaultpos)
pointerobj.style.visibility="visible"
else
pointerobj.style.visibility="hidden"
}
}

function hideddrivetip(){
if (ns6||ie){
enabletip=false
tipobj.style.visibility="hidden"
pointerobj.style.visibility="hidden"
tipobj.style.left="-1000px"
tipobj.style.backgroundColor=''
tipobj.style.width=''
}
}

document.onmousemove=positiontip</script>

</head>
<style>

body {background: #fafafa; padding: 4px; font-size: 11px; font-family: arial; color: #b0b0b0; text-align: justify; line-height: 100%;}

a {color: #990000; text-decoration: none}
a:hover {color: #7f0000; text-decoration: none}

#page {overflow: hidden; width: 600px; margin-right: auto; margin-left: auto; margin-top: -10px; margin-bottom: -25px;}

#conteudo {width: 600px; margin-top: 40px; margin-bottom: 6px; float: right; display: block; overflow: hidden}

.title {text-align: right; color: #fff; background: #7f0000; display: block; font: normal 14px harabara; text-transform: uppercase; line-height: 12px; margin-bottom: 10px; padding: 13px; padding-left: 30px; margin-left: 49px; width: 460px; margin-top: -55px; overflow: hidden; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; height: 10px;}

.title a {margin-left: 20px; color: #fff;}
.title a:hover {border-bottom: 4px solid #fafafa; -webkit-transition: all ease-out 0.1s 0.2s; -moz-transition: all ease-out 0.1s 0.2s; -o-transition: all ease-out 0.1s 0.2s; -ms-transition: all ease-out 0.1s 0.2s; transition: all ease-out 0.1s 0.2s}

.title dir {float: right; width: 230px; margin-top: 0px; margin-right: 6px;}
.title esq {float: left; font-size: 16px}

.title2 {text-align: left; color: #a4a4a4; font: italic 12px courier new; line-height: 12px; padding: 5px; text-transform: lowercase}

.imagec {-webkit-border-radius: 64px; -moz-border-radius: 64px; border-radius: 64px; background: #7f0000; padding: 5px; width: 64px; margin-left: -10px; margin-top: -10px; -webkit-transition: all ease-out 0.1s 0.2s; -moz-transition: all ease-out 0.1s 0.2s; -o-transition: all ease-out 0.1s 0.2s; -ms-transition: all ease-out 0.1s 0.2s; transition: all ease-out 0.1s 0.2s;}

.imagec:hover {-webkit-filter: none; -webkit-transition: all ease-out 0.1s 0.2s; -moz-transition: all ease-out 0.1s 0.2s; -o-transition: all ease-out 0.1s 0.2s; -ms-transition: all ease-out 0.1s 0.2s; transition: all ease-out 0.1s 0.2s;}

.imageb {border: 3px solid #7f0000; opacity: 0.8; width: 50px; margin: 5px;
-webkit-transition: all ease-out 0.1s 0.2s; -moz-transition: all ease-out 0.1s 0.2s; -o-transition: all ease-out 0.1s 0.2s; -ms-transition: all ease-out 0.1s 0.2s; transition: all ease-out 0.1s 0.2s;}

.imageb:hover {opacity: 1.0; -webkit-filter: none; -webkit-transition: all ease-out 0.1s 0.2s; -moz-transition: all ease-out 0.1s 0.2s; -o-transition: all ease-out 0.1s 0.2s; -ms-transition: all ease-out 0.1s 0.2s; transition: all ease-out 0.1s 0.2s;}

::-webkit-scrollbar-thumb:vertical {
background: #fafafa; border: 1px solid #fff;
-webkit-border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px;}
::-webkit-scrollbar-thumb:horizontal {
background-color: #fafafa;}
::-webkit-scrollbar {
-webkit-border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px;
width: 10px;
background: #fff;
}

/*** CUSTOMIZAÇÃO DAS CAIXAS ***/

.caixa {width: 560px; background: #fff; padding: 20px; margin-top: 20px; display: block; font-family: arial; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; height: 479px; overflow-y: scroll; overflow-x: hidden; ;}

#dhtmltooltip{
position: absolute;
margin-left: 10px;
padding: 3px;
text-transform: uppercase;
opacity: 0.8;
background: #fcfbfc;
font-family: calibri;
font-size: 11px;
color: #b0b0b0;
z-index: 1000;
text-align:center;
}

/*** CUSTOMIZAÇÃO DO B, I, S, U, BLOCKQUOTE ***/

b {color: #a4a4a4}
strong {color: #a4a4a4}
i, em {color: #a4a4a4}
s, strike {color: #a4a4a4}
u, underline {color: #a4a4a4; border-bottom: 1px solid #a4a4a4; text-decoration:none;}
uu {border-bottom: 1px solid #a4a4a4; margin-bottom: 2px}
blockquote {border-left: 3px solid #a4a4a4; padding-left: 5px; margin: 10px; max-width: 400px!important;}

#linha {width: 600px; height: 1px; background: #fafafa; margin-top: 30px; margin-left: -20px; margin-bottom: 5px;}

</style>

<body>

<div id="page">

<div id="conteudo">

<div class="caixa">

<img src="{PortraitURL-64}" class="imagec">

<div class="title">
<esq>YourURL blogroll</esq>
<dir><a href="/" onMouseover="ddrivetip('first page')"; onMouseout="hideddrivetip()">Home</a>
<a href="/ask" onMouseover="ddrivetip('ask me something')"; onMouseout="hideddrivetip()">askbox</a>
<a href="/archive" onMouseover="ddrivetip('visit badshaws!')"; onMouseout="hideddrivetip()">theme</dir>
</div>

<div id="linha"></div>

{block:Following}{block:Followed}

<a target="_blank" href="{FollowedURL}"><img src="{FollowedPortraitURL-64}" class="imageb" onMouseover="ddrivetip('{FollowedName}')"; onMouseout="hideddrivetip()"></a>

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

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

</body>
</html>