background-image: -webkit-radial-gradient(circle, $gradient)
background-image: -moz-radial-gradient($gradient)
background-image: -ms-radial-gradient($gradient)
- background-image: radial-gradient($gradient)
+ background-image: radial-gradient(circle, $gradient)
@mixin radius($radius: 5px)
-moz-border-radius: $radius
// }}}
+#oe_main_menu_navbar
+ min-height: 34px
+ z-index: 1001
+ border-radius: 0
+ li a, li button
+ padding: 4px 8px 4px 8px
+ margin-top: 2px
+ font-size: 13px
+ .oe_topbar_avatar
+ max-height: 18px
+ width: auto
+
+#oe_main_menu_navbar.navbar
+ margin-bottom: 0px
+
+.oe_systray
+ margin-right: 0px !important
+
+// Notifications {{{
+.oe_notification
+ z-index: 1600
+
+.oe_webclient_timezone_notification
+ a
+ color: white
+ text-decoration: underline
+ p
+ margin-top: 1em
+ dt
+ font-weight: bold
+.oe_timezone_systray
+ span
+ margin-top: 1px
+ background-color: #f6cf3b
+// }}}
+// Top Menu {{{
+.navbar
+ .oe_topbar_name
+ max-width: 150px
+ display: inline-block
+ height: 15px // Customize to manage caret when topbar_name is over sized.
+ text-overflow: ellipsis
+ white-space: nowrap
+ overflow: hidden // Customize to bring ellipsis when topbar_name is over sized.
+// }}}
+
.openerp
// Global style {{{
padding: 0
font-size: 13px
background: white
&.openerp_webclient_container
- height: 100%
+ height: calc(100% - 34px)
+ overflow: auto
+ @media (max-width: 768px)
+ &.openerp_webclient_container
+ height: calc(100% - 52px)
// }}}
//Placeholder style{{{
\:-moz-placeholder
td
vertical-align: top
.oe_title
- width: 50%
- float: left
+ float: left
.oe_title:after
content: "."
display: block
font-size: inherit
// }}}
// Button style {{{
- a.button:link, a.button:visited, button, .oe_button, input[type='submit'], .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button
+ a.button:link, a.button:visited, button, .oe_button, input[type='submit']
display: inline-block
border: 1px solid rgba(0,0,0,0.4)
color: #4c4c4c
-webkit-font-smoothing: antialiased
outline: none
- a.button:hover, button:hover,.oe_button:hover, input[type='submit']:hover, .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button.ui-state-hover
+ a.button:hover, button:hover,.oe_button:hover, input[type='submit']:hover
@include vertical-gradient(#f6f6f6, #e3e3e3)
cursor: pointer
background-position: 0
- a.button:focus, button:focus, .oe_button:focus, input[type='submit']:focus, .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button.ui-state-focus
+ a.button:focus, button:focus, .oe_button:focus, input[type='submit']:focus
border: 1px solid #80bfff
background-position: 0
@include vertical-gradient(#f6f6f6, #e3e3e3)
@include box-shadow((0 0 3px #80bfff, 0 1px 1px rgba(255, 255, 255, .8) inset))
- a.button:active, a.button.active, button:active, .oe_button:active, .oe_button.active, input[type='submit']:active, input[type='submit'].active, .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button.ui-state-active
+ a.button:active, a.button.active, button:active, .oe_button:active, .oe_button.active, input[type='submit']:active, input[type='submit'].active
@include vertical-gradient(#e3e3e3, #f6f6f6)
@include box-shadow(none)
.ui-tabs
position: static
- // Modal box
- &.ui-dialog
- display: none
- height: auto !important
- padding: 6px
- //overflow: hidden
- background-color: rgba(60,60,60,0.7)
- border: 1px solid
- border-color: #888 #555 #444
- //overflow: hidden
- @include radius(8px)
- @include box-shadow(0 1px 12px rgba(0, 0, 0, 0.6))
- @include background-clip()
- .ui-dialog-content
- padding: 0
- .ui-dialog-titlebar, .ui-dialog-content, .ui-dialog-buttonpane
- padding: 16px
- .ui-dialog-titlebar
- border-top: none
- border-left: none
- border-right: none
- border-bottom: 1px solid #cacaca
- @include radius(2px 2px 0 0)
- @include vertical-gradient(#FCFCFC, #DEDEDE)
- .ui-dialog-title
- margin: 0
- padding: 0
- .ui-dialog-content
- background: white
- width: auto !important
- .ui-dialog-buttonpane
- border-top: 1px solid #e0e0e0
- background: #f5f7f9
- margin: 0
- @include radius(0 0 2px 2px)
- button
- margin: 0 4px 0 0
- .ui-dialog-buttonset
- float: left
- .ui-button
- margin-right: 4px
- .ui-dialog-titlebar-close
- padding: 0
- .ui-icon-closethick
- display: none
- &:before
- content: "×"
- font-size: 18px
- font-weight: bold
- line-height: 16px
- color: black
- text-shadow: 0 1px 0 white
- padding: 0
- cursor: pointer
- background: transparent
- border: 0
- &:hover
- color: black
- text-decoration: none
- .oe_about
- background-color: white
- background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAKUlEQVQIHWO8e/fufwYsgAUkJigoiCIF5DMyoYggcUiXgNnBiGQKmAkARpcEQeriln4AAAAASUVORK5CYII=)
- @include radius(0 0 2px 2px)
- a
- color: $link-color
- &:hover
- text-decoration: underline
- &:focus
- outline: none
- .oe_logo
- margin-left: -6px
- .oe_bottom
- position: absolute
- top: 50%
- left: 0
- right: 0
- bottom: 0
- text-shadow: 0 1px 1px #999999
- @include vertical-gradient(#b41616, #600606)
- color: #eee
- padding: 0 16px
- @include radius(0 0 2px 2px)
- a
- color: #eee
-
- &.ui-dialog.oe_act_window
- .ui-dialog-content
- padding: 0px
-
- .modal-backdrop
- position: fixed
- top: 0
- right: 0
- bottom: 0
- left: 0
- z-index: 1040
- background-color: black
- @include opacity(.3)
-
// }}}
// Generic classes {{{
.oe_i
.oe_left
float: left
margin-right: 8px
+ width: 305px
.oe_right
float: right
margin-left: 8px
@include box-shadow(none)
&:hover
background: #ED6F6A
+ .oe_warning_redirect
+ border: none !important
+ padding: 0 !important
+ margin-left: 20px !important
+ background: #f5f7f9 !important
+ box-shadow: none !important
+ &:hover
+ text-decoration: underline !important
+ .oe_stat_button
+ font-weight: normal
+ width: 132px !important
+ height: 40px
+ color: #666
+ margin: 0px -1px -1px 0px
+ padding: 0
+ border: 1px solid #dddddd
+ border-radius: 0
+ box-shadow: none
+ background: white
+ > div
+ display: table-cell
+ vertical-align: middle
+ text-align: left
+ padding: 0
+ line-height: 120%
+ .stat_button_icon
+ color: #7C7BAD
+ font-size: 24px
+ padding: 0px 3px
+ width: 37px
+ text-align: center
+ .oe_form_field_percent_pie
+ width: 42px
+ .oe_form_field_bar_chart
+ width: 42px
+ svg
+ width: 38px
+ height: 38px
+ display: inline
+ vertical-align: middle
+ .oe_stat_button:hover
+ background: #7c7bad
+ color: white
+ .fa
+ color: white
.oe_button_box
- width: 270px
+ width: 400px
text-align: right
- button
- margin: 4px
+ .oe_stat_button
+ display: inline-table
.oe_avatar
> img
max-height: 90px
text-shadow: 0 0 2px black
vertical-align: top
position: relative
- top: -5px
+ top: -8px
.oe_star_on:hover, .oe_star_off:hover
text-decoration: none
.oe_star_on
border-style: inset
border-width: 1px
// }}}
-
+ // Kanban state (used in form and kanban) {{{
+ .oe_kanban_status
+ position: relative
+ display: inline-block
+ height: 12px
+ width: 12px
+ @include radius(6px)
+ @include radial-gradient((#eee 0%, #ccc 40%, #bbb 100%))
+ // +background-image(radial-gradient(45px 45px, #0ff 10px, #1e90ff 30px))
+ .oe_kanban_status_green
+ background: green
+ @include radial-gradient((#55dd55 0%, #44aa44 40%, #339933 100%))
+ .oe_kanban_status_red
+ background: red
+ @include radial-gradient((#ee7777 0%, #cc3333 40%, #bb0808 100%))
+ .btn-group.kanban_state
+ padding-top: 8px
+ margin-right: 4px !important
+ a
+ color: #333333
+ // }}}
// Tags (for many2many tags, among others) {{{
.oe_tag
border: 1px solid $tag-border
height: 16px
&.oe_vertical
label
- margin-left: 4px
- &.oe_form_required
- .oe_radio_input
- border: 2px solid transparent
display: inline-block
- height: 12px
- width: 12px
- vertical-align: bottom
- border-radius: 10px
- margin: 1px 0
- &.oe_form_invalid
- .oe_radio_input
- border-color: red
+ margin-left: 20px
+ .oe_radio_input
+ border: 2px solid transparent
+ display: inline-block
+ height: 12px
+ width: 12px
+ vertical-align: top
+ border-radius: 10px
+ margin: 1px 0
+ position: absolute
+ &.oe_form_required.oe_form_invalid .oe_radio_input
+ border-color: red
.oe_tags
&.oe_inline
min-width: 250px
text-decoration: none
margin-bottom: 1px
// }}}
- // Tooltips {{{
- &.oe_tooltip
- font-size: 12px
- .oe_tooltip_string
- color: #FD5
- font-weight: bold
- font-size: 13px
- .oe_tooltip_help
- white-space: pre-wrap
- .oe_tooltip_technical
- padding: 0 0 4px 0
- margin: 5px 0 0 15px
- li
- list-style: circle
- .oe_tooltip_technical_title
- font-weight: bold
- .oe_tooltip_close
- margin: -5px 0 0 2px
- cursor: default
- float: right
- color: white
- &:hover
- color: #999
- cursor: pointer
- .oe_tooltip_message
- max-width: 310px
- // }}}
// Notebook {{{
.oe_notebook
margin: 8px 0
&:hover
text-decoration: none
.oe_dropdown_arrow:after
- width: 0
- height: 0
- display: inline-block
- content: "&darr"
- text-indent: -99999px
vertical-align: top
margin-top: 8px
//margin-left set at 3px to avoid a strange overflow
// Loading {{{
.oe_loading
display: none
- z-index: 100
+ z-index: 1001
position: fixed
top: 0
right: 50%
border-bottom-right-radius: 8px
border-bottom-left-radius: 8px
// }}}
- // Notifications {{{
- .oe_notification
- z-index: 1050
- .oe_webclient_timezone_notification
- a
- color: white
- text-decoration: underline
- p
- margin-top: 1em
- dt
- font-weight: bold
- .oe_timezone_systray
- span
- margin-top: 1px
- background-color: #f6cf3b
- // }}}
// CrashManager {{{
.oe_dialog_warning
width: 100%
.oe_topbar, .oe_leftbar
display: none
// }}}
- // Top Menu {{{
-
- .navbar
- .oe_topbar_anonymous_login
- background-color: #dc5f59
- color: #eeeeee
- @include vertical-gradient(#FC8787, #800000)
- a
- display: block
- padding: 5px 10px 7px
- line-height: 20px
- height: 30px
- text-decoration: none
- color: white
- background: transparent
- @include transition(all 0.2s ease-out)
- a:hover
- background: rgba(0,0,0,0.1)
- color: white
- text-shadow: 0px 0px 3px rgba(0,0,0,0.2)
- @include box-shadow(0 1px 2px rgba(0,0,0,0.2) inset)
- .oe_topbar_item
- display: block
- padding: 5px 10px 26px
- line-height: 20px
- height: 20px
- text-decoration: none
- color: #eee
- vertical-align: top
- text-shadow: 0 1px 1px rgba(0,0,0,0.2)
- @include transition(all 0.2s ease-out)
- &:hover
- background: rgba(0,0,0,0.2)
- text-shadow: black 0px 0px 3px
- color: white
- @include box-shadow(0 1px 2px rgba(0,0,0,0.4) inset)
-
- .oe_topbar_avatar
- width: 24px
- height: 24px
- margin: -2px 2px 0 0
- @include radius(3px)
- .oe_topbar_avatar
- vertical-align: top
- .oe_dropdown_arrow:after
- border-top: 4px solid white
- .dropdown_menu
- top: 32px
- background: #333
- background: rgba(37,37,37,0.9)
- border-color: #999
- border-color: rgba(0, 0, 0, 0.2)
- border-style: solid
- border-width: 0 2px 1px
- @include radius(0 0 6px 6px)
- @include background-clip()
- li
- float: none
- padding: 3px 12px
- a
- color: #eee
- &:hover
- @include vertical-gradient(#292929, #191919)
- @include box-shadow(none)
- .oe_topbar_name
- max-width: 150px
- display: inline-block
- height: 15px // Customize to manage caret when topbar_name is over sized.
- text-overflow: ellipsis
- white-space: nowrap
- overflow: hidden // Customize to bring ellipsis when topbar_name is over sized.
-
- // oe menu is the list of the buttons on the left side of the bar.
- // So why aren't the buttons oe_topbar_items ? This sad state of affairs
- // is a leftover from an uncomplete refactoring when the left and top menu
- // were merged. You are welcome to refactor and clean this up
- .navbar-nav
- float: left
- padding: 0
- margin: 0
- font-size: 13px
- > li
- list-style-type: none
- padding: 0
- margin: 0
- float: left
- display: block
- color: #eeeeee
- > a
- display: block
- padding: 5px 10px 26px !important
- line-height: 20px
- height: 20px
- text-decoration: none
- color: #eee !important
- vertical-align: top
- text-shadow: 0 1px 1px rgba(0,0,0,0.2)
- @include transition(all 0.2s ease-out)
- &:hover
- background: rgba(0,0,0,0.2)
- text-shadow: black 0px 0px 3px
- color: white
- @include box-shadow(0 1px 2px rgba(0,0,0,0.4) inset)
- > .active
- background: rgba(0,0,0,0.30)
- text-shadow: black 0px 0px 3px
- @include box-shadow(0 1px 2px rgba(0,0,0,0.4) inset)
-
- .oe_user_menu
- float: right
- padding: 0
- margin: 0
- li
- list-style-type: none
- float: left
- .oe_dropdown_menu
- right: -1px
-
- .oe_systray > div
- float: left
- padding: 0 4px 0 4px
- .oe_systray
- float: right
-
- // }}}
// Webclient.leftbar {{{
.oe_leftbar
display: none
background: #f0eeee
border-right: 1px solid $tag-border
text-shadow: none
- padding-bottom: 16px
- a.oe_logo
- position: relative
- width: 220px
- display: block
- text-align: center
- img
- margin: 14px 0
- border: 0
- .oe_logo_edit
- margin: 14px 0
- position: absolute
- top: 1px
- padding: 4px
- width: 100%
- display: none
- text-align: center
- color: #eee
- background: rgba(37,37,37,0.9)
- @include box-sizing(border)
- &:hover .oe_logo_edit_admin
- display: block
- .oe_footer
- position: fixed
- bottom: 0
- padding: 4px 0
- background: #f0eeee
- width: 220px
- text-align: center
- a
- font-weight: bold
- color: black
- span
- color: #c81010
+ > div
+ height: 100%
+ display: table
+ width: 220px
+ position: relative
+ a.oe_logo
+ display: table-row
+ text-align: center
+ img
+ margin: 14px 0
+ border: 0
+ .oe_logo_edit
+ margin: 14px 0
+ position: absolute
+ top: 1px
+ padding: 4px
+ width: 100%
+ display: none
+ text-align: center
+ color: #eee
+ background: rgba(37,37,37,0.9)
+ @include box-sizing(border)
+ &:hover .oe_logo_edit_admin
+ display: block
+ > div
+ display: table-row
+ height: 100%
+ > div
+ position: relative
+ height: 100%
+ > div.oe_secondary_menus_container
+ position: absolute
+ position: static\9
+ top: 0
+ bottom: 0
+ left: 0
+ right: 0
+ overflow-x: hidden
+ overflow-y: auto
+ .oe_footer
+ background: #f0eeee
+ text-align: center
+ a
+ font-weight: bold
+ color: black
+ span
+ color: #a24689
// }}}
// Webclient.leftbar items {{{
margin-left: 20px
// }}}
// About openerp {{{
+ $link-color-odoo: #a24689
.oe_about
- background-color: white
- background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAKUlEQVQIHWO8e/fufwYsgAUkJigoiCIF5DMyoYggcUiXgNnBiGQKmAkARpcEQeriln4AAAAASUVORK5CYII=)
- @include radius(0 0 2px 2px)
+ .label
+ background-color: $link-color-odoo
a
- color: $link-color
- &:hover
- text-decoration: underline
- &:focus
- outline: none
- .oe_logo
- margin-left: -6px
- .oe_bottom
- position: absolute
- top: 50%
- left: 0
- right: 0
- bottom: 0
- text-shadow: 0 1px 1px #999999
- @include vertical-gradient(#b41616, #600606)
- color: #eee
- padding: 0 16px
- @include radius(0 0 2px 2px)
- a
- color: #eee
+ color: $link-color-odoo
+
+ .user-details
+ position: relative
+ padding: 0
+ margin-bottom: 275px
+ .user-image
+ width: 100%
+ text-align: center
+ .user-info-block
+ width: 100%
+ position: absolute
+ top: 55px
+ padding-top: 35px
+ .user-heading
+ text-align: center
+ margin: 10px 0 0
+ .navigation
+ li
+ a
+ padding: 10px 20px
+ &.active a
+ background: $link-color-odoo
+ color: #fff
+ .user-body
+ text-align: center
+ .tab-content > div
+ float: left
+ width: 100%
+ a.oe_activate_debug_mode
+ color: white !important
+ font-size: 100%
+ #social
+ i
+ margin: 10px
+ &:hover
+ @include transform(scale(1.3))
+ .social-fb:hover
+ color: #3B5998
+ .social-tw:hover
+ color: #4099FF
+ .social-gp:hover
+ color: #d34836
+ .social-lk:hover
+ color: #007bb6
// }}}
// ActionManager {{{
a.oe_form_uri:hover
a
color: $link-color
> div
+ position: relative
height: 100%
+ > .oe_view_manager
+ > .oe_view_manager_wrapper
+ display: table-row
+ height: 100%
+ > div
+ position: relative
+ height: 100%
+ > .oe_view_manager_body
+ position: absolute
+ position: static\9
+ top: 0
+ bottom: 0
+ left: 0
+ right: 0
+ overflow: auto
+
+
.oe_breadcrumb_item:not(:last-child)
max-width: 7em
white-space: nowrap
display: table
height: inherit
width: 100%
- .oe_view_manager_body
- height: inherit
.oe_view_manager_view_kanban:not(:empty)
- height: inherit
+ height: 100%
&[data-view-type=kanban]
.oe_view_manager_body
display: table-row
// }}}
// FormPopup {{{
.oe_popup_form
+ display: table
.oe_formview .oe_form_pager
display: none !important
// Customize label weight for popup wizard appear from another wizard according bootstrap3
float: right
padding: 1px 0
line-height: 18px
- width: 400px
+ min-width: 400px
border: 1px solid #ababab
background: white
@include radius(13px)
background: #8786b7
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4)
@include radius(2px)
- &.oe_searchview_open_drawer
- .oe_searchview_drawer
- display: block
- .oe_searchview_drawer
- cursor: default
+ .oe-autocomplete
+ display: none
position: absolute
- z-index: 2
- // detach drawer from field slightly
- margin-top: 4px
- top: 100%
- right: -1px
+ width: 300px
background-color: white
- min-width: 100%
- display: none
- border: 1px solid $tag-border
- text-align: left
- @include radius(4px)
- @include box-shadow(0 1px 4px rgba(0,0,0,0.3))
- > div
- border-top: 1px solid #ccc
- margin: 0
- padding: 8px
- > div:first-child
- border-top: none
- margin: 0
- h3
- margin: 8px 4px 4px 0px
- color: $section-title-color
- font-size: 13px
- h4, h4 *
- margin: 0 0 0 2px
- cursor: pointer
- font-weight: normal
- display: inline-block
- &:hover
- background-color: $hover-background
- h4:before
- content: "▸ "
- color: #a3a3a3
- button
- margin: 4px 0
- .button
- border: none
- background: transparent
- padding: 0 2px
- @include box-shadow(none)
- @include radius(0)
- .oe_searchview_section
- display: table
- width: 100%
- > div
- @include box-sizing(border)
- display: table-cell
- width: 50%
- padding-left: 2px // Managed padding-left according bootstrap3
- ul
- margin: 0 8px 8px
- padding: 0
- list-style: none
- li
- list-style: none
- padding: 2px 4px 2px 20px
- line-height: 14px
- color: inherit
- cursor: pointer
- position: relative
- &.oe_selected:before
- content: "W"
- font-family: "entypoRegular" !important
- font-size: 24px
- font-weight: 300 !important
- color: #a3a3a3
- position: absolute
- left: 4px
- top: -2px
- // after oe_selected so background color is not overridden
- &:hover
- background-color: $hover-background
- form
- margin-left: 12px
- p
- margin: 4px 0
- line-height: 18px
- button
- margin: 0 0 8px -3px // Managed margin-left according bootstrap3
- .oe_searchview_custom
- padding: 0 8px 8px 8px
- div
- padding: 0
- h4
- margin: 0
- form
- display: none
+ border: 1px solid #afafb6
+ z-index: 666
+ margin-top: 2px
+ cursor: default
+ @include radius(3px)
+ @include box-shadow(0 1px 4px rgba(0, 0, 0, 0.3))
+ ul
+ list-style-type: none
+ padding-left: 0
+ margin: 5px 0px
li
- cursor: pointer
- position: relative
- line-height: 14px
- padding: 2px 4px 2px 20px
- &:hover
- background-color: $hover-background
- button
- position: absolute
- top: 0
- right: 5px
- //Customize for searchview label
- label
- font-weight: normal
- //End of Customize
- .oe_searchview_dashboard
- form
- display: none
+ padding-left: 20px
+ text-shadow: 0 0 0 white
+ span:first-child
+ margin-right: 5px
+ span.oe-expand
+ cursor: pointer
+ li.oe-indent
+ margin-left: 20px
+ li.oe-selection-focus
+ background-color: #7c7bad
+ color: white
+ li.oe-separator
margin-top: 2px
-
- .oe_searchview_advanced
- form
+ margin-bottom: 2px
+ border-top: 1px solid #afafb6
+ li.oe-separator:last-child
display: none
- margin-top: 8px
- button.oe_add_condition:before
- content: "Z"
- font-family: "entypoRegular" !important
- font-size: 24px
- font-weight: 300 !important
- margin-right: 4px
- ul
- list-style: none
- padding: 0
- li
- position: relative
- list-style: none
- margin: 0
- white-space: nowrap
- &:first-child .searchview_extended_prop_or
- visibility: hidden
- margin-left: -14px
- .searchview_extended_prop_or
- opacity: 0.5
- margin-left: -14px //Customize 'or' in searchview
- .oe_opened
- h4:before
- content: "▾ "
- position: relative
- top: -1px
- form
- display: block
- // delete buttons
- .oe_searchview_custom_delete, .searchview_extended_delete_prop
+
+ .oe_searchview_drawer_container
+ overflow: auto
+ .oe_searchview_drawer
+ display: none
+ width: 100%
+ cursor: default
+ display: none
+ overflow: hidden
+ border-bottom: 1px solid $tag-border
+ text-align: left
+ padding: 8px 0
+ .badge
+ font-size: 12px
+ line-height: 12px
+ > div:first-child
+ border: none
+ padding-left: 0
+ li:hover:not(.badge)
+ background-color: $hover-background
+ .col-md-5
+ padding-left: 0
+ dl
+ margin-bottom: 0
+ dt
+ color: $section-title-color
+ font-size: 13px
+ line-height: 24px
+ dd
+ line-height: 24px
+ font-size: 13px
+ padding-top: 3px
+ h4, h4 *
+ margin: 0 0 0 2px
+ padding-left: 20px
+ cursor: pointer
+ font-weight: normal
+ display: inline-block
+ &:hover
+ background-color: $hover-background
+ h4:before
+ content: "▸ "
+ color: #a3a3a3
+ button
+ margin: 4px 0
+ .button
+ border: none
+ background: transparent
+ padding: 0 2px
+ @include box-shadow(none)
+ @include radius(0)
+ .oe_searchview_section
+ ul
+ margin: 0 8px
+ padding: 0
+ list-style: none
+ display: inline
+ li
display: inline-block
- width: 12px
- height: 12px
- line-height: 12px
- padding: 1px
- color: #8786b7
- line-height: 8px
- text-align: center
- font-weight: bold
- text-shadow: 0 1px 1px white
- &:hover
- text-decoration: none
- color: white
- background: #8786b7
- text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4)
- @include radius(2px)
- .oe_searchview_custom_delete
+ cursor: pointer
+ position: relative
+ margin-right: 8px
+ > span
+ display: inline-block
+ max-width: 250px
+ text-overflow: ellipsis
+ vertical-align: bottom
+ overflow: hidden
+ form
+ margin-left: 12px
+ p
+ margin: 4px 0
+ line-height: 18px
+ button
+ margin: 0 0 8px -3px // Managed margin-left according bootstrap3
+ .oe_searchview_savefilter
+ form
display: none
- position: absolute
- bottom: 1px
- right: 4px
- .oe_searchview_custom_private, .oe_searchview_custom_public
- &:hover
- .oe_searchview_custom_delete
- display: inline-block
- .oe_searchview_custom_public:after
- content: ","
+ .oe_searchview_custom
+ display: none
+ li
+ cursor: pointer
+ position: relative
+ line-height: 14px
+ margin-right: 0
+ button
+ position: absolute
+ top: 0
+ right: 5px
+ a
+ margin-left: 10px
+ position: inherit
+ visibility: hidden
+ display: inline-block
+ span:hover:not(.badge)
+ background-color: $hover-background
+ li:hover a
+ visibility: visible
+ //Customize for searchview label
+ label
+ font-weight: normal
+ //End of Customize
+ .oe_searchview_dashboard
+ form
+ display: none
+ margin-top: 2px
+
+ .oe_searchview_advanced
+ overflow: auto
+ form
+ display: none
+ margin-top: 8px
+ button.oe_add_condition:before
+ content: "Z"
font-family: "entypoRegular" !important
- font-size: 22px
+ font-size: 24px
font-weight: 300 !important
- margin: 0 0 0 4px
+ margin-right: 4px
+ ul
+ list-style: none
padding: 0
+ li
+ position: relative
+ list-style: none
+ margin: 0
+ white-space: nowrap
+ &:first-child .searchview_extended_prop_or
+ visibility: hidden
+ margin-left: -14px
+ .searchview_extended_prop_or
+ opacity: 0.5
+ margin-left: -14px //Customize 'or' in searchview
+ .oe_opened
+ h4:before
+ content: "▾ "
+ position: relative
+ top: -1px
+ form
+ display: block
-
+ // delete buttons
+ .oe_searchview_custom_delete, .searchview_extended_delete_prop
+ display: inline-block
+ width: 12px
+ height: 12px
+ line-height: 12px
+ padding: 1px
+ color: #8786b7
+ line-height: 8px
+ text-align: center
+ font-weight: bold
+ text-shadow: 0 1px 1px white
+ &:hover
+ text-decoration: none
+ color: white
+ background: #8786b7
+ text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4)
+ @include radius(2px)
+ .oe_searchview_custom_delete
+ display: none
+ position: absolute
+ bottom: 1px
+ right: 4px
+ .oe_searchview_custom_private, .oe_searchview_custom_public
+ &:hover
+ .oe_searchview_custom_delete
+ display: inline-block
+ .oe_searchview_custom_public:after
+ content: ","
+ font-family: "entypoRegular" !important
+ font-size: 22px
+ font-weight: 300 !important
+ margin: 0 0 0 4px
+ padding: 0
// }}}
// Views Common {{{
.oe_view_nocontent
padding: 0 16px
// }}}
// FormView.header {{{
- .oe_form > :not(.oe_form_nosheet) header
+ .oe_form > :not(.oe_form_nosheet) header, .oe_form > .oe_form_nosheet header
padding-left: 2px
- ul
+ ul:not(.oe_tooltip_technical):not(.oe_dropdown_menu)
display: inline-block
float: right
.oe_button
font-size: 20px
margin: 15px 0px 10px 0px
color: $section-title-color
- .oe_horizontal_separator:empty
- height: 5px
+ &:empty
+ height: 5px
.oe_vertical_separator
border-left: 1px solid #666
padding: 0 4px 0 4px
white-space: nowrap
.oe_form_field_boolean
width: auto
- .oe_datepicker_container
- display: none
.oe_datepicker_root
display: inline-block
.oe_form_required
.oe_form_field_image_controls
position: absolute
top: 1px
- padding: 4px 0
+ padding: 6px 0
width: 100%
display: none
text-align: center
.oe_view_manager_view_list
min-height: 132px
- .oe_form_field_one2many_list_row_add
+ .oe_form_field_one2many_list_row_add,.oe_form_field_many2many_list_row_add
font-weight: bold
.oe_list_content
> thead
.oe_list_editable .oe_list_content td.oe_list_field_cell
padding: 4px 6px 3px
.oe_list.oe_list_editable.oe_editing
- .oe_edition .oe_list_field_cell:not(.oe_readonly)
+ .oe_edition .oe_list_field_cell
*
visibility: hidden
color: transparent
.oe_input_icon
margin-top: 5px
.oe_form_field
+ &.oe_list_field_handle
+ color: transparent
+ &.oe_readonly
+ padding: 4px 6px 3px
+ text-align: left
min-width: 0
max-width: none
input, textarea
input, textarea, select
min-width: 0
&.oe_form_field_float,&.oe_form_view_integer
- input
+ &.oe_readonly
+ padding: 6px 0px 0px
text-align: right
+ span
+ padding: 0px 6px
+ input
width: 100% !important
+ text-align: right
&.oe_form_field_datetime,&.oe_form_field_date
input.oe_datepicker_master
width: 100% !important
border: none
background: transparent
padding: 0
- @include box-shadow(none)
+ > button.btn_txt
+ border: 1px solid rgba(0,0,0,0.4)
+ background: #e3e3e3
+ padding: 3px 12px
> td.oe_list_checkbox:first-child, th.oe_list_checkbox:first-child
width: 17px
&:after
line-height: 1.2em
// }}}
// Bootstrap HACKS {{{
- .navbar
- min-height: 32px
- margin-bottom: 0px
- border: none
- z-index: 1
- position: static
- background-color: #414141
- @include vertical-gradient(#646060, #262626)
- .navbar-default
- .navbar-nav
- li
- a:hover,a:focus
- background: rgba(0, 0, 0, 0.3)
- .open > a,a:hover,a:focus
- background: rgba(0, 0, 0, 0.3) !important
- .dropdown > a .caret
- border-top-color: #777 !important
- border-bottom-color: #777 !important
- .navbar-nav
- li
- a
- padding: 4px 32px 4px 12px
.oe_navbar .dropdown-menu
font-size: 13px
padding: 4px 0
font-weight: normal
// Customize bootstrap3 for leftbar
- .nav
+ .nav-pills
li > a
- padding: 3px 4px 2px 18px
+ padding: 6px 4px 2px 18px
color: #4c4c4c
- nav-pills.nav-stacked > li > ul
+ .nav-stacked > li > ul
padding-left: 16px
.nav-pills > li.active,a.list-group-item.active
> a
> .arrow span
background-color: #729fcf !important
- // jquery ui for ie
- .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EFEFEF', endColorstr='#D8D8D8')
.oe_webclient
height: auto !important
// }}}
// @media print {{{
@media print
.openerp
+ .oe_application > div > .oe_view_manager > .oe_view_manager_wrapper > div > .oe_view_manager_body
+ overflow: visible
.oe_header_row, ul.oe_header, div.oe_mail_thread_action, .oe_mail_recthread_actions, .oe_button_box, .oe_form button, button.oe_invite, .oe_form header, .openerp .oe_notebook > li.ui-state-default, .oe_topbar, .oe_leftbar, .oe_loading
// We use !important here because jQuery adds @style = display: block on elements when using $.fn.show()
display: none !important
background: none
.openerp div.oe_mail_wall
overflow: hidden !important
+ .openerp.openerp_webclient_container
+ overflow: visible
// }}}
+// End of customize
+
+// Customize bootstrap3 for tooltip
+.tooltip
+ padding: 0
+ margin: 0
+ font-family: "Lucida Grande", Helvetica, Verdana, Arial, sans-serif
+ color: #4c4c4c
+ font-size: 12px
+ background: white
+ text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5)
+ background-color: transparent
+ z-index: 1800
+ .tooltip-inner
+ text-align: left !important
+ max-width: 350px
+ .oe_tooltip_string
+ color: #FD5
+ font-weight: bold
+ font-size: 13px
+ .oe_tooltip_help
+ white-space: pre-wrap
+ .oe_tooltip_technical
+ padding: 0 0 4px 0
+ margin: 5px 0 0 15px
+ li
+ list-style: circle
+ .oe_tooltip_technical_title
+ font-weight: bold
+ .oe_tooltip_close
+ margin: -5px 0 0 2px
+ cursor: default
+ float: right
+ color: white
+ &:hover
+ color: #999
+ cursor: pointer
+ .oe_tooltip_message
+ max-width: 310px
// Hack for ui icon {{{
.ui-icon
height: 18px
// End hack}}}
+// Customized modal according bootstrap3
+.modal
+ .modal-header button.close
+ border: none
+ background: none
+ padding: 1px
+ height: 18px
+ font-size: 20px
+ .modal-body
+ overflow-x: auto
+ .modal-footer
+ text-align: left
+ .oe_button
+ margin: 0 4px 0 0
+ .oe_act_window.modal-body
+ padding: 0
+
+.ui-datepicker
+ z-index: 1500 !important
+
input[type="radio"], input[type="checkbox"]
margin-right: 4px
margin-left: 4px
background-color: black
opacity: 0.6000000238418579
+/* ---- EDITOR TOUR ---- {{{ */
+
+div.tour-backdrop
+ z-index: 2009
+.popover.tour
+ &.orphan .arrow
+ display: none
+ .popover-navigation
+ padding: 9px 14px
+ *[data-role="end"]
+ float: right
+ *[data-role="next"],*[data-role="end"]
+ cursor: pointer
+.popover.fixed
+ position: fixed
+.tour-backdrop
+ position: fixed
+ top: 0
+ right: 0
+ bottom: 0
+ left: 0
+ z-index: 1100
+ background-color: #000
+ opacity: 0.8
+
+
+// }}}
+
+body
+ overflow: hidden
+
+// hack to make IE11 work
+@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)
+ .oe_secondary_menus_container
+ position: static !important
+
+
+
// au BufWritePost,FileWritePost *.sass :!sass --style expanded --line-numbers <afile> > "%:p:r.css"
// vim:tabstop=4:shiftwidth=4:softtabstop=4:fdm=marker: