| Index: trunk/phase3/resources/jquery.ui/themes/vector/jquery.ui.button.css |
| — | — | @@ -68,6 +68,15 @@ |
| 69 | 69 | body button.ui-button::-moz-focus-inner { |
| 70 | 70 | border: 0; |
| 71 | 71 | } |
| | 72 | +/* Give large buttons some extra padding */ |
| | 73 | +body .ui-button-large { |
| | 74 | + padding: 5px; |
| | 75 | +} |
| | 76 | +/* Use white icons for colored buttons */ |
| | 77 | +.ui-button-green .ui-icon, .ui-button-blue .ui-icon, .ui-button-red .ui-icon, .ui-button-orange .ui-icon { |
| | 78 | + /* @embed */ |
| | 79 | + background-image: url(images/ui-icons_ffffff_256x240.png) !important; |
| | 80 | +} |
| 72 | 81 | |
| 73 | 82 | /* Green buttons */ |
| 74 | 83 | |
| — | — | @@ -82,18 +91,15 @@ |
| 83 | 92 | /* @embed */ |
| 84 | 93 | background: #339b65 url(images/button-green-hover.png) repeat-x scroll 50% 100% !important; |
| 85 | 94 | } |
| 86 | | -body .ui-button.ui-button-green-large { |
| 87 | | - color: white !important; |
| 88 | | - border-color: #97af7e !important; |
| | 95 | +body .ui-button.ui-button-green.ui-button-large { |
| 89 | 96 | /* @embed */ |
| 90 | 97 | background: #3cb677 url(images/button-green-large.png) repeat-x scroll 50% 100% !important; |
| 91 | 98 | } |
| 92 | | -body .ui-button.ui-button-green-large:hover { |
| 93 | | - border-color: #778e61 !important; |
| | 99 | +body .ui-button.ui-button-green.ui-button-large:hover { |
| 94 | 100 | /* @embed */ |
| 95 | 101 | background: #339b65 url(images/button-green-hover-large.png) repeat-x scroll 50% 100% !important; |
| 96 | 102 | } |
| 97 | | -body .ui-button.ui-button-green.disabled, body .ui-button.ui-button-green-large.disabled { |
| | 103 | +body .ui-button.ui-button-green.disabled { |
| 98 | 104 | filter:alpha(opacity=50); |
| 99 | 105 | -moz-opacity:0.50; |
| 100 | 106 | -khtml-opacity: 0.50; |
| — | — | @@ -113,18 +119,15 @@ |
| 114 | 120 | /* @embed */ |
| 115 | 121 | background: #2b569e url(images/button-blue-hover.png) repeat-x scroll 50% 100% !important; |
| 116 | 122 | } |
| 117 | | -body .ui-button.ui-button-blue-large { |
| 118 | | - color: white !important; |
| 119 | | - border-color: #628acb !important; |
| | 123 | +body .ui-button.ui-button-blue.ui-button-large { |
| 120 | 124 | /* @embed */ |
| 121 | 125 | background: #3365ba url(images/button-blue-large.png) repeat-x scroll 50% 100% !important; |
| 122 | 126 | } |
| 123 | | -body .ui-button.ui-button-blue-large:hover { |
| 124 | | - border-color: #5375ad !important; |
| | 127 | +body .ui-button.ui-button-blue.ui-button-large:hover { |
| 125 | 128 | /* @embed */ |
| 126 | 129 | background: #2b569e url(images/button-blue-hover-large.png) repeat-x scroll 50% 100% !important; |
| 127 | 130 | } |
| 128 | | -body .ui-button.ui-button-blue.disabled, body .ui-button.ui-button-blue-large.disabled { |
| | 131 | +body .ui-button.ui-button-blue.disabled { |
| 129 | 132 | filter:alpha(opacity=50); |
| 130 | 133 | -moz-opacity:0.50; |
| 131 | 134 | -khtml-opacity: 0.50; |
| — | — | @@ -144,18 +147,15 @@ |
| 145 | 148 | /* @embed */ |
| 146 | 149 | background: #ad0000 url(images/button-red-hover.png) repeat-x scroll 50% 100% !important; |
| 147 | 150 | } |
| 148 | | -body .ui-button.ui-button-red-large { |
| 149 | | - color: white !important; |
| 150 | | - border-color: #af977e !important; |
| | 151 | +body .ui-button.ui-button-red.ui-button-large { |
| 151 | 152 | /* @embed */ |
| 152 | 153 | background: #cb0000 url(images/button-red.png) repeat-x scroll 50% 100% !important; |
| 153 | 154 | } |
| 154 | | -body .ui-button.ui-button-red-large:hover { |
| 155 | | - border-color: #8e7761 !important; |
| | 155 | +body .ui-button.ui-button-red.ui-button-large:hover { |
| 156 | 156 | /* @embed */ |
| 157 | 157 | background: #ad0000 url(images/button-red-hover.png) repeat-x scroll 50% 100% !important; |
| 158 | 158 | } |
| 159 | | -body .ui-button.ui-button-red.disabled, body .ui-button.ui-button-red-large.disabled { |
| | 159 | +body .ui-button.ui-button-red.disabled { |
| 160 | 160 | filter:alpha(opacity=50); |
| 161 | 161 | -moz-opacity:0.50; |
| 162 | 162 | -khtml-opacity: 0.50; |
| — | — | @@ -175,18 +175,15 @@ |
| 176 | 176 | /* @embed */ |
| 177 | 177 | background: #cc6c11 url(images/button-orange-hover.png) repeat-x scroll 50% 100% !important; |
| 178 | 178 | } |
| 179 | | -body .ui-button.ui-button-orange-large { |
| 180 | | - color: white !important; |
| 181 | | - border-color: #f3a863 !important; |
| | 179 | +body .ui-button.ui-button-orange.ui-button-large { |
| 182 | 180 | /* @embed */ |
| 183 | 181 | background: #f07f14 url(images/button-orange-large.png) repeat-x scroll 50% 100% !important; |
| 184 | 182 | } |
| 185 | | -body .ui-button.ui-button-orange-large:hover { |
| 186 | | - border-color: #ce9055 !important; |
| | 183 | +body .ui-button.ui-button-orange.ui-button-large:hover { |
| 187 | 184 | /* @embed */ |
| 188 | 185 | background: #cc6c11 url(images/button-orange-hover-large.png) repeat-x scroll 50% 100% !important; |
| 189 | 186 | } |
| 190 | | -body .ui-button.ui-button-orange.disabled, body .ui-button.ui-button-orange-large.disabled { |
| | 187 | +body .ui-button.ui-button-orange.disabled { |
| 191 | 188 | filter:alpha(opacity=50); |
| 192 | 189 | -moz-opacity:0.50; |
| 193 | 190 | -khtml-opacity: 0.50; |