|
|
@ -302,42 +302,10 @@ body.guide .main.container > * { |
|
|
|
background-color: #000000 !important; |
|
|
|
} |
|
|
|
body#example { |
|
|
|
background: #191919 url(../images/icons.png) !important; |
|
|
|
|
|
|
|
-moz-transform-origin: 50% 50%; |
|
|
|
-o-transform-origin: 50% 50%; |
|
|
|
-ms-transform-origin: 50% 50%; |
|
|
|
transform-origin: 50% 50%; |
|
|
|
|
|
|
|
-webkit-animation-name: masthead; |
|
|
|
-moz-animation-name: masthead; |
|
|
|
-o-animation-name: masthead; |
|
|
|
animation-name: masthead; |
|
|
|
|
|
|
|
opacity: 1; |
|
|
|
|
|
|
|
-webkit-animation-duration: 30s; |
|
|
|
-moz-animation-duration: 30s; |
|
|
|
-ms-animation-duration: 30s; |
|
|
|
-o-animation-duration: 30s; |
|
|
|
animation-duration: 30s; |
|
|
|
|
|
|
|
-webkit-animation-fill-mode: both; |
|
|
|
-moz-animation-fill-mode: both; |
|
|
|
-ms-animation-fill-mode: both; |
|
|
|
-o-animation-fill-mode: both; |
|
|
|
animation-fill-mode: both; |
|
|
|
|
|
|
|
animation-timing-function: linear; |
|
|
|
-webkit-animation-timing-function: linear; |
|
|
|
|
|
|
|
-webkit-animation-iteration-count: infinite; |
|
|
|
-moz-animation-iteration-count: infinite; |
|
|
|
-ms-animation-iteration-count: infinite; |
|
|
|
-o-animation-iteration-count: infinite; |
|
|
|
animation-iteration-count: infinite; |
|
|
|
|
|
|
|
transform: rotateZ(0deg); |
|
|
|
background: #2C2C2C url(../images/icons.png) !important; |
|
|
|
} |
|
|
|
body#example.index { |
|
|
|
background: #2C2C2C !important; |
|
|
|
} |
|
|
|
#example .masthead:before { |
|
|
|
position: absolute; |
|
|
|