diff options
author | Artur Signell <artur@vaadin.com> | 2012-02-03 22:20:34 +0200 |
---|---|---|
committer | Artur Signell <artur@vaadin.com> | 2012-02-03 22:20:34 +0200 |
commit | 4ede774d6c121f51537078ae9890bbf44f835e12 (patch) | |
tree | 9a988f6575466981186e3d845901a05c1dbad6d9 /WebContent/VAADIN/themes/runo/button | |
parent | 1d590265134781e90eb8d1607b287c76cf090fa2 (diff) | |
parent | 98737932a588f1b4a8f8115f2545da63ae7f4e4a (diff) | |
download | vaadin-framework-4ede774d6c121f51537078ae9890bbf44f835e12.tar.gz vaadin-framework-4ede774d6c121f51537078ae9890bbf44f835e12.zip |
Merge commit '98737932a588f1b4a8f8115f2545da63ae7f4e4a'
Conflicts:
WebContent/VAADIN/themes/base/button/button.css
WebContent/VAADIN/themes/runo/button/button.css
tests/integration_tests.xml
Diffstat (limited to 'WebContent/VAADIN/themes/runo/button')
-rw-r--r-- | WebContent/VAADIN/themes/runo/button/button.css | 310 |
1 files changed, 155 insertions, 155 deletions
diff --git a/WebContent/VAADIN/themes/runo/button/button.css b/WebContent/VAADIN/themes/runo/button/button.css index 530c981436..5515db5aec 100644 --- a/WebContent/VAADIN/themes/runo/button/button.css +++ b/WebContent/VAADIN/themes/runo/button/button.css @@ -1,156 +1,156 @@ -.v-button {
- padding: 1px;
- border: none;
- background: transparent;
- }
-
-.v-button:focus {
- outline: none;
- }
-
-.v-button:focus .v-button-wrap {
- border-color: #57a7ed;
- border-top-color: #60aef1;
- border-bottom-color: #4c9adf;
- -webkit-box-shadow: 0 0 2px #57a7ed;
- -moz-box-shadow: 0 0 2px #57a7ed;
- }
-
-.v-button:active .v-button-wrap,
-.v-button.v-pressed .v-button-wrap {
- background-position: 0 -79px;
- background-color: #e7e9e9;
- border-color: #b8bdbe;
- border-top-color: #9da1a2;
- border-bottom-color: #babfc0;
- border-color: rgba(146,151,152,.9);
- border-top-color: rgba(146,151,152,1);
- -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4) inset;
- -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4) inset;;
- text-shadow: none;
- }
-
-.v-button .v-button-wrap,
-.v-disabled.v-button .v-button-wrap {
- display: block;
- font-size: 12px;
- border: 1px solid #bdc1c2;
- border-top-color: #cbcfd0;
- border-bottom-color: #b6bbbb;
- border-color: rgba(146,151,152,.8);
- border-top-color: rgba(146,151,152,.6);
- background: #e6e8e8 url(img/bg.png) repeat-x;
- -webkit-background-origin: padding;
- -moz-background-origin: padding;
- padding: 3px 15px;
- -webkit-border-radius: 11px;
- -moz-border-radius: 11px;
- border-radius: 11px;
- line-height: 14px;
- min-height: 14px;
- -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.15);
- -moz-box-shadow: 0 1px 0 rgba(0,0,0,.15);
- text-shadow: 0 1px 0 #fff;
- color: #464f52;
- overflow: hidden;
- text-overflow: ellipsis;
- }
-
-/* Small style */
-.v-button-small .v-button-wrap,
-.v-disabled.v-button-small .v-button-wrap {
- font-size: 11px;
- line-height: 13px;
- padding: 1px 12px;
- min-height: 13px;
- }
-
-
-/* Big style */
-.v-button-big .v-button-wrap,
-.v-disabled.v-button-big .v-button-wrap {
- font-size: 15px;
- line-height: 18px;
- padding: 4px 18px;
- min-height: 18px;
- -webkit-border-radius: 14px;
- -moz-border-radius: 14px;
- border-radius: 14px;
- }
-
-
-
-/* Default style */
-.v-button-default:focus .v-button-wrap {
- background-color: #60839a;
- background-position: 0 -158px;
- text-shadow: 0 -1px 0 #657883;
- }
-
-.v-button-default:active .v-button-wrap,
-.v-button-default.v-pressed .v-button-wrap {
- background-position: 0 -79px;
- background-color: #8f9898;
- border-color: #737e81;
- border-top-color: #576063;
- border-bottom-color: #747f82;
- color: #f0f2f2;
- text-shadow: 0 -1px 0 #5d6969;
- -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4) inset;;
- -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4) inset;;
- }
-
-.v-button-default .v-button-wrap,
-.v-disabled.v-button-default .v-button-wrap {
- border-color: #899395;
- border-top-color: #a4abae;
- border-bottom-color: #727b7d;
- background: #869090 url(img/bg-default.png) repeat-x;
- text-shadow: 0 -1px 0 #797e7e;
- color: #fff;
- font-weight: bold;
- -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.22);
- -moz-box-shadow: 0 1px 0 rgba(0,0,0,.22);
- }
-
-
-
-
-/* Link style */
-.v-button-link,
-.v-disabled.v-button-link {
- padding: 0;
- }
-
-.v-button-link .v-button-wrap,
-.v-disabled.v-button-link .v-button-wrap,
-.v-button-link:active .v-button-wrap,
-.v-disabled.v-button-pressedv-button-link .v-button-wrap {
- border: none;
- background: transparent;
- padding: 0;
- font-size: 13px;
- -webkit-box-shadow: none;
- -mox-box-shadow: none;
- -webkit-border-radius: 0;
- -moz-border-radius: 0;
- border-radius: 0;
- text-shadow: none;
- }
-
-.v-button-link:focus {
- outline: 1px dotted #4897dc;
- }
-
-.v-button-link:focus .v-button-wrap {
- -webkit-box-shadow: none;
- -moz-box-shadow: none;
- }
-
-
-
-
-/* Checkbox styles */
-.v-checkbox .v-errorindicator {
- padding-left: 10px;
+.v-button { + padding: 1px; + border: none; + background: transparent; + } + +.v-button:focus { + outline: none; + } + +.v-button:focus .v-button-wrap { + border-color: #57a7ed; + border-top-color: #60aef1; + border-bottom-color: #4c9adf; + -webkit-box-shadow: 0 0 2px #57a7ed; + -moz-box-shadow: 0 0 2px #57a7ed; + } + +.v-button:active .v-button-wrap, +.v-button.v-pressed .v-button-wrap { + background-position: 0 -79px; + background-color: #e7e9e9; + border-color: #b8bdbe; + border-top-color: #9da1a2; + border-bottom-color: #babfc0; + border-color: rgba(146,151,152,.9); + border-top-color: rgba(146,151,152,1); + -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4) inset; + -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4) inset;; + text-shadow: none; + } + +.v-button .v-button-wrap, +.v-disabled.v-button .v-button-wrap { + display: block; + font-size: 12px; + border: 1px solid #bdc1c2; + border-top-color: #cbcfd0; + border-bottom-color: #b6bbbb; + border-color: rgba(146,151,152,.8); + border-top-color: rgba(146,151,152,.6); + background: #e6e8e8 url(img/bg.png) repeat-x; + -webkit-background-origin: padding; + -moz-background-origin: padding; + padding: 3px 15px; + -webkit-border-radius: 11px; + -moz-border-radius: 11px; + border-radius: 11px; + line-height: 14px; + min-height: 14px; + -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.15); + -moz-box-shadow: 0 1px 0 rgba(0,0,0,.15); + text-shadow: 0 1px 0 #fff; + color: #464f52; + overflow: hidden; + text-overflow: ellipsis; + } + +/* Small style */ +.v-button-small .v-button-wrap, +.v-disabled.v-button-small .v-button-wrap { + font-size: 11px; + line-height: 13px; + padding: 1px 12px; + min-height: 13px; + } + + +/* Big style */ +.v-button-big .v-button-wrap, +.v-disabled.v-button-big .v-button-wrap { + font-size: 15px; + line-height: 18px; + padding: 4px 18px; + min-height: 18px; + -webkit-border-radius: 14px; + -moz-border-radius: 14px; + border-radius: 14px; + } + + + +/* Default style */ +.v-button-default:focus .v-button-wrap { + background-color: #60839a; + background-position: 0 -158px; + text-shadow: 0 -1px 0 #657883; + } + +.v-button-default:active .v-button-wrap, +.v-button-default.v-pressed .v-button-wrap { + background-position: 0 -79px; + background-color: #8f9898; + border-color: #737e81; + border-top-color: #576063; + border-bottom-color: #747f82; + color: #f0f2f2; + text-shadow: 0 -1px 0 #5d6969; + -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4) inset;; + -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4) inset;; + } + +.v-button-default .v-button-wrap, +.v-disabled.v-button-default .v-button-wrap { + border-color: #899395; + border-top-color: #a4abae; + border-bottom-color: #727b7d; + background: #869090 url(img/bg-default.png) repeat-x; + text-shadow: 0 -1px 0 #797e7e; + color: #fff; + font-weight: bold; + -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.22); + -moz-box-shadow: 0 1px 0 rgba(0,0,0,.22); + } + + + + +/* Link style */ +.v-button-link, +.v-disabled.v-button-link { + padding: 0; + } + +.v-button-link .v-button-wrap, +.v-disabled.v-button-link .v-button-wrap, +.v-button-link:active .v-button-wrap, +.v-disabled.v-button-pressedv-button-link .v-button-wrap { + border: none; + background: transparent; + padding: 0; + font-size: 13px; + -webkit-box-shadow: none; + -mox-box-shadow: none; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; + text-shadow: none; + } + +.v-button-link:focus { + outline: 1px dotted #4897dc; + } + +.v-button-link:focus .v-button-wrap { + -webkit-box-shadow: none; + -moz-box-shadow: none; + } + + + + +/* Checkbox styles */ +.v-checkbox .v-errorindicator { + padding-left: 10px; } |