tmp.c

/* tmp.c redesign for matx of #/g/tech
 *
 * sorry for all the hacks, just didn't want to rewrite any
 * of your html incase it'd be a bitch to change serverside
 */

html,body {
    color: #fff !important;
    background: #222 !important;
    font-family: sans-serif !important;
}
#siteTitle {
    display: none;
}

#sideBar {
    background: #333 !important;
    padding-bottom: .7em;
}
#sideBar h2 {
    display: none;
}
#sideBar form,
#sideBar input {
    width: 99%;
    margin: 0 1px;
}
#sideBar input {
    color: #fff;
    -moz-appearance: none;
    background: #000 !important;
    border: 1px solid #555 !important;
    border-width: 0 0 1px 0 !important;
}
#tagNav * {
    color: #aaa !important;
}
#tagNav {
    font-size: .8em;
}
#tagNav li {
    padding: 1em 0 0 .5em !important;
    position: relative;
}
#tagNav a {
    font-size: 1.5em;
    position: absolute;
    top: .4em;
    left: 3em;
}
/* all the ugly positions and margins previously
 * are to left-align the tag search results;
 * way easier by changing the html slightly
 */

#tagNav .game,
#tagNav .game *      {color:#f08!important}
#tagNav .anime,
#tagNav .anime *     {color:#fc0!important}
#tagNav .character,
#tagNav .character * {color:#cf0!important}

#subNav {
    margin-top: .5em !important;
}
#subNav * {
    color: #ccc !important;
    background: #444 !important;
    border: none !important;
    padding: .2em 0;
}
#nav a {
    color: #999 !important;
}
#nav .active,
#nav .active a {
    color: #fff !important;
    background: #444 !important;
    text-decoration: underline !important;
}


/* first attempt, came out awful
 *
#list div {
    width: 200px !important;
    height: 150px !important;
    display: table-cell;
    vertical-align: middle;
}
#list div img {
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 100% !important;
}
 * yeah
 */

.pagination+div {
    text-align: right;
    margin-top: -1.6em;
}
#list {
    padding-left: .7em;
}
#list div * {
    margin: 0 !important;
    padding: 0 !important;
}
#list div {
    display: inline !important;
    padding: 0 !important;
    margin: 0 !important;
}
#list div:nth-child(2n) {
    display: none !important;
}
#list div img {
    width: auto;
    height: 200px !important;
}