Advertisement
maryaciolli

blogroll #4

Apr 17th, 2014
298
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.06 KB | None | 0 0
  1. <html>
  2. <head>
  3.  
  4. <!--
  5.  
  6.  
  7. new theme ♡
  8. theme by oficinadehtml.tumblr.com
  9. @hollandsrod3n
  10.  
  11.  
  12.  
  13. -->
  14.  
  15. <title>{title} | blogroll</title>
  16.  
  17. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  18.  
  19. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  20.  
  21. <script>
  22.  
  23. (function($){
  24.  
  25. $(document).ready(function(){
  26.  
  27. $("a[title]").style_my_tooltips({
  28.  
  29. tip_follows_cursor:true,
  30.  
  31. tip_delay_time:0,
  32.  
  33. tip_fade_speed:0,
  34.  
  35. attribute:"title"
  36.  
  37. });
  38.  
  39. });
  40.  
  41. })(jQuery);
  42.  
  43. </script>
  44. </head>
  45.  
  46. <style type="text/css">
  47.  
  48. body{font-family: 'calibri'; font-size: 11px;color: #696969;background: url('');background-color:#fff;background-attachment:fixed;line-height: 13px;text-align:justify; width:500px; margin-left:auto; margin-right:auto; text-transform:uppercase;}
  49.  
  50. #content{margin: auto;margin-bottom: 15px;z-index:4;margin-top:20px;text-align:justify; width:500px; }
  51.  
  52. b, strong { color: #CEB7C4;}
  53. u, underline {color:#D2D2D2; border-bottom: 1px dashed #E0D0D9; text-decoration: none;}
  54. i { color: #E5E5E5;}
  55. s, strike { color: #D7EEEE;}
  56. a {color:#4F4F4F; text-decoration:none;}
  57. a:hover{color:#696969;text-decoration:none;}
  58.  
  59. .caixa{padding: 10px;margin-bottom: 15px;text-align:justify; border:0px double #fff; text-decoration:uppercase; border-top:1px double #4F4F4F}
  60.  
  61. .icons{border: 1px solid #b5b5b5; width: 40px; height:40px; -webkit-transition: all 1s ease; background:#fff; padding:2px; margin:2px;}
  62.  
  63. letra{font-family: 'calibri'; font-size:45px; letter-spacing:-2px; text-transform:uppercase;}
  64.  
  65. .gmb {padding-left:20px; padding-right:20px; padding-top:20px;}
  66.  
  67. #s-m-t-tooltip {
  68. max-width:150px;
  69. padding:5px 10px 5px 10px;
  70. margin:20px 14px 7px 10px;
  71. border:1px solid #eee; /* change the border color */
  72. background-color:#fff; /* change the background color */
  73. font-family:Calibri; /* change the font */
  74. font-style: normal;
  75. font-size:10px; /* change the font size */
  76. line-height:11px;
  77. letter-spacing:1px; /* change the letter spacing */
  78. text-transform:uppercase; /* can be uppercase, lowercase, none*/
  79. color:#999; /* change the text color */
  80. z-index:999;
  81. }
  82.  
  83. </head>
  84. </style>
  85.  
  86. <body>
  87.  
  88. <div style="position: fixed; bottom: 10px; right: 10px; border: thin solid #aaa; padding:3px;"><a href="http://oficinadehtml.tumblr.com/" title="theme by oficinadehtml">©</a></div>
  89.  
  90. <div id="pagina">
  91.  
  92. <center><div id="content">
  93.  
  94. <div class="gmb"> <letra>Blogroll</letra><br><br>
  95.  
  96. You held me down, but I got up. Already brushing off the dust. You hear my voice, you hear that sound, like thunder gonna shake the ground
  97.  
  98. [ <a href="/">get back</a> | <a href="/ask">inbox</a> ]
  99.  
  100. </div>
  101.  
  102. </div>
  103.  
  104. <div class="caixa"> {block:Following} {block:Followed} <a title="{FollowedTitle}" target="blank" href="{FollowedURL}"><img src="{FollowedPortraitURL-96}"alt="{FollowedURL}"class="icons"></a>{/block:Followed}
  105. </div>
  106. </div>
  107.  
  108. </center></div>
  109. </div></body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement