background: -moz-linear-gradient(135deg, $endColor, $startColor)
background: -o-linear-gradient(135deg, $startColor, $endColor)
background: -webkit-gradient(linear, left top, right bottom, from($startColor), to($endColor))
+ background: -ms-linear-gradient(top, $startColor, $endColor) /* IE10 */
@mixin transform($transform)
-webkit-transform: $transform
\::-webkit-input-placeholder
color: $tag-border !important
font-style: italic !important
+ \:-ms-input-placeholder
+ color: $tag-border !important
+ font-style: italic !important
//}}}
// Tag reset {{{
a
.oe_image_medium > img
max-width: 180px
max-height: 180px
- .oe_view_manager_current span.access, a.access
- text-decoration: underline
- text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2)
- font-weight: bold
.oe_button.oe_link
@include reset()
img
- display: none
+ display: inline-block
span
@include reset()
color: $link-color
// }}}
- .oe_keyImage_old_pwd input
- background: url(/web/static/src/img/old_key.png) no-repeat 4px !important
- padding-left: 22px
- .oe_keyImage_new_pwd input
- background: url(/web/static/src/img/new_key.png) no-repeat 4px !important
- padding-left: 22px
-
// Tags (for many2many tags, among others) {{{
.oe_tag
border: 1px solid $tag-border
float: left
.oe_notebook > li > a
display: block
+ color: #808080
+ .oe_notebook > li.ui-tabs-active > a
color: #4c4c4c
.oe_notebook
border-color: #ddd
position: relative
cursor: pointer
.oe_dropdown_toggle
- color: rgba(0,0,0,0.3)
+ color: #4C4C4C
font-weight: normal
.oe_dropdown_hover:hover .oe_dropdown_menu, .oe_dropdown_menu.oe_opened
display: block
display: block
color: #4c4c4c
text-decoration: none
+ width: 200px
+ text-overflow: ellipsis
+ overflow: hidden
&:hover
text-decoration: none
.oe_dropdown_arrow:after
border-bottom-right-radius: 8px
border-bottom-left-radius: 8px
// }}}
- // Notification {{{
+ // 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%
+ p
+ text-align: center
+ .oe_dialog_icon
+ padding: 5px
+ width: 32px
// }}}
// Login {{{
.oe_login
list-style-type: none
padding: 0 0 4px 0
button
- float: right
- display: inline-block
cursor: pointer
padding: 6px 16px
border: 1px solid #222
height: 32px
background-color: #414141
@include vertical-gradient(#646060, #262626)
+ .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: 20px
+ 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 7px
&:hover
@include vertical-gradient(#292929, #191919)
@include box-shadow(none)
+ .oe_topbar_name
+ max-width: 150px
+ overflow: hidden
+ display: inline-block
+ max-height: 100%
+ text-overflow: ellipsis
+ white-space: nowrap
// 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
text-shadow: 0 1px 1px white
padding-bottom: 16px
a.oe_logo
+ position: relative
width: 220px
display: block
text-align: center
- height: 70px
- line-height: 70px
img
- height: 40px
- width: 157px
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
width: 220px
text-align: center
a
- font-weight: 800
- font-family: serif
- font-size: 16px
+ font-weight: bold
color: black
span
color: #c81010
- font-style: italic
// }}}
// Webclient.leftbar items {{{
.oe_secondary_submenu
padding: 2px 0 8px 0
margin: 0
- width: 100%
+ width: 220px
display: inline-block
li
position: relative
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))
+ .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)
// ActionManager {{{
.oe_application
width: 100%
+ height: 100%
a
color: $link-color
&:hover
> div
height: 100%
.oe_breadcrumb_item:not(:last-child)
- display: inline-block
max-width: 7em
white-space: nowrap
- overflow: hidden
text-overflow: ellipsis
+ .oe_breadcrumb_title > *
+ display: inline-block
+ overflow: hidden
// }}}
// ViewManager common {{{
.oe_view_manager
height: inherit
table.oe_view_manager_header
+ border-collapse: separate
width: 100%
table-layout: fixed
.oe_header_row
// List pager {{{
.oe_list_pager
line-height: 26px
- .oe_pager_value
- float: left
- margin-right: 8px
- ul.oe_pager_group
+ .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
padding: 0
margin: 0
- .oe_pager_group
+ list-style-type: none
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
- padding: 0
- margin: 0
- list-style-type: none
- float: left
- border-right: 1px solid #ababab
- &:last-child
- border: none
+ 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: #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)
+ 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
// }}}
font-size: 125%
max-width: 700px
.oe_view_nocontent_create
- background: transparent url(/web/static/src/img/view_empty_arrow.png) no-repeat 7px 0
margin-top: 0
padding-top: 35px
- min-height: 28px
color: #4c4c4c
+ &:before
+ content: ""
+ display: inline-block
+ position: absolute
+ width: 70px
+ height: 80px
+ margin-left: -70px
+ margin-top: -50px
+ background: transparent url(/web/static/src/img/view_empty_arrow.png) no-repeat 0px 0px
> p
- padding-left: 95px
+ padding-left: 78px
.oe_empty_custom_dashboard
background: transparent url(/web/static/src/img/graph_background.png) no-repeat 0 0
margin-top: -15px
> header
margin: -16px -16px 0 -16px
padding: 0
+ .oe_form_nosheet.oe_form_nomargin
+ margin: 0
+ > header
+ margin: 0
.oe_form_sheetbg
padding: 16px 0
.oe_form_sheet_width
background: white
min-height: 330px
padding: 16px
+ .oe_list
+ overflow-x: auto
// Sheet inline mode
.oe_application
.oe_form_sheetbg
width: 400px
padding-bottom: 0
div.oe_chatter
- box-sizing: border-box
+ box-sizing: border-box
min-width: $sheet-min-width + 2* $sheet-padding
max-width: $sheet-max-width + 2* $sheet-padding
margin: 0 auto
border-left: 8px solid #eee
.oe_form_field_url button img
vertical-align: top
+ .oe_form_field_monetary,
.oe_form_field_date,
.oe_form_field_datetime
white-space: nowrap
.oe_form_field_image_controls
position: absolute
top: 1px
- padding: 4px
+ padding: 4px 0
width: 100%
display: none
text-align: center
width: 100%
left: +2px
top: +7px
+ overflow: hidden
button
display: inline
height: 24px
overflow: hidden
width: 24px
overflow: hidden
- background: transparent
+ background: transparent
color: #7C7BAD
box-shadow: none
border: none
left: -9px
input.oe_form_binary_file
display: inline-block
- margin-left: -5px
- height: 28px
- width: 52px
- margin-top: -26px
+ margin-left: -85px
+ height: 22px
+ width: 152px
+ margin-top: -24px
+ cursor: pointer
.oe_attach_label
color: #7C7BAD
margin-left: -3px
th.sortup div:after
visibility: visible
@include opacity(0.6)
+ .oe_list_header_many2many_tags
+ min-width: 70px
th.sortdown div:after
border-bottom: none
border-left: 4px solid transparent
@include radius(3px)
// }}}
-.resolution
- width: 350px
- background-color: white
- margin-bottom: 15px
- margin-left: 5px
- position: relative
- z-index: 10
- .res
- display: table
+// Internet Explorer 9+ specifics {{{
+.openerp_ie
+ .oe_form_field_boolean input
+ background: #fff
+ input[type='checkbox']
+ border: none
+ background: none
+ box-shadow: none
+ .oe_logo
+ img
+ border: none
+ .oe_header_row
+ button.oe_highlight
+ padding-top: 0
+ padding-bottom: 0
+ .oe_view_manager_buttons
+ button.oe_write_full
+ padding-top: 0
+ padding-bottom: 0
+ button.oe_highlight
+ padding-top: 0
+ padding-bottom: 0
+ button .oe_form_button_edit
+ padding-top: 0
+ padding-bottom: 0
+ button .oe_form_button_create
+ padding-top: 0
+ padding-bottom: 0
+ .oe_kanban_image
+ border: none
+ .oe_msg_icon
+ border: none
+ .oe_form
+ header
+ ul
+ height: 29px
+ .oe_attach
+ filter: none
+ .oe_link
+ filter: none
+ .oe_kanban_show_more
+ clear: both
+ text-align: center
+ &.oe_kanban_grouped .oe_kanban_show_more .oe_button
width: 100%
+ padding: 3px 12px
-div.res
- border: 1px solid
-
-.resolution .res > div:not(.simtext)
- border-bottom: 1px solid
- height: 70px
- clear: both
-
-.res .simtext
- border-bottom: 0px
- padding: 5px
- height: auto
-
-.simtext span
- font-size: 8px
- color: grey
-
-.resolution .res div div
- display: inline
- position: absolute
- padding-top: 30px
- padding-left: 10px
-
-.res
+ .oe_form_buttons button
+ padding-top: 0
+ padding-bottom: 0
+ .oe_sidebar button
+ padding-top: 0
+ padding-bottom: 0
img
- width: 150px
- height: 40px
- padding-top: 20px
- padding-left: 5px
- span a
- font-size: 10px
- padding-right: 5px
+ border: none
+ //buttons.
+ .oe_dropdown_arrow
+ line-height: 1.7em
+ .oe_form_buttons, .oe_view_manager_buttons
+ button
+ line-height: 1.7em
+ .oe_highlight
+ line-height: 1.7em
+ .oe_topbar
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#646060', endColorstr='#262626')
+ .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error
+ filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
+ .oe_popup_form
+ width: 99% !important
+ .oe_form_label
+ white-space: normal !important
+ ul.oe_form_status, ul.oe_form_status_clickable
+ li
+ display: inline-block
+ clear: both
+ &:last-child
+ overflow: hidden
+ border-right: 1px solid #cacaca
+ .label
+ padding-right: 14px
+ border-right: none
+ .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
+ li.oe_active
+ .label
+ border-bottom: 1px solid #729fcf
+ .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')
+// }}}
+// @media print {{{
@media print
.openerp
.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
.oe_form_sheet, .oe_form_sheetbg
border: 0px !important
box-shadow: 0px 0px 0px
+ .oe_list
+ overflow-x: visible
.oe_view_manager_current > .oe_view_manager_header
border: 0px !important
box-shadow: 0px 0px 0px
overflow: hidden !important
// }}}
+.blockUI.blockOverlay
+ background-color: black
+ opacity: 0.6000000238418579
+
// au BufWritePost,FileWritePost *.sass :!sass --style expanded --line-numbers <afile> > "%:p:r.css"
// vim:tabstop=4:shiftwidth=4:softtabstop=4:fdm=marker: