[IMP] changes in page view -> white fields should be OK
[odoo/odoo.git] / addons / web / static / src / css / base.css
index 3accd71..56f93a8 100644 (file)
@@ -1,4 +1,3 @@
-/* TODO: separate openerp web client page css from openerp views css */
 body.openerp {
     padding: 0;
     margin: 0;
@@ -6,10 +5,21 @@ body.openerp {
     min-width: 1000px;
     overflow-y: scroll;
     font-size: 80%;
+    font-family: Ubuntu, Helvetica, sans-serif;
 }
 
 body.openerp, .openerp textarea, .openerp input, .openerp select, .openerp option, .openerp button, .openerp .ui-widget {
     font-family: Ubuntu, Helvetica, sans-serif;
+    font-size:85%;
+}
+
+.openerp .view-manager-main-content {
+    width: 100%;
+    padding: 0 8px 8px 8px;
+}
+
+.openerp .oe_form_frame_cell .view-manager-main-content {
+    padding: 0;
 }
 
 .oe_box {
@@ -26,9 +36,20 @@ body.openerp, .openerp textarea, .openerp input, .openerp select, .openerp optio
     margin: 0;
 }
 
-.openerp .oe-number {
+.openerp .oe-listview .oe-number {
     text-align: right !important;
 }
+.oe-listview-header-columns {
+    background: #444; /* Old browsers */
+    background: -moz-linear-gradient(top, #ffffff 0%, #d1d1d1 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d1d1d1)); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(top, #ffffff 0%,#d1d1d1 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top, #ffffff 0%,#d1d1d1 100%); /* Opera11.10+ */
+    background: -ms-linear-gradient(top, #ffffff 0%,#d1d1d1 100%); /* IE10+ */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#d1d1d1',GradientType=0 ); /* IE6-9 */
+    background: linear-gradient(top, #ffffff 0%,#d1d1d1 100%); /* W3C */
+}
+
 .openerp .oe_hide {
     display: none !important;
 }
@@ -40,6 +61,9 @@ body.openerp, .openerp textarea, .openerp input, .openerp select, .openerp optio
 }
 
 /* Loading */
+.loading {
+    cursor: wait;
+}
 .openerp .loading {
     display: none;
     z-index: 100;
@@ -125,7 +149,7 @@ body.openerp, .openerp textarea, .openerp input, .openerp select, .openerp optio
     margin-top: 5px;
     text-align: center;
 }
-.openerp .login.login_invalid .login_error_message {
+.openerp .login .login_invalid .login_error_message {
     display: block;
 }
 
@@ -156,7 +180,7 @@ body.openerp, .openerp textarea, .openerp input, .openerp select, .openerp optio
 }
 
 .db_container {
-    width: 15%;
+    width: 196px;
     background: #666666;
 }
 
@@ -221,17 +245,12 @@ label.error {
     height: 100%;
     background: #f0eeee;
 }
-
-/* Menu */
-.openerp .sf-menu {
-    margin-bottom: 0;
-}
-/*
-.sf-menu a {
-    padding: 5px 5px;
+.openerp .oe-application-container {
+    width: 100%;
+    height: 100%;
 }
-*/
 
+/* Menu */
 .openerp .menu {
     height: 34px;
     background: #cc4e45; /* Old browsers */
@@ -253,7 +272,7 @@ label.error {
     height: 20px;
     margin: 3px 2px;
     padding: 0 8px;
-    
+
     background: #bd5e54; /* Old browsers */
     background: -moz-linear-gradient(top, #bd5e54 0%, #90322a 60%); /* FF3.6+ */
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bd5e54), color-stop(60%,#90322a)); /* Chrome,Safari4+ */
@@ -263,7 +282,7 @@ label.error {
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#BD5E54', endColorstr='#90322A',GradientType=0 ); /* IE6-9 */
     background: linear-gradient(top, #bd5e54 0%,#90322a 60%); /* W3C */
 
-    border: 1px solid #6E2A24;
+    border: 1px solid #5E1A14;
     border-radius: 4px;
     -moz-border-radius: 4px;
     -webkit-border-radius: 4px;
@@ -274,7 +293,7 @@ label.error {
     text-transform: uppercase;
     line-height: 20px;
     font-weight: bold;
-    font-size: 85%;
+    font-size: 75%;
 
     white-space: nowrap;
 }
@@ -291,13 +310,38 @@ label.error {
     background: linear-gradient(top, #c6c6c6 0%,#5c5c5c 7%,#969595 86%); /* W3C */
     /* for ie */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5c5c5c', endColorstr='#969595',GradientType=0 ); /* IE6-9 */
-    
     color: #fff;
 }
-.openerp .oe-application-container {
-    height: 100%;
-}
 /* Secondary Menu */
+.openerp .secondary_menu .oe_toggle_secondary_menu {
+    position: absolute;
+    cursor: pointer;
+    border-left: 1px solid #282828;
+    width: 21px;
+    height: 21px;
+    z-index: 10;
+    background: transparent;
+    color: white;
+    text-shadow: 0 1px 0 #333;
+    text-align: center;
+    font-size: 18px;
+    line-height: 18px;
+    right: 0;
+}
+.openerp .secondary_menu.oe_folded .oe_toggle_secondary_menu {
+    position: static;
+    border-left: none;
+    border-bottom: 1px solid #282828;
+    width: 21px;
+    height: 21px;
+    background: #818181;
+}
+.openerp .secondary_menu.oe_folded .oe_toggle_secondary_menu span.oe_menu_fold {
+    display: none;
+}
+.openerp .secondary_menu.oe_unfolded .oe_toggle_secondary_menu span.oe_menu_unfold {
+    display: none;
+}
 .openerp .secondary_menu {
     width: 200px;
     min-width: 200px;
@@ -306,15 +350,36 @@ label.error {
     background: #5A5858;
     vertical-align: top;
     height: 100%;
+    display: block;
+    position: relative;
+    font-size:85%;
 }
-.openerp .secondary_menu .menu_content {
-    padding: 0;
-    border: none;
-    background: none;
-    overflow: hidden;
+.openerp .secondary_menu.oe_folded {
+    width: 20px;
+    min-width: 20px;
+    position: static;
+}
+.openerp .secondary_menu.oe_folded .oe_secondary_menu.active {
+    position: absolute;
+    z-index: 100;
+    border: 4px solid #585858;
+    border: 4px solid rgba(88, 88, 88, .5);
+    border-radius: 4px;
+    min-width: 200px;
 }
-.openerp .secondary_menu h3 {
-    padding: 0 0 2px;
+.openerp .secondary_menu a {
+    display: block;
+    padding: 0 5px 2px 5px;
+    line-height: 20px;
+    text-decoration: none;
+    white-space: nowrap;
+    color: white;
+    text-shadow: 0 1px 0 #333;
+}
+.openerp .oe_secondary_submenu {
+    background: #5A5858;
+}
+.openerp .secondary_menu a.oe_secondary_menu_item {
     background: #949292; /* Old browsers */
     background: -moz-linear-gradient(top, #949292 0%, #6d6b6b 87%, #282828 99%); /* FF3.6+ */
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#949292), color-stop(87%,#6d6b6b), color-stop(99%,#282828)); /* Chrome,Safari4+ */
@@ -325,34 +390,17 @@ label.error {
     background: linear-gradient(top, #949292 0%,#6d6b6b 87%,#282828 99%); /* W3C */
     /* for ie9 */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#949292', endColorstr='#5B5A5A',GradientType=0 ); /* IE6-9 */
-    border: none;
-    /* overriding jquery ui */
-    -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
-}
-.openerp .secondary_menu h4 {
-    padding: 0 0 2px 10px;
-    border: none;
-    background: none;
-}
-.openerp .secondary_menu h3 span, .openerp .secondary_menu h4 span {
-    left: 0 !important;
-}
-.openerp .secondary_menu a {
-    display: block;
-    height: 20px;
-    padding: 0 5px;
-    line-height: 20px;
     white-space: nowrap;
     color: white;
-    text-decoration: none;
     text-shadow: 0 1px 0 #333;
+
+}
+.openerp a.oe_secondary_submenu_item {
+    padding: 0 5px 2px 10px;
 }
-.openerp .secondary_menu a.leaf:hover,
-.openerp .secondary_menu a.leaf:active,
-.openerp .secondary_menu a.leaf.active,
-.openerp .secondary_menu h4:hover,
-.openerp .secondary_menu h4:active,
-.openerp .secondary_menu h4.active {
+.openerp a.oe_secondary_submenu_item:hover,
+.openerp a.oe_secondary_submenu_item.leaf.active {
+    display: block;
     background: #ffffff; /* Old browsers */
     background: -moz-linear-gradient(top, #ffffff 0%, #d8d8d8 11%, #afafaf 86%, #333333 91%, #5a5858 96%); /* FF3.6+ */
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(11%,#d8d8d8), color-stop(86%,#afafaf), color-stop(91%,#333333), color-stop(96%,#5a5858)); /* Chrome,Safari4+ */
@@ -361,22 +409,17 @@ label.error {
     background: -ms-linear-gradient(top, #ffffff 0%,#d8d8d8 11%,#afafaf 86%,#333333 91%,#5a5858 96%); /* IE10+ */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#5A5858',GradientType=0 ); /* IE6-9 */
     background: linear-gradient(top, #ffffff 0%,#d8d8d8 11%,#afafaf 86%,#333333 91%,#5a5858 96%); /* W3C */
-    /* overriding jquery ui */
-    -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0;
+    padding: 0 5px 2px 10px;
+    line-height: 20px;
     color: #3f3d3d;
+    text-decoration: none;
     text-shadow: #fff 0 1px 0;
-    border: none !important;
 }
-
-.openerp .secondary_menu h4:hover a,
-.openerp .secondary_menu h4:active a,
-.openerp .secondary_menu h4.active a {
-    color: #3f3d3d;
-    text-shadow: #fff 0 1px 0;
-    border: none !important;
+.openerp a.oe_secondary_submenu_item.submenu.opened span:before {
+    content: "\25be";
 }
-.openerp div.submenu_accordion div.menu_content a span {
-    padding-left: 20px;
+.openerp a.oe_secondary_submenu_item.submenu span:before {
+    content: "\25b8";
 }
 
 /* Header */
@@ -414,6 +457,8 @@ label.error {
     margin: 0;
     padding: 4px 10px;
     text-shadow: 0 1px 0 #111111;
+    font-weight:normal;
+    line-height:14px;
 }
 .openerp .header_title small {
     color: #ccc;
@@ -447,15 +492,11 @@ label.error {
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#929292', endColorstr='#4D4D4D',GradientType=0 );
 }
 .openerp .header_corner ul.block {
-    /*float: left;*/
     list-style: none;
     height: 34px;
     margin: 0;
     padding: 0 0 0 2px;
-    /*background: url(../images/top-sep-a.png) no-repeat;*/
     line-height: 33px;
-    /*font-size: 1em;*/
-    /*text-transform: uppercase;*/
 }
 .openerp .header_corner ul.block li {
     float: left;
@@ -481,6 +522,10 @@ label.error {
     font-weight: bold;
 }
 
+.openerp .logout {
+    font-size:80%;
+}
+
 /* Footer */
 .openerp div.oe_footer {
     background: none repeat scroll 0 0 #CCCCCC;
@@ -513,23 +558,39 @@ label.error {
 }
 
 .openerp h2.oe_view_title {
-    font-size: 175%;
+    font-size: 110%;
     font-weight: normal;
     margin: 2px 0;
     color: #252424;
     text-shadow: white 0 1px 0;
 }
+.openerp div[id^="notebook"] .oe_view_title {
+    font-size:85%;
+    padding-bottom:4px;
+}
 
 /* View Manager */
 .openerp .oe_vm_switch {
     float: right;
 }
+.openerp .oe-view-manager-header .oe_view_title {
+    font-size:150%;
+    padding:2px 0 0 0;
+}
 
 /* SearchView */
+.openerp .oe_searchview_field > div {
+    position: relative;
+    white-space: nowrap;
+}
+.openerp .oe_searchview_field .oe_input_icon {
+    top: auto;
+    bottom: 3px;
+}
+
 .openerp .filter_label, .openerp .filter_icon {
-    border: 1px solid #666;
-    border-left-width: 0;
     background: #F0F0F0;
+    border: 1px solid #999;
     background: -moz-linear-gradient(top, #F0F0F0 0%, #C0C0C0 100%);
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F0F0F0), color-stop(100%,#C0C0C0));
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F0F0F0', endColorstr='#C0C0C0',GradientType=0 );
@@ -541,13 +602,13 @@ label.error {
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F0F0F0', endColorstr='#A1A7CE',GradientType=0 );
 }
 .openerp .filter_label:active, .openerp .filter_icon:active {
-    background: #AAAAAA;
+    background: #aaa;
     background: -moz-linear-gradient(top, #999999 0%, #EEEEEE 100%);
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999999), color-stop(100%,#EEEEEE));
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#EEEEEE',GradientType=0 );
 }
 .openerp .filter_label.enabled, .openerp .filter_icon.enabled {
-    background: #AAAAAA;
+    background: #aaa;
 }
 .openerp .filter_icon {
     height: 22px;
@@ -571,13 +632,16 @@ label.error {
     white-space: nowrap;
 }
 .openerp .filter_label_group button:first-child {
-    border-left: 1px solid #666;
     -webkit-border-top-left-radius: 7px;
     -webkit-border-bottom-left-radius: 7px;
     -moz-border-radius-topleft: 7px;
     -moz-border-radius-bottomleft: 7px;
     border-top-left-radius: 7px;
     border-bottom-left-radius: 7px;
+    border-right: none;
+}
+.openerp .filter_label_group button {
+    border-right: none;
 }
 .openerp .filter_label_group button:last-child {
     -webkit-border-top-right-radius: 7px;
@@ -586,6 +650,20 @@ label.error {
     -moz-border-radius-bottomright: 7px;
     border-top-right-radius: 7px;
     border-bottom-right-radius: 7px;
+    border-right: 1px solid #999;
+}
+.openerp .filter_label_group button.filter_icon img {
+    padding: 1px 8px 0 8px;
+}
+.openerp .filter_label_group button.filter_icon:first-child {
+    border-left: solid 1px #999;
+    margin-left: -7px;
+    -webkit-border-top-left-radius: 0px;
+    -webkit-border-bottom-left-radius: 0px;
+    -moz-border-radius-topleft: 0px;
+    -moz-border-radius-bottomleft: 0px;
+    border-top-left-radius: 0px;
+    border-bottom-left-radius: 0px;
 }
 
 .openerp .searchview_group_string {
@@ -611,8 +689,16 @@ label.error {
 .openerp .searchview_group.expanded .searchview_group_content {
     display: block;
 }
-.openerp .searchview_group_content {
-    padding-left: 10px;
+
+.openerp .searchview_group_content .oe_label, .openerp .searchview_group_content .oe_label_help {
+    font-weight: bold;
+    color: #4c4c4c;
+}
+
+.openerp .oe-searchview-render-line .oe_label, .openerp .oe-searchview-render-line .oe_label_help {
+    font-weight: bold;
+    font-size: 80%;
+    white-space: nowrap;
 }
 
 .openerp .searchview_extended_group {
@@ -637,9 +723,15 @@ label.error {
     display: none;
 }
 
-.openerp .oe_search-view-custom-filter-btn span {
-    background: url(/web/static/src/img/icons/gtk-add.png) repeat-y;
-    padding-left: 18px;
+.openerp .oe_search-view-buttons {
+    padding: 10px 0 10px 0;
+    vertical-align:middle;
+}
+.openerp .oe_search-view-filters-management {
+    float: right;
+}
+.openerp .oe_search-view-filters-management, .openerp .oe_search-view-custom-filter-btn {
+    float:right;
 }
 
 .openerp .searchview_extended_add_proposition span {
@@ -693,27 +785,82 @@ label.error {
 .openerp .oe-listview th {
     vertical-align: middle;
     text-align: left;
+    padding: 1px 2px;
+}
+
+.openerp .oe-record-delete button,
+.openerp button.oe-edit-row-save {
+    border: none;
+    height: 12px;
+    width: 12px;
+    background: url("/web/static/src/img/iconset-b-remove.png") no-repeat scroll center center transparent;
+    cursor: pointer;
+}
+.openerp button.oe-edit-row-save {
+    background-image: url('/web/static/src/img/icons/save-document.png');
 }
+
+/* Could use :not selectors if they were supported by MSIE8... */
+.openerp .oe-listview tbody td {
+    border-left: 1px solid #dadada; /*currently commenting to test with no vertical lines in list view*/
+}
+.openerp .oe-listview tbody td:first-child,
+.openerp .oe-listview tbody td.oe-button,
+.openerp .oe-listview tbody td.oe-button,
+.openerp .oe-listview tbody th.oe-record-selector,
+.openerp .oe-listview tbody td.oe-record-delete {
+    border-left: none;
+}
+
 .openerp .oe-listview td.oe-record-delete {
     text-align: right;
 }
 .openerp .oe-listview th.oe-sortable {
     cursor: pointer;
+    font-size: 75%;
+    text-transform: uppercase;
+    padding: 0;
+    margin: 0;
+    padding-left: 3px;
+    color: #333;
 }
 .openerp .oe-listview th.oe-sortable .ui-icon {
-    height: 1em;
+    height: 60%;
+    margin: -6px 0 0;
     display: inline;
     display: inline-block;
+    vertical-align: middle;
+}
+
+.openerp .oe-listview table tbody td {
+    border-bottom: 1px solid #E3E3E3;
+}
+
+.openerp .oe-listview td.oe-actions { 
+    border-bottom:none;
+}
+
+.openerp .oe-listview .oe-record-selector {
+    border-bottom: 1px solid #E3E3E3;
 }
 
 .openerp .oe-listview .oe-field-cell {
     cursor: pointer;
+    margin-top: 0;
+    margin-bottom: 0;
+    padding-top: 3px;
+    padding-bottom: 3px;
+    font-size: 80%;
+}
+.openerp .oe-listview .oe-field-cell progress {
+    width: 100%;
 }
 .openerp .oe-listview .oe-field-cell button {
+    margin: 0;
     padding: 0;
     border: none;
     background: none;
-    width: 100%;
+    width: 16px;
 }
 .openerp .oe-listview .oe-field-cell button:active {
     opacity: 0.5;
@@ -735,8 +882,20 @@ label.error {
 }
 .openerp .oe-list-pager .oe-pager-state {
     cursor: pointer;
+    font-size: 90%;
+    color: #555;
 }
 
+.openerp .oe-list-pager > *, .openerp .oe_form_pager *, .openerp .oe_pager_separator  {
+   line-height:17px;
+   width:12px;
+   height:17px;
+   cursor: pointer;
+   color:gray;
+   font-weight:bold;
+   vertical-align:middle;
+   border:0;
+}
 .openerp .oe-listview .oe-group-name {
     padding-right: 1em;
 }
@@ -751,10 +910,16 @@ label.error {
 .openerp .oe-listview .oe-list-footer {
     text-align: center;
     white-space: nowrap;
+    color: #444;
+    font-size: 85%;
 }
 .openerp .oe-listview .oe-list-footer span {
     margin: 0 1em;
 }
+.openerp .oe-listview .oe-list-footer progress {
+    vertical-align:-10% !important;
+    width: 100%;
+}
 
 /** list rounded corners
 
@@ -762,31 +927,33 @@ label.error {
     also on the first and last children of the first and last row
  */
 .openerp .oe-listview table.oe-listview-content {
-    -webkit-border-radius: 7px;
-    -moz-border-radius: 7px;
-    border-radius: 7px;
+    -webkit-border-radius: 4px;
+    -moz-border-radius: 4px;
+    border-radius: 4px;
 }
 .openerp .oe-listview table.oe-listview-content thead tr:first-child th:first-child {
-    -webkit-border-top-left-radius: 7px;
-    -moz-border-radius-topleft: 7px;
-    border-top-left-radius: 7px;
+    -webkit-border-top-left-radius: 4px;
+    -moz-border-radius-topleft: 4px;
+    border-top-left-radius: 4px;
 }
 .openerp .oe-listview table.oe-listview-content thead tr:first-child th:last-child {
-    -webkit-border-top-right-radius: 7px;
-    -moz-border-radius-topright: 7px;
-    border-top-right-radius: 7px;
+    -webkit-border-top-right-radius: 4px;
+    -moz-border-radius-topright: 4px;
+    border-top-right-radius: 4px;
 }
-.openerp .oe-listview table.oe-listview-content tfoot td:first-child,
+.openerp .oe-listview table.oe-listview-content tfoot tr:last-child th:first-child,
+.openerp .oe-listview table.oe-listview-content tfoot tr:last-child td:first-child,
 .openerp .oe-listview table.oe-listview-content tbody:last-child tr:last-child th:first-child {
-    -webkit-border-bottom-left-radius: 7px;
-    -moz-border-radius-bottomleft: 7px;
-    border-bottom-left-radius: 7px;
+    -webkit-border-bottom-left-radius: 4px;
+    -moz-border-radius-bottomleft: 4px;
+    border-bottom-left-radius: 4px;
 }
-.openerp .oe-listview table.oe-listview-content tfoot td:last-child,
+.openerp .oe-listview table.oe-listview-content tfoot tr:last-child th:last-child,
+.openerp .oe-listview table.oe-listview-content tfoot tr:last-child td:last-child,
 .openerp .oe-listview table.oe-listview-content tbody:last-child tr:last-child td:last-child {
-    -webkit-border-bottom-right-radius: 7px;
-    -moz-border-radius-bottomright: 7px;
-    border-bottom-right-radius: 7px;
+    -webkit-border-bottom-right-radius: 4px;
+    -moz-border-radius-bottomright: 4px;
+    border-bottom-right-radius: 4px;
 }
 
 /* Notebook */
@@ -795,27 +962,63 @@ label.error {
     background: none;
     border-width: 0;
 }
+.openerp .oe_form_notebook .ui-tabs-panel {
+    padding: 4px;
+    -moz-border-radius-topright: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-right-radius: 4px;
+}
 .openerp .oe_form_notebook ul.ui-tabs-nav {
     padding-left: 0;
     background: transparent;
-    border-width: 0 0 1px 0;
+    border-width: 0;
     border-radius: 0;
     -moz-border-radius: 0;
     -webkit-border-radius: 0;
-    line-height: 0.5em;
+    line-height: 0.8em;
+    font-size: 95%;
+    color: #555;
 }
 .openerp .oe_form_notebook ul.ui-tabs-nav li {
     font-weight: bold;
 }
 .openerp .oe_form_notebook .ui-tabs-panel {
     background: #f9f9f9;
-    border-width: 0 1px 1px 1px;
+    border-width: 1px;
 }
 .openerp .oe_form_notebook .ui-tabs-selected {
     background: #f9f9f9;
 }
+/* Unedit Form */
+.openerp .field_char,
+.openerp .field_date,
+.openerp .field_float,
+.openerp .field_selection,
+.openerp .oe_form_field_many2one a,
+.openerp .oe_form_field_reference a{
+    vertical-align: middle;
+    padding-top: 3px;
+    font-size: 90%;
+    color: #222;
+}
+.openerp .oe_form_field_many2one a,
+.openerp .oe_form_field_reference a {
+    color: #9A0404;
+    line-height: 12px;
+}
+
+
 
 /* Form */
+
+.openerp .oe_form_frame_cell input[type="checkbox"] {
+    margin-top: 3px;
+    vertical-align: center;
+}
+.openerp .oe_form_frame_cell .input[type="text"] {
+    padding-bottom: 1px;
+}
+
 .openerp table.oe_frame td {
     color: #4c4c4c;
 }
@@ -823,6 +1026,31 @@ label.error {
     padding: 2px;
     position: relative;
 }
+.openerp .oe_frame.oe_forms {
+    clear: both;
+}
+.openerp table.oe_frame {
+    color: #4c4c4c;
+}
+.openerp fieldset.oe_group_box {
+    border: 1px solid #AAAAAA;
+    moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
+    border-radius: 4px;
+    background: #F9F9F9;
+    padding: 4px;
+}
+.openerp fieldset.oe_group_box legend {
+    font-weight: bold;
+}
+.openerp td.oe_form_frame_cell {
+    padding: 2px;
+    position: relative;
+    white-space: nowrap;
+}
+.openerp td.oe_form_field_boolean {
+    padding-top: 4px;
+}
 .openerp td.oe_form_frame_cell.oe_form_group {
     padding: 0;
 }
@@ -834,19 +1062,56 @@ label.error {
 }
 .openerp .oe_form_pager, .openerp .oe_list_pager {
     float: right;
+    font-size: 80%;
+    color: gray;
+    font-weight: bold;
+}
+
+.openerp .oe_form_pager {
+    margin-right: 3px;
+}
+
+
+.openerp label.oe_label_help, .openerp label.oe_label, .openerp .oe_forms input[type="text"], .openerp .oe_forms input[type="password"], .openerp .oe_forms select, .openerp .oe_forms .oe_button, .openerp .oe_forms textarea {
+    font-size: 85%;
 }
 
 .openerp label.oe_label_help, .openerp label.oe_label {
     display: block;
+    color: #4c4c4c;
+    font-weight: normal;
 }
 .openerp label.oe_label_help {
     cursor: help;
 }
+.openerp .oe_form_frame_cell  .oe_label, .openerp .oe_form_frame_cell  .oe_label_help {
+    font-weight: normal;
+}
+.openerp #tiptip_content {
+    font-size: 12px;
+}
+.openerp .oe_tooltip_string {
+    color: #FD5;
+    font-weight: bold;
+    font-size: 13px;
+}
+.openerp .oe_tooltip_technical {
+    padding: 0 0 4px 0;
+    margin: 5px 0 0 15px;
+    list-style: circle;
+}
+.openerp .oe_tooltip_technical_title {
+    font-weight: bold;
+}
 
-.openerp .oe_form_field label.oe_label, .openerp .oe_form_field label.oe_label_help {
-    text-align: right;
-    margin: 3px 0 0 10px;
+.openerp .oe_forms label.oe_label, .openerp .oe_forms label.oe_label_help {
+    margin: 3px 0 0 3px;
+    white-space: nowrap;
+}
+.openerp .oe_forms .searchview_group_content label.oe_label, .openerp .searchview_group_content .oe_forms label.oe_label_help { /* making a distinction between labels in search view and other labels */
+    margin: 3px 0 0 3px;
 }
+
 .openerp label.oe_label_help span {
     font-size: 80%;
     color: darkgreen;
@@ -855,14 +1120,61 @@ label.error {
     top: -4px;
     padding: 0 2px;
 }
+.openerp .oe_align_left {
+    text-align: left;
+}
+.openerp .oe_align_right {
+    text-align: right;
+}
+.openerp .oe_align_center {
+    text-align: center;
+}
+.openerp .oe_forms .oe_form_paragraph {
+    margin: 3px 0 0 0;
+    white-space: normal;
+}
 
+.openerp .oe_form_field_one2many .oe-actions h3.oe_view_title,
+.openerp .oe_form_field_one2many_list .oe-actions h3.oe_view_title{
+    display: inline;
+    margin: 0 0.5em 0 0;
+}
+
+/* Uneditable Form View */
+.openerp .oe_form_readonly {
+
+}
+.openerp .oe_form_readonly .oe_form_frame_cell .field_text, .openerp .oe_form_readonly .field_char, .openerp .oe_form_readonly .field_int, .openerp .oe_form_readonly .field_float, .openerp .oe_form_readonly .field_email, .openerp .oe_form_readonly .field_date, .openerp .oe_form_readonly .field_selection, .openerp .oe_forms_readonly .oe_form_field_many2one{
+    padding: 3px 2px 2px 2px;
+    background-color: white;
+    height:17px;
+}
+.openerp .oe_form_readonly .field_datetime {
+    padding: 1px 2px 2px 2px;
+    background-color: white;
+    height:17px;
+}
+.openerp .oe_form_readonly .oe_form_field_many2one div {
+    background-color:white;
+    height:18px;
+    margin-bottom:1px;
+    padding: 0px 2px 5px 2px;
+}
+
+.openerp .oe_form_readonly .oe_form_field_text div.field_text {
+    white-space: pre-wrap;
+}
+.openerp .oe_form_readonly .oe_form_frame_cell .field_text  {
+    min-height:100px;
+}
 /* Inputs */
 .openerp .oe_forms input[type="text"], .openerp .oe_forms input[type="password"], .openerp .oe_forms select, .openerp .oe_forms textarea {
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     -ms-box-sizing: border-box;
     box-sizing: border-box;
-    padding: 0 2px 0 2px;
+    padding: 0 2px;
+    margin: 0 2px;
     border: 1px solid #999;
     -moz-border-radius: 3px;
     -webkit-border-radius: 3px;
@@ -871,35 +1183,61 @@ label.error {
     min-width: 90px;
     color: #1f1f1f;
 }
+/* vertically recentering filter management select tag */
+.openerp select.oe_search-view-filters-management { 
+    margin-top:2px;
+}
+
+.openerp .oe_forms select{
+    padding-top: 2px;
+}
+.openerp .oe_forms input[disabled],
+.openerp .oe_forms select[disabled],
+.openerp .oe_forms textarea[disabled]{
+    background: #E0E0E0;
+}
 .openerp .oe_forms textarea {
     resize:vertical;
 }
-.openerp .oe_forms input[type="text"], .openerp .oe_forms input[type="password"], .openerp .oe_forms select, .openerp .oe_forms .button {
+.openerp .oe_forms input[type="text"], .openerp .oe_forms input[type="password"], .openerp .oe_forms select, .openerp .oe_forms .oe_button {
     height: 22px;
 }
+
 .openerp .oe_forms input.field_datetime {
     min-width: 11em;
 }
-.openerp .oe_forms .button {
+.openerp .oe_forms .oe_button {
     color: #4c4c4c;
     white-space: nowrap;
+    min-width: 100%;
+    width: 100%;
+}
+.openerp .oe_forms .button {
+    height: 22px;
 }
-.openerp .oe_forms .button span {
+@-moz-document url-prefix() {
+    /* Strange firefox behaviour on width: 100% + white-space: nowrap */
+    .openerp .oe_forms .oe_button {
+        width: auto;
+    }
+}
+.openerp .oe_forms .oe_button span {
     position: relative;
     vertical-align: top;
 }
 .openerp .oe_input_icon {
-    position: absolute;
     cursor: pointer;
-    right: 5px;
-    top: 3px;
+    margin: 3px 0 0 -21px;
+    vertical-align: top;
 }
-.openerp .oe_datepicker {
-    position: relative;
+.openerp .oe_datepicker_container {
+    display: none;
+}
+.openerp .oe_datepicker_root {
     display: inline-block;
 }
-.openerp .oe_datepicker input[type="text"] {
-    min-width: 160px;
+.openerp .oe_forms.oe_frame .oe_datepicker_root {
+    width: 100%;
 }
 .openerp .oe_input_icon_disabled {
     position: absolute;
@@ -907,14 +1245,7 @@ label.error {
     opacity: 0.5;
     filter:alpha(opacity=50);
     right: 5px;
-    top: 5px;
-}
-.openerp img.oe_field_translate {
-    margin-left: -21px;
-    vertical-align: top;
-    cursor: pointer;
-    position: relative;
-    top: 4px;
+    top: 3px;
 }
 .openerp .oe_trad_field.touched {
     border: 1px solid green !important;
@@ -928,7 +1259,7 @@ label.error {
     position: relative;
 }
 .openerp input.oe-binary-file {
-    z-index: 2;
+    z-index: 0;
     line-height: 0;
     font-size: 50px;
     position: absolute;
@@ -947,10 +1278,14 @@ label.error {
     border: 0 solid #666;
 }
 .openerp .separator.horizontal {
-   font-weight: bold;
+    font-weight: bold;
     border-bottom-width: 1px;
     margin: 3px 4px 3px 1px;
-    height: 15px;
+    height: 17px;
+    font-size: 95%;
+}
+.openerp .separator.horizontal:empty {
+    height: 5px;
 }
 .openerp .oe_form_frame_cell.oe_form_separator_vertical {
     border-left: 1px solid #666;
@@ -987,6 +1322,14 @@ label.error {
     background: white;
     min-width: 90px;
 }
+.openerp tbody.ui-widget-content {
+    margin-bottom: 10px;
+    border-spacing: 4px;
+}
+.openerp .ui-widget-header {
+    background-image: none;
+    background-color: white;
+}
 
 /* Sidebar */
 .openerp .view-manager-main-table {
@@ -1000,16 +1343,20 @@ label.error {
     vertical-align: top;
 }
 
-.openerp .view-manager-main-content {
-    width: 100%;
-}
 .openerp .oe-view-manager-header {
     overflow: auto;
+    background: url("/web/static/src/img/sep-a.gif") 0 100% repeat-x;
+    margin:6px 0 6px 2px;
+}
+.openerp .oe_form_frame_cell .oe-view-manager-header { /* Trick: remove the background when element is in a formular */
+    background: none;
 }
+
 .openerp .oe-view-manager-header h2 {
     float: left;
 }
-.openerp .oe-view-manager-header blockquote {
+
+.openerp .oe_view_manager_menu_tips blockquote {
     display: none;
     font-size: 85%;
     margin: 0;
@@ -1018,14 +1365,17 @@ label.error {
     padding: 1px 10px;
     color: #4C4C4C;
 }
-.openerp .oe-view-manager-header blockquote p {
+.openerp .oe_view_manager_menu_tips blockquote p {
     margin: 0;
     padding: 6px 1px 4px;
 }
-.openerp .oe-view-manager-header blockquote div {
+
+.openerp .oe_view_manager_menu_tips blockquote div {
     text-align: right;
+    margin-right:10px;
 }
-.openerp .oe-view-manager-header blockquote div button {
+
+.openerp .oe_view_manager_menu_tips blockquote div button {
     border: none;
     background: none;
     padding: 0 4px;
@@ -1036,20 +1386,43 @@ label.error {
 }
 .openerp .oe-view-manager-logs {
     clear: both;
-    font-size: 85%;
-    margin: 0.25em 0;
     background: #fff;
-    padding: 0 10px;
+    margin: 0.25em 0;
+    font-size: 85%;
     color: #4C4C4C;
+    position: relative;
+    overflow: hidden;
+}
+.openerp .oe-view-manager-logs ul {
+    margin: 0;
+    padding: 0 10px;
     list-style: none;
 }
 .openerp .oe-view-manager-logs li:before {
-    content: '→ ';
+    content: '\2192 ';
 }
 .openerp .oe-view-manager-logs a {
     text-decoration: none;
     color: inherit;
 }
+/* only display first three log items of a folded logs list */
+.openerp .oe-view-manager-logs.oe-folded li:nth-child(n+4) {
+    display: none;
+}
+/* display link to more logs if there are more logs to view and the logview is
+   currently folded */
+.openerp .oe-view-manager-logs a.oe-more-logs {
+    display: none;
+}
+.openerp .oe-view-manager-logs.oe-folded.oe-has-more a.oe-more-logs {
+    display: block;
+}
+.openerp .oe-view-manager-logs a.oe-remove-everything {
+    position: absolute;
+    top: 0;
+    right: 0;
+    cursor: pointer;
+}
 
 .openerp .view-manager-main-sidebar {
     width: 180px;
@@ -1144,6 +1517,9 @@ label.error {
     border-right-width: 0;
     border-left-width: 0;
 }
+.openerp .view-manager-main-sidebar h2 {
+    border-top-width: 0;
+}
 
 .openerp .view-manager-main-sidebar ul {
     list-style-type: none;
@@ -1160,6 +1536,7 @@ label.error {
 .openerp .toggle-sidebar {
     cursor: pointer;
     border: 1px solid #D2CFCF;
+    border-top-width: 0;
     display: block;
     background: url(/web/static/src/img/toggle-a-bg.png);
     width: 21px;
@@ -1179,6 +1556,10 @@ label.error {
     background: 1px 3px url(/web/static/src/img/icons/gtk-print.png) no-repeat;
 }
 
+.openerp .oe_sidebar_print ul {
+    padding-left:8px;
+}
+
 .openerp.kitten-mode-activated .main_table {
     background: url(http://placekitten.com/g/1500/800) repeat;
 }
@@ -1234,6 +1615,7 @@ label.error {
 }
 .openerp .oe_forms .oe-m2o input[type="text"] {
     padding-right: 20px;
+    padding-top: 2px;
 }
 .openerp .oe-m2o-drop-down-button {
     margin-left: -23px;
@@ -1243,12 +1625,12 @@ label.error {
     margin-bottom: -4px;
     cursor: pointer;
 }
-.openerp .oe-m2o-cm-button img {
-    margin-left: 4px;
-}
 .openerp .oe-m2o-disabled-cm {
     color: grey;
 }
+.openerp ul[role="listbox"] li a {
+    font-size:80%;
+}
 .parent_top {
     vertical-align: text-top;
 }
@@ -1294,20 +1676,19 @@ label.error {
 /* Shortcuts*/
 .oe-shortcut-toggle {
     height: 20px;
+    margin-top: 3px;
     padding: 0;
     width: 24px;
     cursor: pointer;
     display: block;
-    background: url(/web/static/src/img/add-shortcut.png) no-repeat bottom;
+    background: url(/web/static/src/img/add-shortcut.png) no-repeat center center;
     float: left;
 }
 .oe-shortcut-remove{
-    background: url(/web/static/src/img/remove-shortcut.png) no-repeat bottom;
+    background: url(/web/static/src/img/remove-shortcut.png) no-repeat center center;
 }
-/* ================ */
 .oe-shortcuts {
     position: absolute;
-
     margin: 0;
     padding: 6px 15px;
     top: 37px;
@@ -1332,9 +1713,14 @@ label.error {
     color: #fff;
     text-align: center;
     border-left: 1px solid #909090;
-    padding: 4px;
-    font-size: 90%;
+    padding: 0 4px;
+    font-size: 80%;
     font-weight: normal;
+    vertical-align: top;
+}
+
+.oe-shortcuts li:hover {
+    background-color: #666;
 }
 .oe-shortcuts li:first-child {
     border-left: none;
@@ -1342,19 +1728,20 @@ label.error {
 }
 
 ul.oe-arrow-list {
-    padding-left: 0.5em;
+    padding-left: 1.1em;
     margin: 0;
+    white-space: nowrap;
 }
 ul.oe-arrow-list li {
     display: inline-block;
-    margin-left: -0.5em;
+    margin-left: -1em;
 }
 ul.oe-arrow-list li span {
     vertical-align: top;
     display: inline-block;
     border-width:1em;
     border-style:solid;
-    border-color: white;
+    border-color: #DEDEDE;
     line-height:0em;
 }
 ul.oe-arrow-list .oe-arrow-list-before {
@@ -1363,16 +1750,157 @@ ul.oe-arrow-list .oe-arrow-list-before {
 }
 ul.oe-arrow-list .oe-arrow-list-after {
     border-color: rgba(0,0,0,0);
-    border-left-color: white;
+    border-left-color: #DEDEDE;
     border-right-width:0;
 }
 ul.oe-arrow-list li.oe-arrow-list-selected span {
-    border-color: #CFCCCC;
+    border-color: #B5B9FF;
 }
 ul.oe-arrow-list li.oe-arrow-list-selected .oe-arrow-list-before {
     border-left-color: rgba(0,0,0,0);
 }
 ul.oe-arrow-list li.oe-arrow-list-selected .oe-arrow-list-after {
     border-color: rgba(0,0,0,0);
-    border-left-color: #CFCCCC;
+    border-left-color: #B5B9FF;
+}
+.openerp ul.oe-arrow-list li:first-child span:first-child{
+    -webkit-border-top-left-radius: 3px;
+    -moz-border-radius-topleft: 3px;
+    border-top-left-radius: 3px;
+    -webkit-border-bottom-left-radius: 3px;
+    -moz-border-radius-bottomleft: 3px;
+    border-bottom-left-radius: 3px;
+}
+.openerp ul.oe-arrow-list li:last-child span:last-child{
+    -webkit-border-top-right-radius: 3px;
+    -moz-border-radius-topright: 3px;
+    border-top-right-radius: 3px;
+    -webkit-border-bottom-right-radius: 3px;
+    -moz-border-radius-bottomright: 3px;
+    border-bottom-right-radius: 3px;
+}
+.openerp .oe_view_editor {
+    border-collapse: collapse;
+    padding: 0;
+    align: left;
+    width: 100%;
+}
+.openerp .oe_view_editor_colum{
+    font-size: 90%;
+    font-weight: normal;
+    padding: 0;
+    border-bottom: 1px solid #CFCCCC;
+}
+.openerp .oe_view_editor_row:hover{
+    background-color: #F3F3F3;
+}
+.openerp .oe_view_editor_tree_grid{
+    text-align: left;
+    white-space: nowrap;
+    border-collapse: collapse;
+    width: 100%;
+}
+.openerp .oe_view_editor_tree_grid a:hover {
+    color: blue;
+}
+.openerp .oe_view_editor_tree_grid a {
+    display: block;
+}
+
+.openerp .oe_vm_switch {
+    margin:2px 0 0 0;
+}
+
+.openerp .oe_vm_switch button {
+    background: url("/web/static/src/img/views-icons-a.png") repeat-x scroll left top transparent;
+    overflow: hidden;
+    width: 22px;
+    height: 21px;
+    border: none;
+}
+
+.openerp .oe_vm_switch button {
+    background-position:0px 0px;
+}
+.openerp .oe_vm_switch button[data-view-type="list"] {
+    background-position:0px 0px;
+}
+.openerp .oe_vm_switch button[data-view-type="list"]:active,
+.openerp .oe_vm_switch button[data-view-type="list"]:hover,
+.openerp .oe_vm_switch button[data-view-type="list"]:focus,
+.openerp .oe_vm_switch button[data-view-type="list"][disabled="disabled"] {
+    background-position:0px -21px;
+}
+.openerp .oe_vm_switch button[data-view-type="form"] {
+    background-position:-22px 0px;
+}
+.openerp .oe_vm_switch button[data-view-type="form"]:active,
+.openerp .oe_vm_switch button[data-view-type="form"]:hover,
+.openerp .oe_vm_switch button[data-view-type="form"]:focus,
+.openerp .oe_vm_switch button[data-view-type="form"][disabled="disabled"] {
+    background-position:-22px -21px;
+}
+.openerp .oe_vm_switch button[data-view-type="graph"] {
+    background-position:-44px 0px;
+}
+.openerp .oe_vm_switch button[data-view-type="graph"]:active,
+.openerp .oe_vm_switch button[data-view-type="graph"]:hover,
+.openerp .oe_vm_switch button[data-view-type="graph"]:focus,
+.openerp .oe_vm_switch button[data-view-type="graph"][disabled="disabled"] {
+    background-position:-44px -21px;
+}
+.openerp .oe_vm_switch button[data-view-type="gantt"] {
+    background-position:-66px 0px;
+}
+.openerp .oe_vm_switch button[data-view-type="gantt"]:active,
+.openerp .oe_vm_switch button[data-view-type="gantt"]:hover,
+.openerp .oe_vm_switch button[data-view-type="gantt"]:focus,
+.openerp .oe_vm_switch button[data-view-type="gantt"][disabled="disabled"] {
+    background-position:-66px -21px;
+}
+.openerp .oe_vm_switch button[data-view-type="calendar"] {
+    background-position:-88px 0px;
+}
+.openerp .oe_vm_switch button[data-view-type="calendar"]:active,
+.openerp .oe_vm_switch button[data-view-type="calendar"]:hover,
+.openerp .oe_vm_switch button[data-view-type="calendar"]:focus,
+.openerp .oe_vm_switch button[data-view-type="calendar"][disabled="disabled"]{
+    background-position:-88px -21px;
+}
+.openerp .oe_vm_switch button[data-view-type="kanban"] {
+    background-position:-110px 0px;
 }
+.openerp .oe_vm_switch button[data-view-type="kanban"]:active,
+.openerp .oe_vm_switch button[data-view-type="kanban"]:hover,
+.openerp .oe_vm_switch button[data-view-type="kanban"]:focus,
+.openerp .oe_vm_switch button[data-view-type="kanban"][disabled="disabled"] {
+    background-position:-110px -21px;
+}
+
+.openerp .oe_vm_switch button[data-view-type="diagram"] {
+    background-position:0px 0px;
+}
+.openerp .oe_vm_switch button[data-view-type="diagram"]:active,
+.openerp .oe_vm_switch button[data-view-type="diagram"]:hover,
+.openerp .oe_vm_switch button[data-view-type="diagram"]:focus,
+.openerp .oe_vm_switch button[data-view-type="diagram"][disabled="disabled"] {
+    background-position:0px -21px;
+}
+
+.openerp .oe-list-pager button[disabled="disabled"], .openerp .oe_form_pager button[disabled="disabled"] {
+    opacity:0.5;
+       filter:alpha(opacity=50); /* For IE8 and earlier */ 
+}
+.openerp .oe-list-pager button[data-pager-action="first"], .openerp .oe_form_pager button[data-pager-action="first"] {
+    background: url("/web/static/src/img/pager_first.png") no-repeat scroll center center transparent;
+}
+.openerp .oe-list-pager button[data-pager-action="previous"], .openerp .oe_form_pager button[data-pager-action="previous"] {
+    background: url("/web/static/src/img/pager_left.png") no-repeat scroll center center transparent;
+}
+.openerp .oe-list-pager button[data-pager-action="next"], .openerp .oe_form_pager button[data-pager-action="next"] {
+    background: url("/web/static/src/img/pager_right.png") no-repeat scroll center center transparent;
+}
+.openerp .oe-list-pager button[data-pager-action="last"], .openerp .oe_form_pager button[data-pager-action="last"] {
+    background: url("/web/static/src/img/pager_last.png") no-repeat scroll center center transparent;
+}
+