[IMP] backround independant theme

bzr revid: fp@tinyerp.com-20130830104838-1ryj7uv1trtgp3jr

2 files changed, 16 insertions, 86 deletions

diff --git a/addons/website/static/src/css/website.css b/addons/website/static/src/css/website.css
index c17bbea525e..8389b725131 100644
--- a/addons/website/static/src/css/website.css
+++ b/addons/website/static/src/css/website.css
@@ -118,6 +118,7 @@ footer {
   background: #eff8f8;
   padding-top: 48px;
   padding-bottom: 48px;
+  background: rgba(100, 200, 200, 0.1);
 }
 
 /* ---- HACK FOR COVERING UP CK EDITOR BOGUS P INSERTION --- */
@@ -125,14 +126,6 @@ footer {
   margin-bottom: 0px;
 }
 
-.navbar .nav > li a {
-  text-shadow: none;
-}
-
-.nav > li a {
-  display: block;
-}
-
 #myCarousel .item {
   color: white;
 }
@@ -140,6 +133,7 @@ footer {
 /* ---- HOMEPAGE THEME CUSTOMIZATION ---- */
 .dark {
   background: #eff8f8;
+  background: rgba(100, 200, 200, 0.1);
 }
 
 /* Hacks to remove   */
@@ -147,44 +141,8 @@ div#wrap .carousel {
   top: -20px;
 }
 
-/* -- Hack for nav header -- */
-.nav > li.nav-header {
-  display: block;
-  font-size: 11px;
-  font-weight: bold;
-  line-height: 20px;
-  color: #999999;
-  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
-  text-transform: uppercase;
-}
-
-.nav.nav-hierarchy {
-  padding-left: 16px;
-}
-
-.navbar-inverse .divider-vertical {
-  height: 40px;
-  margin: 0 9px;
-  border-right: 1px solid white;
-  border-left: 1px solid #f2f2f2;
-}
-
-.navbar-nav .divider-vertical {
-  border-right-color: #222222;
-  border-left-color: #080808;
-}
-
-.navbar-inverse {
-  background-image: -moz-linear-gradient(top, #222222, #080808);
-  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#080808));
-  background-image: -webkit-linear-gradient(top, #222222, #080808);
-  background-image: -o-linear-gradient(top, #222222, #080808);
-  background-image: linear-gradient(to bottom, #222222, #080808);
-  background-repeat: repeat-x;
-}
-
 /* -- Hack for removing double scrollbar from mobile preview -- */
-.modal {
+div#mobile-preview.modal {
   overflow: hidden;
   overflow-y: hidden;
 }
@@ -193,6 +151,6 @@ ul.nav-stacked > li > a {
   padding: 2px 15px;
 }
 
-.dropdown-header {
+#customize-menu .dropdown-header {
   text-transform: uppercase;
 }
diff --git a/addons/website/static/src/css/website.sass b/addons/website/static/src/css/website.sass
index faa9434a5e5..e9a5953f1b8 100644
--- a/addons/website/static/src/css/website.sass
+++ b/addons/website/static/src/css/website.sass
@@ -80,9 +80,10 @@ html,body
 footer
     box-sizing: border-box
     height: 380px
-    background: rgb(239, 248, 248) // rgb(221, 235, 227)
+    background: rgb(239, 248, 248)
     padding-top: 48px
     padding-bottom: 48px
+    background: rgba(100, 200, 200, 0.1)
 
 
 /* ---- HACK FOR COVERING UP CK EDITOR BOGUS P INSERTION --- */
@@ -90,11 +91,11 @@ footer
 .navbar .nav > li > p
     margin-bottom: 0px
 
-.navbar .nav > li  a
-    text-shadow: none
+// .navbar .nav > li  a
+//     text-shadow: none
 
-.nav > li  a 
-    display: block
+// .nav > li  a 
+//     display: block
 
 #myCarousel .item
     color: white
@@ -102,51 +103,22 @@ footer
 /* ---- HOMEPAGE THEME CUSTOMIZATION ---- */
 
 .dark
-    background: rgb(239, 248, 248)
+    background: #eff8f8
+    background: rgba(100, 200, 200, 0.1)
 
 /* Hacks to remove   */
 div#wrap
     .carousel
         top: -20px
 
-/* -- Hack for nav header -- */
-.nav > li.nav-header
-    display: block
-    font-size: 11px
-    font-weight: bold
-    line-height: 20px
-    color: #999999
-    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5)
-    text-transform: uppercase
-
-.nav.nav-hierarchy 
-    padding-left: 16px
-
-.navbar-inverse .divider-vertical
-    height: 40px
-    margin: 0 9px
-    border-right: 1px solid #ffffff
-    border-left: 1px solid #f2f2f2
-
-.navbar-nav .divider-vertical
-    border-right-color: #222
-    border-left-color: #080808
-
-.navbar-inverse
-    background-image: -moz-linear-gradient(top, #222, #080808)
-    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222), to(#080808))
-    background-image: -webkit-linear-gradient(top, #222, #080808)
-    background-image: -o-linear-gradient(top, #222, #080808)
-    background-image: linear-gradient(to bottom, #222, #080808)
-    background-repeat: repeat-x
-
 /* -- Hack for removing double scrollbar from mobile preview -- */
-.modal
+div#mobile-preview.modal
     overflow: hidden
     overflow-y: hidden
 
 ul.nav-stacked > li > a
     padding: 2px 15px
 
-.dropdown-header
-    text-transform: uppercase
+#customize-menu
+    .dropdown-header
+        text-transform: uppercase