[IMP] changes in page view -> white fields should be OK
[odoo/odoo.git] / addons / web / static / src / css / base.css
index 067ea09..56f93a8 100644 (file)
@@ -18,6 +18,10 @@ body.openerp, .openerp textarea, .openerp input, .openerp select, .openerp optio
     padding: 0 8px 8px 8px;
 }
 
+.openerp .oe_form_frame_cell .view-manager-main-content {
+    padding: 0;
+}
+
 .oe_box {
     border: 1px solid #aaf;
     padding: 2px;
@@ -560,6 +564,10 @@ label.error {
     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 {
@@ -567,11 +575,20 @@ label.error {
 }
 .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-left-width: 0;
     background: #F0F0F0;
     border: 1px solid #999;
     background: -moz-linear-gradient(top, #F0F0F0 0%, #C0C0C0 100%);
@@ -708,10 +725,13 @@ label.error {
 
 .openerp .oe_search-view-buttons {
     padding: 10px 0 10px 0;
+    vertical-align:middle;
 }
-.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-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 {
@@ -768,13 +788,17 @@ label.error {
     padding: 1px 2px;
 }
 
-.openerp .oe-record-delete button{
+.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 {
@@ -812,6 +836,10 @@ label.error {
     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;
 }
@@ -858,6 +886,16 @@ label.error {
     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;
 }
@@ -952,13 +990,19 @@ label.error {
     background: #f9f9f9;
 }
 /* Unedit Form */
-.openerp .field_char, .openerp .field_date, .openerp .field_float, .openerp .oe_form_field_many2one a {
+.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_many2one a,
+.openerp .oe_form_field_reference a {
     color: #9A0404;
     line-height: 12px;
 }
@@ -1002,6 +1046,7 @@ label.error {
 .openerp td.oe_form_frame_cell {
     padding: 2px;
     position: relative;
+    white-space: nowrap;
 }
 .openerp td.oe_form_field_boolean {
     padding-top: 4px;
@@ -1060,7 +1105,8 @@ label.error {
 }
 
 .openerp .oe_forms label.oe_label, .openerp .oe_forms label.oe_label_help {
-    margin: 4px 0 0 3px;
+    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;
@@ -1085,23 +1131,42 @@ label.error {
 }
 .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 .field_char, .openerp .oe_form_readonly .oe_form_field_email  {
-    padding-top: 4px;
+.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_selection {
-    padding-top: 2px;
+.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;
@@ -1118,16 +1183,26 @@ 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 .oe_button {
     height: 22px;
 }
+
 .openerp .oe_forms input.field_datetime {
     min-width: 11em;
 }
@@ -1151,20 +1226,14 @@ label.error {
     vertical-align: top;
 }
 .openerp .oe_input_icon {
-    position: absolute;
     cursor: pointer;
-    right: 5px;
-    top: 3px;
-    z-index: 2;
+    margin: 3px 0 0 -21px;
+    vertical-align: top;
 }
 .openerp .oe_datepicker_container {
-    position: absolute;
-    top: 0;
-    right: 0;
     display: none;
 }
 .openerp .oe_datepicker_root {
-    position: relative;
     display: inline-block;
 }
 .openerp .oe_forms.oe_frame .oe_datepicker_root {
@@ -1178,13 +1247,6 @@ label.error {
     right: 5px;
     top: 3px;
 }
-.openerp img.oe_field_translate {
-    margin-left: -21px;
-    vertical-align: top;
-    cursor: pointer;
-    position: relative;
-    top: 4px;
-}
 .openerp .oe_trad_field.touched {
     border: 1px solid green !important;
 }
@@ -1283,10 +1345,17 @@ label.error {
 
 .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_menu_tips blockquote {
     display: none;
     font-size: 85%;
@@ -1300,9 +1369,12 @@ label.error {
     margin: 0;
     padding: 6px 1px 4px;
 }
+
 .openerp .oe_view_manager_menu_tips blockquote div {
     text-align: right;
+    margin-right:10px;
 }
+
 .openerp .oe_view_manager_menu_tips blockquote div button {
     border: none;
     background: none;
@@ -1445,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;
@@ -1461,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;
@@ -1480,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;
 }
@@ -1683,6 +1763,22 @@ ul.oe-arrow-list li.oe-arrow-list-selected .oe-arrow-list-after {
     border-color: rgba(0,0,0,0);
     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;
@@ -1710,3 +1806,101 @@ ul.oe-arrow-list li.oe-arrow-list-selected .oe-arrow-list-after {
 .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;
+}
+