projects / odoo / odoo.git / blobdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | inline | side by side
[IMP] Improved default style for inputs
[odoo/odoo.git] / addons / web / static / src / css / base.css
diff --git a/addons/web/static/src/css/base.css b/addons/web/static/src/css/base.css
index fa9974e..42aee38 100644 (file)
--- a/addons/web/static/src/css/base.css
+++ b/addons/web/static/src/css/base.css
@@ -91,11 +91,12 @@
   list-style-type: none;
 }
 .openerp input, .openerp textarea, .openerp select {
-  padding: 4px;
+  padding: 1px 4px;
   border: 1px solid #cccccc;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
+  background: white;
 }
 .openerp img {
   vertical-align: middle;
@@ -152,10 +153,13 @@
   box-shadow: 0 0 3px #80bfff, 0 1px 1px rgba(255, 255, 255, 0.8) inset;
 }
 .openerp a.button:active, .openerp a.button.active, .openerp button:active, .openerp button.active, .openerp input[type='submit']:active, .openerp 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;
+  background-color: #e3e3e3;
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#e3e3e3), to(#f6f6f6));
+  background-image: -webkit-linear-gradient(top, #e3e3e3, #f6f6f6);
+  background-image: -moz-linear-gradient(top, #e3e3e3, #f6f6f6);
+  background-image: -ms-linear-gradient(top, #e3e3e3, #f6f6f6);
+  background-image: -o-linear-gradient(top, #e3e3e3, #f6f6f6);
+  background-image: linear-gradient(to bottom, #e3e3e3, #f6f6f6);
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
   box-shadow: none;
@@ -215,8 +219,8 @@
 .openerp .oe_bold {
   font-weight: bold;
 }
-.openerp .oe_inline  {
-  width: auto;
+.openerp .oe_inline {
+  width: auto !important;
 }
 .openerp .oe_highlight {
   color: white;
@@ -258,12 +262,41 @@
   -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
   box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
 }
+.openerp .oe_form_dirty .oe_highlight_on_dirty {
+  color: white;
+  background: #dc5f59;
+  font-weight: bold;
+}
+.openerp .oe_form_dirty button.oe_highlight_on_dirty {
+  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;
+}
+.openerp .oe_form_dirty button.oe_highlight_on_dirty:hover {
+  background: #ed6f6a;
+}
+.openerp .oe_title {
+  width: 55%;
+}
+.openerp .oe_title:after {
+  content: ".";
+  display: block;
+  height: 0;
+  clear: both;
+  visibility: hidden;
+}
 .openerp .oe_button_box {
   width: 200px;
   text-align: center;
 }
 .openerp .oe_avatar {
-  float: left;
   margin: 0 16px 0 0;
 }
 .openerp .oe_avatar img {
@@ -355,14 +388,14 @@
 .openerp .ui-tabs-hide {
   display: none;
 }
-.openerp .oe_cropdown, .openerp .oe_cropdown_hover, .openerp .oe_cropdown_toggle {
+.openerp .oe_dropdown, .openerp .oe_dropdown_hover, .openerp .oe_dropdown_toggle {
   position: relative;
   cursor: pointer;
 }
-.openerp .oe_cropdown_hover:hover .oe_cropdown_menu, .openerp .oe_cropdown_menu.oe_opened {
+.openerp .oe_dropdown_hover:hover .oe_dropdown_menu, .openerp .oe_dropdown_menu.oe_opened {
   display: block;
 }
-.openerp .oe_cropdown_menu {
+.openerp .oe_dropdown_menu {
   display: none;
   position: absolute;
   top: 28px;
@@ -379,13 +412,13 @@
   -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
   box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
 }
-.openerp .oe_cropdown_menu > li {
+.openerp .oe_dropdown_menu > li {
   list-style-type: none;
   float: none;
   display: block;
   position: relative;
 }
-.openerp .oe_cropdown_menu > li:hover {
+.openerp .oe_dropdown_menu > li:hover {
   background-color: #f0f0fa;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#f0f0fa), to(#eeeef6));
   background-image: -webkit-linear-gradient(top, #f0f0fa, #eeeef6);
@@ -397,17 +430,17 @@
   -webkit-box-shadow: none;
   box-shadow: none;
 }
-.openerp .oe_cropdown_menu > li > a {
+.openerp .oe_dropdown_menu > li > a {
   white-space: nowrap;
   display: block;
   padding: 3px 6px;
   color: #4c4c4c;
   text-decoration: none;
 }
-.openerp .oe_cropdown_menu > li > a:hover {
+.openerp .oe_dropdown_menu > li > a:hover {
   text-decoration: none;
 }
-.openerp .oe_cropdown_arrow:after {
+.openerp .oe_dropdown_arrow:after {
   width: 0;
   height: 0;
   display: inline-block;
@@ -425,19 +458,19 @@
 .openerp .oe_sidebar {
   white-space: nowrap;
 }
-.openerp .oe_sidebar .oe_cropdown_menu .oe_sidebar_add_attachment {
+.openerp .oe_sidebar .oe_dropdown_menu .oe_sidebar_add_attachment {
   height: 20px;
   cursor: pointer;
   padding-left: 6px;
   margin-top: 6px;
 }
-.openerp .oe_sidebar .oe_cropdown_menu .oe_sidebar_add_attachment span {
+.openerp .oe_sidebar .oe_dropdown_menu .oe_sidebar_add_attachment span {
   font-weight: bold;
 }
-.openerp .oe_sidebar .oe_cropdown_menu .oe_sidebar_add_attachment .oe_hidden_input_file {
+.openerp .oe_sidebar .oe_dropdown_menu .oe_sidebar_add_attachment .oe_hidden_input_file {
   width: 200px;
 }
-.openerp .oe_sidebar .oe_cropdown_menu .oe_sidebar_add_attachment:hover {
+.openerp .oe_sidebar .oe_dropdown_menu .oe_sidebar_add_attachment:hover {
   background-color: #f0f0fa;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#f0f0fa), to(#eeeef6));
   background-image: -webkit-linear-gradient(top, #f0f0fa, #eeeef6);
@@ -449,7 +482,7 @@
   -webkit-box-shadow: none;
   box-shadow: none;
 }
-.openerp .oe_sidebar .oe_cropdown_menu li .oe_sidebar_delete_item {
+.openerp .oe_sidebar .oe_dropdown_menu li .oe_sidebar_delete_item {
   position: absolute;
   top: 4px;
   right: 4px;
@@ -463,7 +496,7 @@
   font-weight: bold;
   text-shadow: 0 1px 1px white;
 }
-.openerp .oe_sidebar .oe_cropdown_menu li .oe_sidebar_delete_item:hover {
+.openerp .oe_sidebar .oe_dropdown_menu li .oe_sidebar_delete_item:hover {
   text-decoration: none;
   color: white;
   background: #8786b7;
@@ -472,7 +505,7 @@
   -webkit-border-radius: 2px;
   border-radius: 2px;
 }
-.openerp .oe_sidebar .oe_cropdown_menu li:hover .oe_sidebar_delete_item {
+.openerp .oe_sidebar .oe_dropdown_menu li:hover .oe_sidebar_delete_item {
   display: inline-block;
 }
 .openerp .oe_loading {
@@ -710,10 +743,10 @@
 .openerp .oe_topbar .oe_topbar_avatar {
   vertical-align: top;
 }
-.openerp .oe_topbar .oe_cropdown_arrow:after {
+.openerp .oe_topbar .oe_dropdown_arrow:after {
   border-top: 4px solid white;
 }
-.openerp .oe_topbar .oe_cropdown_menu {
+.openerp .oe_topbar .oe_dropdown_menu {
   background: #333333;
   background: rgba(37, 37, 37, 0.9);
   border-color: #999999;
@@ -727,13 +760,13 @@
   -moz-background-clip: padding-box;
   background-clip: padding-box;
 }
-.openerp .oe_topbar .oe_cropdown_menu li {
+.openerp .oe_topbar .oe_dropdown_menu li {
   float: none;
 }
-.openerp .oe_topbar .oe_cropdown_menu li a {
+.openerp .oe_topbar .oe_dropdown_menu li a {
   color: #eeeeee;
 }
-.openerp .oe_topbar .oe_cropdown_menu li a:hover {
+.openerp .oe_topbar .oe_dropdown_menu 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);
@@ -792,7 +825,7 @@
   list-style-type: none;
   float: left;
 }
-.openerp .oe_user_menu .oe_cropdown_menu {
+.openerp .oe_user_menu .oe_dropdown_menu {
   right: -1px;
 }
 .openerp .oe_systray > div {
@@ -1068,6 +1101,9 @@
   padding: 2px;
   content: "i";
 }
+.openerp .oe_view_manager .oe_view_manager_switch .oe_vm_switch_form:after {
+  content: "m";
+}
 .openerp .oe_view_manager .oe_view_manager_switch .oe_vm_switch_graph:after {
   font-family: "mnmliconsRegular" !important;
   font-size: 21px;
@@ -1493,30 +1529,49 @@
   background-color: #ff6666 !important;
   border: 1px solid #dd0000 !important;
 }
-.openerp .oe_form_button_save_dirty {
-  color: white;
-  background: #dc5f59;
-  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);
+.openerp .oe_form_editable .oe_highlight {
+  color: #404040;
+  background: none;
+}
+.openerp .oe_form_editable button.oe_highlight {
+  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-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;
+}
+.openerp .oe_form_editable button.oe_highlight:active {
+  background-color: #e3e3e3;
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#e3e3e3), to(#f6f6f6));
+  background-image: -webkit-linear-gradient(top, #e3e3e3, #f6f6f6);
+  background-image: -moz-linear-gradient(top, #e3e3e3, #f6f6f6);
+  background-image: -ms-linear-gradient(top, #e3e3e3, #f6f6f6);
+  background-image: -o-linear-gradient(top, #e3e3e3, #f6f6f6);
+  background-image: linear-gradient(to bottom, #e3e3e3, #f6f6f6);
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
   box-shadow: none;
-  font-weight: bold;
 }
-.openerp .oe_form_button_save_dirty:hover {
-  background: #ed6f6a;
+.openerp .oe_form_editable button.oe_highlight: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);
+  -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;
 }
 .openerp .oe_form_invisible {
   display: none !important;
 }
-.openerp .oe_form_editable .oe_edit_only {
-  display: none !important;
-}
 .openerp .oe_form_readonly .oe_edit_only, .openerp .oe_form_readonly .oe_form_field:empty {
   display: none !important;
 }
@@ -1546,16 +1601,6 @@
   max-width: 960px;
   margin: 0 auto;
 }
-.openerp .oe_form_title {
-  width: 55%;
-}
-.openerp .oe_form_title:after {
-  content: ".";
-  display: block;
-  height: 0;
-  clear: both;
-  visibility: hidden;
-}
 .openerp ul.oe_form_steps {
   height: 30px;
   padding: 0;
@@ -1593,26 +1638,25 @@
   font-weight: bold;
   color: #b33630;
 }
-.openerp .oe_form_subtotal_footer {
-  width: auto;
-  float: right;
+.openerp .oe_form .oe_subtotal_footer {
+  width: 1% !important;
 }
-.openerp .oe_form_subtotal_footer td.oe_form_group_cell {
+.openerp .oe_form .oe_subtotal_footer td.oe_form_group_cell {
   text-align: right;
-  padding: 0;
+  padding: 0 !important;
 }
-.openerp .oe_form_subtotal_footer td.oe_form_group_cell_label {
-  border: none;
+.openerp .oe_form .oe_subtotal_footer td.oe_form_group_cell_label {
+  border-right: none;
 }
-.openerp .oe_form_subtotal_footer .oe_form_field {
+.openerp .oe_form .oe_subtotal_footer .oe_form_field {
   width: auto !important;
 }
-.openerp .oe_form_subtotal_footer .oe_form_subtotal_footer_separator {
+.openerp .oe_form .oe_subtotal_footer .oe_subtotal_footer_separator {
   border-top: 1px solid #cacaca;
-  font-size: 120%;
+  font-sie: 120%;
   font-weight: bold;
 }
-.openerp .oe_form_subtotal_footer label.oe_form_subtotal_footer_separator {
+.openerp .oe_form .oe_subtotal_footer label.oe_subtotal_footer_separator {
   font-weight: bold !important;
   padding: 2px 8px 2px 0px !important;
 }
@@ -1721,7 +1765,7 @@
 .openerp .oe_form .oe_form_field_selection select {
   width: inherit;
 }
-.openerp .oe_form .oe_form_sheet textarea {
+.openerp .oe_form .oe_form_field_text.oe_inline, .openerp .oe_form .oe_form_field_text.oe_inline > textarea {
   width: 500px;
 }
 .openerp .oe_form .oe_form_field_float input {
@@ -1740,38 +1784,6 @@
   height: inherit !important;
   font-size: inherit;
 }
-<<<<<<< TREE
-.openerp .oe_form_nosheet > *:not(.oe_form_topbar) {
-  margin-left: 10px !important;
-  margin-right: 10px !important;
-}
-.openerp .oe_form td.oe_form_group_cell_label {
-  border-right: 1px solid #dddddd;
-  padding: 2px 0px 2px 0px;
-}
-.openerp .oe_form td.oe_form_group_cell_label label {
-  line-height: 18px;
-  display: block;
-  min-width: 120px;
-}
-.openerp .oe_form td.oe_form_group_cell + .oe_form_group_cell {
-  padding-left: 8px;
-}
-.openerp .oe_form .oe_form_label_help[for], .openerp .oe_form .oe_form_label[for] {
-  font-weight: bold;
-  white-space: nowrap;
-  padding-right: 8px;
-}
-.openerp .oe_form .oe_form_label_help[for] span, .openerp .oe_form .oe_form_label[for] span {
-  font-size: 80%;
-  color: darkGreen;
-  vertical-align: top;
-  position: relative;
-  top: -4px;
-  padding: 0 2px;
-}
-=======
->>>>>>> MERGE-SOURCE
 .openerp .oe_form .oe_form_field {
   width: 100%;
   display: inline-block;
@@ -1839,6 +1851,7 @@
 }
 .openerp .oe_form .oe_form_field_boolean {
   padding-top: 4px;
+  width: auto;
 }
 .openerp .oe_form .oe_form_field_many2manytags .text-wrap {
   width: 100% !important;
@@ -1963,6 +1976,9 @@
 .openerp .oe_form .oe_form_field_one2many > .oe_view_manager .oe_list_pager_single_page {
   display: none;
 }
+.openerp .oe_form_field_one2many .oe-listview .oe-edit-row-save {
+  background-image: url(/web/static/src/img/iconset-b-remove.png);
+}
 .openerp .oe_form_field_one2many > .oe_view_manager .oe_header_row_top {
   display: none;
 }
@@ -1987,9 +2003,6 @@
 .openerp .oe-listview-content {
   width: 100%;
 }
-.openerp .oe-listview-content td:first-child, .openerp .oe-listview-content th:first-child {
-  width: 17px;
-}
 .openerp .oe-listview-content td:first-child:after, .openerp .oe-listview-content th:first-child:after {
   border-width: 0;
 }
Unnamed repository; edit this file 'description' to name the repository.