|
|
@ -168,20 +168,12 @@ header { |
|
|
|
display: inline-block; |
|
|
|
} |
|
|
|
#stream .container{ |
|
|
|
width: 200px; |
|
|
|
height: 200px; |
|
|
|
-webkit-border-radius: 200px; |
|
|
|
-webkit-background-clip: padding-box; |
|
|
|
-moz-border-radius: 200px; |
|
|
|
-moz-background-clip: padding; |
|
|
|
border-radius: 200px; |
|
|
|
background-clip: padding-box; |
|
|
|
float: left; |
|
|
|
background-size: cover; |
|
|
|
background-position: center center; |
|
|
|
vertical-align: middle; |
|
|
|
display: inline-block; |
|
|
|
margin: 0 .2em 0 0; |
|
|
|
background-clip: padding-box; |
|
|
|
background-position: center center; |
|
|
|
background-size: cover; |
|
|
|
height: 600px; |
|
|
|
width: 100%; |
|
|
|
|
|
|
|
} |
|
|
|
/* reset header img styles */ |
|
|
|
#stream .container img{ |
|
|
@ -193,9 +185,16 @@ header { |
|
|
|
#stream.overview{ |
|
|
|
width: 100%; |
|
|
|
} |
|
|
|
#stream.overview .container{ |
|
|
|
/* #stream.overview .container{ |
|
|
|
margin: 0 1em 1em 0; |
|
|
|
} |
|
|
|
}*/ |
|
|
|
|
|
|
|
div.container:nth-child(2n) { |
|
|
|
transform: skew(-2deg); |
|
|
|
} |
|
|
|
div.container:nth-child(2n+1) { |
|
|
|
transform: skew(2deg); |
|
|
|
} |
|
|
|
|
|
|
|
#translation{ |
|
|
|
position: absolute; |
|
|
|