Tags Page : Colors

<html>
<head>

    <title>{title}</title>

    <link rel="shortcut icon" href="{favicon}" />
    <link rel="alternate" type="application/rss+xml" href="{rss}">

<script type="text/javascript" src="http://static.tumblr.com/tiu5k68/xTkm8wqw2/tumblr-title-qtip.js"></script>

</head>

<style type="text/css">

::selection {
background:transparent;
color:#000;}

::-moz-selection {
background:transparent;
color:#000;}

::-webkit-scrollbar-thumb:vertical {
background-color:#FFF;
border-right:2px solid #F6F6F6;
overflow-y:scroll;}

::-webkit-scrollbar-thumb:horizontal {
display:none;}

::-webkit-scrollbar {
height:5px;
width:7px;
overflow-x:hidden;
overflow-y:scroll;}

::-webkit-scrollbar-track-piece {
background:none;
width:5pt;}

iframe#tumblr_controls {
right:3px !important;
position:fixed !important;
-webkit-transition:opacity 0.7s linear;
opacity:0.2;
-moz-transition:0.8s ease-in;
-webkit-transition:0.8s ease-in;
-o-transition:0.8s ease-in;
transition:0.8s ease-in;}

iframe#tumblr_controls:hover {
-webkit-transition:opacity 0.7s linear;
opacity:0.7;
-moz-transition:0.4s ease-in;
-webkit-transition:0.4s ease-in;
-o-transition:0.4s ease-in;
transition:0.4s ease-in;}

body {
font-size:9px;
cursor:default;
font-family:helvetica;
background:#F6F6F6;
color:#ABABAB;
overflow-x:hidden;
line-height:17px;}

a:link, a:visited, a:active {
color:#4F4F4F;
cursor:pointer;
text-decoration:none;
-moz-transition:0.3s ease-in;
-webkit-transition:0.3s ease-in;
-o-transition:0.3s ease-in;
transition:0.3s ease-in;}

a:hover {
opacity:0.75;
color:#4F4F4F;
text-shadow:0 0 2px #6d6d6d;
-moz-transition:0.3s ease-in;
-webkit-transition:0.3s ease-in;
-o-transition:0.3s ease-in;
transition:0.3s ease-in;}

a img {
border:none;
opacity:1.0;
text-decoration:none;
background:none;}

div#qTip {
font-size:9px;
text-align:center;
height:auto;
letter-spacing:.7px;
width:auto;
padding:4px;
margin-top:20px;
margin-left:15px;
text-transform:lowercase;
line-height:120%;
position:absolute;
z-index:1000;
display:none;
background:#F6F6F6;
color:#ABABAB;
-moz-transition:0.2s ease-in;
-webkit-transition:0.2s ease-in;
-o-transition:0.2s ease-in;
transition:0.2s ease-in;}

ol {list-style:lower-roman;}
ul {list-style:disc;}

#content {
width:400px;
padding:20px;
background:#FFF;
margin:15% auto;}

#titlebar {
display:block;
padding:15px;
color:#FFF;
letter-spacing:1px;
font-weight:700;
margin:-20px -20px 20px -20px;
text-transform:uppercase;
background:black;}

#sbarimg {
float:left;
width:70px;
margin:-20px 0px 0px -90px;}

#sbarimg img {
width:70px;}

.t {
display:block;
padding-bottom:15px;
margin-bottom:20px;
border-bottom:1px solid #F4F4F4;}

#title {
font-weight:700;
margin:5px 0px;
font-size:11px;}

#tags a {
text-shadow:none;
margin-right:12px;}

#tags a:hover {
opacity:1.0;
background:yellow;}

#cr {
bottom:15px;
right:15px;
font-weight:normal;
font-style:normal;
position:fixed;}

#cr a {
color:#000;
border:none;
background:none;
text-decoration:none;}

</style>

<body>

<div id="cr"><a href="http://crpena.tumblr.com/">&copy;</a></div>


<div id="content">

<div id="sbarimg">
<a href="/">
<img src="{favicon}" />
</a></div>

<div id="titlebar">{title}</div>

<div class="t">

<div id="title">colors</div>
<div id="tags">
    <a href="">blue</a>
    <a href="">purple</a>
    <a href="">red</a>
    <a href="">yellow</a>

</div>
</div>

<div class="t">

<div id="title">colores</div>
<div id="tags">
    <a href="">azul</a>
    <a href="">purpura</a>
    <a href="">rojo</a>
    <a href="">amarillo</a>

</div>
</div>

</div>
</body>
</html>