--- /dev/null
+.v-ff2 .v-button .v-button-caption {
+ display: -moz-inline-box;
+ padding-top: 6px;
+ height: 20px;
+ }
+
+
+/* Modifications for buttons with icons *
+.v-ff2 .v-button .v-icon,
+.v-ff2 .v-button.v-disabled .v-icon {
+ display: block;
+ float: left;
+ margin-top: 4px;
+ }
+
+.v-ff2 .v-button-link .v-icon,
+.v-ff2 .v-button-link.v-disabled .v-icon {
+ margin: 0;
+ }
+ */
\ No newline at end of file
--- /dev/null
+.v-ie6 .v-nativebutton-link,
+.v-ie7 .v-nativebutton-link,
+.v-ie8 .v-nativebutton-link {
+ padding: 0;
+ text-align: left;
+}
+
+
+
+
+
+/**
+ * IE6 buttons --------------------------
+ */
+.v-ie6 .v-button {
+ border: 1px solid #b3b3b3;
+ border-bottom-color: #9a9a9a;
+ background: #d8d8d8 url(img/right.png) no-repeat 0 -1px;
+ padding: 0 15px;
+ height: 23px;
+}
+.v-ie6 .v-button .v-button-wrap {
+ background: transparent;
+ height: 20px;
+ padding: 3px 0 0;
+ display: inline;
+ zoom: 1;
+}
+.v-ie6 .v-button-primary {
+ background-image: url(img/primary-right.png);
+}
+.v-ie6 .v-button-small {
+ background-image: url(img/small-right.png);
+ height: 17px;
+}
+.v-ie6 .v-button-small .v-button-wrap {
+ height: 17px;
+ padding: 0;
+}
+.v-ie6 .v-button.v-pressed {
+ background: transparent url(img/right-pressed.png) no-repeat 0 -1px;
+}
+/* Buttons on blue background */
+.v-ie6 .blue .v-button {
+ border-color: #84949c;
+ border-top-color: #83939b;
+ border-bottom-color: #888d91;
+}
+/* Buttons on black background */
+.v-ie6 .black .v-button {
+ border: 1px solid #0d0e0f;
+ background: #202224 url(img/black/right.png) no-repeat 0 -1px;
+ color: #c9ccce;
+}
+.v-ie6 .black .v-button-primary {
+ background-image: url(img/black/primary-right.png);
+}
+.v-ie6 .black .v-button-small {
+ background-image: url(img/black/small-right.png);
+}
+.v-ie6 .black .v-button.v-pressed {
+ background-image: url(img/black/right-pressed.png);
+}
+
+
+/* Link style button */
+.v-ie6 .v-button-link,
+.v-ie6 .black .v-button-link {
+ background: transparent;
+ border: none;
+ height: auto;
+ line-height: normal;
+ padding: 0;
+}
+.v-ie6 .v-button-link .v-button-wrap,
+.v-ie6 .black .v-button-link .v-button-wrap {
+ padding: 0;
+ height: auto;
+}
\ No newline at end of file
--- /dev/null
+.v-button.v-button-link,
+.v-button.v-button-link:focus,
+.v-button.v-button-link:active,
+.v-button-link.v-pressed,
+.v-disabled.v-button.v-button-link,
+.v-button.v-button-link .v-button-wrap,
+.v-button.v-button-link:focus .v-button-wrap,
+.v-button.v-button-link:active .v-button-wrap,
+.v-button-link.v-pressed .v-button-wrap,
+.v-disabled.v-button.v-button-link .v-button-wrap {
+ background: transparent;
+ height: auto;
+ padding: 0;
+ cursor: pointer;
+ line-height: inherit;
+ }
+
+.v-button-link .v-button-caption,
+.v-nativebutton-link .v-nativebutton-caption {
+ line-height: inherit;
+ font-weight: normal;
+ color: #1b699f;
+ font-size: 12px;
+ text-shadow: none;
+ }
+
+.v-button-link:focus .v-button-caption,
+.v-nativebutton-link:focus .v-nativebutton-caption {
+ outline: 1px dotted #1b699f;
+ }
\ No newline at end of file
--- /dev/null
+/*.v-op .v-button:active .v-button-caption {
+ margin-top: -1px;
+ margin-left: -1px;
+}
+.v-op .v-button:active .v-icon + .v-button-caption,
+.v-op .v-button:active .v-icon + .v-errorindicator + .v-button-caption {
+ margin-left: -26px;
+}*/
\ No newline at end of file
--- /dev/null
+.v-button-primary:focus {
+ background-image: url(img/primary-left-focus.png); /** sprite-ref: buttons */
+ }
+
+.v-button-primary:focus .v-button-wrap {
+ background-image: url(img/primary-right-focus.png); /** sprite-ref: buttons; sprite-alignment: right */
+ }
+
+.v-button-primary:active,
+.v-button-primary.v-pressed {
+ background-image: url(img/primary-left-pressed.png); /** sprite-ref: buttons */
+ }
+
+.v-button-primary:active .v-button-wrap,
+.v-button-primary.v-pressed .v-button-wrap {
+ background-image: url(img/primary-right-pressed.png); /** sprite-ref: buttons; sprite-alignment: right */
+ }
+
+.v-button-primary,
+.v-disabled.v-button-primary {
+ background-image: url(img/primary-left.png); /** sprite-ref: buttons */
+ }
+
+.v-button-primary .v-button-wrap,
+.v-disabled.v-button-primary .v-button-wrap {
+ background-image: url(img/primary-right.png); /** sprite-ref: buttons; sprite-alignment: right */
+ }
+
+
+
+
+/* Black style */
+
+
+.black .v-button-primary:focus {
+ background-image: url(img/black/primary-left-focus.png); /** sprite-ref: black-buttons */
+ }
+
+.black .v-button-primary:focus .v-button-wrap {
+ background-image: url(img/black/primary-right-focus.png); /** sprite-ref: black-buttons; sprite-alignment: right */
+ color: #eaf4fb;
+ }
+
+.black .v-button-primary:active,
+.black .v-button-primary.v-pressed {
+ background-image: url(img/black/primary-left-pressed.png); /** sprite-ref: black-buttons */
+ }
+
+.black .v-button-primary:active .v-button-wrap,
+.black .v-button-primary.v-pressed .v-button-wrap {
+ background-image: url(img/black/primary-right-pressed.png); /** sprite-ref: black-buttons; sprite-alignment: right */
+ }
+
+.black .v-button-primary,
+.black .v-disabled.v-button-primary {
+ background-image: url(img/black/primary-left.png); /** sprite-ref: black-buttons */
+ }
+
+.black .v-button-primary .v-button-wrap,
+.black .v-disabled.v-button-primary .v-button-wrap {
+ background-image: url(img/black/primary-right.png); /** sprite-ref: black-buttons; sprite-alignment: right */
+ }
--- /dev/null
+.v-sa .v-button-caption {
+ height: 21px;
+ padding-top: 5px;
+ line-height: 17px;
+ }
+
+.v-sa .v-button-small .v-button-caption {
+ height: 18px;
+ padding-top: 2px;
+ }
\ No newline at end of file
--- /dev/null
+.v-button-small:focus {
+ background-image: url(img/small-left-focus.png); /** sprite-ref: buttons */
+ }
+
+.v-button-small:focus .v-button-wrap {
+ background-image: url(img/small-right-focus.png); /** sprite-ref: buttons; sprite-alignment: right */
+ }
+
+.v-button-small:active,
+.v-button-small.v-pressed {
+ background-image: url(img/small-left-pressed.png); /** sprite-ref: buttons */
+ }
+
+.v-button-small:active .v-button-wrap,
+.v-button-small.v-pressed .v-button-wrap {
+ background-image: url(img/small-right-pressed.png); /** sprite-ref: buttons; sprite-alignment: right */
+ }
+
+.v-button-small,
+.v-disabled.v-button-small {
+ background-image: url(img/small-left.png); /** sprite-ref: buttons */
+ height: 20px;
+ }
+
+.v-button-small .v-button-wrap,
+.v-disabled.v-button-small .v-button-wrap {
+ background-image: url(img/small-right.png); /** sprite-ref: buttons; sprite-alignment: right */
+ height: 19px;
+ padding: 1px 14px 0 8px;
+ }
+
+.v-button-small .v-button-caption {
+ font-weight: normal;
+ }
+
+
+
+
+/* Black style */
+
+.black .v-button-small:focus {
+ background-image: url(img/black/small-left-focus.png); /** sprite-ref: black-buttons */
+ }
+
+.black .v-button-small:focus .v-button-wrap {
+ background-image: url(img/black/small-right-focus.png); /** sprite-ref: black-buttons; sprite-alignment: right */
+ }
+
+.black .v-button-small:active,
+.black .v-button-small.v-pressed {
+ background-image: url(img/black/small-left-pressed.png); /** sprite-ref: black-buttons */
+ }
+
+.black .v-button-small:active .v-button-wrap,
+.black .v-button-small.v-pressed .v-button-wrap {
+ background-image: url(img/black/small-right-pressed.png); /** sprite-ref: black-buttons; sprite-alignment: right */
+ }
+
+.black .v-button-small,
+.black .v-disabled.v-button-small {
+ background-image: url(img/black/small-left.png); /** sprite-ref: black-buttons */
+ }
+
+.black .v-button-small .v-button-wrap,
+.black .v-disabled.v-button-small .v-button-wrap {
+ background-image: url(img/black/small-right.png); /** sprite-ref: black-buttons; sprite-alignment: right */
+ }
\ No newline at end of file
--- /dev/null
+.v-button:focus {
+ background-image: url(img/left-focus.png); /** sprite-ref: buttons */
+ outline: none;
+ }
+
+.v-button:focus .v-button-wrap {
+ background-image: url(img/right-focus.png); /** sprite-ref: buttons; sprite-alignment: right */
+ outline: none;
+ }
+
+.v-button:active,
+.v-button.v-pressed {
+ background-image: url(img/left-pressed.png); /** sprite-ref: buttons */
+ outline: none;
+ }
+
+.v-button:active .v-button-wrap,
+.v-button.v-pressed .v-button-wrap {
+ background-image: url(img/right-pressed.png); /** sprite-ref: buttons; sprite-alignment: right */
+ outline: none;
+ }
+
+.v-button,
+.v-disabled.v-button {
+ height: 26px;
+ padding: 0 0 0 6px;
+ background-color: transparent;
+ background-repeat: no-repeat;
+ background-image: url(img/left.png); /** sprite-ref: buttons */
+ border: none;
+ cursor: default;
+ }
+
+.v-button-wrap,
+.v-disabled.v-button .v-button-wrap {
+ display: block;
+ height: 22px;
+ padding: 4px 15px 0 9px;
+ background-color: transparent;
+ background-repeat: no-repeat;
+ background-position: right top;
+ background-image: url(img/right.png); /** sprite-ref: buttons; sprite-alignment: right */
+ }
+
+.v-button-caption {
+ color: #222;
+ text-shadow: #fff 0 1px 0;
+ font-weight: bold;
+ font-size: 11px;
+ line-height: 16px;
+ }
+
+
+
+
+/**************************
+ * Black style
+ **************************/
+.black .v-button:focus {
+ background-image: url(img/black/left-focus.png); /** sprite-ref: black-buttons */
+ }
+
+.black .v-button:focus .v-button-wrap {
+ background-image: url(img/black/right-focus.png); /** sprite-ref: black-buttons; sprite-alignment: right */
+ }
+
+.black .v-button:active,
+.black .v-button.v-pressed {
+ background-image: url(img/black/left-pressed.png); /** sprite-ref: black-buttons */
+ }
+
+.black .v-button:active .v-button-wrap,
+.black .v-button.v-pressed .v-button-wrap {
+ background-image: url(img/black/right-pressed.png); /** sprite-ref: black-buttons; sprite-alignment: right */
+ }
+
+.black .v-button,
+.black .v-disabled.v-button {
+ background-image: url(img/black/left.png); /** sprite-ref: black-buttons */
+ }
+
+.black .v-button-wrap,
+.black .v-disabled.v-button .v-button-wrap {
+ background-image: url(img/black/right.png); /** sprite-ref: black-buttons; sprite-alignment: right */
+ }
+
+.black .v-button-caption {
+ color: #c9ccce;
+ text-shadow: #121314 0 -1px 0;
+ }
\ No newline at end of file
/* Standard implementation of the button theme
* These files contain styles that apply to all browsers
*/
-@import "standard.css";
-@import "primary-style.css";
-@import "small-style.css";
-@import "link-style.css";
+@import "button-standard.css";
+@import "button-primary-style.css";
+@import "button-small-style.css";
+@import "button-link-style.css";
/* Browser-specific corrections to the standard implementation */
-@import "safari.css";
-@import "firefox.css";
-@import "opera.css";
-@import "ie.css";
+@import "button-safari.css";
+@import "button-firefox.css";
+@import "button-opera.css";
+@import "button-ie.css";
+++ /dev/null
-.v-ff2 .v-button .v-button-caption {
- display: -moz-inline-box;
- padding-top: 6px;
- height: 20px;
- }
-
-
-/* Modifications for buttons with icons *
-.v-ff2 .v-button .v-icon,
-.v-ff2 .v-button.v-disabled .v-icon {
- display: block;
- float: left;
- margin-top: 4px;
- }
-
-.v-ff2 .v-button-link .v-icon,
-.v-ff2 .v-button-link.v-disabled .v-icon {
- margin: 0;
- }
- */
\ No newline at end of file
+++ /dev/null
-.v-ie6 .v-nativebutton-link,
-.v-ie7 .v-nativebutton-link,
-.v-ie8 .v-nativebutton-link {
- padding: 0;
- text-align: left;
-}
-
-
-
-
-
-/**
- * IE6 buttons --------------------------
- */
-.v-ie6 .v-button {
- border: 1px solid #b3b3b3;
- border-bottom-color: #9a9a9a;
- background: #d8d8d8 url(img/right.png) no-repeat 0 -1px;
- padding: 0 15px;
- height: 23px;
-}
-.v-ie6 .v-button .v-button-wrap {
- background: transparent;
- height: 20px;
- padding: 3px 0 0;
- display: inline;
- zoom: 1;
-}
-.v-ie6 .v-button-primary {
- background-image: url(img/primary-right.png);
-}
-.v-ie6 .v-button-small {
- background-image: url(img/small-right.png);
- height: 17px;
-}
-.v-ie6 .v-button-small .v-button-wrap {
- height: 17px;
- padding: 0;
-}
-.v-ie6 .v-button.v-pressed {
- background: transparent url(img/right-pressed.png) no-repeat 0 -1px;
-}
-/* Buttons on blue background */
-.v-ie6 .blue .v-button {
- border-color: #84949c;
- border-top-color: #83939b;
- border-bottom-color: #888d91;
-}
-/* Buttons on black background */
-.v-ie6 .black .v-button {
- border: 1px solid #0d0e0f;
- background: #202224 url(img/black/right.png) no-repeat 0 -1px;
- color: #c9ccce;
-}
-.v-ie6 .black .v-button-primary {
- background-image: url(img/black/primary-right.png);
-}
-.v-ie6 .black .v-button-small {
- background-image: url(img/black/small-right.png);
-}
-.v-ie6 .black .v-button.v-pressed {
- background-image: url(img/black/right-pressed.png);
-}
-
-
-/* Link style button */
-.v-ie6 .v-button-link,
-.v-ie6 .black .v-button-link {
- background: transparent;
- border: none;
- height: auto;
- line-height: normal;
- padding: 0;
-}
-.v-ie6 .v-button-link .v-button-wrap,
-.v-ie6 .black .v-button-link .v-button-wrap {
- padding: 0;
- height: auto;
-}
\ No newline at end of file
+++ /dev/null
-.v-button.v-button-link,
-.v-button.v-button-link:focus,
-.v-button.v-button-link:active,
-.v-button-link.v-pressed,
-.v-disabled.v-button.v-button-link,
-.v-button.v-button-link .v-button-wrap,
-.v-button.v-button-link:focus .v-button-wrap,
-.v-button.v-button-link:active .v-button-wrap,
-.v-button-link.v-pressed .v-button-wrap,
-.v-disabled.v-button.v-button-link .v-button-wrap {
- background: transparent;
- height: auto;
- padding: 0;
- cursor: pointer;
- line-height: inherit;
- }
-
-.v-button-link .v-button-caption,
-.v-nativebutton-link .v-nativebutton-caption {
- line-height: inherit;
- font-weight: normal;
- color: #1b699f;
- font-size: 12px;
- text-shadow: none;
- }
-
-.v-button-link:focus .v-button-caption,
-.v-nativebutton-link:focus .v-nativebutton-caption {
- outline: 1px dotted #1b699f;
- }
\ No newline at end of file
+++ /dev/null
-/*.v-op .v-button:active .v-button-caption {
- margin-top: -1px;
- margin-left: -1px;
-}
-.v-op .v-button:active .v-icon + .v-button-caption,
-.v-op .v-button:active .v-icon + .v-errorindicator + .v-button-caption {
- margin-left: -26px;
-}*/
\ No newline at end of file
+++ /dev/null
-.v-button-primary:focus {
- background-image: url(img/primary-left-focus.png); /** sprite-ref: buttons */
- }
-
-.v-button-primary:focus .v-button-wrap {
- background-image: url(img/primary-right-focus.png); /** sprite-ref: buttons; sprite-alignment: right */
- }
-
-.v-button-primary:active,
-.v-button-primary.v-pressed {
- background-image: url(img/primary-left-pressed.png); /** sprite-ref: buttons */
- }
-
-.v-button-primary:active .v-button-wrap,
-.v-button-primary.v-pressed .v-button-wrap {
- background-image: url(img/primary-right-pressed.png); /** sprite-ref: buttons; sprite-alignment: right */
- }
-
-.v-button-primary,
-.v-disabled.v-button-primary {
- background-image: url(img/primary-left.png); /** sprite-ref: buttons */
- }
-
-.v-button-primary .v-button-wrap,
-.v-disabled.v-button-primary .v-button-wrap {
- background-image: url(img/primary-right.png); /** sprite-ref: buttons; sprite-alignment: right */
- }
-
-
-
-
-/* Black style */
-
-
-.black .v-button-primary:focus {
- background-image: url(img/black/primary-left-focus.png); /** sprite-ref: black-buttons */
- }
-
-.black .v-button-primary:focus .v-button-wrap {
- background-image: url(img/black/primary-right-focus.png); /** sprite-ref: black-buttons; sprite-alignment: right */
- color: #eaf4fb;
- }
-
-.black .v-button-primary:active,
-.black .v-button-primary.v-pressed {
- background-image: url(img/black/primary-left-pressed.png); /** sprite-ref: black-buttons */
- }
-
-.black .v-button-primary:active .v-button-wrap,
-.black .v-button-primary.v-pressed .v-button-wrap {
- background-image: url(img/black/primary-right-pressed.png); /** sprite-ref: black-buttons; sprite-alignment: right */
- }
-
-.black .v-button-primary,
-.black .v-disabled.v-button-primary {
- background-image: url(img/black/primary-left.png); /** sprite-ref: black-buttons */
- }
-
-.black .v-button-primary .v-button-wrap,
-.black .v-disabled.v-button-primary .v-button-wrap {
- background-image: url(img/black/primary-right.png); /** sprite-ref: black-buttons; sprite-alignment: right */
- }
+++ /dev/null
-.v-sa .v-button-caption {
- height: 21px;
- padding-top: 5px;
- line-height: 17px;
- }
-
-.v-sa .v-button-small .v-button-caption {
- height: 18px;
- padding-top: 2px;
- }
\ No newline at end of file
+++ /dev/null
-.v-button-small:focus {
- background-image: url(img/small-left-focus.png); /** sprite-ref: buttons */
- }
-
-.v-button-small:focus .v-button-wrap {
- background-image: url(img/small-right-focus.png); /** sprite-ref: buttons; sprite-alignment: right */
- }
-
-.v-button-small:active,
-.v-button-small.v-pressed {
- background-image: url(img/small-left-pressed.png); /** sprite-ref: buttons */
- }
-
-.v-button-small:active .v-button-wrap,
-.v-button-small.v-pressed .v-button-wrap {
- background-image: url(img/small-right-pressed.png); /** sprite-ref: buttons; sprite-alignment: right */
- }
-
-.v-button-small,
-.v-disabled.v-button-small {
- background-image: url(img/small-left.png); /** sprite-ref: buttons */
- height: 20px;
- }
-
-.v-button-small .v-button-wrap,
-.v-disabled.v-button-small .v-button-wrap {
- background-image: url(img/small-right.png); /** sprite-ref: buttons; sprite-alignment: right */
- height: 19px;
- padding: 1px 14px 0 8px;
- }
-
-.v-button-small .v-button-caption {
- font-weight: normal;
- }
-
-
-
-
-/* Black style */
-
-.black .v-button-small:focus {
- background-image: url(img/black/small-left-focus.png); /** sprite-ref: black-buttons */
- }
-
-.black .v-button-small:focus .v-button-wrap {
- background-image: url(img/black/small-right-focus.png); /** sprite-ref: black-buttons; sprite-alignment: right */
- }
-
-.black .v-button-small:active,
-.black .v-button-small.v-pressed {
- background-image: url(img/black/small-left-pressed.png); /** sprite-ref: black-buttons */
- }
-
-.black .v-button-small:active .v-button-wrap,
-.black .v-button-small.v-pressed .v-button-wrap {
- background-image: url(img/black/small-right-pressed.png); /** sprite-ref: black-buttons; sprite-alignment: right */
- }
-
-.black .v-button-small,
-.black .v-disabled.v-button-small {
- background-image: url(img/black/small-left.png); /** sprite-ref: black-buttons */
- }
-
-.black .v-button-small .v-button-wrap,
-.black .v-disabled.v-button-small .v-button-wrap {
- background-image: url(img/black/small-right.png); /** sprite-ref: black-buttons; sprite-alignment: right */
- }
\ No newline at end of file
+++ /dev/null
-.v-button:focus {
- background-image: url(img/left-focus.png); /** sprite-ref: buttons */
- outline: none;
- }
-
-.v-button:focus .v-button-wrap {
- background-image: url(img/right-focus.png); /** sprite-ref: buttons; sprite-alignment: right */
- outline: none;
- }
-
-.v-button:active,
-.v-button.v-pressed {
- background-image: url(img/left-pressed.png); /** sprite-ref: buttons */
- outline: none;
- }
-
-.v-button:active .v-button-wrap,
-.v-button.v-pressed .v-button-wrap {
- background-image: url(img/right-pressed.png); /** sprite-ref: buttons; sprite-alignment: right */
- outline: none;
- }
-
-.v-button,
-.v-disabled.v-button {
- height: 26px;
- padding: 0 0 0 6px;
- background-color: transparent;
- background-repeat: no-repeat;
- background-image: url(img/left.png); /** sprite-ref: buttons */
- border: none;
- cursor: default;
- }
-
-.v-button-wrap,
-.v-disabled.v-button .v-button-wrap {
- display: block;
- height: 22px;
- padding: 4px 15px 0 9px;
- background-color: transparent;
- background-repeat: no-repeat;
- background-position: right top;
- background-image: url(img/right.png); /** sprite-ref: buttons; sprite-alignment: right */
- }
-
-.v-button-caption {
- color: #222;
- text-shadow: #fff 0 1px 0;
- font-weight: bold;
- font-size: 11px;
- line-height: 16px;
- }
-
-
-
-
-/**************************
- * Black style
- **************************/
-.black .v-button:focus {
- background-image: url(img/black/left-focus.png); /** sprite-ref: black-buttons */
- }
-
-.black .v-button:focus .v-button-wrap {
- background-image: url(img/black/right-focus.png); /** sprite-ref: black-buttons; sprite-alignment: right */
- }
-
-.black .v-button:active,
-.black .v-button.v-pressed {
- background-image: url(img/black/left-pressed.png); /** sprite-ref: black-buttons */
- }
-
-.black .v-button:active .v-button-wrap,
-.black .v-button.v-pressed .v-button-wrap {
- background-image: url(img/black/right-pressed.png); /** sprite-ref: black-buttons; sprite-alignment: right */
- }
-
-.black .v-button,
-.black .v-disabled.v-button {
- background-image: url(img/black/left.png); /** sprite-ref: black-buttons */
- }
-
-.black .v-button-wrap,
-.black .v-disabled.v-button .v-button-wrap {
- background-image: url(img/black/right.png); /** sprite-ref: black-buttons; sprite-alignment: right */
- }
-
-.black .v-button-caption {
- color: #c9ccce;
- text-shadow: #121314 0 -1px 0;
- }
\ No newline at end of file