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">
- <!-----------------------------------------------------------------------
- * BLOGROLL #02 by saaraa @ cyantists.tumblr.com
- - terms of use: http://cyantists.tumblr.com/terms
- - I am no longer offering support for this theme
- - enjoy!
- ------------------------------------------------------------------------>
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <head>
- <title>Blogroll</title>
- <link rel="shortcut icon" href="{Favicon}">
- <!--- COLOURS
- - to change the blue colour find and replace #2db4f7
- - to change the pink colour find and replace #f72d99
- - to change the tooltip background find and replace #b3b3b3
- --->
- <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:100,
- tip_fade_speed:200
- }
- );
- });
- })(jQuery);
- </script>
- <link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Rosario:400,700' rel='stylesheet' type='text/css'>
- </head>
- <style type="text/css">
- ::-webkit-scrollbar {height:auto; width:6px; background:#ededed; }
- ::-webkit-scrollbar-thumb:vertical {height:auto; background:#2db4f7; }
- ::-webkit-scrollbar-thumb:vertical:hover {background:#f72d99; }
- ::-webkit-scrollbar-thumb:hotizontal {height:1px; width:auto; background:#ededed; }
- ::selection {background:#f72d99; color:#fff;}
- ::-webkit-selection {background:#f72d99; color:#fff;}
- ::-moz-selection {background:#f72d99; color:#fff;}
- ::-o-selection {background:#f72d99; color:#fff;}
- body {background-color:#fff; padding:0px; height:100%;
- background-image: url('{image:Background}'); color:#969393;
- font-family: 'Rosario', sans-serif; font-size:11px; margin:0px;}
- a:link, a:active, a:visited {text-decoration:none; color:#2db4f7;}
- a:hover {text-decoration:none; color:#f72d99;}
- i, em, .em {color:#2db4f7; padding-right:1px;}
- b, strong, .strong {color:#777777;}
- small {font-size:10px;}
- big {font-size:12px;}
- sup, sub {font-size:10px;}
- pre {font-variant:small-caps; text-transform:lowercase;
- padding:5px 0px 5px 5px;}
- blockquote {border-left:solid 2px #ddd; margin-left:10px;
- padding-left:10px; }
- iframe#tumblr_controls {
- right:3px !important; position:fixed !important; opacity:0.5;
- filter:invert(1); -webkit-filter:invert(1); -o-filter:invert(1);
- -moz-filter:invert(1); -ms-filter:invert(1);
- }
- iframe#tumblr_controls:hover {opacity:1;}
- #sidebar {position:fixed; margin:120px 0px; width:160px; overflow:hidden;}
- #idp {width:120px; padding:12px; background:#ededed;
- float:right; margin-top:-50px; margin-bottom:5px;}
- #s-image {width:120px; overflow:hidden;}
- #s-image img {width:120px;}
- #s-links-s {width:10px; height:50px; margin-top:6px;}
- #s-links-b {height:10px; margin-top:0px; width:50px; margin-left:16px;}
- a.vsr-link:link, a.vsr-link:active, a.vsr-link:visited,
- a.dc-link:link, a.dc-link:active, a.dc-link:visited,
- a.sldc-link:link, a.sldc-link:active, a.sldc-link:visited,
- a.sls-link:link, a.sls-link:active, a.sls-link:visited {
- display:inline-block; width:8px; height:8px; margin:6px 1px 0px 1px;
- background:#2db4f7; border-radius:1em;
- -webkit-border-radius:1em; -o-border-radius:1em;
- -moz-border-radius:1em;}
- a.vsr-link:link, a.vsr-link:active, a.vsr-link:visited {
- margin:0px 1px 6px 1px;}
- a.dc-link:link, a.dc-link:active, a.dc-link:visited {
- margin:1px 6px 1px 0px; background:#f72d99;}
- a.sls-link:link, a.sls-link:active, a.sls-link:visited {
- background:#f72d99;}
- a.sldc-link:link, a.sldc-link:active, a.sldc-link:visited {
- margin:1px 6px 1px 0px;}
- #description { width:110px; padding:5px; margin-top:5px; margin-top:4px;
- background:#fff; color:#969393;
- text-transform:lowercase; font-size:10px; letter-spacing:1px;
- font-variant:small-caps; text-align:justify;}
- #page-container {position:absolute; width:790px; margin:auto; bottom:0;
- left:0; top:0; right:0;}
- #entries {width:560px; float:right; margin-top:0px; margin-bottom:60px;
- z-index:8888;}
- #post {width:520px; background:#ededed; padding:20px 10px;
- margin-top:50px;}
- #t-l-q {cursor:default; width:510px; padding:0px 5px 20px 5px;
- text-align:center; font-size:28px;
- color:#2db4f7; opacity:0.6;
- font-family: 'Lobster', cursive;}
- #post:hover #t-l-q {color:#f72d99;}
- #post img {width:61px; margin:4px;
- border-radius:0em; -webkit-border-radius:0em;
- -o-border-radius:0em; -moz-border-radius:0em;}
- #post img:hover {border-radius:5em; -webkit-border-radius:5em;
- -o-border-radius:5em; -moz-border-radius:5em;}
- #s-m-t-tooltip { margin-top:20px; margin-left:10px;
- padding:2px 6px 4px 6px; display:inline-block; font-size:10px;
- text-transform:lowercase; letter-spacing:1px; font-variant:small-caps;
- text-align:center; position:absolute; z-index:999999; color:#fff;
- background:#b3b3b3; }
- /*** PLEASE DO NOT REMOVE ***/
- #credit {position:fixed; bottom:10px; right:10px; z-index:9999; width:10px;} #credit a:link, #credit a:active, #credit a:visited {display:inline-block; width:8px; height:8px; background:#2db4f7; border-radius:1em; -webkit-border-radius:1em; -o-border-radius:1em; -moz-border-radius:1em;} #credit:hover a:link, #credit:hover a:active, #credit:hover a:visited {background:#f72d99;}
- /*** THANK YOU ***/
- a:link, a:active, a:visited, a:hover,
- iframe#tumblr_controls, iframe#tumblr_controls:hover,
- a.sldc-link:link, a.sldc-link:active, a.sldc-link:visited, a.sldc-link:hover,
- a.sls-link:link, a.sls-link:active, a.sls-link:visited, a.sls-link:hover,
- #t-l-q, #post:hover #t-l-q,
- #post img, #post img:hover
- #credit:hover a:link, #credit:hover a:active, #credit:hover a:visited,
- #credit:hover a:hover {
- transition:all 0.4s ease-in-out;
- -webkit-transition-duration:all 0.4s ease-in-out;
- -o-transition-transition:all 0.4s ease-in-out;
- -moz-transition-durartion:all 0.4s ease-in-out;
- -ms-transition-durartion:all 0.4s ease-in-out;
- }
- {CustomCSS}</style>
- <body>
- <div id="page-container">
- <div id="sidebar">
- <div id="s-links-b">
- <a href="/" class="sldc-link" title="home"></a>
- <a href="/ask" class="sldc-link" title="ask"></a>
- <a href="/archive" class="sldc-link" title="archive"></a>
- </div>
- <div id="s-links-s">
- <a href="/" class="sls-link" title="Link 4"></a>
- <a href="/" class="sls-link" title="Link 5"></a>
- <a href="/" class="sls-link" title="Link 6"></a>
- </div>
- <div id="idp">
- <div id="s-image">
- <a href="/"><img src="SIDEBAR IMAGE URL HERE" /></a>
- </div>
- <div id="description">your description goes here <b>bold</b> <em>italic</em> <a href="/">link</a></div>
- </div>
- </div>
- <!------------------------------------------------------------------------------------------------------------------------------------------------->
- <div id="entries">
- <div id="post">
- <div id="t-l-q">Blogroll</div>
- <center>
- {block:Following}
- {block:Followed}
- <a target='_blank' href='{FollowedURL}' title='{FollowedName}'>
- <img src='{FollowedPortraitURL-96}' />
- </a>
- {/block:Followed}
- {/block:Following}
- </center>
- </div>
- </div>
- </div>
- <!--- PLEASE DO NOT ALTER OR REMOVE --->
- <div id="credit"><a href="http://cyantits.tumblr.com/" title="c. cyantists"></a></div>
- <!--- THANK YOU --->
- </body>
- </html><!--
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement