diff options
| author | Antony Lesuisse <al@openerp.com> | 2012-12-19 03:50:47 +0100 |
|---|---|---|
| committer | Antony Lesuisse <al@openerp.com> | 2012-12-19 03:50:47 +0100 |
| commit | 7826bd85f8e2bee372b3e0df9f2a30eb84a116b6 (patch) | |
| tree | ce379fbf79b8aed913cb9d20c8e6a733082fe400 /addons/web/static/src/css | |
| parent | 3e1bce4badab7a2c38d68d6ff409c6093a3aacd9 (diff) | |
| parent | 677b783dc5a7214e47e8a11ec1fb84ea630fee8a (diff) | |
[MERGE] trunk
bzr revid: al@openerp.com-20121219025047-og0v9r8x09y0wmd3
Diffstat (limited to 'addons/web/static/src/css')
| -rw-r--r-- | addons/web/static/src/css/base.css | 174 | ||||
| -rw-r--r-- | addons/web/static/src/css/base.sass | 136 |
2 files changed, 285 insertions, 25 deletions
diff --git a/addons/web/static/src/css/base.css b/addons/web/static/src/css/base.css index 132c9d7993f..7e8242a8d5c 100644 --- a/addons/web/static/src/css/base.css +++ b/addons/web/static/src/css/base.css @@ -43,6 +43,10 @@ color: #afafb6 !important; font-style: italic !important; } +.openerp :-ms-input-placeholder { + color: #afafb6 !important; + font-style: italic !important; +} .openerp a { text-decoration: none; cursor: pointer !important; @@ -608,6 +612,9 @@ } .openerp .oe_notebook > li > a { display: block; + color: gray; +} +.openerp .oe_notebook > li.ui-tabs-active > a { color: #4c4c4c; } .openerp .oe_notebook { @@ -703,6 +710,9 @@ display: block; color: #4c4c4c; text-decoration: none; + width: 200px; + text-overflow: ellipsis; + overflow: hidden; } .openerp .oe_dropdown_menu > li > a:hover { text-decoration: none; @@ -998,6 +1008,39 @@ background-image: -o-linear-gradient(top, #646060, #262626); background-image: linear-gradient(to bottom, #646060, #262626); } +.openerp .oe_topbar .oe_topbar_anonymous_login { + background-color: #dc5f59; + color: #eeeeee; + background-color: #fc8787; + background-image: -webkit-gradient(linear, left top, left bottom, from(#fc8787), to(maroon)); + background-image: -webkit-linear-gradient(top, #fc8787, maroon); + background-image: -moz-linear-gradient(top, #fc8787, maroon); + background-image: -ms-linear-gradient(top, #fc8787, maroon); + background-image: -o-linear-gradient(top, #fc8787, maroon); + background-image: linear-gradient(to bottom, #fc8787, maroon); +} +.openerp .oe_topbar .oe_topbar_anonymous_login a { + display: block; + padding: 5px 10px 7px; + line-height: 20px; + height: 20px; + text-decoration: none; + color: white; + background: transparent; + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + -ms-transition: all 0.2s ease-out; + -o-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; +} +.openerp .oe_topbar .oe_topbar_anonymous_login a:hover { + background: rgba(0, 0, 0, 0.1); + color: white; + text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2); + -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset; + -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset; +} .openerp .oe_topbar .oe_topbar_item { display: block; padding: 5px 10px 7px; @@ -1069,6 +1112,14 @@ -webkit-box-shadow: none; box-shadow: none; } +.openerp .oe_topbar .oe_topbar_name { + max-width: 150px; + overflow: hidden; + display: inline-block; + max-height: 100%; + text-overflow: ellipsis; + white-space: nowrap; +} .openerp .oe_menu { float: left; padding: 0; @@ -1141,18 +1192,33 @@ padding-bottom: 16px; } .openerp a.oe_logo { + position: relative; width: 220px; display: block; text-align: center; - height: 70px; - line-height: 70px; } .openerp a.oe_logo img { - height: 40px; - width: 157px; margin: 14px 0; border: 0; } +.openerp a.oe_logo .oe_logo_edit { + margin: 14px 0; + position: absolute; + top: 1px; + padding: 4px; + width: 100%; + display: none; + text-align: center; + color: #eeeeee; + background: rgba(37, 37, 37, 0.9); + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; +} +.openerp a.oe_logo:hover .oe_logo_edit_admin { + display: block; +} .openerp .oe_footer { position: fixed; bottom: 0; @@ -1162,14 +1228,11 @@ text-align: center; } .openerp .oe_footer a { - font-weight: 800; - font-family: serif; - font-size: 16px; + font-weight: bold; color: black; } .openerp .oe_footer a span { color: #c81010; - font-style: italic; } .openerp .oe_secondary_menu_section { font-weight: bold; @@ -1202,7 +1265,7 @@ color: white; padding: 2px 4px; margin: 1px 6px 0 0; - border: 1px solid lightGray; + border: 1px solid lightgrey; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); -moz-border-radius: 4px; -webkit-border-radius: 4px; @@ -1227,7 +1290,7 @@ transform: scale(1.1); } .openerp .oe_secondary_submenu .oe_active { - border-top: 1px solid lightGray; + border-top: 1px solid lightgrey; border-bottom: 1px solid #dedede; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2), inset 0 -1px 3px rgba(40, 40, 40, 0.2); @@ -1332,12 +1395,14 @@ height: 100%; } .openerp .oe_application .oe_breadcrumb_item:not(:last-child) { - display: inline-block; max-width: 7em; white-space: nowrap; - overflow: hidden; text-overflow: ellipsis; } +.openerp .oe_application .oe_breadcrumb_title > * { + display: inline-block; + overflow: hidden; +} .openerp .oe_view_manager .oe_view_manager_body { height: inherit; } @@ -1345,6 +1410,7 @@ height: inherit; } .openerp .oe_view_manager table.oe_view_manager_header { + border-collapse: separate; width: 100%; table-layout: fixed; } @@ -2028,6 +2094,12 @@ margin: -16px -16px 0 -16px; padding: 0; } +.openerp .oe_form_nosheet.oe_form_nomargin { + margin: 0; +} +.openerp .oe_form_nosheet.oe_form_nomargin > header { + margin: 0; +} .openerp .oe_form_sheetbg { padding: 16px 0; } @@ -2041,6 +2113,9 @@ min-height: 330px; padding: 16px; } +.openerp .oe_form_sheet .oe_list { + overflow-x: auto; +} .openerp .oe_application .oe_form_sheetbg { background: url(/web/static/src/img/form_sheetbg.png); border-bottom: 1px solid #dddddd; @@ -2164,7 +2239,7 @@ } .openerp .oe_form .oe_form_label_help[for] span, .openerp .oe_form .oe_form_label[for] span { font-size: 80%; - color: darkGreen; + color: darkgreen; vertical-align: top; position: relative; top: -4px; @@ -2545,6 +2620,7 @@ background: -moz-linear-gradient(135deg, #dedede, #fcfcfc); background: -o-linear-gradient(135deg, #fcfcfc, #dedede); background: -webkit-gradient(linear, left top, right bottom, from(#fcfcfc), to(#dedede)); + background: -ms-linear-gradient(top, #fcfcfc, #dedede); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; @@ -2568,6 +2644,7 @@ background: -moz-linear-gradient(135deg, #3465a4, #729fcf); background: -o-linear-gradient(135deg, #729fcf, #3465a4); background: -webkit-gradient(linear, left top, right bottom, from(#729fcf), to(#3465a4)); + background: -ms-linear-gradient(top, #729fcf, #3465a4); } .openerp ul.oe_form_status li.oe_active .label, .openerp ul.oe_form_status_clickable li.oe_active .label { color: white; @@ -2617,6 +2694,7 @@ background: -moz-linear-gradient(135deg, #284d7d, #4c85c2); background: -o-linear-gradient(135deg, #4c85c2, #284d7d); background: -webkit-gradient(linear, left top, right bottom, from(#4c85c2), to(#284d7d)); + background: -ms-linear-gradient(top, #4c85c2, #284d7d); } .openerp .oe_form .oe_form_field_one2many > .oe_view_manager .oe_list_pager_single_page { display: none; @@ -3049,6 +3127,69 @@ div.ui-widget-overlay { border-radius: 3px; } +.openerp_ie input[type='checkbox'] { + border: none; + background: none; + box-shadow: none; +} +.openerp_ie .oe_logo img { + border: none; +} +.openerp_ie .oe_header_row button.oe_highlight { + padding-top: 0; + padding-bottom: 0; +} +.openerp_ie .oe_view_manager_buttons button.oe_write_full { + padding-top: 0; + padding-bottom: 0; +} +.openerp_ie .oe_view_manager_buttons button.oe_highlight { + padding-top: 0; + padding-bottom: 0; +} +.openerp_ie .oe_view_manager_buttons button .oe_form_button_edit { + padding-top: 0; + padding-bottom: 0; +} +.openerp_ie .oe_view_manager_buttons button .oe_form_button_create { + padding-top: 0; + padding-bottom: 0; +} +.openerp_ie .oe_kanban_image { + border: none; +} +.openerp_ie .oe_msg_icon { + border: none; +} +.openerp_ie .oe_form header ul { + height: 29px; +} +.openerp_ie .oe_attach { + filter: none; +} +.openerp_ie .oe_link { + filter: none; +} +.openerp_ie .oe_kanban_show_more { + clear: both; + text-align: center; +} +.openerp_ie.oe_kanban_grouped .oe_kanban_show_more .oe_button { + width: 100%; + padding: 3px 12px; +} +.openerp_ie .oe_form_buttons button { + padding-top: 0; + padding-bottom: 0; +} +.openerp_ie .oe_sidebar button { + padding-top: 0; + padding-bottom: 0; +} +.openerp_ie .oe_form_field.oe_tags { + float: left; +} + @media print { .openerp { text-shadow: none; @@ -3075,6 +3216,9 @@ div.ui-widget-overlay { border: 0px !important; box-shadow: 0px 0px 0px; } + .openerp .oe_application .oe_form_sheet .oe_list, .openerp .oe_application .oe_form_sheetbg .oe_list { + overflow-x: visible; + } .openerp .oe_view_manager_current > .oe_view_manager_header { border: 0px !important; box-shadow: 0px 0px 0px; @@ -3086,3 +3230,7 @@ div.ui-widget-overlay { overflow: hidden !important; } } +.blockUI.blockOverlay { + background-color: black; + opacity: 0.6; +} diff --git a/addons/web/static/src/css/base.sass b/addons/web/static/src/css/base.sass index c389f0534d5..0369f5fd4b5 100644 --- a/addons/web/static/src/css/base.sass +++ b/addons/web/static/src/css/base.sass @@ -95,6 +95,7 @@ $sheet-padding: 16px 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 @@ -159,6 +160,9 @@ $sheet-padding: 16px \::-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 @@ -530,6 +534,8 @@ $sheet-padding: 16px float: left .oe_notebook > li > a display: block + color: #808080 + .oe_notebook > li.ui-tabs-active > a color: #4c4c4c .oe_notebook border-color: #ddd @@ -598,6 +604,9 @@ $sheet-padding: 16px display: block color: #4c4c4c text-decoration: none + width: 200px + text-overflow: ellipsis + overflow: hidden &:hover text-decoration: none .oe_dropdown_arrow:after @@ -827,6 +836,24 @@ $sheet-padding: 16px 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 @@ -870,6 +897,13 @@ $sheet-padding: 16px &: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 @@ -933,16 +967,26 @@ $sheet-padding: 16px 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 @@ -951,13 +995,10 @@ $sheet-padding: 16px 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 {{{ @@ -1078,11 +1119,12 @@ $sheet-padding: 16px > 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 @@ -1092,6 +1134,7 @@ $sheet-padding: 16px height: inherit table.oe_view_manager_header + border-collapse: separate width: 100% table-layout: fixed .oe_header_row @@ -1615,6 +1658,10 @@ $sheet-padding: 16px > 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 @@ -1625,6 +1672,8 @@ $sheet-padding: 16px background: white min-height: 330px padding: 16px + .oe_list + overflow-x: auto // Sheet inline mode .oe_application .oe_form_sheetbg @@ -1662,7 +1711,7 @@ $sheet-padding: 16px 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 @@ -1934,7 +1983,7 @@ $sheet-padding: 16px overflow: hidden width: 24px overflow: hidden - background: transparent + background: transparent color: #7C7BAD box-shadow: none border: none @@ -2418,6 +2467,63 @@ div.ui-widget-overlay @include radius(3px) // }}} +// Internet Explorer 9+ specifics {{{ +.openerp_ie + 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 + + .oe_form_buttons button + padding-top: 0 + padding-bottom: 0 + .oe_sidebar button + padding-top: 0 + padding-bottom: 0 + + .oe_form_field.oe_tags + float: left +// }}} + // @media print {{{ @media print .openerp @@ -2441,6 +2547,8 @@ div.ui-widget-overlay .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 @@ -2451,5 +2559,9 @@ div.ui-widget-overlay 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: |
