From 9354bec8f2a381cb73912c00bea594ba229beefb Mon Sep 17 00:00:00 2001
From: Jouni Koivuviita <jouni.koivuviita@itmill.com>
Date: Thu, 27 Aug 2009 13:39:02 +0000
Subject: [PATCH] Fixes #3232: Implement new default look for Runo theme button

svn changeset:8562/svn branch:6.1
---
 .../VAADIN/themes/runo/button/button.css      |  68 +++++++++++++++---
 .../VAADIN/themes/runo/button/img/bg.png      | Bin 0 -> 227 bytes
 WebContent/VAADIN/themes/runo/styles.css      |  68 +++++++++++++++---
 3 files changed, 114 insertions(+), 22 deletions(-)
 create mode 100644 WebContent/VAADIN/themes/runo/button/img/bg.png

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 0000000000000000000000000000000000000000..1d3843a76065f8bda6209e080ed58384c1e4daa3
GIT binary patch
literal 227
zcmV<90382`P)<h;3K|Lk000e1NJLTq00031001fo0{{R3MWDe>0000PbVXQnQ*UN;
zcVTj606}DLVr3vnZDD6+Qe|Oed2z{QJOBUyIZ#YgMf?2x_4fDe@bU2S^Y-`n?(y>U
z_V@Pq`0MWP@A32V_4VxT@b2*O^!4`Z?e6UF@bdKa@$>Ze`1!F@-K_us06<AZK~#9!
z9E`~kfFJ<Gf)}75VE@GunS6Hk0zQcx1THE!ogq7!lfp*hA@NF5HJxITZT!9NqPh$|
d#P!7#U;snx0iB}eB?$lk002ovPDHLkV1nwNZgT(t

literal 0
HcmV?d00001

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;
-- 
2.39.5