[IMP] Added custom style to buttons.

bzr revid: mit@openerp.com-20111207184710-th1zwrouqnuz9b30
This commit is contained in:
Minh Tran 2011-12-07 19:47:10 +01:00
parent 78d3e74263
commit 4713e5eba3
1 changed files with 96 additions and 0 deletions

View File

@ -1703,3 +1703,99 @@ ul.oe-arrow-list li.oe-arrow-list-selected .oe-arrow-list-after {
.openerp .oe_view_editor_tree_grid a {
display: block;
}
/***********/
/* Buttons */
/***********/
a.button:link, a.button:visited, button, input[type='submit'] {
display: inline-block;
border: 1px solid #ababab;
color: #404040;
font-weight: 550;
font-size: 12px;
padding: 3px 10px;
min-width: 50px;
text-align: center;
background: #d8d8d8, none;
-o-background-size: 100% 100%;
-moz-background-size: 100% 100%;
-webkit-background-size: auto auto !important;
background-size: 100% 100%;
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;
}
a.button:hover, button:hover, input[type='submit']:hover {
background: #e3e3e3, none;
-o-background-size: 100% 100%;
-moz-background-size: 100% 100%;
-webkit-background-size: auto auto !important;
background-size: 100% 100%;
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;
}
a.button:focus, button:focus, input[type='submit']:focus {
border: 1px solid #80bfff;
background: #e3e3e3, none;
-o-background-size: 100% 100%;
-moz-background-size: 100% 100%;
-webkit-background-size: auto auto !important;
background-size: 100% 100%;
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;
}
a.button:active, a.button.active, button:active, button.active, input[type='submit']:active, 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;
-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;
}
a.button.disabled, button:disabled, input[type='submit']:disabled {
background: #efefef !important;
border: 1px solid #d1d1d1 !important;
font-weight: 550;
font-size: 12px;
padding: 3px 10px;
min-width: 50px;
-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;
}