diff options
Diffstat (limited to 'WebContent/VAADIN/themes/itmill5/styles.css')
| -rw-r--r-- | WebContent/VAADIN/themes/itmill5/styles.css | 3195 |
1 files changed, 3195 insertions, 0 deletions
diff --git a/WebContent/VAADIN/themes/itmill5/styles.css b/WebContent/VAADIN/themes/itmill5/styles.css new file mode 100644 index 0000000000..b485e96fe0 --- /dev/null +++ b/WebContent/VAADIN/themes/itmill5/styles.css @@ -0,0 +1,3195 @@ +/* Automatically compiled css file from subdirectories. */ + +/* ./WebContent/VAADIN/themes/base/absolutelayout/absolutelayout.css */ +.v-absolutelayout-wrapper { + position: absolute; + overflow: hidden; +} + +/* ./WebContent/VAADIN/themes/base/accordion/accordion.css */ +.v-accordion { + position: relative; + outline: none; + overflow: hidden; + text-align: left /* Force default alignment */ +} +.v-accordion-item { + position: relative; +} +.v-accordion-item-caption { + overflow: hidden; + white-space: nowrap; + background: #eee; + border-bottom: 1px solid #ddd; +} +.v-accordion-item-caption .v-caption { + cursor: pointer; +} +.v-accordion-item-open .v-accordion-item-caption .v-caption { + cursor: default; +} +.v-accordion-item-content { + position: absolute; + overflow: auto; + width: 100%; +} + +/* ./WebContent/VAADIN/themes/base/button/button.css */ +.v-button { + cursor: pointer; + white-space: nowrap; + margin: 0; +} +.v-button span { + white-space: nowrap; +} +.v-checkbox input { + vertical-align: middle; +} +.v-button img, +.v-checkbox img { + display: inline; + vertical-align: middle; + margin-right: 3px; +} +.v-button span, +.v-checkbox label { + vertical-align: middle; +} +.v-button-link { + border: none; + text-align: left; + background: none; + padding: 0; +} +/* Inset Safari focus outline a bit */ +.v-sa .v-button-link:focus { + outline-offset: -3px; +} +.v-button-link span { + text-decoration: underline; +} +.v-checkbox { + white-space: nowrap; +} +.v-checkbox .v-errorindicator { + float: none; + display: inline; + padding-left: 1em; + background-position: left; +} +/* Fixes streched buttons in IE6 and IE7*/ +.v-ie6 .v-button { + width: 1px; +} +.v-ie6 .v-button, +.v-ie7 .v-button, +.v-ie8 .v-button { + overflow: visible; + padding-left: 1em; + padding-right: 1em; +} +/* Error indicator on checkbox fix for IE6 */ +.v-ie6 .v-checkbox * { + float: left; + display: inline; /* In effect, does nothing, since float:left forces block-rendering, but will fix "double-float-margin-bug" */ +} +.v-ie6 .v-checkbox .v-errorindicator { + background-position: right; + display: inline; + float: left; + padding-left: 0; + padding-right: 0.4em; +} +/* Error indicator on checkbox fix for IE7 */ +.v-ie7 .v-checkbox *, +.v-ie8 .v-checkbox * { + float: left; +} +.v-ie7 .v-checkbox .v-errorindicator, +.v-ie8 .v-checkbox .v-errorindicator { + background-position: right; + float: left; + padding-left: 0; + padding-right: 0.7em; +} +/* Error indicator on button fix for IE */ +.v-ie6 button .v-errorindicator, +.v-ie7 button .v-errorindicator, +.v-ie8 button .v-errorindicator { + display: inline; + padding-right: 0.5em; +} +/* Disabled by default +.v-checkbox-error { + background: #ffe0e0; +} +*/ +/* Disabled by default +.v-checkbox-required { + background: #ffe0e0; +} +*/ + +/* ./WebContent/VAADIN/themes/base/caption/caption.css */ +.v-captionwrapper { + text-align: left; /* Force default alignment */ +} +.v-caption { + overflow: hidden; + white-space: nowrap; +} +.v-errorindicator { + float: left; +} +.v-caption .v-icon { + float: left; + padding-right: 2px; + vertical-align: middle; +} +.v-caption .v-captiontext { + float: left; + overflow: hidden; + vertical-align: middle; +} +.v-caption .v-required-field-indicator { + float: left; +} + +/* Fix IE6 "double-float-margin-bug" */ +.v-ie6 .v-errorindicator, +.v-ie6 .v-icon, +.v-ie6 .v-captiontext, +.v-ie6 .v-required-field-indicator { + display: inline; +} + +/* ./WebContent/VAADIN/themes/base/common/common.css */ +/* References the BODY tag generated by Vaadin application servlet */ +.v-generated-body { + width: 100%; + height: 100%; + border: 0; + margin: 0; + overflow: hidden; +} +.v-app { + height: 100%; +} +.v-app-loading { + /* You can use this to provide indication for the user that the application is loading. */ + /* It is applied to the same element as .v-app */ +} +.v-view { + height: 100%; + width: 100%; + overflow: auto; + /* avoid scrollbars with margins in root layout */ + outline: none; + margin-top: -1px; + border-top: 1px solid transparent; + position: relative; +} +/** + * Try to handle printing somehow. Reasonable printing support + * needs application specific planning and CSS tuning. + */ +@media print { + .v-generated-body { + height: auto; + min-height: 20cm; + overflow: visible; + } + .v-app { + height: auto; + min-height: 20cm; + } + .v-view { + overflow: visible; + } + .v-gridlayout { + overflow: visible !important; + } +} +.v-view:active, +.v-view:focus { + outline: none; +} +.v-app select, +.v-window select { + margin: 0; +} +.v-disabled { + opacity: .3; + filter: alpha(opacity=30); + cursor: default; +} +.v-disabled * { + cursor: default; +} +* html .v-disabled { + zoom: 1; +} +*+html .v-disabled { + zoom: 1; +} +.v-disabled .v-disabled { + opacity: 1; +} +.v-required-field-indicator { + padding-left: 2px; + color: red; +} +.v-form fieldset { + border: none; + padding: 0; + margin: 0; +} +/* Field modified */ /* Disabled by default +.v-modified, +.v-richtextarea.v-modified iframe.gwt-RichTextArea, +.v-checkbox.v-modified, +.v-modified .v-select-option, +.v-modified .v-textfield, +.v-modified .v-datefield-calendarpanel, +.v-modified .v-select-select, +.v-modified .v-select-twincol-selections, +.v-modified .v-select-twincol-options, +.v-modified .v-slider-base { + background: #ffffe0; +} +*/ +.v-tooltip { + cursor: default; + background: #fff; +} +.v-tooltip-text { + overflow: auto; +} +.v-tooltip .v-errormessage { + overflow: auto; +} +.v-contextmenu { + background: #fff; +} +.v-contextmenu .gwt-MenuItem { + cursor: pointer; + vertical-align: middle; + padding: 0; + border: 0; + margin: 0; +} +.v-contextmenu .gwt-MenuItem div { + cursor: pointer; + vertical-align: middle; + white-space: nowrap; +} +.v-contextmenu .gwt-MenuItem-selected div { + background: #aaa; + color: #fff; +} +.v-contextmenu table { + border-collapse: collapse; + margin: 0; + padding: 0; +} +.v-contextmenu .gwt-MenuItem img { + margin-right: 1em; + vertical-align: middle; +} +/* Margins are not supported within Label */ +.v-label pre { + margin: 0; +} +/* A label with undefined width is always considered to be on one line */ +.v-label-undef-w { + white-space: nowrap; +} +/* Loading indicator states + * Note: client side expects that loading indicator has a height. It depends on + * this css property to ensure browsers have applied all required styles. + */ +.v-loading-indicator, +.v-loading-indicator-delay, +.v-loading-indicator-wait { + height: 16px; + position: absolute; + top: 0; + right: 0; + z-index: 30000; +} +/* Debug dialog */ +.v-debug-console { + background: #fff; + opacity: .9; + border: 1px solid #000; + font-family: sans-serif; +} +.v-debug-console-caption { + background: #000; + border-bottom: 1px solid grey; + color: white; + font-weight: bold; +} +.v-debug-console-content { + font-size: x-small; + overflow: auto; +} +.v-debug-console-content input { + font-size: xx-small; +} +/* Debug style */ +.v-app .invalidlayout, +.v-app .invalidlayout * { + background: #f99 !important; +} +/* Fix for Liferay, issue #2384 */ +.v-app input[type="text"], +.v-app input[type="password"], +.v-app input[type="reset"], +.v-app select, +.v-app textarea { + padding: 2px; +} + +/* ./WebContent/VAADIN/themes/base/customcomponent/customcomponent.css */ +.v-customcomponent { + overflow: hidden; +} + +/* ./WebContent/VAADIN/themes/base/customlayout/customlayout.css */ +.v-customlayout { + overflow: hidden; +} + +/* ./WebContent/VAADIN/themes/base/datefield/datefield.css */ +.v-datefield { + white-space: nowrap; +} +.v-datefield-textfield { + vertical-align: top; +} +.v-datefield-button { + cursor: pointer; +} +.v-datefield-calendarpanel table { + width: 100%; +} +.v-datefield-calendarpanel td { + padding: 0; + margin: 0; +} +.v-datefield-calendarpanel-header td { + text-align: center; +} +.v-datefield-calendarpanel-month { + text-align: center; + white-space: nowrap; +} +.v-datefield-calendarpanel-day, +.v-datefield-calendarpanel-day-today { + cursor: pointer; +} +.v-datefield-calendarpanel-day-today { + border: 1px solid #ddd; +} +.v-disabled .v-datefield-calendarpanel-day, +.v-disabled .v-datefield-calendarpanel-day-today { + cursor: default; +} +.v-datefield-calendarpanel-day-disabled { + cursor: default; + opacity: .5; +} +.v-datefield-calendarpanel-day-selected { + cursor: default; + background: #333; + color: #fff; +} +.v-datefield-time { + white-space: nowrap; +} +.v-datefield-time .v-label { + display: inline; +} +/* Disabled by default +.v-datefield-error .v-textfield, +.v-datefield-error .v-datefield-calendarpanel { + background: #ffe0e0; +} +*/ + +/* Disabled by default +.v-datefield-required .v-textfield, +.v-datefield-required .v-datefield-calendarpanel { + background:transparent; + background-color: #ffe0e0; +} +*/ +/* IE somehow loses generic v-disabled alpha. See #1960 */ +.v-ie6 .v-disabled .v-datefield-button, +.v-ie6 .v-disabled .v-datefield-textfield, +.v-ie7 .v-disabled .v-datefield-button, +.v-ie7 .v-disabled .v-datefield-textfield { + filter: alpha(opacity=30); +} + +/* ./WebContent/VAADIN/themes/base/formlayout/formlayout.css */ +.v-formlayout-cell .v-errorindicator { + display: block; +} +.v-formlayout-captioncell { + text-align:right; + white-space: nowrap; +} +.v-formlayout-captioncell .v-caption { + overflow: visible; +} +.v-formlayout-spacing .v-formlayout-row .v-formlayout-captioncell, +.v-formlayout-spacing .v-formlayout-row .v-formlayout-contentcell, +.v-formlayout-spacing .v-formlayout-row .v-formlayout-errorcell { + padding-top: 1em; +} +.v-formlayout-spacing .v-formlayout-firstrow .v-formlayout-captioncell, +.v-formlayout-spacing .v-formlayout-firstrow .v-formlayout-contentcell, +.v-formlayout-spacing .v-formlayout-firstrow .v-formlayout-errorcell { + padding-top: 0; +} +.v-formlayout-margin-top .v-formlayout-firstrow .v-formlayout-captioncell, +.v-formlayout-margin-top .v-formlayout-firstrow .v-formlayout-contentcell, +.v-formlayout-margin-top .v-formlayout-firstrow .v-formlayout-errorcell { + padding-top: 2em; +} +.v-formlayout-margin-bottom .v-formlayout-lastrow .v-formlayout-captioncell, +.v-formlayout-margin-bottom .v-formlayout-lastrow .v-formlayout-contentcell, +.v-formlayout-margin-bottom .v-formlayout-lastrow .v-formlayout-errorcell { + padding-bottom: 2em; +} +.v-formlayout-margin-left .v-formlayout-captioncell { + padding-left: 2em; +} +.v-formlayout-margin-right .v-formlayout-contentcell { + padding-right: 2em; +} +.v-formlayout-captioncell .v-caption .v-required-field-indicator { + float: none; +} + +/* ./WebContent/VAADIN/themes/base/gridlayout/gridlayout.css */ +.v-gridlayout-margin-top { + padding-top: 2em; +} +.v-gridlayout-margin-bottom { + padding-bottom: 2em; +} +.v-gridlayout-margin-left { + padding-left: 2em; +} +.v-gridlayout-margin-right { + padding-right: 2em; +} +.v-gridlayout-spacing-on { + padding-left: 1em; + padding-top: 1em; + overflow: hidden; +} +.v-gridlayout-spacing, +.v-gridlayout-spacing-off { + padding-left: 0; + padding-top: 0; +} +.v-gridlayout-spacing-off { + overflow: hidden; +} +/* Ensure that resizing gridlayout works in IE */ +.v-ie6 .v-gridlayout, +.v-ie7 .v-gridlayout { + overflow: hidden; +} + +/* ./WebContent/VAADIN/themes/base/link/link.css */ +.v-link { + white-space: nowrap; +} +.v-link a { + vertical-align: middle; + text-decoration: none; +} +.v-link span { + text-decoration: underline; + vertical-align: middle; +} +.v-disabled a { + cursor: default; +} +.v-link img { + vertical-align: middle; + border:none; +} + +/* ./WebContent/VAADIN/themes/base/menubar/menubar.css */ +.v-menubar table { + white-space: nowrap; + border-collapse: collapse; + padding: 0; + margin: 0; +} +.v-menubar table { + white-space: nowrap; + border-collapse: collapse; + padding: 0; + margin: 0; +} +.v-menubar .menuitem { + cursor : default; +} +.v-menubar-submenu { + background: #fff; +} +.v-menubar-submenu table { + white-space: nowrap; + border-collapse: collapse; + padding: 0; + margin: 0; +} +.v-menubar-submenu table td { + white-space: nowrap; + padding: 0; + margin: 0; +} +.v-menubar .menuitem-selected, +.v-menubar-submenu .menuitem-selected { + background: #333; + color: #fff; +} +.v-menubar-submenu .menuitem { + cursor: default; +} + +/* ./WebContent/VAADIN/themes/base/notification/notification.css */ +.v-Notification { + background: #999; + color: #fff; + cursor: pointer; + overflow: hidden; + padding: 1em; +} +.v-Notification h1, +.v-Notification p, +.v-Notification.error h1, +.v-Notification.error p, +.v-Notification.warning h1, +.v-Notification.warning p { + display: inline; + white-space: nowrap; + margin: 0 0.5em 0 0; +} +.v-Notification.warning { + background: orange; +} +.v-Notification.error { + background: red; +} +.v-Notification.tray h1 { + display: block; +} +.v-Notification.tray p { + display: block; +} +.v-Notification.system { + background-color: red; + opacity: .7; + filter: alpha(opacity=70); +} +.v-Notification.system h1 { + display: block; + margin: 0; +} +.v-Notification.system p { + white-space: nowrap; +} + +/* ./WebContent/VAADIN/themes/base/orderedlayout/orderedlayout.css */ +.v-orderedlayout-margin-top, +.v-horizontallayout-margin-top, +.v-verticallayout-margin-top { + padding-top: 2em; +} +.v-orderedlayout-margin-right, +.v-horizontallayout-margin-right, +.v-verticallayout-margin-right { + padding-right: 2em; +} +.v-orderedlayout-margin-bottom, +.v-horizontallayout-margin-bottom, +.v-verticallayout-margin-bottom { + padding-bottom: 2em; +} +.v-orderedlayout-margin-left, +.v-horizontallayout-margin-left, +.v-verticallayout-margin-left { + padding-left: 2em; +} +.v-orderedlayout-spacing-on, +.v-horizontallayout-spacing-on, +.v-verticallayout-spacing-on { + padding-top: 1em; + padding-left: 1em; +} +/* This can be used to define spacing if spacing is off server side */ +.v-orderedlayout-spacing-off, +.v-horizontallayout-spacing-off, +.v-verticallayout-spacing-off { + padding-top: 0; + padding-left: 0; +} +/* To make sure IE don't expand elements larger than they should */ +.v-ie6 .v-orderedlayout, +.v-ie6 .v-horizontallayout, +.v-ie6 .v-verticallayout, +.v-ie7 .v-orderedlayout, +.v-ie7 .v-horizontallayout, +.v-ie7 .v-verticallayout { + overflow: hidden; +} + +/* ./WebContent/VAADIN/themes/base/panel/panel.css */ +.v-panel, +.v-panel-caption, +.v-panel-content, +.v-panel-deco, +.v-panel-light, +.v-panel-caption-light, +.v-panel-content-light, +.v-panel-deco-light { + outline: none; /* Prevent selection outline which might break layouts or cause scrollbars */ + text-align: left /* Force default alignment */ +} +.v-panel-caption .v-errorindicator { + float: none; + display: inline; +} +.v-panel-caption .v-icon { + display: inline; + vertical-align: middle; +} +.v-panel-caption span { + vertical-align: middle; +} +.v-panel-caption { + white-space: nowrap; + overflow:hidden; + font-weight: bold; +} +.v-panel-nocaption { + overflow: hidden; +} +.v-panel-content { + overflow: auto; +} +.v-panel-deco { +} + +/* ./WebContent/VAADIN/themes/base/popupview/popupview.css */ +.v-popupview { + cursor: pointer; + width: 5px; + height: 5px; + background: #aaa; +} +.v-popupview-popup { + overflow: auto; +} + +/* ./WebContent/VAADIN/themes/base/progressindicator/progressindicator.css */ +.v-progressindicator { + overflow: hidden; /* for IE6 */ + width: 150px; +} +.v-progressindicator-wrapper { + overflow: hidden; /* for IE6 */ + height: 9px; + border: 1px solid #ddd; +} +.v-progressindicator-disabled { + height: 9px; + overflow: hidden; /* for IE6 */ +} +.v-progressindicator-indicator { + height: 9px; + overflow: hidden; /* for IE6 */ + background: #ddd; +} +.v-progressindicator-indeterminate { + height: 16px; + width: 16px; + overflow: hidden; /* for IE6 */ +} +/* Hide obsolete elements in indeterminate mode */ +.v-progressindicator-indeterminate .v-progressindicator-wrapper, +.v-progressindicator-indeterminate .v-progressindicator-indicator, +.v-progressindicator-indeterminate-disabled .v-progressindicator-wrapper, +.v-progressindicator-indeterminate-disabled .v-progressindicator-indicator { + display: none; +} +.v-progressindicator-indeterminate-disabled { + height: 16px; + width: 16px; + overflow: hidden; /* for IE6 */ +} + +/* ./WebContent/VAADIN/themes/base/select/select.css */ +.v-select { + text-align: left; +} +.v-select-optiongroup .v-select-option { + display: block; + white-space: nowrap; +} +.v-ie .v-select-optiongroup .v-select-option { + zoom: 1; +} +.v-select-select { + display: block; +} +.v-select-twincol { + white-space: nowrap; +} +.v-select-twincol-options { + float: left; +} +.v-select-twincol-selections { + font-weight: bold; +} +.v-select-twincol-buttons { + float: left; + text-align: center; +} +.v-select-twincol-buttons .v-select-twincol-deco { + clear: both; +} +.v-select-twincol .v-textfield { + display: block; + float: left; + clear: left; +} +.v-select-twincol .v-button { + display: block; + float: left; +} +.v-select-twincol-buttons .v-button { + display: inline; + float: none; +} +.v-filterselect { + white-space: nowrap; + text-align: left; +} +.v-filterselect .v-icon { + float: left; +} +.v-app .v-filterselect-input, +.v-window .v-filterselect-input, +.v-popupview-popup .v-filterselect-input { + float: left; +} +.v-filterselect-prompt .v-filterselect-input { + color: #999; + font-style: italic; +} +.v-filterselect-button { + float: right; + cursor: pointer; +} +.v-filterselect.v-readonly .v-filterselect-button { + display: none; +} +.v-filterselect-suggestpopup { + background: #fff; + border: 1px solid #eee; +} +.v-filterselect-suggestmenu table { + border-collapse: collapse; + border: none; +} +.v-filterselect-suggestmenu .gwt-MenuItem { + white-space: nowrap; +} +.v-filterselect-suggestmenu .gwt-MenuItem .v-icon { + margin-right: 3px; + vertical-align: middle; +} +.v-filterselect-suggestmenu .gwt-MenuItem span { + vertical-align: middle; +} +.v-filterselect-suggestmenu .gwt-MenuItem-selected { + background: #333; + color: #fff; +} +.v-filterselect-nextpage, +.v-filterselect-nextpage-off, +.v-filterselect-prevpage-off, +.v-filterselect-prevpage { + width: 100%; + background: #aaa; + text-align: center; + overflow: hidden; + cursor: pointer; +} +.v-filterselect-nextpage-off, +.v-filterselect-prevpage-off { + color: #666; + opacity: .5; + filter: alpha(opacity=50); + cursor: default; +} +.v-filterselect-nextpage-off span, +.v-filterselect-prevpage-off span { + cursor: default; +} +.v-filterselect-status { + white-space: nowrap; + text-align: center; +} + +/* Error styles (disabled by default) + +.v-filterselect-error .v-filterselect-input, +.v-select-error .v-select-option, +.v-select-error .v-select-select, +.v-select-error .v-select-twincol-selections, +.v-select-error .v-select-twincol-options { + background: #ffaaaa; +} +*/ + +/* Required field styles (disabled by default) + +.v-filterselect-error .v-filterselect-input, +.v-select-required .v-select-option, +.v-select-required .v-select-select, +.v-select-required .v-select-twincol-selections, +.v-select-required .v-select-twincol-options { + background: #ffaaaa; +} +*/ + +/* ./WebContent/VAADIN/themes/base/shadow/shadow.css */ +.v-shadow { + position: absolute; +} + +.v-shadow .top-left { + position: absolute; overflow: hidden; + top: -3px; left: -5px; + width: 10px; height: 10px; + background: transparent url(../base/shadow/img/top-left.png); +} + +.v-shadow .top { + position: absolute; overflow: hidden; + top: -3px; left: 5px; + height: 10px; right: 5px; + background: transparent url(../base/shadow/img/top.png); +} + +.v-shadow .top-right { + position: absolute; overflow: hidden; + top: -3px; right: -5px; + width: 10px; height: 10px; + background: transparent url(../base/shadow/img/top-right.png); +} + +.v-shadow .left { + position: absolute; overflow: hidden; + top: 7px; left: -5px; + width: 10px; + bottom: 3px; + background: transparent url(../base/shadow/img/left.png); +} + +.v-shadow .center { + position: absolute; overflow: hidden; + top: 7px; left: 5px; + bottom: 3px; right: 5px; + background: transparent url(../base/shadow/img/center.png); +} + +.v-shadow .right { + position: absolute; overflow: hidden; + top: 7px; right: -5px; + width: 10px; + bottom: 3px; + background: transparent url(../base/shadow/img/right.png); +} + +.v-shadow .bottom-left { + position: absolute; overflow: hidden; + bottom: -7px; left: -5px; + width: 10px; height: 10px; + background: transparent url(../base/shadow/img/bottom-left.png); +} + +.v-shadow .bottom { + position: absolute; overflow: hidden; + bottom: -7px; left: 5px; + right: 5px; height: 10px; + background: transparent url(../base/shadow/img/bottom.png); +} + +.v-shadow .bottom-right { + position: absolute; overflow: hidden; + bottom: -7px; right: -5px; + width: 10px; height: 10px; + background: transparent url(../base/shadow/img/bottom-right.png); +} + + + + + +/* For IE6 (no transparent png's, we use a blur filter) */ + +.v-ie6 .v-shadow * { + display: none; +} + +.v-ie6 .v-shadow { + background: #000; + filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=2) alpha(opacity=20); + margin-top: -3px; + margin-left: -4px; +} + +/* ./WebContent/VAADIN/themes/base/slider/slider.css */ +.v-slider { + margin: 5px 0; +} +.v-slider-base { + /* changing the borders will require adjustments to ISlider.java */ + height: 2px; + border-top: 1px solid #ddd; + background: #eee; + border-left: 1px solid #ddd; + border-right: 1px solid #eee; + +} +.v-slider-handle { + background: #aaa; + width: 12px; + height: 12px; + margin-top: -5px; + font-size: 0; +} + +.v-slider-vertical { + width: 2px; + height: auto; + margin: 0 5px; + border: none; + border-left: 1px solid #cccfd0; + border-right: 1px solid #cccfd0; +} +.v-slider-vertical .v-slider-base { + width: 2px; + border-bottom: 1px solid #eee; + border-right: none; +} +.v-slider-vertical .v-slider-handle { + width: 12px; + height: 12px; + font-size: 0; + margin-left: -5px; +} + +/* Disabled by default +.v-slider-error .v-slider-base { + background: #FFE0E0; +} +*/ +/* Disabled by default +.v-slider-required .v-slider-base { + background: #FFE0E0; +} +*/ + +/* IE specific styles */ +.v-ie6 .v-slider, +.v-ie6 .v-slider-vertical { + margin: 0; +} +.v-ie6 .v-slider .v-slider-handle { + margin: -1px 0; +} +.v-ie6 .v-slider-vertical .v-slider-handle { + margin: 0 -1px; +} + +/* ./WebContent/VAADIN/themes/base/splitpanel/splitpanel.css */ +.v-splitpanel-horizontal, +.v-splitpanel-vertical { + overflow: hidden; +} +.v-splitpanel-horizontal .v-splitpanel-hsplitter { + width: 6px; + font-size: 1px; /* for IE6 */ +} +.v-splitpanel-horizontal .v-splitpanel-hsplitter div { + width: 6px; + font-size: 1px; /* for IE6 */ + position: absolute; + top: 0; + bottom: 0; + background: #ddd; + cursor: e-resize; +} +.v-splitpanel-vertical .v-splitpanel-vsplitter { + height: 6px; + font-size: 1px; /* for IE6 */ +} +.v-splitpanel-vertical .v-splitpanel-vsplitter div { + height: 6px; + font-size: 1px; /* for IE6 */ + background: #ddd; + cursor: n-resize; +} +/* IE specific styles */ +.v-ie6 .v-splitpanel-horizontal .v-splitpanel-hsplitter div { + height: 99%; +} + +.v-ie6 .v-splitpanel-first-container, +.v-ie6 .v-splitpanel-second-container, +.v-ie7 .v-splitpanel-first-container, +.v-ie7 .v-splitpanel-second-container { + position:relative; +} + +/* ./WebContent/VAADIN/themes/base/table/table.css */ +/* Table theme building instructions + * + * Toolkit scroll table is very complex widget with dozens of features. These + * features set some limitations for theme builder. To keep things working, it + * is safest to try to just override values used in default theme and comfort to + * these instructions. + * + * Borders in table header and in table body need to be same width + * - specify vertical borders on .v-table-header-wrap and .v-table-body + * + * Table cells in body: + * - padding/border for cells is to be defined for td elements (class name: .v-table-cell-content) + * - in default theme there are no borders, but they should work. Just set border-right or border-bottom + * - no padding or border is allowed for div inside cells (class name: .v-table-cell-wrapper) element + * - background is allowed for both elements + * + * Table headers: + * - table cells in header contain .v-table-resizer and + * .v-table-caption-container div elements, which are both floated to right + * - to align header caption to body content resizer width + .v-table-caption-container + * padding right should be equal to content cells padding-right and border-right. + * - Possible cell border in header must be themed into column resizer. + * + */ +.v-table { + overflow: hidden; + text-align: left; /* Force default alignment */ +} +.v-table-header-wrap { + overflow: hidden; + border: 1px solid #aaa; + border-bottom: none; + background: #efefef; +} +.v-table-header table, +.v-table-table { + border-spacing: 0; + margin: 0; + padding: 0; + border: 0; +} +.v-table-header td { + padding: 0; +} +.v-table-header-cell, +.v-table-header-cell-asc, +.v-table-header-cell-desc { + cursor: pointer; +} +.v-table-resizer { + display: block; + height: 1.2em; + float: right; + background: #aaa; + cursor: col-resize; + width: 1px; + overflow: hidden; +} +.v-table-caption-container { + float: right; + overflow: hidden; + white-space: nowrap; + padding-right: 6px; +} +.v-table-header-cell-asc .v-table-caption-container { + background: transparent url(../base/common/img/sprites.png) no-repeat right 6px; +} +.v-table-header-cell-desc .v-table-caption-container { + background: transparent url(../base/common/img/sprites.png) no-repeat right -10px; +} +.v-table-body { + border: 1px solid #aaa; +} +.v-table-row-spacer { + height: 10px; + overflow: hidden; /* IE hack to allow < one line height divs */ +} +.v-table-row, +.v-table-row-odd { + border: 0; + margin: 0; + padding: 0; + cursor: default; +} +.v-table .v-selected { + background: #999; + color: #fff; +} +.v-table-cell-content { + white-space: nowrap; + overflow: hidden; + padding: 0 6px; + border-right: 1px solid #aaa; +} +.v-table-cell-wrapper { + /* Do not specify any margins, paddings or borders here */ + white-space: nowrap; + overflow: hidden; +} +.v-table-column-selector { + float: right; + background: transparent url(../base/common/img/sprites.png) no-repeat 4px -37px; + margin: -1.2em 0 0 0; + height: 1.2em; + width: 14px; + position: relative; /* hide this from IE, it works without it */ + cursor: pointer; +} +.v-ie6 .v-table-column-selector, +.v-ie7 .v-table-column-selector { + position: static; +} +.v-table-focus-slot-left { + border-left: 2px solid #999; + margin-right: -2px; +} +.v-table-focus-slot-right { + border-right: 2px solid #999; + margin-left: -2px; +} +.v-table-header-drag { + position: absolute; + background: #efefef; + border: 1px solid #eee; + opacity: 0.9; + filter: alpha(opacity=90); + margin-top: 20px; + z-index: 30000; +} +.v-table-scrollposition { + width: 160px; + background: #eee; + border: 1px solid #aaa; +} +.v-table-scrollposition span { + display: block; + text-align: center; +} +/* row in column selector */ +.v-on { + +} +.v-off { + color: #ddd; +} + +/* ./WebContent/VAADIN/themes/base/tabsheet/tabsheet.css */ +.v-tabsheet, +.v-tabsheet-content, +.v-tabsheet-deco { + outline: none; /* Prevent selection outline which might break layouts or cause scrollbars */ + text-align: left /* Force default alignment */ +} +.v-tabsheet-tabs { + empty-cells: hide; + border-collapse: collapse; + margin: 0; + padding: 0; + border: 0; + width: 100%; + overflow:hidden; +} +.v-tabsheet-tabitemcell, +.v-tabsheet-spacertd { + margin: 0; + padding: 0; + vertical-align: bottom; +} +.v-tabsheet-spacertd { + width: 100%; +} +.v-tabsheet-spacertd div { + border-left: 1px solid #aaa; + border-bottom: 1px solid #aaa; + height: 1em; + padding: 0.2em 0; +} +.v-tabsheet-hidetabs .v-tabsheet-tabcontainer { + display: none; +} +.v-tabsheet-scroller { + white-space: nowrap; + text-align: right; + margin-top: -1em; +} +.v-tabsheet-scrollerPrev, +.v-tabsheet-scrollerNext, +.v-tabsheet-scrollerPrev-disabled, +.v-tabsheet-scrollerNext-disabled { + border: 1px solid #aaa; + background: #fff; + width: 12px; + height: 1em; + cursor: pointer; +} +.v-tabsheet-scrollerPrev-disabled, +.v-tabsheet-scrollerNext-disabled { + opacity: 0.5; + cursor: default; +} +.v-tabsheet-tabs .v-caption, +.v-tabsheet-tabs .v-caption span { + white-space: nowrap; +} +.v-tabsheet-tabitem { + border: 1px solid #aaa; + border-right: none; + cursor: pointer; + padding: 0.2em 0.5em; +} +.v-tabsheet-tabitem-selected { + cursor: default; + border-bottom-color: #fff; +} +.v-tabsheet-content { + border: 1px solid #aaa; + /* Vertical borders are not supported, use v-tabsheet-tabcontainer and v-tabsheet-deco to present these borders */ + border-top: none; + border-bottom: none; + position: relative; +} +.v-tabsheet-deco { + height: 1px; + background: #aaa; + overflow: hidden; +} +.v-tabsheet-hidetabs .v-tabsheet-content { + border: none; +} +.v-tabsheet-hidetabs .v-tabsheet-deco { + height: 0; +} + +/* ./WebContent/VAADIN/themes/base/textfield/textfield.css */ +.v-textfield { + text-align: left /* Force default alignment */ +} +.v-textarea { +} +.v-textfield-focus, +.v-textarea-focus { +} +input.v-textfield-prompt, +textarea.v-textarea-prompt { + color: #999; + font-style: italic; +} +.v-textfield.v-readonly, +.v-textarea.v-readonly { + background: transparent; + color: #222; + border: none; +} +.v-richtextarea { + border: 1px solid #aaa; + overflow: hidden; +} +.v-richtextarea .gwt-RichTextToolbar .gwt-ToggleButton, +.v-richtextarea .gwt-RichTextToolbar .gwt-PushButton { + float: left; +} +.v-richtextarea .gwt-RichTextToolbar { + white-space: nowrap; +} +.v-richtextarea iframe { + border: 0; +} +/* Disabled by default +.v-textarea-error, +.v-textfield-error, +.v-richtextarea-error iframe.gwt-RichTextArea { + background: #FFE0E0; +} +*/ +/* Disabled by default +.v-textarea-required, +.v-textfield-required, +.v-richtextarea-required iframe.gwt-RichTextArea { + background: #FFE0E0; +} +*/ +/* Safari focus glow fix */ +.v-sa input:focus, +.v-sa textarea:focus { + outline-width: medium; +} + +/* ./WebContent/VAADIN/themes/base/tree/tree.css */ +.v-tree { + text-align: left /* Force default alignment */ +} +.v-tree-node { + background: transparent url(../base/common/img/sprites.png) no-repeat 5px -37px; +} +.v-tree-node-expanded { + background-position: -5px -10px; +} +div.v-tree-node-leaf { + background: transparent; +} +.v-tree-node-caption { + margin-left: 1em; +} +.v-tree-node span { + cursor: pointer; + white-space: nowrap; +} +.v-tree-node-selected span { + background: #999; + color: #fff; +} +.v-tree-node-children { + padding-left: 1em; +} +/* ie6compatnode is hidden from non ie6 browsers, for ie6 + * uses weird hack to sink all events properly + */ +.v-tree-node-ie6compatnode { + display: none; +} +/* IMPORTANT keep the offsetWidth of this element the same as the margin-left of v-tree-node-caption */ +.v-ie6 .v-tree-node-ie6compatnode { + display: inline; + float: left; + background: orange; + margin: 0; + width: 0.8em; + height: 0.8em; + padding: 0.1em; + filter: alpha(opacity=0); +} +.v-ie6 .v-tree-node, +.v-ie6 .v-tree-node-children { + clear: left; +} + +/* ./WebContent/VAADIN/themes/base/window/window.css */ +.v-window { + background: #fff; +} +.v-window-outerheader { + cursor: move; + padding: 0.3em 1em; + height: 1em; +} +.v-window-header { + font-weight: bold; +} +/* A more specific selector to make sure padding isn't so easily overridden */ +div.v-window-header { + white-space: nowrap; + text-overflow: ellipsis; + -ms-text-overflow: ellipsis; + overflow: hidden; + padding: 0; +} +.v-ie6 .v-window-header { + width: 100%; +} +.v-window-header .v-icon { + vertical-align: middle; /* This has to be 'middle', not 'bottom', to allow larger icons than 16px */ +} +/* Partial fix for bug #1106 */ +/* Target Firefox 2 (somehow this will force almost all window borders on top of a Flash object) */ +.v-window-contents, x:-moz-any-link { + overflow: hidden; +} +/* Target Firefox 3 (it doesn't need any trickery, so revert the previous) */ +.v-window-contents, x:-moz-any-link, x:default { + overflow: visible; +} +.v-window-footer { + overflow: hidden; +} +.v-window-resizebox { + display: inline; /* fix IE6 double float margin bug */ + float: right; + width: 10px; + height: 10px; + cursor: se-resize; + background: #ddd; + overflow: hidden; +} +.v-window-resizebox-disabled { + cursor: default; + display: none; +} +.v-window-closebox { + position: absolute; + top: 0; + right: 0; + width: 1em; + height: 1em; + background: red; + cursor: pointer; + overflow: hidden; +} +.v-window-modalitycurtain { + top: 0; + left: 0; + background: #999; + opacity: 0.5; + position: fixed; + width: 100%; + height: 100%; + filter: alpha(opacity=50); +} +/* IE6 workaround for position:fixed; */ +.v-ie6 .v-window-modalitycurtain { + position: absolute; + top: expression(document.documentElement.scrollTop + "px"); +} +/* min-width for IE6 */ +.v-ie6 .v-window { + width: 0; /* */ +} +/* Shadow for window */ +.v-shadow-window { + position: absolute; +} +.v-shadow-window .top-left { + position: absolute; overflow: hidden; + top: -10px; left: -15px; + width: 28px; height: 28px; + background: transparent url(../base/window/img/shadow/top-left.png); +} +.v-shadow-window .top { + position: absolute; overflow: hidden; + top: -10px; left: 13px; + height: 28px; + right: 13px; + background: transparent url(../base/window/img/shadow/top.png); +} +.v-shadow-window .top-right { + position: absolute; overflow: hidden; + top: -10px; right: -15px; + width: 28px; height: 28px; + background: transparent url(../base/window/img/shadow/top-right.png); +} +.v-shadow-window .left { + position: absolute; overflow: hidden; + top: 18px; left: -15px; + width: 28px; + bottom: 10px; + background: transparent url(../base/window/img/shadow/left.png); +} +.v-shadow-window .center { + position: absolute; overflow: hidden; + top: 18px; left: 13px; + bottom: 10px; right: 13px; + background: transparent url(../base/window/img/shadow/center.png); +} +.v-shadow-window .right { + position: absolute; overflow: hidden; + top: 18px; right: -15px; + width: 28px; + bottom: 10px; + background: transparent url(../base/window/img/shadow/right.png); +} +.v-shadow-window .bottom-left { + position: absolute; overflow: hidden; + bottom: -18px; left: -15px; + width: 28px; height: 28px; + background: transparent url(../base/window/img/shadow/bottom-left.png); +} +.v-shadow-window .bottom { + position: absolute; overflow: hidden; + bottom: -18px; left: 13px; + right: 13px; height: 28px; + background: transparent url(../base/window/img/shadow/bottom.png); +} +.v-shadow-window .bottom-right { + position: absolute; overflow: hidden; + bottom: -18px; right: -15px; + width: 28px; height: 28px; + background: transparent url(../base/window/img/shadow/bottom-right.png); +} +/* For IE6 (no transparent png's, we use a blur filter) */ +.v-ie6 .v-shadow-window * { + display: none; +} +.v-ie6 .v-shadow-window { + background: #000; + filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=5) alpha(opacity=20); + margin-top: 2px; + margin-left: 2px; +} +/* Automatically compiled css file from subdirectories. */ + +/* ./WebContent/VAADIN/themes/itmill5/absolutelayout/absolutelayout.css */ +.v-absolutelayout-wrapper { + position: absolute; + overflow:hidden; +} + +/* ./WebContent/VAADIN/themes/itmill5/accordion/accordion.css */ +.v-accordion-item { + background-color: #fff; +} +.v-accordion-item-caption { + height: 31px; + background: #edf0f0 url(tabsheet/img/tab-bg.png); + font-size: 15px; + color: #656d73; + border-top: 1px solid #c8cccd; +} +.v-accordion-item-caption .v-caption { + padding: 7px 0 6px 18px; +} +.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; +} + +/* ./WebContent/VAADIN/themes/itmill5/button/button.css */ +.v-button { + font-size: 13px; +} +.v-checkbox .v-errorindicator { + padding-left: 10px; +} +.v-ie6 .v-button, +.v-ie7 .v-button { + padding-left: 10px; + padding-right: 10px; +} +.v-ie6 .v-checkbox .v-errorindicator { + padding-right: 4px; +} +.v-ie7 .v-checkbox .v-errorindicator { + padding-right: 7px; +} +.v-ie6 .v-button .v-errorindicator, +.v-ie7 .v-button .v-errorindicator { + padding-right: 5px; +} + +/* ./WebContent/VAADIN/themes/itmill5/caption/caption.css */ +.v-captionwrapper { + margin: 0.3em 0 0 0; +} +.v-errorindicator { + width: 12px; + height: 16px; + background: transparent url(icons/16/error.png) no-repeat top right; +} +.v-ie6 .v-errorindicator { + /* gif for transparency */ + background-image: url(icons/16/error.gif); +} +.v-ie7 .v-errorindicator { + margin-left: -3px; +} + +/* ./WebContent/VAADIN/themes/itmill5/common/common.css */ +.v-generated-body { + background: #e9eced; +} +.v-app { + background: #e9eced; + font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif; + color: #464f52; + font-size: 13px; + line-height: 18px; +} +.v-app-loading { + background-image: url(common/img/loading-indicator.gif); + background-repeat: no-repeat; + background-position: 50%; +} +/* Global font styles */ +.v-window, +.v-popupview-popup, +.v-app input, +.v-app select, +.v-app button, +.v-app textarea, +.v-window input, +.v-window select, +.v-window button, +.v-window textarea, +.v-popupview-popup input, +.v-popupview-popup select, +.v-popupview-popup button, +.v-popupview-popup textarea { + font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif; + color: #464f52; + font-size: 13px; +} +.v-app select, +.v-window select { + padding: 0; +} +/* Custom tooltip */ +.v-tooltip { + background-color: #fffcdd; + border: 1px solid #b8b295; + border-top-color: #d5d2c1; + border-left-color: #d5d2c1; + font-size: 11px; + line-height: 13px; + font-family: arial, helvetica, tahoma, verdana, sans-serif; + color: #5d5444; +} +.v-tooltip-text { + padding: 2px 4px; + border: none; + border-top: 1px solid #fffef5; + border-bottom: 1px solid #fbf8d9; +} +.v-tooltip .v-errormessage { + padding: 3px 4px 3px 4px; + background: #ffecc6; + color: #b74100; + border: none; + border-top: 1px solid #fff3dc; + border-bottom: 1px solid #ead7b1; +} +.v-tooltip .v-errormessage h2 { + font-size: 16px; + font-weight: normal; + color: #ab3101; + margin: 2px 0 8px 0; +} +.v-tooltip .v-errormessage h3 { + font-size: 13px; + font-weight: bold; + margin: 1px 0 4px 0; +} +.v-contextmenu { + background: #e9eced url(tabsheet/img/tab-bg.png); + font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif; + background-color: #f6f7f7; + color: #464f52; + font-size: 12px; + line-height: 14px; +} +.v-contextmenu .gwt-MenuBar { + border-right: 1px solid #c6cbcc; + border-bottom: 1px solid #c6cbcc; + border-top: 1px solid #d0d4d5; + border-left: 1px solid #d0d4d5; +} +.v-contextmenu .gwt-MenuItem { + padding: 2px 0; +} +.v-contextmenu .gwt-MenuItem div { + padding: 1px 20px 1px 8px; +} +.v-contextmenu .gwt-MenuItem-selected div { + color: #fff; + background: #5daee8; +} +.v-contextmenu .gwt-MenuItem img { + margin-right: 10px; +} +.v-loading-indicator, +.v-loading-indicator-delay, +.v-loading-indicator-wait { + width: 31px; + height: 31px; + background: transparent url(common/img/loading-indicator.gif); + margin-right: 5px; + margin-top: 5px; +} +.v-loading-indicator-delay { + background-image: url(common/img/loading-indicator-delay.gif); +} +.v-loading-indicator-wait { + background-image: url(common/img/loading-indicator-wait.gif); +} + +/* ./WebContent/VAADIN/themes/itmill5/datefield/datefield.css */ +.v-datefield-button { + font-size:13px; + width: 22px; + height: 24px; + padding: 0; + overflow: hidden; + border: none; + background: transparent url(datefield/img/open-button.png) no-repeat right 0; + vertical-align: top; +} +.v-datefield-popup { + font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif; + color: #464f52; + font-size: 12px; + background: #f6f7f7; + border: 1px solid #b6bbbc; + padding: 6px; +} +.v-datefield-calendarpanel { + width: 19em; + font-size: 12px; +} +.v-datefield-popup .v-datefield-calendarpanel { + width: 16em; +} +.v-datefield-calendarpanel td { + text-align: right; +} +.v-datefield-calendarpanel td span { + display: block; +} +.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 { + font-weight: bold; + text-shadow: #ffffff 2px 2px 0; +} +/* Year buttons */ +.v-datefield-calendarpanel .v-button-prevyear, +.v-datefield-calendarpanel .v-button-nextyear { + display: block; + width: 16px; + height: 16px; + border: none; + padding: 0; + background: transparent url(datefield/img/prevyear.png) no-repeat; + text-indent: -90000px; + margin: 0 auto; +} +.v-datefield-calendarpanel .v-button-nextyear { + background: transparent url(datefield/img/nextyear.png) no-repeat; +} +.v-datefield-calendarpanel .v-button-prevyear:hover, +.v-datefield-calendarpanel .v-button-nextyear:hover { + background-position: left bottom; +} +/* Month buttons */ +.v-datefield-calendarpanel .v-button-prevmonth, +.v-datefield-calendarpanel .v-button-nextmonth { + display: block; + width: 11px; + height: 16px; + border: none; + padding: 0; + background: transparent url(datefield/img/prevmonth.png) no-repeat; + text-indent: -90000px; + margin: 0 auto; +} +.v-datefield-calendarpanel .v-button-nextmonth { + background: transparent url(datefield/img/nextmonth.png) no-repeat; +} +.v-datefield-calendarpanel .v-button-prevmonth:hover, +.v-datefield-calendarpanel .v-button-nextmonth:hover { + background-position: left bottom; +} +.v-datefield-calendarpanel strong { + color: #ee5311; + display: block; + width: 20px; +} +.v-datefield-calendarpanel-day, +.v-datefield-calendarpanel-day-today { + padding: 1px 3px; + width: 14px; + height: 16px; +} +.v-datefield-calendarpanel-day-today { + border: 1px solid #429ce9; + width: 12px; + height: 14px +} +.v-datefield-calendarpanel-day-entry { + color: #6a98b5; +} +.v-datefield-calendarpanel-day-disabled { + font-weight: normal; + color: #dddddd; +} +.v-datefield-calendarpanel-day-entry.v-datefield-calendarpanel-day-disabled { + color: #afd6f8; +} +.v-datefield-calendarpanel-day-selected { + font-weight: bold; + width: 14px; + height: 16px; + color: #fff; + padding: 1px 3px; + background: transparent url(datefield/img/selected-bg.png) no-repeat 50% 50%; + border: none; +} +.v-datefield-time { + font-size: 11px; +} +.v-datefield-time .v-select { + font-size: 10px; + padding: 0; + margin: 0; +} +.v-datefield-rendererror .v-textfield { + background: #ff9999; +} +/* IE specific styles */ +.v-ie7 .v-datefield-button { + background-position: right 1px; + height: 25px; + margin: 0; +} + +/* ./WebContent/VAADIN/themes/itmill5/formlayout/formlayout.css */ +.v-formlayout-cell .v-errorindicator { + width: 10px; + height: 16px; + background: transparent url(icons/16/error.png) no-repeat top right; +} +.v-formlayout-captioncell { + text-align:right; + white-space: nowrap; +} +.v-formlayout-error-indicator { + /* fix width so layout is not jumpy when error disapear */ + width: 12px; +} +.v-formlayout-spacing .v-formlayout-row .v-formlayout-captioncell, +.v-formlayout-spacing .v-formlayout-row .v-formlayout-contentcell, +.v-formlayout-spacing .v-formlayout-row .v-formlayout-errorcell { + padding-top: 8px; +} +.v-formlayout-margin-top .v-formlayout-firstrow .v-formlayout-captioncell, +.v-formlayout-margin-top .v-formlayout-firstrow .v-formlayout-contentcell, +.v-formlayout-margin-top .v-formlayout-firstrow .v-formlayout-errorcell { + padding-top: 15px; +} +.v-formlayout-margin-bottom .v-formlayout-lastrow .v-formlayout-captioncell, +.v-formlayout-margin-bottom .v-formlayout-lastrow .v-formlayout-contentcell, +.v-formlayout-margin-bottom .v-formlayout-lastrow .v-formlayout-errorcell { + padding-bottom: 15px; +} +.v-formlayout-margin-left .v-formlayout-captioncell { + padding-left: 18px; +} +.v-formlayout-margin-right .v-formlayout-contentcell { + padding-right: 18px; +} +/* form */ +.v-form-errormessage { + background: transparent url(icons/16/error.png) no-repeat top left; + padding-left: 20px; + margin-bottom: 5px; + margin-top: 5px; + min-height: 20px; +} +.v-ie6 .v-form-errormessage { + height: 20px +} +.v-form fieldset { + border: none; + border-top: 1px solid #babfc0; +} +.v-form legend { + margin: 0; + padding: 0 4px 0.3em 4px; + font-weight: bold; +} + +/* ./WebContent/VAADIN/themes/itmill5/gridlayout/gridlayout.css */ +.v-gridlayout-margin-top { + padding-top: 15px; +} +.v-gridlayout-margin-bottom { + padding-bottom: 15px; +} +.v-gridlayout-margin-left { + padding-left: 18px; +} +.v-gridlayout-margin-right { + padding-right: 18px; +} +.v-gridlayout-spacing-on { + padding-left: 8px; + padding-top: 8px; +} + +/* ./WebContent/VAADIN/themes/itmill5/link/link.css */ +.v-link a { + color: #464f52; +} + +/* ./WebContent/VAADIN/themes/itmill5/menubar/menubar.css */ +.v-menubar { + color: #464f52; + border: 1px solid #c6cbcc; + border-right: none; +} +.v-menubar .menuitem { + padding: 0 10px; + margin: 0 10px; + border-right: 1px solid #c6cbcc; +} +.v-menubar .menuitem-selected { + color: #fff; + background: #5daee8; +} +.v-menubar-submenu { + background: #e9eced url(tabsheet/img/tab-bg.png); + font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif; + color: #464f52; + font-size: 12px; + line-height: 14px; + border-right: 1px solid #c6cbcc; + border-bottom: 1px solid #c6cbcc; + border-top: 1px solid #d0d4d5; + border-left: 1px solid #d0d4d5; +} +.v-menubar-submenu .menuitem { + padding: 2px 10px; +} +.v-menubar-submenu .menuitem-selected { + color: #fff; + background: #5daee8; +} + +/* ./WebContent/VAADIN/themes/itmill5/notification/notification.css */ +.v-Notification { + font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif; + background-color: #818e92; + color: #ffffff; + padding: 9px 12px; + cursor: pointer; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + overflow: hidden; +} +.v-Notification h1, +.v-Notification p, +.v-Notification.error h1, +.v-Notification.error p, +.v-Notification.warning h1, +.v-Notification.warning p { + display: inline; + font-weight: normal; + white-space: nowrap; + 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; +} +.v-Notification.tray { + background: #575e60; + padding: 0.5em; + margin: 0 5px 5px 0; +} +.v-Notification.tray h1 { + display: block; + font-weight: bold; + font-size: 0.9em; + line-height: 1.1; + background: #3b4245; + padding: 4px 10px; + margin: 0; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; +} +.v-Notification.tray p { + display: block; + font-size: 0.9em; + line-height: 1.1; + margin: 8px 10px 5px 10px; + color: #e4e7ea; +} +.v-Notification.system { + background-color: #ff0a0a; + opacity: 0.7; + filter: alpha(opacity=70); +} +.v-Notification.system h1 { + display: block; + margin: 0; +} +.v-Notification.system p { + white-space: nowrap; +} + +/* ./WebContent/VAADIN/themes/itmill5/orderedlayout/orderedlayout.css */ +.v-orderedlayout-margin-top, +.v-horizontallayout-margin-top, +.v-verticallayout-margin-top { + padding-top: 15px; +} +.v-orderedlayout-margin-right, +.v-horizontallayout-margin-right, +.v-verticallayout-margin-right { + padding-right: 18px; +} +.v-orderedlayout-margin-bottom, +.v-horizontallayout-margin-bottom, +.v-verticallayout-margin-bottom { + padding-bottom: 15px; +} +.v-orderedlayout-margin-left, +.v-horizontallayout-margin-left, +.v-verticallayout-margin-left { + padding-left: 18px; +} +.v-orderedlayout-spacing-on, +.v-horizontallayout-spacing-on, +.v-verticallayout-spacing-on { + padding-top: 8px; + padding-left: 8px; +} + +/* ./WebContent/VAADIN/themes/itmill5/panel/panel.css */ +.v-panel { + background: transparent url(panel/img/top-left.png) no-repeat; +} +.v-panel-caption .v-errorindicator { + padding-right: 20px; + background: transparent url(icons/16/error.png) no-repeat bottom center; + +} +.v-panel-caption, +.v-panel-caption-light { + font-size: 18px; + line-height: 18px; + font-weight: normal; + letter-spacing: -0.03em; + color: #f14c1a; + height: 18px; + padding: 15px 18px 14px 8px; + margin-left: 10px; + background: transparent url(panel/img/top-right.png) no-repeat right top; +} +.v-panel-nocaption { + height: 9px; + margin-left: 10px; + background: transparent url(panel/img/top-right.png) no-repeat right top; +} +.v-panel-content { + border: 1px solid #babfc0; + border-bottom: 1px solid #dee2e3; + background-color: #fff; +} +.v-panel-deco { + height: 9px; + background: transparent url(panel/img/bottom-right.png) repeat-x right top; + margin-left: 9px; +} +.v-panel-deco:before { + display: block; + content: ""; + width: 9px; + height: 9px; + margin-left: -9px; + background: transparent url(panel/img/bottom-left.png) no-repeat; +} +/* Light panel style */ +.v-panel-light, +.v-panel-caption-light { + background: transparent; +} +.v-panel-nocaption-light { + background: transparent; + height: 0; + margin: 0; +} +.v-panel-content-light { + border: none; + border-top: 1px solid #babfc0; + background: transparent; +} +.v-panel-deco-light { + height: 0; + overflow: hidden; +} +/* IE specific rules */ +.v-ie6 .v-panel { + background: transparent; +} +.v-ie6 .v-panel-caption { + border: 1px solid #babfc0; + border-bottom: none; + background: #fff; + margin: 0; + padding-left: 18px +} +.v-ie6 .v-panel-nocaption { + border: none; + background: transparent; + margin: 0; + height: 0; +} +.v-ie6 .v-panel-caption-light { + border: none; + background: transparent; +} +.v-ie6 .v-panel-content, +.v-ie7 .v-panel-content, +.v-ie8 .v-panel-content { + border-bottom: 1px solid #babfc0; +} +.v-ie6 .v-panel-content-light, +.v-ie7 .v-panel-content-light, +.v-ie8 .v-panel-content-light { + border-bottom: none; +} +.v-ie6 .v-panel-deco, +.v-ie7 .v-panel-deco, +.v-ie8 .v-panel-deco { + height: 0; + overflow: hidden; +} + +/* ./WebContent/VAADIN/themes/itmill5/popupview/popupview.css */ +.v-popupview-popup { + border: 1px solid #babfc0; + border-bottom: 1px solid #dee2e3; + background: #fff; + padding: 3px; +} + +/* ./WebContent/VAADIN/themes/itmill5/progressindicator/progressindicator.css */ +.v-progressindicator { + background: #dfe2e4 url(progressindicator/img/base.gif) repeat-x 0 1px; +} +.v-progressindicator-wrapper { + border: 1px solid #b6bbbc; +} +.v-progressindicator-disabled { + background: #dfe2e4 url(progressindicator/img/disabled.gif); + border: 1px solid #b6bbbc; +} +.v-progressindicator-indicator { + background: #f7f9f9 url(progressindicator/img/progress.png); +} +.v-progressindicator-indeterminate { + background: #dfe2e4 url(common/img/ajax-loader-medium.gif); +} +.v-progressindicator-indeterminate-disabled { + background: #dfe2e4 url(common/img/blank.gif); +} + +/* ./WebContent/VAADIN/themes/itmill5/select/select.css */ +.v-select-select { + font-size: 13px; +} +/* Twincol style */ +.v-select-twincol-options, +.v-select-twincol-selections { + font-size: 13px; +} +.v-select-twincol-buttons { + padding: 2px; /* does not work in first render in FF ? */ +} + +/** Filterselect aka ComboBox styles */ + +.v-filterselect { + height: 23px; + background: transparent url(select/img/bg-left-filter.png) no-repeat; + padding-left: 4px; +} +.v-app .v-filterselect .v-filterselect-input, +.v-window .v-filterselect .v-filterselect-input, +.v-popupview-popup .v-filterselect .v-filterselect-input { + background: transparent url(select/img/bg-center-filter.png) no-repeat 1px 0; + border: none; + height: 20px; + margin: 0; + padding: 3px 0 0 2px; + font-size: 13px; +} +.v-filterselect-prompt .v-filterselect-input { + font-style: normal; +} +.v-filterselect-input:focus { + /* remove safari/mac outline from this element */ + outline: none; +} +.v-filterselect-focus { + outline: 1px solid #5daee8; + outline-offset: -1px; +} +.v-sa .v-filterselect-focus { + /* place safari focus outline around the whole thing */ + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -4px; +} +.v-filterselect-button { + width: 25px; + height: 23px; + background: transparent url(select/img/bg-right-filter.png); +} +.v-filterselect-button:hover { + background-position: bottom left; +} +.v-disabled .v-filterselect-button:hover, +.v-readonly .v-filterselect-button:hover { + background-position: top left; +} +.v-filterselect.v-readonly .v-filterselect-input { + background: transparent; + color: black; +} +.v-filterselect-suggestpopup { + background: #f6f7f7; + border: 1px solid #b6bbbc; + font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif; + color: #464f52; + font-size: 12px; + line-height: 18px; + margin-top: -1px; +} +.v-filterselect-suggestmenu .gwt-MenuItem { + padding: 1px 6px; + cursor: pointer; + height: 18px; +} +.v-filterselect-suggestmenu .gwt-MenuItem .v-icon { + margin-right: 3px; +} +.v-filterselect-suggestmenu .gwt-MenuItem-selected { + background: #5daee8; + color: #fff; +} +.v-filterselect-nextpage, +.v-filterselect-nextpage-off, +.v-filterselect-prevpage-off, +.v-filterselect-prevpage { + height: 11px; + width:100%; + background: transparent url(select/img/button-bg.png) no-repeat 50% 0; + margin: 2px 0 0 0; +} +.v-filterselect-prevpage, +.v-filterselect-prevpage-off { + background-position: 50% -1px; + margin: 0 0 2px 0; +} +.v-filterselect-prevpage:hover { + background-position: 50% bottom; +} +.v-filterselect-nextpage:hover { + background-position: 50% -12px; +} +.v-filterselect-nextpage span, +.v-filterselect-nextpage-off span, +.v-filterselect-prevpage-off span, +.v-filterselect-prevpage span { + display: block; + height: 12px; + width:100%; + background: transparent url(select/img/arrow-up.png) no-repeat 50% 40%; + text-indent: -90000px; + cursor: pointer; + overflow: hidden; +} +.v-filterselect-nextpage span, +.v-filterselect-nextpage-off span { + background: transparent url(select/img/arrow-down.png) no-repeat 50% 60%; +} +.v-filterselect-status { + font-size: 11px; + line-height: 11px; + width: 100%; + padding: 4px 0px; + height: 11px; + border-top: 1px solid #b6bbbc; +} + + +/* Error styles (disabled by default) + ---------------------------------- + +.v-filterselect-error { + background-image: url(select/img/bg-left-filter-error.png); +} +.v-filterselect-error .v-filterselect-input { + background-image: url(select/img/bg-center-filter-error.png); +} +.v-filterselect-error .v-filterselect-button { + background-image: url(select/img/bg-right-filter-error.png); +} +.v-select-error .v-select-option, +.v-select-error .v-select-select, +.v-select-error .v-select-twincol-selections, +.v-select-error .v-select-twincol-options { + background: #FFE0E0; +} +*/ + +/* Required field styles (disabled by default) + -------------------------------------------- + +.v-select-required .v-select-option, +.v-select-required .v-select-select, +.v-select-required .v-select-twincol-selections, +.v-select-required .v-select-twincol-options { + background: #FFE0E0; +} +*/ + +/* ./WebContent/VAADIN/themes/itmill5/shadow/shadow.css */ +.v-shadow { + position: absolute; +} + +.v-shadow .top-left { + position: absolute; overflow: hidden; + top: -3px; left: -4px; + width: 8px; height: 8px; + background: transparent url(shadow/img/top-left.png); +} + +.v-shadow .top { + position: absolute; overflow: hidden; + top: -3px; left: 4px; + height: 8px; right: 4px; + background: transparent url(shadow/img/top.png); +} + +.v-shadow .top-right { + position: absolute; overflow: hidden; + top: -3px; right: -4px; + width: 8px; height: 8px; + background: transparent url(shadow/img/top-right.png); +} + +.v-shadow .left { + position: absolute; overflow: hidden; + top: 5px; left: -4px; + width: 8px; + bottom: 3px; + background: transparent url(shadow/img/left.png); +} + +.v-shadow .center { + position: absolute; overflow: hidden; + top: 5px; left: 4px; + bottom: 3px; right: 4px; + background: transparent url(shadow/img/center.png); +} + +.v-shadow .right { + position: absolute; overflow: hidden; + top: 5px; right: -4px; + width: 8px; + bottom: 3px; + background: transparent url(shadow/img/right.png); +} + +.v-shadow .bottom-left { + position: absolute; overflow: hidden; + bottom: -5px; left: -4px; + width: 8px; height: 8px; + background: transparent url(shadow/img/bottom-left.png); +} + +.v-shadow .bottom { + position: absolute; overflow: hidden; + bottom: -5px; left: 4px; + right: 4px; height: 8px; + background: transparent url(shadow/img/bottom.png); +} + +.v-shadow .bottom-right { + position: absolute; overflow: hidden; + bottom: -5px; right: -4px; + width: 8px; height: 8px; + background: transparent url(shadow/img/bottom-right.png); +} + +/* ./WebContent/VAADIN/themes/itmill5/slider/slider.css */ +.v-slider { + border-top: 1px solid #cccfd0; + border-bottom: 1px solid #cccfd0; + margin: 5px 0; +} +.v-slider-base { + /* changing the borders will require adjustments to ISlider.java */ + height: 2px; + background: #f3f3f4; + border-top: 1px solid #cbcdce; + border-left: 1px solid #cccfd0; + border-right: 1px solid #cccfd0; +} +.v-slider-handle { + background: transparent url(slider/img/handle-horizontal.png); + width: 12px; + height: 12px; + margin-top: -5px; + cursor: pointer; +} +.v-slider-handle:hover { + background-position: left bottom; +} +.v-slider-scrollbar .v-slider-handle, +.v-slider-scrollbar.v-slider-vertical .v-slider-handle { + background: #ffffff; + border: 1px solid #cccfd0; + border-radius: 6px; + -moz-border-radius: 6px; + -webkit-border-radius: 6px; +} + +.v-slider-vertical { + width: 3px; + margin: 0 5px; + border: none; + border-left: 1px solid #cccfd0; + border-right: 1px solid #cccfd0; +} +.v-slider-vertical .v-slider-base { + width: 2px; + border-left: 1px solid #cbcdce; + border-right: none; + background: #f3f3f4; + border-top: 1px solid #cccfd0; + border-bottom: 1px solid #cccfd0; +} +.v-slider-vertical .v-slider-handle { + background: transparent url(slider/img/handle-vertical.png); + width: 12px; + height: 12px; + margin-left: -5px; +} +.v-slider-vertical .v-slider-handle:hover { + background-position: left bottom; +} + +/* Disabled by default +.v-slider-error .v-slider-base { + background:transparent; + background-color: #FFE0E0; +} +*/ + +/* Disabled by default +.v-slider-required .v-slider-base { + background:transparent; + background-color: #FFE0E0; +} +*/ + +/* IE specific styles */ + +.v-ie6 .v-slider, +.v-ie6 .v-slider-vertical { + margin: 0; +} +.v-ie6 .v-slider .v-slider-handle { + margin: -1px 0; +} +.v-ie6 .v-slider-vertical .v-slider-handle { + margin: 0 -1px; +} + +/* ./WebContent/VAADIN/themes/itmill5/splitpanel/splitpanel.css */ +.v-splitpanel-horizontal, .v-splitpanel-vertical { + overflow: hidden; +} + +.v-splitpanel-horizontal .v-splitpanel-hsplitter { + width: 6px; + font-size: 1px; /* for IE6 */ +} + +.v-splitpanel-horizontal .v-splitpanel-hsplitter div { + width: 6px; + font-size: 1px; /* for IE6 */ + position: absolute; + top: 0; + 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 { + height: 6px; + font-size: 1px; /* for IE6 */ +} + +.v-splitpanel-vertical .v-splitpanel-vsplitter 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; +} + + + + + +/* IE specific styles */ + +* html .v-splitpanel-horizontal .v-splitpanel-hsplitter div { + height: 99%; +} + +* html .v-splitpanel-vertical .v-splitpanel-vsplitter { + height: 8px; +} + +* html .v-splitpanel-vertical .v-splitpanel-vsplitter div { + margin: 0; +} + + +/* ./WebContent/VAADIN/themes/itmill5/table/table.css */ +.v-table-header-wrap { + height: 36px; + border: 1px solid #b6bbbc; + border-bottom: none; + background: #e7edf3 url(table/img/header-bg.png) repeat-x; +} +.v-table-header { + height: 36px; +} +.v-table-resizer { + height: 36px; + width: 4px; + background: transparent url(table/img/resizer-bg.png) repeat-y 50% 50%; +} +.v-table-caption-container { + color: #393a3c; + font-size: 15px; + padding-top: 9px; + 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%; +} +.v-table-header-cell-desc .v-table-caption-container { + background: transparent url(table/img/sort-desc.png) no-repeat right 80%; +} +.v-table-header-cell:hover, +.v-table-header-cell-asc:hover, +.v-table-header-cell-desc:hover { + background: transparent url(table/img/header-bg-over.png) repeat-x; +} +.v-table-body { + background: #fff; + border: 1px solid #b6bbbc; +} +.v-table-row, +.v-table-row-odd { + background-color: #fff; +} +.v-table-row-odd { + background-color: #f6f7f7; +} +.v-table-row:hover, +.v-table-row-odd:hover { + background-color: #edeeee; +} +.v-table .v-selected { + background: #57a7ed; + color: #fff; +} +.v-table-cell-content { + padding: 0 6px 0 4px; + border-right: none; +} +.v-table-cell-wrapper { + white-space: nowrap; + overflow: hidden; + line-height: 23px; + /* Do not specify horizontal padding here */ + padding: 3px 0 0 0; +} +/* Fix textfield size to correspond label size inside table */ +.v-table-cell-content .v-textfield, +.v-table-cell-content .v-button { + margin: -3px 0 0 0; +} +.v-table-cell-content .v-textfield, +.v-table-cell-content .v-datefield { + width: 97%; /* approximate */ +} +/* ...but not for datefield textarea */ +.v-table-cell-content .v-datefield .v-textfield { + width: auto; + +} +/* datefield button is too high for table cell */ +.v-table-cell-content .v-datefield-button { + height: 25px; + margin: -3px 0 0 0; +} +.v-table-column-selector { + background: transparent url(table/img/colsel.png) no-repeat; + margin: -36px 0 0 0; + height: 36px; + width: 15px; +} +.v-table-focus-slot-left { + border-color: #b6bbbc; +} +.v-table-focus-slot-right { + border-color: #b6bbbc; +} +.v-table-header-drag { + background: #e7edf3 url(table/img/header-bg.png) repeat-x; + border: 1px solid #b6bbbc; + padding: 4px; + font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif; + color: #464f52; + font-size: 15px; + margin-top: 20px; +} +.v-table-scrollposition { + width: 160px; + height: 39px; + background: transparent url(table/img/scroll-position-bg.png); + border: none; +} +.v-table-scrollposition span { + display: block; + margin-top: 8px; + text-align: center; + font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif; + color: #464f52; + font-size: 15px; + text-shadow: #ffffff 2px 2px 0; +} +/* row in column selector */ +.v-on div { + background: transparent url(table/img/check.gif) no-repeat 2px 50%; + text-indent: 6px; +} +.v-off div { + text-indent: 6px; +} +.v-table .v-link { + display: inline; +} +/* IE6 hack */ +.v-ie6 .v-table-scrollposition { + background: transparent; + /* + AlphaImageLoader uses src attribute relative to host page, not CSS + We need multiple different filters because we cannot be sure how host page is served compared to theme resources + TODO: This actually does not work as expected, since only the last filter is applied. Can we chain filters together (i.e. contain all versions on one line)? + */ + 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"); + filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/VAADIN/themes/default/table/img/scroll-position-bg.png", sizingMethod="scale"); +} + +/* ./WebContent/VAADIN/themes/itmill5/tabsheet/tabsheet.css */ +.v-tabsheet-tabs { + height: 48px; +} + +.v-tabsheet-spacertd div { + height: 37px; + border: 1px solid #b6bbbc; + background: transparent url(tabsheet/img/tab-bg.png); + padding: 0; +} +.v-tabsheet-scroller { + margin-top: -37px; +} +.v-tabsheet-scrollerPrev, +.v-tabsheet-scrollerNext { + border: none; + width: 12px; + height: 38px; + opacity: 0.9999; + margin-top: -1px; +} +.v-tabsheet-scrollerPrev-disabled, +.v-tabsheet-scrollerNext-disabled { + border: none; + width: 12px; + height: 38px; + margin-top: -1px; + opacity: 0.9999; +} +.v-tabsheet-scrollerNext, +.v-tabsheet-scrollerNext-disabled { + background: transparent url(tabsheet/img/next.png) no-repeat; +} +.v-tabsheet-scrollerPrev, +.v-tabsheet-scrollerPrev-disabled { + background: transparent url(tabsheet/img/prev.png) no-repeat; +} +.v-tabsheet-scrollerPrev:hover, +.v-tabsheet-scrollerNext:hover { + background-position: -24px 0px; +} +.v-tabsheet-scrollerPrev-disabled, +.v-tabsheet-scrollerNext-disabled { + background-position: -12px 0px; +} +.v-tabsheet-scrollerPrev-disabled:hover, +.v-tabsheet-scrollerNext-disabled:hover { + background-position: -12px 0px; +} +.v-tabsheet-tabitem { + border: 1px solid #b6bbbc; + border-right: none; + height: 37px; + padding: 0; + margin-top: 9px; + color: #777f85; + font-size: 15px; + line-height: 18px; + background: #f8f9f9 url(tabsheet/img/tab-bg.png); +} +.v-tabsheet-tabitem .v-caption { + height: 20px; + padding: 9px 15px 8px 15px; +} +.v-tabsheet-tabitem-selected { + border: none; + background: transparent url(panel/img/top-left.png) no-repeat; + margin: 0; + padding: 0; + height: 48px; + color: #ee5311; +} +.v-tabsheet-tabitem:hover { + color: #4b5257; +} +.v-tabsheet-tabitem-selected:hover { + color: #ee5311; +} +.v-tabsheet-tabitem-selected .v-caption { + background: transparent url(panel/img/top-right.png) repeat-x right top; + margin: 0 -1px 0 9px; + height: 18px; + padding: 16px 16px 14px 7px; + overflow: visible; +} +.v-tabsheet-content { + border: 1px solid #babfc0; + background-color: #fff; + border-bottom: 1px solid #dee2e3; + border-top: none; +} +.v-tabsheet-hidetabs .v-tabsheet-content { + border-top: 1px solid #b5babb; +} +.v-tabsheet-deco { + height: 10px; + background: transparent url(panel/img/bottom-right.png) repeat-x right top; + margin-left: 9px; + overflow: visible; +} +.v-tabsheet-deco:before { + display: block; + content: ""; + width: 9px; + height: 9px; + margin-left: -9px; + background: transparent url(panel/img/bottom-left.png) no-repeat; +} +/* Progress indication */ +.v-tabsheet-loading .v-tabsheet-tabitem-selected .v-captiontext { + background: transparent url(common/img/ajax-loader.gif) no-repeat top right; + margin-left: -10px; + padding-left: 10px; + margin-right: -10px; + padding-right: 10px; + margin-top: -12px; + padding-top: 12px; +} +/* IE specific styles */ +.v-ie6 .v-tabsheet-tabs { + height: 46px; +} +.v-ie6 .v-tabsheet-tabitem-selected { + border: 1px solid #babfc0; + border-bottom: none; + background: #fff; + margin-top: 0; + height: 23px; + padding: 18px 14px 6px 15px; + cursor: default; + color: #ee5311; +} +.v-ie6 .v-tabsheet-tabitem-selected .v-caption { + background: transparent; + padding: 0; + margin: 0; +} +.v-ie6 .v-tabsheet-content, +.v-ie7 .v-tabsheet-content, +.v-ie8 .v-tabsheet-content { + border-bottom: none; +} +.v-ie6 .v-tabsheet-deco, +.v-ie7 .v-tabsheet-deco, +.v-ie8 .v-tabsheet-deco { + height: 1px; + background: #babfc0; + overflow: hidden; + margin: 0; +} +.v-ie7 .v-tabsheet-deco, +.v-ie8 .v-tabsheet-deco { + width: 100%; +} +/* Light-style */ +.v-tabsheet-light .v-tabsheet-tabcontainer { + height: 32px; +} +.v-tabsheet-tabs-light { + height: 32px; + width: 100%; + overflow:hidden; + background: transparent url(tabsheet/img/inline-tab-bg.png) repeat-x; +} +.v-tabsheet-light .v-tabsheet-spacertd div { + height: 31px; + border: none; + border-bottom: 1px solid #b6bbbc; + background: transparent; +} +.v-tabsheet-light .v-tabsheet-tabitem { + border: none; + border-bottom: 1px solid #b6bbbc; + height: 30px; + padding: 0; + margin-top: 0; + color: #656d73; + font-size: 12px; + line-height: normal; + background: transparent; + 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 { + height: 24px; + padding: 8px 9px 0 9px; +} +.v-tabsheet-light .v-tabsheet-tabitem-selected { + border: none; + background: #fff url(tabsheet/img/inline-tab-right.png) no-repeat right top; + margin: 0; + padding: 0; + height: 32px; + cursor: default; + color: #ee5311; + text-shadow: none; +} +.v-tabsheet-light .v-tabsheet-tabitem:hover { + color: #4b5257; +} +.v-tabsheet-light .v-tabsheet-tabitem-selected:hover { + color: #ee5311; +} +.v-tabsheet-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; + overflow: visible; +} +.v-tabsheet-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; +} +.v-tabsheet-light .v-tabsheet-content { + border: none; + background: transparent; +} +.v-tabsheet-light .v-tabsheet-hidetabs .v-tabsheet-content { + border: none; +} +.v-tabsheet-deco-light { + height: 0; + overflow: hidden; +} +.v-tabsheet-deco-light:before { + display: none; +} +/* Scroller */ +.v-tabsheet-light .v-tabsheet-scrollerPrev, +.v-tabsheet-light .v-tabsheet-scrollerNext { + margin-top: 2px; + height: 34px; +} +.v-tabsheet-light .v-tabsheet-scrollerPrev-disabled, +.v-tabsheet-light .v-tabsheet-scrollerNext-disabled { + margin-top: 2px; + height: 34px; +} +/* 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 { + 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 { + background: transparent url(tabsheet/img/inline-tab-left.png) no-repeat -7px 0; + padding: 9px 11px 0 11px; +} +.v-ie6 .v-tabsheet-deco-light, +.v-ie7 .v-tabsheet-deco-light, +.v-ie8 .v-tabsheet-deco-light { + height: 0; +} + +/* ./WebContent/VAADIN/themes/itmill5/textfield/textfield.css */ +.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-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; +} +.v-textfield-focus, +.v-textarea-focus { + border-color: #5daee8; +} +input.v-textfield-prompt, +textarea.v-textarea-prompt { + color: #999; + font-style: normal; +} +.v-richtextarea { + border: 1px solid #b6b6b6; +} +.v-richtextarea .gwt-RichTextArea { + background: #fff url(textfield/img/bg.png) repeat-x; +} + +/* ./WebContent/VAADIN/themes/itmill5/tree/tree.css */ +.v-tree-node { + background: transparent url(tree/img/collapsed.png) no-repeat 2px 1px; +} +.v-tree-node-expanded { + background: transparent url(tree/img/expanded.png) no-repeat 2px 1px; +} +.v-tree-node-caption { + margin-left: 16px; +} +.v-tree-node span { + padding: 0 2px; +} +.v-tree-node-selected span { + background: #5daee8; + color: #fff; + padding: 0 2px; +} +.v-tree-node-children { + padding-left: 16px; +} +/* IMPORTANT keep the offsetWidth (width + padding) of this element the same as the margin-left of v-tree-node-caption */ +.v-ie6 .v-tree-node-ie6compatnode { + width: 14px; + height: 10px; + padding: 1px; +} + +/* ./WebContent/VAADIN/themes/itmill5/window/window.css */ +.v-window { + color: #464f52; + font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif; + font-size: 13px; + line-height: 18px; + background: transparent url(window/img/bottom-left.png) no-repeat left bottom; +} +.v-window-wrap { + background: transparent url(window/img/top-left.png) no-repeat; +} +.v-window-outerheader { + height: 23px; + margin-left: 9px; + padding: 15px 40px 11px 12px; + background: transparent url(window/img/top-right.png) no-repeat right top; +} +.v-window-header { + font-size: 18px; + line-height: 1.2; + font-weight: normal; + letter-spacing: -0.03em; + color: #f14c1a; + text-shadow: 0 1px 0 #fff; + /* This element is 100% wide in IE6 */ +} +.v-window-contents { + background: #fff; + border: 2px solid #acb2b3; + border-top: none; + border-bottom: none; +} +.v-window-footer { + height: 8px; + margin-left: 9px; + background: transparent url(window/img/bottom-right.png) no-repeat right top; +} +.v-ie7 .v-window-footer { + position: relative; +} +.v-window-resizebox { + position: absolute; /* Needed to position the element over ScrollPanel, which is relatively positioned */ + right: 5px; + width: 10px; + height: 10px; + margin-top: -7px; + background: transparent url(window/img/resize.png); +} +.v-window-resizebox-disabled { + background: transparent; + display: block; +} +.v-window-closebox { + position: absolute; + top: 21px; + right: 24px; + width: 12px; + height: 12px; + background: transparent url(window/img/close.png); +} +.v-window-closebox:hover { + background-position: 0 -12px; +} +.v-window-modalitycurtain { + background: #fff; +} +/* Shadow for window */ +.v-shadow-window .top-left { + top: -13px; left: -20px; + width: 39px; height: 39px; + background: transparent url(window/img/shadow/top-left.png); +} +.v-shadow-window .top { + top: -13px; left: 19px; + height: 39px; + right: 19px; + background: transparent url(window/img/shadow/top.png); +} +.v-shadow-window .top-right { + top: -13px; right: -20px; + width: 39px; height: 39px; + background: transparent url(window/img/shadow/top-right.png); +} +.v-shadow-window .left { + top: 26px; left: -20px; + width: 39px; + bottom: 12px; + background: transparent url(window/img/shadow/left.png); +} +.v-shadow-window .center { + top: 26px; left: 19px; + bottom: 12px; right: 19px; + background: transparent url(window/img/shadow/center.png); +} +.v-shadow-window .right { + top: 26px; right: -20px; + width: 39px; + bottom: 12px; + background: transparent url(window/img/shadow/right.png); +} +.v-shadow-window .bottom-left { + bottom: -27px; left: -20px; + width: 39px; height: 39px; + background: transparent url(window/img/shadow/bottom-left.png); +} +.v-shadow-window .bottom { + bottom: -27px; left: 19px; + right: 19px; height: 39px; + background: transparent url(window/img/shadow/bottom.png); +} +.v-shadow-window .bottom-right { + bottom: -27px; right: -20px; + width: 39px; height: 39px; + background: transparent url(window/img/shadow/bottom-right.png); +} |