diff options
Diffstat (limited to 'WebContent')
63 files changed, 1722 insertions, 439 deletions
diff --git a/WebContent/VAADIN/themes/base/accordion/accordion.css b/WebContent/VAADIN/themes/base/accordion/accordion.css index 5c1a7d77b8..10c205ae24 100644 --- a/WebContent/VAADIN/themes/base/accordion/accordion.css +++ b/WebContent/VAADIN/themes/base/accordion/accordion.css @@ -6,6 +6,7 @@ } .v-accordion-item { position: relative; + zoom: 1; } .v-accordion-item-caption { overflow: hidden; diff --git a/WebContent/VAADIN/themes/base/styles.css b/WebContent/VAADIN/themes/base/styles.css index f49fd5ad71..a4ba40b756 100644 --- a/WebContent/VAADIN/themes/base/styles.css +++ b/WebContent/VAADIN/themes/base/styles.css @@ -15,6 +15,7 @@ } .v-accordion-item { position: relative; + zoom: 1; } .v-accordion-item-caption { overflow: hidden; @@ -1423,6 +1424,9 @@ div.v-progressindicator-indeterminate-disabled { .v-ie7 .v-table { overflow: visible; } +.v-table-body.focused{ + border-color: #388ddd; +} .v-table-header-wrap { overflow: hidden; border: 1px solid #aaa; @@ -1445,6 +1449,33 @@ div.v-progressindicator-indeterminate-disabled { .v-table-header-cell-desc { cursor: pointer; } + +.v-table-footer-wrap { + overflow: hidden; + border: 1px solid #aaa; + border-top: none; + background: #efefef; +} +.v-table-footer table{ + border-spacing: 0; + border-collapse: collapse; + margin: 0; + padding: 0; + border: 0; +} +.v-table-footer td { + padding: 0; + border-right: 1px solid #aaa; +} +.v-table-footer-cell{ + cursor: pointer; +} +.v-table-footer-container{ + float:right; + padding-right:6px; + overflow:hidden; + white-space:nowrap; +} .v-table-resizer { display: block; height: 1.2em; @@ -1547,6 +1578,10 @@ div.v-progressindicator-indeterminate-disabled { display: block; text-align: center; } +.v-table-body:focus, +.v-table-body-wrapper:focus{ + outline: none; +} /* row in column selector */ .v-on { diff --git a/WebContent/VAADIN/themes/base/table/table.css b/WebContent/VAADIN/themes/base/table/table.css index 498d1bfe80..7fdcd5b98a 100644 --- a/WebContent/VAADIN/themes/base/table/table.css +++ b/WebContent/VAADIN/themes/base/table/table.css @@ -29,6 +29,9 @@ .v-ie7 .v-table { overflow: visible; } +.v-table-body.focused{ + border-color: #388ddd; +} .v-table-header-wrap { overflow: hidden; border: 1px solid #aaa; @@ -51,6 +54,33 @@ .v-table-header-cell-desc { cursor: pointer; } + +.v-table-footer-wrap { + overflow: hidden; + border: 1px solid #aaa; + border-top: none; + background: #efefef; +} +.v-table-footer table{ + border-spacing: 0; + border-collapse: collapse; + margin: 0; + padding: 0; + border: 0; +} +.v-table-footer td { + padding: 0; + border-right: 1px solid #aaa; +} +.v-table-footer-cell{ + cursor: pointer; +} +.v-table-footer-container{ + float:right; + padding-right:6px; + overflow:hidden; + white-space:nowrap; +} .v-table-resizer { display: block; height: 1.2em; @@ -153,6 +183,10 @@ display: block; text-align: center; } +.v-table-body:focus, +.v-table-body-wrapper:focus{ + outline: none; +} /* row in column selector */
.v-on { diff --git a/WebContent/VAADIN/themes/base/tree/tree.css b/WebContent/VAADIN/themes/base/tree/tree.css index 2676f9b7df..f549d1961d 100644 --- a/WebContent/VAADIN/themes/base/tree/tree.css +++ b/WebContent/VAADIN/themes/base/tree/tree.css @@ -2,6 +2,7 @@ text-align: left; /* Force default alignment */ overflow: hidden; padding: 1px 0; + outline: none; } .v-tree-node { background: transparent url(../common/img/sprites.png) no-repeat 5px -37px; diff --git a/WebContent/VAADIN/themes/demo/book-covers/comics.png b/WebContent/VAADIN/themes/demo/book-covers/comics.png Binary files differnew file mode 100644 index 0000000000..98bfb368d9 --- /dev/null +++ b/WebContent/VAADIN/themes/demo/book-covers/comics.png diff --git a/WebContent/VAADIN/themes/demo/book-covers/designing-interactions.png b/WebContent/VAADIN/themes/demo/book-covers/designing-interactions.png Binary files differnew file mode 100644 index 0000000000..7c8f97183d --- /dev/null +++ b/WebContent/VAADIN/themes/demo/book-covers/designing-interactions.png diff --git a/WebContent/VAADIN/themes/demo/book-covers/designing-interfaces.png b/WebContent/VAADIN/themes/demo/book-covers/designing-interfaces.png Binary files differnew file mode 100644 index 0000000000..471f6711d9 --- /dev/null +++ b/WebContent/VAADIN/themes/demo/book-covers/designing-interfaces.png diff --git a/WebContent/VAADIN/themes/demo/book-covers/gdtnb.png b/WebContent/VAADIN/themes/demo/book-covers/gdtnb.png Binary files differnew file mode 100644 index 0000000000..48cddc5789 --- /dev/null +++ b/WebContent/VAADIN/themes/demo/book-covers/gdtnb.png diff --git a/WebContent/VAADIN/themes/demo/book-covers/new-mind.png b/WebContent/VAADIN/themes/demo/book-covers/new-mind.png Binary files differnew file mode 100644 index 0000000000..d23fe11b47 --- /dev/null +++ b/WebContent/VAADIN/themes/demo/book-covers/new-mind.png diff --git a/WebContent/VAADIN/themes/demo/book-covers/new-type.png b/WebContent/VAADIN/themes/demo/book-covers/new-type.png Binary files differnew file mode 100644 index 0000000000..9ad7ffa07b --- /dev/null +++ b/WebContent/VAADIN/themes/demo/book-covers/new-type.png diff --git a/WebContent/VAADIN/themes/demo/book-covers/rogue-leaders.png b/WebContent/VAADIN/themes/demo/book-covers/rogue-leaders.png Binary files differnew file mode 100644 index 0000000000..9468f7e80f --- /dev/null +++ b/WebContent/VAADIN/themes/demo/book-covers/rogue-leaders.png diff --git a/WebContent/VAADIN/themes/demo/book-covers/simplicity.png b/WebContent/VAADIN/themes/demo/book-covers/simplicity.png Binary files differnew file mode 100644 index 0000000000..cdfb79aa42 --- /dev/null +++ b/WebContent/VAADIN/themes/demo/book-covers/simplicity.png diff --git a/WebContent/VAADIN/themes/demo/book-covers/tcss.png b/WebContent/VAADIN/themes/demo/book-covers/tcss.png Binary files differnew file mode 100644 index 0000000000..d40cf1bb00 --- /dev/null +++ b/WebContent/VAADIN/themes/demo/book-covers/tcss.png diff --git a/WebContent/VAADIN/themes/demo/book-covers/upod.png b/WebContent/VAADIN/themes/demo/book-covers/upod.png Binary files differnew file mode 100644 index 0000000000..5da43f2525 --- /dev/null +++ b/WebContent/VAADIN/themes/demo/book-covers/upod.png diff --git a/WebContent/VAADIN/themes/demo/book-covers/wfd.png b/WebContent/VAADIN/themes/demo/book-covers/wfd.png Binary files differnew file mode 100644 index 0000000000..3bcc62cb39 --- /dev/null +++ b/WebContent/VAADIN/themes/demo/book-covers/wfd.png diff --git a/WebContent/VAADIN/themes/reindeer/button/img/black-button-sprites-ie6.png b/WebContent/VAADIN/themes/reindeer/button/img/black-button-sprites-ie6.png Binary files differindex 90a73be23f..515f64155d 100644 --- a/WebContent/VAADIN/themes/reindeer/button/img/black-button-sprites-ie6.png +++ b/WebContent/VAADIN/themes/reindeer/button/img/black-button-sprites-ie6.png diff --git a/WebContent/VAADIN/themes/reindeer/button/img/button-sprites-ie6.png b/WebContent/VAADIN/themes/reindeer/button/img/button-sprites-ie6.png Binary files differindex 8ccaa56edd..662dc4c661 100644 --- a/WebContent/VAADIN/themes/reindeer/button/img/button-sprites-ie6.png +++ b/WebContent/VAADIN/themes/reindeer/button/img/button-sprites-ie6.png 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 Binary files differindex 84c52dbf4c..0a7bd350e5 100644 --- a/WebContent/VAADIN/themes/reindeer/common/img/black-vertical-sprites-ie6.png +++ b/WebContent/VAADIN/themes/reindeer/common/img/black-vertical-sprites-ie6.png diff --git a/WebContent/VAADIN/themes/reindeer/common/img/horizontal-sprites.png b/WebContent/VAADIN/themes/reindeer/common/img/horizontal-sprites.png Binary files differindex 7980a5aa18..3f107c2c31 100644 --- a/WebContent/VAADIN/themes/reindeer/common/img/horizontal-sprites.png +++ b/WebContent/VAADIN/themes/reindeer/common/img/horizontal-sprites.png diff --git a/WebContent/VAADIN/themes/reindeer/common/img/vertical-sprites-ie6.png b/WebContent/VAADIN/themes/reindeer/common/img/vertical-sprites-ie6.png Binary files differindex bbededab94..d11847a71d 100644 --- a/WebContent/VAADIN/themes/reindeer/common/img/vertical-sprites-ie6.png +++ b/WebContent/VAADIN/themes/reindeer/common/img/vertical-sprites-ie6.png diff --git a/WebContent/VAADIN/themes/reindeer/styles.css b/WebContent/VAADIN/themes/reindeer/styles.css index 9911745757..f128894ae1 100644 --- a/WebContent/VAADIN/themes/reindeer/styles.css +++ b/WebContent/VAADIN/themes/reindeer/styles.css @@ -15,6 +15,7 @@ } .v-accordion-item { position: relative; + zoom: 1; } .v-accordion-item-caption { overflow: hidden; @@ -1423,6 +1424,9 @@ div.v-progressindicator-indeterminate-disabled { .v-ie7 .v-table { overflow: visible; } +.v-table-body.focused{ + border-color: #388ddd; +} .v-table-header-wrap { overflow: hidden; border: 1px solid #aaa; @@ -1445,6 +1449,33 @@ div.v-progressindicator-indeterminate-disabled { .v-table-header-cell-desc { cursor: pointer; } + +.v-table-footer-wrap { + overflow: hidden; + border: 1px solid #aaa; + border-top: none; + background: #efefef; +} +.v-table-footer table{ + border-spacing: 0; + border-collapse: collapse; + margin: 0; + padding: 0; + border: 0; +} +.v-table-footer td { + padding: 0; + border-right: 1px solid #aaa; +} +.v-table-footer-cell{ + cursor: pointer; +} +.v-table-footer-container{ + float:right; + padding-right:6px; + overflow:hidden; + white-space:nowrap; +} .v-table-resizer { display: block; height: 1.2em; @@ -1547,6 +1578,10 @@ div.v-progressindicator-indeterminate-disabled { display: block; text-align: center; } +.v-table-body:focus, +.v-table-body-wrapper:focus{ + outline: none; +} /* row in column selector */ .v-on { @@ -4132,9 +4167,23 @@ td.v-datefield-calendarpanel-nextyear { text-shadow: #fff 0 1px 0; line-height: normal; } + +.v-table-footer-wrap, +.white .v-table-footer-wrap{ + border-color: #c2c3c4; + background: transparent repeat-x; + background-image: url(table/img/header-bg-light.png); + height: 20px; +} + .v-table-header { height: 20px; } +.v-table-footer, +.v-table-footer table { + height: 20px; +} + .v-table-caption-container { heigth: 16px; padding-top: 4px; @@ -4148,6 +4197,9 @@ td.v-datefield-calendarpanel-nextyear { .v-ie .v-table-caption-container .v-icon { margin-top: -3px; } +.v-table-footer-container { + heigth: 16px; +} .v-table-resizer { height: 20px; width: 2px; @@ -4195,6 +4247,17 @@ td.v-datefield-calendarpanel-nextyear { .v-table .v-selected .v-table-cell-content { border-right-color: #466c90; } +.v-table-body:focus{ + outline: none; +} +.v-table .v-table-focus .v-table-cell-content{ + border-top: 1px dotted black; + border-bottom: 1px dotted black; +} +.v-table .v-table-focus .v-table-cell-content .v-table-cell-wrapper{ + padding-top:2px; + padding-bottom:2px; +} .v-table-column-selector { width: 16px; height: 20px; diff --git a/WebContent/VAADIN/themes/reindeer/table/table.css b/WebContent/VAADIN/themes/reindeer/table/table.css index 3c237d1393..fc9db768df 100644 --- a/WebContent/VAADIN/themes/reindeer/table/table.css +++ b/WebContent/VAADIN/themes/reindeer/table/table.css @@ -21,9 +21,23 @@ text-shadow: #fff 0 1px 0; line-height: normal; } + +.v-table-footer-wrap, +.white .v-table-footer-wrap{ + border-color: #c2c3c4; + background: transparent repeat-x; + background-image: url(img/header-bg-light.png); + height: 20px; +} + .v-table-header { height: 20px; } +.v-table-footer, +.v-table-footer table { + height: 20px; +} + .v-table-caption-container { heigth: 16px; padding-top: 4px; @@ -37,6 +51,9 @@ .v-ie .v-table-caption-container .v-icon { margin-top: -3px; } +.v-table-footer-container { + heigth: 16px; +} .v-table-resizer { height: 20px; width: 2px; @@ -80,6 +97,17 @@ .v-table .v-selected .v-table-cell-content { border-right-color: #466c90; } +.v-table-body:focus{ + outline: none; +} +.v-table .v-table-focus .v-table-cell-content{ + border-top: 1px dotted black; + border-bottom: 1px dotted black; +} +.v-table .v-table-focus .v-table-cell-content .v-table-cell-wrapper{ + padding-top:2px; + padding-bottom:2px; +} .v-table-column-selector { width: 16px; height: 20px; diff --git a/WebContent/VAADIN/themes/reindeer/tree/tree.css b/WebContent/VAADIN/themes/reindeer/tree/tree.css index 601521d84c..3f77bd991d 100644 --- a/WebContent/VAADIN/themes/reindeer/tree/tree.css +++ b/WebContent/VAADIN/themes/reindeer/tree/tree.css @@ -38,6 +38,17 @@ height: 10px; padding: 1px; } +.v-tree-node-caption.v-tree-node-focused span{ + padding-left: 1px; + padding-top: 0px; + padding-bottom: 0px; +} +.v-tree-node-focused span{ + border: 1px dotted black; +} +.v-ie6 .v-tree-node-ie6compatnode.v-tree-node-focused{ + padding-left: 0px; +} /*************************************** * Drag'n'drop styles ***************************************/ diff --git a/WebContent/VAADIN/themes/runo/accordion/accordion.css b/WebContent/VAADIN/themes/runo/accordion/accordion.css index b51b6e8b03..cad4bb94ba 100644 --- a/WebContent/VAADIN/themes/runo/accordion/accordion.css +++ b/WebContent/VAADIN/themes/runo/accordion/accordion.css @@ -1,21 +1,48 @@ -.v-accordion-item { - background-color: #fff; -} .v-accordion-item-caption { height: 31px; - background: #edf0f0 url(../tabsheet/img/tab-bg.png); + background: #edf0f0 url(img/bg.png); font-size: 15px; color: #656d73; + border: none; border-top: 1px solid #c8cccd; } .v-accordion-item-caption .v-caption { - padding: 7px 0 6px 18px; + padding: 7px 0 6px 31px; + background: transparent url(img/collapsed-icon.png) no-repeat 18px 50%; } .v-accordion-item-open .v-accordion-item-caption { color: #3b4b57; background: #d5dee2 url(img/selected-bg.png); - border-top-color: #cbd7de; - border-bottom-color: #bfc9d4; - text-shadow: #fafafa 0 1px 0; - border-bottom: 1px solid #c8cccd; + border-bottom: 1px solid #b4b9ba; + text-shadow: 0 1px 0 #fff; +} +.v-accordion-item-open .v-accordion-item-caption .v-caption { + background-image: url(img/expanded-icon.png); + background-position: 17px 50%; +} +.v-accordion-item-first .v-accordion-item-caption { + border-top: none; +} +.v-accordion-item-caption .v-caption:hover { + color: #3b4b57; +} + +/* Light style */ +.v-accordion-light .v-accordion-item-caption { + height: 24px; + padding: 3px 2px; + background: transparent; + border: none; +} +.v-accordion-light .v-accordion-item-caption .v-caption { + padding: 4px 15px 4px 28px; + font-size: 12px; + line-height: 16px; + height: 16px; + font-weight: bold; + border: 1px solid #c8cccd; + -webkit-border-radius: 12px; + -moz-border-radius: 12px; + border-radius: 12px; + background-position: 15px 50%; }
\ No newline at end of file diff --git a/WebContent/VAADIN/themes/runo/accordion/img/bg.png b/WebContent/VAADIN/themes/runo/accordion/img/bg.png Binary files differnew file mode 100644 index 0000000000..0015e4cd0e --- /dev/null +++ b/WebContent/VAADIN/themes/runo/accordion/img/bg.png diff --git a/WebContent/VAADIN/themes/runo/accordion/img/collapsed-icon.png b/WebContent/VAADIN/themes/runo/accordion/img/collapsed-icon.png Binary files differindex 1443459eb4..dc13f0f786 100755 --- a/WebContent/VAADIN/themes/runo/accordion/img/collapsed-icon.png +++ b/WebContent/VAADIN/themes/runo/accordion/img/collapsed-icon.png diff --git a/WebContent/VAADIN/themes/runo/accordion/img/expanded-icon.png b/WebContent/VAADIN/themes/runo/accordion/img/expanded-icon.png Binary files differindex 8a28fb8811..0ad8eb074f 100755 --- a/WebContent/VAADIN/themes/runo/accordion/img/expanded-icon.png +++ b/WebContent/VAADIN/themes/runo/accordion/img/expanded-icon.png diff --git a/WebContent/VAADIN/themes/runo/accordion/img/selected-bg.png b/WebContent/VAADIN/themes/runo/accordion/img/selected-bg.png Binary files differindex 99dca1c2d9..1c599db14e 100755 --- a/WebContent/VAADIN/themes/runo/accordion/img/selected-bg.png +++ b/WebContent/VAADIN/themes/runo/accordion/img/selected-bg.png diff --git a/WebContent/VAADIN/themes/runo/button/button.css b/WebContent/VAADIN/themes/runo/button/button.css index 230d49912f..c196841ad3 100644 --- a/WebContent/VAADIN/themes/runo/button/button.css +++ b/WebContent/VAADIN/themes/runo/button/button.css @@ -1,60 +1,158 @@ +.v-button {
+ padding: 1px;
+ border: none;
+ background: transparent;
+ }
+
.v-button:focus {
- border-color: #4897dc;
outline: none;
}
+
+.v-button:focus .v-button-wrap {
+ border-color: #57a7ed;
+ border-top-color: #60aef1;
+ border-bottom-color: #4c9adf;
+ -webkit-box-shadow: 0 0 2px #57a7ed;
+ -moz-box-shadow: 0 0 2px #57a7ed;
+ }
-.v-button:active,
-.v-button.v-pressed {
- background-position: left bottom;
- border-color: #babfc0;
- border-top-color: #a5abac;
+.v-button:active .v-button-wrap,
+.v-button.v-pressed .v-button-wrap {
+ background-position: 0 -79px;
+ background-color: #e7e9e9;
+ border-color: #b8bdbe;
+ border-top-color: #9da1a2;
+ border-bottom-color: #babfc0;
+ border-color: rgba(146,151,152,.9);
+ border-top-color: rgba(146,151,152,1);
+ -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4) inset;
+ -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4) inset;;
+ text-shadow: none;
}
-.v-button,
-.v-disabled.v-button {
- font-size: 13px;
- border: 1px solid #babfc0;
- border-bottom-color: #a5abac;
- background: #fff url(img/bg.png);
+.v-button .v-button-wrap,
+.v-disabled.v-button .v-button-wrap {
+ display: block;
+ font-size: 12px;
+ border: 1px solid #bdc1c2;
+ border-top-color: #cbcfd0;
+ border-bottom-color: #b6bbbb;
+ border-color: rgba(146,151,152,.8);
+ border-top-color: rgba(146,151,152,.6);
+ background: #e6e8e8 url(img/bg.png) repeat-x;
-webkit-background-origin: padding;
-moz-background-origin: padding;
padding: 3px 15px;
- -webkit-border-radius: 10px;
- -moz-border-radius: 10px;
- border-radius: 10px;
- font-size: 12px;
- line-height: 16px;
- min-height: 16px;
- }
-
-.v-button-caption {
+ -webkit-border-radius: 11px;
+ -moz-border-radius: 11px;
+ border-radius: 11px;
+ line-height: 14px;
+ min-height: 14px;
+ -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.15);
+ -moz-box-shadow: 0 1px 0 rgba(0,0,0,.15);
+ text-shadow: 0 1px 0 #fff;
color: #464f52;
+ overflow: hidden;
+ text-overflow: ellipsis;
}
-/* Small style */
+.v-ie7 .v-button .v-button-wrap {
+ overflow: visible;
+}
+
-.v-button-small,
-.v-disabled.v-button-small {
+
+/* Small style */
+.v-button-small .v-button-wrap,
+.v-disabled.v-button-small .v-button-wrap {
font-size: 11px;
- line-height: 14px;
- padding: 1px 15px;
- min-height: 14px;
+ line-height: 13px;
+ padding: 1px 12px;
+ min-height: 13px;
}
+/* Big style */
+.v-button-big .v-button-wrap,
+.v-disabled.v-button-big .v-button-wrap {
+ font-size: 15px;
+ line-height: 18px;
+ padding: 4px 18px;
+ min-height: 18px;
+ -webkit-border-radius: 14px;
+ -moz-border-radius: 14px;
+ border-radius: 14px;
+ }
+
+
+
+/* Default style */
+.v-button-default:focus .v-button-wrap {
+ background-color: #60839a;
+ background-position: 0 -158px;
+ text-shadow: 0 -1px 0 #657883;
+ }
+
+.v-button-default:active .v-button-wrap,
+.v-button-default.v-pressed .v-button-wrap {
+ background-position: 0 -79px;
+ background-color: #8f9898;
+ border-color: #737e81;
+ border-top-color: #576063;
+ border-bottom-color: #747f82;
+ color: #f0f2f2;
+ text-shadow: 0 -1px 0 #5d6969;
+ -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4) inset;;
+ -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4) inset;;
+ }
+
+.v-button-default .v-button-wrap,
+.v-disabled.v-button-default .v-button-wrap {
+ border-color: #899395;
+ border-top-color: #a4abae;
+ border-bottom-color: #727b7d;
+ background: #869090 url(img/bg-default.png) repeat-x;
+ text-shadow: 0 -1px 0 #797e7e;
+ color: #fff;
+ font-weight: bold;
+ -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.22);
+ -moz-box-shadow: 0 1px 0 rgba(0,0,0,.22);
+ }
+
+
+
+
/* Link style */
.v-button-link,
.v-disabled.v-button-link {
+ padding: 0;
+ }
+
+.v-button-link .v-button-wrap,
+.v-disabled.v-button-link .v-button-wrap,
+.v-button-link:active .v-button-wrap,
+.v-disabled.v-button-pressedv-button-link .v-button-wrap {
border: none;
background: transparent;
padding: 0;
font-size: 13px;
+ -webkit-box-shadow: none;
+ -mox-box-shadow: none;
+ -webkit-border-radius: 0;
+ -moz-border-radius: 0;
+ border-radius: 0;
+ text-shadow: none;
}
.v-button-link:focus {
outline: 1px dotted #4897dc;
}
+.v-button-link:focus .v-button-wrap {
+ -webkit-box-shadow: none;
+ -moz-box-shadow: none;
+ }
+
diff --git a/WebContent/VAADIN/themes/runo/button/img/bg-default.png b/WebContent/VAADIN/themes/runo/button/img/bg-default.png Binary files differnew file mode 100644 index 0000000000..bb655872e3 --- /dev/null +++ b/WebContent/VAADIN/themes/runo/button/img/bg-default.png diff --git a/WebContent/VAADIN/themes/runo/button/img/bg.png b/WebContent/VAADIN/themes/runo/button/img/bg.png Binary files differindex 1d3843a760..4552879208 100644 --- a/WebContent/VAADIN/themes/runo/button/img/bg.png +++ b/WebContent/VAADIN/themes/runo/button/img/bg.png diff --git a/WebContent/VAADIN/themes/runo/common/common.css b/WebContent/VAADIN/themes/runo/common/common.css index 14dfbea2db..b6adf8c44e 100644 --- a/WebContent/VAADIN/themes/runo/common/common.css +++ b/WebContent/VAADIN/themes/runo/common/common.css @@ -2,8 +2,8 @@ background: #e9eced; } .v-app { - background: #e9eced; - font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif; + background: #e9eced url(img/main-bg.png) repeat-x; + font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", geneva, helvetica, arial, tahoma, verdana, sans-serif; color: #464f52; font-size: 13px; line-height: 18px; diff --git a/WebContent/VAADIN/themes/runo/common/img/main-bg.png b/WebContent/VAADIN/themes/runo/common/img/main-bg.png Binary files differnew file mode 100644 index 0000000000..a6cd9288f7 --- /dev/null +++ b/WebContent/VAADIN/themes/runo/common/img/main-bg.png diff --git a/WebContent/VAADIN/themes/runo/datefield/datefield.css b/WebContent/VAADIN/themes/runo/datefield/datefield.css index e845901273..290784d97d 100644 --- a/WebContent/VAADIN/themes/runo/datefield/datefield.css +++ b/WebContent/VAADIN/themes/runo/datefield/datefield.css @@ -1,3 +1,7 @@ +.v-datefield input.v-textfield, +.v-datefield input.v-textfield[type=text] { + height: 18px; +} .v-datefield-button { font-size:13px;
width: 22px;
@@ -14,14 +18,19 @@ font-size: 12px;
background: #f6f7f7;
border: 1px solid #b6bbbc;
- padding: 6px;
+ padding: 2px 6px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px;
}
.v-datefield-calendarpanel {
- width: 19em;
- font-size: 12px;
+ width: 230px;
}
.v-datefield-popup .v-datefield-calendarpanel {
- width: 16em;
+ width: 200px;
+} +.v-datefield-year .v-datefield-calendarpanel { + width: 100px; }
.v-datefield-calendarpanel td {
text-align: right;
@@ -30,19 +39,19 @@ display: block;
}
.v-datefield-calendarpanel-header {
- height: 30px;
-}
-.v-datefield-calendarpanel-header,
-.v-datefield-calendarpanel strong {
+ height: 30px; font-size: 13px;
}
-.v-datefield-popup .v-datefield-calendarpanel-header,
-.v-datefield-popup .v-datefield-calendarpanel strong {
- font-size: 12px;
-}
-.v-datefield-calendarpanel-month {
+td.v-datefield-calendarpanel-month {
font-weight: bold;
- text-shadow: #ffffff 2px 2px 0;
+ text-shadow: 0 1px 0 #fff; + width: 150px;
+} +.v-datefield-calendarpanel-prevyear, +.v-datefield-calendarpanel-nextyear, +.v-datefield-calendarpanel-prevmonth, +.v-datefield-calendarpanel-nextmonth { + width: 16px; }
/* Year buttons */
.v-datefield-calendarpanel .v-button-prevyear,
@@ -85,7 +94,8 @@ .v-datefield-calendarpanel strong {
color: #ee5311;
display: block;
- width: 20px;
+ width: 20px; + font-size: 12px;
}
.v-datefield-calendarpanel-day,
.v-datefield-calendarpanel-weeknumber, diff --git a/WebContent/VAADIN/themes/runo/label/label.css b/WebContent/VAADIN/themes/runo/label/label.css new file mode 100644 index 0000000000..e851bd74f3 --- /dev/null +++ b/WebContent/VAADIN/themes/runo/label/label.css @@ -0,0 +1,70 @@ +.v-label h1, +.v-label h2, +.v-label h3, +.v-label h4, +.v-label h5, +.v-label h6 { + color: #404749; +} + +.v-label-h1, +.v-label h1 { + margin: 0; + padding: 8px 0 4px; + font-size: 24px; + line-height: normal; + letter-spacing: -0.03em; + font-weight: normal; + text-shadow: 0 1px 1px #fff; +} + +.v-label-h2, +.v-label h2 { + color: #f14c1a; + font-size: 18px; + letter-spacing: -0.03em; + font-weight: normal; + padding: 13px 0 5px; +} + +.v-label-h3, +.v-label h3 { + font-size: 15px; + letter-spacing: -0.03em; + font-weight: normal; + text-shadow: 0 1px 1px #fff; +} + +.v-label-h4, +.v-label h4 { + font-size: 13px; + font-weight: normal; + text-shadow: 0 1px 1px #fff; + margin: 0; + padding: 8px 0 4px; +} + +.v-label-small { + font-size: .87em; + line-height: 1.4; + color: #707679; +} + +.v-label hr, +.v-label-hr { + height: 2px; + overflow: hidden; + background: #ccd2d3; + color: #ccd2d3; /* For IE */ + border: none; + border-bottom: 1px solid #fff; + margin: 0; +} +.v-label-hr { + height: 1px; +} + +.v-sa .v-label hr, +.v-ie8 .v-label hr { + height: 1px; +}
\ No newline at end of file diff --git a/WebContent/VAADIN/themes/runo/notification/notification.css b/WebContent/VAADIN/themes/runo/notification/notification.css index 431392d562..bc9b3f665d 100644 --- a/WebContent/VAADIN/themes/runo/notification/notification.css +++ b/WebContent/VAADIN/themes/runo/notification/notification.css @@ -1,13 +1,17 @@ .v-Notification { font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif; - background-color: #818e92; + background-color: #94a0a3; color: #ffffff; - padding: 9px 12px; + padding: 20px 45px; cursor: pointer; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; overflow: hidden; + font-size: 1.2em; + -webkit-box-shadow: 0 3px 10px rgba(0,0,0,.3); + -moz-box-shadow: 0 3px 10px rgba(0,0,0,.3); + margin: 10px; } .v-Notification h1, .v-Notification p, @@ -17,49 +21,47 @@ .v-Notification-warning p { display: inline; font-weight: normal; + line-height: normal; margin: 0 10px 0 0; } .v-Notification-warning { background: #fff1e4; color: #dd3400; border: 2px solid #ffaa90; - -moz-border-radius: 5px; - -webkit-border-radius: 5px; - border-radius: 5px; opacity: 1; } .v-Notification-error { - background: #f23d00 url(img/close-error.png) no-repeat right 5px; - padding-right: 30px; - border: 3px solid #c30000; - -moz-border-radius: 6px; - -webkit-border-radius: 6px; - border-radius: 6px; + background: #f13d13 url(img/close-error.png) no-repeat right 5px; + padding-right: 50px; } .v-Notification-tray { background: #575e60; - padding: 0.5em; - margin: 0 5px 5px 0; + padding: 3px; + -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.5); + -moz-box-shadow: 0 3px 6px rgba(0,0,0,.5); + max-width: 17em; } .v-Notification-tray h1 { display: block; font-weight: bold; font-size: 0.9em; - line-height: 1.1; + line-height: 1; background: #3b4245; - padding: 4px 10px; + padding: 2px 10px; margin: 0; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + border-radius: 2px; } .v-Notification-tray p { display: block; - font-size: 0.9em; - line-height: 1.1; - margin: 8px 10px 5px 10px; + font-size: 0.8em; + line-height: 1.2; + margin: 4px 10px 5px 10px; color: #e4e7ea; }
.v-Notification-system {
- background-color: #ff0a0a;
+ background-color: #ff0a0a; + font-size: .9em; + padding: 14px 32px;
}
\ No newline at end of file diff --git a/WebContent/VAADIN/themes/runo/orderedlayout/orderedlayout.css b/WebContent/VAADIN/themes/runo/orderedlayout/orderedlayout.css index e9c431ecdd..306292d843 100644 --- a/WebContent/VAADIN/themes/runo/orderedlayout/orderedlayout.css +++ b/WebContent/VAADIN/themes/runo/orderedlayout/orderedlayout.css @@ -1,21 +1,25 @@ .v-orderedlayout-margin-top, .v-horizontallayout-margin-top, -.v-verticallayout-margin-top { +.v-verticallayout-margin-top, +.v-csslayout-margin-top { padding-top: 15px; } .v-orderedlayout-margin-right, .v-horizontallayout-margin-right, -.v-verticallayout-margin-right { +.v-verticallayout-margin-right, +.v-csslayout-margin-right { padding-right: 18px; } .v-orderedlayout-margin-bottom, .v-horizontallayout-margin-bottom, -.v-verticallayout-margin-bottom { +.v-verticallayout-margin-bottom, +.v-csslayout-margin-bottom { padding-bottom: 15px; } .v-orderedlayout-margin-left, .v-horizontallayout-margin-left, -.v-verticallayout-margin-left { +.v-verticallayout-margin-left, +.v-csslayout-margin-left { padding-left: 18px; } .v-orderedlayout-spacing-on, @@ -23,4 +27,82 @@ .v-verticallayout-spacing-on { padding-top: 8px; padding-left: 8px; +} +.v-verticallayout-darker, +.v-horizontallayout-darker, +.v-gridlayout-darker, +.v-formlayout-darker, +.v-absolutelayout-darker, +.v-csslayout-darker { + background-color: #f3f4f5; +} + +/* Selectable style */ +.v-csslayout-selectable *, +.v-csslayout-selectable-selected * { + cursor: pointer; +} +.v-csslayout-selectable, +.v-csslayout-selectable-selected { + padding: 10px; + cursor: pointer; +} +.v-csslayout-selectable-selected { + padding: 8px; + border: 2px solid #57a7ed; + background: #d8eaf9; + background: rgba(179,211,237,.5); + -webkit-border-radius: 7px; + -moz-border-radius: 7px; + border-radius: 7px; +} + +/* Shadow style */ +div.v-csslayout-box-shadow { + background: transparent url(../shadow/img/bottom-right.png) no-repeat right bottom; + overflow: hidden; +} +.v-csslayout-box-shadow > .v-csslayout-margin { + padding: 0 8px 0 0; + background: transparent url(../shadow/img/right.png) repeat-y right; + margin: 0; + position: relative; + bottom: 8px; +} +.v-csslayout-box-shadow > .v-csslayout-margin > .v-csslayout-container { + padding: 0 0 8px 0; + margin-left: 6px; + background: transparent url(../shadow/img/bottom.png) repeat-x bottom; + position: relative; + top: 8px; +} +.v-csslayout-box-shadow > .v-csslayout-margin > .v-csslayout-container > * { + margin-left: -6px; +} +/* Fancier shadows for capable browsers */ +.v-webkit .v-csslayout-box-shadow, +.v-webkit .v-csslayout-box-shadow > .v-csslayout-margin, +.v-webkit .v-csslayout-box-shadow > .v-csslayout-margin > .v-csslayout-container, +.v-gecko .v-csslayout-box-shadow, +.v-gecko .v-csslayout-box-shadow > .v-csslayout-margin, +.v-gecko .v-csslayout-box-shadow > .v-csslayout-margin > .v-csslayout-container, +.v-gecko .v-csslayout-box-shadow > .v-csslayout-margin > .v-csslayout-container > * { + background: transparent; + padding: 0; + margin: 0; + height: auto; + position: static; +} +.v-webkit .v-csslayout-box-shadow > .v-csslayout-margin > .v-csslayout-container > *, +.v-gecko .v-csslayout-box-shadow > .v-csslayout-margin > .v-csslayout-container > * { + margin-left: 0; +} +.v-webkit .v-csslayout-box-shadow, +.v-gecko .v-csslayout-box-shadow { + padding: 4px 8px 10px; +} +.v-webkit .v-csslayout-box-shadow > .v-csslayout-margin, +.v-gecko .v-csslayout-box-shadow > .v-csslayout-margin { + -webkit-box-shadow: 0 2px 8px rgba(0,0,0,.4); + -moz-box-shadow: 0 2px 8px rgba(0,0,0,.4); }
\ No newline at end of file diff --git a/WebContent/VAADIN/themes/runo/panel/img/bottom-left.png b/WebContent/VAADIN/themes/runo/panel/img/bottom-left.png Binary files differindex d5c950bc45..9306fac21e 100644 --- a/WebContent/VAADIN/themes/runo/panel/img/bottom-left.png +++ b/WebContent/VAADIN/themes/runo/panel/img/bottom-left.png diff --git a/WebContent/VAADIN/themes/runo/panel/img/bottom-right.png b/WebContent/VAADIN/themes/runo/panel/img/bottom-right.png Binary files differindex 3ad916f694..08f53ff470 100644 --- a/WebContent/VAADIN/themes/runo/panel/img/bottom-right.png +++ b/WebContent/VAADIN/themes/runo/panel/img/bottom-right.png diff --git a/WebContent/VAADIN/themes/runo/panel/img/top-left.png b/WebContent/VAADIN/themes/runo/panel/img/top-left.png Binary files differindex 8108eab8e4..2d59a76c06 100644 --- a/WebContent/VAADIN/themes/runo/panel/img/top-left.png +++ b/WebContent/VAADIN/themes/runo/panel/img/top-left.png diff --git a/WebContent/VAADIN/themes/runo/panel/panel.css b/WebContent/VAADIN/themes/runo/panel/panel.css index bfed4242f4..0b061fb9d9 100644 --- a/WebContent/VAADIN/themes/runo/panel/panel.css +++ b/WebContent/VAADIN/themes/runo/panel/panel.css @@ -9,14 +9,15 @@ .v-panel-caption, .v-panel-caption-light { font-size: 18px; - line-height: 18px; + line-height: normal; font-weight: normal; letter-spacing: -0.03em; color: #f14c1a; height: 18px; - padding: 15px 18px 14px 8px; + padding: 13px 18px 16px 8px; margin-left: 10px; background: transparent url(img/top-right.png) no-repeat right top; + text-overflow: ellipsis; } .v-panel-nocaption { height: 9px; @@ -46,14 +47,19 @@ .v-panel-caption-light { background: transparent; } +.v-panel-caption-light { + border-bottom: 1px solid #babfc0; + margin: 0; + padding-left: 18px; +} .v-panel-nocaption-light { background: transparent; + border: none; height: 0; margin: 0; } .v-panel-content-light { border: none; - border-top: 1px solid #babfc0; background: transparent; } .v-panel-deco-light { diff --git a/WebContent/VAADIN/themes/runo/splitpanel/img/bg_hor.png b/WebContent/VAADIN/themes/runo/splitpanel/img/bg_hor.png Binary files differindex 268cfaf18a..f50f81aa35 100644 --- a/WebContent/VAADIN/themes/runo/splitpanel/img/bg_hor.png +++ b/WebContent/VAADIN/themes/runo/splitpanel/img/bg_hor.png diff --git a/WebContent/VAADIN/themes/runo/splitpanel/img/bg_ver.png b/WebContent/VAADIN/themes/runo/splitpanel/img/bg_ver.png Binary files differindex 9dfe06dafb..6846e47096 100644 --- a/WebContent/VAADIN/themes/runo/splitpanel/img/bg_ver.png +++ b/WebContent/VAADIN/themes/runo/splitpanel/img/bg_ver.png diff --git a/WebContent/VAADIN/themes/runo/splitpanel/splitpanel.css b/WebContent/VAADIN/themes/runo/splitpanel/splitpanel.css index 39fdbcc029..c74ab257ba 100644 --- a/WebContent/VAADIN/themes/runo/splitpanel/splitpanel.css +++ b/WebContent/VAADIN/themes/runo/splitpanel/splitpanel.css @@ -1,13 +1,16 @@ -.v-splitpanel-horizontal, .v-splitpanel-vertical { +.v-splitpanel-horizontal, +.v-splitpanel-vertical { overflow: hidden; } -.v-splitpanel-horizontal .v-splitpanel-hsplitter { +.v-splitpanel-hsplitter, +.v-splitpanel-hsplitter-locked { width: 6px; font-size: 1px; /* for IE6 */ } -.v-splitpanel-horizontal .v-splitpanel-hsplitter div { +.v-splitpanel-hsplitter div, +.v-splitpanel-hsplitter-locked div { width: 6px; font-size: 1px; /* for IE6 */ position: absolute; @@ -15,39 +18,92 @@ bottom: 0; background: #ccd2d0 url(img/bg_hor.png); border: 1px solid #b6bbbc; - cursor: e-resize; margin: 0 -1px; } -.v-splitpanel-vertical .v-splitpanel-vsplitter { +.v-splitpanel-vsplitter, +.v-splitpanel-vsplitter-locked { height: 6px; font-size: 1px; /* for IE6 */ } -.v-splitpanel-vertical .v-splitpanel-vsplitter div { +.v-splitpanel-vsplitter div, +.v-splitpanel-vsplitter-locked div { height: 6px; font-size: 1px; /* for IE6 */ background: #ccd2d0 url(img/bg_ver.png); border: 1px solid #b6bbbc; - cursor: n-resize; margin: -1px 0; } +/* IE6 specific styles */ - - - -/* IE specific styles */ - -* html .v-splitpanel-horizontal .v-splitpanel-hsplitter div { +.v-ie6 .v-splitpanel-hsplitter div, +.v-ie6 .v-splitpanel-hsplitter-locked div { height: 99%; } -* html .v-splitpanel-vertical .v-splitpanel-vsplitter { +.v-ie6 .v-splitpanel-vsplitter, +.v-ie6 .v-splitpanel-vsplitter-locked { height: 8px; } -* html .v-splitpanel-vertical .v-splitpanel-vsplitter div { +.v-ie6 .v-splitpanel-vsplitter div, +.v-ie6 .v-splitpanel-vsplitter-locked div { margin: 0; } + +/* Rounded style */ +.v-splitpanel-hsplitter-rounded div, +.v-splitpanel-vsplitter-rounded div, +.v-splitpanel-hsplitter-rounded-locked div, +.v-splitpanel-vsplitter-rounded-locked div { + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} +.v-splitpanel-hsplitter-rounded div, +.v-splitpanel-hsplitter-rounded-locked div { + top: 4px; + bottom: 4px; +} +.v-splitpanel-vsplitter-rounded div, +.v-splitpanel-vsplitter-rounded-locked div { + margin: -1px 4px; +} +.v-ie6 .v-splitpanel-hsplitter-rounded div, +.v-ie6 .v-splitpanel-hsplitter-rounded-locked div { + height: 97%; +} + + +/* Small style */ +.v-splitpanel-hsplitter-small, +.v-splitpanel-vsplitter-small, +.v-splitpanel-hsplitter-small-locked, +.v-splitpanel-vsplitter-small-locked { + background: #b6bbbc; +} +.v-splitpanel-hsplitter-small, +.v-splitpanel-hsplitter-small-locked { + width: 1px; +} +.v-splitpanel-vsplitter-small, +.v-splitpanel-vsplitter-small-locked { + height: 1px; +} +.v-splitpanel-hsplitter-small div, +.v-splitpanel-hsplitter-small-locked div { + border: none; + background: transparent; + width: 5px; + margin: 0 0 0 -2px; +} +.v-splitpanel-vsplitter-small div, +.v-splitpanel-vsplitter-small-locked div { + border: none; + background: transparent; + height: 5px; + margin: -2px 0 0 0; +}
\ No newline at end of file diff --git a/WebContent/VAADIN/themes/runo/styles.css b/WebContent/VAADIN/themes/runo/styles.css index 97ffbeb2ce..d8ccc2835d 100644 --- a/WebContent/VAADIN/themes/runo/styles.css +++ b/WebContent/VAADIN/themes/runo/styles.css @@ -1,5 +1,5 @@ -.v-theme-version:after {content:"6_3_0_dev-20100413";} -.v-theme-version-6_3_0_dev-20100413 {display: none;} +.v-theme-version:after {content:"9_9_9_INTERNAL-DEBUG-BUILD";} +.v-theme-version-9_9_9_INTERNAL-DEBUG-BUILD {display: none;} /* Automatically compiled css file from subdirectories. */ .v-absolutelayout-wrapper { @@ -15,6 +15,7 @@ } .v-accordion-item { position: relative; + zoom: 1; } .v-accordion-item-caption { overflow: hidden; @@ -1423,6 +1424,9 @@ div.v-progressindicator-indeterminate-disabled { .v-ie7 .v-table { overflow: visible; } +.v-table-body.focused{ + border-color: #388ddd; +} .v-table-header-wrap { overflow: hidden; border: 1px solid #aaa; @@ -1445,6 +1449,33 @@ div.v-progressindicator-indeterminate-disabled { .v-table-header-cell-desc { cursor: pointer; } + +.v-table-footer-wrap { + overflow: hidden; + border: 1px solid #aaa; + border-top: none; + background: #efefef; +} +.v-table-footer table{ + border-spacing: 0; + border-collapse: collapse; + margin: 0; + padding: 0; + border: 0; +} +.v-table-footer td { + padding: 0; + border-right: 1px solid #aaa; +} +.v-table-footer-cell{ + cursor: pointer; +} +.v-table-footer-container{ + float:right; + padding-right:6px; + overflow:hidden; + white-space:nowrap; +} .v-table-resizer { display: block; height: 1.2em; @@ -1547,6 +1578,10 @@ div.v-progressindicator-indeterminate-disabled { display: block; text-align: center; } +.v-table-body:focus, +.v-table-body-wrapper:focus{ + outline: none; +} /* row in column selector */ .v-on { @@ -2126,85 +2161,210 @@ div.v-window-header { overflow:hidden; } -.v-accordion-item { - background-color: #fff; -} .v-accordion-item-caption { height: 31px; - background: #edf0f0 url(tabsheet/img/tab-bg.png); + background: #edf0f0 url(accordion/img/bg.png); font-size: 15px; color: #656d73; + border: none; border-top: 1px solid #c8cccd; } .v-accordion-item-caption .v-caption { - padding: 7px 0 6px 18px; + padding: 7px 0 6px 31px; + background: transparent url(accordion/img/collapsed-icon.png) no-repeat 18px 50%; } .v-accordion-item-open .v-accordion-item-caption { color: #3b4b57; background: #d5dee2 url(accordion/img/selected-bg.png); - border-top-color: #cbd7de; - border-bottom-color: #bfc9d4; - text-shadow: #fafafa 0 1px 0; - border-bottom: 1px solid #c8cccd; + border-bottom: 1px solid #b4b9ba; + text-shadow: 0 1px 0 #fff; +} +.v-accordion-item-open .v-accordion-item-caption .v-caption { + background-image: url(accordion/img/expanded-icon.png); + background-position: 17px 50%; +} +.v-accordion-item-first .v-accordion-item-caption { + border-top: none; +} +.v-accordion-item-caption .v-caption:hover { + color: #3b4b57; } +/* Light style */ +.v-accordion-light .v-accordion-item-caption { + height: 24px; + padding: 3px 2px; + background: transparent; + border: none; +} +.v-accordion-light .v-accordion-item-caption .v-caption { + padding: 4px 15px 4px 28px; + font-size: 12px; + line-height: 16px; + height: 16px; + font-weight: bold; + border: 1px solid #c8cccd; + -webkit-border-radius: 12px; + -moz-border-radius: 12px; + border-radius: 12px; + background-position: 15px 50%; +} + +.v-button { + padding: 1px; + border: none; + background: transparent; + } + .v-button:focus { - border-color: #4897dc; outline: none; } + +.v-button:focus .v-button-wrap { + border-color: #57a7ed; + border-top-color: #60aef1; + border-bottom-color: #4c9adf; + -webkit-box-shadow: 0 0 2px #57a7ed; + -moz-box-shadow: 0 0 2px #57a7ed; + } -.v-button:active, -.v-button.v-pressed { - background-position: left bottom; - border-color: #babfc0; - border-top-color: #a5abac; +.v-button:active .v-button-wrap, +.v-button.v-pressed .v-button-wrap { + background-position: 0 -79px; + background-color: #e7e9e9; + border-color: #b8bdbe; + border-top-color: #9da1a2; + border-bottom-color: #babfc0; + border-color: rgba(146,151,152,.9); + border-top-color: rgba(146,151,152,1); + -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4) inset; + -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4) inset;; + text-shadow: none; } -.v-button, -.v-disabled.v-button { - font-size: 13px; - border: 1px solid #babfc0; - border-bottom-color: #a5abac; - background: #fff url(button/img/bg.png); +.v-button .v-button-wrap, +.v-disabled.v-button .v-button-wrap { + display: block; + font-size: 12px; + border: 1px solid #bdc1c2; + border-top-color: #cbcfd0; + border-bottom-color: #b6bbbb; + border-color: rgba(146,151,152,.8); + border-top-color: rgba(146,151,152,.6); + background: #e6e8e8 url(button/img/bg.png) repeat-x; -webkit-background-origin: padding; -moz-background-origin: padding; padding: 3px 15px; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - border-radius: 10px; - font-size: 12px; - line-height: 16px; - min-height: 16px; - } - -.v-button-caption { + -webkit-border-radius: 11px; + -moz-border-radius: 11px; + border-radius: 11px; + line-height: 14px; + min-height: 14px; + -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.15); + -moz-box-shadow: 0 1px 0 rgba(0,0,0,.15); + text-shadow: 0 1px 0 #fff; color: #464f52; + overflow: hidden; + text-overflow: ellipsis; } -/* Small style */ +.v-ie7 .v-button .v-button-wrap { + overflow: visible; +} + -.v-button-small, -.v-disabled.v-button-small { + +/* Small style */ +.v-button-small .v-button-wrap, +.v-disabled.v-button-small .v-button-wrap { font-size: 11px; - line-height: 14px; - padding: 1px 15px; - min-height: 14px; + line-height: 13px; + padding: 1px 12px; + min-height: 13px; + } + + +/* Big style */ +.v-button-big .v-button-wrap, +.v-disabled.v-button-big .v-button-wrap { + font-size: 15px; + line-height: 18px; + padding: 4px 18px; + min-height: 18px; + -webkit-border-radius: 14px; + -moz-border-radius: 14px; + border-radius: 14px; + } + + + +/* Default style */ +.v-button-default:focus .v-button-wrap { + background-color: #60839a; + background-position: 0 -158px; + text-shadow: 0 -1px 0 #657883; + } + +.v-button-default:active .v-button-wrap, +.v-button-default.v-pressed .v-button-wrap { + background-position: 0 -79px; + background-color: #8f9898; + border-color: #737e81; + border-top-color: #576063; + border-bottom-color: #747f82; + color: #f0f2f2; + text-shadow: 0 -1px 0 #5d6969; + -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4) inset;; + -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4) inset;; + } + +.v-button-default .v-button-wrap, +.v-disabled.v-button-default .v-button-wrap { + border-color: #899395; + border-top-color: #a4abae; + border-bottom-color: #727b7d; + background: #869090 url(button/img/bg-default.png) repeat-x; + text-shadow: 0 -1px 0 #797e7e; + color: #fff; + font-weight: bold; + -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.22); + -moz-box-shadow: 0 1px 0 rgba(0,0,0,.22); } + + /* Link style */ .v-button-link, .v-disabled.v-button-link { + padding: 0; + } + +.v-button-link .v-button-wrap, +.v-disabled.v-button-link .v-button-wrap, +.v-button-link:active .v-button-wrap, +.v-disabled.v-button-pressedv-button-link .v-button-wrap { border: none; background: transparent; padding: 0; font-size: 13px; + -webkit-box-shadow: none; + -mox-box-shadow: none; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; + text-shadow: none; } .v-button-link:focus { outline: 1px dotted #4897dc; } +.v-button-link:focus .v-button-wrap { + -webkit-box-shadow: none; + -moz-box-shadow: none; + } + @@ -2243,8 +2403,8 @@ div.v-window-header { background: #e9eced; } .v-app { - background: #e9eced; - font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif; + background: #e9eced url(common/img/main-bg.png) repeat-x; + font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", geneva, helvetica, arial, tahoma, verdana, sans-serif; color: #464f52; font-size: 13px; line-height: 18px; @@ -2343,6 +2503,10 @@ div.v-window-header { margin-right: 10px; } +.v-datefield input.v-textfield, +.v-datefield input.v-textfield[type=text] { + height: 18px; +} .v-datefield-button { font-size:13px; width: 22px; @@ -2359,14 +2523,19 @@ div.v-window-header { font-size: 12px; background: #f6f7f7; border: 1px solid #b6bbbc; - padding: 6px; + padding: 2px 6px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; } .v-datefield-calendarpanel { - width: 19em; - font-size: 12px; + width: 230px; } .v-datefield-popup .v-datefield-calendarpanel { - width: 16em; + width: 200px; +} +.v-datefield-year .v-datefield-calendarpanel { + width: 100px; } .v-datefield-calendarpanel td { text-align: right; @@ -2376,18 +2545,18 @@ div.v-window-header { } .v-datefield-calendarpanel-header { height: 30px; -} -.v-datefield-calendarpanel-header, -.v-datefield-calendarpanel strong { font-size: 13px; } -.v-datefield-popup .v-datefield-calendarpanel-header, -.v-datefield-popup .v-datefield-calendarpanel strong { - font-size: 12px; -} -.v-datefield-calendarpanel-month { +td.v-datefield-calendarpanel-month { font-weight: bold; - text-shadow: #ffffff 2px 2px 0; + text-shadow: 0 1px 0 #fff; + width: 150px; +} +.v-datefield-calendarpanel-prevyear, +.v-datefield-calendarpanel-nextyear, +.v-datefield-calendarpanel-prevmonth, +.v-datefield-calendarpanel-nextmonth { + width: 16px; } /* Year buttons */ .v-datefield-calendarpanel .v-button-prevyear, @@ -2431,6 +2600,7 @@ div.v-window-header { color: #ee5311; display: block; width: 20px; + font-size: 12px; } .v-datefield-calendarpanel-day, .v-datefield-calendarpanel-weeknumber, @@ -2556,6 +2726,77 @@ div.v-window-header { padding-top: 8px; } +.v-label h1, +.v-label h2, +.v-label h3, +.v-label h4, +.v-label h5, +.v-label h6 { + color: #404749; +} + +.v-label-h1, +.v-label h1 { + margin: 0; + padding: 8px 0 4px; + font-size: 24px; + line-height: normal; + letter-spacing: -0.03em; + font-weight: normal; + text-shadow: 0 1px 1px #fff; +} + +.v-label-h2, +.v-label h2 { + color: #f14c1a; + font-size: 18px; + letter-spacing: -0.03em; + font-weight: normal; + padding: 13px 0 5px; +} + +.v-label-h3, +.v-label h3 { + font-size: 15px; + letter-spacing: -0.03em; + font-weight: normal; + text-shadow: 0 1px 1px #fff; +} + +.v-label-h4, +.v-label h4 { + font-size: 13px; + font-weight: normal; + text-shadow: 0 1px 1px #fff; + margin: 0; + padding: 8px 0 4px; +} + +.v-label-small { + font-size: .87em; + line-height: 1.4; + color: #707679; +} + +.v-label hr, +.v-label-hr { + height: 2px; + overflow: hidden; + background: #ccd2d3; + color: #ccd2d3; /* For IE */ + border: none; + border-bottom: 1px solid #fff; + margin: 0; +} +.v-label-hr { + height: 1px; +} + +.v-sa .v-label hr, +.v-ie8 .v-label hr { + height: 1px; +} + .v-link a { color: #464f52; } @@ -2598,14 +2839,18 @@ div.v-window-header { .v-Notification { font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif; - background-color: #818e92; + background-color: #94a0a3; color: #ffffff; - padding: 9px 12px; + padding: 20px 45px; cursor: pointer; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; overflow: hidden; + font-size: 1.2em; + -webkit-box-shadow: 0 3px 10px rgba(0,0,0,.3); + -moz-box-shadow: 0 3px 10px rgba(0,0,0,.3); + margin: 10px; } .v-Notification h1, .v-Notification p, @@ -2615,71 +2860,73 @@ div.v-window-header { .v-Notification-warning p { display: inline; font-weight: normal; + line-height: normal; margin: 0 10px 0 0; } .v-Notification-warning { background: #fff1e4; color: #dd3400; border: 2px solid #ffaa90; - -moz-border-radius: 5px; - -webkit-border-radius: 5px; - border-radius: 5px; opacity: 1; } .v-Notification-error { - background: #f23d00 url(notification/img/close-error.png) no-repeat right 5px; - padding-right: 30px; - border: 3px solid #c30000; - -moz-border-radius: 6px; - -webkit-border-radius: 6px; - border-radius: 6px; + background: #f13d13 url(notification/img/close-error.png) no-repeat right 5px; + padding-right: 50px; } .v-Notification-tray { background: #575e60; - padding: 0.5em; - margin: 0 5px 5px 0; + padding: 3px; + -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.5); + -moz-box-shadow: 0 3px 6px rgba(0,0,0,.5); + max-width: 17em; } .v-Notification-tray h1 { display: block; font-weight: bold; font-size: 0.9em; - line-height: 1.1; + line-height: 1; background: #3b4245; - padding: 4px 10px; + padding: 2px 10px; margin: 0; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + border-radius: 2px; } .v-Notification-tray p { display: block; - font-size: 0.9em; - line-height: 1.1; - margin: 8px 10px 5px 10px; + font-size: 0.8em; + line-height: 1.2; + margin: 4px 10px 5px 10px; color: #e4e7ea; } .v-Notification-system { background-color: #ff0a0a; + font-size: .9em; + padding: 14px 32px; } .v-orderedlayout-margin-top, .v-horizontallayout-margin-top, -.v-verticallayout-margin-top { +.v-verticallayout-margin-top, +.v-csslayout-margin-top { padding-top: 15px; } .v-orderedlayout-margin-right, .v-horizontallayout-margin-right, -.v-verticallayout-margin-right { +.v-verticallayout-margin-right, +.v-csslayout-margin-right { padding-right: 18px; } .v-orderedlayout-margin-bottom, .v-horizontallayout-margin-bottom, -.v-verticallayout-margin-bottom { +.v-verticallayout-margin-bottom, +.v-csslayout-margin-bottom { padding-bottom: 15px; } .v-orderedlayout-margin-left, .v-horizontallayout-margin-left, -.v-verticallayout-margin-left { +.v-verticallayout-margin-left, +.v-csslayout-margin-left { padding-left: 18px; } .v-orderedlayout-spacing-on, @@ -2688,6 +2935,84 @@ div.v-window-header { padding-top: 8px; padding-left: 8px; } +.v-verticallayout-darker, +.v-horizontallayout-darker, +.v-gridlayout-darker, +.v-formlayout-darker, +.v-absolutelayout-darker, +.v-csslayout-darker { + background-color: #f3f4f5; +} + +/* Selectable style */ +.v-csslayout-selectable *, +.v-csslayout-selectable-selected * { + cursor: pointer; +} +.v-csslayout-selectable, +.v-csslayout-selectable-selected { + padding: 10px; + cursor: pointer; +} +.v-csslayout-selectable-selected { + padding: 8px; + border: 2px solid #57a7ed; + background: #d8eaf9; + background: rgba(179,211,237,.5); + -webkit-border-radius: 7px; + -moz-border-radius: 7px; + border-radius: 7px; +} + +/* Shadow style */ +div.v-csslayout-box-shadow { + background: transparent url(shadow/img/bottom-right.png) no-repeat right bottom; + overflow: hidden; +} +.v-csslayout-box-shadow > .v-csslayout-margin { + padding: 0 8px 0 0; + background: transparent url(shadow/img/right.png) repeat-y right; + margin: 0; + position: relative; + bottom: 8px; +} +.v-csslayout-box-shadow > .v-csslayout-margin > .v-csslayout-container { + padding: 0 0 8px 0; + margin-left: 6px; + background: transparent url(shadow/img/bottom.png) repeat-x bottom; + position: relative; + top: 8px; +} +.v-csslayout-box-shadow > .v-csslayout-margin > .v-csslayout-container > * { + margin-left: -6px; +} +/* Fancier shadows for capable browsers */ +.v-webkit .v-csslayout-box-shadow, +.v-webkit .v-csslayout-box-shadow > .v-csslayout-margin, +.v-webkit .v-csslayout-box-shadow > .v-csslayout-margin > .v-csslayout-container, +.v-gecko .v-csslayout-box-shadow, +.v-gecko .v-csslayout-box-shadow > .v-csslayout-margin, +.v-gecko .v-csslayout-box-shadow > .v-csslayout-margin > .v-csslayout-container, +.v-gecko .v-csslayout-box-shadow > .v-csslayout-margin > .v-csslayout-container > * { + background: transparent; + padding: 0; + margin: 0; + height: auto; + position: static; +} +.v-webkit .v-csslayout-box-shadow > .v-csslayout-margin > .v-csslayout-container > *, +.v-gecko .v-csslayout-box-shadow > .v-csslayout-margin > .v-csslayout-container > * { + margin-left: 0; +} +.v-webkit .v-csslayout-box-shadow, +.v-gecko .v-csslayout-box-shadow { + padding: 4px 8px 10px; +} +.v-webkit .v-csslayout-box-shadow > .v-csslayout-margin, +.v-gecko .v-csslayout-box-shadow > .v-csslayout-margin { + -webkit-box-shadow: 0 2px 8px rgba(0,0,0,.4); + -moz-box-shadow: 0 2px 8px rgba(0,0,0,.4); +} .v-panel { background: transparent url(panel/img/top-left.png) no-repeat; @@ -2700,14 +3025,15 @@ div.v-window-header { .v-panel-caption, .v-panel-caption-light { font-size: 18px; - line-height: 18px; + line-height: normal; font-weight: normal; letter-spacing: -0.03em; color: #f14c1a; height: 18px; - padding: 15px 18px 14px 8px; + padding: 13px 18px 16px 8px; margin-left: 10px; background: transparent url(panel/img/top-right.png) no-repeat right top; + text-overflow: ellipsis; } .v-panel-nocaption { height: 9px; @@ -2737,14 +3063,19 @@ div.v-window-header { .v-panel-caption-light { background: transparent; } +.v-panel-caption-light { + border-bottom: 1px solid #babfc0; + margin: 0; + padding-left: 18px; +} .v-panel-nocaption-light { background: transparent; + border: none; height: 0; margin: 0; } .v-panel-content-light { border: none; - border-top: 1px solid #babfc0; background: transparent; } .v-panel-deco-light { @@ -3133,16 +3464,19 @@ div.v-window-header { margin: 0 -1px; } -.v-splitpanel-horizontal, .v-splitpanel-vertical { +.v-splitpanel-horizontal, +.v-splitpanel-vertical { overflow: hidden; } -.v-splitpanel-horizontal .v-splitpanel-hsplitter { +.v-splitpanel-hsplitter, +.v-splitpanel-hsplitter-locked { width: 6px; font-size: 1px; /* for IE6 */ } -.v-splitpanel-horizontal .v-splitpanel-hsplitter div { +.v-splitpanel-hsplitter div, +.v-splitpanel-hsplitter-locked div { width: 6px; font-size: 1px; /* for IE6 */ position: absolute; @@ -3150,43 +3484,96 @@ div.v-window-header { bottom: 0; background: #ccd2d0 url(splitpanel/img/bg_hor.png); border: 1px solid #b6bbbc; - cursor: e-resize; margin: 0 -1px; } -.v-splitpanel-vertical .v-splitpanel-vsplitter { +.v-splitpanel-vsplitter, +.v-splitpanel-vsplitter-locked { height: 6px; font-size: 1px; /* for IE6 */ } -.v-splitpanel-vertical .v-splitpanel-vsplitter div { +.v-splitpanel-vsplitter div, +.v-splitpanel-vsplitter-locked div { height: 6px; font-size: 1px; /* for IE6 */ background: #ccd2d0 url(splitpanel/img/bg_ver.png); border: 1px solid #b6bbbc; - cursor: n-resize; margin: -1px 0; } +/* IE6 specific styles */ - - - -/* IE specific styles */ - -* html .v-splitpanel-horizontal .v-splitpanel-hsplitter div { +.v-ie6 .v-splitpanel-hsplitter div, +.v-ie6 .v-splitpanel-hsplitter-locked div { height: 99%; } -* html .v-splitpanel-vertical .v-splitpanel-vsplitter { +.v-ie6 .v-splitpanel-vsplitter, +.v-ie6 .v-splitpanel-vsplitter-locked { height: 8px; } -* html .v-splitpanel-vertical .v-splitpanel-vsplitter div { +.v-ie6 .v-splitpanel-vsplitter div, +.v-ie6 .v-splitpanel-vsplitter-locked div { margin: 0; } +/* Rounded style */ +.v-splitpanel-hsplitter-rounded div, +.v-splitpanel-vsplitter-rounded div, +.v-splitpanel-hsplitter-rounded-locked div, +.v-splitpanel-vsplitter-rounded-locked div { + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} +.v-splitpanel-hsplitter-rounded div, +.v-splitpanel-hsplitter-rounded-locked div { + top: 4px; + bottom: 4px; +} +.v-splitpanel-vsplitter-rounded div, +.v-splitpanel-vsplitter-rounded-locked div { + margin: -1px 4px; +} +.v-ie6 .v-splitpanel-hsplitter-rounded div, +.v-ie6 .v-splitpanel-hsplitter-rounded-locked div { + height: 97%; +} + + +/* Small style */ +.v-splitpanel-hsplitter-small, +.v-splitpanel-vsplitter-small, +.v-splitpanel-hsplitter-small-locked, +.v-splitpanel-vsplitter-small-locked { + background: #b6bbbc; +} +.v-splitpanel-hsplitter-small, +.v-splitpanel-hsplitter-small-locked { + width: 1px; +} +.v-splitpanel-vsplitter-small, +.v-splitpanel-vsplitter-small-locked { + height: 1px; +} +.v-splitpanel-hsplitter-small div, +.v-splitpanel-hsplitter-small-locked div { + border: none; + background: transparent; + width: 5px; + margin: 0 0 0 -2px; +} +.v-splitpanel-vsplitter-small div, +.v-splitpanel-vsplitter-small-locked div { + border: none; + background: transparent; + height: 5px; + margin: -2px 0 0 0; +} + .v-table-header-wrap { height: 36px; border: 1px solid #b6bbbc; @@ -3199,20 +3586,19 @@ div.v-window-header { .v-table-resizer { height: 36px; width: 4px; - background: transparent url(table/img/resizer-bg.png) repeat-y 50% 50%; + background: transparent url(table/img/resizer-bg.png) repeat-y 100% 50%; } .v-table-caption-container { color: #393a3c; font-size: 15px; - padding-top: 9px; + padding: 9px 2px 9px 0; text-shadow: #ffffff 0 1px 0; - padding-right: 2px; /* See themes/base/table.css for explanation */ } .v-table-header-cell-asc .v-table-caption-container { - background: transparent url(table/img/sort-asc.png) no-repeat right 80%; + background: transparent url(table/img/sort-asc.png) no-repeat right 50%; } .v-table-header-cell-desc .v-table-caption-container { - background: transparent url(table/img/sort-desc.png) no-repeat right 80%; + background: transparent url(table/img/sort-desc.png) no-repeat right 50%; } .v-table-header-cell:hover, .v-table-header-cell-asc:hover, @@ -3223,18 +3609,19 @@ div.v-window-header { background: #fff; border: 1px solid #b6bbbc; } +tr.v-table-row:hover, +tr.v-table-row-odd:hover { + background-color: #edeeee; +} .v-table-row, -.v-table-row-odd { +.v-table-body-noselection .v-table-row:hover { background-color: #fff; } -.v-table-row-odd { +.v-table-row-odd, +.v-table-body-noselection .v-table-row-odd:hover { background-color: #f6f7f7; } -.v-table-row:hover, -.v-table-row-odd:hover { - background-color: #edeeee; -} -.v-table .v-selected { +.v-table tr.v-selected { background: #57a7ed; color: #fff; } @@ -3329,6 +3716,57 @@ div.v-window-header { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/VAADIN/themes/default/table/img/scroll-position-bg.png", sizingMethod="scale"); } + +/* Borderless style */ +.v-table-borderless .v-table-header-wrap, +.v-table-borderless .v-table-body { + border: none; +} +.v-table-borderless .v-table-header-wrap { + border-bottom: 1px solid #b6bbbc; +} +.v-table-borderless .v-table-body { + background: transparent; +} +.v-table-borderless .v-table-row, +.v-table-borderless .v-table-row-odd, +.v-table-borderless .v-table-body-noselection .v-table-row:hover, +.v-table-borderless .v-table-body-noselection .v-table-row-odd:hover { + background-color: transparent; +} + + +/* Small style */ +.v-table-small .v-table-header-wrap, +.v-table-small .v-table-header { + height: 22px; +} +.v-table-small .v-table-caption-container { + font-size: 13px; + padding-top: 3px; + padding-bottom: 3px; +} +.v-table-small .v-table-column-selector { + margin-top: -21px; + height: 21px; +} +.v-table-small .v-table-body { + font-size: 12px; +} +.v-table-small .v-table-cell-wrapper { + line-height: 18px; + padding: 2px 0; +} + +/* Keyboard navigation styles */ +.v-table-focus .v-table-cell-content { + border-top: 1px dotted black; + border-bottom: 1px dotted black; +} +.v-table-focus .v-table-cell-wrapper { + line-height: 21px; +} + .v-tabsheet-tabs { height: 48px; } @@ -3341,22 +3779,18 @@ div.v-window-header { } .v-tabsheet-scroller { margin-top: -37px; + float: right; } .v-tabsheet-scrollerPrev, -.v-tabsheet-scrollerNext { - border: none; - width: 12px; - height: 38px; - opacity: 0.9999; - margin-top: -1px; -} +.v-tabsheet-scrollerNext, .v-tabsheet-scrollerPrev-disabled, .v-tabsheet-scrollerNext-disabled { border: none; width: 12px; + padding: 0; height: 38px; - margin-top: -1px; opacity: 0.9999; + margin-top: -1px; } .v-tabsheet-scrollerNext, .v-tabsheet-scrollerNext-disabled { @@ -3417,10 +3851,12 @@ div.v-window-header { .v-tabsheet-caption-close { margin-left: 3px; margin-right: -3px; - width: 16px; - height: 16px; - -webkit-border-radius: 8px; - -moz-border-radius: 8px; + margin-top: 2px; + font-size: 15px; + width: 15px; + height: 15px; + -webkit-border-radius: 7px; + -moz-border-radius: 7px; color: #777f85; line-height: 13px; } @@ -3454,7 +3890,7 @@ div.v-window-header { margin-left: -9px; background: transparent url(panel/img/bottom-left.png) no-repeat; } -/* Progress indication */ +/* Progress indication * .v-tabsheet-loading .v-tabsheet-tabitem-selected .v-captiontext { background: transparent url(../base/common/img/ajax-loader.gif) no-repeat top right; margin-left: -10px; @@ -3463,7 +3899,7 @@ div.v-window-header { padding-right: 10px; margin-top: -12px; padding-top: 12px; -} +}*/ /* IE specific styles */ .v-ie6 .v-tabsheet-tabs { height: 46px; @@ -3501,22 +3937,22 @@ div.v-window-header { width: 100%; } /* Light-style */ -.v-tabsheet-light .v-tabsheet-tabcontainer { +.v-tabsheet-tabcontainer-light { height: 32px; } .v-tabsheet-tabs-light { height: 32px; width: 100%; overflow:hidden; - background: transparent url(tabsheet/img/inline-tab-bg.png) repeat-x; + background: transparent; } -.v-tabsheet-light .v-tabsheet-spacertd div { +.v-tabsheet-tabs-light .v-tabsheet-spacertd div { height: 31px; border: none; border-bottom: 1px solid #b6bbbc; - background: transparent; + background: transparent url(tabsheet/img/inline-tab-bg.png) repeat-x; } -.v-tabsheet-light .v-tabsheet-tabitem { +.v-tabsheet-tabs-light .v-tabsheet-tabitem { border: none; border-bottom: 1px solid #b6bbbc; height: 30px; @@ -3525,20 +3961,26 @@ div.v-window-header { color: #656d73; font-size: 12px; line-height: normal; - background: transparent; + background: transparent url(tabsheet/img/inline-tab-bg.png) repeat-x; cursor: pointer; text-shadow: #fff 0 1px 0; } -.v-tabsheet-light .v-tabsheet-tabitemcell-first .v-caption { - margin-left: 6px; -} -.v-tabsheet-light .v-tabsheet-tabitem .v-caption { +.v-tabsheet-tabs-light .v-tabsheet-tabitem .v-caption { height: 24px; - padding: 8px 9px 0 9px; + padding: 8px 10px 0 11px; + background: transparent url(tabsheet/img/inline-tab-border.png) no-repeat; } -.v-tabsheet-light .v-tabsheet-tabitem-selected { +.v-tabsheet-tabs-light .v-tabsheet-tabitemcell-first .v-caption { + margin-left: 5px; + background: transparent; +} +.v-tabsheet-tabs-light .v-tabsheet-tabitemcell-selected + .v-tabsheet-tabitemcell .v-caption, +.v-tabsheet-tabs-light .v-tabsheet-tabitemcell-selected-first + .v-tabsheet-tabitemcell .v-caption { + background: transparent; +} +.v-tabsheet-tabs-light .v-tabsheet-tabitem-selected { border: none; - background: #fff url(tabsheet/img/inline-tab-right.png) no-repeat right top; + background: transparent url(tabsheet/img/inline-tab-right.png) no-repeat right top; margin: 0; padding: 0; height: 32px; @@ -3546,24 +3988,28 @@ div.v-window-header { color: #ee5311; text-shadow: none; } -.v-tabsheet-light .v-tabsheet-tabitem:hover { +.v-tabsheet-tabs-light .v-tabsheet-tabitem:hover { color: #4b5257; } -.v-tabsheet-light .v-tabsheet-tabitem-selected:hover { +.v-tabsheet-tabs-light .v-tabsheet-tabitem-selected:hover { color: #ee5311; } -.v-tabsheet-light .v-tabsheet-tabitem-selected .v-caption { +.v-tabsheet-tabs-light .v-tabsheet-tabitem-selected .v-caption { background: transparent url(tabsheet/img/inline-tab-left.png) no-repeat -7px 0; margin: 0; height: 23px; - padding: 9px 11px 0 11px; + padding: 9px 10px 0 11px; overflow: visible; } -.v-tabsheet-light .v-tabsheet-tabitemcell-first .v-tabsheet-tabitem-selected .v-caption { +.v-tabsheet-tabs-light .v-tabsheet-tabitemcell-first .v-tabsheet-tabitem-selected .v-caption { background: transparent url(tabsheet/img/inline-tab-left.png) no-repeat -3px 0; - padding-left: 15px; + padding-left: 16px; } -.v-tabsheet-light .v-tabsheet-content { +.v-tabsheet-tabs-light .v-tabsheet-caption-close { + margin-top: 0; + text-shadow: none; +} +.v-tabsheet-content-light { border: none; background: transparent; } @@ -3578,35 +4024,35 @@ div.v-window-header { display: none; } /* Scroller */ -.v-tabsheet-light .v-tabsheet-scrollerPrev, -.v-tabsheet-light .v-tabsheet-scrollerNext { +.v-tabsheet-tabcontainer-light .v-tabsheet-scrollerPrev, +.v-tabsheet-tabcontainer-light .v-tabsheet-scrollerNext { margin-top: 2px; height: 34px; } -.v-tabsheet-light .v-tabsheet-scrollerPrev-disabled, -.v-tabsheet-light .v-tabsheet-scrollerNext-disabled { +.v-tabsheet-tabcontainer-light .v-tabsheet-scrollerPrev-disabled, +.v-tabsheet-tabcontainer-light .v-tabsheet-scrollerNext-disabled { margin-top: 2px; height: 34px; } -/* Progress indication */ +/* Progress indication * .v-tabsheet-loading .v-tabsheet-tabs-light .v-tabsheet-tabitem-selected .v-captiontext { margin-left: -3px; padding-left: 3px; -} +}*/ /* IE specific styles */ .v-ie6 .v-tabsheet-tabs-light, .v-ie7 .v-tabsheet-tabs-light { height: 32px; } -.v-ie6 .v-tabsheet-light .v-tabsheet-tabitem-selected, -.v-ie7 .v-tabsheet-light .v-tabsheet-tabitem-selected { +.v-ie6 .v-tabsheet-tabs-light .v-tabsheet-tabitem-selected, +.v-ie7 .v-tabsheet-tabs-light .v-tabsheet-tabitem-selected { border: none; background: #fff url(tabsheet/img/inline-tab-right.png) no-repeat right top; padding: 0; height: 32px; } -.v-ie6 .v-tabsheet-light .v-tabsheet-tabitem-selected .v-caption, -.v-ie7 .v-tabsheet-light .v-tabsheet-tabitem-selected .v-caption { +.v-ie6 .v-tabsheet-tabs-light .v-tabsheet-tabitem-selected .v-caption, +.v-ie7 .v-tabsheet-tabs-light .v-tabsheet-tabitem-selected .v-caption { background: transparent url(tabsheet/img/inline-tab-left.png) no-repeat -7px 0; padding: 9px 11px 0 11px; } @@ -3616,26 +4062,26 @@ div.v-window-header { height: 0; } -.v-textfield { - background: #fff url(textfield/img/bg.png) repeat-x; - padding: 2px; - border: 1px solid #b6b6b6; - border-top-color: #9d9d9d; - border-bottom-color: #d6d6d6; - border-right-color: #d6d6d6; - margin: 0; - font-size: 13px; - height: 18px; -} +.v-textfield, .v-textarea { background: #fff url(textfield/img/bg.png) repeat-x; - padding: 2px; border: 1px solid #b6b6b6; border-top-color: #9d9d9d; border-bottom-color: #d6d6d6; border-right-color: #d6d6d6; margin: 0; - font-size: 13px; + line-height: 14px; +} +input.v-textfield, +input[type=text].v-textfield, +textarea.v-textarea { + font-size: 12px; + height: 16px; + padding: 4px 2px 0; +} +textarea.v-textarea { + height: auto; + padding-bottom: 2px; } .v-textfield-focus, .v-textarea-focus { @@ -3653,6 +4099,16 @@ textarea.v-textarea-prompt { background: #fff url(textfield/img/bg.png) repeat-x; } +/* Small style */ +input.v-textfield-small, +input[type=text].v-textfield-small, +textarea.v-textarea-small { + font-size: 11px; + height: 14px; + line-height: 12px; + padding: 1px 2px; +} + .v-tree-node { background: transparent url(tree/img/collapsed.png) no-repeat 2px 1px; } @@ -3660,15 +4116,24 @@ textarea.v-textarea-prompt { background: transparent url(tree/img/expanded.png) no-repeat 2px 1px; } .v-tree-node-caption { - margin-left: 16px; + margin-left: 18px; } -.v-tree-node span { - padding: 0 2px; +.v-tree-node-caption .v-icon { + margin: 0 2px 0 -2px; +} +.v-tree-node-caption span { + padding: 0 1px; } .v-tree-node-selected span { - background: #5daee8; + background: #57a7ed; color: #fff; - padding: 0 2px; + padding: 1px 2px 0; + display: inline-block; + zoom: 1; + margin: -1px -1px 0; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; } .v-tree-node-children { padding-left: 16px; @@ -3714,14 +4179,14 @@ textarea.v-textarea-prompt { } .v-window-contents { background: #fff; - border: 2px solid #acb2b3; + border: 2px solid #babfc0; border-top: none; border-bottom: none; } .v-window div.v-window-footer { height: 8px; margin-left: 9px; - background: transparent url(window/img/bottom-right.png) no-repeat right top; + background: transparent url(window/img/bottom-right.png) no-repeat right bottom; overflow: visible; } .v-ie7 .v-window-footer { @@ -3755,6 +4220,33 @@ textarea.v-textarea-prompt { .v-window-modalitycurtain { background: #fff; } +/* Dialog style */ +.v-window-dialog { + background-image: url(window/img/dialog/bottom-left.png); +} +.v-window-dialog .v-window-outerheader { + height: 14px; + padding: 13px 30px 5px 8px; + background: transparent url(window/img/top-right.png) no-repeat right top; +} +.v-window-dialog .v-window-header { + font-size: 12px; + line-height: normal; + font-weight: bold; + letter-spacing: 0; + text-shadow: 0 1px 0 #fff; +} +.v-window-dialog .v-window-contents { + background: #f1f3f3; +} +.v-window-dialog div.v-window-footer { + background-image: url(window/img/dialog/bottom-right.png); +} +.v-window-dialog .v-window-closebox { + top: 14px; + right: 16px; + background-image: url(window/img/dialog/close.png); +} /* Shadow for window */ .v-shadow-window .top-left { top: -13px; left: -20px; diff --git a/WebContent/VAADIN/themes/runo/table/table.css b/WebContent/VAADIN/themes/runo/table/table.css index 30053523fd..be0c1add41 100644 --- a/WebContent/VAADIN/themes/runo/table/table.css +++ b/WebContent/VAADIN/themes/runo/table/table.css @@ -10,20 +10,19 @@ .v-table-resizer { height: 36px; width: 4px; - background: transparent url(img/resizer-bg.png) repeat-y 50% 50%; + background: transparent url(img/resizer-bg.png) repeat-y 100% 50%; } .v-table-caption-container { color: #393a3c; font-size: 15px; - padding-top: 9px; + padding: 9px 2px 9px 0; text-shadow: #ffffff 0 1px 0; - padding-right: 2px; /* See themes/base/table.css for explanation */ } .v-table-header-cell-asc .v-table-caption-container { - background: transparent url(img/sort-asc.png) no-repeat right 80%; + background: transparent url(img/sort-asc.png) no-repeat right 50%; } .v-table-header-cell-desc .v-table-caption-container { - background: transparent url(img/sort-desc.png) no-repeat right 80%; + background: transparent url(img/sort-desc.png) no-repeat right 50%; } .v-table-header-cell:hover, .v-table-header-cell-asc:hover, @@ -34,18 +33,19 @@ background: #fff; border: 1px solid #b6bbbc; } +tr.v-table-row:hover, +tr.v-table-row-odd:hover { + background-color: #edeeee; +} .v-table-row, -.v-table-row-odd { +.v-table-body-noselection .v-table-row:hover { background-color: #fff; } -.v-table-row-odd { +.v-table-row-odd, +.v-table-body-noselection .v-table-row-odd:hover { background-color: #f6f7f7; } -.v-table-row:hover, -.v-table-row-odd:hover { - background-color: #edeeee; -} -.v-table .v-selected { +.v-table tr.v-selected { background: #57a7ed; color: #fff; } @@ -138,4 +138,55 @@ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../VAADIN/themes/default/table/img/scroll-position-bg.png", sizingMethod="scale"); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="VAADIN/themes/default/table/img/scroll-position-bg.png", sizingMethod="scale"); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/VAADIN/themes/default/table/img/scroll-position-bg.png", sizingMethod="scale"); -}
\ No newline at end of file +} + + +/* Borderless style */ +.v-table-borderless .v-table-header-wrap, +.v-table-borderless .v-table-body { + border: none; +} +.v-table-borderless .v-table-header-wrap { + border-bottom: 1px solid #b6bbbc; +} +.v-table-borderless .v-table-body { + background: transparent; +} +.v-table-borderless .v-table-row, +.v-table-borderless .v-table-row-odd, +.v-table-borderless .v-table-body-noselection .v-table-row:hover, +.v-table-borderless .v-table-body-noselection .v-table-row-odd:hover { + background-color: transparent; +} + + +/* Small style */ +.v-table-small .v-table-header-wrap, +.v-table-small .v-table-header { + height: 22px; +} +.v-table-small .v-table-caption-container { + font-size: 13px; + padding-top: 3px; + padding-bottom: 3px; +} +.v-table-small .v-table-column-selector { + margin-top: -21px; + height: 21px; +} +.v-table-small .v-table-body { + font-size: 12px; +} +.v-table-small .v-table-cell-wrapper { + line-height: 18px; + padding: 2px 0; +} + +/* Keyboard navigation styles */ +.v-table-focus .v-table-cell-content { + border-top: 1px dotted black; + border-bottom: 1px dotted black; +} +.v-table-focus .v-table-cell-wrapper { + line-height: 21px; +} diff --git a/WebContent/VAADIN/themes/runo/tabsheet/img/inline-tab-bg.png b/WebContent/VAADIN/themes/runo/tabsheet/img/inline-tab-bg.png Binary files differindex 18b7ea5d15..501876fb36 100644 --- a/WebContent/VAADIN/themes/runo/tabsheet/img/inline-tab-bg.png +++ b/WebContent/VAADIN/themes/runo/tabsheet/img/inline-tab-bg.png diff --git a/WebContent/VAADIN/themes/runo/tabsheet/img/inline-tab-border.png b/WebContent/VAADIN/themes/runo/tabsheet/img/inline-tab-border.png Binary files differnew file mode 100644 index 0000000000..26c63f6882 --- /dev/null +++ b/WebContent/VAADIN/themes/runo/tabsheet/img/inline-tab-border.png diff --git a/WebContent/VAADIN/themes/runo/tabsheet/img/inline-tab-left.png b/WebContent/VAADIN/themes/runo/tabsheet/img/inline-tab-left.png Binary files differindex 43943a6cd8..0e0a841a87 100644 --- a/WebContent/VAADIN/themes/runo/tabsheet/img/inline-tab-left.png +++ b/WebContent/VAADIN/themes/runo/tabsheet/img/inline-tab-left.png diff --git a/WebContent/VAADIN/themes/runo/tabsheet/img/inline-tab-right.png b/WebContent/VAADIN/themes/runo/tabsheet/img/inline-tab-right.png Binary files differindex 1af4cde8ac..0696ff8c3b 100644 --- a/WebContent/VAADIN/themes/runo/tabsheet/img/inline-tab-right.png +++ b/WebContent/VAADIN/themes/runo/tabsheet/img/inline-tab-right.png diff --git a/WebContent/VAADIN/themes/runo/tabsheet/tabsheet.css b/WebContent/VAADIN/themes/runo/tabsheet/tabsheet.css index fc8fcf823c..ad1c20fb55 100644 --- a/WebContent/VAADIN/themes/runo/tabsheet/tabsheet.css +++ b/WebContent/VAADIN/themes/runo/tabsheet/tabsheet.css @@ -10,22 +10,18 @@ } .v-tabsheet-scroller { margin-top: -37px; + float: right; } .v-tabsheet-scrollerPrev, -.v-tabsheet-scrollerNext { - border: none; - width: 12px; - height: 38px; - opacity: 0.9999; - margin-top: -1px; -} +.v-tabsheet-scrollerNext, .v-tabsheet-scrollerPrev-disabled, .v-tabsheet-scrollerNext-disabled { border: none; width: 12px; + padding: 0; height: 38px; - margin-top: -1px; opacity: 0.9999; + margin-top: -1px; } .v-tabsheet-scrollerNext, .v-tabsheet-scrollerNext-disabled { @@ -86,10 +82,12 @@ .v-tabsheet-caption-close { margin-left: 3px; margin-right: -3px; - width: 16px; - height: 16px; - -webkit-border-radius: 8px; - -moz-border-radius: 8px; + margin-top: 2px; + font-size: 15px; + width: 15px; + height: 15px; + -webkit-border-radius: 7px; + -moz-border-radius: 7px; color: #777f85; line-height: 13px; } @@ -123,7 +121,7 @@ margin-left: -9px; background: transparent url(../panel/img/bottom-left.png) no-repeat; } -/* Progress indication */ +/* Progress indication * .v-tabsheet-loading .v-tabsheet-tabitem-selected .v-captiontext { background: transparent url(../../base/common/img/ajax-loader.gif) no-repeat top right; margin-left: -10px; @@ -132,7 +130,7 @@ padding-right: 10px; margin-top: -12px; padding-top: 12px; -} +}*/ /* IE specific styles */ .v-ie6 .v-tabsheet-tabs { height: 46px; @@ -170,22 +168,22 @@ width: 100%; } /* Light-style */ -.v-tabsheet-light .v-tabsheet-tabcontainer { +.v-tabsheet-tabcontainer-light { height: 32px; } .v-tabsheet-tabs-light { height: 32px; width: 100%; overflow:hidden; - background: transparent url(img/inline-tab-bg.png) repeat-x; + background: transparent; } -.v-tabsheet-light .v-tabsheet-spacertd div { +.v-tabsheet-tabs-light .v-tabsheet-spacertd div { height: 31px; border: none; border-bottom: 1px solid #b6bbbc; - background: transparent; + background: transparent url(img/inline-tab-bg.png) repeat-x; } -.v-tabsheet-light .v-tabsheet-tabitem { +.v-tabsheet-tabs-light .v-tabsheet-tabitem { border: none; border-bottom: 1px solid #b6bbbc; height: 30px; @@ -194,20 +192,26 @@ color: #656d73; font-size: 12px; line-height: normal; - background: transparent; + background: transparent url(img/inline-tab-bg.png) repeat-x; cursor: pointer; text-shadow: #fff 0 1px 0; } -.v-tabsheet-light .v-tabsheet-tabitemcell-first .v-caption { - margin-left: 6px; -} -.v-tabsheet-light .v-tabsheet-tabitem .v-caption { +.v-tabsheet-tabs-light .v-tabsheet-tabitem .v-caption { height: 24px; - padding: 8px 9px 0 9px; + padding: 8px 10px 0 11px; + background: transparent url(img/inline-tab-border.png) no-repeat; +} +.v-tabsheet-tabs-light .v-tabsheet-tabitemcell-first .v-caption { + margin-left: 5px; + background: transparent; } -.v-tabsheet-light .v-tabsheet-tabitem-selected { +.v-tabsheet-tabs-light .v-tabsheet-tabitemcell-selected + .v-tabsheet-tabitemcell .v-caption, +.v-tabsheet-tabs-light .v-tabsheet-tabitemcell-selected-first + .v-tabsheet-tabitemcell .v-caption { + background: transparent; +} +.v-tabsheet-tabs-light .v-tabsheet-tabitem-selected { border: none; - background: #fff url(img/inline-tab-right.png) no-repeat right top; + background: transparent url(img/inline-tab-right.png) no-repeat right top; margin: 0; padding: 0; height: 32px; @@ -215,24 +219,28 @@ color: #ee5311; text-shadow: none; } -.v-tabsheet-light .v-tabsheet-tabitem:hover { +.v-tabsheet-tabs-light .v-tabsheet-tabitem:hover { color: #4b5257; } -.v-tabsheet-light .v-tabsheet-tabitem-selected:hover { +.v-tabsheet-tabs-light .v-tabsheet-tabitem-selected:hover { color: #ee5311; } -.v-tabsheet-light .v-tabsheet-tabitem-selected .v-caption { +.v-tabsheet-tabs-light .v-tabsheet-tabitem-selected .v-caption { background: transparent url(img/inline-tab-left.png) no-repeat -7px 0; margin: 0; height: 23px; - padding: 9px 11px 0 11px; + padding: 9px 10px 0 11px; overflow: visible; } -.v-tabsheet-light .v-tabsheet-tabitemcell-first .v-tabsheet-tabitem-selected .v-caption { +.v-tabsheet-tabs-light .v-tabsheet-tabitemcell-first .v-tabsheet-tabitem-selected .v-caption { background: transparent url(img/inline-tab-left.png) no-repeat -3px 0; - padding-left: 15px; + padding-left: 16px; } -.v-tabsheet-light .v-tabsheet-content { +.v-tabsheet-tabs-light .v-tabsheet-caption-close { + margin-top: 0; + text-shadow: none; +} +.v-tabsheet-content-light { border: none; background: transparent; } @@ -247,35 +255,35 @@ display: none; } /* Scroller */ -.v-tabsheet-light .v-tabsheet-scrollerPrev, -.v-tabsheet-light .v-tabsheet-scrollerNext { +.v-tabsheet-tabcontainer-light .v-tabsheet-scrollerPrev, +.v-tabsheet-tabcontainer-light .v-tabsheet-scrollerNext { margin-top: 2px; height: 34px; } -.v-tabsheet-light .v-tabsheet-scrollerPrev-disabled, -.v-tabsheet-light .v-tabsheet-scrollerNext-disabled { +.v-tabsheet-tabcontainer-light .v-tabsheet-scrollerPrev-disabled, +.v-tabsheet-tabcontainer-light .v-tabsheet-scrollerNext-disabled { margin-top: 2px; height: 34px; } -/* Progress indication */ +/* Progress indication * .v-tabsheet-loading .v-tabsheet-tabs-light .v-tabsheet-tabitem-selected .v-captiontext { margin-left: -3px; padding-left: 3px; -} +}*/ /* IE specific styles */ .v-ie6 .v-tabsheet-tabs-light, .v-ie7 .v-tabsheet-tabs-light { height: 32px; } -.v-ie6 .v-tabsheet-light .v-tabsheet-tabitem-selected, -.v-ie7 .v-tabsheet-light .v-tabsheet-tabitem-selected { +.v-ie6 .v-tabsheet-tabs-light .v-tabsheet-tabitem-selected, +.v-ie7 .v-tabsheet-tabs-light .v-tabsheet-tabitem-selected { border: none; background: #fff url(img/inline-tab-right.png) no-repeat right top; padding: 0; height: 32px; } -.v-ie6 .v-tabsheet-light .v-tabsheet-tabitem-selected .v-caption, -.v-ie7 .v-tabsheet-light .v-tabsheet-tabitem-selected .v-caption { +.v-ie6 .v-tabsheet-tabs-light .v-tabsheet-tabitem-selected .v-caption, +.v-ie7 .v-tabsheet-tabs-light .v-tabsheet-tabitem-selected .v-caption { background: transparent url(img/inline-tab-left.png) no-repeat -7px 0; padding: 9px 11px 0 11px; } diff --git a/WebContent/VAADIN/themes/runo/textfield/textfield.css b/WebContent/VAADIN/themes/runo/textfield/textfield.css index 2dfcc99d2e..10bac8faeb 100644 --- a/WebContent/VAADIN/themes/runo/textfield/textfield.css +++ b/WebContent/VAADIN/themes/runo/textfield/textfield.css @@ -1,23 +1,23 @@ -.v-textfield { - background: #fff url(img/bg.png) repeat-x; - padding: 2px; - border: 1px solid #b6b6b6; - border-top-color: #9d9d9d; - border-bottom-color: #d6d6d6; - border-right-color: #d6d6d6; - margin: 0; - font-size: 13px; - height: 18px; -} +.v-textfield, .v-textarea { background: #fff url(img/bg.png) repeat-x; - padding: 2px; border: 1px solid #b6b6b6; border-top-color: #9d9d9d; border-bottom-color: #d6d6d6; border-right-color: #d6d6d6; margin: 0; - font-size: 13px; + line-height: 14px; +} +input.v-textfield, +input[type=text].v-textfield, +textarea.v-textarea { + font-size: 12px; + height: 16px; + padding: 4px 2px 0; +} +textarea.v-textarea { + height: auto; + padding-bottom: 2px; } .v-textfield-focus, .v-textarea-focus { @@ -33,4 +33,14 @@ textarea.v-textarea-prompt { } .v-richtextarea .gwt-RichTextArea { background: #fff url(img/bg.png) repeat-x; +} + +/* Small style */ +input.v-textfield-small, +input[type=text].v-textfield-small, +textarea.v-textarea-small { + font-size: 11px; + height: 14px; + line-height: 12px; + padding: 1px 2px; }
\ No newline at end of file diff --git a/WebContent/VAADIN/themes/runo/tree/tree.css b/WebContent/VAADIN/themes/runo/tree/tree.css index bbbf9c55ad..bec3b318dd 100644 --- a/WebContent/VAADIN/themes/runo/tree/tree.css +++ b/WebContent/VAADIN/themes/runo/tree/tree.css @@ -5,15 +5,24 @@ background: transparent url(img/expanded.png) no-repeat 2px 1px; } .v-tree-node-caption { - margin-left: 16px; + margin-left: 18px; } -.v-tree-node span { - padding: 0 2px; +.v-tree-node-caption .v-icon { + margin: 0 2px 0 -2px; +} +.v-tree-node-caption span { + padding: 0 1px; } .v-tree-node-selected span { - background: #5daee8; + background: #57a7ed; color: #fff; - padding: 0 2px; + padding: 1px 2px 0; + display: inline-block; + zoom: 1; + margin: -1px -1px 0; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; } .v-tree-node-children { padding-left: 16px; @@ -24,6 +33,20 @@ height: 10px; padding: 1px; } +.v-tree{ + outline:none; +} +.v-tree-node-caption.v-tree-node-focused span{ + padding-left: 1px; + padding-top: 0px; + padding-bottom: 0px; +} +.v-tree-node-focused span{ + border: 1px dotted black; +} +.v-ie6 .v-tree-node-ie6compatnode.v-tree-node-focused{ + padding-left: 0px; +} /*************************************** * Drag'n'drop styles ***************************************/ diff --git a/WebContent/VAADIN/themes/runo/window/img/dialog/bottom-left.png b/WebContent/VAADIN/themes/runo/window/img/dialog/bottom-left.png Binary files differnew file mode 100644 index 0000000000..438b50f419 --- /dev/null +++ b/WebContent/VAADIN/themes/runo/window/img/dialog/bottom-left.png diff --git a/WebContent/VAADIN/themes/runo/window/img/dialog/bottom-right.png b/WebContent/VAADIN/themes/runo/window/img/dialog/bottom-right.png Binary files differnew file mode 100644 index 0000000000..3ceb3c92fe --- /dev/null +++ b/WebContent/VAADIN/themes/runo/window/img/dialog/bottom-right.png diff --git a/WebContent/VAADIN/themes/runo/window/img/dialog/close.png b/WebContent/VAADIN/themes/runo/window/img/dialog/close.png Binary files differnew file mode 100644 index 0000000000..bb39f7a1f8 --- /dev/null +++ b/WebContent/VAADIN/themes/runo/window/img/dialog/close.png diff --git a/WebContent/VAADIN/themes/runo/window/img/resize.png b/WebContent/VAADIN/themes/runo/window/img/resize.png Binary files differindex e04087e525..e0a8759f64 100644 --- a/WebContent/VAADIN/themes/runo/window/img/resize.png +++ b/WebContent/VAADIN/themes/runo/window/img/resize.png diff --git a/WebContent/VAADIN/themes/runo/window/img/top-left.png b/WebContent/VAADIN/themes/runo/window/img/top-left.png Binary files differindex 0a57866ed6..ae8aee8ade 100644 --- a/WebContent/VAADIN/themes/runo/window/img/top-left.png +++ b/WebContent/VAADIN/themes/runo/window/img/top-left.png diff --git a/WebContent/VAADIN/themes/runo/window/img/top-right.png b/WebContent/VAADIN/themes/runo/window/img/top-right.png Binary files differindex e4e8080398..7030dc30e0 100644 --- a/WebContent/VAADIN/themes/runo/window/img/top-right.png +++ b/WebContent/VAADIN/themes/runo/window/img/top-right.png diff --git a/WebContent/VAADIN/themes/runo/window/window.css b/WebContent/VAADIN/themes/runo/window/window.css index 2165931d9c..81509146aa 100644 --- a/WebContent/VAADIN/themes/runo/window/window.css +++ b/WebContent/VAADIN/themes/runo/window/window.css @@ -25,14 +25,14 @@ } .v-window-contents { background: #fff; - border: 2px solid #acb2b3; + border: 2px solid #babfc0; border-top: none; border-bottom: none; } .v-window div.v-window-footer { height: 8px; margin-left: 9px; - background: transparent url(img/bottom-right.png) no-repeat right top; + background: transparent url(img/bottom-right.png) no-repeat right bottom; overflow: visible; } .v-ie7 .v-window-footer { @@ -66,6 +66,33 @@ .v-window-modalitycurtain { background: #fff; } +/* Dialog style */ +.v-window-dialog { + background-image: url(img/dialog/bottom-left.png); +} +.v-window-dialog .v-window-outerheader { + height: 14px; + padding: 13px 30px 5px 8px; + background: transparent url(img/top-right.png) no-repeat right top; +} +.v-window-dialog .v-window-header { + font-size: 12px; + line-height: normal; + font-weight: bold; + letter-spacing: 0; + text-shadow: 0 1px 0 #fff; +} +.v-window-dialog .v-window-contents { + background: #f1f3f3; +} +.v-window-dialog div.v-window-footer { + background-image: url(img/dialog/bottom-right.png); +} +.v-window-dialog .v-window-closebox { + top: 14px; + right: 16px; + background-image: url(img/dialog/close.png); +} /* Shadow for window */ .v-shadow-window .top-left { top: -13px; left: -20px; diff --git a/WebContent/WEB-INF/web.xml b/WebContent/WEB-INF/web.xml index dfdedf5dce..6b6b681525 100644 --- a/WebContent/WEB-INF/web.xml +++ b/WebContent/WEB-INF/web.xml @@ -24,32 +24,32 @@ <param-name>resourceCacheTime</param-name>
<param-value>3600</param-value>
</context-param>
- +
<servlet>
<servlet-name>VaadinApplicationRunner</servlet-name>
<servlet-class>com.vaadin.terminal.gwt.server.ApplicationRunnerServlet</servlet-class>
<init-param><param-name>defaultPackages</param-name>
<param-value>com.vaadin.tests,com.vaadin.demo,com.vaadin.tests.tickets,com.vaadin.tests.components,com.vaadin.tests.components.layouts,com.vaadin.tests.components.panel,com.vaadin.tests.components.combobox,com.vaadin.tests.components.popupview,com.vaadin.tests.components.datefield,com.vaadin.tests.components.richtextarea,com.vaadin.tests.components.absolutelayout,com.vaadin.tests.components.embedded,com.vaadin.tests.components.splitpanel,com.vaadin.tests.components.abstractfield,com.vaadin.tests.components.form,com.vaadin.tests.components.table,com.vaadin.tests.components.accordion,com.vaadin.tests.components.label,com.vaadin.tests.components.tabsheet,com.vaadin.tests.components.beanitemcontainer,com.vaadin.tests.components.link,com.vaadin.tests.components.textfield,com.vaadin.tests.components.button,com.vaadin.tests.components.optiongroup,com.vaadin.tests.components.tree,com.vaadin.tests.components.caption,com.vaadin.tests.components.orderedlayout,com.vaadin.tests.components.window,com.vaadin.tests.dd</param-value></init-param>
</servlet>
- - - <servlet> - <servlet-name>RobustnessSimple</servlet-name> - <servlet-class>com.vaadin.terminal.gwt.server.ApplicationServlet</servlet-class> - <init-param> - <param-name>application</param-name> - <param-value>com.vaadin.tests.robustness.RobustnessSimple</param-value> - </init-param> - </servlet> - - - <servlet> - <servlet-name>DemoTestBench</servlet-name> - <servlet-class>com.vaadin.terminal.gwt.server.ApplicationServlet</servlet-class> - <init-param> - <param-name>application</param-name> - <param-value>com.vaadin.demo.testbench.TestBench</param-value> - </init-param> +
+
+ <servlet>
+ <servlet-name>RobustnessSimple</servlet-name>
+ <servlet-class>com.vaadin.terminal.gwt.server.ApplicationServlet</servlet-class>
+ <init-param>
+ <param-name>application</param-name>
+ <param-value>com.vaadin.tests.robustness.RobustnessSimple</param-value>
+ </init-param>
+ </servlet>
+
+
+ <servlet>
+ <servlet-name>DemoTestBench</servlet-name>
+ <servlet-class>com.vaadin.terminal.gwt.server.ApplicationServlet</servlet-class>
+ <init-param>
+ <param-name>application</param-name>
+ <param-value>com.vaadin.demo.testbench.TestBench</param-value>
+ </init-param>
</servlet>
<servlet>
<servlet-name>TestForNativeWindowing</servlet-name>
@@ -166,6 +166,15 @@ </servlet>
<servlet>
+ <servlet-name>RunoTheme</servlet-name>
+ <servlet-class>com.vaadin.terminal.gwt.server.ApplicationServlet</servlet-class>
+ <init-param>
+ <param-name>application</param-name>
+ <param-value>com.vaadin.demo.themes.RunoTheme</param-value>
+ </init-param>
+ </servlet>
+
+ <servlet>
<servlet-name>FeaturesApplication</servlet-name>
<servlet-class>com.vaadin.terminal.gwt.server.ApplicationServlet</servlet-class>
<init-param>
@@ -255,44 +264,44 @@ </init-param>
</servlet>
- <servlet> - <servlet-name>ColorPickerApplication</servlet-name> - <servlet-class>com.vaadin.terminal.gwt.server.ApplicationServlet</servlet-class> - <init-param> - <param-name>application</param-name> - <param-value>com.vaadin.demo.colorpicker.ColorPickerApplication</param-value> - </init-param> + <servlet>
+ <servlet-name>ColorPickerApplication</servlet-name>
+ <servlet-class>com.vaadin.terminal.gwt.server.ApplicationServlet</servlet-class>
+ <init-param>
+ <param-name>application</param-name>
+ <param-value>com.vaadin.demo.colorpicker.ColorPickerApplication</param-value>
+ </init-param>
<init-param>
<param-name>widgetset</param-name>
<param-value>com.vaadin.demo.colorpicker.gwt.ColorPickerWidgetSet</param-value>
</init-param>
</servlet>
- <servlet> - <servlet-name>BookTestServlet</servlet-name> - <servlet-class>com.vaadin.terminal.gwt.server.ApplicationServlet</servlet-class> - <init-param> - <param-name>application</param-name> - <param-value>com.vaadin.tests.book.BookTestApplication</param-value> - </init-param> - </servlet> - - <servlet> - <servlet-name>WindowTestServlet</servlet-name> - <servlet-class>com.vaadin.terminal.gwt.server.ApplicationServlet</servlet-class> - <init-param> - <param-name>application</param-name> - <param-value>com.vaadin.tests.book.WindowTestApplication</param-value> - </init-param> - </servlet> - - <servlet> - <servlet-name>ChatServlet</servlet-name> - <servlet-class>com.vaadin.terminal.gwt.server.ApplicationServlet</servlet-class> - <init-param> - <param-name>application</param-name> - <param-value>com.vaadin.tests.book.ChatApplication</param-value> - </init-param> + <servlet>
+ <servlet-name>BookTestServlet</servlet-name>
+ <servlet-class>com.vaadin.terminal.gwt.server.ApplicationServlet</servlet-class>
+ <init-param>
+ <param-name>application</param-name>
+ <param-value>com.vaadin.tests.book.BookTestApplication</param-value>
+ </init-param>
+ </servlet>
+
+ <servlet>
+ <servlet-name>WindowTestServlet</servlet-name>
+ <servlet-class>com.vaadin.terminal.gwt.server.ApplicationServlet</servlet-class>
+ <init-param>
+ <param-name>application</param-name>
+ <param-value>com.vaadin.tests.book.WindowTestApplication</param-value>
+ </init-param>
+ </servlet>
+
+ <servlet>
+ <servlet-name>ChatServlet</servlet-name>
+ <servlet-class>com.vaadin.terminal.gwt.server.ApplicationServlet</servlet-class>
+ <init-param>
+ <param-name>application</param-name>
+ <param-value>com.vaadin.tests.book.ChatApplication</param-value>
+ </init-param>
</servlet>
<servlet>
@@ -302,16 +311,16 @@ <param-name>application</param-name>
<param-value>com.vaadin.tests.appengine.GAESyncTest</param-value>
</init-param>
- </servlet> - - <servlet-mapping> - <servlet-name>VaadinApplicationRunner</servlet-name> - <url-pattern>/run/*</url-pattern> + </servlet>
+
+ <servlet-mapping>
+ <servlet-name>VaadinApplicationRunner</servlet-name>
+ <url-pattern>/run/*</url-pattern>
</servlet-mapping>
- <servlet-mapping> - <servlet-name>DemoTestBench</servlet-name> - <url-pattern>/DemoTestBench/*</url-pattern> + <servlet-mapping>
+ <servlet-name>DemoTestBench</servlet-name>
+ <url-pattern>/DemoTestBench/*</url-pattern>
</servlet-mapping>
<servlet-mapping>
<servlet-name>TestForNativeWindowing</servlet-name>
@@ -319,11 +328,11 @@ </servlet-mapping>
- <servlet-mapping> - <servlet-name>RobustnessSimple</servlet-name> - <url-pattern>/RobustnessSimple/*</url-pattern> - </servlet-mapping> - + <servlet-mapping>
+ <servlet-name>RobustnessSimple</servlet-name>
+ <url-pattern>/RobustnessSimple/*</url-pattern>
+ </servlet-mapping>
+
<servlet-mapping>
<servlet-name>TestSplitPanel</servlet-name>
<url-pattern>/TestSplitPanel/*</url-pattern>
@@ -337,12 +346,12 @@ <servlet-mapping>
<servlet-name>TestBench</servlet-name>
<url-pattern>/TestBench/*</url-pattern>
- </servlet-mapping> + </servlet-mapping>
<servlet-mapping>
<servlet-name>TestBench</servlet-name>
<url-pattern>/t/*</url-pattern>
- </servlet-mapping> - + </servlet-mapping>
+
<servlet-mapping>
<servlet-name>CustomLayoutDemo</servlet-name>
<url-pattern>/CustomLayoutDemo/*</url-pattern>
@@ -412,23 +421,23 @@ <!-- portlet -->
</servlet-mapping>
- <servlet-mapping> - <servlet-name>ColorPickerApplication</servlet-name> - <url-pattern>/colorpicker/*</url-pattern> + <servlet-mapping>
+ <servlet-name>ColorPickerApplication</servlet-name>
+ <url-pattern>/colorpicker/*</url-pattern>
</servlet-mapping>
- <servlet-mapping> - <servlet-name>BookTestServlet</servlet-name> - <url-pattern>/book/*</url-pattern> + <servlet-mapping>
+ <servlet-name>BookTestServlet</servlet-name>
+ <url-pattern>/book/*</url-pattern>
</servlet-mapping>
- <servlet-mapping> - <servlet-name>WindowTestServlet</servlet-name> - <url-pattern>/windowtest/*</url-pattern> - </servlet-mapping> - - <servlet-mapping> - <servlet-name>ChatServlet</servlet-name> - <url-pattern>/chat/*</url-pattern> - <!-- portlet --> + <servlet-mapping>
+ <servlet-name>WindowTestServlet</servlet-name>
+ <url-pattern>/windowtest/*</url-pattern>
+ </servlet-mapping>
+
+ <servlet-mapping>
+ <servlet-name>ChatServlet</servlet-name>
+ <url-pattern>/chat/*</url-pattern>
+ <!-- portlet -->
</servlet-mapping>
<servlet-mapping>
@@ -439,8 +448,8 @@ <servlet-mapping>
<servlet-name>GAESyncTest</servlet-name>
<url-pattern>/gaesynctest/*</url-pattern>
- </servlet-mapping> - + </servlet-mapping>
+
<servlet-mapping>
<servlet-name>AddressBook</servlet-name>
<url-pattern>/AddressBook/*</url-pattern>
@@ -450,6 +459,11 @@ <servlet-name>ReindeerThemeStyles</servlet-name>
<url-pattern>/ReindeerTheme/*</url-pattern>
</servlet-mapping>
+
+ <servlet-mapping>
+ <servlet-name>RunoTheme</servlet-name>
+ <url-pattern>/RunoTheme/*</url-pattern>
+ </servlet-mapping>
<welcome-file-list>
<welcome-file>index.jsp</welcome-file>
diff --git a/WebContent/index.html b/WebContent/index.html index f1fd714e75..68589abe17 100644 --- a/WebContent/index.html +++ b/WebContent/index.html @@ -150,11 +150,10 @@ </a> </div> <div class="col2"> - <a class="thumb" href="demo/img/runo.png" rel="zoombox" title="Runo theme mockup (actual implementation differs in some parts)"> + <a class="thumb" href="RunoTheme"> <img src="demo/img/icons/runo.png" /> <span><strong>Runo</strong>Clean and easy to extend</span> </a> - <span class="thumb-rel">(mockup only, demo coming soon)</span> </div> </div> diff --git a/WebContent/release-notes.html b/WebContent/release-notes.html index 411510e50e..2eaa9f95c2 100644 --- a/WebContent/release-notes.html +++ b/WebContent/release-notes.html @@ -29,17 +29,67 @@ <li><a href="#upgrading">General Upgrade Notes</a></li> <li><a href="#upgrading-tk5">Instructions for Upgrading from IT Mill Toolkit 5</a></li> <li><a href="#known-problems">Important known problems in Vaadin @version@</a></li> + <li><a href="#changelog">Change Log</a></li> <li><a href="#requirements">Requirements</a></li> </ul> -<p>Vaadin @version@ is a maintenance release for Vaadin 6.3. It contains several important fixes.</p> +<p>Vaadin @version@ is an update release for Vaadin 6. In addition to various fixes, it +contains a number of significant enhancements.</p> -<p>Please see the <a href="http://dev.vaadin.com/query?status=closed&resolution=fixed&order=id&milestone=Vaadin+@version@&type=!task">list of fixed issues in Vaadin @version@</a> -for more details. Problem fixes and enhancements planned for upcoming -releases can be found from the <a -href="http://dev.vaadin.com/roadmap">Vaadin Roadmap</a> in Vaadin Trac.</p> +<ul> + <li>Drag-and-Drop support (<a href="http://dev.vaadin.com/ticket/119">#119</a>)</li> + <ul> + <li>Dragging <b>Tree</b> and <b>Table</b> items as well as entire components</li> + <li>See the Sampler for Drag-and-Drop examples and Book of Vaadin for more detailed instructions</li> + </ul> + + <li>GWT 2.0</li> + <ul> + <li>Platform independent and a new development mode.</li> + <li>No more separate OOPHM - the GWT Development Mode uses a browser + plugin to allow debugging directly in the supported browsers</li> + </ul> + + <li>New protected <tt>attachField()</tt> method in <b>Form</b> allows customizing + the form layout according to item identifier and object type. + For example, you could lay check boxes horizontally. (<a href="http://dev.vaadin.com/ticket/2205">#2205</a>)</li> + + <li><b>Form</b> no longer resets the field caption set by the <b>FormFieldFactory</b></li> + + <li>Easier shortcut key binding</li> + <ul> + <li>Bind shortcuts to directly to buttons by using <tt>setClickShortcut()</tt></li> + <li>Bind field components by adding a <b>FocusShortcut</b> as a shortcut listener to a component with <tt>addShortcutListener()</tt></li> + <li>Shortcuts can be scoped to a <b>Panel,Window</b> or <b>Form</b> by adding them with <tt>addAction()</tt> to the component</li> + </ul> + + <li>ISO-8601 week numbers in <b>DateField</b>s (<a href="http://dev.vaadin.com/ticket/3492">#3492</a>)</li> -<p>An outline of enhancements introduced in Vaadin 6.3 is given in the <a href="http://vaadin.com/download/release/6.3/6.3.0/release-notes.html">Release Notes for Vaadin 6.3.0</a>.</p> + <li>Customizable system messages to warn about disabled cookies</li> + + <li>Methods for browser and operating system detection on the server-side (<a href="http://dev.vaadin.com/ticket/3931">#3931</a>, <a href="http://dev.vaadin.com/ticket/4356">#4356</a>). The <tt>getBrowser()</tt> method in <b>WebApplicationContext</b> returns a <b>WebBrowser</b> info object, which provides the following:</li> + <ul> + <li>The <tt>isFirefox()</tt>, <tt>isChrome()</tt>, etc. methods allow detecting the browser</li> + <li>The <tt>getBrowserMajorVersion()</tt> and <tt>getBrowserMinorVersion()</tt> return the browser version info</li> + <li>The <tt>isWindows()</tt>, <tt>isLinux()</tt>, and <tt>isMac()</tt> allow detecting the operating system</li> + <li>The <body> element of the application page contains CSS classes for the browser, browser engine, and operating system</li> + </ul> + + <li>Filtering support for <b>HierarchicalContainer</b></li> + + <li><b>ApplicationServlet</b> provides time stamps for static resources to improve browser caching support</li> + + <li>Portlet 2.0 <b>PortletListener</b> now includes the active <b>Window</b> in all methods for improved multi-window support in portlets (<a href="http://dev.vaadin.com/ticket/4188">#4188</a>)</li> + + <li>Focus and blur listeners for <b>Button</b>, <b>NativeButton</b>, <b>CheckBox</b>, and <b>OptionGroup</b></li> + + <li>Many bug fixes including several minor fixes for invalid behavior in containers</li> +</ul> + +<p>See <a href="#changelog">Change Log</a></li> for a full list of tickets fixed in this release.</p> + +<p>Problem fixes and enhancements planned for upcoming releases can be found from the <a +href="http://dev.vaadin.com/roadmap">Vaadin Roadmap</a> in Vaadin Trac.</p> <p>As always, when upgrading from an earlier version, you should recompile any custom widget sets and refresh your project in Eclipse. If you are upgrading from earlier than @@ -221,6 +271,91 @@ under the Google App Engine.</p> <p>For other known problems, see open tickets at developer site <a href="http://dev.vaadin.com/">dev.vaadin.com</a>.</p> +<h2 id="changelog">Change Log</h2> + +<p>The following closed issues have been included in this release:</p> + +<ul> + <li><a href="http://dev.vaadin.com/ticket/119">#119</a>: Design drag and drop support API</li> + <li><a href="http://dev.vaadin.com/ticket/875">#875</a>: Keybinding for any components should be easier to do</li> + <li><a href="http://dev.vaadin.com/ticket/1394">#1394</a>: Focus server-side code needs redesign and implementation (?)</li> + <li><a href="http://dev.vaadin.com/ticket/1844">#1844</a>: Form component should implement Action.Container interface</li> + <li><a href="http://dev.vaadin.com/ticket/2205">#2205</a>: Make Form layouting more flexible</li> + <li><a href="http://dev.vaadin.com/ticket/2586">#2586</a>: Theme should be refreshed when Vaadin version is updated</li> + <li><a href="http://dev.vaadin.com/ticket/3226">#3226</a>: Lazy-initialization for PortletAdapter</li> + <li><a href="http://dev.vaadin.com/ticket/3467">#3467</a>: Button styles missing? (Button.STYLE_LINK exists, but others not)</li> + <li><a href="http://dev.vaadin.com/ticket/3492">#3492</a>: DateField should have an option to show week numbers</li> + <li><a href="http://dev.vaadin.com/ticket/3554">#3554</a>: Form.addItemProperty() resets caption created by FieldFactory</li> + <li><a href="http://dev.vaadin.com/ticket/3734">#3734</a>: Widgetset fails to load when customized system messages contain special characters</li> + <li><a href="http://dev.vaadin.com/ticket/3736">#3736</a>: Split up style and type definitions</li> + <li><a href="http://dev.vaadin.com/ticket/3810">#3810</a>: Upgrade GWT to 2.0</li> + <li><a href="http://dev.vaadin.com/ticket/3846">#3846</a>: Empty string as a caption in VOrderedLayout uses space in IE6&7 but not in other browsers.</li> + <li><a href="http://dev.vaadin.com/ticket/3913">#3913</a>: Focus and BlurEvents for Button/Checkbox and OptionGroup</li> + <li><a href="http://dev.vaadin.com/ticket/3931">#3931</a>: Provide methods for browser detection in WebBrowser</li> + <li><a href="http://dev.vaadin.com/ticket/3940">#3940</a>: Setter for CustomLayout template contents</li> + <li><a href="http://dev.vaadin.com/ticket/3949">#3949</a>: Add a convenience removeItemAndChildren method to HierarchicalContainer and ContainerHierarchicalWrapper</li> + <li><a href="http://dev.vaadin.com/ticket/3984">#3984</a>: CustomLayout "not found" debug message should indicate where it looked</li> + <li><a href="http://dev.vaadin.com/ticket/3994">#3994</a>: Remove extra dependencies from DefaultWidgetSet</li> + <li><a href="http://dev.vaadin.com/ticket/4085">#4085</a>: Table height is miscalculated (IE6)</li> + <li><a href="http://dev.vaadin.com/ticket/4102">#4102</a>: RichTextArea should provide feedback on current text format</li> + <li><a href="http://dev.vaadin.com/ticket/4106">#4106</a>: BeanItemContainer slow in some instances</li> + <li><a href="http://dev.vaadin.com/ticket/4107">#4107</a>: Multi-selectable AbstractSelect considers itself to be non-empty when nothing is selected</li> + <li><a href="http://dev.vaadin.com/ticket/4128">#4128</a>: Allow custom servlets to send critical notifications to client</li> + <li><a href="http://dev.vaadin.com/ticket/4129">#4129</a>: Show a message if cookie support is disabled in the browser</li> + <li><a href="http://dev.vaadin.com/ticket/4139">#4139</a>: Update RichTextAreaToolbar to GWT 2.0</li> + <li><a href="http://dev.vaadin.com/ticket/4153">#4153</a>: The noscript tag should be rendered also when running as portlet</li> + <li><a href="http://dev.vaadin.com/ticket/4160">#4160</a>: restartApplication flag does not work for portlet 2.0</li> + <li><a href="http://dev.vaadin.com/ticket/4170">#4170</a>: IndexedContainer.addItemAfter(null, Object) does not work</li> + <li><a href="http://dev.vaadin.com/ticket/4188">#4188</a>: PortletListener cannot know which window the request is using</li> + <li><a href="http://dev.vaadin.com/ticket/4192">#4192</a>: HierarchicalContainer implements Container.Filterable but does not allow filtering</li> + <li><a href="http://dev.vaadin.com/ticket/4212">#4212</a>: ComboBox mixed behaviour in dropdown.</li> + <li><a href="http://dev.vaadin.com/ticket/4240">#4240</a>: Remove URIFragmentUtility workaround (#4099)</li> + <li><a href="http://dev.vaadin.com/ticket/4241">#4241</a>: Implement drag'n'drop support for Table</li> + <li><a href="http://dev.vaadin.com/ticket/4242">#4242</a>: Implement drag'n'drop support for Tree</li> + <li><a href="http://dev.vaadin.com/ticket/4249">#4249</a>: IndexedContainer.addItemAfter(Object) should return item id, not item</li> + <li><a href="http://dev.vaadin.com/ticket/4250">#4250</a>: IndexedContainer.nextItemId should return null for item ids not in container</li> + <li><a href="http://dev.vaadin.com/ticket/4279">#4279</a>: RichTextEditor does not save contents on Chrome and Safari</li> + <li><a href="http://dev.vaadin.com/ticket/4284">#4284</a>: Add Chrome version parsing to BrowserInfo</li> + <li><a href="http://dev.vaadin.com/ticket/4286">#4286</a>: RichTextArea IE workaround causes assertion error in GWT development mode</li> + <li><a href="http://dev.vaadin.com/ticket/4292">#4292</a>: removeItem in Container.Hierarchical implementations should handle orphaned children</li> + <li><a href="http://dev.vaadin.com/ticket/4293">#4293</a>: ContainerHierarchicalWrapper.setParent() creates "duplicates" into the hierarchy</li> + <li><a href="http://dev.vaadin.com/ticket/4299">#4299</a>: Suboptimal row cache update in Table</li> + <li><a href="http://dev.vaadin.com/ticket/4300">#4300</a>: Fix standard DnD drop hints</li> + <li><a href="http://dev.vaadin.com/ticket/4303">#4303</a>: BeanItemContainer.addItemAfter(null, Object) does not work</li> + <li><a href="http://dev.vaadin.com/ticket/4313">#4313</a>: ComboBox sends extra value updates to the server</li> + <li><a href="http://dev.vaadin.com/ticket/4322">#4322</a>: Tree drop indicator flickers and shows the wrong target</li> + <li><a href="http://dev.vaadin.com/ticket/4332">#4332</a>: Add web.xml parameter to control the resource caching</li> + <li><a href="http://dev.vaadin.com/ticket/4334">#4334</a>: TextField contents offset in Firefox 3.6</li> + <li><a href="http://dev.vaadin.com/ticket/4347">#4347</a>: Mouse cursor should not change during a drag'n'drop operation</li> + <li><a href="http://dev.vaadin.com/ticket/4348">#4348</a>: Column resize cursor not shown in Opera 10</li> + <li><a href="http://dev.vaadin.com/ticket/4350">#4350</a>: Removing a root recursively puts HierarchicalContainerWrapper in an inconsistent state</li> + <li><a href="http://dev.vaadin.com/ticket/4352">#4352</a>: Vaadin application font is ugly in Windows Safari/Chrome</li> + <li><a href="http://dev.vaadin.com/ticket/4354">#4354</a>: SplitPanel setComponent methods should check if the component is already set</li> + <li><a href="http://dev.vaadin.com/ticket/4356">#4356</a>: Add operating system detection</li> + <li><a href="http://dev.vaadin.com/ticket/4359">#4359</a>: Immediate upload in a wide form layout does not work in Firefox 3.5 and Opera</li> + <li><a href="http://dev.vaadin.com/ticket/4360">#4360</a>: HierarchicalContainer.setParent() creates "duplicates" into the hierarchy</li> + <li><a href="http://dev.vaadin.com/ticket/4362">#4362</a>: Sub windows don't obey setPositionX/Y if only one is set</li> + <li><a href="http://dev.vaadin.com/ticket/4365">#4365</a>: When dragging components, drop target is null for WrapperDropDetails</li> + <li><a href="http://dev.vaadin.com/ticket/4370">#4370</a>: HierarchicalContainer.setParent() removes node children incorrectly</li> + <li><a href="http://dev.vaadin.com/ticket/4380">#4380</a>: Vaadin's client side does not react visibly to HTTP error codes</li> + <li><a href="http://dev.vaadin.com/ticket/4392">#4392</a>: Any drag-event should be safely cancelable by pressing the ESC key</li> + <li><a href="http://dev.vaadin.com/ticket/4394">#4394</a>: ValueChangeListener is called multiple times for fields</li> + <li><a href="http://dev.vaadin.com/ticket/4395">#4395</a>: HTML5 Drag and Drop example gives Internal Error on Safari</li> + <li><a href="http://dev.vaadin.com/ticket/4396">#4396</a>: RichTextArea broken in IE</li> + <li><a href="http://dev.vaadin.com/ticket/4399">#4399</a>: AbstractApplicationServlet.RequestType enum should have visibility protected</li> + <li><a href="http://dev.vaadin.com/ticket/4401">#4401</a>: Clicking on week numbers in VCalendarPanel selects a date</li> + <li><a href="http://dev.vaadin.com/ticket/4463">#4463</a>: "widgetset version does not seem to match theme version" should not be output to console</li> + <li><a href="http://dev.vaadin.com/ticket/4469">#4469</a>: VScrollTable prints debug on 4 places</li> + <li><a href="http://dev.vaadin.com/ticket/4476">#4476</a>: AcceptCriteriaFactoryGenerator does not find criteria classes which are inner classes</li> + <li><a href="http://dev.vaadin.com/ticket/4477">#4477</a>: Drag'n'drop partly broken in IE</li> + <li><a href="http://dev.vaadin.com/ticket/4489">#4489</a>: Extra scrollbars when scrolling Table (Chrome 4 + Runo)</li> + <li><a href="http://dev.vaadin.com/ticket/4491">#4491</a>: Provide methods for browser minor version detection in WebBrowser</li> + <li><a href="http://dev.vaadin.com/ticket/4492">#4492</a>: Clicking on tree node icon does not select node or send click events to server</li> + <li><a href="http://dev.vaadin.com/ticket/4503">#4503</a>: Keyboard shortcuts and inputpromt don't work together in Opera</li> + <li><a href="http://dev.vaadin.com/ticket/4508">#4508</a>: Update "Handling Portlet Mode Changes" to use correct Window</li> + <li><a href="http://dev.vaadin.com/ticket/4510">#4510</a>: Add css class names according to browser engine</li> +</ul> + <h2 id="requirements">Requirements</h2> <p>Vaadin is available for the following operating systems:</p> |
