9 changed files with 141 additions and 64 deletions
@ -1,19 +1,99 @@ |
|||||
@import "fonts"; |
@import "fonts"; |
||||
|
@import "mixins"; |
||||
|
|
||||
body, html { |
body, html { |
||||
font-size: 12px; |
font-size: 14px; |
||||
line-height: 1.5; |
line-height: 1.5; |
||||
font-family: OpenSans, "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; |
font-family: OpenSans, "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; |
||||
height: 100%; |
height: 100%; |
||||
margin: 0; |
margin: 0; |
||||
padding: 0; |
padding: 0; |
||||
background: #FFF; |
background: #111; |
||||
-webkit-font-smoothing: subpixel-antialiased; |
-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; |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
|
||||
&.noscroll { |
ul { |
||||
overflow: hidden; |
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; |
||||
|
|
||||
|
.pages { |
||||
|
height: 100%; |
||||
|
widows: 100%; |
||||
|
} |
||||
|
|
||||
|
.footer { |
||||
|
position: fixed; |
||||
|
bottom: 0; |
||||
|
height: 20px; |
||||
|
width: 100%; |
||||
} |
} |
||||
} |
} |
||||
|
|
||||
body { overflow-y: scroll; } |
.page { |
||||
|
|
||||
|
display: none; |
||||
|
|
||||
|
&.active { |
||||
|
display: block; |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
Loading…
Reference in new issue