API tools faq
paste
poutinesomething

Blogroll #1

poutinesomething
Jan 5th, 2014
4,101
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.43 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. Blogroll #1 by tinyxo
  3. Do not remove any credits, redistribute or use as base of any of my
  4. themes or codes. If you have any questions or problems, feel free
  5. to send me a message!
  6. -->
  7.  
  8. <head>
  9.  
  10. <title>{Title}</title>
  11. <link rel="shortcut icon" href="{Favicon}">
  12. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  13. {block:Description}
  14. <meta name="description" content="{MetaDescription}" />
  15. {/block:Description}
  16.  
  17. <link href="http://static.tumblr.com/qlfmldj/ENLmodw6l/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  18. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
  19. <script type="text/javascript" src="http://static.tumblr.com/qlfmldj/PbUmodvkj/jquery.style-my-tooltips.js"></script>
  20.  
  21. <script type="text/javascript">
  22. $().ready(function() {
  23. $("[title]").style_my_tooltips({
  24. tip_follows_cursor: "on",
  25. tip_delay_time:500
  26. });
  27. });
  28. </script>
  29.  
  30. </head>
  31.  
  32.  
  33. <html>
  34.  
  35. <style type="text/css">
  36. ::selection{
  37. background: #D1E2CF;
  38. color: #FFF;
  39. }
  40. ::-moz-selection{
  41. background: #D1E2CF;
  42. color: #FFF;
  43. }
  44.  
  45. ::-webkit-scrollbar-thumb:vertical{
  46. background-color: #D1E2CF;
  47. }
  48.  
  49. ::-webkit-scrollbar-thumb:horizontal{
  50. background-color: #D1E2CF;
  51. }
  52.  
  53. ::-webkit-scrollbar{
  54. height:5px;
  55. width:6px;
  56. background: #FFF;
  57. }
  58.  
  59. ::-webkit-scrollbar-track-piece {
  60. background: #FFF;
  61. width: 5pt;
  62. }
  63.  
  64. body {
  65. margin:0 auto;
  66. background-color: #fcfcfc;
  67. color: #888;
  68. text-align: center;
  69. font-family: Calibri;
  70. font-size: 10px;
  71. }
  72. p {
  73. line-height: 12px;
  74. }
  75.  
  76. #main {
  77. margin-left: auto;
  78. margin-right: auto;
  79. top: 0px;
  80. width: 400px;
  81. padding: 40px;
  82. }
  83.  
  84. a:link,a:active,a:visited {
  85. color: #D1E2CF;
  86. text-decoration: none;
  87. -webkit-transition: all 0.5s ease-out;
  88. -moz-transition: all 0.5s ease-out;
  89. transition: all 0.5s ease-out;
  90. }
  91. a:hover{
  92. text-decoration: none;
  93. color: #191919;
  94. -webkit-transition: all 0.5s ease-out;
  95. -moz-transition: all 0.5s ease-out;
  96. transition: all 0.5s ease-out;
  97. }
  98.  
  99. .links a {
  100. padding: 10px;
  101. display: inline-block;
  102. background-color: #fcfcfc;
  103. color: #D1E2CF;
  104. text-transform: uppercase;
  105. -moz-transition-duration:0.4s;
  106. -webkit-transition-duration:0.4s;
  107. -o-transition-duration:0.4s;
  108. }
  109. .links a:hover{
  110. background-color: #D1E2CF;
  111. color: #FFF;
  112. -moz-transition-duration:0.4s;
  113. -webkit-transition-duration:0.4s;
  114. -o-transition-duration:0.4s;
  115. }
  116.  
  117. #s-m-t-tooltip {
  118. padding: 10px;
  119. text-transform: uppercase;
  120. z-index: 1000;
  121. background-color: #D1E2CF;
  122. border: 1px #FFF solid;
  123. color: #FFF;
  124. font-weight: bold;
  125. }
  126.  
  127. .posts {
  128. position: absolute;
  129. width: 400px;
  130. text-align: justify;
  131. }
  132.  
  133. #desc {
  134. margin-bottom: 10px;
  135. width: 405px;
  136. padding: 30px;
  137. background-color: #FFF;
  138. }
  139.  
  140. #entry{
  141. overflow: auto;
  142. padding-right: 5px;
  143. margin-bottom: 20px;
  144. width: 400px;
  145. height: 300px;
  146. background-color: #FFF;
  147. border: 30px #FFF solid;
  148. }
  149.  
  150. #entry img {
  151. margin-right: 4px;
  152. margin-bottom: 6px;
  153. padding: 5px;
  154. border: 10px #fcfcfc solid;
  155. display: inline-block;
  156. -moz-transition-duration:0.4s;
  157. -webkit-transition-duration:0.4s;
  158. -o-transition-duration:0.4s;
  159. }
  160. #entry img:hover {
  161. border: 10px #D1E2CF solid;
  162. display: inline-block;
  163. -moz-transition-duration:0.4s;
  164. -webkit-transition-duration:0.4s;
  165. -o-transition-duration:0.4s;
  166. }
  167.  
  168. .links {
  169. font-size: 9px;
  170. text-align: right;
  171. font-weight: bold;
  172. }
  173.  
  174. h1 {
  175. margin: 0px;
  176. padding-right: 2px;
  177. font-size: 30px;
  178. text-transform: uppercase;
  179. color: #D1E2CF;
  180. letter-spacing: -2px;
  181. font-weight: bold;
  182. text-align: right;
  183. }
  184. </style>
  185.  
  186. <body>
  187.  
  188. <div id="main">
  189.  
  190.  
  191. <div class="posts">
  192.  
  193. <div id="desc">
  194.  
  195. <h1>blogroll</h1>
  196.  
  197. <div class="links">
  198. <a href="/">back to main</a>
  199. <a href="/ask">message</a>
  200. <a href="http://tinyxo.tumblr.com/">credit</a>
  201. </div>
  202.  
  203. </div>
  204.  
  205. <div id="entry">
  206. <center>
  207. {block:Following}{block:Followed} <a href="{FollowedURL}"><img src="{FollowedPortraitURL-40}" title="{FollowedName}"></a>{/block:Followed} {/block:Following}
  208.  
  209. </div>
  210.  
  211. </div>
  212.  
  213. </body>
  214. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
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!