ul.tags {
    list-style: none;
    margin: 0; padding: 0; 
}

    ul.tags > li {
        float: left;
        margin: 0.5ex 1ex 1ex 0;
    }


a.tag {
    background: #e0e0e0;
    padding: 0.05em 0.5em;
    border-radius: 0.2em;
    white-space: nowrap;
    cursor: pointer;
    position: relative;
}

    a.tag:hover {
        text-decoration: underline;
    }

a.tag.inactive { opacity: 0.2; cursor: default;}

    a.tag.inactive:hover {
        text-decoration: none;
    }

a.tag.active {
    background: #666; color: white;
}
    a.tag.active:hover {
        text-decoration: line-through;
    }


a.tag {
  -webkit-transition-property: opacity, background, color;-moz-transition-property: opacity, background, color;-ms-transition-property: opacity, background, color;-o-transition-property: opacity, background, color;transition-property: opacity, background, color;
  -webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;-ms-transition-duration: 0.4s;-o-transition-duration: 0.4s;transition-duration: 0.4s;
}

/**
 * Design for certain tags
 */

a.tag.t_Olia_Lialina {
    background: -webkit-linear-gradient(45deg, #f00, #ff0, #0f0, #0ff, #00f, #f0f);background: -moz-linear-gradient(45deg, #f00, #ff0, #0f0, #0ff, #00f, #f0f);background: -ms-linear-gradient(45deg, #f00, #ff0, #0f0, #0ff, #00f, #f0f);background: -o-linear-gradient(45deg, #f00, #ff0, #0f0, #0ff, #00f, #f0f);background: linear-gradient(45deg, #f00, #ff0, #0f0, #0ff, #00f, #f0f);
}

a.tag.t_Olia_Lialina.active {
    color: white;
    background: -webkit-linear-gradient(45deg, #900, #990, #090, #099, #009, #909) !important;background: -moz-linear-gradient(45deg, #900, #990, #090, #099, #009, #909) !important;background: -ms-linear-gradient(45deg, #900, #990, #090, #099, #009, #909) !important;background: -o-linear-gradient(45deg, #900, #990, #090, #099, #009, #909) !important;background: linear-gradient(45deg, #900, #990, #090, #099, #009, #909) !important;
}

a.tag.t_trolling { padding-left: 30px; }
a.tag.t_trolling > span.name { font-family: "Comic Sans MS"; font-weight: bold; font-style: italic; font-size: 0.8em;}
a.tag.t_trolling:before {
    content: '';
    background: url(tiny-trollface.png);
    background-size: 30px 25px;
    position: absolute;
    display: block;
    left: 0px;
    top: -4px;
    width: 30px;
    height: 25px;
}

a.tag.t_ATARI { padding-left: 20px;}
a.tag.t_ATARI > span.name { font-family: 'Arial', sans-serif; font-size: smaller; font-weight: bold;}
a.tag.t_ATARI.active { background: #0f0; color: #000;}
a.tag.t_ATARI:before {
    content: url(atari-bomb.gif);
    position: absolute;
    left: 0;
    bottom: 0;
}

a.tag.t_patterns {font-weight: bold;}
a.tag.t_patterns { background: url(pattern.png);}
a.tag.t_patterns.active { background: url(pattern-active.png);}





/* hi-res selector 
@media (min-resolution: 192dpi), (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    body { background: yellow;}
} */