From adb42ba3dcbfc01d0abe5bbffe69cb129ceca979 Mon Sep 17 00:00:00 2001 From: Jouni Koivuviita Date: Wed, 27 May 2009 11:37:06 +0000 Subject: 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 --- .../reindeer/tabsheet/img/bar/tab-bg-sel.png | Bin 0 -> 208 bytes .../themes/reindeer/tabsheet/img/bar/tab-bg.png | Bin 0 -> 179 bytes .../tabsheet/img/bar/tab-first-left-sel.png | Bin 0 -> 440 bytes .../reindeer/tabsheet/img/bar/tab-first-left.png | Bin 0 -> 269 bytes .../reindeer/tabsheet/img/bar/tab-left-sel.png | Bin 0 -> 355 bytes .../themes/reindeer/tabsheet/img/bar/tab-left.png | Bin 0 -> 233 bytes .../reindeer/tabsheet/img/bar/tab-right-sel.png | Bin 0 -> 430 bytes .../themes/reindeer/tabsheet/img/bar/tab-right.png | Bin 0 -> 179 bytes .../VAADIN/themes/reindeer/tabsheet/tabsheet.css | 65 ++++++++++++++++++++- 9 files changed, 62 insertions(+), 3 deletions(-) create mode 100644 WebContent/VAADIN/themes/reindeer/tabsheet/img/bar/tab-bg-sel.png create mode 100644 WebContent/VAADIN/themes/reindeer/tabsheet/img/bar/tab-bg.png create mode 100644 WebContent/VAADIN/themes/reindeer/tabsheet/img/bar/tab-first-left-sel.png create mode 100644 WebContent/VAADIN/themes/reindeer/tabsheet/img/bar/tab-first-left.png create mode 100644 WebContent/VAADIN/themes/reindeer/tabsheet/img/bar/tab-left-sel.png create mode 100644 WebContent/VAADIN/themes/reindeer/tabsheet/img/bar/tab-left.png create mode 100644 WebContent/VAADIN/themes/reindeer/tabsheet/img/bar/tab-right-sel.png create mode 100644 WebContent/VAADIN/themes/reindeer/tabsheet/img/bar/tab-right.png (limited to 'WebContent/VAADIN/themes/reindeer/tabsheet') 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 Binary files /dev/null and b/WebContent/VAADIN/themes/reindeer/tabsheet/img/bar/tab-bg-sel.png differ 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 Binary files /dev/null and b/WebContent/VAADIN/themes/reindeer/tabsheet/img/bar/tab-bg.png differ 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 Binary files /dev/null and b/WebContent/VAADIN/themes/reindeer/tabsheet/img/bar/tab-first-left-sel.png differ 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 Binary files /dev/null and b/WebContent/VAADIN/themes/reindeer/tabsheet/img/bar/tab-first-left.png differ 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 Binary files /dev/null and b/WebContent/VAADIN/themes/reindeer/tabsheet/img/bar/tab-left-sel.png differ 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 Binary files /dev/null and b/WebContent/VAADIN/themes/reindeer/tabsheet/img/bar/tab-left.png differ 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 Binary files /dev/null and b/WebContent/VAADIN/themes/reindeer/tabsheet/img/bar/tab-right-sel.png differ 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 Binary files /dev/null and b/WebContent/VAADIN/themes/reindeer/tabsheet/img/bar/tab-right.png differ 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 -- cgit v1.2.3