Movie details page

couchpotato/static/style/main.scss

@@ -24,7 +24,7 @@ a {
 }
 
 .header {
-    width: 130px;
+    width: $header-width;
 
 	font-weight: 200;
 
@@ -37,6 +37,7 @@ a {
 
         .logo {
             background: $couch_color;
+            opacity: .05;
             display: block;
             text-align: center;
 
@@ -100,12 +101,6 @@ a {
     display: none;
     padding: $padding 0;
 
-    .page {
-        margin-top: $header-height - $padding;
-        z-index: 10;
-        padding: 0;
-    }
-
     &.active {
         display: block;
     }
@@ -115,9 +110,10 @@ a {
         position: fixed;
         top: 0;
         height: $header-height;
-        left: 130px;
+        left: $header-width;
         right: 0;
         background: $background_color;
+        border-radius: 3px 0 0 3px;
         z-index: 100;
 
         ul {
@@ -148,3 +144,9 @@ a {
     }
 
 }
+
+@for $i from 1 through 4 {
+    .level_#{$i} {
+        z-index: #{$i * 10};
+    }
+}

couchpotato/static/style/mixins.scss

@@ -4,6 +4,7 @@ $menu_color: #111;
 $theme_off: #f2f2f2;
 
 $header-height: 80px;
+$header-width: 130px;
 $padding: 20px;
 
 @import "susy";