page 004 :// tags list v2
<!--
page 4: tags list / cryothemes
-->
<html>
<head>
<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="altertnate" type="application/rss+xml" href="{RSS}">
<link href='http://fonts.googleapis.com/css?family=Old+Standard+TT:400,400italic,700' rel='stylesheet' type='text/css'>
</head>
<style type="text/css">
/* SCROLLBAR */
::-webkit-scrollbar { width:3px; height:auto; background:#FFFFFF;}
::-webkit-scrollbar-corner { background:#1b1b1b;}
::-webkit-scrollbar-thumb:vertical { background:#1b1b1b;}
::-webkit-scrollbar-thumb:horizontal { background:#1b1b1b;}
/* BODY */
body {
background-color: white;
color: #262626;
font-family: times;
line-height: 140%;
margin:0; }
a { color: #262626; text-decoration: none;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out; }
a:hover { color: #b5b5b5; text-decoration: none;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out; }
/* MAIN WRAPPERS */
#wrap {
width:730px;
height:auto;
margin:auto; }
#header {
width:700px;
height:100px;
margin: auto;
margin-bottom: 10px;
text-align: left; }
.mtitle {
padding:10px 0 10px 5px;
font-family: old standard tt;
font-size:20px;
text-transform: uppercase;
border-top:1px solid #e6e6e6;
margin-top: 30px;}
.nav {
font-size:8px;
padding:2px 9px;
background-color: #1b1b1b;
text-transform: uppercase;
letter-spacing: 1px; }
.nav a { color:white; padding-right: 20px; }
/* TAGS LIST */
.dom {
background-color: #1b1b1b;
color:white;
border:1px solid #1b1b1b;
padding:20px;
font-size:8px;
width:180px;
letter-spacing: 1px;
text-transform: uppercase;
text-align: center; }
.sub {
text-transform: uppercase;
letter-spacing: 1px;
font-size:8px;
padding:4px 3px;
margin: 15px 0 6px 0;
color:#262626;
border-bottom: 1px solid #f0f0f0; }
.col {
width:220px;
font-size: 9px; }
.col ul { list-style-type: none; padding:0; }
.tags {
display: block;
padding:0px 10px 10px 10px;
border: 1px solid #f0f0f0;
border-top: 1px solid transparent; }
.tag {
padding:4px;
margin:1px; }
</style>
<! PLEASE READ
SECTION = one column of tags (including titles, subtitles and tag groups)
ROW = a row of three sections
- HOW TO LINK TO A TAG -
Please enter the url to your tag where it says URLHERE
A URL example (for sideblogs): http://user.tumblr.com/tagged/tag
A URL example (for blog pages*): /tagged/tag
* Blog pages can be created in Customize
>
<body>
<div id="header">
<div class="mtitle">
tags list 2.0
</div>
<div class="nav">
<a href="URLHERE">home</a> <a href="URLHERE">message</a> <a href="URLHERE">dashboard</a> <a href="http://cryothemes.tumblr.com">credit</a>
</div>
</div>
<div id="wrap">
<table cellpadding="0" cellspacing="16"><tbody>
<! FIRST ROW STARTS HERE >
<tr>
<! FIRST SECTION STARTS HERE >
<td class="col" valign="top">
<ul class="list">
<li class="dom">TITLE</li>
<div class="tags">
<li class="sub">SUBTITLE</li>
<li class="tag"> <a href="URLHERE">Tag</a> </li>
<li class="tag"> <a href="URLHERE">Tag</a> </li>
<li class="tag"> <a href="URLHERE">Tag</a> </li>
<li class="sub">SUBTITLE</li>
<li class="tag"> <a href="URLHERE">Tag</a> </li>
<li class="tag"> <a href="URLHERE">Tag</a> </li>
<li class="tag"> <a href="URLHERE">Tag</a> </li>
</div>
</ul>
</td>
<! FIRST SECTION ENDS HERE>
<! SECOND SECTION STARTS HERE >
<td class="col" valign="top">
<ul class="list">
<li class="dom">Title</li>
<div class="tags">
<li class="sub">SUBTITLE</li>
<li class="tag"> <a href="URLHERE">Tag</a> </li>
<li class="tag"> <a href="URLHERE">Tag</a> </li>
<li class="tag"> <a href="URLHERE">Tag</a> </li>
<li class="sub">SUBTITLE</li>
<li class="tag"> <a href="URLHERE">Tag</a> </li>
<li class="tag"> <a href="URLHERE">Tag</a> </li>
<li class="tag"> <a href="URLHERE">Tag</a> </li>
</div>
</ul>
</td>
<! SECOND SECTION ENDS HERE>
<! THIRD SECTION STARTS HERE >
<td class="col" valign="top">
<ul class="list">
<li class="dom">Title</li>
<div class="tags">
<li class="sub">SUBTITLE</li>
<li class="tag"> <a href="URLHERE">Tag</a> </li>
<li class="tag"> <a href="URLHERE">Tag</a> </li>
<li class="tag"> <a href="URLHERE">Tag</a> </li>
<li class="sub">SUBTITLE</li>
<li class="tag"> <a href="URLHERE">Tag</a> </li>
<li class="tag"> <a href="URLHERE">Tag</a> </li>
<li class="tag"> <a href="URLHERE">Tag</a> </li>
</div>
</ul>
</td>
<! THIRD SECTION ENDS HERE>
</tr>
<! FIRST ROW ENDS HERE >
<! SECOND ROW STARTS HERE >
<tr>
<! FIRST SECTION STARTS HERE >
<td class="col" valign="top">
<ul class="list">
<li class="dom">Title</li>
<div class="tags">
<li class="sub">SUBTITLE</li>
<li class="tag"> <a href="URLHERE">Tag</a> </li>
<li class="tag"> <a href="URLHERE">Tag</a> </li>
<li class="tag"> <a href="URLHERE">Tag</a> </li>
<li class="sub">SUBTITLE</li>
<li class="tag"> <a href="URLHERE">Tag</a> </li>
<li class="tag"> <a href="URLHERE">Tag</a> </li>
<li class="tag"> <a href="URLHERE">Tag</a> </li>
</div>
</ul>
</td>
<! FIRST SECTION ENDS HERE>
<! SECOND SECTION STARTS HERE >
<td class="col" valign="top">
<ul class="list">
<li class="dom">Title</li>
<div class="tags">
<li class="sub">SUBTITLE</li>
<li class="tag"> <a href="URLHERE">Tag</a> </li>
<li class="tag"> <a href="URLHERE">Tag</a> </li>
<li class="tag"> <a href="URLHERE">Tag</a> </li>
<li class="sub">SUBTITLE</li>
<li class="tag"> <a href="URLHERE">Tag</a> </li>
<li class="tag"> <a href="URLHERE">Tag</a> </li>
<li class="tag"> <a href="URLHERE">Tag</a> </li>
</div>
</ul>
</td>
<! SECOND SECTION ENDS HERE>
<! THIRD SECTION STARTS HERE >
<td class="col" valign="top">
<ul class="list">
<li class="dom">Title</li>
<div class="tags">
<li class="sub">SUBTITLE</li>
<li class="tag"> <a href="URLHERE">Tag</a> </li>
<li class="tag"> <a href="URLHERE">Tag</a> </li>
<li class="tag"> <a href="URLHERE">Tag</a> </li>
<li class="sub">SUBTITLE</li>
<li class="tag"> <a href="URLHERE">Tag</a> </li>
<li class="tag"> <a href="URLHERE">Tag</a> </li>
<li class="tag"> <a href="URLHERE">Tag</a> </li>
</div>
</ul>
</td>
<! THIRD SECTION ENDS HERE>
</tr>
<! SECOND ROW ENDS HERE >
</tbody></table>
</div>
</body>
</html> Pasted: May 8, 2014, 1:59:49 pm
Views: 926