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: 95%
+ height: -webkit-calc(100% - 34px)
+ height: calc(100% - 34px)
+ display: -ms-flexbox
+ display: -webkit-flex
+ display: flex
+ @media (max-width: 768px)
+ &.openerp_webclient_container
+ height: 95%
+ height: -webkit-calc(100% - 52px)
+ height: calc(100% - 52px)
// }}}
//Placeholder style{{{
\:-moz-placeholder
td
vertical-align: top
.oe_title
- width: 38%
- 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']
+ a.button:link, a.button:visited, .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
+ a.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
+ a.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
+ a.button:active, a.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)
- a.button.disabled, button:disabled, .oe_button:disabled, input[type='submit']:disabled
+ a.button.disabled, .oe_button:disabled, input[type='submit']:disabled
background: #efefef !important
border: 1px solid #d1d1d1 !important
@include box-shadow(none !important)
@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
font-weight: bold
&:hover
text-decoration: underline
- .oe_webclient
- .oe_star_on, .oe_star_off
- color: #cccccc
- text-shadow: 0 0 2px black
- vertical-align: top
- position: relative
- top: -8px
- .oe_star_on:hover, .oe_star_off:hover
- text-decoration: none
- .oe_star_on
- color: gold
+ .oe_star_on, .oe_star_off
+ color: #cccccc
+ text-shadow: 0 0 2px black
+ vertical-align: top
+ position: relative
+ top: -8px
+ .oe_star_on:hover, .oe_star_off:hover
+ text-decoration: none
+ .oe_star_on
+ color: gold
p.oe_grey
max-width: 650px
.oe_grey
.btn-group.kanban_state
padding-top: 8px
margin-right: 4px !important
- .dropdown-menu
- min-width: 100%
- padding-right: 10px !important
- .dropdown-menu li a, .dropdown-menu li a:hover, .dropdown-menu li a:focus
- padding-left: 5px
- padding-right: 0px
a
color: #333333
// }}}
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: top
- 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
&: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
border-right: 4px solid transparent
border-top: 4px solid#404040
@include opacity(0.5)
- .oe_sidebar
- white-space: nowrap
- .oe_dropdown_menu
- .oe_sidebar_add_attachment
- height: 20px
- cursor: pointer
- padding-left: 6px
- margin-top: 6px
- span
- font-weight: bold
- .oe_hidden_input_file
- width: 200px
- &:hover
- @include vertical-gradient(#f0f0fa, #eeeef6)
- @include box-shadow(none)
- li
- .oe_sidebar_delete_item
- position: absolute
- top: 4px
- right: 4px
- display: none
- width: 12px
- 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)
- &:hover
- .oe_sidebar_delete_item
- display: inline-block
// }}}
// 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: 1500
-
- .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_database_manager_menu
color: #000
// }}}
- // WebClient {{{
- .oe_webclient
- width: 100%
- height: 100%
- border-spacing: 0px
- // }}}
// WebClient.fullscreen {{{
.oe_content_full_screen
.oe_application
.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
+ display: -ms-flexbox
+ display: -webkit-flex
+ display: flex
+ -ms-flex-direction: column
+ -webkit-flex-direction: column
+ flex-direction: column
+ -webkit-justify-content: space-between
+ justify-content: space-between
+ -ms-flex: 0 0 auto
+ -webkit-flex-shrink: 0
+ flex-shrink: 0
+ -webkit-flex-grow: 0
+ flex-grow: 0
width: 220px
+ height: 100%
background: #f0eeee
border-right: 1px solid $tag-border
- text-shadow: none
- > 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
+ position: relative
+ display: inline-block\9
+ vertical-align: top\9
+ a.oe_logo
+ text-align: center
+ -webkit-flex-shrink: 0
+ flex-shrink: 0
+ 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
- a
- font-weight: bold
- color: black
- span
- color: #a24689
+ color: #eee
+ background: rgba(37,37,37,0.9)
+ @include box-sizing(border)
+ &:hover .oe_logo_edit_admin
+ display: block
+ .oe_secondary_menus_container
+ -webkit-flex-grow: 1
+ flex-grow: 1
+ overflow-y: auto
+ .oe_footer
+ background: #f0eeee
+ text-align: center
+ -webkit-flex-shrink: 0
+ flex-shrink: 0
+ a
+ font-weight: bold
+ 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
- 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
text-decoration: underline
.oe_application
- width: 100%
height: 100%
- 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
- text-overflow: ellipsis
- .oe_breadcrumb_title > *
- display: inline-block
- overflow: hidden
- font-weight: bold
+ -webkit-flex-grow: 1
+ flex-grow: 1
+ -ms-flex-negative: 1
+ display: inline-block\9
+ overflow: auto\9
+ width: -webkit-calc(100% - 220px)
+ width: calc(100% - 220px)
+ .oe_application
+ width: 100%
// }}}
// ViewManager common {{{
- .oe_view_manager
- display: table
- height: inherit
+ .oe-view-manager
width: 100%
- .oe_view_manager_view_kanban:not(:empty)
- height: 100%
- &[data-view-type=kanban]
- .oe_view_manager_body
- display: table-row
-
- table.oe_view_manager_header
- border-collapse: separate
- width: 100%
- table-layout: fixed
- .oe_header_row
- //min-height: 26px
- //line-height: 26px
- clear: both
- text-shadow: 0 1px 1px white
- .oe_header_row:last-child
- td
- padding-top: 0
- .oe_header_row:first-child
- td
- padding-top: 8px
- .oe_view_manager_sidebar
- margin: 0px auto
- text-align: center
- .oe_dropdown_arrow:after
- opacity: 0.9
- td
- line-height: 26px
- h2
- font-size: 18px
- margin: 0
- float: left
- line-height: 30px
+ height: 100%
+ display: -webkit-flex
+ display: flex
+ -webkit-flex-direction: column
+ flex-direction: column
+ .oe-view-manager-content
+ overflow: auto
+ -webkit-flex-grow: 1
+ flex-grow: 1
+ position: relative
+ a
+ color: $link-color
+ > div
+ position: absolute
+ position: static\9
+ top: 0
+ bottom: 0
+ right: 0
+ left: 0
+ display: none
+ .oe-view-manager-content
+ > div
+ position: relative
+ display: block
+ .oe-view-manager-debug
+ margin-right: 5px
+ .oe-view-manager-header
+ background-color: rgb(240, 238, 238)
+ border-bottom: 1px solid #afafb6
+ -webkit-flex-shrink: 0
+ flex-shrink: 0
+ width: 100%
+ -webkit-user-select: none
+ -moz-user-select: none
+ user-select: none
+ .oe-button-column
+ height: 30px
+ .dropdown-menu
+ li
+ position: relative
a
- color: $link-color
- .oe_dropdown_menu
- line-height: normal
- .oe_button_group
+ padding: 3px 25px
+ .oe_searchview_custom_public
+ a:after
+ font-family: FontAwesome
+ content: "\f0c0"
+ color: #666
+ margin-left: 3px
+ .selected
+ display: block
+ a
+ font-weight: bold
+ a:before
+ font-family: FontAwesome
+ position: absolute
+ left: 6px
+ top: 3px
+ content: "\f00c"
+ .oe-right-toolbar
+ float: right
+ > div
display: inline-block
- border: 1px solid #ababab
- @include radius(5px)
- li
- float: left
- border-right: 1px solid #ababab
- &:last-child
- border: none
- a
- color: #4c4c4c
- &:hover
- text-decoration: none
- .active
- background: #999
- @include box-shadow(0 1px 4px rgba(0,0,0,0.3) inset)
- a
- color: #fff
- text-shadow: 0 1px 2px rgba(0,0,0,0.4)
- .oe_view_manager_buttons
- white-space: nowrap
- // }}}
- // ViewManager.switches {{{
- .oe_view_manager_switch
- padding: 0
- margin: 0 0 0 8px
+ .row:first-child
+ padding-top: 3px
+ padding-bottom: 3px
+ .row:last-child
+ padding-bottom: 10px
+ .oe_tag
+ @include radius(0px)
+ .oe-view-title
+ font-size: 18px
+ padding-left: 0
+ margin: 0
+ background-color: rgb(240, 238, 238)
li
- margin: 0
- width: 24px
- height: 24px
- line-height: 16px
+ -moz-user-select: initial
+ -webkit-user-select: initial
+ user-select: initial
+ .oe-view-manager-search-view
+ padding-top: 5px
+ .oe-view-manager-switch
+ .oe-vm-switch-kanban:before
+ content: "\f009"
+ .oe-vm-switch-list:before
+ content: ""
+ .oe-vm-switch-form:before
+ content: "\f044"
+ .oe-vm-switch-graph:before
+ content: "\f080"
+ .oe-vm-switch-calendar:before
+ content: "\f073"
+ .oe-vm-switch-gantt:before
+ content: "\f0ae"
+ .oe-vm-switch-pivot:before
+ content: "\f0ce"
+ .oe-view-manager-buttons
+ display: inline-block
+ > div
+ display: none
+ .oe-view-manager-sidebar
+ display: inline-block
+ float: right
+ .oe_form_binary_form
+ cursor: pointer
+ span
+ padding: 3px 20px
+ input.oe_form_binary_file
+ width: 100%
+
+ .oe_form_binary_form:hover
+ background-color: #f5f5f5
+ .oe_file_attachment
+ padding: 3px 20px
+ display: inline-block
+ .oe_sidebar_delete_item
padding: 0
- text-align: center
- list-style-type: none
- a
- position: relative
- .oe_vm_switch_list:after, .oe_vm_switch_tree:after
- padding: 2px
- content: "i"
- .oe_vm_switch_form:after
- content: "m"
- .oe_vm_switch_graph:after
- font-family: "mnmliconsRegular" !important
- font-size: 21px
- font-weight: 300 !important
- content: "}"
- top: -2px
- position: relative
- .oe_vm_switch_gantt:after
- font-family: "mnmliconsRegular" !important
- font-size: 21px
- font-weight: 300 !important
- content: "y"
- top: -2px
- position: relative
- .oe_vm_switch_calendar:after
- content: "P"
- .oe_vm_switch_kanban:after
- content: "k"
- .oe_vm_switch_diagram:after
- content: "f"
- // }}}
- // List pager {{{
- .oe_list_pager
- line-height: 26px
- .oe_pager_value
- float: left
- margin-right: 8px
- ul.oe_pager_group
- padding: 0
- margin: 0
- .oe_pager_group
- float: left
- height: 24px
- line-height: 24px
- display: inline-block
- border: 1px solid #ababab
- cursor: pointer
- @include radius(5px)
- li
- height: 24px
- line-height: 24px
+ display: inline-block
+ .dropdown-menu
+ li
+ a
+ width: 100%
+ .oe_form_buttons
padding: 0
- margin: 0
- list-style-type: none
- float: left
- border-right: 1px solid #ababab
- &:last-child
- border: none
- a
- color: #4c4c4c
- padding: 0 8px
- &:hover
- text-decoration: none
- .active
- background: #999
- @include box-shadow(0 1px 4px rgba(0,0,0,0.3) inset)
- a
- color: #fff
- text-shadow: 0 1px 2px rgba(0,0,0,0.4)
- .oe_list_pager.oe_list_pager_single_page .oe_pager_group
- display: none
- // }}}
- // ViewManager application {{{
- .oe_view_manager_current
- height: 100%
- > .oe_view_manager_header
- border-bottom: 1px solid #cacaca
- @include vertical-gradient(#fcfcfc, #dedede)
- @include box-shadow((0 1px 0 rgba(255,255,255,0.4), 0 0 9px rgba(0,0,0,0.1)))
- .oe_header_row
- td
- padding: 8px
- .oe_header_row:first-child
- td
- padding-top: 8px
- // }}}
- // ViewManager inline {{{
+ .oe_form_buttons_view
+ > button
+ float: left
+ &:last-child
+ float: right
+ margin-left: 4px
+
+ .oe-pager-buttons
+ min-height: 30px
.oe_view_manager_inline, .oe_view_manager_inlineview
- height: 100%
- > .oe_view_manager_header
+ > .oe-view-manager-header
display: none
- // }}}
+
+ // }}}
// FormPopup {{{
+ .o-modal-header
+ > div
+ margin-left: 45%
.oe_popup_form
+ display: none
.oe_formview .oe_form_pager
display: none !important
// Customize label weight for popup wizard appear from another wizard according bootstrap3
.oe_searchview
cursor: text
position: relative
- float: right
- padding: 1px 0
- line-height: 18px
- min-width: 400px
- border: 1px solid #ababab
- background: white
- @include radius(13px)
- @include box-shadow(0 1px 2px rgba(0,0,0,0.2) inset)
- input, textarea
- padding: 3px
- height: 14px
- font-size: 12px
- line-height: 18px
- //Customize searchview input, select
- input:not([type]), input[type="text"], input[type="number"]
- width: 156px
- height: 22px
- input[type="checkbox"]
- margin: 3px 3px 3px 4px
- select
- margin: 2px 4px 2px 0
- //End of customize
- &.oe_focused
- border-color: $tag-border-selected
- @include box-shadow(0 1px 2px $tag-border-selected inset)
- .oe_searchview_clear
- cursor: pointer
- position: absolute
- top: 0
- right: 18px
- width: 15px
- height: 24px
- background: url(../img/search_reset.gif) center center no-repeat
+ display: none
+ height: auto
+ padding-top: 1px
+ padding-bottom: 1px
.oe_searchview_unfold_drawer
position: absolute
- top: 0
- right: 0
- height: 24px
- padding: 0 7px 0 4px
- color: #ccc
+ top: 8px
+ right: 5px
cursor: pointer
- &:hover
- color: #999
- &:before
- position: absolute
- top: 10px
- right: 7px
- width: 0
- height: 0
- display: inline-block
- content: ""
- vertical-align: top
- border-top: 5px solid #4C4C4C
- border-left: 5px solid transparent
- border-right: 5px solid transparent
- @include opacity()
-
.oe_searchview_search
- @include text-to-icon("r", #a3a3a3)
- @include box-shadow(none)
- @include radius(0)
+ cursor: pointer
position: absolute
- left: 3px
- top: 1px
- padding: 0
- border: none
- background: transparent
-
+ top: 8px
+ left: 5px
.oe_searchview_facets
min-height: 22px
- margin: 0 35px 0 15px
+ margin: 2px 20px 0 0
*
vertical-align: top
display: inline-block
- line-height: 17px
+ font-size: 100%
.oe_searchview_facet
margin: 1px 0
font-size: 11px
&:focus
outline: none
+ .label
+ @include radius(0px)
.oe_searchview_input
- padding: 0 0 0 6px
+ padding: 2px 0 0 6px
font-size: 12px
height: 16px
- margin-top: 3px
+ -webkit-user-select: initial
+ -moz-user-select: initial
+ user-select: initial
&:focus
outline: none
+ .oe_searchview_input:first-child
+ margin-left: 10px
.oe_searchview_facet
position: relative
cursor: pointer
@include box-shadow(0 0 3px 1px $tag-border-selected)
.oe_facet_values
background: $tag-bg-light
- @include radius(0 3px 3px 0)
.oe_facet_category, .oe_facet_value
padding: 0 4px
.oe_facet_category
.oe_facet_category.oe_i
font-size: 16px
.oe_facet_value
- border-left: 1px solid $tag-border
- text-shadow: 0 1px 1px white
+ border-left: 1px solid #afafb6
color: #4C4C4C
&:last-child
padding-right: 16px
+ &:first-child
+ border-left: none
.oe_facet_remove
position: absolute
top: 3px
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4)
@include radius(2px)
- .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
- 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
- .oe_searchview_custom
+ .oe-autocomplete
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
+ position: absolute
+ background-color: white
+ width: 400px
+ border: 1px solid #afafb6
+ z-index: 666
+ margin-top: 2px
+ cursor: default
+ @include radius(3px)
+ ul
+ list-style-type: none
+ padding-left: 0
+ margin: 5px 0px
+ li
+ 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
+ margin-bottom: 2px
+ border-top: 1px solid #afafb6
+ li.oe-separator:last-child
+ display: none
- .oe_searchview_advanced
+ .oe-search-options
+ a
+ padding-left: 25px
+ padding-right: 25px
+ width: 100%
+ -webkit-user-select: none
+ -moz-user-select: none
+ user-select: none
+ .oe-apply-filter
+ margin-left: 25px
+ .oe-add-filter-menu
+ display: none
+ .oe-add-condition
+ width: auto
+ margin-left: 10px
+ padding-left: 0
+ padding-right: 10px
+ .oe-group-selector
+ margin: 3px 25px
+ min-width: -webkit-calc(100% - 40px)
+ min-width: calc(100% - 40px)
+ max-width: 250px
+ width: auto
+ .divider
+ display: none
+ .filters-menu
overflow: auto
- form
- 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
+ overflow-x: hidden
+ .divider
+ display: list-item
+ .closed-menu
+ a:before
+ font-family: FontAwesome
+ position: absolute
+ left: 12px
+ top: 3px
+ content: "\f0da"
+ .open-menu
+ a:before
+ font-family: FontAwesome
+ position: absolute
+ left: 9px
+ top: 3px
+ content: "\f0d7"
- // 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
+ .oe-select-group
+ margin: 3px 25px
+ .oe-add-group
display: none
+ .oe-save-name
+ display: none
+ margin: 3px 25px
+ span
+ white-space: nowrap
+ input
+ margin-left: 0
+ .searchview_extended_prop_field
+ display: inline
+ width: -webkic-calc(100% - 20px)
+ width: calc(100% - 20px)
+
+ .searchview_extended_prop_op
+ margin: 3px 0
+ width: -webkit-calc(100% - 20px)
+ width: calc(100% - 20px)
+ .searchview_extended_delete_prop
+ float: right
+ display: inline
+ cursor: pointer
+ .searchview_extended_prop_value
+ width: -webkit-calc(100% - 20px)
+ width: calc(100% - 20px)
+ > select, > input
+ width: -webkit-calc(100% - 20px)
+ width: calc(100% - 20px)
+ .oe_datepicker_main
+ width: -webkit-calc(100% - 20px)
+ width: calc(100% - 20px)
+ .oe_datepicker_master
+ width: 100%
+ .fa-calendar
+ margin-left: -21px
+ cursor: pointer
+ span.remove-filter
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
+ top: 6px
+ right: 10px
+ cursor: pointer
+ .dropdown-menu
+ > li
+ position: relative
+ white-space: nowrap
+ li.oe-filter-condition
+ white-space: normal
+ padding-left: 25px
+ padding-right: 10px
+ margin-bottom: 5px
+ .o-or-filter
+ display: none
+ li.oe-filter-condition + li.oe-filter-condition
+ margin-top: 10px
+ .o-or-filter
+ display: block
+ .o-or-filter
+ position: absolute
+ left: 5px
+ top: 5px
+ a
+ display: inline-block
+
+ input.oe-save-name
+ width: auto
+ .oe_pager_value
+ display: inline-block
+
// }}}
// 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:not(.oe_tooltip_technical):not(.oe_dropdown_menu)
display: inline-block
td.oe_form_group_cell_label
border-right: none
.oe_subtotal_footer_separator
- width: 108px
+ min-width: 108px
border-top: 1px solid #cacaca
margin-top: 4px
padding-top: 4px
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
+ .datepickerbutton
+ margin-left: 5px
+ cursor: pointer
.oe_form_required
input:not([disabled]):not([readonly]), select:not([disabled]):not([readonly]), textarea:not([disabled]):not([readonly])
background-color: #D2D2FF !important
.oe_form_field_image_controls
position: absolute
top: 1px
- padding: 4px 0
+ padding: 6px 0
width: 100%
display: none
text-align: center
@include box-sizing(border)
&:hover .oe_form_field_image_controls
display: block
+ img
+ max-width: 256px
+ max-height: 256px
.oe_fileupload
display: inline-block
clear: both
.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
content: "[newline]"
.oe_debug_view
float: left
+ margin-top: 5px
+ width: auto
.oe_debug_view_log
font-size: 95%
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
background-color: #7c7bad
// Customize for global tags
- button, body
- line-height: normal
h1,h2
font-weight: bold
h3
@-moz-document url-prefix()
.openerp
- .oe_searchview .oe_searchview_search
- top: -1px
.oe_form_field_many2one .oe_m2o_cm_button
line-height: 18px
.oe_webclient
// @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
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
padding: 1px
height: 18px
font-size: 20px
+ .modal-body
+ overflow: auto
+ padding: 0
+ .oe_application
+ width: 100%
+ .oe_popup_list
+ display: none
+ min-height: 150px
+ .oe-view-manager
+ min-height: 150px
+ .oe_form_sheetbg
+ .oe_form_sheet
+ padding: 0
.modal-footer
text-align: left
.oe_button
margin: 0 4px 0 0
.oe_act_window.modal-body
padding: 0
+ .oe-view-manager-content > div
+ position: static !important
+
+@media (min-width: 768px)
+ .modal .modal-body
+ max-height: -webkit-calc(100vh - 170px)
+ max-height: calc(100vh - 170px)
.ui-datepicker
z-index: 1500 !important
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: auto
+ overflow: hidden
+
+@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)
+ .oe-view-manager-content
+ > div
+ position: absolute !important
+ .oe-view-manager-content
+ > div
+ position: relative !important
+
+
// au BufWritePost,FileWritePost *.sass :!sass --style expanded --line-numbers <afile> > "%:p:r.css"
// vim:tabstop=4:shiftwidth=4:softtabstop=4:fdm=marker:
projects / odoo / odoo.git / blobdiff