[IMP] buttons styling
bzr revid: xmo@openerp.com-20111215161417-o2o8wwah325vqwhs
This commit is contained in:
Xavier Morel
commit
cc0c107b0b
|
|
@ -358,7 +358,7 @@ label.error {
|
|||
position: absolute;
|
||||
z-index: 100;
|
||||
border: 4px solid #585858;
|
||||
border: 4px solid rgba(88, 88, 88, .5);
|
||||
border-color: rgba(88, 88, 88, .5);
|
||||
border-radius: 4px;
|
||||
min-width: 200px;
|
||||
}
|
||||
|
|
@ -599,6 +599,10 @@ label.error {
|
|||
}
|
||||
.openerp .filter_label.enabled, .openerp .filter_icon.enabled {
|
||||
background: #aaa;
|
||||
-moz-box-shadow: none;
|
||||
-webkit-box-shadow: none;
|
||||
-o-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
.openerp .filter_icon {
|
||||
height: 22px;
|
||||
|
|
@ -622,24 +626,18 @@ label.error {
|
|||
white-space: nowrap;
|
||||
}
|
||||
.openerp .filter_label_group button:first-child {
|
||||
-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;
|
||||
-webkit-border-radius: 7px 0 0 7px;
|
||||
-moz-border-radius: 7px 0 0 7px;
|
||||
border-radius: 7px 0 0 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;
|
||||
-webkit-border-bottom-right-radius: 7px;
|
||||
-moz-border-radius-topright: 7px;
|
||||
-moz-border-radius-bottomright: 7px;
|
||||
border-top-right-radius: 7px;
|
||||
border-bottom-right-radius: 7px;
|
||||
-webkit-border-radius: 0 7px 7px 0;
|
||||
-moz-border-radius: 0 7px 7px 0;
|
||||
border-radius: 0 7px 7px 0;
|
||||
border-right: 1px solid #999;
|
||||
}
|
||||
.openerp .filter_label_group button.filter_icon img {
|
||||
|
|
@ -648,12 +646,12 @@ label.error {
|
|||
.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;
|
||||
-webkit-border-top-left-radius: 0;
|
||||
-webkit-border-bottom-left-radius: 0;
|
||||
-moz-border-radius-topleft: 0;
|
||||
-moz-border-radius-bottomleft: 0;
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
|
||||
.openerp .searchview_group_string {
|
||||
|
|
@ -985,7 +983,7 @@ label.error {
|
|||
|
||||
.openerp .oe_form_frame_cell input[type="checkbox"] {
|
||||
margin-top: 3px;
|
||||
vertical-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.openerp .oe_form_frame_cell .input[type="text"] {
|
||||
padding-bottom: 1px;
|
||||
|
|
@ -1738,3 +1736,103 @@ ul.oe-arrow-list li.oe-arrow-list-selected .oe-arrow-list-after {
|
|||
.openerp .oe_view_editor_tree_grid a {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/***********/
|
||||
/* Buttons */
|
||||
/***********/
|
||||
|
||||
.openerp a.button:link,
|
||||
.openerp a.button:visited,
|
||||
.openerp button {
|
||||
display: inline-block;
|
||||
border: 1px solid #ababab;
|
||||
color: #404040;
|
||||
font-size: 12px;
|
||||
padding: 3px 10px;
|
||||
text-align: center;
|
||||
-o-background-size: 100% 100%;
|
||||
-moz-background-size: 100% 100%;
|
||||
-webkit-background-size: auto auto !important;
|
||||
background-size: 100% 100%;
|
||||
background: #d8d8d8 none;
|
||||
background: none, -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#d8d8d8));
|
||||
background: none, -webkit-linear-gradient(#efefef, #d8d8d8);
|
||||
background: none, -moz-linear-gradient(#efefef, #d8d8d8);
|
||||
background: none, -o-linear-gradient(top, #efefef, #d8d8d8);
|
||||
background: none, -khtml-gradient(linear, left top, left bottom, from(#efefef), to(#d8d8d8));
|
||||
-moz-border-radius: 3px;
|
||||
-webkit-border-radius: 3px;
|
||||
-o-border-radius: 3px;
|
||||
-ms-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
-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;
|
||||
-o-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;
|
||||
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
|
||||
-webkit-font-smoothing: antialiased;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.openerp a.button:hover,
|
||||
.openerp button:hover {
|
||||
-o-background-size: 100% 100%;
|
||||
-moz-background-size: 100% 100%;
|
||||
-webkit-background-size: auto auto !important;
|
||||
background-size: 100% 100%;
|
||||
background: #e3e3e3 none;
|
||||
background: none, -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#e3e3e3));
|
||||
background: none, -webkit-linear-gradient(#f6f6f6, #e3e3e3);
|
||||
background: none, -moz-linear-gradient(#f6f6f6, #e3e3e3);
|
||||
background: none, -o-linear-gradient(top, #f6f6f6, #e3e3e3);
|
||||
background: none, -khtml-gradient(linear, left top, left bottom, from(#f6f6f6), to(#e3e3e3));
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.openerp a.button:focus,
|
||||
.openerp button:focus {
|
||||
border: 1px solid #80bfff;
|
||||
-o-background-size: 100% 100%;
|
||||
-moz-background-size: 100% 100%;
|
||||
-webkit-background-size: auto auto !important;
|
||||
background-size: 100% 100%;
|
||||
background: #e3e3e3, none;
|
||||
background: none, -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#e3e3e3));
|
||||
background: none, -webkit-linear-gradient(#f6f6f6, #e3e3e3);
|
||||
background: none, -moz-linear-gradient(#f6f6f6, #e3e3e3);
|
||||
background: none, -o-linear-gradient(top, #f6f6f6, #e3e3e3);
|
||||
background: none, -khtml-gradient(linear, left top, left bottom, from(#f6f6f6), to(#e3e3e3));
|
||||
-moz-box-shadow: 0 0 3px #80bfff, 0 1px 1px rgba(255, 255, 255, 0.8) inset;
|
||||
-webkit-box-shadow: 0 0 3px #80bfff, 0 1px 1px rgba(255, 255, 255, 0.8) inset;
|
||||
-o-box-shadow: 0 0 3px #80bfff, 0 1px 1px rgba(255, 255, 255, 0.8) inset;
|
||||
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 {
|
||||
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;
|
||||
-moz-box-shadow: none, 0 0 0 transparent;
|
||||
-webkit-box-shadow: none, 0 0 0 transparent;
|
||||
-o-box-shadow: none, 0 0 0 transparent;
|
||||
box-shadow: none, 0 0 0 transparent;
|
||||
}
|
||||
|
||||
.openerp a.button.disabled,
|
||||
.openerp button:disabled {
|
||||
background: #efefef !important;
|
||||
border: 1px solid #d1d1d1 !important;
|
||||
font-size: 12px;
|
||||
padding: 3px 10px;
|
||||
-moz-box-shadow: none !important, 0 0 0 transparent;
|
||||
-webkit-box-shadow: none !important, 0 0 0 transparent;
|
||||
-o-box-shadow: none !important, 0 0 0 transparent;
|
||||
box-shadow: none !important, 0 0 0 transparent;
|
||||
color: #aaaaaa !important;
|
||||
cursor: default;
|
||||
text-shadow: 0 1px 1px white !important;
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue