More reindeer theme component now support black styles: datefield and combobox. Some...

svn changeset:7955/svn branch:6.0

diff --git a/WebContent/VAADIN/themes/reindeer/button/button.css b/WebContent/VAADIN/themes/reindeer/button/button.css
index 949ad1b454a7345a81cdb621abec6df79399c7f0..35973b057c72868dbfc8fe6ad24d017c6155a401 100644 (file)
--- a/WebContent/VAADIN/themes/reindeer/button/button.css
+++ b/WebContent/VAADIN/themes/reindeer/button/button.css
@@ -220,7 +220,7 @@ div > .v-button-small .v-button-caption,
 .v-ie7 .black .v-button .v-button-caption {
        background-image: url(img/black/right.png); /** sprite-ref: black-buttons; sprite-alignment: right */
        color: #c9ccce;
-       text-shadow: #000 0 1px 0;
+       text-shadow: rgba(0,0,0,.8) 0 -1px 0;
 }
 .black .v-button:focus {
        background-image: url(img/black/left-focus.png); /** sprite-ref: black-buttons */
@@ -247,7 +247,6 @@ div > .v-button-small .v-button-caption,
 .black div > .v-button-primary .v-button-caption,
 .v-ie7 .black .v-button-primary .v-button-caption {
        background-image: url(img/black/primary-right.png); /** sprite-ref: black-buttons; sprite-alignment: right */
-       text-shadow: #26282a 0 1px 0;
 }
 .black .v-button-primary:focus {
        background-image: url(img/black/primary-left-focus.png); /** sprite-ref: black-buttons */
@@ -275,7 +274,6 @@ div > .v-button-small .v-button-caption,
 .black div > .v-button-small .v-button-caption,
 .v-ie7 .black .v-button-small .v-button-caption {
        background-image: url(img/black/small-right.png); /** sprite-ref: black-buttons; sprite-alignment: right */
-       text-shadow: #000 0 -1px 0;
 }
 .black .v-button-small:focus {
        background-image: url(img/black/small-left-focus.png); /** sprite-ref: black-buttons */

diff --git a/WebContent/VAADIN/themes/reindeer/common/img/black-vertical-sprites-ie6.png b/WebContent/VAADIN/themes/reindeer/common/img/black-vertical-sprites-ie6.png
new file mode 100644 (file)
index 0000000..297bb0a
Binary files /dev/null and b/WebContent/VAADIN/themes/reindeer/common/img/black-vertical-sprites-ie6.png differ

diff --git a/WebContent/VAADIN/themes/reindeer/common/img/black-vertical-sprites.png b/WebContent/VAADIN/themes/reindeer/common/img/black-vertical-sprites.png
index 887eca49ac74da3ed0546caaa82beea7fedd0f78..ffd2cc35e98d0e803802684c4b4983120e54f20b 100644 (file)
Binary files a/WebContent/VAADIN/themes/reindeer/common/img/black-vertical-sprites.png and b/WebContent/VAADIN/themes/reindeer/common/img/black-vertical-sprites.png differ

diff --git a/WebContent/VAADIN/themes/reindeer/common/img/vertical-sprites-ie6.png b/WebContent/VAADIN/themes/reindeer/common/img/vertical-sprites-ie6.png
index 531dae0dd1b10e1259be34a5a533ce2aca385821..51efeaa603331f506cb5d191d495754ea16a6579 100644 (file)
Binary files a/WebContent/VAADIN/themes/reindeer/common/img/vertical-sprites-ie6.png and b/WebContent/VAADIN/themes/reindeer/common/img/vertical-sprites-ie6.png differ

diff --git a/WebContent/VAADIN/themes/reindeer/common/img/vertical-sprites.png b/WebContent/VAADIN/themes/reindeer/common/img/vertical-sprites.png
index 83f21e3f3bdd8f7f294ebcae16edd49fb8aad795..f5b413b2c6262af94fff0391e9ffdf4e43cf408b 100644 (file)
Binary files a/WebContent/VAADIN/themes/reindeer/common/img/vertical-sprites.png and b/WebContent/VAADIN/themes/reindeer/common/img/vertical-sprites.png differ

diff --git a/WebContent/VAADIN/themes/reindeer/datefield/datefield.css b/WebContent/VAADIN/themes/reindeer/datefield/datefield.css
index 7eea8225474ee578484a626523736e18e4402c1a..8c39a3403688ee93ce39a79253894d70b3b31682 100644 (file)
--- a/WebContent/VAADIN/themes/reindeer/datefield/datefield.css
+++ b/WebContent/VAADIN/themes/reindeer/datefield/datefield.css
@@ -244,4 +244,17 @@ td.v-datefield-calendarpanel-nextyear {
 }
 .v-datefield-popupcalendar .v-datefield-button:active {
        background-image: url(img/popup-btn-pressed.png); /** sprite-ref: verticals */
+}
+
+/* over black background */
+.black .v-datefield-popupcalendar .v-datefield-button {
+       background-image: url(img/popup-btn-black.png); /** sprite-ref: black-verticals */
+}
+.black .v-datefield-popupcalendar .v-datefield-button:active {
+       background-image: url(img/popup-btn-black-pressed.png); /** sprite-ref: black-verticals */
+}
+
+/* Small adjustment for IE6 */
+.v-ie6 .v-datefield-popupcalendar .v-datefield-button {
+       margin-top: 1px;
 }
\ No newline at end of file

diff --git a/WebContent/VAADIN/themes/reindeer/datefield/img/popup-btn-black-pressed.png b/WebContent/VAADIN/themes/reindeer/datefield/img/popup-btn-black-pressed.png
new file mode 100644 (file)
index 0000000..393b1c5
Binary files /dev/null and b/WebContent/VAADIN/themes/reindeer/datefield/img/popup-btn-black-pressed.png differ

diff --git a/WebContent/VAADIN/themes/reindeer/datefield/img/popup-btn-black.png b/WebContent/VAADIN/themes/reindeer/datefield/img/popup-btn-black.png
new file mode 100644 (file)
index 0000000..927fba5
Binary files /dev/null and b/WebContent/VAADIN/themes/reindeer/datefield/img/popup-btn-black.png differ

diff --git a/WebContent/VAADIN/themes/reindeer/label/label.css b/WebContent/VAADIN/themes/reindeer/label/label.css
index d8bea5cbe74426f41211ddc66b401cb882f44fd4..8a7b18ff81fda72d6f776975ad25fa4a1c905fa9 100644 (file)
--- a/WebContent/VAADIN/themes/reindeer/label/label.css
+++ b/WebContent/VAADIN/themes/reindeer/label/label.css
@@ -9,6 +9,7 @@
        line-height: 30px;
        font-weight: bold;
        color: #44698b;
+       letter-spacing: -0.02em;
 }
 .v-label-h2,
 .v-caption-h2 {

diff --git a/WebContent/VAADIN/themes/reindeer/select/img/center-black-focus.png b/WebContent/VAADIN/themes/reindeer/select/img/center-black-focus.png
new file mode 100644 (file)
index 0000000..91d7a49
Binary files /dev/null and b/WebContent/VAADIN/themes/reindeer/select/img/center-black-focus.png differ

diff --git a/WebContent/VAADIN/themes/reindeer/select/img/center-black.png b/WebContent/VAADIN/themes/reindeer/select/img/center-black.png
new file mode 100644 (file)
index 0000000..5abccb4
Binary files /dev/null and b/WebContent/VAADIN/themes/reindeer/select/img/center-black.png differ

diff --git a/WebContent/VAADIN/themes/reindeer/select/img/left-black-focus.png b/WebContent/VAADIN/themes/reindeer/select/img/left-black-focus.png
new file mode 100644 (file)
index 0000000..d294d3e
Binary files /dev/null and b/WebContent/VAADIN/themes/reindeer/select/img/left-black-focus.png differ

diff --git a/WebContent/VAADIN/themes/reindeer/select/img/left-black.png b/WebContent/VAADIN/themes/reindeer/select/img/left-black.png
new file mode 100644 (file)
index 0000000..84948e0
Binary files /dev/null and b/WebContent/VAADIN/themes/reindeer/select/img/left-black.png differ

diff --git a/WebContent/VAADIN/themes/reindeer/select/img/right-black-focus-hover.png b/WebContent/VAADIN/themes/reindeer/select/img/right-black-focus-hover.png
new file mode 100644 (file)
index 0000000..1d9741f
Binary files /dev/null and b/WebContent/VAADIN/themes/reindeer/select/img/right-black-focus-hover.png differ

diff --git a/WebContent/VAADIN/themes/reindeer/select/img/right-black-focus-pressed.png b/WebContent/VAADIN/themes/reindeer/select/img/right-black-focus-pressed.png
new file mode 100644 (file)
index 0000000..f474432
Binary files /dev/null and b/WebContent/VAADIN/themes/reindeer/select/img/right-black-focus-pressed.png differ

diff --git a/WebContent/VAADIN/themes/reindeer/select/img/right-black-focus.png b/WebContent/VAADIN/themes/reindeer/select/img/right-black-focus.png
new file mode 100644 (file)
index 0000000..afcab80
Binary files /dev/null and b/WebContent/VAADIN/themes/reindeer/select/img/right-black-focus.png differ

diff --git a/WebContent/VAADIN/themes/reindeer/select/img/right-black-hover.png b/WebContent/VAADIN/themes/reindeer/select/img/right-black-hover.png
new file mode 100644 (file)
index 0000000..d8bfd81
Binary files /dev/null and b/WebContent/VAADIN/themes/reindeer/select/img/right-black-hover.png differ

diff --git a/WebContent/VAADIN/themes/reindeer/select/img/right-black-pressed.png b/WebContent/VAADIN/themes/reindeer/select/img/right-black-pressed.png
new file mode 100644 (file)
index 0000000..bb862c2
Binary files /dev/null and b/WebContent/VAADIN/themes/reindeer/select/img/right-black-pressed.png differ

diff --git a/WebContent/VAADIN/themes/reindeer/select/img/right-black.png b/WebContent/VAADIN/themes/reindeer/select/img/right-black.png
new file mode 100644 (file)
index 0000000..6bae936
Binary files /dev/null and b/WebContent/VAADIN/themes/reindeer/select/img/right-black.png differ

diff --git a/WebContent/VAADIN/themes/reindeer/select/select.css b/WebContent/VAADIN/themes/reindeer/select/select.css
index 93e3c31e6eceda7dadadf2c46a1f2e3b31e286b0..0b8565ae717ebd86011d119a8de69827e928f883 100644 (file)
--- a/WebContent/VAADIN/themes/reindeer/select/select.css
+++ b/WebContent/VAADIN/themes/reindeer/select/select.css
@@ -187,6 +187,61 @@
 
 
 
+
+/* Combobox on black background */
+.black .v-filterselect {
+       background-image: url(img/left-black.png); /** sprite-ref: black-verticals; sprite-margin-bottom: 1px */
+}
+.v-app .black .v-filterselect-input,
+.v-window .black .v-filterselect-input,
+.v-popupview-popup .black .v-filterselect-input {
+       color: #c9ccce;
+       background-image: url(img/center-black.png); /** sprite-ref: black-verticals; sprite-alignment: repeat; sprite-margin-bottom: 1px */
+}
+.black .v-filterselect-focus {
+       background-image: url(img/left-black-focus.png); /** sprite-ref: black-verticals; sprite-margin-bottom: 1px */
+}
+.black .v-filterselect-focus .v-filterselect-input {
+       background-image: url(img/center-black-focus.png); /** sprite-ref: black-verticals; sprite-alignment: repeat; sprite-margin-bottom: 1px */
+}
+.black .v-filterselect-button {
+       background-image: url(img/right-black.png); /** sprite-ref: black-verticals; sprite-margin-bottom: 1px */
+}
+.black .v-filterselect-button:hover {
+       background-image: url(img/right-black-hover.png); /** sprite-ref: black-verticals; sprite-margin-bottom: 1px */
+}
+.black .v-filterselect-button:active {
+       background-image: url(img/right-black-pressed.png); /** sprite-ref: black-verticals; sprite-margin-bottom: 1px */
+}
+.black .v-filterselect-focus .v-filterselect-button {
+       background-image: url(img/right-black-focus.png); /** sprite-ref: black-verticals; sprite-margin-bottom: 1px */
+}
+.black .v-filterselect-focus .v-filterselect-button:hover {
+       background-image: url(img/right-black-focus-hover.png); /** sprite-ref: verticals; sprite-margin-bottom: 1px */
+}
+.black .v-filterselect-focus .v-filterselect-button:active {
+       background-image: url(img/right-black-focus-pressed.png); /** sprite-ref: black-verticals; sprite-margin-bottom: 1px */
+}
+.black .v-disabled .v-filterselect-button:hover,
+.black .v-readonly .v-filterselect-button:hover {
+       background-image: url(img/right-black.png); /** sprite-ref: verticals; sprite-margin-bottom: 1px */
+}
+.black .v-filterselect-prompt .v-filterselect-input {
+       color: #5f6366;
+}
+
+
+
+/* Native selects on black background */
+.black .v-select select,
+.black .v-select-twincol select {
+       border: 1px solid #343536;
+       border-top-color: #2a2a2b;
+       border-bottom-color: #3a3b3c;
+       background: #1b1d1e;
+       color: #c9ccce;
+}
+
 /* Twincolselect needs a little tweak in IE6 */
 .v-ie6 .v-select-twincol-buttons {
        overflow: hidden;

diff --git a/WebContent/VAADIN/themes/reindeer/styles.css b/WebContent/VAADIN/themes/reindeer/styles.css
index 3ab314bac2c0ef89919f101eaf5ae002db9bd0c7..fd6107c3d1f83c86e1400887f4435096dec2191a 100644 (file)
--- a/WebContent/VAADIN/themes/reindeer/styles.css
+++ b/WebContent/VAADIN/themes/reindeer/styles.css
@@ -1884,7 +1884,7 @@ div > .v-button-small .v-button-caption,
   -background-image: url(button/img/black-button-sprites-ie6.png);
   background-position: right -26px;
        color: #c9ccce;
-       text-shadow: #000 0 1px 0;
+       text-shadow: rgba(0,0,0,.8) 0 -1px 0;
 }
 .black .v-button:focus {
   background-image: url(button/img/black-button-sprites.png);
@@ -1923,7 +1923,6 @@ div > .v-button-small .v-button-caption,
   background-image: url(button/img/black-button-sprites.png);
   -background-image: url(button/img/black-button-sprites-ie6.png);
   background-position: right -182px;
-       text-shadow: #26282a 0 1px 0;
 }
 .black .v-button-primary:focus {
   background-image: url(button/img/black-button-sprites.png);
@@ -1963,7 +1962,6 @@ div > .v-button-small .v-button-caption,
   background-image: url(button/img/black-button-sprites.png);
   -background-image: url(button/img/black-button-sprites-ie6.png);
   background-position: right -332px;
-       text-shadow: #000 0 -1px 0;
 }
 .black .v-button-small:focus {
   background-image: url(button/img/black-button-sprites.png);
@@ -2493,6 +2491,23 @@ td.v-datefield-calendarpanel-nextyear {
   background-position: left -357px;
 }
 
+/* over black background */
+.black .v-datefield-popupcalendar .v-datefield-button {
+  background-image: url(common/img/black-vertical-sprites.png);
+  -background-image: url(common/img/black-vertical-sprites-ie6.png);
+  background-position: left -0px;
+}
+.black .v-datefield-popupcalendar .v-datefield-button:active {
+  background-image: url(common/img/black-vertical-sprites.png);
+  -background-image: url(common/img/black-vertical-sprites-ie6.png);
+  background-position: left -23px;
+}
+
+/* Small adjustment for IE6 */
+.v-ie6 .v-datefield-popupcalendar .v-datefield-button {
+       margin-top: 1px;
+}
+
 /* ./WebContent/VAADIN/themes/reindeer/formlayout/formlayout.css */
 .v-formlayout-cell .v-errorindicator {
        width: 13px;
@@ -2560,6 +2575,7 @@ td.v-datefield-calendarpanel-nextyear {
        line-height: 30px;
        font-weight: bold;
        color: #44698b;
+       letter-spacing: -0.02em;
 }
 .v-label-h2,
 .v-caption-h2 {
@@ -2921,6 +2937,83 @@ td.v-datefield-calendarpanel-nextyear {
 
 
 
+
+/* Combobox on black background */
+.black .v-filterselect {
+  background-image: url(common/img/black-vertical-sprites.png);
+  -background-image: url(common/img/black-vertical-sprites-ie6.png);
+  background-position: left -46px;
+}
+.v-app .black .v-filterselect-input,
+.v-window .black .v-filterselect-input,
+.v-popupview-popup .black .v-filterselect-input {
+       color: #c9ccce;
+  background-image: url(common/img/black-vertical-sprites.png);
+  -background-image: url(common/img/black-vertical-sprites-ie6.png);
+  background-position: left -70px;
+}
+.black .v-filterselect-focus {
+  background-image: url(common/img/black-vertical-sprites.png);
+  -background-image: url(common/img/black-vertical-sprites-ie6.png);
+  background-position: left -94px;
+}
+.black .v-filterselect-focus .v-filterselect-input {
+  background-image: url(common/img/black-vertical-sprites.png);
+  -background-image: url(common/img/black-vertical-sprites-ie6.png);
+  background-position: left -118px;
+}
+.black .v-filterselect-button {
+  background-image: url(common/img/black-vertical-sprites.png);
+  -background-image: url(common/img/black-vertical-sprites-ie6.png);
+  background-position: left -142px;
+}
+.black .v-filterselect-button:hover {
+  background-image: url(common/img/black-vertical-sprites.png);
+  -background-image: url(common/img/black-vertical-sprites-ie6.png);
+  background-position: left -166px;
+}
+.black .v-filterselect-button:active {
+  background-image: url(common/img/black-vertical-sprites.png);
+  -background-image: url(common/img/black-vertical-sprites-ie6.png);
+  background-position: left -190px;
+}
+.black .v-filterselect-focus .v-filterselect-button {
+  background-image: url(common/img/black-vertical-sprites.png);
+  -background-image: url(common/img/black-vertical-sprites-ie6.png);
+  background-position: left -214px;
+}
+.black .v-filterselect-focus .v-filterselect-button:hover {
+  background-image: url(common/img/vertical-sprites.png);
+  -background-image: url(common/img/vertical-sprites-ie6.png);
+  background-position: left -771px;
+}
+.black .v-filterselect-focus .v-filterselect-button:active {
+  background-image: url(common/img/black-vertical-sprites.png);
+  -background-image: url(common/img/black-vertical-sprites-ie6.png);
+  background-position: left -238px;
+}
+.black .v-disabled .v-filterselect-button:hover,
+.black .v-readonly .v-filterselect-button:hover {
+  background-image: url(common/img/vertical-sprites.png);
+  -background-image: url(common/img/vertical-sprites-ie6.png);
+  background-position: left -795px;
+}
+.black .v-filterselect-prompt .v-filterselect-input {
+       color: #5f6366;
+}
+
+
+
+/* Native selects on black background */
+.black .v-select select,
+.black .v-select-twincol select {
+       border: 1px solid #343536;
+       border-top-color: #2a2a2b;
+       border-bottom-color: #3a3b3c;
+       background: #1b1d1e;
+       color: #c9ccce;
+}
+
 /* Twincolselect needs a little tweak in IE6 */
 .v-ie6 .v-select-twincol-buttons {
        overflow: hidden;
@@ -2943,7 +3036,7 @@ td.v-datefield-calendarpanel-nextyear {
        background: transparent;
   background-image: url(common/img/vertical-sprites.png);
   -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: left -771px;
+  background-position: left -819px;
        width: 10px;
        height: 10px;
        margin-top: -5px;
@@ -2951,7 +3044,7 @@ td.v-datefield-calendarpanel-nextyear {
 .v-slider-handle:active {
   background-image: url(common/img/vertical-sprites.png);
   -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: left -781px;
+  background-position: left -829px;
 }
 .v-slider-vertical {
        width: 2px;
@@ -2995,7 +3088,7 @@ td.v-datefield-calendarpanel-nextyear {
        background-repeat: repeat-x;
   background-image: url(common/img/vertical-sprites.png);
   -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: left -791px;
+  background-position: left -839px;
 }
 .v-splitpanel-vsplitter div {
        height: 7px;
@@ -3004,7 +3097,7 @@ td.v-datefield-calendarpanel-nextyear {
        background-position: 50%;
   background-image: url(common/img/vertical-sprites.png);
   -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: center -798px;
+  background-position: center -846px;
 }
 
 /* ./WebContent/VAADIN/themes/reindeer/table/table.css */
@@ -3013,7 +3106,7 @@ td.v-datefield-calendarpanel-nextyear {
        background: transparent repeat-x;
   background-image: url(common/img/vertical-sprites.png);
   -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: left -805px;
+  background-position: left -853px;
        height: 20px;
        text-transform: uppercase;
        font-size: 10px;
@@ -3048,13 +3141,13 @@ td.v-datefield-calendarpanel-nextyear {
        background: transparent no-repeat right 7px;
   background-image: url(common/img/vertical-sprites.png);
   -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: right -825px;
+  background-position: right -873px;
 }
 .v-table-header-cell-desc .v-table-caption-container {
        background: transparent no-repeat right 7px;
   background-image: url(common/img/vertical-sprites.png);
   -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: right -845px;
+  background-position: right -893px;
 }
 .v-table-body {
        border-color: #c2c3c4;
@@ -3076,7 +3169,7 @@ td.v-datefield-calendarpanel-nextyear {
        background: #4d749f repeat-x;
   background-image: url(common/img/vertical-sprites.png);
   -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: left -865px;
+  background-position: left -913px;
        color: #fff;
        text-shadow: #3b5a7a 0 1px 0;
 }
@@ -3090,12 +3183,12 @@ td.v-datefield-calendarpanel-nextyear {
        background: transparent no-repeat;
   background-image: url(common/img/vertical-sprites.png);
   -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: left -885px;
+  background-position: left -933px;
 }
 .v-table-column-selector:active {
   background-image: url(common/img/vertical-sprites.png);
   -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: left -905px;
+  background-position: left -953px;
 }
 .v-table-focus-slot-left {
        border-left-color: #222;
@@ -3110,7 +3203,7 @@ td.v-datefield-calendarpanel-nextyear {
        background: transparent repeat-x;
   background-image: url(common/img/vertical-sprites.png);
   -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: left -925px;
+  background-position: left -973px;
        padding: 4px;
        text-transform: uppercase;
        font-size: 10px;
@@ -3135,7 +3228,7 @@ td.v-datefield-calendarpanel-nextyear {
        background: transparent repeat-x;
   background-image: url(common/img/vertical-sprites.png);
   -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: left -945px;
+  background-position: left -993px;
        border: 1px solid #939494;
        border: none;
        border-radius-bottomleft: 4px;
@@ -3159,7 +3252,7 @@ td.v-datefield-calendarpanel-nextyear {
        background: transparent no-repeat 0 4px;
   background-image: url(common/img/vertical-sprites.png);
   -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: left -967px;
+  background-position: left -1015px;
        padding-left: 12px;
        padding-right: 4px;
 }
@@ -3170,7 +3263,7 @@ td.v-datefield-calendarpanel-nextyear {
 .v-contextmenu .gwt-MenuItem-selected .v-on {
   background-image: url(common/img/vertical-sprites.png);
   -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: left -981px;
+  background-position: left -1029px;
 }
 /* Borderless style */
 .v-table-borderless .v-table-header-wrap,
@@ -3183,7 +3276,7 @@ td.v-datefield-calendarpanel-nextyear {
        border-top-color: #2b3033;
   background-image: url(common/img/vertical-sprites.png);
   -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: left -996px;
+  background-position: left -1044px;
        color: #e7e9ea;
        text-shadow: #000 0 -1px 0;
 }
@@ -3193,27 +3286,27 @@ td.v-datefield-calendarpanel-nextyear {
 .v-table-strong .v-table-header-cell-asc .v-table-caption-container {
   background-image: url(common/img/vertical-sprites.png);
   -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: right -1016px;
+  background-position: right -1064px;
 }
 .v-table-strong ..v-table-header-cell-desc .v-table-caption-container {
   background-image: url(common/img/vertical-sprites.png);
   -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: right -1035px;
+  background-position: right -1083px;
 }
 .v-table-strong .v-table-column-selector {
   background-image: url(common/img/vertical-sprites.png);
   -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: left -1054px;
+  background-position: left -1102px;
 }
 .v-table-strong .v-table-column-selector:active {
   background-image: url(common/img/vertical-sprites.png);
   -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: left -1074px;
+  background-position: left -1122px;
 }
 .v-table-strong .v-table-header-drag {
   background-image: url(common/img/vertical-sprites.png);
   -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: left -1094px;
+  background-position: left -1142px;
        color: #e7e9ea;
        text-shadow: #000 0 -1px 0;
 }
@@ -3286,6 +3379,16 @@ td.v-datefield-calendarpanel-nextyear {
 .blue .v-tabsheet-tabitem-selected  {
        border-color: #7c8a91;
 }
+/* Tabsheet on black background */
+.black .v-tabsheet-spacertd div,
+.black .v-tabsheet-tabitem,
+.black .v-tabsheet-tabitem-selected  {
+       border-color: #3e4044;
+       color: #6a7f89;
+}
+.black .v-tabsheet-tabitem-selected {
+       color: #c9ccce;
+}
 
 /* ./WebContent/VAADIN/themes/reindeer/textfield/textfield.css */
 .v-textfield {
@@ -3298,7 +3401,7 @@ td.v-datefield-calendarpanel-nextyear {
        background-repeat: repeat-x;
   background-image: url(common/img/vertical-sprites.png);
   -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: left -1114px;
+  background-position: left -1162px;
        border-radius: 3px;
        -moz-border-radius: 3px;
 }
@@ -3370,7 +3473,8 @@ input.v-textfield-prompt {
        border-bottom-color: #3a3b3c;
        background: #1b1d1e;
   background-image: url(common/img/black-vertical-sprites.png);
-  background-position: left -0px;
+  -background-image: url(common/img/black-vertical-sprites-ie6.png);
+  background-position: left -262px;
        color: #c9ccce;
        text-shadow: #000 0 0 1px;
 }
@@ -3387,6 +3491,7 @@ input.v-textfield-prompt {
        -webkit-border-image: url(textfield/img/bg-border-image-black.png) 0 3 0 3 stretch stretch;
        -moz-border-image: url(textfield/img/bg-border-image-black.png) 0 3 0 3 stretch stretch;
        -o-border-image: url(textfield/img/bg-border-image-black.png) 0 3 0 3 stretch stretch;
+       height: 19px;
 }
 .v-sa .black input.v-textfield-focus,
 .v-ff35 .black input.v-textfield-focus {
@@ -3394,6 +3499,11 @@ input.v-textfield-prompt {
        -moz-border-image: url(textfield/img/bg-border-image-black-focus.png) 0 3 0 3 stretch stretch;
        -o-border-image: url(textfield/img/bg-border-image-black-focus.png) 0 3 0 3 stretch stretch;
 }
+.v-sa .black input.v-textfield-small,
+.v-ff35 .black input.v-textfield-small {
+       height: 15px;
+}
+
 .black input.v-textfield-prompt {
        color: #5f6366;
 }
@@ -3440,7 +3550,7 @@ input.v-textfield-readonly,
        background: #4d749f repeat-x;
   background-image: url(common/img/vertical-sprites.png);
   -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: left -1137px;
+  background-position: left -1185px;
        color: #fff;
        padding: 1px 2px;
        -webkit-border-radius: 2px;
@@ -3479,7 +3589,7 @@ input.v-textfield-readonly,
        background: transparent repeat-x;
   background-image: url(common/img/vertical-sprites.png);
   -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: left -1157px;
+  background-position: left -1205px;
 }
 .v-window-header {
        font-weight: bold;
@@ -3495,13 +3605,13 @@ input.v-textfield-readonly,
        background: transparent;
   background-image: url(common/img/vertical-sprites.png);
   -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: left -1194px;
+  background-position: left -1242px;
 }
 .v-window-footer {
        background-repeat: repeat-x;
   background-image: url(common/img/vertical-sprites.png);
   -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: left -1209px;
+  background-position: left -1257px;
 }
 .v-ie6 .v-window-footer {
        zoom: 1;
@@ -3514,17 +3624,17 @@ input.v-textfield-readonly,
        background: transparent;
   background-image: url(common/img/vertical-sprites.png);
   -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: left -1224px;
+  background-position: left -1272px;
 }
 .v-window-closebox:hover {
   background-image: url(common/img/vertical-sprites.png);
   -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: left -1240px;
+  background-position: left -1288px;
 }
 .v-window-closebox:active {
   background-image: url(common/img/vertical-sprites.png);
   -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: left -1256px;
+  background-position: left -1304px;
 }
 .v-window-contents {
        background: #fff;

diff --git a/WebContent/VAADIN/themes/reindeer/tabsheet/tabsheet.css b/WebContent/VAADIN/themes/reindeer/tabsheet/tabsheet.css
index 9f5f68ceb70eecdc097c7adfc6ed86c8204f801c..a19efc5c5cf61cdcfdba7e2cd70db181c65a165c 100644 (file)
--- a/WebContent/VAADIN/themes/reindeer/tabsheet/tabsheet.css
+++ b/WebContent/VAADIN/themes/reindeer/tabsheet/tabsheet.css
@@ -60,4 +60,14 @@
 .blue .v-tabsheet-tabitem,
 .blue .v-tabsheet-tabitem-selected  {
        border-color: #7c8a91;
+}
+/* Tabsheet on black background */
+.black .v-tabsheet-spacertd div,
+.black .v-tabsheet-tabitem,
+.black .v-tabsheet-tabitem-selected  {
+       border-color: #3e4044;
+       color: #6a7f89;
+}
+.black .v-tabsheet-tabitem-selected {
+       color: #c9ccce;
 }
\ No newline at end of file

diff --git a/WebContent/VAADIN/themes/reindeer/textfield/textfield.css b/WebContent/VAADIN/themes/reindeer/textfield/textfield.css
index cf42c645297816b30d67ef920932930e81d4b397..d9233ebd11ffea5e4e568901b0925b1e75aa6e9a 100644 (file)
--- a/WebContent/VAADIN/themes/reindeer/textfield/textfield.css
+++ b/WebContent/VAADIN/themes/reindeer/textfield/textfield.css
@@ -94,6 +94,7 @@ input.v-textfield-prompt {
        -webkit-border-image: url(img/bg-border-image-black.png) 0 3 0 3 stretch stretch;
        -moz-border-image: url(img/bg-border-image-black.png) 0 3 0 3 stretch stretch;
        -o-border-image: url(img/bg-border-image-black.png) 0 3 0 3 stretch stretch;
+       height: 19px;
 }
 .v-sa .black input.v-textfield-focus,
 .v-ff35 .black input.v-textfield-focus {
@@ -101,6 +102,11 @@ input.v-textfield-prompt {
        -moz-border-image: url(img/bg-border-image-black-focus.png) 0 3 0 3 stretch stretch;
        -o-border-image: url(img/bg-border-image-black-focus.png) 0 3 0 3 stretch stretch;
 }
+.v-sa .black input.v-textfield-small,
+.v-ff35 .black input.v-textfield-small {
+       height: 15px;
+}
+
 .black input.v-textfield-prompt {
        color: #5f6366;
 }