diff options
| -rw-r--r-- | WebContent/VAADIN/themes/runo/button/button.css | 68 | ||||
| -rw-r--r-- | WebContent/VAADIN/themes/runo/button/img/bg.png | bin | 0 -> 227 bytes | |||
| -rw-r--r-- | WebContent/VAADIN/themes/runo/styles.css | 68 |
3 files changed, 114 insertions, 22 deletions
diff --git a/WebContent/VAADIN/themes/runo/button/button.css b/WebContent/VAADIN/themes/runo/button/button.css index 4b4cc14759..667c230f17 100644 --- a/WebContent/VAADIN/themes/runo/button/button.css +++ b/WebContent/VAADIN/themes/runo/button/button.css @@ -1,21 +1,67 @@ -.v-button {
+.v-button:focus {
+ border-color: #4897dc;
+ outline: none;
+ }
+
+.v-button:active,
+.v-button.v-pressed {
+ background-position: left bottom;
+ border-color: #babfc0;
+ border-top-color: #a5abac;
+ }
+
+.v-button,
+.v-disabled.v-button {
font-size: 13px;
-}
+ border: 1px solid #babfc0;
+ border-bottom-color: #a5abac;
+ background: #fff url(img/bg.png);
+ padding: 3px 15px;
+ -webkit-border-radius: 10px;
+ -moz-border-radius: 10px;
+ border-radius: 10px;
+ font-size: 12px;
+ line-height: 16px;
+ min-height: 16px;
+ }
+
+
+/* Small style */
+
+.v-button-small {
+ font-size: 11px;
+ line-height: 14px;
+ padding: 1px 15px;
+ min-height: 14px;
+ }
+
+
+/* Link style */
+.v-button-link {
+ border: none;
+ background: transparent;
+ padding: 0;
+ font-size: 13px;
+ }
+
+.v-button-link:focus {
+ outline: 1px dotted #4897dc;
+ }
+
+
+
+
+/* Checkbox styles */
.v-checkbox .v-errorindicator {
padding-left: 10px;
-} -.v-ie6 .v-button,
-.v-ie7 .v-button { - padding-left: 10px; - padding-right: 10px; -} + } .v-ie6 .v-checkbox .v-errorindicator {
padding-right: 4px;
-} + } .v-ie7 .v-checkbox .v-errorindicator {
padding-right: 7px;
-} + } .v-ie6 .v-button .v-errorindicator,
.v-ie7 .v-button .v-errorindicator {
padding-right: 5px;
-}
\ No newline at end of file + }
\ No newline at end of file diff --git a/WebContent/VAADIN/themes/runo/button/img/bg.png b/WebContent/VAADIN/themes/runo/button/img/bg.png Binary files differnew file mode 100644 index 0000000000..1d3843a760 --- /dev/null +++ b/WebContent/VAADIN/themes/runo/button/img/bg.png diff --git a/WebContent/VAADIN/themes/runo/styles.css b/WebContent/VAADIN/themes/runo/styles.css index 0dffa94902..a90b1a5a5d 100644 --- a/WebContent/VAADIN/themes/runo/styles.css +++ b/WebContent/VAADIN/themes/runo/styles.css @@ -1696,27 +1696,73 @@ div.v-tree-node-leaf { border-bottom: 1px solid #c8cccd; } -.v-button { +.v-button:focus { + border-color: #4897dc; + outline: none; + } + +.v-button:active, +.v-button.v-pressed { + background-position: left bottom; + border-color: #babfc0; + border-top-color: #a5abac; + } + +.v-button, +.v-disabled.v-button { font-size: 13px; -} + border: 1px solid #babfc0; + border-bottom-color: #a5abac; + background: #fff url(button/img/bg.png); + padding: 3px 15px; + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + border-radius: 10px; + font-size: 12px; + line-height: 16px; + min-height: 16px; + } + + +/* Small style */ + +.v-button-small { + font-size: 11px; + line-height: 14px; + padding: 1px 15px; + min-height: 14px; + } + + +/* Link style */ +.v-button-link { + border: none; + background: transparent; + padding: 0; + font-size: 13px; + } + +.v-button-link:focus { + outline: 1px dotted #4897dc; + } + + + + +/* Checkbox styles */ .v-checkbox .v-errorindicator { padding-left: 10px; -} -.v-ie6 .v-button, -.v-ie7 .v-button { - padding-left: 10px; - padding-right: 10px; -} + } .v-ie6 .v-checkbox .v-errorindicator { padding-right: 4px; -} + } .v-ie7 .v-checkbox .v-errorindicator { padding-right: 7px; -} + } .v-ie6 .v-button .v-errorindicator, .v-ie7 .v-button .v-errorindicator { padding-right: 5px; -} + } .v-captionwrapper { margin: 0.3em 0 0 0; |
