.openerp2 { padding: 0; margin: 0; font-family: "Lucida Grande", Helvetica, Verdana, Arial, sans-serif; color: #4c4c4c; font-size: 13px; background: white; position: relative; } .openerp2 a { text-decoration: none; } .openerp2 a.button:link, .openerp2 a.button:visited, .openerp2 button, .openerp2 input[type='submit'] { display: inline-block; border: 1px solid #ababab; color: #404040; margin: 0; padding: 4px 12px; font-size: 13px; text-align: center; background-color: #efefef; background-image: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#d8d8d8)); background-image: -webkit-linear-gradient(top, #efefef, #d8d8d8); background-image: -moz-linear-gradient(top, #efefef, #d8d8d8); background-image: -ms-linear-gradient(top, #efefef, #d8d8d8); background-image: -o-linear-gradient(top, #efefef, #d8d8d8); background-image: linear-gradient(to bottom, #efefef, #d8d8d8); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(255, 255, 255, 0.8) inset; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(255, 255, 255, 0.8) inset; -box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(255, 255, 255, 0.8) inset; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5); -webkit-font-smoothing: antialiased; outline: none; } .openerp2 a.button:hover, .openerp2 button:hover, .openerp2 input[type='submit']:hover { background-color: #f6f6f6; background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#e3e3e3)); background-image: -webkit-linear-gradient(top, #f6f6f6, #e3e3e3); background-image: -moz-linear-gradient(top, #f6f6f6, #e3e3e3); background-image: -ms-linear-gradient(top, #f6f6f6, #e3e3e3); background-image: -o-linear-gradient(top, #f6f6f6, #e3e3e3); background-image: linear-gradient(to bottom, #f6f6f6, #e3e3e3); cursor: pointer; } .openerp2 a.button:focus, .openerp2 button:focus, .openerp2 input[type='submit']:focus { border: 1px solid #80bfff; background-color: #f6f6f6; background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#e3e3e3)); background-image: -webkit-linear-gradient(top, #f6f6f6, #e3e3e3); background-image: -moz-linear-gradient(top, #f6f6f6, #e3e3e3); background-image: -ms-linear-gradient(top, #f6f6f6, #e3e3e3); background-image: -o-linear-gradient(top, #f6f6f6, #e3e3e3); background-image: linear-gradient(to bottom, #f6f6f6, #e3e3e3); -moz-box-shadow: 0 0 3px #80bfff, 0 1px 1px rgba(255, 255, 255, 0.8) inset; -webkit-box-shadow: 0 0 3px #80bfff, 0 1px 1px rgba(255, 255, 255, 0.8) inset; -box-shadow: 0 0 3px #80bfff, 0 1px 1px rgba(255, 255, 255, 0.8) inset; } .openerp2 a.button:active, .openerp2 a.button.active, .openerp2 button:active, .openerp2 button.active, .openerp2 input[type='submit']:active, .openerp2 input[type='submit'].active { background: #e3e3e3; background: -moz-linear-gradient(top, #e3e3e3, #f6f6f6) #1b468f; background: -webkit-gradient(linear, left top, left bottom, from(#e3e3e3), to(#f6f6f6)) #1b468f; background: linear-gradient(top, #e3e3e3, #f6f6f6) #1b468f; -moz-box-shadow: none; -webkit-box-shadow: none; -box-shadow: none; } .openerp2 a.button.disabled, .openerp2 button:disabled, .openerp2 input[type='submit']:disabled { background: #efefef !important; border: 1px solid #d1d1d1 !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; -box-shadow: none !important; color: #aaaaaa !important; cursor: default; text-shadow: 0 1px 1px white !important; } .openerp2 button.primary { color: white; background-color: #dc5f59; background-image: -webkit-gradient(linear, left top, left bottom, from(#dc5f59), to(#b33630)); background-image: -webkit-linear-gradient(top, #dc5f59, #b33630); background-image: -moz-linear-gradient(top, #dc5f59, #b33630); background-image: -ms-linear-gradient(top, #dc5f59, #b33630); background-image: -o-linear-gradient(top, #dc5f59, #b33630); background-image: linear-gradient(to bottom, #dc5f59, #b33630); -moz-box-shadow: none; -webkit-box-shadow: none; -box-shadow: none; } .openerp2 button.primary:hover { background-color: #df6b66; background-image: -webkit-gradient(linear, left top, left bottom, from(#df6b66), to(#bf3a33)); background-image: -webkit-linear-gradient(top, #df6b66, #bf3a33); background-image: -moz-linear-gradient(top, #df6b66, #bf3a33); background-image: -ms-linear-gradient(top, #df6b66, #bf3a33); background-image: -o-linear-gradient(top, #df6b66, #bf3a33); background-image: linear-gradient(to bottom, #df6b66, #bf3a33); -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.2); -box-shadow: 0 0 1px rgba(0, 0, 0, 0.2); } .openerp2 button.primary:active { background-color: #b33630; background-image: -webkit-gradient(linear, left top, left bottom, from(#b33630), to(#dc5f59)); background-image: -webkit-linear-gradient(top, #b33630, #dc5f59); background-image: -moz-linear-gradient(top, #b33630, #dc5f59); background-image: -ms-linear-gradient(top, #b33630, #dc5f59); background-image: -o-linear-gradient(top, #b33630, #dc5f59); background-image: linear-gradient(to bottom, #b33630, #dc5f59); -moz-box-shadow: none; -webkit-box-shadow: none; -box-shadow: none; } .openerp2 button.following { color: white; width: 90px; background-color: #8a89ba; background-image: -webkit-gradient(linear, left top, left bottom, from(#8a89ba), to(#807fb4)); background-image: -webkit-linear-gradient(top, #8a89ba, #807fb4); background-image: -moz-linear-gradient(top, #8a89ba, #807fb4); background-image: -ms-linear-gradient(top, #8a89ba, #807fb4); background-image: -o-linear-gradient(top, #8a89ba, #807fb4); background-image: linear-gradient(to bottom, #8a89ba, #807fb4); } .openerp2 button.unfollow { display: none; color: white; width: 90px; background-color: #dc5f59; background-image: -webkit-gradient(linear, left top, left bottom, from(#dc5f59), to(#b33630)); background-image: -webkit-linear-gradient(top, #dc5f59, #b33630); background-image: -moz-linear-gradient(top, #dc5f59, #b33630); background-image: -ms-linear-gradient(top, #dc5f59, #b33630); background-image: -o-linear-gradient(top, #dc5f59, #b33630); background-image: linear-gradient(to bottom, #dc5f59, #b33630); } .openerp2 .oe_left { float: left; } .openerp2 .oe_right { float: right; } .openerp2 .oe_clear { clear: both; } .openerp2 .oe_content_full_screen .oe_application { top: 0; left: 0; } .openerp2 .oe_content_full_screen .topbar, .openerp2 .oe_content_full_screen .leftbar { display: none; } .openerp2 .oe_webclient { width: 100%; height: 100%; } .openerp2 .oe_topbar { width: 100%; height: 31px; border-top: solid 1px #d3d3d3; border-bottom: solid 1px black; background-color: #646060; background-image: -webkit-gradient(linear, left top, left bottom, from(#646060), to(#262626)); background-image: -webkit-linear-gradient(top, #646060, #262626); background-image: -moz-linear-gradient(top, #646060, #262626); background-image: -ms-linear-gradient(top, #646060, #262626); background-image: -o-linear-gradient(top, #646060, #262626); background-image: linear-gradient(to bottom, #646060, #262626); } .openerp2 .oe_topbar .oe_systray { float: right; } .openerp2 .oe_topbar .oe_systray > div { float: left; padding: 0 4px 0 4px; } .openerp2 .oe_topbar .oe_topbar_item li { float: left; } .openerp2 .oe_topbar .oe_topbar_item li a { display: block; padding: 5px 10px 7px; line-height: 20px; height: 20px; color: #eeeeee; vertical-align: top; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); } .openerp2 .oe_topbar .oe_topbar_item li a:hover { background: #303030; color: white; -moz-box-shadow: 0 1px 2px rgba(255, 255, 255, 0.3) inset; -webkit-box-shadow: 0 1px 2px rgba(255, 255, 255, 0.3) inset; -box-shadow: 0 1px 2px rgba(255, 255, 255, 0.3) inset; } .openerp2 .oe_topbar .oe_topbar_item .oe_active { background: #303030; font-weight: bold; color: white; -moz-box-shadow: 0 1px 2px rgba(255, 255, 255, 0.3) inset; -webkit-box-shadow: 0 1px 2px rgba(255, 255, 255, 0.3) inset; -box-shadow: 0 1px 2px rgba(255, 255, 255, 0.3) inset; } .openerp2 .oe_topbar .oe_topbar_avatar { width: 24px; height: 24px; margin: -2px 2px 0 0; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .openerp2 .oe_topbar .oe_topbar_avatar { vertical-align: top; } .openerp2 .oe_topbar .oe_dropdown_toggle:after { width: 0; height: 0; display: inline-block; content: "&darr"; text-indent: -99999px; vertical-align: top; margin-top: 8px; margin-left: 4px; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid white; filter: alpha(opacity=50); opacity: 0.5; } .openerp2 .oe_user_menu { float: right; padding: 0; margin: 0; } .openerp2 .oe_user_menu li { list-style-type: none; float: left; } .openerp2 .oe_user_menu .oe_dropdown { position: relative; } .openerp2 .oe_user_menu .oe_dropdown_options { float: left; background: #333333; background: rgba(37, 37, 37, 0.9); display: none; position: absolute; top: 32px; right: -1px; border: 0; z-index: 900; margin-left: 0; margin-right: 0; padding: 6px 0; zoom: 1; border-color: #999999; border-color: rgba(0, 0, 0, 0.2); border-style: solid; border-width: 0 1px 1px; -moz-border-radius: 0 0 6px 6px; -webkit-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); -box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; } .openerp2 .oe_user_menu .oe_dropdown_options li { float: none; display: block; background-color: none; } .openerp2 .oe_user_menu .oe_dropdown_options li a { display: block; padding: 4px 15px; clear: both; font-weight: normal; line-height: 18px; color: #eeeeee; } .openerp2 .oe_user_menu .oe_dropdown_options li a:hover { background-color: #292929; background-image: -webkit-gradient(linear, left top, left bottom, from(#292929), to(#191919)); background-image: -webkit-linear-gradient(top, #292929, #191919); background-image: -moz-linear-gradient(top, #292929, #191919); background-image: -ms-linear-gradient(top, #292929, #191919); background-image: -o-linear-gradient(top, #292929, #191919); background-image: linear-gradient(to bottom, #292929, #191919); -moz-box-shadow: none; -webkit-box-shadow: none; -box-shadow: none; } .openerp2 .oe_leftbar { width: 220px; background: #f0eeee; border-right: 1px solid #afafb6; text-shadow: 0 1px 1px white; } .openerp2 a.oe_logo { width: 220px; display: block; text-align: center; height: 70px; line-height: 70px; } .openerp2 a.oe_logo img { height: 40px; width: 157px; margin: 14px 0; } .openerp2 .oe_footer { position: fixed; bottom: 0; padding: 4px 0; background: #f0eeee; width: 220px; text-align: center; } .openerp2 .oe_footer a { font-weight: 800; font-family: serif; font-size: 16px; color: black; } .openerp2 .oe_footer a span { color: #c81010; font-style: italic; } .openerp2 .oe_menu { float: left; padding: 0; margin: 0; } .openerp2 .oe_menu li { list-style-type: none; float: left; } .openerp2 .oe_menu a { display: block; padding: 5px 10px 7px; line-height: 20px; height: 20px; color: #eeeeee; vertical-align: top; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); } .openerp2 .oe_menu a:hover { background: #303030; color: white; -moz-box-shadow: 0 1px 2px rgba(255, 255, 255, 0.3) inset; -webkit-box-shadow: 0 1px 2px rgba(255, 255, 255, 0.3) inset; -box-shadow: 0 1px 2px rgba(255, 255, 255, 0.3) inset; } .openerp2 .oe_menu .oe_active { background: #303030; font-weight: bold; color: white; -moz-box-shadow: 0 1px 2px rgba(255, 255, 255, 0.3) inset; -webkit-box-shadow: 0 1px 2px rgba(255, 255, 255, 0.3) inset; -box-shadow: 0 1px 2px rgba(255, 255, 255, 0.3) inset; } .openerp2 .oe_menu_more_container { position: relative; } .openerp2 .oe_menu_more_container .oe_menu_more { position: absolute; padding: 0; background-color: #646060; z-index: 1; border: 1px solid black; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .openerp2 .oe_menu_more_container .oe_menu_more li { float: none; } .openerp2 .oe_menu_more_container .oe_menu_more li a { white-space: nowrap; } .openerp2 .oe_secondary_menu_section { font-weight: bold; margin-left: 8px; color: #8a89ba; } .openerp2 .oe_secondary_submenu { padding: 2px 0 8px 0; margin: 0; width: 100%; display: inline-block; } .openerp2 .oe_secondary_submenu li { position: relative; padding: 1px 0 1px 16px; list-style-type: none; } .openerp2 .oe_secondary_submenu li a { display: block; color: #4c4c4c; padding: 2px 4px 2px 0; } .openerp2 .oe_secondary_submenu li .oe_menu_label { position: absolute; top: 1px; right: 1px; font-size: 10px; background: #8a89ba; 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); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2); -box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2); } .openerp2 .oe_secondary_submenu .oe_active { background: #8a89ba; border-top: 1px solid lightGray; border-bottom: 1px solid lightGray; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2); -box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2); } .openerp2 .oe_secondary_submenu .oe_active a { color: white; } .openerp2 .oe_secondary_submenu .oe_active .oe_menu_label { background: #eeeeee; color: #8a89ba; text-shadow: 0 1px 1px white; -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); -box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); } .openerp2 .oe_secondary_submenu .oe_menu_toggler:before { width: 0; height: 0; display: inline-block; content: "&darr"; text-indent: -99999px; vertical-align: top; margin-left: -8px; margin-top: 4px; margin-right: 4px; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid #4c4c4c; filter: alpha(opacity=50); opacity: 0.5; } .openerp2 .oe_secondary_submenu .oe_menu_opened:before { margin-top: 6px; margin-left: -12px; margin-right: 4px; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #4c4c4c; } .openerp2 .oe_main { width: 100%; height: 100%; border-spacing: 0px; } .openerp2 .oe_application { width: 100%; } .openerp2 .oe_application a { color: #8a89ba; } .openerp2 .oe_application a:hover { text-decoration: underline; } .openerp2 .oe_form label { font-weight: bold; } .openerp2 .oe_form_topbar { border-bottom: 1px solid #cacaca; background-color: #fcfcfc; background-image: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#dedede)); background-image: -webkit-linear-gradient(top, #fcfcfc, #dedede); background-image: -moz-linear-gradient(top, #fcfcfc, #dedede); background-image: -ms-linear-gradient(top, #fcfcfc, #dedede); background-image: -o-linear-gradient(top, #fcfcfc, #dedede); background-image: linear-gradient(to bottom, #fcfcfc, #dedede); padding: 0 8px; line-height: 30px; } .openerp2 .oe_form_topbar button { font-size: 12px; height: 24px; line-height: 24px; vertical-align: top; padding: 0 10px; margin: 3px 0; } .openerp2 .oe_form_topbar button span.i { line-height: 20px; height: 24px; } .openerp2 .oe_form_topbar ul { height: 30px; padding: 0; margin: 0; text-shadow: 0 1px 1px white; border-left: 1px solid #cacaca; border-right: 1px solid #cacaca; } .openerp2 .oe_form_topbar ul li { padding: 0; margin: 0; list-style-type: none; float: left; vertical-align: top; border-right: 1px solid #cacaca; height: 30px; padding: 0 12px; } .openerp2 .oe_form_topbar ul li:first-child { border-left: 1px solid #cacaca; } .openerp2 .oe_form_topbar ul li a { color: #4c4c4c; } .openerp2 .oe_form_topbar ul li a:hover { color: black; } .openerp2 .oe_form_topbar .oe_form_steps img { margin: 0 8px; vertical-align: top; } .openerp2 .oe_form_topbar .oe_form_steps li { border-right: none; padding: 0; } .openerp2 .oe_form_topbar .oe_form_steps li:first-child { margin-left: 12px; border-left: none; } .openerp2 .oe_form_topbar .oe_form_steps li:last-child { margin-right: 12px; } .openerp2 .oe_form_topbar .oe_form_steps_active { font-weight: bold; color: #b33630; } .openerp2 .oe_form_sheetbg { background: url(/web/static/src/img/form_sheetbg.png); padding: 8px; border-bottom: 1px solid #dddddd; } .openerp2 .oe_form_sheet_width { min-width: 650px; max-width: 880px; margin: 0 auto; } .openerp2 .oe_form_sheet { padding-top: 8px; background: white; min-height: 420px; border: 1px solid #afafb6; -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); -box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } .openerp2 .oe_form_header { padding: 4px 16px; } .openerp2 .oe_form_group_cell { line-height: 18px; } .openerp2 .oe_form_group_cell .oe_form_button { width: 100%; white-space: nowrap; } .openerp2 .oe_layout_debugging .oe_form_group { border: 2px dashed red; } .openerp2 .oe_layout_debugging .oe_form_group_cell { border: 1px solid blue; padding-bottom: 1em; } .openerp2 .oe_layout_debugging .oe_layout_debug_cell { color: white; background: #669966; font-size: 80%; text-align: center; } .openerp2 .oe_layout_debugging .oe_layout_debug_cell { display: block; } .openerp2 .oe_layout_debug_cell { display: none; } .openerp2 .oe_form_label_help[for], .openerp2 .oe_form_label[for] { white-space: nowrap; } .openerp .oe_form_field_many2one td:first-child { position: relative; } .openerp .oe_form_field_many2one span.oe-m2o-drop-down-button { position: absolute; top: 3px; right: 2px; }