sass reorg part1, dont include base_old

bzr revid: al@openerp.com-20120407140006-6ali9prtrii9806a

1 files changed, 285 insertions, 309 deletions

diff --git a/addons/web/static/src/css/base.sass b/addons/web/static/src/css/base.sass
index a5bcbd2aa5a..aa796154929 100644
--- a/addons/web/static/src/css/base.sass
+++ b/addons/web/static/src/css/base.sass
@@ -1,5 +1,12 @@
 @charset "utf-8"
 
+// Variables {{{
+$section-title-color: #8786b7
+$facets-border: #afafb6
+$facets-border-selected: #a6a6fe
+$colour4: #8a89ba
+// }}}
+// Mixins {{{
 @font-face
     font-family: 'mnmliconsRegular'
     src: url('/web/static/src/font/mnmliconsv21-webfont.eot') format('eot')
@@ -9,14 +16,6 @@
     font-weight: normal
     font-style: normal
 
-// Variables {{{
-$section-title-color: #8786b7
-$facets-border: #afafb6
-$facets-border-selected: #a6a6fe
-$colour4: #8a89ba
-//$colour4: #d14836
-// }}}
-// Mixins {{{
 @mixin vertical-gradient($startColor: #555, $endColor: #333)
     background-color: $startColor
     background-image: -webkit-gradient(linear, left top, left bottom, from($startColor), to($endColor)) /* Saf4+, Chrome */
@@ -68,14 +67,6 @@ $colour4: #8a89ba
 // }}}
 
 .openerp2
-
-    // Global style {{{
-    .oe_i
-        font-family: "mnmliconsRegular" !important
-        font-size: 21px
-        font-weight: 300 !important
-    // }}}
-
     // Global style {{{
     padding: 0
     margin: 0
@@ -85,10 +76,65 @@ $colour4: #8a89ba
     background: white
     position: relative
     height: 100%
+
     a
         text-decoration: none
+    // }}}
+    // Tag reset {{{
+    table
+        padding: 0
+        font-size: 13px
+        border-collapse: collapse
+    thead
+        font-weight: bold
+        background-color: #f0f0f0
+        th
+            border-right: 1px dotted #afafb6
+            &:last-child
+                border-right: none
+    th, td
+        padding: 0
+        line-height: 18px
+        text-align: left
+    th
+        font-weight: bold
+        vertical-align: middle
+
+    td
+        vertical-align: top
 
-    // buttons
+    .zebra tbody tr:nth-child(odd) td
+        background-color: #f0f0fa
+        @include vertical-gradient(#f0f0fa, #eeeef6)
+
+    .zebra tbody tr:hover td
+        @include vertical-gradient(#eee, #dedede)
+
+    .numeric
+        text-align: right
+        width: 82px
+        input
+            text-align: right
+    ul, li
+        margin: 0
+        padding: 0
+    
+    li
+        list-style-type: none
+    // }}}
+    // Generic classes {{{
+    .oe_i
+        font-family: "mnmliconsRegular" !important
+        font-size: 21px
+        font-weight: 300 !important
+    .oe_left
+        float: left
+    .oe_right
+        float: right
+    .oe_clear
+        clear: both
+    // }}}
+    // Button style {{{
     a.button:link, a.button:visited, button, input[type='submit']
         display: inline-block
         border: 1px solid #ababab
@@ -152,58 +198,6 @@ $colour4: #8a89ba
         width: 90px
         @include vertical-gradient(#dc5f59, #b33630)
 
-    // Tag reset {{{
-    table
-        padding: 0
-        font-size: 13px
-        border-collapse: collapse
-    thead
-        font-weight: bold
-        background-color: #f0f0f0
-        th
-            border-right: 1px dotted #afafb6
-            &:last-child
-                border-right: none
-    th, td
-        padding: 0
-        line-height: 18px
-        text-align: left
-    th
-        font-weight: bold
-        vertical-align: middle
-
-    td
-        vertical-align: top
-
-    .zebra tbody tr:nth-child(odd) td
-        background-color: #f0f0fa
-        @include vertical-gradient(#f0f0fa, #eeeef6)
-
-    .zebra tbody tr:hover td
-        @include vertical-gradient(#eee, #dedede)
-
-    .numeric
-        text-align: right
-        width: 82px
-        input
-            text-align: right
-    ul, li
-        margin: 0
-        padding: 0
-    
-    li
-        list-style-type: none
-    // }}}
-
-    
-    // }}}
-    // Generic classes {{{
-    .oe_left
-        float: left
-    .oe_right
-        float: right
-    .oe_clear
-        clear: both
     // }}}
     // Fullscreen mode {{{
     .oe_content_full_screen
@@ -472,12 +466,10 @@ $colour4: #8a89ba
         width: 100%
         height: 100%
         border-spacing: 0px
-    // }}}
-    // Main {{{
     .view-manager-main-table
         width: 100%
     // }}}
-    // Application to rename into action {{{
+    // ActionManager {{{
     .oe_application
         width: 100%
         a
@@ -485,8 +477,171 @@ $colour4: #8a89ba
             &:hover
                 text-decoration: underline
     // }}}
+    // SearchView {{{
+    .oe_searchview
+        position: relative
+
+        .VS-search
+            .VS-search-box
+                min-height: 0
+                border-width: 1px
+                padding: 0
 
+            .VS-icon
+                top: 5px
 
+            .VS-icon-search
+                left: 5px
+
+            .VS-search-inner
+                margin: 0 40px 0 17px
+                font-size: 13px
+
+                input
+                    font-size: inherit
+                    line-height: inherit
+                    height: auto
+                    padding: 0
+
+                .VS-input-width-tester
+                    font-size: inherit
+                    padding: 0
+
+                .search_input
+                    margin-left: 0
+                    height: 22px
+                    input, .VS-input-width-tester
+                        padding: 0 2px
+                        height: inherit
+                        margin: 0
+
+                .search_facet
+                    padding: 0
+                    margin: 1px 0
+                    border: 1px solid $facets-border
+                    @include radius(3px)
+                    background: #f0f0fa
+                    height: 18px
+
+                    &.is_selected
+                        border-color: $facets-border-selected
+                        @include box-shadow(0 0 3px 1px $facets-border-selected)
+
+                        .category
+                            margin-left: 0
+                        .VS-icon-cancel
+                            // don't change the icon on selection
+                            @include opacity(1.0)
+                            background-position: center 0
+
+                    .category
+                        padding: 0 4px 0 14px
+                        color: white
+                        background: #8786b7
+                        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4)
+                        font-weight: normal
+                        text-transform: none
+                        height: 18px
+                        line-height: 18px
+                        font-size: inherit
+
+                    .search_facet_input_container
+                        border-left: 1px solid $facets-border
+                        height: 18px
+                        line-height: 18px
+                        padding: 0 4px
+                        cursor: pointer
+
+                    .search_facet_remove
+                        left: 1px
+                        top: 3px
+
+            .VS-icon-cancel
+                right: 24px
+
+            .oe_vs_unfold_drawer
+                position: absolute
+                top: 0
+                right: 0
+                height: 100%
+                line-height: 23px
+                padding: 0 7px 0 4px
+                color: #ccc
+                cursor: pointer
+                &:before
+                    content: "▾"
+
+        &.oe_searchview_open_drawer
+            .oe_searchview_drawer
+                display: block
+
+        .oe_searchview_drawer
+            position: absolute
+            top: 100%
+            right: 0
+            background-color: white
+            width: 500px
+            display: none
+            border: 1px solid #ccc
+
+            .oe_searchview_filters
+                display: table
+                width: 100%
+
+                > div
+                    @include unscrew-box
+                    display: table-cell
+                    width: 50%
+
+                h3
+                    margin: 2px 4px 2px 8px
+                    color: $section-title-color
+
+                ul
+                    margin: 0 12px 3px
+                    padding: 0
+                    list-style: none
+
+                li
+                    list-style: none
+                    padding: 3px 6px
+                    height: 14px
+                    color: inherit
+                    cursor: pointer
+
+                    &:hover
+                        background-color: #f0f0fa
+
+            .oe_searchview_advanced
+                h4
+                    border-top: 1px solid #ccc
+                    margin: 5px 0 3px
+                    cursor: pointer
+
+                h4:before
+                    content: "▸ "
+
+                div
+                    display: none
+
+                button.oe_add_condition:before
+                    content: "⊞ "
+                button.oe_apply:before
+                    content: "⚡ "
+
+                ul
+                    list-style: none
+                    padding: 0
+                li
+                    list-style: none
+                    margin: 0
+
+                &.oe_opened
+                    h4:before
+                        content: "▾ "
+                    div
+                        display: block
+    // }}}
     // Content Header {{{
     .oe-view-manager-header
         border-top: 1px solid #cacaca
@@ -553,10 +708,7 @@ $colour4: #8a89ba
                     color: #fff
                     text-shadow: 0 1px 2px rgba(0,0,0,0.4)
     // }}}
-
-
-
-    // FormView Layout {{{
+    // ViewManager SearchView v2 Layout {{{
     .searcharea
         position: relative
         float: right
@@ -655,7 +807,60 @@ $colour4: #8a89ba
         cursor: pointer
         display: none
     // }}}
+    // ViewManager Dropdown {{{
+    .oe_form_dropdown_section
+        position: relative
+        display: inline-block
+        margin-right: 4px
+
+    .oe_dropdown_toggle:after
+        width: 0
+        height: 0
+        display: inline-block
+        content: "&darr"
+        text-indent: -99999px
+        vertical-align: top
+        border-left: 4px solid transparent
+        border-right: 4px solid transparent
+        border-top: 4px solid white
+        @include opacity(0.5)
+
+        margin-top: 7px
+        margin-left: 6px
+        border-top-color: #404040
+
+    .oe_dropdown_menu
+        display: none
+        position: absolute
+        top: 28px
+        left: 0px
+        padding: 8px
+        border: 1px solid #afafb6
+        width: 120px
+        overflow-x: hidden
+        z-index: 900
+        background: white
+        @include radius(3px)
+        @include box-shadow(0 1px 4px rgba(0,0,0,0.3))
+        li
+            list-style-type: none
+            float: none
+            display: block
+            background-color: none
+            a
+                display: block
+                padding: 3px 6px
+                clear: both
+                font-weight: normal
+                line-height: 14px
+                color: #4c4c4c
+                text-decoration: none
+                &:hover
+                    text-decoration: none
+                    @include vertical-gradient(#f0f0fa, #eeeef6)
+                    @include box-shadow(none)
 
+    // }}}
     // FormView Layout {{{
     .oe_form
         label
@@ -763,12 +968,10 @@ $colour4: #8a89ba
     .oe_layout_debug_cell
         display: none
     // }}}
-
-    // FormView Widgets {{{
+    // FormView Label {{{
     .oe_form_label_help[for], .oe_form_label[for]
         white-space: nowrap
     // }}}
-
     // FormView Notebook {{{
     .oe_form_notebook
         margin: 8px 0
@@ -811,61 +1014,8 @@ $colour4: #8a89ba
     .ui-tabs-hide
         display: none
 
-    // FormView Dropdown {{{
-
-    .oe_form_dropdown_section
-        position: relative
-        display: inline-block
-        margin-right: 4px
-
-    .oe_dropdown_toggle:after
-        width: 0
-        height: 0
-        display: inline-block
-        content: "&darr"
-        text-indent: -99999px
-        vertical-align: top
-        border-left: 4px solid transparent
-        border-right: 4px solid transparent
-        border-top: 4px solid white
-        @include opacity(0.5)
-
-        margin-top: 7px
-        margin-left: 6px
-        border-top-color: #404040
-
-    .oe_dropdown_menu
-        display: none
-        position: absolute
-        top: 28px
-        left: 0px
-        padding: 8px
-        border: 1px solid #afafb6
-        width: 120px
-        overflow-x: hidden
-        z-index: 900
-        background: white
-        @include radius(3px)
-        @include box-shadow(0 1px 4px rgba(0,0,0,0.3))
-        li
-            list-style-type: none
-            float: none
-            display: block
-            background-color: none
-            a
-                display: block
-                padding: 3px 6px
-                clear: both
-                font-weight: normal
-                line-height: 14px
-                color: #4c4c4c
-                text-decoration: none
-                &:hover
-                    text-decoration: none
-                    @include vertical-gradient(#f0f0fa, #eeeef6)
-                    @include box-shadow(none)
-
-    // List view {{{
+    // }}}
+    // ListView {{{
     .oe-listview-content
         width: 100%
         thead, tfoot
@@ -918,7 +1068,7 @@ $colour4: #8a89ba
             @include box-shadow(none)
             @include opacity(0.6)
     // }}}
-    // Kanban view {{{
+    // KanbanView {{{
     .oe_kanban_group_title
         margin: 1px 1px 4px
         font-size: 15px
@@ -956,180 +1106,6 @@ $colour4: #8a89ba
         @include box-shadow(0 1px 2px rgba(0,0,0,0.2))
     // }}}
 
-    // Application to rename into action {{{
-    .oe_application
-        a
-            color: $colour4
-            &:hover
-                text-decoration: underline
-    // }}}
-
-    // Search View {{{
-    .oe_searchview
-        position: relative
-
-        .VS-search
-            .VS-search-box
-                min-height: 0
-                border-width: 1px
-                padding: 0
-
-            .VS-icon
-                top: 5px
-
-            .VS-icon-search
-                left: 5px
-
-            .VS-search-inner
-                margin: 0 40px 0 17px
-                font-size: 13px
-
-                input
-                    font-size: inherit
-                    line-height: inherit
-                    height: auto
-                    padding: 0
-
-                .VS-input-width-tester
-                    font-size: inherit
-                    padding: 0
-
-                .search_input
-                    margin-left: 0
-                    height: 22px
-                    input, .VS-input-width-tester
-                        padding: 0 2px
-                        height: inherit
-                        margin: 0
-
-                .search_facet
-                    padding: 0
-                    margin: 1px 0
-                    border: 1px solid $facets-border
-                    @include radius(3px)
-                    background: #f0f0fa
-                    height: 18px
-
-                    &.is_selected
-                        border-color: $facets-border-selected
-                        @include box-shadow(0 0 3px 1px $facets-border-selected)
-
-                        .category
-                            margin-left: 0
-                        .VS-icon-cancel
-                            // don't change the icon on selection
-                            @include opacity(1.0)
-                            background-position: center 0
-
-                    .category
-                        padding: 0 4px 0 14px
-                        color: white
-                        background: #8786b7
-                        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4)
-                        font-weight: normal
-                        text-transform: none
-                        height: 18px
-                        line-height: 18px
-                        font-size: inherit
-
-                    .search_facet_input_container
-                        border-left: 1px solid $facets-border
-                        height: 18px
-                        line-height: 18px
-                        padding: 0 4px
-                        cursor: pointer
-
-                    .search_facet_remove
-                        left: 1px
-                        top: 3px
-
-            .VS-icon-cancel
-                right: 24px
-
-            .oe_vs_unfold_drawer
-                position: absolute
-                top: 0
-                right: 0
-                height: 100%
-                line-height: 23px
-                padding: 0 7px 0 4px
-                color: #ccc
-                cursor: pointer
-                &:before
-                    content: "▾"
-
-        &.oe_searchview_open_drawer
-            .oe_searchview_drawer
-                display: block
-
-        .oe_searchview_drawer
-            position: absolute
-            top: 100%
-            right: 0
-            background-color: white
-            width: 500px
-            display: none
-            border: 1px solid #ccc
-
-            .oe_searchview_filters
-                display: table
-                width: 100%
-
-                > div
-                    @include unscrew-box
-                    display: table-cell
-                    width: 50%
-
-                h3
-                    margin: 2px 4px 2px 8px
-                    color: $section-title-color
-
-                ul
-                    margin: 0 12px 3px
-                    padding: 0
-                    list-style: none
-
-                li
-                    list-style: none
-                    padding: 3px 6px
-                    height: 14px
-                    color: inherit
-                    cursor: pointer
-
-                    &:hover
-                        background-color: #f0f0fa
-
-            .oe_searchview_advanced
-                h4
-                    border-top: 1px solid #ccc
-                    margin: 5px 0 3px
-                    cursor: pointer
-
-                h4:before
-                    content: "▸ "
-
-                div
-                    display: none
-
-                button.oe_add_condition:before
-                    content: "⊞ "
-                button.oe_apply:before
-                    content: "⚡ "
-
-                ul
-                    list-style: none
-                    padding: 0
-                li
-                    list-style: none
-                    margin: 0
-
-                &.oe_opened
-                    h4:before
-                        content: "▾ "
-                    div
-                        display: block
-    // }}}
-
 // Transitional overrides for old styles {{{
 .openerp
     .oe_form_field_many2one