Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Tree: 506fbc424d
Fetching contributors…

Cannot retrieve contributors at this time

143 lines (112 sloc) 2.618 kB
/*
Welcome to Compass.
In this file you should write your main styles. (or centralize your imports)
Import this file using the following HTML or equivalent:
<link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" />
@import compass/reset
@import compass/css3
$orange: #ff4300
html
width: 100%
height: 100%
body.ui
background: #444
width: 100%
height: 100%
font: 14px/1.2em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif
color: #000
img
display: block
a
text-decoration: none
color: #000
#container
width: 1024px
height: 100%
position: relative
left: 50%
margin-left: -512px
#current
width: 584px
position: absolute
height: 100%
left: 220px
@include box-shadow(rgba(0,0,0,.8) 0 4px 20px)
z-index: 20
overflow: hidden
#video
width: 584px
height: 365px
position: absolute
top: -365px
left: 0
z-index: 30
.button
background: #222
color: #fff
float: left
padding: 0 12px
line-height: 36px
margin-left: 16px
#current-video
@include background-image(linear-gradient(#f6f6f6, #c8c8c8))
@include box-shadow(rgba(0,0,0,.8) 0 2px 15px)
width: 100%
float: left
#teaser-button
width: 300px
float: left
img
border: 4px solid #222
margin: 52px 16px 16px 16px
float: left
#description
width: 268px
float: left
margin-top: 50px
@include single-text-shadow(0, 1px, 0, false, rgba(255,255,255,.6))
#nowon
color: $orange
h1
font-size: 28px
line-height: 28px
margin-bottom: 5px
h2
margin-bottom: 10px
strong
font-weight: bold
p
margin-bottom: 15px
strong
font-weight: bold
.sidebar
width: 220px
position: absolute
top: 0
height: 100%
background: #333
.sidebar-video
width: 180px
@include background-image(linear-gradient(#f6f6f6, #c8c8c8))
padding: 0 20px 10px 20px
float: left
.sidebar-title
float: left
margin-top: 10px
margin-bottom: 4px
font-weight: bold
color: $orange
img
border: 2px solid #222
h3
margin-top: 4px
font-weight: bold
.sidebar-video:hover
background: #222
color: #ccc
img
border-color: #ccc
#prev
left: 0
#next
right: 0
Jump to Line
Something went wrong with that request. Please try again.