* Increased the size of the tipsy callout, removed the shadow and made the background...
authorTrevor Parscal <tparscal@users.mediawiki.org>
Tue, 8 Mar 2011 02:02:27 +0000 (02:02 +0000)
committerTrevor Parscal <tparscal@users.mediawiki.org>
Tue, 8 Mar 2011 02:02:27 +0000 (02:02 +0000)
* Added ui-button-green, ui-button-blue, ui-button-red classes to the Vector jquery ui theme

15 files changed:
resources/jquery.tipsy/images/tipsy.png
resources/jquery.tipsy/jquery.tipsy.css
resources/jquery.ui/themes/vector/images/button-disabled-blue.png [new file with mode: 0644]
resources/jquery.ui/themes/vector/images/button-disabled-green.png [new file with mode: 0644]
resources/jquery.ui/themes/vector/images/button-disabled-red.png [new file with mode: 0644]
resources/jquery.ui/themes/vector/images/button-down-blue.png [new file with mode: 0644]
resources/jquery.ui/themes/vector/images/button-down-green.png [new file with mode: 0644]
resources/jquery.ui/themes/vector/images/button-down-red.png [new file with mode: 0644]
resources/jquery.ui/themes/vector/images/button-off-blue.png [new file with mode: 0644]
resources/jquery.ui/themes/vector/images/button-off-green.png [new file with mode: 0644]
resources/jquery.ui/themes/vector/images/button-off-red.png [new file with mode: 0644]
resources/jquery.ui/themes/vector/images/button-over-blue.png [new file with mode: 0644]
resources/jquery.ui/themes/vector/images/button-over-green.png [new file with mode: 0644]
resources/jquery.ui/themes/vector/images/button-over-red.png [new file with mode: 0644]
resources/jquery.ui/themes/vector/jquery.ui.button.css

index 945319b..9a80e94 100644 (file)
Binary files a/resources/jquery.tipsy/images/tipsy.png and b/resources/jquery.tipsy/images/tipsy.png differ
index 841c9ea..2e504c3 100644 (file)
@@ -6,31 +6,34 @@
 }
 .tipsy-inner {
        padding: 5px 8px 4px 8px;
-       background-color: #e8f2f8;
+       /*background-color: #e8f2f8;*/
+       background-color: #ffffff;
        border: solid 1px #a7d7f9;
        color: black;
        max-width: 15em;
        text-align: left;
-       border-radius: 3px;
-       -moz-border-radius: 3px;
-       -webkit-border-radius: 3px;
+       border-radius: 4px;
+       -moz-border-radius: 4px;
+       -webkit-border-radius: 4px;
+       /*
        -moz-box-shadow: 0px 2px 8px #cccccc;
        -webkit-box-shadow: 0px 2px 8px #cccccc;
        box-shadow: 0px 2px 8px #cccccc;
        -ms-filter: "progid:DXImageTransform.Microsoft.DropShadow(OffX=0, OffY=2, Strength=6, Direction=90, Color='#cccccc')";
        filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=0, OffY=2, Strength=6, Direction=90, Color='#cccccc');
+       */
 }
 .tipsy-arrow {
        position: absolute;
        /* @embed */
        background: url('images/tipsy.png') no-repeat top left;
-       width: 9px;
-       height: 5px;
+       width: 11px;
+       height: 6px;
 }
 .tipsy-n .tipsy-arrow {
-       top: 1px;
+       top: 0px;
        left: 50%;
-       margin-left: -4px;
+       margin-left: -5px;
 }
 .tipsy-nw .tipsy-arrow {
        top: 1px;
        right: 10px;
 }
 .tipsy-s .tipsy-arrow {
-       bottom: 1px;
+       bottom: 0px;
        left: 50%;
-       margin-left: -4px;
+       margin-left: -5px;
        background-position: bottom left;
 }
 .tipsy-sw .tipsy-arrow {
-       bottom: 1px;
+       bottom: 0px;
        left: 10px;
        background-position: bottom left;
 }
 .tipsy-se .tipsy-arrow {
-       bottom: 1px;
+       bottom: 0px;
        right: 10px;
        background-position: bottom left;
 }
 .tipsy-e .tipsy-arrow {
        top: 50%;
-       margin-top: -4px;
+       margin-top: -5px;
        right: 1px;
        width: 5px;
-       height: 9px;
+       height: 11px;
        background-position: top right;
 }
 .tipsy-w .tipsy-arrow {
        top: 50%;
-       margin-top: -4px;
-       left: 1px;
-       width: 5px;
-       height: 9px;
+       margin-top: -5px;
+       left: 0px;
+       width: 6px;
+       height: 11px;
 }
\ No newline at end of file
diff --git a/resources/jquery.ui/themes/vector/images/button-disabled-blue.png b/resources/jquery.ui/themes/vector/images/button-disabled-blue.png
new file mode 100644 (file)
index 0000000..6242aca
Binary files /dev/null and b/resources/jquery.ui/themes/vector/images/button-disabled-blue.png differ
diff --git a/resources/jquery.ui/themes/vector/images/button-disabled-green.png b/resources/jquery.ui/themes/vector/images/button-disabled-green.png
new file mode 100644 (file)
index 0000000..cde520b
Binary files /dev/null and b/resources/jquery.ui/themes/vector/images/button-disabled-green.png differ
diff --git a/resources/jquery.ui/themes/vector/images/button-disabled-red.png b/resources/jquery.ui/themes/vector/images/button-disabled-red.png
new file mode 100644 (file)
index 0000000..0658a1d
Binary files /dev/null and b/resources/jquery.ui/themes/vector/images/button-disabled-red.png differ
diff --git a/resources/jquery.ui/themes/vector/images/button-down-blue.png b/resources/jquery.ui/themes/vector/images/button-down-blue.png
new file mode 100644 (file)
index 0000000..e0f5a6c
Binary files /dev/null and b/resources/jquery.ui/themes/vector/images/button-down-blue.png differ
diff --git a/resources/jquery.ui/themes/vector/images/button-down-green.png b/resources/jquery.ui/themes/vector/images/button-down-green.png
new file mode 100644 (file)
index 0000000..1e54a0c
Binary files /dev/null and b/resources/jquery.ui/themes/vector/images/button-down-green.png differ
diff --git a/resources/jquery.ui/themes/vector/images/button-down-red.png b/resources/jquery.ui/themes/vector/images/button-down-red.png
new file mode 100644 (file)
index 0000000..b0565fd
Binary files /dev/null and b/resources/jquery.ui/themes/vector/images/button-down-red.png differ
diff --git a/resources/jquery.ui/themes/vector/images/button-off-blue.png b/resources/jquery.ui/themes/vector/images/button-off-blue.png
new file mode 100644 (file)
index 0000000..8a8224b
Binary files /dev/null and b/resources/jquery.ui/themes/vector/images/button-off-blue.png differ
diff --git a/resources/jquery.ui/themes/vector/images/button-off-green.png b/resources/jquery.ui/themes/vector/images/button-off-green.png
new file mode 100644 (file)
index 0000000..cdf46e7
Binary files /dev/null and b/resources/jquery.ui/themes/vector/images/button-off-green.png differ
diff --git a/resources/jquery.ui/themes/vector/images/button-off-red.png b/resources/jquery.ui/themes/vector/images/button-off-red.png
new file mode 100644 (file)
index 0000000..1c60916
Binary files /dev/null and b/resources/jquery.ui/themes/vector/images/button-off-red.png differ
diff --git a/resources/jquery.ui/themes/vector/images/button-over-blue.png b/resources/jquery.ui/themes/vector/images/button-over-blue.png
new file mode 100644 (file)
index 0000000..a744947
Binary files /dev/null and b/resources/jquery.ui/themes/vector/images/button-over-blue.png differ
diff --git a/resources/jquery.ui/themes/vector/images/button-over-green.png b/resources/jquery.ui/themes/vector/images/button-over-green.png
new file mode 100644 (file)
index 0000000..0b8f6ef
Binary files /dev/null and b/resources/jquery.ui/themes/vector/images/button-over-green.png differ
diff --git a/resources/jquery.ui/themes/vector/images/button-over-red.png b/resources/jquery.ui/themes/vector/images/button-over-red.png
new file mode 100644 (file)
index 0000000..28003bd
Binary files /dev/null and b/resources/jquery.ui/themes/vector/images/button-over-red.png differ
index 69cace0..5507c42 100644 (file)
@@ -65,3 +65,79 @@ body  button.ui-button::-moz-focus-inner {
        border: 0; 
 }
 
+/* Green buttons */
+
+body button.ui-button.ui-button-green {
+       color: white;
+       border-color: #97af7e !important;
+       /* @embed */
+       background: #85c940 url(images/button-off-green.png) repeat-x scroll 50% 100% !important;
+}
+body button.ui-button.ui-button-green:hover {
+       border-color: #778e61;
+       /* @embed */
+       background: #77ad40 url(images/button-over-green.png) repeat-x scroll 50% 100% !important;
+}
+body button.ui-button.ui-button-green:active,
+body button.ui-button.ui-button-green:focus {
+       border-color: #61b000;
+       /* @embed */
+       background: #54a800 url(images/button-down-green.png) repeat-x scroll 50% 100% !important;
+}
+body button.ui-button.ui-button-green.disabled {
+       color: #7f7f7f;
+       border-color: #b8d29f;
+       /* @embed */
+       background: #c9cfc3 url(images/button-disabled-green.png) repeat-x scroll 50% 100% !important;  
+}
+
+/* Blue buttons */
+
+body button.ui-button.ui-button-blue {
+       color: white;
+       border-color: #407ec9 !important;
+       /* @embed */
+       background: #407ec9 url(images/button-off-blue.png) repeat-x scroll 50% 100% !important;
+}
+body button.ui-button.ui-button-blue:hover {
+       border-color: #245289;
+       /* @embed */
+       background: #4071ad url(images/button-over-blue.png) repeat-x scroll 50% 100% !important;
+}
+body button.ui-button.ui-button-blue:active,
+body button.ui-button.ui-button-blue:focus {
+       border-color: #003980;
+       /* @embed */
+       background: #004daa url(images/button-down-blue.png) repeat-x scroll 50% 100% !important;
+}
+body button.ui-button.ui-button-blue.disabled {
+       border-color: #9eafc6;
+       /* @embed */
+       background: #c3c8cf url(images/button-disabled-blue.png) repeat-x scroll 50% 100% !important;   
+}
+
+/* Red buttons */
+
+body button.ui-button.ui-button-red {
+       color: white;
+       border-color: #af977e !important;
+       /* @embed */
+       background: #c9404c url(images/button-off-red.png) repeat-x scroll 50% 100% !important;
+}
+body button.ui-button.ui-button-red:hover {
+       border-color: #8e7761;
+       /* @embed */
+       background: #ad404a url(images/button-over-red.png) repeat-x scroll 50% 100% !important;
+}
+body button.ui-button.ui-button-red:active,
+body button.ui-button.ui-button-red:focus {
+       border-color: #b06100;
+       /* @embed */
+       background: #aa000f url(images/button-down-red.png) repeat-x scroll 50% 100% !important;
+}
+body button.ui-button.ui-button-red.disabled {
+       color: #7f7f7f;
+       border-color: #c3acae;
+       /* @embed */
+       background: #cfc3c4 url(images/button-disabled-red.png) repeat-x scroll 50% 100% !important;    
+}