API tools faq
paste
Advertisement
hellmouths

PAGE THEME #002: TAGS LIST

hellmouths
Feb 8th, 2013
13,686
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.11 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. PAGE THEME #002: TAGS LIST
  4. by hellmouths.tumblr.com
  5.  
  6. · DON'T REDISTRIBUTE
  7. · DON'T USE AS BASE
  8. · DON'T REMOVE CREDIT
  9.  
  10. Contact me if there are any complications.
  11.  
  12. -->
  13.  
  14. <html>
  15. <head>
  16. <link href='http://fonts.googleapis.com/css?family=Francois+One' rel='stylesheet' type='text/css'>
  17. <meta http-equiv="content-type" content="text/html; charset=utf-8">
  18. <title>{Title}</title>
  19. <link rel="shortcut icon" href="{Favicon}">
  20.  
  21. <style type="text/css">
  22.  
  23.  
  24. /* SCROLLBAR */
  25.  
  26. ::-webkit-scrollbar-thumb:vertical {
  27. background-color:#f1f1f1;
  28. border-top:2px solid #f1f1f1;
  29. border-bottom:2px solid #fafafa;
  30. height:auto;}
  31. ::-webkit-scrollbar-thumb:vertical:hover{
  32. background-color:#f1f1f1;}
  33. ::-webkit-scrollbar-thumb:horizontal{
  34. background-color:#f1f1f1;
  35. height:auto;}
  36. ::-webkit-scrollbar-thumb:horizontal:hover{
  37. background-color:#f1f1f1;}
  38. ::-webkit-scrollbar{
  39. height:10px;
  40. width:5px;
  41. background-color: #fafafa;}
  42.  
  43. /* BODY */
  44.  
  45. body {
  46. letter-spacing:1px;
  47. font-family:arial;
  48. background-color:#ffffff;
  49. color: #454545; }
  50.  
  51. a { text-decoration:none; color:#898989; }
  52.  
  53. a:hover { color:#b36565; }
  54.  
  55.  
  56. #top { width:100%; text-align:center; margin-top:50px; font-family:'francois one'; font-size: 20px; }
  57. #nav { width:100%; text-align:center; font-size:9px; font-style: italic; }
  58.  
  59. #wrap { margin-top:50px; margin-bottom: 60px; }
  60.  
  61.  
  62. #table {
  63. font-size:11px;
  64. margin:auto;
  65. margin-top:-10px;
  66. text-transform:lowercase;
  67. line-height:150%;
  68. width:700px;
  69. }
  70.  
  71.  
  72.  
  73. .section {
  74. background-color:#ffffff;
  75. border-left:1px solid #f0f0f0;
  76. border-right:1px solid #f0f0f0;
  77. }
  78.  
  79.  
  80. .title {
  81. font-size:14px;
  82. background-color: #f3f3f3;
  83. font-family:'francois one';
  84. margin-bottom:-10px;
  85. padding:10px 0px 10px 15px;
  86. }
  87.  
  88. .subtitle {
  89. margin-top:5px;
  90. text-decoration: underline;
  91. }
  92.  
  93.  
  94. .tags {
  95. padding:15px;
  96. }
  97.  
  98.  
  99. .tags a {
  100. display:block;
  101. }
  102.  
  103.  
  104. </style>
  105. <body>
  106.  
  107.  
  108. <div id="top">TAGS LIST</div>
  109. <div id="nav"><a href="/">back to blog</a></div>
  110.  
  111.  
  112. <div id="wrap">
  113.  
  114.  
  115.  
  116.  
  117. <table id="table" cellspacing="1" cellpadding="0"><tbody>
  118.  
  119.  
  120. <!-- FIRST ROW -->
  121. <tr>
  122.  
  123.  
  124.  
  125.  
  126. <!-- FIRST SECTION START -->
  127. <td class="section" valign="top">
  128.  
  129. <div class="title">Title</div>
  130.  
  131. <div class="tags">
  132. <div class="subtitle">Subtitle</div>
  133. <a href="#">tag one</a>
  134. <a href="#">tag two</a>
  135. <a href="#">tag three</a>
  136. </div>
  137.  
  138. <div class="tags"><div class="subtitle">Subtitle</div>
  139. <a href="#">tag one</a>
  140. <a href="#">tag two</a>
  141. <a href="#">tag three</a>
  142. </div>
  143.  
  144.  
  145. </div>
  146.  
  147. </td>
  148. <!-- FIRST SECTION END -->
  149.  
  150.  
  151.  
  152.  
  153.  
  154.  
  155. <!-- SECOND SECTION START -->
  156. <td class="section" valign="top">
  157.  
  158. <div class="title">Title</div>
  159.  
  160.  
  161. <div class="tags"><div class="subtitle">Subtitle</div>
  162. <a href="#">tag one</a>
  163. <a href="#">tag two</a>
  164. <a href="#">tag three</a>
  165. </div>
  166.  
  167.  
  168. <div class="tags"><div class="subtitle">Subtitle</div>
  169. <a href="#">tag one</a>
  170. <a href="#">tag two</a>
  171. <a href="#">tag three</a>
  172. </div>
  173.  
  174.  
  175. </div>
  176.  
  177. </td>
  178. <!-- SECOND SECTION END -->
  179.  
  180.  
  181.  
  182.  
  183. <!-- THIRD SECTION START -->
  184. <td class="section" valign="top">
  185.  
  186. <div class="title">Title</div>
  187.  
  188.  
  189.  
  190. <div class="tags"><div class="subtitle">Subtitle</div>
  191. <a href="#">tag one</a>
  192. <a href="#">tag two</a>
  193. <a href="#">tag three</a>
  194. </div>
  195.  
  196.  
  197. <div class="tags"><div class="subtitle">Subtitle</div>
  198. <a href="#">tag one</a>
  199. <a href="#">tag two</a>
  200. <a href="#">tag three</a>
  201. </div>
  202.  
  203.  
  204. </div>
  205.  
  206. </td>
  207. <!-- THIRD SECTION END -->
  208.  
  209.  
  210. </tr>
  211. <!-- FIRST ROW END -->
  212.  
  213.  
  214.  
  215.  
  216.  
  217. <!-- SECOND ROW -->
  218. <tr>
  219.  
  220. <!-- FOURTH SECTION START -->
  221. <td class="section" valign="top">
  222.  
  223. <div class="title">Title</div>
  224.  
  225.  
  226.  
  227. <div class="tags"><div class="subtitle">Subtitle</div>
  228. <a href="#">tag one</a>
  229. <a href="#">tag two</a>
  230. <a href="#">tag three</a>
  231. </div>
  232.  
  233. <div class="tags"><div class="subtitle">Subtitle</div>
  234. <a href="#">tag one</a>
  235. <a href="#">tag two</a>
  236. <a href="#">tag three</a>
  237. </div>
  238.  
  239.  
  240.  
  241. </div>
  242.  
  243. </td>
  244. <!-- FOURTH SECTION END -->
  245.  
  246.  
  247.  
  248.  
  249.  
  250.  
  251. <!-- FIFTH SECTION START -->
  252. <td class="section" valign="top">
  253.  
  254. <div class="title">Title</div>
  255.  
  256.  
  257.  
  258. <div class="tags"><div class="subtitle">Subtitle</div>
  259. <a href="#">tag one</a>
  260. <a href="#">tag two</a>
  261. <a href="#">tag three</a>
  262. </div>
  263.  
  264. <div class="tags"><div class="subtitle">Subtitle</div>
  265. <a href="#">tag one</a>
  266. <a href="#">tag two</a>
  267. <a href="#">tag three</a>
  268. </div>
  269.  
  270.  
  271.  
  272. </div>
  273.  
  274. </td>
  275. <!-- FIFTH SECTION END -->
  276.  
  277.  
  278.  
  279.  
  280.  
  281. <!-- SIXTH SECTION START -->
  282. <td class="section" valign="top">
  283.  
  284. <div class="title">Title</div>
  285.  
  286.  
  287.  
  288. <div class="tags"><div class="subtitle">Subtitle</div>
  289. <a href="#">tag one</a>
  290. <a href="#">tag two</a>
  291. <a href="#">tag three</a>
  292. </div>
  293.  
  294. <div class="tags"><div class="subtitle">Subtitle</div>
  295. <a href="#">tag one</a>
  296. <a href="#">tag two</a>
  297. <a href="#">tag three</a>
  298. </div>
  299.  
  300.  
  301.  
  302. </div>
  303.  
  304. </td>
  305. <!-- SIXTH SECTION END -->
  306.  
  307.  
  308.  
  309. </tr>
  310. <!-- SECOND ROW END -->
  311.  
  312.  
  313.  
  314.  
  315.  
  316.  
  317.  
  318. </table>
  319.  
  320.  
  321.  
  322.  
  323.  
  324. <div style="text-align:center; font-size:9px; margin-top:50px;">coding by <a href="http://hellmouths.tumblr.com/">hellmouths</a></div>
  325. </div>
  326. </body>
  327. </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!