summaryrefslogtreecommitdiff
path: root/addons/web/static/src/css
diff options
context:
space:
mode:
Diffstat (limited to 'addons/web/static/src/css')
-rw-r--r--addons/web/static/src/css/base.css131
-rw-r--r--addons/web/static/src/css/base.sass118
2 files changed, 170 insertions, 79 deletions
diff --git a/addons/web/static/src/css/base.css b/addons/web/static/src/css/base.css
index 2276bb2445e..06a37a54727 100644
--- a/addons/web/static/src/css/base.css
+++ b/addons/web/static/src/css/base.css
@@ -69,6 +69,7 @@
display: none !important;
}
}
+
.openerp.openerp_webclient_container {
height: 100%;
position: relative;
@@ -84,7 +85,7 @@
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
/* http://www.quirksmode.org/dom/inputfile.html
* http://stackoverflow.com/questions/2855589/replace-input-type-file-by-an-image
- */
+ */ */
}
.openerp :-moz-placeholder {
color: #afafb6 !important;
@@ -234,21 +235,9 @@
cursor: default;
text-shadow: 0 1px 1px white !important;
}
-.openerp .ui-widget {
- font-family: "Lucida Grande", Helvetica, Verdana, Arial, sans-serif;
- font-size: 13px;
-}
.openerp .ui-widget-content a {
color: #7c7bad;
}
-.openerp .ui-menu .ui-menu-item {
- margin: 0 8px 0 0;
- padding: 0 0 0 12px;
- width: auto;
-}
-.openerp .ui-menu .ui-menu-item a.ui-state-active {
- background: #f0f0fa;
-}
.openerp.ui-dialog {
display: none;
padding: 6px;
@@ -505,8 +494,8 @@
margin: 4px;
}
.openerp .oe_avatar > img {
- height: 90px;
- max-width: 100px;
+ max-height: 90px;
+ max-width: 90px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
@@ -1012,7 +1001,7 @@
.openerp .oe_topbar {
width: 100%;
height: 31px;
- border-top: solid 1px lightgrey;
+ border-top: solid 1px #d3d3d3;
background-color: #646060;
background-image: -webkit-gradient(linear, left top, left bottom, from(#646060), to(#262626));
background-image: -webkit-linear-gradient(top, #646060, #262626);
@@ -1037,14 +1026,6 @@
-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;
}
-.openerp .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;
-}
.openerp .oe_topbar .oe_topbar_avatar {
width: 24px;
height: 24px;
@@ -1155,10 +1136,10 @@
padding: 0;
margin: 0;
}
-.openerp .oe_menu li {
+.openerp .oe_menu > li {
float: left;
}
-.openerp .oe_menu a {
+.openerp .oe_menu > li > a {
display: block;
padding: 5px 10px 7px;
line-height: 20px;
@@ -1167,14 +1148,14 @@
vertical-align: top;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
-.openerp .oe_menu a:hover {
+.openerp .oe_menu > 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;
}
-.openerp .oe_menu .oe_active {
+.openerp .oe_menu > li > .oe_active {
background: #303030;
font-weight: bold;
color: white;
@@ -1211,7 +1192,7 @@
color: white;
padding: 2px 4px;
margin: 1px 6px 0 0;
- border: 1px solid lightgrey;
+ border: 1px solid lightGray;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
@@ -1226,10 +1207,17 @@
margin: 0px;
padding: 1px 4px;
}
+.openerp .oe_secondary_submenu .oe_menu_counter:hover {
+ cursor: pointer;
+ border: 1px solid #c81010;
+ -moz-box-shadow: 0 0 2px #c81010;
+ -webkit-box-shadow: 0 0 2px #c81010;
+ box-shadow: 0 0 2px #c81010;
+}
.openerp .oe_secondary_submenu .oe_active {
background: #7c7bad;
- border-top: 1px solid lightgrey;
- border-bottom: 1px solid lightgrey;
+ 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);
@@ -1321,6 +1309,9 @@
.openerp .oe_view_manager table.oe_view_manager_header h2 a {
color: #7c7bad;
}
+.openerp .oe_view_manager table.oe_view_manager_header .oe_dropdown_menu {
+ line-height: normal;
+}
.openerp .oe_view_manager table.oe_view_manager_header .oe_button_group {
display: inline-block;
border: 1px solid #ababab;
@@ -1959,8 +1950,10 @@
margin: 0 auto;
padding: 16px 0 48px;
}
-.openerp .oe_form div.oe_form_configuration div.oe_horizontal_separator {
- margin: 25px 0 10px 0;
+.openerp .oe_form .oe_grey {
+ color: #aaaaaa;
+ max-width: 650px;
+ margin: 0 0 10px 0;
}
.openerp .oe_form div.oe_form_configuration p {
color: #aaaaaa;
@@ -1969,6 +1962,12 @@
.openerp .oe_form div.oe_form_configuration label {
min-width: 150px;
}
+.openerp .oe_form div.oe_form_configuration .oe_form_group_cell_label {
+ padding: 2px 0;
+}
+.openerp .oe_form div.oe_form_configuration .oe_form_group_cell div div {
+ padding: 1px 0;
+}
.openerp ul.oe_form_steps, .openerp ul.oe_form_steps_clickable {
display: inline-block;
padding-right: 18px;
@@ -2005,7 +2004,6 @@
padding-left: 24px;
margin: 0;
position: relative;
- z-index: 10;
}
.openerp ul.oe_form_steps li .arrow, .openerp ul.oe_form_steps_clickable li .arrow {
width: 17px;
@@ -2016,7 +2014,6 @@
}
.openerp ul.oe_form_steps li .arrow span, .openerp ul.oe_form_steps_clickable li .arrow span {
position: relative;
- z-index: 11;
width: 24px;
height: 24px;
display: inline-block;
@@ -2160,7 +2157,7 @@
.openerp .oe_form td.oe_form_group_cell_label label {
line-height: 18px;
display: block;
- min-width: 120px;
+ min-width: 160px;
}
.openerp .oe_form td.oe_form_group_cell + .oe_form_group_cell {
padding-left: 6px;
@@ -2179,7 +2176,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;
@@ -2191,8 +2188,8 @@
.openerp .oe_horizontal_separator {
font-weight: bold;
font-size: 20px;
- margin: 8px 0px 8px 0px;
- color: #53637e;
+ margin: 15px 0px 10px 0px;
+ color: #7c7bad;
}
.openerp .oe_horizontal_separator:empty {
height: 5px;
@@ -2405,6 +2402,13 @@
float: right;
padding-left: 2px;
}
+.openerp.ui-autocomplete li.oe_m2o_dropdown_option a {
+ font-style: italic;
+ padding-left: 2em;
+}
+.openerp.ui-autocomplete li:not(.oe_m2o_dropdown_option) + li.oe_m2o_dropdown_option {
+ margin-top: 10px;
+}
.openerp .oe_form .oe_form_field_one2many > .oe_view_manager .oe_list_pager_single_page {
display: none;
}
@@ -2729,6 +2733,16 @@
float: right;
color: #333333;
}
+.openerp .oe_semantic_html li {
+ list-style-type: disc;
+ display: list-item;
+}
+.openerp .oe_semantic_html ul {
+ padding-left: 1em;
+}
+.openerp .oe_semantic_html p {
+ color: #4c4c4c !important;
+}
.kitten-mode-activated {
background-image: url(http://placekitten.com/g/1365/769);
@@ -2744,3 +2758,42 @@ div.ui-widget-overlay {
filter: alpha(opacity=30);
opacity: 0.3;
}
+
+.ui-widget {
+ font-family: "Lucida Grande", Helvetica, Verdana, Arial, sans-serif;
+ color: #4c4c4c;
+ font-size: 13px;
+}
+
+.ui-menu {
+ padding: 2px 0;
+ -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);
+ margin-top: 4px;
+ border: 1px solid #afafb6;
+}
+.ui-menu .ui-menu-item {
+ width: 100%;
+ padding: 0;
+}
+.ui-menu .ui-menu-item a {
+ padding: 1px 16px;
+}
+.ui-menu .ui-menu-item a.ui-corner-all {
+ -moz-border-radius: 0;
+ -webkit-border-radius: 0;
+ border-radius: 0;
+}
+.ui-menu .ui-menu-item a.ui-state-active {
+ background: #f0f0fa;
+}
+.ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active {
+ background: #7c7bad;
+}
+
+.ui-corner-all {
+ -moz-border-radius: 3px;
+ -webkit-border-radius: 3px;
+ border-radius: 3px;
+}
diff --git a/addons/web/static/src/css/base.sass b/addons/web/static/src/css/base.sass
index 653adad7813..c238ef6ee07 100644
--- a/addons/web/static/src/css/base.sass
+++ b/addons/web/static/src/css/base.sass
@@ -249,18 +249,8 @@ $sheet-max-width: 860px
text-shadow: 0 1px 1px #fff !important
// }}}
// Jquery ui Overrides {{{
- .ui-widget
- font-family: "Lucida Grande", Helvetica, Verdana, Arial, sans-serif
- font-size: 13px
.ui-widget-content a
color: $link-color
- .ui-menu
- .ui-menu-item
- margin: 0 8px 0 0
- padding: 0 0 0 12px
- width: auto
- a.ui-state-active
- background: #f0f0fa
// Modal box
&.ui-dialog
@@ -400,6 +390,7 @@ $sheet-max-width: 860px
@include vertical-gradient(#DF6B66, #BF3A33)
//@include vertical-gradient(lighten(#dc5f59, 3%), lighten(#b33630, 3%))
@include box-shadow(0 0 1px rgba(0, 0, 0, 0.2))
+
.oe_form_dirty
.oe_highlight_on_dirty
color: white
@@ -426,8 +417,8 @@ $sheet-max-width: 860px
margin: 4px
.oe_avatar
> img
- height: 90px
- max-width: 100px
+ max-height: 90px
+ max-width: 90px
@include radius(3px)
@include box-shadow(0 1px 3px rgba(0, 0, 0, 0.3))
border: none
@@ -814,11 +805,6 @@ $sheet-max-width: 860px
background: #303030
color: white
@include box-shadow(0 1px 2px rgba(255,255,255,0.3) inset)
- .oe_active
- background: #303030
- font-weight: bold
- color: white
- @include box-shadow(0 1px 2px rgba(255,255,255,0.3) inset)
.oe_topbar_avatar
width: 24px
@@ -906,25 +892,25 @@ $sheet-max-width: 860px
float: left
padding: 0
margin: 0
- li
+ > li
float: left
- a
- display: block
- padding: 5px 10px 7px
- line-height: 20px
- height: 20px
- color: #eee
- vertical-align: top
- text-shadow: 0 1px 1px rgba(0,0,0,0.2)
- &:hover
+ > a
+ display: block
+ padding: 5px 10px 7px
+ line-height: 20px
+ height: 20px
+ color: #eee
+ vertical-align: top
+ text-shadow: 0 1px 1px rgba(0,0,0,0.2)
+ &:hover
+ background: #303030
+ color: white
+ @include box-shadow(0 1px 2px rgba(255,255,255,0.3) inset)
+ > .oe_active
background: #303030
+ font-weight: bold
color: white
@include box-shadow(0 1px 2px rgba(255,255,255,0.3) inset)
- .oe_active
- background: #303030
- font-weight: bold
- color: white
- @include box-shadow(0 1px 2px rgba(255,255,255,0.3) inset)
.oe_secondary_menu_section
font-weight: bold
margin-left: 8px
@@ -959,6 +945,10 @@ $sheet-max-width: 860px
text-shadow: 0 1px 1px rgba(0,0,0,0.2)
margin: 0px
padding: 1px 4px
+ &:hover
+ cursor: pointer
+ border: 1px solid #C81010
+ @include box-shadow(0 0 2px #C81010)
.oe_active
background: $link-color
border-top: 1px solid lightGray
@@ -1039,6 +1029,8 @@ $sheet-max-width: 860px
float: left
a
color: $link-color
+ .oe_dropdown_menu
+ line-height: normal
.oe_button_group
display: inline-block
border: 1px solid #ababab
@@ -1524,14 +1516,20 @@ $sheet-max-width: 860px
max-width: $sheet-max-width
margin: 0 auto
padding: 16px 0 48px
+ .oe_grey
+ color: #aaa
+ max-width: 650px
+ margin: 0 0 10px 0
div.oe_form_configuration
- div.oe_horizontal_separator
- margin: 25px 0 10px 0
p
color: #aaa
max-width: 650px
label
min-width: 150px
+ .oe_form_group_cell_label
+ padding: 2px 0
+ .oe_form_group_cell div div
+ padding: 1px 0
ul.oe_form_steps, ul.oe_form_steps_clickable
@@ -1558,7 +1556,6 @@ $sheet-max-width: 860px
padding-left: 24px
margin: 0
position: relative
- z-index: 10
.arrow
width: 17px
display: inline-block
@@ -1567,7 +1564,6 @@ $sheet-max-width: 860px
margin-left: -5px
span
position: relative
- z-index: 11
width: 24px
height: 24px
display: inline-block
@@ -1654,7 +1650,7 @@ $sheet-max-width: 860px
label
line-height: 18px
display: block
- min-width: 120px
+ min-width: 160px
td.oe_form_group_cell + .oe_form_group_cell
padding-left: 6px
.oe_form_group
@@ -1683,8 +1679,8 @@ $sheet-max-width: 860px
.oe_horizontal_separator
font-weight: bold
font-size: 20px
- margin: 8px 0px 8px 0px
- color: #53637e
+ margin: 15px 0px 10px 0px
+ color: $section-title-color
.oe_horizontal_separator:empty
height: 5px
.oe_vertical_separator
@@ -1857,6 +1853,12 @@ $sheet-max-width: 860px
line-height: 14px
float: right
padding-left: 2px
+ &.ui-autocomplete
+ li.oe_m2o_dropdown_option a
+ font-style: italic
+ padding-left: 2em
+ li:not(.oe_m2o_dropdown_option) + li.oe_m2o_dropdown_option
+ margin-top: 10px
// }}}
// FormView.one2many {{{
.oe_form .oe_form_field_one2many > .oe_view_manager
@@ -2130,6 +2132,15 @@ $sheet-max-width: 860px
float: right
color: #333
// }}}
+ .oe_semantic_html // a style to use normal html
+ li
+ list-style-type: disc
+ display: list-item
+ ul
+ padding-left: 1em
+ p
+ color: #4C4C4C !important
+
// Kitten Mode {{{
.kitten-mode-activated
background-image: url(http://placekitten.com/g/1365/769)
@@ -2140,10 +2151,37 @@ $sheet-max-width: 860px
// }}}
-// The jQuery-ui overlay is outside the .openerp div, please don't add indentation !!!
+// The jQuery-ui overlay and Autocomplete are outside the .openerp div, please don't add indentation !!!
div.ui-widget-overlay
background: black
@include opacity(0.3)
+.ui-widget
+ font-family: "Lucida Grande", Helvetica, Verdana, Arial, sans-serif
+ color: #4c4c4c
+ font-size: 13px
+
+.ui-menu
+ padding: 2px 0
+ @include box-shadow(0 1px 4px rgba(0,0,0,0.3))
+ margin-top: 4px
+ border: 1px solid $tag-border
+ .ui-menu-item
+ width: 100%
+ padding: 0
+ a
+ padding: 1px 16px
+ a.ui-corner-all
+ @include radius(0)
+ a.ui-state-active
+ background: #f0f0fa
+ .ui-menu-item a.ui-state-hover, .ui-menu-item a.ui-state-active
+ background: $tag-bg-dark
+ //color: #4c4c4c
+ //@include vertical-gradient(#f0f0fa, #eeeef6)
+
+.ui-corner-all
+ @include radius(3px)
+
// au BufWritePost,FileWritePost *.sass :!sass --style expanded --line-numbers <afile> > "%:p:r.css"
// vim:tabstop=4:shiftwidth=4:softtabstop=4:fdm=marker:
generated by cgit v1.2.3 (git 2.25.1) at 2026-10-25 07:57:43 +0000