summaryrefslogtreecommitdiffstats
path: root/WebContent
diff options
context:
space:
mode:
authorPetter Holmström <petter.holmstrom@itmill.com>2009-11-17 11:20:52 +0000
committerPetter Holmström <petter.holmstrom@itmill.com>2009-11-17 11:20:52 +0000
commit0739821afc21023d7f32fa394b92066c8b38ef26 (patch)
tree6cf453337a6e0801afcc6526b6a63666e73afd35 /WebContent
parent2d1dc9fbdb9189765f35ea9925bf474fe925f578 (diff)
downloadvaadin-framework-0739821afc21023d7f32fa394b92066c8b38ef26.tar.gz
vaadin-framework-0739821afc21023d7f32fa394b92066c8b38ef26.zip
Merge with 6.2
svn changeset:9835/svn branch:portlet_2.0
Diffstat (limited to 'WebContent')
-rw-r--r--WebContent/VAADIN/themes/reindeer/button/button-firefox.css (renamed from WebContent/VAADIN/themes/reindeer/button/firefox.css)0
-rw-r--r--WebContent/VAADIN/themes/reindeer/button/button-ie.css (renamed from WebContent/VAADIN/themes/reindeer/button/ie.css)0
-rw-r--r--WebContent/VAADIN/themes/reindeer/button/button-link-style.css (renamed from WebContent/VAADIN/themes/reindeer/button/link-style.css)0
-rw-r--r--WebContent/VAADIN/themes/reindeer/button/button-opera.css (renamed from WebContent/VAADIN/themes/reindeer/button/opera.css)0
-rw-r--r--WebContent/VAADIN/themes/reindeer/button/button-primary-style.css (renamed from WebContent/VAADIN/themes/reindeer/button/primary-style.css)0
-rw-r--r--WebContent/VAADIN/themes/reindeer/button/button-safari.css (renamed from WebContent/VAADIN/themes/reindeer/button/safari.css)0
-rw-r--r--WebContent/VAADIN/themes/reindeer/button/button-small-style.css (renamed from WebContent/VAADIN/themes/reindeer/button/small-style.css)0
-rw-r--r--WebContent/VAADIN/themes/reindeer/button/button-standard.css (renamed from WebContent/VAADIN/themes/reindeer/button/standard.css)0
-rw-r--r--WebContent/VAADIN/themes/reindeer/tabsheet/tabsheet-bar-style.css108
-rw-r--r--WebContent/VAADIN/themes/reindeer/tabsheet/tabsheet-minimal-style.css135
-rw-r--r--WebContent/VAADIN/themes/reindeer/tabsheet/tabsheet-normal-style.css160
-rw-r--r--WebContent/VAADIN/themes/reindeer/tabsheet/tabsheet-scroller.css52
-rw-r--r--WebContent/VAADIN/themes/sampler/sampler/home/btn-shadow-bottom.pngbin0 -> 280 bytes
-rw-r--r--WebContent/VAADIN/themes/sampler/sampler/home/btn-shadow-top.pngbin0 -> 287 bytes
-rw-r--r--WebContent/VAADIN/themes/sampler/sampler/home/label-grad.pngbin0 -> 175 bytes
15 files changed, 455 insertions, 0 deletions
diff --git a/WebContent/VAADIN/themes/reindeer/button/firefox.css b/WebContent/VAADIN/themes/reindeer/button/button-firefox.css
index 76393e637a..76393e637a 100644
--- a/WebContent/VAADIN/themes/reindeer/button/firefox.css
+++ b/WebContent/VAADIN/themes/reindeer/button/button-firefox.css
diff --git a/WebContent/VAADIN/themes/reindeer/button/ie.css b/WebContent/VAADIN/themes/reindeer/button/button-ie.css
index 4aab3e0d5b..4aab3e0d5b 100644
--- a/WebContent/VAADIN/themes/reindeer/button/ie.css
+++ b/WebContent/VAADIN/themes/reindeer/button/button-ie.css
diff --git a/WebContent/VAADIN/themes/reindeer/button/link-style.css b/WebContent/VAADIN/themes/reindeer/button/button-link-style.css
index 14530c8dff..14530c8dff 100644
--- a/WebContent/VAADIN/themes/reindeer/button/link-style.css
+++ b/WebContent/VAADIN/themes/reindeer/button/button-link-style.css
diff --git a/WebContent/VAADIN/themes/reindeer/button/opera.css b/WebContent/VAADIN/themes/reindeer/button/button-opera.css
index c1e22c9258..c1e22c9258 100644
--- a/WebContent/VAADIN/themes/reindeer/button/opera.css
+++ b/WebContent/VAADIN/themes/reindeer/button/button-opera.css
diff --git a/WebContent/VAADIN/themes/reindeer/button/primary-style.css b/WebContent/VAADIN/themes/reindeer/button/button-primary-style.css
index fdfe90ce3a..fdfe90ce3a 100644
--- a/WebContent/VAADIN/themes/reindeer/button/primary-style.css
+++ b/WebContent/VAADIN/themes/reindeer/button/button-primary-style.css
diff --git a/WebContent/VAADIN/themes/reindeer/button/safari.css b/WebContent/VAADIN/themes/reindeer/button/button-safari.css
index e32721d261..e32721d261 100644
--- a/WebContent/VAADIN/themes/reindeer/button/safari.css
+++ b/WebContent/VAADIN/themes/reindeer/button/button-safari.css
diff --git a/WebContent/VAADIN/themes/reindeer/button/small-style.css b/WebContent/VAADIN/themes/reindeer/button/button-small-style.css
index fa6b177624..fa6b177624 100644
--- a/WebContent/VAADIN/themes/reindeer/button/small-style.css
+++ b/WebContent/VAADIN/themes/reindeer/button/button-small-style.css
diff --git a/WebContent/VAADIN/themes/reindeer/button/standard.css b/WebContent/VAADIN/themes/reindeer/button/button-standard.css
index becd20457d..becd20457d 100644
--- a/WebContent/VAADIN/themes/reindeer/button/standard.css
+++ b/WebContent/VAADIN/themes/reindeer/button/button-standard.css
diff --git a/WebContent/VAADIN/themes/reindeer/tabsheet/tabsheet-bar-style.css b/WebContent/VAADIN/themes/reindeer/tabsheet/tabsheet-bar-style.css
new file mode 100644
index 0000000000..ec985ad993
--- /dev/null
+++ b/WebContent/VAADIN/themes/reindeer/tabsheet/tabsheet-bar-style.css
@@ -0,0 +1,108 @@
+/**
+ * Tabsheet bar style ---------------
+ */
+.v-tabsheet-bar .v-tabsheet-tabitemcell,
+.v-tabsheet-bar .v-tabsheet-spacertd {
+ height: 20px;
+}
+.v-tabsheet-bar .v-tabsheet-spacertd {
+ background: transparent;
+}
+.v-tabsheet-bar .v-tabsheet-tabitemcell {
+ background-image: url(img/bar/tab-left.png); /** sprite-ref: verticals */
+}
+.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 {
+ height: 20px;
+ background-image: url(img/bar/tab-bg.png); /** sprite-ref: verticals; sprite-alignment: repeat */
+ font-size: 11px;
+ margin: 0;
+}
+.v-tabsheet-bar .v-tabsheet-tabitem .v-caption {
+ height: 18px;
+ 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-caption-closable,
+.v-tabsheet-bar .v-tabsheet-tabitem-selected .v-caption-closable {
+ padding-right: 8px;
+ padding-left: 14px;
+}
+.v-tabsheet-bar .v-tabsheet-caption-close,
+.v-tabsheet-bar .v-tabsheet-caption-close:hover,
+.v-tabsheet-bar .v-tabsheet-caption-close:active {
+ text-indent: 0;
+ background: transparent;
+ margin-left: 3px;
+ margin-right: -3px;
+ padding: 0;
+ color: #3c3c3c;
+ width: 14px;
+ height: 14px;
+ line-height: 12px;
+ -webkit-border-radius: 7px;
+ -moz-border-radius: 7px;
+}
+.v-tabsheet-bar .v-tabsheet-caption-close {
+ margin-top: 0;
+}
+.v-ff .v-tabsheet-bar .v-tabsheet-caption-close,
+.v-ie7 .v-tabsheet-bar .v-tabsheet-caption-close {
+ margin-top: -15px;
+}
+.v-tabsheet-bar .v-tabsheet-caption-close:hover {
+ background: #bfbfbf;
+ -webkit-box-shadow: 0 1px 0 #fff;
+}
+.v-tabsheet-bar .v-tabsheet-caption-close:active {
+ background: #a9a9a9;
+}
+.v-tabsheet-bar .v-tabsheet-tabitem-selected .v-tabsheet-caption-close {
+ color: #404142;
+}
+.v-tabsheet-bar .v-tabsheet-tabitem-selected .v-tabsheet-caption-close:hover {
+ background: #5e666e;
+ color: #fff;
+ text-shadow: 0 -1px 0 #222;
+}
+.v-tabsheet-bar .v-tabsheet-tabitem-selected .v-tabsheet-caption-close:active {
+ background: #404142;
+}
+
+.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: -20px;
+ height: 19px;
+ border-right: none;
+ background-image: url(img/bar/tab-bg.png); /** sprite-ref: verticals; sprite-alignment: repeat */
+}
+.v-tabsheet-bar .v-tabsheet-scroller button {
+ margin-top: 1px;
+}
+.v-tabsheet-content-bar {
+ border: none;
+}
+.v-tabsheet-content-bar .v-tabsheet-tabsheetpanel {
+ background: transparent;
+}
+.v-tabsheet-deco-bar {
+ height: 0;
+ border: none;
+}
+/* Content area font color specified with minimal style (reduces additional selectors) */
diff --git a/WebContent/VAADIN/themes/reindeer/tabsheet/tabsheet-minimal-style.css b/WebContent/VAADIN/themes/reindeer/tabsheet/tabsheet-minimal-style.css
new file mode 100644
index 0000000000..d80f292055
--- /dev/null
+++ b/WebContent/VAADIN/themes/reindeer/tabsheet/tabsheet-minimal-style.css
@@ -0,0 +1,135 @@
+/**
+ * Tabsheet "minimal" style --------------
+ */
+.v-tabsheet-minimal .v-tabsheet-spacertd div {
+ border-bottom: 1px solid #bfbfbf;
+ height: auto;
+ background: transparent;
+}
+.v-tabsheet-minimal .v-tabsheet-tabitemcell,
+.v-tabsheet-minimal .v-tabsheet-spacertd {
+ height: auto;
+ background: transparent;
+ padding-left: 0;
+}
+.v-tabsheet-minimal .v-tabsheet-tabitem {
+ border: none;
+ border-bottom: 1px solid #bfbfbf;
+ color: #4d748f;
+ padding: 0;
+ height: auto;
+ background: transparent;
+ text-shadow: none;
+}
+.v-tabsheet-minimal .v-tabsheet-tabitem .v-caption {
+ padding: 5px 16px;
+ height: auto;
+ background: transparent;
+}
+.v-tabsheet-minimal .v-tabsheet-tabitemcell-selected {
+ background: transparent;
+}
+.v-tabsheet-minimal .v-tabsheet-tabitem-selected {
+ background: transparent;
+ border: 1px solid #bfbfbf;
+ border-bottom: none;
+ color: #222;
+}
+.v-tabsheet-minimal .v-tabsheet-tabitem-selected .v-caption {
+ background: transparent;
+ padding: 4px 15px 6px 15px;
+}
+.v-tabsheet-minimal .v-tabsheet-tabitem .v-caption-closable,
+.v-tabsheet-minimal .v-tabsheet-tabitem-selected .v-caption-closable {
+ padding-right: 6px;
+}
+.v-tabsheet-content-minimal {
+ border: none;
+}
+.v-tabsheet-content-minimal .v-tabsheet-tabsheetpanel {
+ background: transparent;
+}
+.v-tabsheet-deco-minimal {
+ height: 0;
+ border: none;
+}
+.v-tabsheet-minimal .v-tabsheet-scroller {
+ margin-top: -20px;
+ height: 17px;
+ padding: 0;
+ border: none;
+ background: transparent;
+}
+.v-tabsheet-minimal .v-tabsheet-scroller button {
+ margin-top: 0;
+}
+.v-tabsheet-minimal .v-tabsheet-caption-close,
+.v-tabsheet-minimal .v-tabsheet-caption-close:hover,
+.v-tabsheet-minimal .v-tabsheet-caption-close:active {
+ text-indent: 0;
+ background: transparent;
+ margin-left: 3px;
+ margin-right: -3px;
+ padding: 0;
+ color: #999;
+ width: 15px;
+ height: 15px;
+ line-height: 14px;
+ -webkit-border-radius: 7px;
+ -moz-border-radius: 7px;
+}
+.v-tabsheet-minimal .v-tabsheet-caption-close {
+ margin-top: 1px;
+}
+.v-ff .v-tabsheet-minimal .v-tabsheet-caption-close,
+.v-ie7 .v-tabsheet-minimal .v-tabsheet-caption-close {
+ margin-top: -15px;
+}
+.v-tabsheet-minimal .v-tabsheet-caption-close:hover {
+ color: #fff;
+ background: #aaa;
+}
+.v-tabsheet-minimal .v-tabsheet-caption-close:active {
+ background: #777;
+}
+/* Minimal tabsheet on blue background */
+.blue .v-tabsheet-minimal .v-tabsheet-spacertd div,
+.blue .v-tabsheet-minimal .v-tabsheet-tabitem,
+.blue .v-tabsheet-minimal .v-tabsheet-tabitem-selected {
+ border-color: #7c8a91;
+}
+.blue .v-tabsheet-minimal .v-tabsheet-caption-close {
+ color: #7c8a91;
+}
+.blue .v-tabsheet-minimal .v-tabsheet-caption-close:hover {
+ color: #BCD3DE;
+ background: #778d98;
+}
+.blue .v-tabsheet-minimal .v-tabsheet-caption-close:active {
+ background: #4f6874;
+}
+/* Minimal tabsheet on black background */
+.black .v-tabsheet-minimal .v-tabsheet-spacertd div,
+.black .v-tabsheet-minimal .v-tabsheet-tabitem,
+.black .v-tabsheet-minimal .v-tabsheet-tabitem-selected {
+ border-color: #3e4044;
+ color: #6a7f89;
+}
+.black .v-tabsheet-minimal .v-tabsheet-tabitem-selected {
+ color: #c9ccce;
+}
+.black .v-tabsheet-content-minimal,
+.black .v-tabsheet-content-bar {
+ color: #c9ccce;
+ text-shadow: #000 0 0 1px;
+}
+.black .v-tabsheet-minimal .v-tabsheet-caption-close {
+ color: #72787c;
+}
+.black .v-tabsheet-minimal .v-tabsheet-caption-close:hover {
+ color: #1d2021;
+ background: #4d5154;
+}
+.black .v-tabsheet-minimal .v-tabsheet-caption-close:active {
+ background: #626669;
+} \ No newline at end of file
diff --git a/WebContent/VAADIN/themes/reindeer/tabsheet/tabsheet-normal-style.css b/WebContent/VAADIN/themes/reindeer/tabsheet/tabsheet-normal-style.css
new file mode 100644
index 0000000000..607b25b794
--- /dev/null
+++ b/WebContent/VAADIN/themes/reindeer/tabsheet/tabsheet-normal-style.css
@@ -0,0 +1,160 @@
+/* Default Tabsheet styles */
+
+.v-tabsheet-tabitemcell,
+.v-tabsheet-spacertd {
+ height: 32px;
+}
+.v-tabsheet-tabitemcell {
+ background: no-repeat;
+ background-image: url(img/framed/tab-left.png); /** sprite-ref: verticals */
+ padding-left: 3px;
+}
+.v-tabsheet-tabitemcell-first {
+ padding-left: 10px;
+ background-image: url(img/framed/tab-first-left.png); /** sprite-ref: verticals */
+}
+.v-tabsheet-tabitem,
+.v-tabsheet-spacertd div {
+ border: none;
+ height: 32px;
+ background: transparent repeat-x;
+ background-image: url(img/framed/tab-bg.png); /** sprite-ref: verticals; sprite-alignment: repeat */
+ padding: 0;
+ color: #222;
+ text-shadow: #fff 0 1px 0;
+}
+.v-tabsheet-tabitem .v-caption {
+ border: none;
+ height: 23px;
+ background: no-repeat right top;
+ background-image: url(img/framed/tab-right.png); /** sprite-ref: verticals; sprite-alignment: right */
+ padding: 9px 8px 0 6px;
+}
+.v-tabsheet-tabitem .v-caption-closable {
+ padding-right: 0;
+ padding-left: 17px;
+}
+.v-tabsheet-tabitem .v-captiontext {
+ height: 16px;
+ line-height: 16px;
+}
+.v-tabsheet-caption-close {
+ float: right;
+ width: 19px;
+ height: 18px;
+ margin: -1px -1px 0;
+ padding-left: 2px;
+ background: transparent;
+ background-image: url(img/close-btn.png); /** sprite-ref: verticals */
+ cursor: default;
+ text-indent: -999px;
+ overflow: hidden;
+}
+.v-ff .v-tabsheet-caption-close,
+.v-ie7 .v-tabsheet-caption-close {
+ margin-top: -17px;
+}
+.v-ie6 .v-tabsheet-caption-close {
+ float: none;
+}
+.v-tabsheet-caption-close:hover {
+ background-image: url(img/close-btn-hover.png); /** sprite-ref: verticals */
+}
+.v-tabsheet-caption-close:active {
+ background-image: url(img/close-btn-pressed.png); /** sprite-ref: verticals */
+}
+.v-tabsheet-tabitem-selected .v-tabsheet-caption-close {
+ background-image: url(img/close-btn-sel.png); /** sprite-ref: verticals */
+}
+.v-tabsheet-tabitem-selected .v-tabsheet-caption-close:hover {
+ background-image: url(img/close-btn-sel-hover.png); /** sprite-ref: verticals */
+}
+.v-tabsheet-tabitem-selected .v-tabsheet-caption-close:active {
+ background-image: url(img/close-btn-sel-pressed.png); /** sprite-ref: verticals */
+}
+.v-tabsheet-tabitemcell-selected {
+ background-image: url(img/framed/tab-left-sel.png); /** sprite-ref: verticals */
+}
+.v-tabsheet-tabitemcell-selected-first {
+ background-image: url(img/framed/tab-first-left-sel.png); /** sprite-ref: verticals */
+}
+.v-tabsheet-tabitem-selected {
+ background-image: url(img/framed/tab-bg-sel.png); /** sprite-ref: verticals; sprite-alignment: repeat */
+ color: #232930;
+}
+.v-tabsheet-tabitem-selected .v-caption {
+ background-image: url(img/framed/tab-right-sel.png); /** sprite-ref: verticals; sprite-alignment: right */
+}
+.v-tabsheet-spacertd div {
+ margin-right: 4px;
+}
+.v-tabsheet-spacertd {
+ background: transparent no-repeat right top;
+ background-image: url(img/framed/tab-spacer-right.png); /** sprite-ref: verticals; sprite-alignment: right */
+}
+.v-tabsheet-content {
+ border: 1px solid #dcdcdc;
+ border-bottom: none;
+ border-top: none;
+ color: #222;
+ text-shadow: none;
+}
+.blue .v-tabsheet-content {
+ border-color: #a8bcc5;
+}
+.v-tabsheet-tabsheetpanel {
+ background: #fff;
+}
+.v-sa .v-tabsheet-content,
+.v-ff3 .v-tabsheet-content {
+ border-color: rgba(0,0,0,.1);
+}
+.v-tabsheet-deco {
+ height: 1px;
+ border-top: 1px solid #bebebe;
+ background: #e2e2e2;
+ overflow: hidden;
+}
+.blue .v-tabsheet-deco {
+ border-color: #92a3ac;
+ background: #adc2cd;
+}
+.v-sa .v-tabsheet-deco,
+.v-ff3 .v-tabsheet-deco {
+ border-top-color: rgba(0,0,0,.1);
+ background: rgba(0,0,0,.08);
+}
+
+
+/* Icons & error indicators */
+
+.v-tabsheet-tabs .v-icon,
+.v-tabsheet-tabs .v-captiontext,
+.v-tabsheet-tabs .v-errorindicator {
+ display: inline;
+ float: none;
+}
+.v-sa .v-tabsheet-tabs .v-captiontext {
+ display: inline-block;
+}
+.v-tabsheet-tabs .v-icon {
+ width: 16px !important;
+ height: 16px !important;
+}
+.v-tabsheet-tabs .v-errorindicator {
+ display: inline-block;
+ width: 13px;
+ height: 16px;
+ background: transparent url(../common/icons/error.png) no-repeat 50%;
+}
+.v-ff2 .v-tabsheet-tabs .v-icon,
+.v-ff2 .v-tabsheet-tabs .v-errorindicator {
+ display: -moz-inline-stack;
+}
+.v-ie6 .v-tabsheet-tabs .v-errorindicator {
+ background-image: url(../common/icons/error-ie6.png);
+}
+.v-ie .v-tabsheet-tabs .v-errorindicator {
+ zoom: 1;
+ display: inline;
+} \ No newline at end of file
diff --git a/WebContent/VAADIN/themes/reindeer/tabsheet/tabsheet-scroller.css b/WebContent/VAADIN/themes/reindeer/tabsheet/tabsheet-scroller.css
new file mode 100644
index 0000000000..217676558e
--- /dev/null
+++ b/WebContent/VAADIN/themes/reindeer/tabsheet/tabsheet-scroller.css
@@ -0,0 +1,52 @@
+/* Tabsheet scroller styles */
+
+.v-tabsheet-scroller {
+ height: 31px;
+ margin-top: -31px;
+ padding: 0 3px 0 4px;
+ border-right: 1px solid #c2c2c2;
+ border-left: 1px solid #cfcfcf;
+ position: relative;
+ float: right;
+ background: transparent url(img/framed/tab-bg.png) repeat-x left -1px;
+ width: 36px;
+}
+.v-tabsheet-scroller button {
+ margin-top: 7px;
+}
+.v-tabsheet-scrollerPrev,
+.v-tabsheet-scrollerNext,
+.v-tabsheet-scrollerPrev-disabled,
+.v-tabsheet-scrollerNext-disabled {
+ border: none;
+ background: transparent;
+ background-image: url(img/tab-prev.png); /** sprite-ref: verticals */
+ width: 18px;
+ height: 17px;
+ overflow: hidden;
+ cursor: default;
+}
+.v-tabsheet-scroller button::-moz-focus-inner {
+ border: none;
+}
+.v-tabsheet-scrollerNext {
+ background-image: url(img/tab-next.png); /** sprite-ref: verticals */
+}
+.v-tabsheet-scrollerPrev:active {
+ background-image: url(img/tab-prev-pressed.png); /** sprite-ref: verticals */
+}
+.v-tabsheet-scrollerNext:active {
+ background-image: url(img/tab-next-pressed.png); /** sprite-ref: verticals */
+}
+.v-tabsheet-scrollerPrev-disabled,
+.v-tabsheet-scrollerPrev-disabled:active {
+ background-image: url(img/tab-prev-disabled.png); /** sprite-ref: verticals */
+ opacity: 1;
+ filter: none;
+}
+.v-tabsheet-scrollerNext-disabled,
+.v-tabsheet-scrollerNext-disabled:active {
+ background-image: url(img/tab-next-disabled.png); /** sprite-ref: verticals; sprite-margin-bottom: 1px */
+ opacity: 1;
+ filter: none;
+} \ No newline at end of file
diff --git a/WebContent/VAADIN/themes/sampler/sampler/home/btn-shadow-bottom.png b/WebContent/VAADIN/themes/sampler/sampler/home/btn-shadow-bottom.png
new file mode 100644
index 0000000000..976e6fad5e
--- /dev/null
+++ b/WebContent/VAADIN/themes/sampler/sampler/home/btn-shadow-bottom.png
Binary files differ
diff --git a/WebContent/VAADIN/themes/sampler/sampler/home/btn-shadow-top.png b/WebContent/VAADIN/themes/sampler/sampler/home/btn-shadow-top.png
new file mode 100644
index 0000000000..87a687f10f
--- /dev/null
+++ b/WebContent/VAADIN/themes/sampler/sampler/home/btn-shadow-top.png
Binary files differ
diff --git a/WebContent/VAADIN/themes/sampler/sampler/home/label-grad.png b/WebContent/VAADIN/themes/sampler/sampler/home/label-grad.png
new file mode 100644
index 0000000000..d44d24bf2c
--- /dev/null
+++ b/WebContent/VAADIN/themes/sampler/sampler/home/label-grad.png
Binary files differ