Advertisement
maryaciolli

blogroll #5

Apr 17th, 2014
253
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.57 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:800px; margin-left:auto; margin-right:auto; text-transform:uppercase;
  49. }
  50.  
  51. #content{margin: auto;margin-bottom: 15px;z-index:4;margin-top:20px;text-align:justify; width:500px; background:#fff;}
  52.  
  53. b, strong { color: #CEB7C4;}
  54. u, underline {color:#D2D2D2; border-bottom: 1px dashed #E0D0D9; text-decoration: none;}
  55. i { color: #E5E5E5;}
  56. s, strike { color: #D7EEEE;}
  57. a {color:#4F4F4F; text-decoration:none;}
  58. a:hover{color:#CD69C9;text-decoration:bold;}
  59.  
  60. .caixa{padding: 10px;margin-bottom: 15px;text-align:justify; border:0px double #fff; text-decoration:uppercase; border-top:2px double #FF8C69; background:#fff;}
  61.  
  62. .icons{border: 2px solid #9ACD32; width: 55px; height:55px; -webkit-transition: all 1s ease; background:#fff; padding:5px; margin:2px; border-radius:360;}
  63.  
  64. .icons:hover {-moz-transform: rotate(360deg);
  65. -webkit-transform: rotate(360deg);
  66. -o-transform: rotate(360deg);
  67. -ms-transform: rotate(360deg);
  68. transform: rotate(360deg); border: 2px solid #00C5CD;}
  69.  
  70. letra{font-family: 'calibri'; font-size:45px; letter-spacing:-2px; text-transform:uppercase;}
  71.  
  72. .gmb {padding-left:20px; padding-right:20px; padding-top:20px; text-align:center;}
  73.  
  74. #s-m-t-tooltip {
  75. max-width:150px;
  76. padding:5px 10px 5px 10px;
  77. margin:20px 14px 7px 10px;
  78. border:1px solid #eee; /* change the border color */
  79. background-color:#fff; /* change the background color */
  80. font-family:Calibri; /* change the font */
  81. font-style: normal;
  82. font-size:10px; /* change the font size */
  83. line-height:11px;
  84. letter-spacing:1px; /* change the letter spacing */
  85. text-transform:uppercase; /* can be uppercase, lowercase, none*/
  86. color:#999; /* change the text color */
  87. z-index:999;
  88. }
  89.  
  90. </head>
  91. </style>
  92.  
  93. <body>
  94.  
  95. <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>
  96.  
  97. <div id="pagina">
  98.  
  99. <center><div id="content">
  100.  
  101. <div class="gmb"> <letra><b style="color: #FF69B4;">b</b><b style="color: #00C5CD;">l</b><b style="color: #9ACD32;">o</b><b style="color: #CD69C9;">g</b><b style="color: #FF8C69;">r</b><b style="color: #FFD700;">o</b><b style="color: #FF6A6A;">l</b><b style="color: #6495ED;">l</b></letra><br><br>
  102.  
  103. 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
  104.  
  105. [ <a href="/">get back</a> | <a href="/ask">inbox</a> ]
  106.  
  107. </div>
  108.  
  109. </div>
  110.  
  111. <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}
  112. </div>
  113. </div>
  114.  
  115. </center></div>
  116. </div></body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement