API tools faq
paste
Advertisement
pamefortes

Thought and Soul - Blogroll 1

pamefortes
Nov 25th, 2012
2,125
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.31 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3.  
  4. <!--Theme desenvolvido por Pâmela Fortes (thoughtandsoul.tumblr)-->
  5. <!--Não remova os créditos, plágio é crime!-->
  6. <!--Theme desenvolvido por Pâmela Fortes (thoughtandsoul.tumblr)-->
  7. <!--Não remova os créditos, plágio é crime!-->
  8. <!--Theme desenvolvido por Pâmela Fortes (thoughtandsoul.tumblr)-->
  9. <!--Não remova os créditos, plágio é crime!-->
  10. <!--Theme desenvolvido por Pâmela Fortes (thoughtandsoul.tumblr)-->
  11. <!--Não remova os créditos, plágio é crime!-->
  12. <title>{title}</title>
  13. <link rel="shortcut icon" href="{Favicon}">
  14. <link href='http://fonts.googleapis.com/css?family=Play' rel='stylesheet' type='text/css'>
  15.  
  16. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  17. <script type="text/javascript" src="http://static.tumblr.com/no9dwxu/j0Ylzf224/topo_thoughtandsoul.txt"></script>
  18. <style>
  19. body {background: URL(http://static.tumblr.com/no9dwxu/0rim6x3eg/madeira.png);
  20. color: #999;
  21. font-family: Arial, Helvetica, sans-serif;
  22. font-size: 11px;}
  23.  
  24. a, a:link, a:active, a:visited {color:#cacaca; text-decoration: none;-webkit-transition: all 0.9s ease-out; -moz-transition: all 0.9s ease-out;}
  25. a:hover {color:#cacaca; text-decoration: none;}
  26.  
  27. #content {width:690px;
  28. margin-right:auto;
  29. margin-left:auto;
  30. margin-top:105px;
  31. }
  32.  
  33. #content img {-webkit-filter: grayscale(100%);
  34. transition:All 1s ease;
  35. -webkit-transition:All 1s ease;
  36. -moz-transition:All 1s ease;
  37. -o-transition:All 1s ease;
  38. -moz-box-shadow: 1px 1px 1px #efefef;
  39. -webkit-box-shadow: 1px 1px 1px #efefef;
  40. box-shadow:1px 1px 1px #efefef;}
  41.  
  42. #content img:hover {-webkit-filter: grayscale(0%);
  43. transition:All 1s ease;
  44. -webkit-transition:All 1s ease;
  45. -moz-transition:All 1s ease;
  46. -o-transition:All 1s ease;
  47. -webkit-border-radius: 10px;
  48. -moz-border-radius:10px;
  49. border-radius: 10px;}
  50.  
  51.  
  52.  
  53. h10 {-moz-border-radius: 5px;
  54. -webkit-radius:5px;
  55. border-radius:5px;
  56. background: #B7B7B7;
  57. width:auto;
  58. padding: 4px;
  59. font-family:minimini;
  60. text-align:center;
  61. font-size: 8px;
  62. color: #fff;
  63. transition: all 0.25s ease-in-out;
  64. -moz-transition: all 0.25s ease-in-out;
  65. -webkit-transition: all 0.25s ease-in-out;}
  66. .tooltip {
  67. text-decoration: none;
  68. position: relative;
  69. display: inline-block;
  70. transition: all 0.25s ease-in-out;
  71. -moz-transition: all 0.25s ease-in-out;
  72. -webkit-transition: all 0.25s ease-in-out;
  73. }
  74.  
  75. .tooltip:hover {
  76. color: #fff;
  77. }
  78.  
  79. .tooltip span {
  80. pointer-events: none;
  81. opacity: 0;
  82. -moz-border-radius: 5px;
  83. -webkit-radius:5px;
  84. border-radius:5px;
  85. filter: alpha(opacity=0);
  86. background: #B7B7B7;
  87. width:auto;
  88. padding: 4px;
  89. font-family:minimini;
  90. text-align:center;
  91. font-size: 8px;
  92. color: #fff;
  93. left: 50%;
  94. margin-left: -35px;
  95. display: block;
  96. position: absolute;
  97. z-index: 30;
  98. bottom: -10px;
  99. transition: all 0.25s ease-in-out;
  100. -moz-transition: all 0.25s ease-in-out;
  101. -webkit-transition: all 0.25s ease-in-out;
  102. }
  103.  
  104. .tooltip:hover span {
  105. display: block;
  106. pointer-events: auto;
  107. opacity: 1;
  108. filter: alpha(opacity=100);
  109. bottom: 75px;
  110. }
  111.  
  112. .tooltip span:before, .tooltip span:after /* Triangle */ {
  113. content: '';
  114. position: absolute;
  115. bottom: -8px;
  116. left: 50%;
  117. margin-left: -10px;
  118. width: 0;
  119. height: 0;
  120. border-left: 8px solid transparent;
  121. border-right: 8px solid transparent;
  122. border-top: 8px solid #B7B7B7;
  123. z-index: 29;
  124. }
  125. #frase2{bottom:0px;left:10px;width:60px; height:60px; position: fixed; padding: 3px; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; font-size: 11px; z-index: 2;cursor:hand;text-align: center; color:#999;font-family:minimini;font-size: 8px;text-transform:uppercase;}
  126.  
  127. #frase2:hover {background-color: transparent; height: 60px; color: transparent;opacity:0.65;
  128. -moz-opacity: 0.65;
  129. filter: alpha(opacity=65);cursor:hand;-webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; font-family:minimini;font-size: 8px;text-transform:uppercase;}
  130.  
  131. .frase1 {bottom:10px;left:10px;text-align: center; position: fixed; color: transparent; width: 60px; opacity:0.0;
  132. -moz-opacity: 0.0;
  133. filter: alpha(opacity=0);-webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; cursor:hand;color:#999;font-family:minimini;font-size: 8px;text-transform:uppercase;}
  134.  
  135. .frase1:hover { opacity:1.0;
  136. -moz-opacity: 1.0;
  137. color:{color:text};font-family:minimini;font-size: 8px;text-transform:uppercase;
  138. filter: alpha(opacity=100);-webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;cursor:hand; }
  139.  
  140. @font-face { font-family: "minimini";src: url('http://static.tumblr.com/no9dwxu/xxrm4ggko/04b_03__.ttf');}
  141.  
  142. @font-face { font-family: "caviar";src: url('http://static.tumblr.com/no9dwxu/sgAm5swny/caviardreams.ttf');}
  143.  
  144. #title {
  145. width:100%;
  146. background: URL(http://static.tumblr.com/no9dwxu/0rim6x3eg/madeira.png);
  147. height: 75px;
  148. z-index:200;
  149. margin-top:-105px;
  150. position:fixed;}
  151.  
  152. .h1 {color: #B7B7B7;
  153. font-size: 40px;
  154. font-family: "caviar";
  155. text-align: right;
  156. text-decoration: none;}
  157.  
  158. .h2 {color: #B7B7B7;
  159. font-size: 10px;
  160. font-family: "play";
  161. float: right;
  162. margin-top:5px;}
  163.  
  164. .h2 a{margin-left:20px;color: #B7B7B7;}
  165.  
  166. .cen {margin-right:auto;
  167. background: URL();
  168. margin-left:auto;
  169. border-bottom: 1px dashed #B7B7B7;
  170. width:690px;
  171. height:70px;}
  172.  
  173. ::-webkit-scrollbar-thumb:vertical {
  174. background-color:#b7b7b7;
  175. height:20px;
  176. }
  177. ::-webkit-scrollbar-thumb:horizontal {
  178. background-color:#b7b7b7;
  179. height:5px;
  180. }
  181. ::-webkit-scrollbar {
  182. height:5px;
  183. width:5px;
  184. background: #fff;
  185. }
  186. </style>
  187. </head>
  188.  
  189. <body>
  190. <div id="title">
  191. <div class="cen">
  192. <div class="h1">Blogroll</div>
  193. <div class="h2"><a href="/">home</a>
  194. <a href="/ask">ask</a>
  195. <a href="/archive">archive</a>
  196. <a href="/random">random</a>
  197. <a href="http://thoughtandsoul.tumblr.com/" Title="More themes">theme</a>
  198. </div>
  199. </div></div></div></div></div></div>
  200. <div id="content">
  201. <center>
  202. {block:Following}{block:Followed}<a target='_blank' href="{FollowedURL}" class="tooltip">
  203.  
  204. <img src='{FollowedPortraitURL-64}'/><span>{FollowedName}</span></a>
  205.  
  206. {/block:Followed}{/block:Following}
  207. </center>
  208. </div>
  209. <div id="frase2"><div class="frase1">Theme by <a href="http://thoughtandsoul.tumblr.com/" Title="More themes">Thought and Soul</a>© Don't copy and don't remove this credits.</div><br><br><br><br>Credits...</div>
  210. </body>
  211. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!