diff --git a/resources/css/ext.uls.css b/resources/css/ext.uls.css index d953dcb4..fea2f514 100644 --- a/resources/css/ext.uls.css +++ b/resources/css/ext.uls.css @@ -114,88 +114,122 @@ div.display-settings-block:hover .settings-text { } button.button { - background-color: #E6E6E6; - background-image: -webkit-linear-gradient(top, #f0f0f0, #e6e6e6); - background-image: -moz-linear-gradient(center top, #F0F0F0, #E6E6E6); - background-image: linear-gradient(#F0F0F0, #E6E6E6); - border: 1px solid #C9C9C9; - border-radius: 3px 3px 3px 3px; - color: #252525; - cursor: pointer; display: inline-block; - font: bold 0.813em/1 Arial, sans-serif; - padding: 0.4065em 1.2195em; + padding: 0.4065em 1.2195em 0.4065em; + font: bold 0.813em Arial, sans-serif; + line-height: 1; + color: #252525; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); + cursor: pointer; + background-color: #e6e6e6; + background-image: -moz-linear-gradient(top, #f0f0f0, #e6e6e6); + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f0f0f0), color-stop(100%, #e6e6e6)); + background-image: -ms-linear-gradient(top, #f0f0f0, #e6e6e6); + background-image: linear-gradient(#f0f0f0, #e6e6e6); + background-image: -webkit-linear-gradient(top, #f0f0f0, #e6e6e6); + border: 1px #c9c9c9 solid; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#e6e6e6', GradientType=0)"; + filter: progid:dximagetransform.microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#e6e6e6', GradientType=0); } button.button:hover { - background-color: #F0F0F0; + background-color: #f0f0f0; + background-image: -moz-linear-gradient(top, #f8f8f8, #f0f0f0); + background-image: -ms-linear-gradient(top, #f8f8f8, #f0f0f0); + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8f8f8), color-stop(100%, #f0f0f0)); background-image: -webkit-linear-gradient(top, #f8f8f8, #f0f0f0); - background-image: -moz-linear-gradient(center top, #F8F8F8, #F0F0F0); - background-image: linear-gradient(#F8F8F8, #F0F0F0); - border-color: #C9C9C9; + background-image: linear-gradient(#f8f8f8, #f0f0f0); + border-color: #c9c9c9; + -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#f0f0f0', GradientType=0)"; + filter: progid:dximagetransform.microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#f0f0f0', GradientType=0); } button.button:active, button.button.down { - background-color: #D8D8D8; + background-color: #d8d8d8; + background-image: -moz-linear-gradient(top, #d3d3d3, #d8d8d8); + background-image: -ms-linear-gradient(top, #d3d3d3, #d8d8d8); + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d3d3d3), color-stop(100%, #d8d8d8)); background-image: -webkit-linear-gradient(top, #d3d3d3, #d8d8d8); - background-image: -moz-linear-gradient(center top, #D3D3D3, #D8D8D8); - background-image: linear-gradient(#D3D3D3, #D8D8D8); - border-color: #C9C9C9; + background-image: linear-gradient(#d3d3d3, #d8d8d8); + border-color: #c9c9c9; + -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#d3d3d3', endColorstr='#d8d8d8', GradientType=0)"; + filter: progid:dximagetransform.microsoft.gradient(startColorstr='#d3d3d3', endColorstr='#d8d8d8', GradientType=0); } button.button:disabled, -button.button.hover:disabled, +button.button:disabled.hover, button.button.disabled, button.button.disabled:hover { - background-color: #F0F0F0; - background-image: -webkit-linear-gradient(top, #f0f0f0, #f0f0f0); - background-image: -moz-linear-gradient(center top, #F0F0F0, #F0F0F0); - background-image: linear-gradient(#F0F0F0, #F0F0F0); - border-color: #E3E3E3; - color: #C9C9C9; + color: #c9c9c9; cursor: default; + background-color: #f0f0f0; + background-image: -moz-linear-gradient(top, #f0f0f0, #f0f0f0); + background-image: -ms-linear-gradient(top, #f0f0f0, #f0f0f0); + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f0f0f0), color-stop(100%, #f0f0f0)); + background-image: linear-gradient(#f0f0f0, #f0f0f0); + background-image: -webkit-linear-gradient(top, #f0f0f0, #f0f0f0); + border-color: #e3e3e3; + -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#f0f0f0', GradientType=0)"; + filter: progid:dximagetransform.microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#f0f0f0', GradientType=0); } button.button.blue { - background-color: #3366BB; - background-image: -webkit-linear-gradient(top, #3670c8, #3366bb); - background-image: -moz-linear-gradient(center top, #3670C8, #3366BB); - background-image: -moz-linear-gradient(#3670C8, #3366BB); - border: 1px solid #33589F; - color: #FFFFFF; + color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #3366bb; + background-image: -ms-linear-gradient(top, #3670c8, #3366bb); + background-image: -moz-linear-gradient(top, #3670c8, #3366bb); + background-image: linear-gradient(#3670c8, #3366bb); + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3670c8), color-stop(100%, #3366bb)); + background-image: -webkit-linear-gradient(top, #3670c8, #3366bb); + border: 1px #33589f solid; + -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#3670c8', endColorstr='#3366bb', GradientType=0)"; + filter: progid:dximagetransform.microsoft.gradient(startColorstr='#3670c8', endColorstr='#3366bb', GradientType=0); } button.button.blue:hover { - background-color: #3F77D7; + background-color: #3f77d7; + background-image: -moz-linear-gradient(top, #4c84da, #3f77d7); + background-image: -ms-linear-gradient(top, #4c84da, #3f77d7); + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4c84da), color-stop(100%, #3f77d7)); background-image: -webkit-linear-gradient(top, #4c84da, #3f77d7); - background-image: -moz-linear-gradient(center top, #4C84DA, #3F77D7); - background-image: -moz-linear-gradient(#4C84DA, #3F77D7); + background-image: linear-gradient(#4c84da, #3f77d7); + -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#4c84da', endColorstr='#3f77d7', GradientType=0)"; + filter: progid:dximagetransform.microsoft.gradient(startColorstr='#4c84da', endColorstr='#3f77d7', GradientType=0); } -button.button.blue:active, -button.button.blue.down:active { - background-color: #2A549C; +button.button.blue:active { + background-color: #2a549c; + background-image: -moz-linear-gradient(top, #2d5ea9, #2a549c); + background-image: -ms-linear-gradient(top, #2d5ea9, #2a549c); + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2d5ea9), color-stop(100%, #2a549c)); background-image: -webkit-linear-gradient(top, #2d5ea9, #2a549c); - background-image: -moz-linear-gradient(center top, #2D5EA9, #2A549C); - background-image: linear-gradient(#2D5EA9, #2A549C); + background-image: linear-gradient(#2d5ea9, #2a549c); + -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#2d5ea9', endColorstr='#2a549c', GradientType=0)"; + filter: progid:dximagetransform.microsoft.gradient(startColorstr='#2d5ea9', endColorstr='#2a549c', GradientType=0); } button.button.blue:disabled, -button.button.blue.hover:disabled, +button.button.blue:disabled.hover, button.button.blue.disabled, button.button.blue.disabled:hover { - background-color: #7297D7; - background-image: -webkit-linear-gradient(top, #7297d7, #7297d7); - background-image: -moz-linear-gradient(center top, #7297D7, #7297D7); - background-image: linear-gradient(#7297D7, #7297D7); - border-color: #5E89D1; color: white; - cursor: default; text-shadow: none; + cursor: default; + background-color: #7297d7; + background-image: -moz-linear-gradient(top, #7297d7, #7297d7); + background-image: -ms-linear-gradient(top, #7297d7, #7297d7); + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7297d7), color-stop(100%, #7297d7)); + background-image: -webkit-linear-gradient(top, #7297d7, #7297d7); + background-image: linear-gradient(#7297d7, #7297d7); + border-color: #5e89d1; + -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#7297d7', endColorstr='#7297d7', GradientType=0)"; + filter: progid:dximagetransform.microsoft.gradient(startColorstr='#7297d7', endColorstr='#7297d7', GradientType=0); } button.button.green { @@ -209,7 +243,7 @@ button.button.green { background-image: -webkit-linear-gradient(top, #00974b, #008740); border: 1px #0f9b3b solid; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#00974b', endColorstr='#008740', GradientType=0)"; - filter: progid:dximagetransform.microsoft.gradient(startColorstr = '#00974b', endColorstr = '#008740', GradientType = 0); + filter: progid:dximagetransform.microsoft.gradient(startColorstr='#00974b', endColorstr='#008740', GradientType=0); } button.button.green:hover { @@ -220,7 +254,7 @@ button.button.green:hover { background-image: -webkit-linear-gradient(top, #10a65b, #119750); background-image: linear-gradient(#10a65b, #119750); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#10a65b', endColorstr='#119750', GradientType=0)"; - filter: progid:dximagetransform.microsoft.gradient(startColorstr = '#10a65b', endColorstr = '#119750', GradientType = 0); + filter: progid:dximagetransform.microsoft.gradient(startColorstr='#10a65b', endColorstr='#119750', GradientType=0); } button.button.green:active { @@ -231,7 +265,7 @@ button.button.green:active { background-image: -webkit-linear-gradient(top, #007236, #007236); background-image: linear-gradient(#007236, #007236); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#007236', endColorstr='#007236', GradientType=0)"; - filter: progid:dximagetransform.microsoft.gradient(startColorstr = '#007236', endColorstr = '#007236', GradientType = 0); + filter: progid:dximagetransform.microsoft.gradient(startColorstr='#007236', endColorstr='#007236', GradientType=0); } button.button.green:disabled, @@ -249,5 +283,5 @@ button.button.green.disabled:hover { background-image: linear-gradient(#2ca368, #2ca368); border-color: #278f5b; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#2ca368', endColorstr='#2ca368', GradientType=0)"; - filter: progid:dximagetransform.microsoft.gradient(startColorstr = '#2ca368', endColorstr = '#2ca368', GradientType = 0); + filter: progid:dximagetransform.microsoft.gradient(startColorstr='#2ca368', endColorstr='#2ca368', GradientType=0); }