Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:200,
- tip_fade_speed:300
- }
- );
- });
- })(jQuery);
- </script>
- <head>
- <style type="text/css">
- ::-webkit-scrollbar {
- height: 4px;
- width: 5px;
- background: #fff;
- }
- ::-webkit-scrollbar-thumb {
- background-color:#ccc;
- -webkit-border-radius: 2px;
- -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.75);
- }
- ::-webkit-scrollbar-corner {
- background: #transparent;
- }
- #s-m-t-tooltip{
- position:absolute;
- background-color:#fff;
- padding:3px;
- z-index:999;border:1px solid #ccc;
- margin-top:10px;
- margin-left:5px;
- display:block;font-style:italic;
- text-transform:uppercase;
- font-size:10px;
- color:#000;
- }
- </style>
- <title>BLOGROLL</title>
- <style type="text/css">
- body {
- background-color: #fff;
- font-family:helvetica;
- font-size:10;
- }
- a {
- text-decoration: none;
- font-family: helvetica;
- color: #fff;background-color:#ccc;
- padding:4px;-webkit-transition: opacity 1s linear; opacity:1; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out
- }
- a:hover {
- background-color: #fff;
- border: none;color:#666;-webkit-transition: opacity 1s linear; opacity:1; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out
- }
- #things {width:450px; height:400px; background-color:#fff; padding:10px; margin-top:100px; margin-left:450px; border:1px solid #ccc;}
- #things a:hover {background-color:transparent; opacity:.6; ;-webkit-transition: opacity .6s linear; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out}
- #links {border-bottom:1px solid #ccc; padding:7px;}
- h1 {
- font-family: 'Lobster', serif;
- color: #333;
- font-size: 3em;
- margin: 0;
- padding: 10px 0 10px 0;
- text-shadow: 2px 2px 1px #ccc;
- }
- h2 {
- font-weight: bold;
- font-size: 1.2em;
- }
- </style>
- <link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
- </head>
- <body>
- <div id="things"> <!-- TITLE GOES HERE, 450X60 PX -->
- <img src="http://static.tumblr.com/j5ngv58/HJQmnvczj/1.jpg">
- <div style="overflow:auto; width:450px; height:290px; background-color: #ffffff; text-align: center;">
- {Block:Following}
- {Block:Followed}
- <a href="{FollowedURL}" title="{FollowedTitle}" style="background-color:transparent;"> <img src="{FollowedPortraitURL-48}" alt="{FollowedURL}" style="padding:4px; border:1px solid #ccc;margin-top:3px;-webkit-filter: grayscale(1); "> </a>
- {/Block:Followed}
- {/Block:Following}
- </div>
- <div id="links"><center></br>
- <a href="/">BACK</a>
- <a href="/ask">ASK</a>
- <a href="/nav">NAV</a></center>
- </div>
- </div>
- </div>
- </div>
- <div style="position:fixed; bottom:5px; right:5px; padding:2px 2px; font-size:10px; font-family:nexa;"><a href="http://damnaly.tumblr.com/">THEME</a></div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement