changing jquery.ui buttons to match assets from brandon, also adding separate graphic...
authorRyan Kaldari <kaldari@users.mediawiki.org>
Fri, 17 Feb 2012 01:34:53 +0000 (01:34 +0000)
committerRyan Kaldari <kaldari@users.mediawiki.org>
Fri, 17 Feb 2012 01:34:53 +0000 (01:34 +0000)
19 files changed:
resources/jquery.ui/themes/vector/images/button-blue-hover-large.png [new file with mode: 0644]
resources/jquery.ui/themes/vector/images/button-blue-hover.png [new file with mode: 0644]
resources/jquery.ui/themes/vector/images/button-blue-large.png [new file with mode: 0644]
resources/jquery.ui/themes/vector/images/button-blue.png [new file with mode: 0644]
resources/jquery.ui/themes/vector/images/button-green-hover-large.png [new file with mode: 0644]
resources/jquery.ui/themes/vector/images/button-green-hover.png [new file with mode: 0644]
resources/jquery.ui/themes/vector/images/button-green-large.png [new file with mode: 0644]
resources/jquery.ui/themes/vector/images/button-green.png [new file with mode: 0644]
resources/jquery.ui/themes/vector/images/button-large-disabled-green.png [new file with mode: 0644]
resources/jquery.ui/themes/vector/images/button-large-off-green.png [new file with mode: 0644]
resources/jquery.ui/themes/vector/images/button-orange-hover-large.png [new file with mode: 0644]
resources/jquery.ui/themes/vector/images/button-orange-hover.png [new file with mode: 0644]
resources/jquery.ui/themes/vector/images/button-orange-large.png [new file with mode: 0644]
resources/jquery.ui/themes/vector/images/button-orange.png [new file with mode: 0644]
resources/jquery.ui/themes/vector/images/button-red-hover-large.png [new file with mode: 0644]
resources/jquery.ui/themes/vector/images/button-red-hover.png [new file with mode: 0644]
resources/jquery.ui/themes/vector/images/button-red-large.png [new file with mode: 0644]
resources/jquery.ui/themes/vector/images/button-red.png [new file with mode: 0644]
resources/jquery.ui/themes/vector/jquery.ui.button.css

diff --git a/resources/jquery.ui/themes/vector/images/button-blue-hover-large.png b/resources/jquery.ui/themes/vector/images/button-blue-hover-large.png
new file mode 100644 (file)
index 0000000..c9d9981
Binary files /dev/null and b/resources/jquery.ui/themes/vector/images/button-blue-hover-large.png differ
diff --git a/resources/jquery.ui/themes/vector/images/button-blue-hover.png b/resources/jquery.ui/themes/vector/images/button-blue-hover.png
new file mode 100644 (file)
index 0000000..d49d9b7
Binary files /dev/null and b/resources/jquery.ui/themes/vector/images/button-blue-hover.png differ
diff --git a/resources/jquery.ui/themes/vector/images/button-blue-large.png b/resources/jquery.ui/themes/vector/images/button-blue-large.png
new file mode 100644 (file)
index 0000000..adc8136
Binary files /dev/null and b/resources/jquery.ui/themes/vector/images/button-blue-large.png differ
diff --git a/resources/jquery.ui/themes/vector/images/button-blue.png b/resources/jquery.ui/themes/vector/images/button-blue.png
new file mode 100644 (file)
index 0000000..88a1eb2
Binary files /dev/null and b/resources/jquery.ui/themes/vector/images/button-blue.png differ
diff --git a/resources/jquery.ui/themes/vector/images/button-green-hover-large.png b/resources/jquery.ui/themes/vector/images/button-green-hover-large.png
new file mode 100644 (file)
index 0000000..080bb74
Binary files /dev/null and b/resources/jquery.ui/themes/vector/images/button-green-hover-large.png differ
diff --git a/resources/jquery.ui/themes/vector/images/button-green-hover.png b/resources/jquery.ui/themes/vector/images/button-green-hover.png
new file mode 100644 (file)
index 0000000..779a222
Binary files /dev/null and b/resources/jquery.ui/themes/vector/images/button-green-hover.png differ
diff --git a/resources/jquery.ui/themes/vector/images/button-green-large.png b/resources/jquery.ui/themes/vector/images/button-green-large.png
new file mode 100644 (file)
index 0000000..7a6e36f
Binary files /dev/null and b/resources/jquery.ui/themes/vector/images/button-green-large.png differ
diff --git a/resources/jquery.ui/themes/vector/images/button-green.png b/resources/jquery.ui/themes/vector/images/button-green.png
new file mode 100644 (file)
index 0000000..f2bba50
Binary files /dev/null and b/resources/jquery.ui/themes/vector/images/button-green.png differ
diff --git a/resources/jquery.ui/themes/vector/images/button-large-disabled-green.png b/resources/jquery.ui/themes/vector/images/button-large-disabled-green.png
new file mode 100644 (file)
index 0000000..3e72312
Binary files /dev/null and b/resources/jquery.ui/themes/vector/images/button-large-disabled-green.png differ
diff --git a/resources/jquery.ui/themes/vector/images/button-large-off-green.png b/resources/jquery.ui/themes/vector/images/button-large-off-green.png
new file mode 100644 (file)
index 0000000..85a861d
Binary files /dev/null and b/resources/jquery.ui/themes/vector/images/button-large-off-green.png differ
diff --git a/resources/jquery.ui/themes/vector/images/button-orange-hover-large.png b/resources/jquery.ui/themes/vector/images/button-orange-hover-large.png
new file mode 100644 (file)
index 0000000..9f390dc
Binary files /dev/null and b/resources/jquery.ui/themes/vector/images/button-orange-hover-large.png differ
diff --git a/resources/jquery.ui/themes/vector/images/button-orange-hover.png b/resources/jquery.ui/themes/vector/images/button-orange-hover.png
new file mode 100644 (file)
index 0000000..d65f8a4
Binary files /dev/null and b/resources/jquery.ui/themes/vector/images/button-orange-hover.png differ
diff --git a/resources/jquery.ui/themes/vector/images/button-orange-large.png b/resources/jquery.ui/themes/vector/images/button-orange-large.png
new file mode 100644 (file)
index 0000000..0e91936
Binary files /dev/null and b/resources/jquery.ui/themes/vector/images/button-orange-large.png differ
diff --git a/resources/jquery.ui/themes/vector/images/button-orange.png b/resources/jquery.ui/themes/vector/images/button-orange.png
new file mode 100644 (file)
index 0000000..bc94caf
Binary files /dev/null and b/resources/jquery.ui/themes/vector/images/button-orange.png differ
diff --git a/resources/jquery.ui/themes/vector/images/button-red-hover-large.png b/resources/jquery.ui/themes/vector/images/button-red-hover-large.png
new file mode 100644 (file)
index 0000000..de7bbe1
Binary files /dev/null and b/resources/jquery.ui/themes/vector/images/button-red-hover-large.png differ
diff --git a/resources/jquery.ui/themes/vector/images/button-red-hover.png b/resources/jquery.ui/themes/vector/images/button-red-hover.png
new file mode 100644 (file)
index 0000000..dc28964
Binary files /dev/null and b/resources/jquery.ui/themes/vector/images/button-red-hover.png differ
diff --git a/resources/jquery.ui/themes/vector/images/button-red-large.png b/resources/jquery.ui/themes/vector/images/button-red-large.png
new file mode 100644 (file)
index 0000000..2acc79b
Binary files /dev/null and b/resources/jquery.ui/themes/vector/images/button-red-large.png differ
diff --git a/resources/jquery.ui/themes/vector/images/button-red.png b/resources/jquery.ui/themes/vector/images/button-red.png
new file mode 100644 (file)
index 0000000..def4abb
Binary files /dev/null and b/resources/jquery.ui/themes/vector/images/button-red.png differ
index ffa0b3a..ee3d273 100644 (file)
@@ -65,83 +65,130 @@ body .ui-button.disabled {
        background: #f2f2f2 url(images/button-disabled.png) repeat-x scroll 50% 100% !important;        
 }
 /* Disables the annoying dashed border Firefox puts on active buttons */
