CouchPotatoServer/couchpotato/static/style/main.scss

@import "fonts";
@import "mixins";

body, html {
	font-size: 14px;
	line-height: 1.5;
	font-family: OpenSans, "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	height:  100%;
	margin: 0;
	padding: 0;
	background: #111;
	-webkit-font-smoothing: subpixel-antialiased;
    overflow: hidden;
}

body {
    @include flexbox();
    flex-flow: row nowrap;
}

a {
    text-decoration: none;
}

.header {
    width: 130px;

	font-weight: 200;

    a {
        color: #FFF;
        letter-spacing: 1px;
    }

    .navigation {

        .logo {
            background: #ac0000;
            display: block;
            text-align: center;

            font-family: Lobster;
            color: #FFF;
            font-size: 38px;
            line-height: 80px;
            height: 80px;

            span:nth-child(odd){
                display: block;
            }
            span:nth-child(even){
                display: none;

            }
        }

        ul {
            padding: 0;
            margin: 0;

            li a {
                padding: 10px 20px;
                display: block;
            }
        }

    }
}


.content {
    @include flex(1 auto);

    background: #FFF;
    border-radius: 3px 0 0 3px;
    overflow: hidden;

    h1, h2, h3 {
        padding: 0;
        margin: 0;
    }

    .pages {
        height: 100%;
        widows: 100%;
    }

    .footer {
        position: fixed;
        bottom: 0;
        height: 20px;
        width: 100%;
    }
}

.page {

    display: none;
    padding: 20px;

    &.active {
        display: block;
    }

}