New tabsheet style for Reindeer: "bar".

Notifications better styled for Reindeer.

Other minor improvements panel.

Fixed Sampler styles when using Reindeer theme (additional panel backgound color).

svn changeset:8030/svn branch:6.0

9 files changed, 62 insertions, 3 deletions

diff --git a/WebContent/VAADIN/themes/reindeer/tabsheet/img/bar/tab-bg-sel.png b/WebContent/VAADIN/themes/reindeer/tabsheet/img/bar/tab-bg-sel.png
new file mode 100644
index 0000000000..3c6b3a8efb
--- /dev/null
+++ b/WebContent/VAADIN/themes/reindeer/tabsheet/img/bar/tab-bg-sel.png
diff --git a/WebContent/VAADIN/themes/reindeer/tabsheet/img/bar/tab-bg.png b/WebContent/VAADIN/themes/reindeer/tabsheet/img/bar/tab-bg.png
new file mode 100644
index 0000000000..033e1cbd6d
--- /dev/null
+++ b/WebContent/VAADIN/themes/reindeer/tabsheet/img/bar/tab-bg.png
diff --git a/WebContent/VAADIN/themes/reindeer/tabsheet/img/bar/tab-first-left-sel.png b/WebContent/VAADIN/themes/reindeer/tabsheet/img/bar/tab-first-left-sel.png
new file mode 100644
index 0000000000..30188fb070
--- /dev/null
+++ b/WebContent/VAADIN/themes/reindeer/tabsheet/img/bar/tab-first-left-sel.png
diff --git a/WebContent/VAADIN/themes/reindeer/tabsheet/img/bar/tab-first-left.png b/WebContent/VAADIN/themes/reindeer/tabsheet/img/bar/tab-first-left.png
new file mode 100644
index 0000000000..207a0a9040
--- /dev/null
+++ b/WebContent/VAADIN/themes/reindeer/tabsheet/img/bar/tab-first-left.png
diff --git a/WebContent/VAADIN/themes/reindeer/tabsheet/img/bar/tab-left-sel.png b/WebContent/VAADIN/themes/reindeer/tabsheet/img/bar/tab-left-sel.png
new file mode 100644
index 0000000000..5aa0df6736
--- /dev/null
+++ b/WebContent/VAADIN/themes/reindeer/tabsheet/img/bar/tab-left-sel.png
diff --git a/WebContent/VAADIN/themes/reindeer/tabsheet/img/bar/tab-left.png b/WebContent/VAADIN/themes/reindeer/tabsheet/img/bar/tab-left.png
new file mode 100644
index 0000000000..78a0bd6ff6
--- /dev/null
+++ b/WebContent/VAADIN/themes/reindeer/tabsheet/img/bar/tab-left.png
diff --git a/WebContent/VAADIN/themes/reindeer/tabsheet/img/bar/tab-right-sel.png b/WebContent/VAADIN/themes/reindeer/tabsheet/img/bar/tab-right-sel.png
new file mode 100644
index 0000000000..acb8aceacf
--- /dev/null
+++ b/WebContent/VAADIN/themes/reindeer/tabsheet/img/bar/tab-right-sel.png
diff --git a/WebContent/VAADIN/themes/reindeer/tabsheet/img/bar/tab-right.png b/WebContent/VAADIN/themes/reindeer/tabsheet/img/bar/tab-right.png
new file mode 100644
index 0000000000..7aedf4c443
--- /dev/null
+++ b/WebContent/VAADIN/themes/reindeer/tabsheet/img/bar/tab-right.png
diff --git a/WebContent/VAADIN/themes/reindeer/tabsheet/tabsheet.css b/WebContent/VAADIN/themes/reindeer/tabsheet/tabsheet.css
index 2f7fbd8fb7..c5c9b03d8b 100644
--- a/WebContent/VAADIN/themes/reindeer/tabsheet/tabsheet.css
+++ b/WebContent/VAADIN/themes/reindeer/tabsheet/tabsheet.css
@@ -114,16 +114,17 @@
 
 
 
-/* Framed style */
+/**
+ * Framed style ---------------
+ */
 .v-tabsheet-framed .v-tabsheet-tabitemcell,
 .v-tabsheet-framed .v-tabsheet-spacertd {
 	height: 32px;
-	padding: 0;
 }
 .v-tabsheet-framed .v-tabsheet-tabitemcell {
 	background: no-repeat;
 	background-image: url(img/framed/tab-left.png); /** sprite-ref: verticals */
-	padding: 0 0 0 3px;
+	padding-left: 3px;
 }
 .v-tabsheet-framed .v-tabsheet-tabitemcell-first {
 	padding-left: 10px;
@@ -211,4 +212,62 @@
 }
 .v-tabsheet-framed .v-tabsheet-scroller button {
 	margin-top: 7px;
+}
+
+
+
+
+/**
+ * Bar style ---------------
+ */
+.v-tabsheet-bar .v-tabsheet-tabitemcell,
+.v-tabsheet-bar .v-tabsheet-spacertd {
+	height: 20px;
+}
+.v-tabsheet-bar .v-tabsheet-tabitemcell {
+	background: no-repeat;
+	background-image: url(img/bar/tab-left.png); /** sprite-ref: verticals */
+	padding-left: 3px;
+}
+.v-tabsheet-bar .v-tabsheet-tabitemcell-first {
+	padding-left: 6px;
+	background-image: url(img/bar/tab-first-left.png); /** sprite-ref: verticals */
+}
+.v-tabsheet-bar .v-tabsheet-tabitem,
+.v-tabsheet-bar .v-tabsheet-spacertd div {
+	border: none;
+	height: 20px;
+	background: transparent repeat-x;
+	background-image: url(img/bar/tab-bg.png); /** sprite-ref: verticals; sprite-alignment: repeat */
+	padding: 0;
+	color: #222;
+	text-shadow: #fff 0 1px 0;
+	font-size: 11px;
+}
+.v-tabsheet-bar .v-tabsheet-tabitem .v-caption {
+	border: none;
+	height: 18px;
+	background: no-repeat right top;
+	background-image: url(img/bar/tab-right.png); /** sprite-ref: verticals; sprite-alignment: right */
+	padding: 2px 12px 0 10px;
+}
+.v-tabsheet-bar .v-tabsheet-tabitem .v-captiontext {
+	height: 16px;
+	line-height: 16px;
+}
+.v-tabsheet-bar .v-tabsheet-tabitemcell-selected {
+	background-image: url(img/bar/tab-left-sel.png); /** sprite-ref: verticals */
+}
+.v-tabsheet-bar .v-tabsheet-tabitemcell-selected-first {
+	background-image: url(img/bar/tab-first-left-sel.png); /** sprite-ref: verticals */
+}
+.v-tabsheet-bar .v-tabsheet-tabitem-selected {
+	background-image: url(img/bar/tab-bg-sel.png); /** sprite-ref: verticals; sprite-alignment: repeat */
+	color: #232930;
+}
+.v-tabsheet-bar .v-tabsheet-tabitem-selected .v-caption {
+	background-image: url(img/bar/tab-right-sel.png); /** sprite-ref: verticals; sprite-alignment: right */
+}
+.v-tabsheet-bar .v-tabsheet-scroller {
+	margin-top: -19px;
 }
\ No newline at end of file