-body  button.ui-button::-moz-focus-inner { 
+body button.ui-button::-moz-focus-inner { 
        border: 0; 
 }
 
 /* Green buttons */
 
 body .ui-button.ui-button-green {
-       color: white;
+       color: white !important;
        border-color: #97af7e !important;
        /* @embed */
-       background: #7acea3 url(images/button-off-green.png) repeat-x scroll 50% 100% !important;
+       background: #3cb677 url(images/button-green.png) repeat-x scroll 50% 100% !important;
 }
 body .ui-button.ui-button-green:hover {
-       border-color: #778e61;
+       border-color: #778e61 !important;
        /* @embed */
-       background: #63c693 url(images/button-over-green.png) repeat-x scroll 50% 100% !important;
+       background: #339b65 url(images/button-green-hover.png) repeat-x scroll 50% 100% !important;
 }
-body .ui-button.ui-button-green:active,
-body .ui-button.ui-button-green:focus {
-       border-color: #61b000;
+body .ui-button.ui-button-green-large {
+       color: white !important;
+       border-color: #97af7e !important;
        /* @embed */
-       background: #63c693 url(images/button-down-green.png) repeat-x scroll 50% 100% !important;
+       background: #3cb677 url(images/button-green-large.png) repeat-x scroll 50% 100% !important;
 }
-body .ui-button.ui-button-green.disabled {
-       color: #7f7f7f;
-       border-color: #b8d29f;
+body .ui-button.ui-button-green-large:hover {
+       border-color: #778e61 !important;
        /* @embed */
-       background: #b3d9c5 url(images/button-disabled-green.png) repeat-x scroll 50% 100% !important;  
+       background: #339b65 url(images/button-green-hover-large.png) repeat-x scroll 50% 100% !important;
+}
+body .ui-button.ui-button-green.disabled, body .ui-button.ui-button-green-large.disabled {
+       filter:alpha(opacity=50);
+       -moz-opacity:0.50;
+       -khtml-opacity: 0.50;
+       opacity: 0.50;
 }
 
 /* Blue buttons */
 
 body .ui-button.ui-button-blue {
-       color: white;
-       border-color: #407ec9 !important;
+       color: white !important;
+       border-color: #628acb !important;
        /* @embed */
-       background: #407ec9 url(images/button-off-blue.png) repeat-x scroll 50% 100% !important;
+       background: #3365ba url(images/button-blue.png) repeat-x scroll 50% 100% !important;
 }
 body .ui-button.ui-button-blue:hover {
-       border-color: #245289;
+       border-color: #5375ad !important;
        /* @embed */
-       background: #4071ad url(images/button-over-blue.png) repeat-x scroll 50% 100% !important;
+       background: #2b569e url(images/button-blue-hover.png) repeat-x scroll 50% 100% !important;
 }
-body .ui-button.ui-button-blue:active,
-body .ui-button.ui-button-blue:focus {
-       border-color: #003980;
+body .ui-button.ui-button-blue-large {
+       color: white !important;
+       border-color: #628acb !important;
        /* @embed */
-       background: #004daa url(images/button-down-blue.png) repeat-x scroll 50% 100% !important;
+       background: #3365ba url(images/button-blue-large.png) repeat-x scroll 50% 100% !important;
 }
-body .ui-button.ui-button-blue.disabled {
-       border-color: #9eafc6;
+body .ui-button.ui-button-blue-large:hover {
+       border-color: #5375ad !important;
        /* @embed */
-       background: #c3c8cf url(images/button-disabled-blue.png) repeat-x scroll 50% 100% !important;   
+       background: #2b569e url(images/button-blue-hover-large.png) repeat-x scroll 50% 100% !important;
+}
+body .ui-button.ui-button-blue.disabled, body .ui-button.ui-button-blue-large.disabled {
+       filter:alpha(opacity=50);
+       -moz-opacity:0.50;
+       -khtml-opacity: 0.50;
+       opacity: 0.50;
 }
 
 /* Red buttons */
 
 body .ui-button.ui-button-red {
-       color: white;
+       color: white !important;
        border-color: #af977e !important;
        /* @embed */
-       background: #c9404c url(images/button-off-red.png) repeat-x scroll 50% 100% !important;
+       background: #cb0000 url(images/button-red.png) repeat-x scroll 50% 100% !important;
 }
 body .ui-button.ui-button-red:hover {
-       border-color: #8e7761;
+       border-color: #8e7761 !important;
        /* @embed */
-       background: #ad404a url(images/button-over-red.png) repeat-x scroll 50% 100% !important;
+       background: #ad0000 url(images/button-red-hover.png) repeat-x scroll 50% 100% !important;
 }
-body .ui-button.ui-button-red:active,
-body .ui-button.ui-button-red:focus {
-       border-color: #b06100;
+body .ui-button.ui-button-red-large {
+       color: white !important;
+       border-color: #af977e !important;
        /* @embed */
-       background: #aa000f url(images/button-down-red.png) repeat-x scroll 50% 100% !important;
+       background: #cb0000 url(images/button-red.png) repeat-x scroll 50% 100% !important;
 }
-body .ui-button.ui-button-red.disabled {
-       color: #7f7f7f;
-       border-color: #c3acae;
+body .ui-button.ui-button-red-large:hover {
+       border-color: #8e7761 !important;
+       /* @embed */
+       background: #ad0000 url(images/button-red-hover.png) repeat-x scroll 50% 100% !important;
+}
+body .ui-button.ui-button-red.disabled, body .ui-button.ui-button-red-large.disabled {
+       filter:alpha(opacity=50);
+       -moz-opacity:0.50;
+       -khtml-opacity: 0.50;
+       opacity: 0.50;
+}
+
+/* Orange buttons */
+
+body .ui-button.ui-button-orange {
+       color: white !important;
+       border-color: #f3a863 !important;
        /* @embed */
-       background: #cfc3c4 url(images/button-disabled-red.png) repeat-x scroll 50% 100% !important;    
+       background: #f07f14 url(images/button-orange.png) repeat-x scroll 50% 100% !important;
+}
+body .ui-button.ui-button-orange:hover {
+       border-color: #ce9055 !important;
+       /* @embed */
+       background: #cc6c11 url(images/button-orange-hover.png) repeat-x scroll 50% 100% !important;
+}
+body .ui-button.ui-button-orange-large {
+       color: white !important;
+       border-color: #f3a863 !important;
+       /* @embed */
+       background: #f07f14 url(images/button-orange-large.png) repeat-x scroll 50% 100% !important;
+}
+body .ui-button.ui-button-orange-large:hover {
+       border-color: #ce9055 !important;
+       /* @embed */
+       background: #cc6c11 url(images/button-orange-hover-large.png) repeat-x scroll 50% 100% !important;
+}
+body .ui-button.ui-button-orange.disabled, body .ui-button.ui-button-orange-large.disabled {
+       filter:alpha(opacity=50);
+       -moz-opacity:0.50;
+       -khtml-opacity: 0.50;
+       opacity: 0.50;
 }