Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <head>
- <link href='http://fonts.googleapis.com/css?family=Cedarville+Cursive' rel='stylesheet' type='text/css'>
- <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
- <style>
- div#qTip {
- padding: 2px;
- height:9px;
- font-family:calibri;
- font-size:8px;
- display: none;
- text-align: center;
- position: absolute;
- line-height:8px;
- z-index: 999999999999;
- background: {color:title};
- color: #fff;
- text-transform:uppercase;
- border:1px solid #fff;
- letter-spacing: 1px;
- }
- </style>
- <style type="text/css">
- ::-webkit-scrollbar {width: 5px; height: 4px; background: #2E354A; border-radius:3px;-webkit-border-radius:10px;}
- ::-webkit-scrollbar-thumb { background-color:#E890B3;}
- a:link, a:active, a:visited{
- color:#999999;
- text-decoration: none;
- -webkit-transition: color 0.4s ease-out;
- -moz-transition: color 0.4s ease-out;
- }
- body {
- background-color: #1B2134;
- background-position:fixed;
- font-family:calibri;
- font-size:30px;
- color:#000;}
- div#center{
- position:fixed !important;
- width:705px;
- height:65%;
- border-radius:7px;
- border: 1px solid #262C3F;
- padding:10px;
- margin-left:290px;
- margin-top:0px;
- font-size: 9px;
- line-height:11px;
- background-color:#2E354A;
- font-family:calibri;
- overflow:auto;
- text-align:left;
- }
- .side{
- height:65%;
- display:inline-block;
- width:200px;
- position:fixed;
- background: #ddd;
- }
- .pic img{
- -webkit-filter:grayscale(0.7);
- opacity:0.9;}
- .pic {
- width:70px;
- height:70px;
- display:inline-block;
- text-align:center;
- transition: all 0.4s ease-out;
- -o-transition-transition: all 0.4s ease-out;
- -webkit-transition: all 0.4s ease-out;
- -moz-transition: all 0.4s ease-out;}
- .pic:hover img{
- opacity:0.3;
- transition: all 0.3s ease-out;
- -o-transition-transition: all 0.3s ease-out;
- -webkit-transition: all 0.3s ease-out;
- -moz-transition: all 0.3s ease-out;
- }
- .pic:hover{
- }
- .blog{
- height:70px;
- opacity:0.3;
- width:70px;
- line-height:70px;
- position:fixed;
- text-transform:uppercase;
- font-size:9px;
- text-align:center;
- transition: all 0.3s ease-out;
- -o-transition-transition: all 0.3s ease-out;
- -webkit-transition: all 0.2s ease-out;
- -moz-transition: all 0.3s ease-out;
- }
- .blog a{
- background:#ddd;
- color:#000;
- }
- .pic:hover .blog{
- height:70px
- width:70px;
- opacity:1;
- line-height:70px;
- text-align:center;
- text-transform:uppercase;
- font-size:9px;
- transition: all 0.2s ease-out;
- -o-transition-transition: all 0.3s ease-out;
- -webkit-transition: all 0.3s ease-out;
- -moz-transition: all 0.3s ease-out;}
- /*********helpdesigns******/
- #s-m-t-tooltip {max-width:300px; -webkit-border-radius: 5px 5px 5px 5px; padding:3px 4px 5px 4px;margin:15px 20px;background-color:#E890B3; font-family:calibri; font-size:9px; letter-spacing:1px; text-transform:uppercase; color:#1B2134; z-index:9999999;}/*********helpdesigns******/
- .title{
- width: 210px;
- font-family: 'Princess Sofia', cursive;
- font-size:35px;
- letter-spacing:3px;
- line-height:auto;
- color:#DC709B;
- margin-top: 30px;
- background:;
- height:100px;
- margin-left: 290px;
- z-index:;
- display:inline;
- text-align:center;
- }
- .fs {text-align: center;font-family:tinytots; font-size:8px; font-style: none;height: 10px;color: #ffffff;background: ; margin-left:980px;margin-top:460px; text-transform: none; letter-spacing: 1p;position:fixed;-webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;width408px;line-height:12px; background-color:;}
- @font-face {src: url('http://static.tumblr.com/08l8cbl/qLfmfajt6/pf_arma_five.ttf'); font-family: 'pixel';}
- @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
- </style>
- <link href='http://fonts.googleapis.com/css?family=Princess+Sofia' rel='stylesheet' type='text/css'>
- <script type="text/javascript"
- src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
- <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("[title]").style_my_tooltips();
- });
- })(jQuery);
- </script>
- <title>{title}</title>
- <div class="title">my blogroll
- </div>
- </div>
- <div id="center">
- {block:Following}
- {block:Followed}<div class="pic">
- <div class="blog"></div>
- <a target="_blank" href="{FollowedUrl}"><img width="70px;"border: "3" src="{FollowedPortraitURL-96}"title="{FollowedName}"/></div>{/block:Followed}{/block:Following}
- </div>
- <div class="fs"><a href="http://helpdesigns.tumblr.com/" title="Theme by helpdesigns. Por futurasuicida - base acousticized"/>THEME ©</a></div></div>
- </div>
- </head>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement