aboutigor
Version:
Igor? Who, where, when, how?
111 lines (92 loc) • 1.99 kB
text/stylus
// APP STYLES
// ----------------------------------------------------------------------------
// Import external styles.
@require "normalize"
// Variables.
windowBg = rgb(0, 0, 0)
panelBg = rgba(0, 0, 0, 0.8)
textColor = rgb(240, 245, 250)
linkColor = rgb(250, 210, 110)
hoverLinkColor = rgb(235, 150, 50)
// Special font face.
@font-face
font-family 'SansationRegular'
src url('../fonts/SansationRegular.eot')
src url('../fonts/SansationRegular.eot?#iefix') format('embedded-opentype'), url('../fonts/SansationRegular.woff') format('woff'), url('../fonts/SansationRegular.ttf') format('truetype')
font-weight normal
font-style normal
// MAIN LAYOUT
// ----------------------------------------------------------------------------
html
height 100%
width 100%
// Body styles.
body
background windowBg
color textColor
font 15px/1.4 "SansationRegular", Helvetica, Arial, sans-serif
height 100%
margin 0
overflow hidden
padding 0
width 100%
-webkit-font-smoothing antialiased
// Links.
a
color linkColor
text-decoration none
// Hover links.
a:hover
color hoverLinkColor
// Page title.
h1
font-size 54px
margin 0 0 10px 0
// Sub titles.
h2
font-size 18px
margin 8px 0 6px 0
padding 0
// Bg picture.
#bg
background no-repeat center
-moz-background-size cover
-webkit-background-size cover
background-size cover
height 100%
left 0
position fixed
top 0
width 100%
z-index 1
// Main wrapper.
#wrapper
background panelBg
border-right 1px solid panelBg
height 100%
left 0
position absolute
top 0
max-width 460px
z-index 3
// Disabled arrow.
.hidden
display none
// Align center.
.center
text-align center
// Panels.
.panel
margin auto
padding 10px 12px 6px 12px
// Links div.
.links
a
margin-right 16px
// Lists
ul
margin
padding 0 0 0 16px
li
margin 0
padding 0