From: Jouni Koivuviita <jouni.koivuviita@itmill.com>
Date: Thu, 27 Aug 2009 13:39:02 +0000 (+0000)
Subject: Fixes #3232: Implement new default look for Runo theme button
X-Git-Tag: 6.7.0.beta1~2584
X-Git-Url: https://source.dussan.org/?a=commitdiff_plain;h=9354bec8f2a381cb73912c00bea594ba229beefb;p=vaadin-framework.git

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 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
new file mode 100644
index 0000000000..1d3843a760
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 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;