1. <!--

  2. 

  3. page 4: tags list / cryothemes

  4. 

  5. -->

  6.  

  7. <html>

  8. <head>

  9.  

  10. <title>{Title}</title>

  11. <link rel="shortcut icon" href="{Favicon}">

  12. <link rel="altertnate" type="application/rss+xml" href="{RSS}">

  13. 

  14. 

  15. <link href='http://fonts.googleapis.com/css?family=Old+Standard+TT:400,400italic,700' rel='stylesheet' type='text/css'>

  16. 

  17. </head>

  18. <style type="text/css">

  19. 

  20. 

  21. 

  22. /* SCROLLBAR */

  23.  

  24. ::-webkit-scrollbar { width:3px; height:auto; background:#FFFFFF;}

  25. ::-webkit-scrollbar-corner { background:#1b1b1b;}

  26. ::-webkit-scrollbar-thumb:vertical { background:#1b1b1b;}

  27. ::-webkit-scrollbar-thumb:horizontal { background:#1b1b1b;}

  28. 

  29. 

  30. 

  31. 

  32. /* BODY */

  33. 

  34. body {

  35. 	background-color: white;

  36. 	color: #262626;

  37. 	font-family: times; 

  38. 	line-height: 140%;

  39. 	margin:0; }

  40. 	

  41. a { color: #262626; text-decoration: none;

  42.     -webkit-transition: all 0.5s ease-out;

  43.     -o-transition: all 0.5s ease-out;

  44.     -webkit-transition: all 0.5s ease-out;

  45.     -moz-transition: all 0.5s ease-out; }

  46.     

  47. a:hover { color: #b5b5b5; text-decoration: none;

  48.     -webkit-transition: all 0.5s ease-out;

  49.     -o-transition: all 0.5s ease-out;

  50.     -webkit-transition: all 0.5s ease-out;

  51.     -moz-transition: all 0.5s ease-out; }

  52. 

  53. 

  54. 

  55. 

  56. 

  57. /* MAIN WRAPPERS */

  58. 

  59. 

  60. #wrap {

  61. 	width:730px;

  62. 	height:auto;

  63. 	margin:auto; }

  64. 

  65. 

  66. 

  67. #header {

  68. 	width:700px;

  69. 	height:100px;

  70. 	margin: auto;

  71. 	margin-bottom: 10px;

  72. 	text-align: left; }

  73. 	

  74. .mtitle {

  75. 	padding:10px 0 10px 5px; 

  76. 	font-family: old standard tt;

  77. 	font-size:20px;

  78. 	text-transform: uppercase;

  79. 	border-top:1px solid #e6e6e6;

  80. 	margin-top: 30px;}

  81. 

  82. .nav {

  83. 	font-size:8px;

  84. 	padding:2px 9px;

  85. 	background-color: #1b1b1b;

  86. 	text-transform: uppercase;

  87. 	letter-spacing: 1px; }

  88. 

  89. .nav a { color:white; padding-right: 20px; }

  90. 

  91. /* TAGS LIST */

  92. 

  93. 

  94. .dom {

  95. 	background-color: #1b1b1b;

  96. 	color:white;

  97. 	border:1px solid #1b1b1b;

  98. 	padding:20px;

  99. 	font-size:8px;

  100. 	width:180px;

  101. 	letter-spacing: 1px;

  102. 	text-transform: uppercase;

  103. 	text-align: center; }

  104. 	

  105. 

  106. .sub {

  107.     text-transform: uppercase;

  108.     letter-spacing: 1px;

  109.     font-size:8px;

  110. 	padding:4px 3px;

  111. 	margin: 15px 0 6px 0;

  112. 	color:#262626;

  113. 	border-bottom: 1px solid #f0f0f0; }

  114. 	

  115. 	

  116. .col { 

  117. 	width:220px;

  118. 	font-size: 9px; }

  119. 	

  120. .col ul { list-style-type: none; padding:0; }

  121. 

  122. 

  123. .tags {

  124. 	display: block;

  125. 	padding:0px 10px 10px 10px;

  126. 	border: 1px solid #f0f0f0;

  127. 	border-top: 1px solid transparent; }

  128. 

  129. .tag {

  130. 	padding:4px;

  131. 	margin:1px;  }

  132. 

  133. 

  134. 

  135. </style>

  136. 

  137. 

  138. <! PLEASE READ 

  139. 

  140. SECTION = one column of tags (including titles, subtitles and tag groups)

  141. ROW = a row of three sections 

  142. 

  143. 

  144. - HOW TO LINK TO A TAG -

  145. 

  146. Please enter the url to your tag where it says URLHERE

  147. 

  148. A URL example (for sideblogs): http://user.tumblr.com/tagged/tag

  149. A URL example (for blog pages*): /tagged/tag

  150. 

  151. 

  152. * Blog pages can be created in Customize

  153. 

  154. >

  155. 

  156. 

  157. 

  158. <body>

  159. 

  160. 

  161. <div id="header">

  162. 

  163.  <div class="mtitle">

  164.  tags list 2.0

  165.  </div>

  166.  

  167.  <div class="nav">

  168.   <a href="URLHERE">home</a> <a href="URLHERE">message</a> <a href="URLHERE">dashboard</a> <a href="http://cryothemes.tumblr.com">credit</a>

  169.  </div>

  170. 

  171. </div>

  172. 

  173. 

  174. 

  175. <div id="wrap">

  176. 

  177. 

  178. <table cellpadding="0" cellspacing="16"><tbody>

  179. 

  180. 

  181. 

  182. <! FIRST ROW STARTS HERE >

  183. <tr>

  184. 

  185. <! FIRST SECTION STARTS HERE >

  186. <td class="col" valign="top">

  187.  

  188. <ul class="list">

  189.   

  190.        

  191.   

  192.        <li class="dom">TITLE</li>

  193.        

  194.        

  195.        <div class="tags">

  196.    

  197.        <li class="sub">SUBTITLE</li>

  198.    

  199.        <li class="tag"> <a href="URLHERE">Tag</a> </li>

  200.        <li class="tag"> <a href="URLHERE">Tag</a> </li>

  201.        <li class="tag"> <a href="URLHERE">Tag</a> </li>

  202.        

  203.      

  204.        

  205.        <li class="sub">SUBTITLE</li>

  206.    

  207.        <li class="tag"> <a href="URLHERE">Tag</a> </li>

  208.        <li class="tag"> <a href="URLHERE">Tag</a> </li>

  209.        <li class="tag"> <a href="URLHERE">Tag</a> </li>

  210.        

  211.        </div>

  212.    

  213.        

  214. </ul>

  215. 

  216. </td>

  217. <! FIRST SECTION ENDS HERE>

  218. 

  219. 

  220. 

  221. 

  222. <! SECOND SECTION STARTS HERE >

  223. <td class="col" valign="top">

  224.  

  225. <ul class="list">

  226.   

  227.        

  228.   

  229.        <li class="dom">Title</li>

  230.        <div class="tags">

  231.    

  232.        <li class="sub">SUBTITLE</li>

  233.    

  234.        <li class="tag"> <a href="URLHERE">Tag</a> </li>

  235.        <li class="tag"> <a href="URLHERE">Tag</a> </li>

  236.        <li class="tag"> <a href="URLHERE">Tag</a> </li>

  237.        

  238.        

  239.        

  240.        <li class="sub">SUBTITLE</li>

  241.    

  242.        <li class="tag"> <a href="URLHERE">Tag</a> </li>

  243.        <li class="tag"> <a href="URLHERE">Tag</a> </li>

  244.        <li class="tag"> <a href="URLHERE">Tag</a> </li>

  245.        

  246.        </div>

  247.    

  248.        

  249. </ul>

  250. 

  251. </td>

  252. <! SECOND SECTION ENDS HERE>

  253. 

  254. 

  255. 

  256. <! THIRD SECTION STARTS HERE >

  257. <td class="col" valign="top">

  258.  

  259. <ul class="list">

  260.   

  261.        

  262.   

  263.        <li class="dom">Title</li>

  264.        <div class="tags">

  265.    

  266.        <li class="sub">SUBTITLE</li>

  267.    

  268.        <li class="tag"> <a href="URLHERE">Tag</a> </li>

  269.        <li class="tag"> <a href="URLHERE">Tag</a> </li>

  270.        <li class="tag"> <a href="URLHERE">Tag</a> </li>

  271.        

  272.        

  273.        

  274.        <li class="sub">SUBTITLE</li>

  275.    

  276.        <li class="tag"> <a href="URLHERE">Tag</a> </li>

  277.        <li class="tag"> <a href="URLHERE">Tag</a> </li>

  278.        <li class="tag"> <a href="URLHERE">Tag</a> </li>

  279.        

  280.        </div>

  281.    

  282.        

  283. </ul>

  284. 

  285. </td>

  286. <! THIRD SECTION ENDS HERE>

  287.  

  288.  

  289. </tr>

  290. <! FIRST ROW ENDS HERE >

  291.  

  292.  

  293.  

  294.  

  295.  

  296.  

  297. <! SECOND ROW STARTS HERE >

  298. <tr>

  299. 

  300. <! FIRST SECTION STARTS HERE >

  301. <td class="col" valign="top">

  302.  

  303. <ul class="list">

  304.   

  305.        

  306.   

  307.        <li class="dom">Title</li>

  308.        

  309.        

  310.        <div class="tags">

  311.    

  312.        <li class="sub">SUBTITLE</li>

  313.    

  314.        <li class="tag"> <a href="URLHERE">Tag</a> </li>

  315.        <li class="tag"> <a href="URLHERE">Tag</a> </li>

  316.        <li class="tag"> <a href="URLHERE">Tag</a> </li>

  317.        

  318.        

  319.        

  320.        <li class="sub">SUBTITLE</li>

  321.    

  322.        <li class="tag"> <a href="URLHERE">Tag</a> </li>

  323.        <li class="tag"> <a href="URLHERE">Tag</a> </li>

  324.        <li class="tag"> <a href="URLHERE">Tag</a> </li>

  325.        

  326.        </div>

  327.    

  328.        

  329. </ul>

  330. 

  331. </td>

  332. <! FIRST SECTION ENDS HERE>

  333. 

  334. 

  335. 

  336. 

  337. <! SECOND SECTION STARTS HERE >

  338. <td class="col" valign="top">

  339.  

  340. <ul class="list">

  341.   

  342.        

  343.   

  344.        <li class="dom">Title</li>

  345.        <div class="tags">

  346.    

  347.        <li class="sub">SUBTITLE</li>

  348.    

  349.        <li class="tag"> <a href="URLHERE">Tag</a> </li>

  350.        <li class="tag"> <a href="URLHERE">Tag</a> </li>

  351.        <li class="tag"> <a href="URLHERE">Tag</a> </li>

  352.        

  353.        

  354.        

  355.        <li class="sub">SUBTITLE</li>

  356.    

  357.        <li class="tag"> <a href="URLHERE">Tag</a> </li>

  358.        <li class="tag"> <a href="URLHERE">Tag</a> </li>

  359.        <li class="tag"> <a href="URLHERE">Tag</a> </li>

  360.        

  361.        </div>

  362.    

  363.        

  364. </ul>

  365. 

  366. </td>

  367. <! SECOND SECTION ENDS HERE>

  368. 

  369. 

  370. 

  371. <! THIRD SECTION STARTS HERE >

  372. <td class="col" valign="top">

  373.  

  374. <ul class="list">

  375.   

  376.        

  377.   

  378.        <li class="dom">Title</li>

  379.        <div class="tags">

  380.    

  381.        <li class="sub">SUBTITLE</li>

  382.    

  383.        <li class="tag"> <a href="URLHERE">Tag</a> </li>

  384.        <li class="tag"> <a href="URLHERE">Tag</a> </li>

  385.        <li class="tag"> <a href="URLHERE">Tag</a> </li>

  386.        

  387.        

  388.        

  389.        <li class="sub">SUBTITLE</li>

  390.    

  391.        <li class="tag"> <a href="URLHERE">Tag</a> </li>

  392.        <li class="tag"> <a href="URLHERE">Tag</a> </li>

  393.        <li class="tag"> <a href="URLHERE">Tag</a> </li>

  394.        

  395.        </div>

  396.    

  397.        

  398. </ul>

  399. 

  400. </td>

  401. <! THIRD SECTION ENDS HERE>

  402.  

  403.  

  404. </tr>

  405. <! SECOND ROW ENDS HERE >

  406.  

  407.  

  408. </tbody></table>

  409. 

  410. </div>

  411. 

  412. 

  413. 

  414. 

  415. 

  416. 

  417. </body>

  418. </html>