only apply background gradient to <html>
authorHakim El Hattab <hakim.elhattab@gmail.com>
Fri, 23 Dec 2011 06:01:10 +0000 (22:01 -0800)
committerHakim El Hattab <hakim.elhattab@gmail.com>
Fri, 23 Dec 2011 06:01:10 +0000 (22:01 -0800)
css/main.css

index cf2e92c2f4dea386b9d8f7d5f261d7c3c50cd5cc..851d2622a546b3817e974f81f7bafaa961f58289 100644 (file)
@@ -32,14 +32,15 @@ html, body {
        font-weight: 200;
        letter-spacing: -0.02em;
        
-       background: #111;
        color: #eee;
        
        width: 100%;
        height: 100%;
 
        min-height: 600px;
+}
 
+html {
        background: #555a5f;
        background: -moz-radial-gradient(center, ellipse cover, #555a5f 0%, #1c1e20 100%);
        background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#555a5f), color-stop(100%,#1c1e20));
@@ -49,7 +50,6 @@ html, body {
        background: radial-gradient(center, ellipse cover, #555a5f 0%,#1c1e20 100%);
 }
 
-
 /*********************************************
  * HEADERS
  *********************************************/
@@ -467,7 +467,7 @@ section img {
  *********************************************/
 
 .progress {
-       position: absolute;
+       position: fixed;
        display: none;
        height: 4px;
        width: 100%;