Fixes #3232: Implement new default look for Runo theme button

svn changeset:8562/svn branch:6.1

diff --git a/WebContent/VAADIN/themes/runo/button/button.css b/WebContent/VAADIN/themes/runo/button/button.css
index 4b4cc147595b4749a752c446db6814ca15124eac..667c230f17bb492445a44ed8bfbde7299b848194 100644 (file)
--- a/WebContent/VAADIN/themes/runo/button/button.css
+++ b/WebContent/VAADIN/themes/runo/button/button.css
@@ -1,21 +1,67 @@
-.v-button {\r
+.v-button:focus {\r
+       border-color: #4897dc;\r
+       outline: none;\r
+       }\r
+       \r
+.v-button:active,\r
+.v-button.v-pressed {\r
+       background-position: left bottom;\r
+       border-color: #babfc0;\r
+       border-top-color: #a5abac;\r
+       }\r
+\r
+.v-button,\r
+.v-disabled.v-button {\r
        font-size: 13px;\r
-}\r
+       border: 1px solid #babfc0;\r
+       border-bottom-color: #a5abac;\r
+       background: #fff url(img/bg.png);\r
+       padding: 3px 15px;\r
+       -webkit-border-radius: 10px;\r
+       -moz-border-radius: 10px;\r
+       border-radius: 10px;\r
+       font-size: 12px;\r
+       line-height: 16px;\r
+       min-height: 16px;\r
+       }\r
+\r
+\r
+/* Small style */\r
+\r
+.v-button-small {\r
+       font-size: 11px;\r
+       line-height: 14px;\r
+       padding: 1px 15px;\r
+       min-height: 14px;\r
+       }\r
+\r
+\r
+/* Link style */\r
+.v-button-link {\r
+       border: none;\r
+       background: transparent;\r
+       padding: 0;\r
+       font-size: 13px;\r
+       }\r
+\r
+.v-button-link:focus {\r
+       outline: 1px dotted #4897dc;\r
+       }\r
+\r
+\r
+\r
+\r
+/* Checkbox styles */\r
 .v-checkbox .v-errorindicator {\r
        padding-left: 10px;\r
-}
-.v-ie6 .v-button,\r
-.v-ie7 .v-button {
-       padding-left: 10px;
-       padding-right: 10px;
-}
+       }
 .v-ie6 .v-checkbox .v-errorindicator {\r
        padding-right: 4px;\r
-}
+       }
 .v-ie7 .v-checkbox .v-errorindicator {\r
        padding-right: 7px;\r
-}
+       }
 .v-ie6 .v-button .v-errorindicator,\r
 .v-ie7 .v-button .v-errorindicator {\r
        padding-right: 5px;\r
-}
\ 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
new file mode 100644 (file)
index 0000000..1d3843a
Binary files /dev/null and b/WebContent/VAADIN/themes/runo/button/img/bg.png differ

diff --git a/WebContent/VAADIN/themes/runo/styles.css b/WebContent/VAADIN/themes/runo/styles.css
index 0dffa949023b84fd9043d4c22838b8fa48ba0f80..a90b1a5a5da7b4abc221f862e3943eca224c2af0 100644 (file)
--- 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;