API tools faq
paste
Advertisement
pistachi-o

tags1

pistachi-o
Feb 28th, 2013
5,322
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 6.15 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3.  
  4. <!--
  5.  
  6. Tags Page #1
  7. pistachi-o (nutty-themes @ tumblr)
  8. http://nutty-themes.tumblr.com/terms
  9.  
  10. -->
  11.  
  12.  
  13. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  14.  
  15. <head>
  16.  
  17. <title>{Title}</title>
  18. <link rel="shortcut icon" href="{Favicon}">
  19. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  20.  
  21. <meta name="description" content="" />
  22.  
  23. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  24.  
  25. <link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,900' rel='stylesheet' type='text/css'>
  26. <link href='http://fonts.googleapis.com/css?family=Share:400,700' rel='stylesheet' type='text/css'>
  27. <link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,800,700,600' rel='stylesheet' type='text/css'>
  28.  
  29. <style type="text/css">
  30.  
  31. body,div,dl,dt,dd,ol,ul,li,pre,form,fieldset,input,textarea,p,th,td {margin:0;padding:0;}
  32.  
  33. ::-webkit-scrollbar {width: 6px;}
  34. ::-webkit-scrollbar-track {background: #FFF;}
  35. ::-webkit-scrollbar-thumb {background: #D9D9D9;}
  36.  
  37. ::selection {background: #F77825; color:#FFF;}
  38. ::-moz-selection {background: #F77825; color:#FFF;}
  39. ::-webkit-selection {background: #F77825; color:#FFF;}
  40.  
  41. body {
  42. background: #F3F3F3;
  43. font-size: 16px;
  44. color: #0A0A0A;
  45. font-family: 'Open Sans', 'Arial', sans-serif;
  46. }
  47.  
  48. a:link, a:active, a:visited {
  49. color: #602749;
  50. text-decoration: none;
  51. }
  52.  
  53. a:hover {
  54. color: #602749;
  55. text-decoration: none;
  56. }
  57.  
  58. b {
  59. color: #60B99A;
  60. }
  61.  
  62. #container {
  63. width: 884px;
  64. margin: 10px auto;
  65. padding: 10px 0px 50px;
  66. text-align: center;
  67. position: relative;
  68. background: transparent;
  69. }
  70.  
  71. .heading {
  72. width: 100%;
  73. margin: 40px 0px;
  74. font-family: 'Bodoni', serif;
  75. font-size: 56px;
  76. line-height: 35px;
  77. letter-spacing: -3px;
  78. color: #602749;
  79. position: relative;
  80. text-align: center;
  81. }
  82.  
  83. .headlinks {
  84. text-transform: uppercase;
  85. font-size: 12px;
  86. letter-spacing: 0px;
  87. }
  88.  
  89. .stylewrap {
  90. float: left;
  91. width: 400px;
  92. margin: 60px 20px 20px 20px;
  93. background: transparent;
  94. border: 1px solid #DDD;
  95. }
  96.  
  97. .stylewrap ul {
  98. list-style: none;
  99. margin-bottom: 5px;
  100. }
  101.  
  102. .stylewrap li {
  103. margin-left: 15px;
  104. font-style: italic;
  105. opacity: 0.6;
  106. }
  107.  
  108. .stylewrap li:hover {
  109. opacity: 1;
  110. }
  111.  
  112. .head {
  113. border-bottom: 1px solid #DDD;
  114. width: 100%;
  115. height: 35px;
  116. padding-top: 55px;
  117. font-family: 'Lato', sans-serif;
  118. font-size: 18px;
  119. text-align: center;
  120. text-transform: uppercase;
  121. letter-spacing: 2px;
  122. position: relative;
  123. z-index: 10;
  124. }
  125.  
  126. .head a {
  127. padding: 2px 5px;
  128. background: #f6921d;
  129. color: #FFF;
  130. }
  131.  
  132. .icon {
  133. position: absolute;
  134. top: 0;
  135. left: 50%;
  136. margin-left: -50px;
  137. margin-top: -50px;
  138. width: 90px;
  139. height: 90px;
  140. background: #554236;
  141. border: 5px solid #F3F3F3;
  142. z-index: 100;
  143. }
  144.  
  145. .icon img {
  146. width: 70px;
  147. height: 70px;
  148. padding: 10px;
  149. }
  150.  
  151. .tagged {
  152. padding: 20px;
  153. font-size: 11px;
  154. text-align: left;
  155. }
  156.  
  157. .headtag {
  158. text-transform: uppercase;
  159. display: block;
  160. padding: 2px 0px;
  161. color: #602749;
  162. }
  163.  
  164. </style>  
  165.  
  166. </head>
  167.  
  168. <body>
  169.  
  170.  
  171. <div id="container">
  172.  
  173. <div class="heading"><div class="headlinks"><a href="/">Back To Main Page</a> || <a href="http://nutty-themes.tumblr.com">Credit</a></div>
  174. [ TAGS & LINKS ]</div>
  175.  
  176.  
  177. <div class="stylewrap">
  178. <div class="head"><div class="icon"><img src="http://i.imgbox.com/abpm1SH5.jpg" /></div>
  179. <a href="">Section One</a></div>
  180. <div class="tagged">
  181. <a class="headtag" href="/tagged/">Normal Tag</a>
  182. <a class="headtag" href="/tagged/">List Header Tag</a>
  183.     <ul>
  184.     <li>» <a href="/tagged/">Tagged Item 1</a> </li>
  185.     <li>» <a href="/tagged/">Tagged Item 2</a> </li>
  186.     </ul>
  187. <a class="headtag" href="/tagged/">Normal Tag</a>
  188. </div>
  189. </div>
  190.  
  191.  
  192.  
  193. <div class="stylewrap">
  194. <div class="head"><div class="icon"><img src="http://i.imgbox.com/abx9dALg.jpg" /></div>
  195. <a href="">Section Two</a></div>
  196. <div class="tagged">
  197. <a class="headtag" href="/tagged/">Normal Tag</a>
  198. <a class="headtag" href="/tagged/">List Header Tag</a>
  199.     <ul>
  200.     <li>» <a href="/tagged/">Tagged Item 1</a> </li>
  201.     <li>» <a href="/tagged/">Tagged Item 2</a> </li>
  202.     </ul>
  203. <a class="headtag" href="/tagged/">Normal Tag</a>
  204. <a class="headtag" href="/tagged/">Normal Tag</a>
  205. <a class="headtag" href="/tagged/">Normal Tag</a>
  206. <a class="headtag" href="/tagged/">Normal Tag</a>
  207. <a class="headtag" href="/tagged/">Normal Tag</a>
  208. </div>
  209. </div>
  210.  
  211.  
  212. <div class="stylewrap">
  213. <div class="head"><div class="icon"><img src="http://i.imgbox.com/abiCYmJG.jpg" /></div>
  214. <a href="">Section Three</a></div>
  215. <div class="tagged">
  216. <a class="headtag" href="/tagged/">Normal Tag</a>
  217. <a class="headtag" href="/tagged/">Normal Tag</a>
  218. <a class="headtag" href="/tagged/">Normal Tag</a>
  219. <a class="headtag" href="/tagged/">List Header Tag</a>
  220.     <ul>
  221.     <li>» <a href="/tagged/">Tagged Item 1</a> </li>
  222.     <li>» <a href="/tagged/">Tagged Item 2</a> </li>
  223.     <li>» <a href="/tagged/">Tagged Item 3</a> </li>
  224.     <li>» <a href="/tagged/">Tagged Item 4</a> </li>
  225.     <li>» <a href="/tagged/">Tagged Item 5</a> </li>
  226.     <li>» <a href="/tagged/">Tagged Item 6</a> </li>
  227.     </ul>
  228. </div>
  229. </div>
  230.  
  231.  
  232. <div class="stylewrap">
  233. <div class="head"><div class="icon"><img src="http://i.imgbox.com/adhFo78t.jpg" /></div>
  234. <a href="">Section Four</a></div>
  235. <div class="tagged">
  236. <a class="headtag" href="/tagged/">Normal Tag</a>
  237. <a class="headtag" href="/tagged/">List Header Tag</a>
  238.     <ul>
  239.     <li>» <a href="/tagged/">Tagged Item 1</a> </li>
  240.     <li>» <a href="/tagged/">Tagged Item 2</a> </li>
  241.     </ul>
  242. <a class="headtag" href="/tagged/">Normal Tag</a>
  243. <a class="headtag" href="/tagged/">Normal Tag</a>
  244. <a class="headtag" href="/tagged/">Normal Tag</a>
  245. <a class="headtag" href="/tagged/">Normal Tag</a>
  246. <a class="headtag" href="/tagged/">Normal Tag</a>
  247. </div>
  248. </div>
  249.  
  250.  
  251.  
  252. </div>
  253.  
  254.  
  255.  
  256. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  257. <script type="text/javascript" src="http://static.tumblr.com/whx9ghv/V0zm0dwxa/jquery.easing.1.3.js"></script>
  258. <script src="http://static.tumblr.com/whx9ghv/6z9mam102/jquery.freetile.js"></script>
  259.  
  260. <script>
  261.  $('#container').freetile();
  262. </script>
  263.  
  264.  
  265.  
  266.  
  267. </body>
  268. </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!