source: themes/berlin/scss/partials/_global_layout.scss @ 2640:489437dde4f5

body {
    background: $gray-light url(img/bg_light.png);
    color: $primary-color;
}
#main {
    background-color: $white;
    padding: 1em .5em 2em;
}
#page {
    @include zen-grid-container();
    max-width: $large-screen;
    margin: 0 auto;
    padding: 0;
}
#wrapper {
    @include zen-grid-container();
}
.header {
    position: relative;
    padding: .25em 0;
    }
@media all and(max-width: $small-screen) {
    #main {
        padding: .5em;
    }
}
@media screen and(min-width: ($xlarge-screen + .1em)) and(max-width: 110em) {
    #page {
        max-width: $xlarge-screen;
    }
    #main {
        @include zen-grid-item(9,1)
    }
    #sidebar {
        @include zen-grid-item(3,10)
    }
}
@media screen and(min-width: 110.1em) {
    body {
        font-size: 1.125em;
    }
    #page {
        max-width: 103em;
    }
    .header {
        max-width: zen-grid-item-width(8);
        padding-bottom: 0;
    }
    #main {
        @include zen-grid-item(8,1)
    }
    #sidebar {
        @include zen-grid-item(4,9);
    }
    #blognav, #blogextra {
        width: 49%;
        display: inline-block;
        vertical-align: top;
    }
}