WPUW - Tablet

gistfile1.txt

/* Mobile First! */
body {
    font-size: 100%;
}
#header {
    padding: 12px 3.75%; /* (12 / 320) * 100 = 3.75 */
}
#title h1 {
    font-size: 2em; /* (32 / 16) * 100 = 2 */
    line-height: 1em;
}
#description h2{
    font-size: 1.375em; /* (22 / 16) * 100 = 1.375 */
}
#nav {
    display: none;
}
#content {
    padding: 12px 3.75%; /* (12 / 320) * 100 = 3.75 */
}
.post h2 {
    font-size: 1.5em; /* (24 / 16) * 100 = 1.5 */
}
.post .entry .alignleft,
.post .entry .alignleft .highlight-box {
    width: 100%;
    height: auto;
    margin: 0 0 12px;
}

#sidebar {
    padding: 12px 3.75%; /* (12 / 320) * 100 = 3.75 */
}
#footer {
    padding: 12px 3.75%; /* (12 / 320) * 100 = 3.75 */
}



/* Mobile landscape */
@media screen and (min-width: 480px) {

}

/* Small tablet portrait */
@media screen and (min-width: 600px) {

    #content {
        float: left;
        padding: 0;
        margin: 24px 0 24px 10px;
        width: 63.333333333333%; /* (380 / 600) * 100 = 63.333333333333% */
    }
    #sidebar {
        float: right;
        padding: 0;
        margin: 24px 10px 24px 0;
        width: 30%; /* (180 / 600) * 100 = 30% */
    }
    h2.widgettitle {
        padding-top: 0;
    }
    .post .entry .alignleft,
    .post .entry .alignleft .highlight-box {
        width: auto;
        margin: 0 12px 12px 0;
    }
    .post .entry .alignright,
    .post .entry .alignright .highlight-box {
        width: auto;
        margin: 0 0 12px 12px;
    }
}

/* Tablet portrait */
@media screen and (min-width: 768px) {

}

/* Small tablet landscape */
@media screen and (min-width: 800px) {

}

/* Tablet landscape > */
@media screen and (min-width: 1024px) {
    #wrapper {
        width:920px;
        text-align:left;
        zoom:1;
        margin:0 auto;
    }
    #content {
        float:left;
        width:600px;
        padding:20px 20px 20px 0;
    }

    body.attachment #content {
        width:920px;
        padding:20px 0;
    }

    #sidebar {
        float:right;
        width:300px;
        padding-bottom:20px;
    }

    .thin-sidebar {
        float:left;
        width:140px;
    }
    #title {
        width:920px;
        overflow:hidden;
        font-size:4.6em;
        font-weight:700;
        line-height:1.3em;
        text-align:center;
        vertical-align:middle;
        background:url(../img/wuw2.jpg) no-repeat;
        height:180px;
        text-indent:-999em!important;
        margin:0;
    }
    #title a:link,#title a:visited {
        display:block;
        height:100%;
        overflow:auto;
        font-size:48px;
        text-align:center;
        vertical-align:middle;
    }
}