Advertisement
Carolaine_Vieira

Blogroll

Jan 9th, 2016
288
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.34 KB | None | 0 0
  1.  
  2. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  3. <script src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  4. <script>
  5. (function($){$(document)
  6. .ready(function(){$("[title]")
  7. .style_my_tooltips();});})
  8. (jQuery);
  9. </script>
  10.  
  11. <link href='https://fonts.googleapis.com/css?family=Cantarell:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
  12. <link href='https://fonts.googleapis.com/css?family=Lovers+Quarrel' rel='stylesheet' type='text/css'>
  13. <link href='https://fonts.googleapis.com/css?family=Raleway:400,300,200,100,600,500,700,800,900' rel='stylesheet' type='text/css'>
  14. <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic' rel='stylesheet' type='text/css'>
  15.  
  16. <link rel="shortcut icon" href="{Favicon}"/>
  17. <title>Blogroll</title>
  18.  
  19. <style type="text/css">
  20.  
  21. iframe#tumblr_controls {black-space:nowrap; filter: invert(100%); -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%);opacity:0.2;}
  22. #tumblr_controls{position:fixed !important;-webkit-filter: invert(100%)}
  23. .tmblr-iframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop {opacity:0.2; position:fixed;}
  24.  
  25. .description {
  26. padding:20px;
  27. float:justify;
  28. margin-left:-5px;
  29. width:120px;
  30. background:transparent;
  31. font-size:9.5px;
  32. border-bottom:1px solid #eee;
  33. color:#888;
  34. }
  35.  
  36. a{
  37. color:green;
  38. text-decoration:none;
  39. -webkit-transition:all 0.3s ease-out;
  40. -moz-transition:all 0.3s ease-out;
  41. transition:all 0.3s ease-out;
  42. }
  43.  
  44. a:hover{
  45. color:purple;
  46. -webkit-transition:all 0.3s ease-out;
  47. -moz-transition:all 0.3s ease-out;
  48. transition:all 0.3s ease-out;
  49.  
  50. }
  51.  
  52. body{
  53. overflow-x:hidden;
  54. cursor:crosshair;
  55. color:#888;
  56. font-family:'Open Sans',Arial,Helvetica,sans-serif;
  57. font-size:10px;
  58. background: #f6f6f6 url("") fixed;
  59.  
  60. }
  61.  
  62.  
  63. ::-webkit-scrollbar {height:5px; width:2px;}
  64.  
  65. ::-webkit-scrollbar-track-piece {
  66. background-color:#f6f6f6;
  67. }
  68.  
  69. ::-webkit-scrollbar-thumb {
  70. background-color:#141414;
  71. }
  72.  
  73. #top1 { position:fixed; width:auto; height:auto; letter-spacing: 1px; right:20px; bottom:20px; padding:8px; font-size:35px; font-family:Lovers Quarrel; line-height:14px; text-align:right; z-index:99;
  74. -webkit-transition:all 0.3s ease-out;
  75. -moz-transition:all 0.3s ease-out;
  76. transition:all 0.3s ease-out;
  77. text-shadow:none;
  78. }
  79. #top1 a{text-shadow:none;}
  80. #top1 a:hover {text-shadow:none;}
  81. #top1:hover {
  82. -webkit-transition:all 0.3s ease-out;
  83. -moz-transition:all 0.3s ease-out;
  84. transition:all 0.3s ease-out;
  85. -moz-transform: scale(1.5);
  86. -webkit-transform: scale(1.5);
  87. -o-transform: scale(1.5);
  88. -ms-transform: scale(1.5);
  89. transform: scale(1.5);
  90. text-shadow:none;
  91. }
  92.  
  93.  
  94. #top2 {
  95. height:auto;
  96. width:auto;
  97. letter-spacing:1px;
  98. margin-left:auto;
  99. margin-right:auto;
  100. margin-top:5px;
  101. margin-bottom:30px;
  102. font-size:12px;
  103. text-transform:uppercase;
  104. z-index:4;
  105. text-align:center;
  106. float:center;
  107. font-family:montserrat;
  108. -webkit-transition:all 0.3s ease-out;
  109. -moz-transition:all 0.3s ease-out;
  110. transition:all 0.3s ease-out;
  111. }
  112.  
  113. #top2 a{margin-left:4px;
  114. padding:7px; background: transparent;
  115. }
  116. #top2:hover{
  117. -webkit-transition:all 0.8s ease-out;
  118. -moz-transition:all 0.8s ease-out;
  119. transition:all 0.8s ease-out;
  120. }
  121.  
  122. .boxs {
  123.  
  124. border:1px solid #eee;
  125. background:#fff;
  126. float:center;
  127. margin-left:auto;
  128. margin-right:auto;
  129. margin-top:50px;
  130. height:50px;
  131. width:240px;
  132. padding:5px;
  133.  
  134. }
  135.  
  136. .favi {
  137.  
  138. width:50px;
  139. float:center;
  140. background:transparent;
  141. margin-bottom:5px;
  142.  
  143. }
  144.  
  145. .favi img{
  146.  
  147. float:center;
  148.  
  149. }
  150.  
  151. #sidetitle {
  152.  
  153. background:#fff;
  154. color:#141414;
  155. text-align:center;
  156. float:left;
  157. text-transform:lowercase;
  158. font-style:italic;
  159. padding:20px;
  160. width:150px;
  161. margin-left:55px;
  162. font-size:15px;
  163. margin-top:-61px;
  164. border:1px solid #eee;
  165.  
  166. }
  167.  
  168. #sidetitle a{
  169.  
  170. color:#141414;
  171. }
  172.  
  173. .icons {
  174.  
  175. padding:5px;
  176. background:white;
  177. border:1px solid #eee;
  178. float:left;
  179. margin:15px;
  180. width:48px;
  181. height:48px;
  182.  
  183. }
  184.  
  185. .icons img{
  186.  
  187. float:center;
  188.  
  189. }
  190.  
  191. .vision {
  192.  
  193. width:630px;
  194. margin-left:auto;
  195. margin-right:auto;
  196. float:center;
  197. margin-top:50px;
  198. background:transparent;
  199. overflow:auto;
  200.  
  201. }
  202.  
  203. #s-m-t-tooltip{
  204. max-width:300px;
  205. padding:10px;
  206. margin:20px 0px 0px 20px;
  207. background-color:#fff;
  208. border:1px solid #eee;
  209. font-family:calibri;
  210. font-size:8.5px;
  211. text-transform:uppercase;
  212. color:#888888;
  213. letter-spacing:1px;
  214. opacity:1;
  215. z-index:9999999999999999999;
  216. }
  217.  
  218.  
  219. </style>
  220.  
  221. <div class="boxs">
  222.  
  223. <img class="favi" src="https://secure.static.tumblr.com/c9ed246f8353d2312a6cde9d6277f7f7/s2qsk1o/UiKo0pbca/tumblr_static_fwfk8093yrk0g48wcwc8sko0.png">
  224.  
  225. <div id="sidetitle">
  226.  
  227. <a href="/" title="voltar/back">Blogroll</a>
  228.  
  229. </div>
  230.  
  231. </div>
  232.  
  233. <div class="vision">
  234.  
  235. {block:Following}{block:Followed}<a href="{FollowedURL}" class="icons" title="{FollowedName}"><img src="{FollowedPortraitURL-48}"></a>{/block:Followed}{/block:Following}
  236.  
  237. </div>
  238.  
  239. <div id="top1">
  240. <a href="http://amplamente.tumblr.com/" title="tema feito por amplamente">Am</a>
  241. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement