color: #4c4c4c
font-size: 13px
background: white
- text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5)
&.openerp_webclient_container
height: 100%
// }}}
vertical-align: middle
h4
margin: 4px 0
+ font-weight: bold
+ font-size: inherit
// }}}
// Button style {{{
- a.button:link, a.button:visited, button, input[type='submit'], .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button
+ a.button:link, a.button:visited, button, .oe_button, input[type='submit'], .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button
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, 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, .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button.ui-state-hover
@include vertical-gradient(#f6f6f6, #e3e3e3)
cursor: pointer
background-position: 0
- a.button:focus, 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, .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button.ui-state-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, 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, .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button.ui-state-active
@include vertical-gradient(#e3e3e3, #f6f6f6)
@include box-shadow(none)
- a.button.disabled, button:disabled, input[type='submit']:disabled
+ a.button.disabled, button:disabled, .oe_button:disabled, input[type='submit']:disabled
background: #efefef !important
border: 1px solid #d1d1d1 !important
@include box-shadow(none !important)
// Modal box
&.ui-dialog
display: none
+ height: auto !important
padding: 6px
//overflow: hidden
background-color: rgba(60,60,60,0.7)
padding: 0
.ui-dialog-content
background: white
+ width: auto !important
.ui-dialog-buttonpane
border-top: 1px solid #e0e0e0
background: #f5f7f9
font-family: "entypoRegular" !important
font-size: 34px
font-weight: 300 !important
+ line-height: 100%
.oe_left
float: left
margin-right: 8px
max-width: 650px
.oe_grey
color: #aaa
-
+ // Added for generic error message and customize bootstrap3 <pre>,<hr>
+ .oe_error_detail
+ hr
+ display: block
+ -webkit-margin-before: 0.5em
+ -webkit-margin-after: 0.5em
+ -webkit-margin-start: auto
+ -webkit-margin-end: auto
+ border-style: inset
+ border-width: 1px
// }}}
// Tags (for many2many tags, among others) {{{
.oe_tag_dark
background: $tag-bg-dark
color: #eee
-
+ .oe_form_field_radio
+ &.oe_horizontal
+ white-space: nowrap
+ label
+ display: inline-block
+ text-align: center
+ 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
.oe_tags
&.oe_inline
min-width: 250px
cursor: default
.oe_notebook_page
padding: 0
+ //Customize label weight according bootstrap3
+ > label:not([for])
+ font-weight: normal !important
+ // End of customize
div.ui-tabs
padding: 3px 0px 3px 0px
.ui-tabs-hide
position: relative
cursor: pointer
.oe_dropdown_toggle
- color: #4C4C4C
+ color: #2B2B2B
font-weight: normal
.oe_dropdown_hover:hover .oe_dropdown_menu, .oe_dropdown_menu.oe_opened
display: block
.oe_dropdown_menu
display: none
position: absolute
- top: 26px
z-index: 3
margin: 0
- padding: 0
border: 1px solid $tag-border
background: white
padding: 4px 0
padding: 5px
width: 32px
// }}}
- // Login {{{
- .oe_login
- background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAKUlEQVQIHWO8e/fufwYsgAUkJigoiCIF5DMyoYggcUiXgNnBiGQKmAkARpcEQeriln4AAAAASUVORK5CYII=)
- text-align: center
- font-size: 14px
- height: 100%
- ul, li
- margin: 0
- list-style-type: none
- padding: 0 0 4px 0
- button
- cursor: pointer
- padding: 6px 16px
- border: 1px solid #222
- color: white
- margin: 0
- @include vertical-gradient(#b92020, #600606)
- @include radius(4px)
- @include box-shadow((0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(155, 155, 155, 0.4) inset))
- input, select
- width: 252px
- font-family: "Lucida Grande", Helvetica, Verdana, Arial
- border: 1px solid #999999
- background: whitesmoke
- @include box-shadow(inset 0 1px 4px rgba(0, 0, 0, 0.4))
- @include radius(3px)
- input
- margin-bottom: 9px
- padding: 5px 6px
- select
- padding: 1px
- .oe_login_dbpane
- position: fixed
- top: 0
- right: 8px
- padding: 5px 10px
- color: #eee
- border: solid 1px #333
- background: #1e1e1e
- background: rgba(30,30,30,0.94)
- @include radius(0 0 8px 8px)
- input
- padding: 2px 4px
- margin: 4px 0
- .oe_login_bottom
- position: absolute
- top: 50%
- left: 0
- right: 0
- bottom: 0
- text-shadow: 0 1px 1px #999999
- @include vertical-gradient(#b41616, #600606)
- .oe_login_pane
- position: absolute
- top: 50%
- left: 50%
- margin: -160px -166px
- border: solid 1px #333333
- background: #1e1e1e
- background: rgba(30,30,30,0.94)
- padding: 22px 32px
- color: #eee
- text-align: left
- @include radius(8px)
- @include box-shadow(0 0 18px rgba(0, 0, 0, 0.9))
- h2
- margin-top: 0
- font-size: 18px
- .oe_login_logo
- position: absolute
- top: -70px
- left: 0
- width: 100%
- margin: 0 auto
- text-align: center
- .oe_login_footer
- position: absolute
- bottom: -40px
- left: 0
- width: 100%
- text-align: center
- a
- color: #eee
- margin: 0 8px
- &:hover
- text-decoration: underline
- span
- font-weight: bold
- font-size: 16px
- .oe_login_error_message
- display: none
- background-color: #b41616
- color: #eee
- padding: 14px 18px
- margin-top: 15px
- text-align: center
- @include radius(4px)
- @include box-shadow(0 1px 4px rgba(0, 0, 0, 0.8))
- .oe_login_invalid
- .oe_login_error_message
- display: inline-block
- // }}}
// DatabaseManager {{{
.oe_database_manager
background: #fff
// }}}
// Top Menu {{{
- .oe_topbar
- width: 100%
- height: 32px
- background-color: #414141
- @include vertical-gradient(#646060, #262626)
+ .navbar
.oe_topbar_anonymous_login
background-color: #dc5f59
color: #eeeeee
display: block
padding: 5px 10px 7px
line-height: 20px
- height: 20px
+ height: 30px
text-decoration: none
color: white
background: transparent
@include box-shadow(0 1px 2px rgba(0,0,0,0.2) inset)
.oe_topbar_item
display: block
- padding: 5px 10px 7px
+ padding: 5px 10px 26px
line-height: 20px
height: 20px
text-decoration: none
vertical-align: top
.oe_dropdown_arrow:after
border-top: 4px solid white
- .oe_dropdown_menu
+ .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 1px 1px
+ border-width: 0 2px 1px
@include radius(0 0 6px 6px)
@include background-clip()
li
@include box-shadow(none)
.oe_topbar_name
max-width: 150px
- overflow: hidden
display: inline-block
- max-height: 100%
+ 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
- .oe_menu
+ .navbar-nav
float: left
padding: 0
margin: 0
color: #eeeeee
> a
display: block
- padding: 5px 10px 7px
+ padding: 5px 10px 26px !important
line-height: 20px
height: 20px
text-decoration: none
- color: #eee
+ color: #eee !important
vertical-align: top
text-shadow: 0 1px 1px rgba(0,0,0,0.2)
@include transition(all 0.2s ease-out)
text-shadow: black 0px 0px 3px
color: white
@include box-shadow(0 1px 2px rgba(0,0,0,0.4) inset)
- > .oe_active
+ > .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)
width: 220px
background: #f0eeee
border-right: 1px solid $tag-border
- text-shadow: 0 1px 1px white
+ text-shadow: none
padding-bottom: 16px
a.oe_logo
position: relative
margin-left: 8px
color: $link-color
.oe_secondary_submenu
- padding: 2px 0 8px 0
- margin: 0
- li
- position: relative
- margin: 0
- padding: 1px 0 1px 20px !important
- list-style-type: none
- a
- display: block
- color: #4c4c4c
- padding: 2px 4px 2px 0
- .oe_menu_label
- position: absolute
- top: 1px
- right: 1px
- font-size: 10px
- background: $link-color
- color: white
- padding: 2px 4px
- margin: 1px 6px 0 0
- border: 1px solid lightGray
- text-shadow: 0 1px 1px rgba(0,0,0,0.2)
- @include radius(4px)
- @include box-shadow(inset 0 1px 1px rgba(0, 0, 0, 0.2))
+ margin-bottom: 10px !important
+ line-height: 1.1em
+ margin-top: 3px
.oe_menu_text
white-space: nowrap
overflow: hidden
display: inline-block
text-overflow: ellipsis
max-width: 85%
- .oe_menu_counter
- float: right
- text-shadow: 0 1px 1px rgba(0,0,0,0.2)
- margin: 1px
- padding: 1px 4px
- border: none
+ margin-top: 1px
+ .badge
&:hover
cursor: pointer
@include transform(scale(1.1))
- .oe_active
- border-top: 1px solid lightGray
- border-bottom: 1px solid #dedede
- text-shadow: 0 1px 1px rgba(0,0,0,0.2)
- @include box-shadow((inset 0 1px 3px rgba(0, 0, 0, 0.2), inset 0 -1px 3px rgba(40, 40, 40, 0.2)))
- background: $link-color
- a
- color: white
- .oe_menu_label
- background: #eee
- color: $link-color
- text-shadow: 0 1px 1px white
- @include box-shadow(0 1px 1px rgba(0, 0, 0, 0.2))
- .oe_menu_counter
- background: #eee
- color: $link-color
- @include box-shadow(inset 0 1px 2px rgba(0, 0, 0, 0.2))
.oe_menu_toggler:before
width: 0
height: 0
border-left: 4px solid transparent
border-right: 4px solid transparent
border-top: 4px solid #4c4c4c
- .oe_secondary_submenu
- margin-left: -20px
.oe_secondary_submenu li
margin-left: 20px
-
// }}}
// About openerp {{{
.oe_about
color: #eee
// }}}
// ActionManager {{{
+ a.oe_form_uri:hover
+ text-decoration: underline
.oe_application
width: 100%
height: 100%
a
color: $link-color
- &:hover
- text-decoration: underline
> div
height: 100%
.oe_breadcrumb_item:not(:last-child)
.oe_breadcrumb_title > *
display: inline-block
overflow: hidden
+ font-weight: bold
// }}}
// ViewManager common {{{
.oe_view_manager
height: inherit
width: 100%
.oe_view_manager_body
- display: table-row
height: inherit
.oe_view_manager_view_kanban:not(:empty)
height: inherit
+ &[data-view-type=kanban]
+ .oe_view_manager_body
+ display: table-row
table.oe_view_manager_header
border-collapse: separate
.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
a
color: $link-color
.oe_dropdown_menu
display: none
// }}}
// FormPopup {{{
- .oe_popup_form > .oe_formview > .oe_form_pager
- display: none !important
+ .oe_popup_form
+ .oe_formview .oe_form_pager
+ display: none !important
+ // Customize label weight for popup wizard appear from another wizard according bootstrap3
+ table label
+ font-weight: normal
+ // End of customize
.oe_popup_list_pager
float: right
// }}}
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)
border-top: none
margin: 0
h3
- margin: 8px 4px 4px 12px
+ margin: 8px 4px 4px 0px
color: $section-title-color
font-size: 13px
h4, h4 *
- margin: 0
+ margin: 0 0 0 2px
cursor: pointer
font-weight: normal
display: inline-block
@include box-sizing(border)
display: table-cell
width: 50%
+ padding-left: 2px // Managed padding-left according bootstrap3
ul
margin: 0 8px 8px
padding: 0
margin: 4px 0
line-height: 18px
button
- margin: 0 0 8px 0
+ 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
li
position: absolute
top: 0
right: 5px
+ //Customize for searchview label
+ label
+ font-weight: normal
+ //End of Customize
.oe_searchview_dashboard
form
display: none
white-space: nowrap
&:first-child .searchview_extended_prop_or
visibility: hidden
+ margin-left: -14px
.searchview_extended_prop_or
opacity: 0.5
- margin-left: -14px
+ margin-left: -14px //Customize 'or' in searchview
.oe_opened
h4:before
content: "â–¾ "
@include box-shadow((0 1px 2px rgba(0, 0, 0, .1), 0 1px 1px rgba(255, 255, 255, .8) inset))
.oe_form_invisible
display: none !important
+ .oe_form_editable
+ .oe_read_only
+ display: none !important
.oe_form_readonly
.oe_edit_only, .oe_form_field:empty
display: none !important
.oe_form .oe_form_field_date
width: auto
+ .oe_form_field_boolean.boolean
+ position: relative
+ top: -20px
+ width: 14px
+ height: 14px
+ z-index: 10000
+ // IE needs a color in order for the layer to respond to mouse events
+ backgroundColor: "#fff"
+ opacity: 0
// Sheet and padding
.oe_form_nosheet
margin: 16px
.oe_form_sheetbg
background: url(/web/static/src/img/form_sheetbg.png)
border-bottom: 1px solid #ddd
+ // Customize font weight according bootstrap3
+ .oe_subtotal_footer label
+ font-weight: bold
+ table label
+ font-weight: normal
+ // End of customize
.oe_form_sheet
border: 1px solid #c8c8d3 //$tag-border
@include box-shadow(0 4px 20px rgba(0,0,0,0.15))
padding: 0 16px
// }}}
// FormView.header {{{
- .oe_form header
- position: relative
- overflow: hidden
- border-bottom: 1px solid #cacaca
+ .oe_form > :not(.oe_form_nosheet) header, .oe_form > .oe_form_nosheet header
padding-left: 2px
- @include vertical-gradient(#fcfcfc, #dedede)
- > span
- margin-left: 4px
ul
display: inline-block
float: right
margin: 3px 2px 1px
&:first-child
margin-left: 6px
+
+ .oe_form header
+ border-bottom: 1px solid #cacaca
+ padding-left: 2px
+ @include vertical-gradient(#fcfcfc, #dedede)
+ > span
+ margin-left: 4px
+
// }}}
// FormView.custom tags and classes {{{
.oe_form
font-weight: bold !important
padding: 2px 11px 2px 0px !important
label.oe_form_label_help
- font-weight: normal
+ font-weight: normal !important
.oe_form_box_info
background: #fe9
border-bottom: 1px solid #cb6
label
line-height: 18px
display: block
- min-width: 140px
+ min-width: 150px
+ font-weight: bold !important
td.oe_form_group_cell + .oe_form_group_cell
padding: 2px 0 2px 8px
.oe_form_group
// FormView.label {{{
.oe_form
.oe_form_label_help[for], .oe_form_label[for]
- font-weight: bold
white-space: nowrap
padding-right: 8px
span
input
height: inherit !important
font-size: inherit
+ // Customize for formview
+ .oe_title h1, h1
+ font-weight: bold
+ font-size: 2em
+ h2
+ font-size: 1.5em
+ label
+ font-weight: bold
+ margin-bottom: 0px
+ display: inline
+ // End of customize
.oe_form_field
width: 100%
display: inline-block
background: white
min-width: 60px
color: #1f1f1f
+ font-family: "Lucida Grande", Helvetica, Verdana, Arial, sans-serif
input[readonly], select[readonly], textarea[readonly], input[disabled], select[disabled]
background: #E5E5E5 !important
color: #666
padding-left: 8px
@include box-shadow(none)
@include radius(0px)
+ color: #4c4c4c
textarea.oe_inline[disabled]
border-left: 8px solid #eee
.oe_form_field_url button img
.oe_form_field_datetime
white-space: nowrap
.oe_form_field_boolean
- padding-top: 4px
width: auto
.oe_datepicker_container
display: none
overflow: hidden
.oe_form_embedded_html
position: relative
- width: 600px
- margin-left: 130px
- margin-top: 32px
- margin-bottom: 32px
+ width: 100%
+ margin: auto
+ overflow: auto
text-align: justify
.oe_form_field_html .oe_input_icon
float: right
margin: 0
padding: 0
.oe_form
+ .oe_form_field_binary
+ display: inline-block
.oe_form_field_image
padding: 0
position: relative
display: inline-block
clear: both
width: 100%
+ margin-bottom: -15px
.oe_add
float: left
position: relative
width: 100%
left: +2px
- top: +7px
+ margin: 9px 0 /* Customize margin according bootstrap3 */
overflow: hidden
button
display: inline
vertical-align: middle
button.oe_attach
width: 24px
- overflow: hidden
- width: 24px
- overflow: hidden
background: transparent
color: #7C7BAD
box-shadow: none
text-shadow: none
.oe_e
position: relative
- top: -1px
- left: -9px
+ top: -10px
+ left: -9px
input.oe_form_binary_file
display: inline-block
margin-left: -85px
// }}}
// FormView.many2one {{{
.oe_form_field_many2one
+ display: inline-block
td:first-child
position: relative
span.oe_m2o_drop_down_button
margin: 0 -18px 0 0
padding: 0
@include vertical-gradient(#fcfcfc, #dedede)
- &:first-child .label
+ &:first-child > .label
border-left: 1px solid #cacaca
padding-left: 14px
&:last-child
border-right: 1px solid #cacaca
- .label
+ > .label
padding-right: 14px
- .arrow
+ > .arrow
display: none
- .label
+ > .label
color: #4c4c4c
text-shadow: 0 1px 1px #fcfcfc, 0 -1px 1px #dedede
padding: 7px
padding-left: 24px
margin: 0
position: relative
- .arrow
+ // Customize for statusbar label
+ line-height: normal
+ font-size: 100%
+ font-weight: normal
+ // End of customize
+ > .arrow
width: 17px
+ height: 30px
display: inline-block
vertical-align: top
overflow: hidden
@include skew-gradient(#fcfcfc, #dedede)
@include radius(3px)
@include transform(rotate(45deg))
+ ul.oe_dropdown_menu
+ display: none
+ padding: 0
+ min-width: 0
+ &.oe_opened
+ display: block
+ li
+ margin: 0
+ width: 100%
+ span.label
+ padding-left: 14px
+
li.oe_active
@include vertical-gradient(#729fcf, #3465a4)
- .arrow span
+ > .arrow span
@include skew-gradient(#729fcf, #3465a4)
- .label
+ > .label
color: white
text-shadow: 0 1px 1px #729fcf, 0 -1px 1px #3465a4
ul.oe_form_status_clickable
cursor: pointer
&:hover
@include vertical-gradient(darken(#fcfcfc, 8%), darken(#dedede, 8%))
- .label
+ > .label
text-shadow: 0 -1px 1px #fcfcfc, 0 1px 1px #dedede
- .arrow span
+ > .arrow span
@include vertical-gradient(darken(#fcfcfc, 8%), darken(#dedede, 8%))
- .label
+ > .label
color: $link-color
li.oe_active
&:hover
@include vertical-gradient(darken(#729fcf, 10%), darken(#3465a4, 10%))
- .label
+ > .label
text-shadow: 0 -1px 1px #729fcf, 0 1px 1px #3465a4
- .arrow span
+ > .arrow span
@include skew-gradient(darken(#729fcf, 10%), darken(#3465a4, 10%))
// }}}
// FormView.one2many {{{
.oe_debug_view_log
font-size: 95%
line-height: 1.2em
- .oe_debug_view_log label
- display: block
- width: 49%
- text-align: right
- float: left
+ // }}}
+ // 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
+ background: #333333 !important
+ background: rgba(37, 37, 37, 0.9) !important
+ border-color: #999999
+ border-color: rgba(0, 0, 0, 0.2)
+ background-color: #414141
+ text-shadow: none
+ @include vertical-gradient(#646060, #262626)
+ @include radius(3px)
+ li
+ a,a:hover,a:focus
+ color: #eeeeee
+
+ // Minimized unused white space and label weight for wizard popup
+ .oe_view_manager_new .oe_form_nosheet
+ margin-top: 8px
+ .oe_form_label
+ font-weight: normal
+
+ // Customize bootstrap3 for leftbar
+ .nav
+ li > a
+ padding: 3px 4px 2px 18px
+ color: #4c4c4c
+ nav-pills.nav-stacked > li > ul
+ padding-left: 16px
+ .nav-pills > li.active,a.list-group-item.active
+ > a
+ background-color: #7c7bad
+ color: white
+ border-radius: 0
+ a:hover,a:focus
+ background-color: #7c7bad
+ .badge
+ background-color: white
+ color: #7c7bad
+ text-shadow: none
+ .badge
+ font-weight: normal
+ font-size: 11px
+ background-color: #7c7bad
+
+ // Customize for global tags
+ button, body
+ line-height: normal
+ h1,h2
+ font-weight: bold
+ h3
+ font-size: 1.17em
font-weight: bold
- color: #009
- .oe_debug_view_log span
+ p
display: block
- width: 49%
- float: right
- color: #333
+ -webkit-margin-before: 1em
+ -webkit-margin-after: 1em
+ -webkit-margin-start: 0px
+ -webkit-margin-end: 0px
+ pre
+ background-color: #FFFFFF
+ border: none
+ padding: 10px 0 3px 0
+
+
+
+ // Customize for chatter
+ h5
+ font-weight: bold
+ font-size: smaller
+ .oe_form .oe_subtype label, .oe_subtype label
+ font-weight: normal
+ .oe_msg_subtype_check
+ margin: 3px 3px 0 !important
// }}}
+// Customize for kanban tooltip
+.jqstooltip
+ height: auto !important
+ width: auto !important
+ padding: 0
+
+@-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
+ .oe_star_on, .oe_star_off
+ top: 0px
+
// Kitten Mode {{{
.kitten-mode-activated
background-size: cover
background-attachment: fixed
>*
opacity: 0.70
+.loading-kitten
+ @include radius(15px)
+ @include box-shadow(0 0 5px 5px #999)
// }}}
// jQueryUI top level {{{
td
padding-bottom: 10px !important
+// Server side single forms {{{
+@mixin single-form($width: 400px)
+ padding: 10px
+ position: absolute
+ left: 50%
+ top: 50%
+ width: $width
+ /* Set margins to offset 50% of the w/h */
+ margin-top: -($width / 2)
+ margin-left: -($width / 2)
+
+body.oe_single_form
+ background: #eee url(/web/static/src/img/form_sheetbg.png)
+ height: 100%
+
+ .oe_single_form_logo
+ padding: 10px
+ text-align: center
+ margin-bottom: 10px
+
+ .oe_single_form_footer
+ position: absolute
+ bottom: -30px
+ right: 0px
+ width: 100%
+ text-align: center
+
+ .oe_single_form_container
+ @include single-form(400px)
+
+// }}}
+
// Internet Explorer 9+ specifics {{{
.openerp_ie
.placeholder
&:last-child
overflow: hidden
border-right: 1px solid #cacaca
- .label
+ > .label
padding-right: 14px
border-right: none
- .arrow
+ > .arrow
display: inline-block
opacity: 0
filter: alpha(opacity = 0)
border: none
width: 0
border-right: none
- .label
- border-bottom: 1px solid #cacaca
- background: transparent
- .arrow
- span
- background-color: #fefefe !important
+ > .label
+ border-bottom: 1px solid #cacaca
+ background: transparent
+ > .arrow
+ span
+ background-color: #eeeeee !important
li.oe_active
- .label
+ > .label
border-bottom: 1px solid #729fcf
- .arrow span
+ > .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 {{{
overflow: hidden !important
// }}}
+
+// Hack for ui icon {{{
+.ui-icon
+ width: 18px
+ height: 18px
+// End hack}}}
+
+input[type="radio"], input[type="checkbox"]
+ margin-right: 4px
+ margin-left: 4px
+
.blockUI.blockOverlay
background-color: black
opacity: 0.6000000238418579