[MERGE] Merged trunk-website-al and done changes according to that.

bzr revid: psa@tinyerp.com-20130830115723-f35ej71osh2axv97

4 files changed, 68 insertions, 176 deletions

diff --git a/addons/website/static/src/css/editor.css b/addons/website/static/src/css/editor.css
index 15a7c6aeb6e..fadad2f7d9e 100644
--- a/addons/website/static/src/css/editor.css
+++ b/addons/website/static/src/css/editor.css
@@ -229,14 +229,8 @@
   left: 0px;
 }
 
-/* ---- MODAL DIALOGS ---- */
-.oe_stop_scrolling {
-  height: 100%;
-  overflow: hidden;
-}
-
 /* ---- MOBILE PREVIEW ---- */
-.oe_mobile_preview.modal {
+.oe_mobile_preview.modal .modal-content {
   height: 660px;
   background-color: black;
   border: 2px solid;
@@ -249,54 +243,40 @@
   right: 0;
   max-width: 330px;
 }
-.oe_mobile_preview.modal .modal-header {
+.oe_mobile_preview.modal .modal-content .modal-header {
   background-color: black;
   border-bottom: 0;
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
 }
-.oe_mobile_preview.modal .modal-header .oe_mobile_preview_title {
+.oe_mobile_preview.modal .modal-content .modal-header .modal-title {
   color: #1a1a1a;
 }
-.oe_mobile_preview.modal .modal-body {
+.oe_mobile_preview.modal .modal-content .modal-header .close {
+  color: lightgrey;
+  opacity: 1;
+}
+.oe_mobile_preview.modal .modal-content .modal-header .close:hover {
+  color: #e00101;
+  opacity: 1;
+}
+.oe_mobile_preview.modal .modal-content .modal-body {
   background-color: black;
   max-height: 600px;
   padding: 0;
   margin: 0;
 }
-.oe_mobile_preview.modal .modal-footer {
-  background-color: black;
-}
-
-.oe_mobile_viewport {
+.oe_mobile_preview.modal .modal-content .modal-body .oe_mobile_viewport {
   width: 320px;
   height: 568px;
   padding: 5px;
   border: none;
 }
-
-.oe_mobile_preview_header .close {
-  color: lightgrey;
-  opacity: 1;
-}
-.oe_mobile_preview_header .close:hover {
-  color: #e00101;
-  opacity: 1;
+.oe_mobile_preview.modal .modal-content .modal-footer {
+  background-color: black;
 }
 
 /* ---- SEO TOOLS ---- */
-.oe_seo_configuration.modal {
-  width: 100%;
-  left: 0;
-  margin-left: 0;
-  top: 0 !important;
-  margin-top: 0 !important;
-  height: 100%;
-}
-.oe_seo_configuration .modal-body {
-  max-height: 100%;
-  height: 100%;
-}
 .oe_seo_configuration ul {
   list-style: none;
 }
diff --git a/addons/website/static/src/css/editor.sass b/addons/website/static/src/css/editor.sass
index d74fb57234b..dadf36a7cd4 100644
--- a/addons/website/static/src/css/editor.sass
+++ b/addons/website/static/src/css/editor.sass
@@ -200,72 +200,54 @@
 .oe_handle.nw,.oe_handle.w,.oe_handle.sw
     left: 0px
 
-/* ---- MODAL DIALOGS ---- */
-
-.oe_stop_scrolling
-    height: 100%
-    overflow: hidden
-
 /* ---- MOBILE PREVIEW ---- */
 
 $mobile_preview_background: #000000
 $mobile_preview_border: #1A1A1A
 $icon_close: #E00101
-.oe_mobile_preview.modal
-    height: 660px
-    background-color: $mobile_preview_background
-    border: 2px solid
-    border-radius: 10px
-    border-color: $mobile_preview_border
-    margin: auto
-    top: 0
-    left: 0
-    bottom: 0
-    right: 0
-    max-width: 330px
-    .modal-header
-        background-color: $mobile_preview_background
-        border-bottom: 0
-        border-top-left-radius: 10px
-        border-top-right-radius: 10px
-        .oe_mobile_preview_title
-            color: $mobile_preview_border
-    .modal-body
+.oe_mobile_preview
+    &.modal .modal-content
+        height: 660px
         background-color: $mobile_preview_background
-        max-height: 600px
-        padding: 0
-        margin: 0
-    .modal-footer
-        background-color: $mobile_preview_background
-
-.oe_mobile_viewport
-    width: 320px
-    height: 568px
-    padding: 5px
-    border: none
-
-.oe_mobile_preview_header
-    .close
-        color: lightgrey
-        opacity: 1
-    .close:hover
-        color: $icon_close
-        opacity: 1
+        border: 2px solid
+        border-radius: 10px
+        border-color: $mobile_preview_border
+        margin: auto
+        top: 0
+        left: 0
+        bottom: 0
+        right: 0
+        max-width: 330px
+        .modal-header
+            background-color: $mobile_preview_background
+            border-bottom: 0
+            border-top-left-radius: 10px
+            border-top-right-radius: 10px
+            .modal-title
+                color: $mobile_preview_border
+            .close
+                color: lightgrey
+                opacity: 1
+            .close:hover
+                color: $icon_close
+                opacity: 1
+        .modal-body
+            background-color: $mobile_preview_background
+            max-height: 600px
+            padding: 0
+            margin: 0
+            .oe_mobile_viewport
+                width: 320px
+                height: 568px
+                padding: 5px
+                border: none
+        .modal-footer
+            background-color: $mobile_preview_background
 
 /* ---- SEO TOOLS ---- */
 
 $remove_color: $icon_close
 .oe_seo_configuration
-    &.modal
-        width: 100%
-        left: 0
-        margin-left: 0
-        top: 0!important
-        margin-top: 0!important
-        height: 100%
-    .modal-body
-        max-height: 100%
-        height: 100%
     ul
         list-style: none
     .oe_remove
diff --git a/addons/website/static/src/css/website.css b/addons/website/static/src/css/website.css
index 1766ed269b3..4ea0e6bd867 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;
   background-color: whitesmoke;
@@ -194,6 +152,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 94c25303a2c..936a34d0cfa 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,46 +103,16 @@ 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
     background-color: whitesmoke
@@ -149,5 +120,6 @@ div#wrap
 ul.nav-stacked > li > a
     padding: 2px 15px
 
-.dropdown-header
-    text-transform: uppercase
+#customize-menu
+    .dropdown-header
+        text-transform: uppercase