diff options
Diffstat (limited to 'resources/jquery.ui/themes/vector/jquery.ui.button.css')
-rw-r--r-- | resources/jquery.ui/themes/vector/jquery.ui.button.css | 379 |
1 files changed, 0 insertions, 379 deletions
diff --git a/resources/jquery.ui/themes/vector/jquery.ui.button.css b/resources/jquery.ui/themes/vector/jquery.ui.button.css deleted file mode 100644 index ea14723f..00000000 --- a/resources/jquery.ui/themes/vector/jquery.ui.button.css +++ /dev/null @@ -1,379 +0,0 @@ -/* Button -----------------------------------*/ - -.ui-button { - display: inline-block; - position: relative; - padding: 0; - margin-right: .1em; - text-decoration: none !important; - cursor: pointer; - text-align: center; - zoom: 1; - overflow: visible; /* the overflow property removes extra width in IE */ -} - -/*button text element */ -.ui-button .ui-button-text { - display: block; - line-height: 1.4; - text-shadow: 0 1px 1px #fff; -} -.ui-button-text-only .ui-button-text { - padding: 0.3em 1em 0.25em 1em; -} -.ui-button-icon-only .ui-button-text, -.ui-button-icons-only .ui-button-text { - padding: 0.3em; - text-indent: -9999999px; -} -.ui-button-text-icon-primary .ui-button-text, -.ui-button-text-icons .ui-button-text { - padding: 0.3em 1em 0.25em 2.1em; -} -.ui-button-text-icon-secondary .ui-button-text, -.ui-button-text-icons .ui-button-text { - padding: 0.3em 2.1em 0.25em 1em; -} -.ui-button-text-icons .ui-button-text { - padding-left: 2.1em; - padding-right: 2.1em; -} - -/* no icon support for input elements, provide padding by default */ -input.ui-button { - padding: 0.3em 1em; -} - -/*button icon element(s) */ -.ui-button-icon-only .ui-icon, -.ui-button-text-icon-primary .ui-icon, -.ui-button-text-icon-secondary .ui-icon, -.ui-button-text-icons .ui-icon, -.ui-button-text-icon .ui-icon, -.ui-button-icons-only .ui-icon { - position: absolute; - top: 50%; - margin-top: -9px; -} -.ui-button-icon-only .ui-icon { - left: 50%; - margin-left: -8px; -} -.ui-button-text-icon-primary .ui-button-icon-primary, -.ui-button-text-icon .ui-button-icon-primary, -.ui-button-text-icons .ui-button-icon-primary, -.ui-button-icons-only .ui-button-icon-primary { - left: 0.5em; -} -.ui-button-text-icon-secondary .ui-button-icon-secondary, -.ui-button-text-icon .ui-button-icon-secondary, -.ui-button-text-icons .ui-button-icon-secondary, -.ui-button-icons-only .ui-button-icon-secondary { - right: 0.5em; -} - -/*button sets*/ -.ui-buttonset { - margin-right: 7px; -} -.ui-buttonset .ui-button { - margin-left: 0; - margin-right: -.4em; -} - -/* workarounds */ -button.ui-button::-moz-focus-inner { - border: 0; - padding: 0; /* reset extra padding in Firefox */ -} -/* Disables the annoying dashed border Firefox puts on active buttons */ -body button.ui-button::-moz-focus-inner { - border: 0; -} -/* Give large buttons some extra padding */ -body .ui-button-large { - padding: 5px; -} -/* Use white icons for colored buttons */ -.ui-button-green .ui-icon, -.ui-button-blue .ui-icon, -.ui-button-red .ui-icon, -.ui-button-orange .ui-icon { - /* @embed */ - background-image: url(images/ui-icons_ffffff_256x240.png) !important; -} - -/* Corner radius */ -/* This is normally handled in jquery.ui.theme.css, but in our case, the corner - styling of our buttons doesn't match our default widget corner styling */ -.ui-button.ui-corner-all, -.ui-button.ui-corner-top, -.ui-button.ui-corner-left, -.ui-button.ui-corner-tl { - -moz-border-radius-topleft: 4px; - -webkit-border-top-left-radius: 4px; - border-top-left-radius: 4px; -} -.ui-button.ui-corner-all, -.ui-button.ui-corner-top, - -.ui-button.ui-corner-right, -.ui-button.ui-corner-tr { - -moz-border-radius-topright: 4px; - -webkit-border-top-right-radius: 4px; - border-top-right-radius: 4px; -} -.ui-button.ui-corner-all, -.ui-button.ui-corner-bottom, -.ui-button.ui-corner-left, -.ui-button.ui-corner-bl { - -moz-border-radius-bottomleft: 4px; - -webkit-border-bottom-left-radius: 4px; - border-bottom-left-radius: 4px; -} -.ui-button.ui-corner-all, -.ui-button.ui-corner-bottom, -.ui-button.ui-corner-right, -.ui-button.ui-corner-br { - -moz-border-radius-bottomright: 4px; - -webkit-border-bottom-right-radius: 4px; - border-bottom-right-radius: 4px; -} - -body .ui-button { - color: #2779aa; - margin: 0.5em 0 0.5em 0.4em; - border: 1px solid #aaa !important; - background: #f0f0f0 !important; - background: -moz-linear-gradient(top, #fff 0%, #ddd 90%) !important; /* FF3.6+ */ - background: -webkit-linear-gradient(top, #fff 0%, #ddd 90%) !important; /* Chrome10+, Safari5.1+ */ - background: -o-linear-gradient(top, #fff 0%, #ddd 90%) !important; /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #fff 0%, #ddd 90%) !important; /* IE10+ */ - background: linear-gradient(to bottom, #fff 0%, #ddd 90%) !important; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd', GradientType=0); /* IE6-8 */ - cursor: pointer; - font-size: 1em; - line-height: 1.4em; - width: auto; - overflow: visible; - -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.2); - -moz-box-shadow: 0 1px 3px rgba(0,0,0,.2); - box-shadow: 0 1px 3px rgba(0,0,0,.2); -} - -body .ui-button-icon-only { - width: 2.2em; -} - -body .ui-button-icons-only { - width: 3.4em; -} - -body .ui-button:hover { - color: #2779aa; - border-color: #bbb !important; - background: #fff !important; - background: -moz-linear-gradient(top, #fff 0%, #eee 90%) !important; /* FF3.6+ */ - background: -webkit-linear-gradient(top, #fff 0%, #eee 90%) !important; /* Chrome10+, Safari5.1+ */ - background: -o-linear-gradient(top, #fff 0%, #eee 90%) !important; /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #fff 0%, #eee 90%) !important; /* IE10+ */ - background: linear-gradient(to bottom, #fff 0%, #eee 90%) !important; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0); /* IE6-8 */ - -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1); - -moz-box-shadow: 0 1px 3px rgba(0,0,0,.1); - box-shadow: 0 1px 3px rgba(0,0,0,.1); -} -body .ui-button:active, -body .ui-button:focus { - border-color: #8ad !important; - -webkit-box-shadow: 0 0 1px 1px rgba(167,215,249,.5); - -moz-box-shadow: 0 0 1px 1px rgba(167,215,249,.5); - box-shadow: 0 0 1px 1px rgba(167,215,249,.5); -} -body .ui-button:active { - background: #e0e0e0 !important; - background: -moz-linear-gradient(top, #f0f0f0 0%, #d0d0d0 90%) !important; /* FF3.6+ */ - background: -webkit-linear-gradient(top, #f0f0f0 0%, #d0d0d0 90%) !important; /* Chrome10+, Safari5.1+ */ - background: -o-linear-gradient(top, #f0f0f0 0%, #d0d0d0 90%) !important; /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #f0f0f0 0%, #d0d0d0 90%) !important; /* IE10+ */ - background: linear-gradient(to bottom, #f0f0f0 0%, #d0d0d0 90%) !important; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#d0d0d0', GradientType=0); /* IE6-8 */ -} - -/* Green buttons */ -body .ui-button-green, -body .ui-button-green .ui-button-text { - color: white; - text-shadow: 0 -1px 1px #072; -} -body .ui-button.ui-button-green { - border-color: #294 !important; - background: #295 !important; - background: -moz-linear-gradient(top, #3c8 0%, #295 90%) !important; /* FF3.6+ */ - background: -webkit-linear-gradient(top, #3c8 0%, #295 90%) !important; /* Chrome10+, Safari5.1+ */ - background: -o-linear-gradient(top, #3c8 0%, #295 90%) !important; /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #3c8 0%, #295 90%) !important; /* IE10+ */ - background: linear-gradient(to bottom, #3c8 0%, #295 90%) !important; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33cc88', endColorstr='#229955', GradientType=0); /* IE6-8 */ - -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.3); - -moz-box-shadow: 0 1px 3px rgba(0,0,0,.3); - box-shadow: 0 1px 3px rgba(0,0,0,.3); -} -body .ui-button.ui-button-green:hover { - background: #33a055 !important; - background: -moz-linear-gradient(top, #44d388 0%, #33a055 90%) !important; /* FF3.6+ */ - background: -webkit-linear-gradient(top, #44d388 0%, #33a055 90%) !important; /* Chrome10+, Safari5.1+ */ - background: -o-linear-gradient(top, #44d388 0%, #33a055 90%) !important; /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #44d388 0%, #33a055 90%) !important; /* IE10+ */ - background: linear-gradient(to bottom, #44d388 0%, #33a055 90%) !important; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#44d388', endColorstr='#33a055', GradientType=0); /* IE6-8 */ - -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.25); - -moz-box-shadow: 0 1px 3px rgba(0,0,0,.25); - box-shadow: 0 1px 3px rgba(0,0,0,.25); -} -body .ui-button.ui-button-green:active, -body .ui-button.ui-button-green:focus { - border-color: #172 !important; - -webkit-box-shadow: 0 0 2px 2px rgba(167,215,249,.75); - -moz-box-shadow: 0 0 2px 2px rgba(167,215,249,.75); - box-shadow: 0 0 2px 2px rgba(167,215,249,.75); -} -body .ui-button.ui-button-green:active { - background: #338855 !important; - background: -moz-linear-gradient(top, #30c080 0%, #338855 90%) !important; /* FF3.6+ */ - background: -webkit-linear-gradient(top, #30c080 0%, #338855 90%) !important; /* Chrome10+, Safari5.1+ */ - background: -o-linear-gradient(top, #30c080 0%, #338855 90%) !important; /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #30c080 0%, #338855 90%) !important; /* IE10+ */ - background: linear-gradient(to bottom, #30c080 0%, #338855 90%) !important; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#30c080', endColorstr='#338855', GradientType=0); /* IE6-8 */ -} - -/* Blue buttons */ -body .ui-button-blue, -body .ui-button-blue .ui-button-text { - color: white; - text-shadow: 0 -1px 1px #037; -} -body .ui-button.ui-button-blue { - border-color: #468 !important; - background: #36b !important; - background: -moz-linear-gradient(top, #48e 0%, #36b 90%) !important; /* FF3.6+ */ - background: -webkit-linear-gradient(top, #48e 0%, #36b 90%) !important; /* Chrome10+, Safari5.1+ */ - background: -o-linear-gradient(top, #48e 0%, #36b 90%) !important; /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #48e 0%, #36b 90%) !important; /* IE10+ */ - background: linear-gradient(to bottom, #48e 0%, #36b 90%) !important; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4488ee', endColorstr='#3366bb', GradientType=0); /* IE6-8 */ - -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.35); - -moz-box-shadow: 0 1px 3px rgba(0,0,0,.35); - box-shadow: 0 1px 3px rgba(0,0,0,.35); -} -body .ui-button.ui-button-blue:hover { - background: #36c !important; - background: -moz-linear-gradient(top, #59e 0%, #36c 90%) !important; /* FF3.6+ */ - background: -webkit-linear-gradient(top, #59e 0%, #36c 90%) !important; /* Chrome10+, Safari5.1+ */ - background: -o-linear-gradient(top, #59e 0%, #36c 90%) !important; /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #59e 0%, #36c 90%) !important; /* IE10+ */ - background: linear-gradient(to bottom, #59e 0%, #36c 90%) !important; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5599ee', endColorstr='#3366cc', GradientType=0); /* IE6-8 */ -} -body .ui-button.ui-button-blue:active, -body .ui-button.ui-button-blue:focus { - border-color: #357 !important; - -webkit-box-shadow: 0 0 2px 2px rgba(167,215,249,.75); - -moz-box-shadow: 0 0 2px 2px rgba(167,215,249,.75); - box-shadow: 0 0 2px 2px rgba(167,215,249,.75); -} -body .ui-button.ui-button-blue:active { - background: #3060a0 !important; - background: -moz-linear-gradient(top, #4080e0 0%, #3060a0 90%) !important; /* FF3.6+ */ - background: -webkit-linear-gradient(top, #4080e0 0%, #3060a0 90%) !important; /* Chrome10+, Safari5.1+ */ - background: -o-linear-gradient(top, #4080e0 0%, #3060a0 90%) !important; /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #4080e0 0%, #3060a0 90%) !important; /* IE10+ */ - background: linear-gradient(to bottom, #4080e0 0%, #3060a0 90%) !important; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4080e0', endColorstr='#3060a0', GradientType=0); /* IE6-8 */ -} - -/* Red buttons */ -body .ui-button-red, -body .ui-button-red .ui-button-text { - color: white; - text-shadow: 0 -1px 1px #700; -} -body .ui-button.ui-button-red { - border-color: #944 !important; - background: #a22 !important; - background: -moz-linear-gradient(top, #d44 0%, #a22 90%) !important; /* FF3.6+ */ - background: -webkit-linear-gradient(top, #d44 0%, #a22 90%) !important; /* Chrome10+, Safari5.1+ */ - background: -o-linear-gradient(top, #d44 0%, #a22 90%) !important; /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #d44 0%, #a22 90%) !important; /* IE10+ */ - background: linear-gradient(to bottom, #d44 0%, #a22 90%) !important; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dd4444', endColorstr='#aa2222', GradientType=0); /* IE6-8 */ - -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.35); - -moz-box-shadow: 0 1px 3px rgba(0,0,0,.35); - box-shadow: 0 1px 3px rgba(0,0,0,.35); -} -body .ui-button.ui-button-red:hover { - border-color: #a44 !important; - background: #b03333 !important; - background: -moz-linear-gradient(top, #ee4646 0%, #b03333 90%) !important; /* FF3.6+ */ - background: -webkit-linear-gradient(top, #ee4646 0%, #b03333 90%) !important; /* Chrome10+, Safari5.1+ */ - background: -o-linear-gradient(top, #ee4646 0%, #b03333 90%) !important; /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #ee4646 0%, #b03333 90%) !important; /* IE10+ */ - background: linear-gradient(to bottom, #ee4646 0%, #b03333 90%) !important; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee4646', endColorstr='#b03333', GradientType=0); /* IE6-8 */ - -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.3); - -moz-box-shadow: 0 1px 3px rgba(0,0,0,.3); - box-shadow: 0 1px 3px rgba(0,0,0,.3); -} -body .ui-button.ui-button-red:active, -body .ui-button.ui-button-red:focus { - border-color: #747 !important; - -webkit-box-shadow: 0 0 2px 2px rgba(167,215,249,.7); - -moz-box-shadow: 0 0 2px 2px rgba(167,215,249,.7); - box-shadow: 0 0 2px 2px rgba(167,215,249,.7); -} -body .ui-button.ui-button-red:active { - background: #952020 !important; - background: -moz-linear-gradient(top, #d04545 0%, #952020 90%) !important; /* FF3.6+ */ - background: -webkit-linear-gradient(top, #d04545 0%, #952020 90%) !important; /* Chrome10+, Safari5.1+ */ - background: -o-linear-gradient(top, #d04545 0%, #952020 90%) !important; /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #d04545 0%, #952020 90%) !important; /* IE10+ */ - background: linear-gradient(to bottom, #d04545 0%, #952020 90%) !important; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d04545', endColorstr='#952020', GradientType=0); /* IE6-8 */ -} - -/* Disabled buttons */ -body .ui-button-green.disabled, -body .ui-button-green.disabled:hover, -body .ui-button-green.disabled:active, -body .ui-button-green.disabled:focus, -body .ui-button-blue.disabled, -body .ui-button-blue.disabled:hover, -body .ui-button-blue.disabled:active, -body .ui-button-blue.disabled:focus, -body .ui-button-red.disabled, -body .ui-button-red.disabled:hover, -body .ui-button-red.disabled:active, -body .ui-button-red.disabled:focus, -body .ui-button.disabled, -body .ui-button.disabled:hover { - color: #aaa; - border-color: #ccc !important; - background: #eee !important; - background: -moz-linear-gradient(top, #f6f6f6 0%, #eee 90%) !important; /* FF3.6+ */ - background: -webkit-linear-gradient(top, #f6f6f6 0%, #eee 90%) !important; /* Chrome10+, Safari5.1+ */ - background: -o-linear-gradient(top, #f6f6f6 0%, #eee 90%) !important; /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #f6f6f6 0%, #eee 90%) !important; /* IE10+ */ - background: linear-gradient(to bottom, #f6f6f6 0%, #eee 90%) !important; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#eeeeee', GradientType=0); /* IE6-8 */ - -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0); - -moz-box-shadow: 0 1px 3px rgba(0,0,0,0); - box-shadow: 0 1px 3px rgba(0,0,0,0); -} -body .ui-button-green.disabled .ui-button-text, -body .ui-button-blue.disabled .ui-button-text, -body .ui-button-red.disabled .ui-button-text { - color: #aaa; - text-shadow: 0 1px 1px #fff; -} |