/* 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; cursor: pointer; } .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; cursor: pointer; 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%; } /* ./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 div { } .v-off div { 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/reindeer/a-sprite-definitions/a-sprite-definitions.css */ /*------------ * General vertical and horizontal sprites * -----------*/ /*------------ * Buttons * -----------*/ /* ./WebContent/VAADIN/themes/reindeer/button/button.css */ /* We serve simpler buttons for IE6, since it doesn't support the adjacent * sibling selector (+) that is needed to position .v-icon properly. */ div > .v-button, .v-ie7 .v-button { height: 26px; padding: 0 0 0 6px; background-color: transparent; background-repeat: no-repeat; background-image: url(button/img/button-sprites.png); -background-image: url(button/img/button-sprites-ie6.png); background-position: left -0px; border: none; cursor: default; } div > .v-button span, .v-ie7 .v-button span { display: inline-block; height: 22px; padding: 4px 15px 0 9px; background-color: transparent; background-repeat: no-repeat; background-position: right top; background-image: url(button/img/button-sprites.png); -background-image: url(button/img/button-sprites-ie6.png); background-position: right -26px; text-shadow: #fff 0 1px 0; font-weight: bold; font-size: 11px; line-height: 16px; float: none; } .v-sa .v-button span { height: 21px; padding-top: 5px; } .v-button:focus { background-image: url(button/img/button-sprites.png); -background-image: url(button/img/button-sprites-ie6.png); background-position: left -52px; outline: none; } .v-button:focus span { background-image: url(button/img/button-sprites.png); -background-image: url(button/img/button-sprites-ie6.png); background-position: right -78px; outline: none; } .v-button:active, .v-ie7 .v-button.v-pressed { background-image: url(button/img/button-sprites.png); -background-image: url(button/img/button-sprites-ie6.png); background-position: left -104px; outline: none; } .v-button:active span, .v-ie7 .v-button.v-pressed span { background-image: url(button/img/button-sprites.png); -background-image: url(button/img/button-sprites-ie6.png); background-position: right -130px; outline: none; } .v-ie7 .v-button.v-pressed span { position: relative; } /* FF3 & FF2 */ .v-button::-moz-focus-inner { border: none; padding: 0; } .v-ff2 .v-button span { display: -moz-inline-box; padding-top: 6px; height: 20px; } /* IE7 */ .v-ie7 .v-button.v-pressed .v-icon { position: relative; z-index: 2; } /* Opera */ .v-op .v-button:active span { margin-top: -1px; margin-left: -1px; } /* Modifications for buttons with icons */ div > .v-button .v-icon, .v-ie7 .v-button .v-icon { display: inline-block; width: 16px; height: 16px; overflow: hidden; position: relative; margin: 0 3px 0 0; } .v-ff2 .v-button .v-icon { display: block; float: left; margin-top: 4px; } .v-ff2 .v-button-link .v-icon { margin: 0; } .v-button .v-icon + span, .v-button .v-icon + .v-errorindicator + span { margin-left: -19px; padding-left: 19px; } .v-ie7 .v-button .v-icon + span, .v-ie7 .v-button .v-icon + .v-errorindicator + span { margin-left: -23px; padding-left: 23px; } /* Buttons with error indicator */ div > .v-button .v-errorindicator, .v-ie7 .v-button .v-errorindicator { display: inline; position: absolute; width: 5px; height: 26px; background: transparent url(../default/icons/16/error.png) no-repeat 50%; overflow: hidden; } .v-ie6 .v-button .v-errorindicator { position: absolute; width: 5px; height: 18px; background: transparent url(../default/icons/16/error.gif) no-repeat 50%; overflow: hidden; margin-left: -10px; } /* Link style buttons */ .v-button.v-button-link, .v-ie7 .v-button-link.v-pressed { background: transparent; height: auto; padding: 0; cursor: pointer; } .v-button.v-button-link span, .v-ie7 .v-button-link.v-pressed span { background: transparent; height: auto; padding: 0; display: inline; font-weight: normal; color: #1b699f; font-size: 12px; text-shadow: none; } .v-button.v-button-link .v-icon + span { margin: 0; padding: 0; } .v-button-link:focus { outline: 1px dotted #1b699f; } /** * Default action button style -------------------------- */ div > .v-button-primary, .v-ie7 .v-button-primary { background-image: url(button/img/button-sprites.png); -background-image: url(button/img/button-sprites-ie6.png); background-position: left -156px; } div > .v-button-primary span, .v-ie7 .v-button-primary span { background-image: url(button/img/button-sprites.png); -background-image: url(button/img/button-sprites-ie6.png); background-position: right -182px; } .v-button-primary:focus { background-image: url(button/img/button-sprites.png); -background-image: url(button/img/button-sprites-ie6.png); background-position: left -208px; } .v-button-primary:focus span { background-image: url(button/img/button-sprites.png); -background-image: url(button/img/button-sprites-ie6.png); background-position: right -234px; } .v-button-primary:active, .v-ie7 .v-button-primary.v-pressed { background-image: url(button/img/button-sprites.png); -background-image: url(button/img/button-sprites-ie6.png); background-position: left -260px; } .v-button-primary:active span, .v-ie7 .v-button-primary.v-pressed span { background-image: url(button/img/button-sprites.png); -background-image: url(button/img/button-sprites-ie6.png); background-position: right -286px; } /* * Small-style -------------------------- */ div > .v-button-small, .v-ie7 .v-button-small { background-image: url(button/img/button-sprites.png); -background-image: url(button/img/button-sprites-ie6.png); background-position: left -312px; height: 20px; } div > .v-button-small span, .v-ie7 .v-button-small span { background-image: url(button/img/button-sprites.png); -background-image: url(button/img/button-sprites-ie6.png); background-position: right -332px; height: 19px; padding: 1px 11px 0 5px; font-weight: normal; } .v-ff2 .v-button-small span { height: 17px; padding-top: 3px; } .v-sa .v-button-small span { height: 18px; padding-top: 2px; } .v-button-small:focus { background-image: url(button/img/button-sprites.png); -background-image: url(button/img/button-sprites-ie6.png); background-position: left -352px; } .v-button-small:focus span { background-image: url(button/img/button-sprites.png); -background-image: url(button/img/button-sprites-ie6.png); background-position: right -372px; } .v-button-small:active, .v-ie7 .v-button-small.v-pressed { background-image: url(button/img/button-sprites.png); -background-image: url(button/img/button-sprites-ie6.png); background-position: left -392px; } .v-button-small:active span, .v-ie7 .v-button-small.v-pressed span { background-image: url(button/img/button-sprites.png); -background-image: url(button/img/button-sprites-ie6.png); background-position: right -412px; } /** * IE6 buttons -------------------------- */ .v-ie6 .v-button { border: 1px solid #b3b3b3; border-bottom-color: #9a9a9a; background: #d8d8d8 url(button/img/right.png) no-repeat 0 -1px; padding: 3px 15px 2px 15px; font-weight: bold; font-size: 11px; line-height: 16px; height: 16px; outline: none; } .v-ie6 .v-button-primary { background-image: url(button/img/primary-right.png); } .v-ie6 .v-button-small { font-weight: normal; padding: 1px 11px 0 11px; height: 12px; line-height: normal; background-image: url(button/img/small-right.png); } .v-ie6 .v-button.v-pressed { background: transparent url(button/img/right-pressed.png) no-repeat 0 -1px; } /* Buttons on blue background */ .v-ie6 .blue .v-button { border-color: #84949c; border-top-color: #83939b; border-bottom-color: #888d91; } /* Link button in IE6 */ .v-ie6 .v-button-link { border: none; padding: 0; background: transparent; line-height: normal; font-size: 12px; } /* ./WebContent/VAADIN/themes/reindeer/common/common.css */ .v-generated-body, .v-app { background: #f5f5f5; } /* Global font styles */ .v-app, .v-window, .v-popupview-popup, .v-tooltip, .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, .v-filterselect-suggestpopup, .v-datefield-popup { font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-size: 12px; line-height: normal; color: #222; } /* Fonts for Safari, exchange Helvetica for Arial */ .v-sa .v-app, .v-sa .v-window, .v-sa .v-popupview-popup, .v-sa .v-tooltip, .v-sa .v-app input, .v-sa .v-app select, .v-sa .v-app button, .v-sa .v-app textarea, .v-sa .v-window input, .v-sa .v-window select, .v-sa .v-window button, .v-sa .v-window textarea, .v-sa .v-popupview-popup input, .v-sa .v-popupview-popup select, .v-sa .v-popupview-popup button, .v-sa .v-popupview-popup textarea, .v-sa .v-filterselect-suggestpopup, .v-sa .v-datefield-popup { font-family: Helvetica, Arial, "Lucida Grande", Geneva, Tahoma, Verdana, sans-serif; } .v-errorindicator { width: 12px; height: 16px; background: transparent url(../default/icons/16/error.png) no-repeat top right; } .v-ie6 .v-errorindicator { /* gif for transparency */ background-image: url(../default/icons/16/error.gif); } .v-ie7 .v-errorindicator { margin-left: -3px; } .v-tooltip { background-color: #fffcdd; border: 1px solid #b8b295; font-size: 11px; line-height: 13px; color: #222; } .v-tooltip-text { padding: 2px 4px; } .v-tooltip .v-errormessage { padding: 3px 4px; background: #ffecc6; color: #b74100; border: none; border-top: 1px solid #fff3dc; } .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; } /* ./WebContent/VAADIN/themes/reindeer/datefield/datefield.css */ .v-datefield-calendarpanel { border-collapse: collapse; margin: 0; padding: 0; height: auto !important; } .v-datefield-year .v-datefield-calendarpanel-prevmonth, .v-datefield-year .v-datefield-calendarpanel-nextmonth { display: none; } .v-datefield-calendarpanel td { vertical-align: top; } td.v-datefield-calendarpanel-month { height: 23px; background-repeat: repeat-x; background-image: url(common/img/vertical-sprites.png); -background-image: url(common/img/vertical-sprites-ie6.png); background-position: left -0px; } span.v-datefield-calendarpanel-month { display: block; text-align: center; height: 16px; padding: 3px 10px 0 10px; border-left: 1px solid #efefef; border-right: 1px solid #d8d8d8; text-shadow: #fff 0 1px 0; overflow: hidden; margin-top: 1px; } .v-datefield-year .v-datefield-calendarpanel-month { width: 35px; } .v-datefield-month .v-datefield-calendarpanel-month, .v-datefield-day .v-datefield-calendarpanel-month, .v-datefield-full .v-datefield-calendarpanel-month { width: 124px; } .v-datefield-year .v-datefield-calendarpanel { width: 100px; } td.v-datefield-calendarpanel-prevyear { text-align: right; } td.v-datefield-calendarpanel-nextyear { text-align: left; } .v-datefield-calendarpanel-prevyear button, .v-datefield-calendarpanel-nextyear button, .v-datefield-calendarpanel-prevmonth button, .v-datefield-calendarpanel-nextmonth button { width: 24px; height: 23px; border: none; background: transparent; background-repeat: no-repeat; background-image: url(common/img/vertical-sprites.png); -background-image: url(common/img/vertical-sprites-ie6.png); background-position: left -23px; overflow: hidden; padding: 0; text-indent: -9999px; outline: none; } .v-ie .v-datefield-calendarpanel-prevyear button, .v-ie .v-datefield-calendarpanel-nextyear button, .v-ie .v-datefield-calendarpanel-prevmonth button, .v-ie .v-datefield-calendarpanel-nextmonth button { text-indent: 0; font-size: 1px; } .v-datefield-calendarpanel-nextyear button { background-position: left top; background-image: url(common/img/vertical-sprites.png); -background-image: url(common/img/vertical-sprites-ie6.png); background-position: left -46px; } .v-datefield-calendarpanel-prevyear button:active, .v-ie .v-datefield-calendarpanel-prevyear button.v-pressed { background-image: url(common/img/vertical-sprites.png); -background-image: url(common/img/vertical-sprites-ie6.png); background-position: left -69px; } .v-datefield-calendarpanel-nextyear button:active, .v-ie .v-datefield-calendarpanel-nextyear button.v-pressed { background-image: url(common/img/vertical-sprites.png); -background-image: url(common/img/vertical-sprites-ie6.png); background-position: left -92px; } .v-datefield-calendarpanel-prevmonth, .v-datefield-calendarpanel-nextmonth { width: 24px; background-repeat: repeat-x; background-image: url(common/img/vertical-sprites.png); -background-image: url(common/img/vertical-sprites-ie6.png); background-position: left -115px; } .v-datefield-calendarpanel-prevmonth button, .v-datefield-calendarpanel-nextmonth button { width: 100%; height: 21px; border-left: 1px solid #efefef; border-right: 1px solid #d8d8d8; background: transparent; background-position: center top; background-image: url(common/img/vertical-sprites.png); -background-image: url(common/img/vertical-sprites-ie6.png); background-position: center -138px; min-width: 24px; margin-top: 1px; } .v-ie .v-datefield-calendarpanel-prevmonth button, .v-ie .v-datefield-calendarpanel-nextmonth button { border: none; } .v-ie6 .v-datefield-calendarpanel-prevmonth button, .v-ie6 .v-datefield-calendarpanel-nextmonth button { width: 24px; } .v-datefield-calendarpanel-nextmonth button { background-image: url(common/img/vertical-sprites.png); -background-image: url(common/img/vertical-sprites-ie6.png); background-position: center -159px; } .v-datefield-calendarpanel-prevmonth button:active, .v-ie .v-datefield-calendarpanel-prevmonth button.v-pressed { background-position: center top; background-image: url(common/img/vertical-sprites.png); -background-image: url(common/img/vertical-sprites-ie6.png); background-position: center -180px; } .v-datefield-calendarpanel-nextmonth button:active, .v-ie .v-datefield-calendarpanel-nextmonth button.v-pressed { background-position: center top; background-image: url(common/img/vertical-sprites.png); -background-image: url(common/img/vertical-sprites-ie6.png); background-position: center -201px; } .v-datefield-calendarpanel-body, .v-datefield-calendarpanel-time { text-align: center; vertical-align: top; } .v-datefield-calendarpanel-body table { border-collapse: collapse; margin: 0; padding: 0; width: 220px; margin: 0 auto; } .v-datefield-calendarpanel-weekdays td { width: 14.2%; overflow: hidden; background-repeat: repeat-x; background-image: url(common/img/vertical-sprites.png); -background-image: url(common/img/vertical-sprites-ie6.png); background-position: left -222px; font-size: 10px; line-height: normal; text-transform: uppercase; color: #eaeff1; text-shadow: #3b4651 0 -1px 0; vertical-align: top; } .v-datefield-calendarpanel-weekdays strong { display: block; text-align: right; padding-right: 5px; height: 15px; border-top: 1px solid #596775; } .v-datefield-calendarpanel .v-first { background-repeat: no-repeat; background-image: url(common/img/vertical-sprites.png); -background-image: url(common/img/vertical-sprites-ie6.png); background-position: left -241px; } .v-datefield-calendarpanel .v-last { background-repeat: no-repeat; background-position: right top; background-image: url(common/img/vertical-sprites.png); -background-image: url(common/img/vertical-sprites-ie6.png); background-position: right -260px; } /* IE fails to position backgrounds inside table element */ .v-ie .v-datefield-calendarpanel-weekdays td { background: url(datefield/img/weekday-bg.png) repeat-x; background-position: left top; } .v-ie .v-datefield-calendarpanel .v-first { background: url(datefield/img/weekday-first.png) no-repeat; } .v-ie .v-datefield-calendarpanel .v-last { background: url(datefield/img/weekday-last.png) no-repeat right top; } .v-datefield-calendarpanel-body td { text-align: right; height: 19px; } .v-datefield-calendarpanel-day, .v-datefield-calendarpanel-day-today { padding: 2px 5px 2px 0; display: block; margin: 1px 0 0 6px; } .v-datefield-calendarpanel-day-today { color: #4095d1; border: none; } .v-datefield-calendarpanel-day-selected { background: #507ba3; color: #fff; text-shadow: #3b5b79 0 1px 0; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; } .v-datefield-calendarpanel-time select { padding: 0; font-size: 11px; } .v-datefield-popup { background: #f8f8f9; padding: 8px 4px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radisu: 3px; } .v-sa .v-datefield-popup, .v-ff3 .v-datefield-popup, .v-op .v-datefield-popup { background: rgba(255,255,255,.95); } .v-datefield-year .v-datefield-textfield { width: 4em; } .v-datefield-month .v-datefield-textfield { width: 5em; } .v-datefield-day .v-datefield-textfield { width: 5.5em; } .v-datefield-full .v-datefield-textfield { width: 12em; } .v-datefield-popupcalendar .v-datefield-textfield { border-right: none; height: 18px; } .v-ff .v-datefield-popupcalendar .v-datefield-textfield{ -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 0; } .v-sa .v-datefield-popupcalendar .v-datefield-textfield, .v-ff35 .v-datefield-popupcalendar .v-datefield-textfield, .v-op .v-datefield-popupcalendar .v-datefield-textfield { border-width: 0 0 0 3px; } .v-datefield-popupcalendar .v-datefield-button { width: 24px; height: 23px; background: transparent; border: none; padding: 0; background-image: url(common/img/vertical-sprites.png); -background-image: url(common/img/vertical-sprites-ie6.png); background-position: left -276px; cursor: default; } .v-datefield-popupcalendar .v-datefield-button:active { background-image: url(common/img/vertical-sprites.png); -background-image: url(common/img/vertical-sprites-ie6.png); background-position: left -299px; } /* ./WebContent/VAADIN/themes/reindeer/label/label.css */ .v-label { line-height: 18px; } .v-label-h1, .v-label-h2, .v-caption-h1, .v-caption-h2 { font-size: 24px; line-height: 30px; font-weight: bold; color: #44698b; } .v-ie6 .v-label-h1 { font-size: 1px; line-height: normal; } .v-label-h2, .v-caption-h2 { font-size: 16px; line-height: 22px; } .v-label-light { font-size: 11px; line-height: 13px; color: #707070; } /* ./WebContent/VAADIN/themes/reindeer/layouts/layouts.css */ .v-orderedlayout-margin-top, .v-horizontallayout-margin-top, .v-verticallayout-margin-top { padding-top: 18px; } .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: 18px; } .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: 7px; padding-left: 6px; } /* Blue background */ .v-verticallayout-blue, .v-horizontallayout-blue, .v-orderedlayout-blue { background-color: #bcd3de; } /* ./WebContent/VAADIN/themes/reindeer/panel/panel.css */ .v-panel-caption, .v-panel-nocaption { border-bottom: 1px solid #dcdcdc; line-height: 16px; /* accommodate minimum icon size */ } .v-sa .v-panel-caption, .v-sa .v-panel-nocaption, .v-ff3 .v-panel-caption, .v-ff3 .v-panel-nocaption { border-bottom-color: rgba(0,0,0,.1); } .v-panel-caption { padding-bottom: 2px; } .v-panel-content { border: 1px solid #dcdcdc; border-bottom: none; border-top: none; background: #fff; } .v-sa .v-panel-content, .v-ff3 .v-panel-content { border-color: rgba(0,0,0,.1); } .v-panel-deco { height: 1px; border-top: 1px solid #bebebe; background: #e2e2e2; overflow: hidden; } .v-sa .v-panel-deco, .v-ff3 .v-panel-deco { border-top-color: rgba(0,0,0,.1); background: rgba(0,0,0,.08); } /* ./WebContent/VAADIN/themes/reindeer/select/select.css */ .v-filterselect { height: 24px; background-repeat: no-repeat; background-image: url(common/img/vertical-sprites.png); -background-image: url(common/img/vertical-sprites-ie6.png); background-position: left -322px; padding-left: 2px; } .v-app .v-filterselect-input, .v-window .v-filterselect-input, .v-popupview-popup .v-filterselect-input { background: transparent repeat-x; background-image: url(common/img/vertical-sprites.png); -background-image: url(common/img/vertical-sprites-ie6.png); background-position: left -347px; border: none; height: 21px; } /* More specific selector to override padding */ .v-app input.v-filterselect-input, .v-window input.v-filterselect-input, .v-popupview-popup input.v-filterselect-input { padding: 3px 0 0 2px; } .v-filterselect-prompt .v-filterselect-input { font-style: normal; } .v-filterselect-input:focus { outline: none; } .v-filterselect-focus { background-image: url(common/img/vertical-sprites.png); -background-image: url(common/img/vertical-sprites-ie6.png); background-position: left -371px; } .v-filterselect-focus .v-filterselect-input { background-image: url(common/img/vertical-sprites.png); -background-image: url(common/img/vertical-sprites-ie6.png); background-position: left -396px; } .v-filterselect-button { overflow: hidden; width: 25px; height: 24px; background-image: url(common/img/vertical-sprites.png); -background-image: url(common/img/vertical-sprites-ie6.png); background-position: left -420px; cursor: default; } .v-filterselect-button:hover { background-image: url(common/img/vertical-sprites.png); -background-image: url(common/img/vertical-sprites-ie6.png); background-position: left -444px; } .v-filterselect-button:active { background-image: url(common/img/vertical-sprites.png); -background-image: url(common/img/vertical-sprites-ie6.png); background-position: left -468px; } .v-filterselect-focus .v-filterselect-button { background-image: url(common/img/vertical-sprites.png); -background-image: url(common/img/vertical-sprites-ie6.png); background-position: left -492px; } .v-filterselect-focus .v-filterselect-button:hover { background-image: url(common/img/vertical-sprites.png); -background-image: url(common/img/vertical-sprites-ie6.png); background-position: left -516px; } .v-filterselect-focus .v-filterselect-button:active { background-image: url(common/img/vertical-sprites.png); -background-image: url(common/img/vertical-sprites-ie6.png); background-position: left -540px; } .v-disabled .v-filterselect-button:hover, .v-readonly .v-filterselect-button:hover { background-image: url(common/img/vertical-sprites.png); -background-image: url(common/img/vertical-sprites-ie6.png); background-position: left -564px; } .v-filterselect-suggestpopup { background: #f8f8f9; border: none; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; overflow: hidden; } .v-filterselect-suggestmenu .gwt-MenuItem { padding: 1px 8px; height: 16px; user-select: none; -moz-user-select: none; -webkit-user-select: none; cursor: default; } .v-filterselect-suggestmenu .gwt-MenuItem .v-icon { margin-right: 3px; } .v-filterselect-suggestmenu .gwt-MenuItem-selected { background: transparent repeat-x; background-image: url(common/img/vertical-sprites.png); -background-image: url(common/img/vertical-sprites-ie6.png); background-position: left -588px; color: #fff; text-shadow: #3b5a7a 0 1px 0; } .v-filterselect-nextpage, .v-filterselect-nextpage-off, .v-filterselect-prevpage-off, .v-filterselect-prevpage { height: 11px; width: 100%; background: transparent; } .v-filterselect-nextpage:hover { background-repeat: repeat-x; background-image: url(common/img/vertical-sprites.png); -background-image: url(common/img/vertical-sprites-ie6.png); background-position: left -607px; } .v-filterselect-prevpage:hover { background-repeat: repeat-x; background-image: url(common/img/vertical-sprites.png); -background-image: url(common/img/vertical-sprites-ie6.png); background-position: left -618px; } .v-filterselect-nextpage:active { background-repeat: repeat-x; background-image: url(common/img/vertical-sprites.png); -background-image: url(common/img/vertical-sprites-ie6.png); background-position: left -629px; } .v-filterselect-prevpage:active { background-repeat: repeat-x; background-image: url(common/img/vertical-sprites.png); -background-image: url(common/img/vertical-sprites-ie6.png); background-position: left -640px; } .v-filterselect-nextpage-off span, .v-filterselect-prevpage-off span { display: none; } .v-filterselect-nextpage span, .v-filterselect-prevpage span { display: block; height: 11px; width: 100%; overflow: hidden; text-indent: -99999px; background: transparent no-repeat center 3px; background-image: url(common/img/vertical-sprites.png); -background-image: url(common/img/vertical-sprites-ie6.png); background-position: center -651px; user-select: none; -moz-user-select: none; -webkit-user-select: none; } .v-filterselect-prevpage span { background-image: url(common/img/vertical-sprites.png); -background-image: url(common/img/vertical-sprites-ie6.png); background-position: center -662px; } .v-filterselect-nextpage:hover span { background-image: url(common/img/vertical-sprites.png); -background-image: url(common/img/vertical-sprites-ie6.png); background-position: center -673px; } .v-filterselect-prevpage:hover span { background-image: url(common/img/vertical-sprites.png); -background-image: url(common/img/vertical-sprites-ie6.png); background-position: center -684px; } .v-filterselect-status { text-shadow: #e9eaeb 0 1px 0; font-size: 11px; line-height: normal; width: 100%; padding: 3px 0; height: 11px; overflow: hidden; background-repeat: repeat-x; background-image: url(common/img/vertical-sprites.png); -background-image: url(common/img/vertical-sprites-ie6.png); background-position: left -695px; -moz-border-radius-bottomleft: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 3px; user-select: none; -moz-user-select: none; -webkit-user-select: none; } /* IE fails to position background images properly inside table elements */ .v-ie .v-filterselect-suggestmenu .gwt-MenuItem-selected { background: transparent url(common/img/sel-bg.png) repeat-x; } .v-ie .v-filterselect-nextpage:hover { background: transparent url(select/img/page-down-hover.png) repeat-x; } .v-ie .v-filterselect-prevpage:hover { background: transparent url(select/img/page-up-hover.png) repeat-x; } .v-ie .v-filterselect-prevpage span { background: transparent url(select/img/arrow-up.png) no-repeat center 3px; } .v-ie .v-filterselect-nextpage span { background: transparent url(select/img/arrow-down.png) no-repeat center 3px; } .v-ie .v-filterselect-prevpage:hover span { background: transparent url(select/img/arrow-up-hover.png) no-repeat center 3px; } .v-ie .v-filterselect-nextpage:hover span { background: transparent url(select/img/arrow-down-hover.png) no-repeat center 3px; } .v-ie .v-filterselect-status { background: transparent url(select/img/status-bg.png) repeat-x; } /* Filterselect with icon needs a similar fix than in buttons */ /* ./WebContent/VAADIN/themes/reindeer/splitpanel/splitpanel.css */ .v-splitpanel-horizontal .v-splitpanel-hsplitter { width: 7px; background-repeat: repeat-y; background-image: url(common/img/horizontal-sprites.png); background-position: -0px top; } .v-splitpanel-horizontal .v-splitpanel-hsplitter div { width: 7px; background: transparent; background-repeat: no-repeat; background-position: 50%; background-image: url(common/img/horizontal-sprites.png); background-position: -7px center; } .v-splitpanel-vertical .v-splitpanel-vsplitter { height: 7px; background-repeat: repeat-x; background-image: url(common/img/vertical-sprites.png); -background-image: url(common/img/vertical-sprites-ie6.png); background-position: left -712px; } .v-splitpanel-vertical .v-splitpanel-vsplitter div { height: 7px; background: transparent; background-repeat: no-repeat; background-position: 50%; background-image: url(common/img/vertical-sprites.png); -background-image: url(common/img/vertical-sprites-ie6.png); background-position: center -719px; } /* ./WebContent/VAADIN/themes/reindeer/tabsheet/tabsheet.css */ .v-tabsheet-spacertd div { border-color: #bfbfbf; border-left: none; } .v-tabsheet-tabitem { border: none; border-bottom: 1px solid #bfbfbf; color: #4d748f; padding: 0; } .v-tabsheet-tabitem .v-caption { padding: 5px 16px; } .v-tabsheet-tabitem-selected { border: 1px solid #bfbfbf; border-bottom: none; color: #222; } .v-tabsheet-tabitem-selected .v-caption { padding: 4px 15px 6px 15px; } .v-tabsheet-content { border: none; } .v-tabsheet-deco { height: 0; } .v-tabsheet-tabs .v-icon, .v-tabsheet-tabs .v-captiontext, .v-tabsheet-tabs .v-errorindicator { display: inline; float: none; } .v-sa .v-tabsheet-tabs .v-captiontext { display: inline-block; } .v-tabsheet-tabs .v-icon { width: 16px !important; height: 16px !important; } .v-tabsheet-tabs .v-errorindicator { display: inline-block; width: 5px; height: 16px; background: transparent url(../default/icons/16/error.png) no-repeat -1px 50%; } .v-ff2 .v-tabsheet-tabs .v-icon, .v-ff2 .v-tabsheet-tabs .v-errorindicator { display: -moz-inline-stack; } .v-ie6 .v-tabsheet-tabs .v-errorindicator { background-image: url(../default/icons/16/error.gif); } .v-ie .v-tabsheet-tabs .v-errorindicator { zoom: 1; display: inline; } /* Tabsheet on blue background */ .blue .v-tabsheet-spacertd div, .blue .v-tabsheet-tabitem, .blue .v-tabsheet-tabitem-selected { border-color: #7c8a91; } /* ./WebContent/VAADIN/themes/reindeer/textfield/textfield.css */ .v-textfield { line-height: normal; height: 19px; border: 1px solid #bcbdbe; border-top-color: #a2a3a4; border-bottom-color: #d2d3d4; background: #fff; background-repeat: repeat-x; background-image: url(common/img/vertical-sprites.png); -background-image: url(common/img/vertical-sprites-ie6.png); background-position: left -726px; -moz-border-radius: 3px; } /* Need more specific selector because of #2384 fixes in base/common/common.css */ .v-app input.v-textfield { padding: 3px 3px 0 3px; } /* Textfield on blue background */ .blue .v-textfield { border-color: #92a2aa; border-top-color: #7c8a90; border-bottom-color: #a1b3bc; } .v-app .v-textfield-focus, .v-window .v-textfield-focus, .v-popupview-popup .v-textfield-focus { border-color: #5b97d0; border-top-color: #4f83b4; border-bottom-color: #5ca0df; outline: none; } input.v-textfield-prompt { font-style: normal; color: #999; } /* Capable browsers get fancier border images */ .v-sa input.v-textfield, .v-ff35 input.v-textfield, .v-op input.v-textfield { -moz-border-radius: 0; border: none; background: transparent; border-width: 0 3px 0 3px; padding: 4px 0 0 0; height: 20px; -webkit-border-image: url(textfield/img/bg-border-image.png) 0 3 0 3 stretch stretch; -moz-border-image: url(textfield/img/bg-border-image.png) 0 3 0 3 stretch stretch; -o-border-image: url(textfield/img/bg-border-image.png) 0 3 0 3 stretch stretch; } .v-sa input.v-textfield-focus, .v-ff35 input.v-textfield-focus, .v-op input.v-textfield-focus { -webkit-border-image: url(textfield/img/bg-border-image-focus.png) 0 3 0 3 stretch stretch; -moz-border-image: url(textfield/img/bg-border-image-focus.png) 0 3 0 3 stretch stretch; -o-border-image: url(textfield/img/bg-border-image-focus.png) 0 3 0 3 stretch stretch; } /* Small style textfield */ .v-app input.v-textfield-small, .v-sa input.v-textfield-small, .v-ff35 input.v-textfield-small, .v-op input.v-textfield-small { font-size: 11px; height: 15px; } .v-sa input.v-textfield-small, .v-ff35 input.v-textfield-small, .v-op input.v-textfield-small { height: 16px; } /* ./WebContent/VAADIN/themes/reindeer/tree/tree.css */ .v-tree-node { background: transparent url(tree/img/arrows.png) no-repeat 6px -12px; line-height: 16px; } .v-ie6 .v-tree-node { background-image: url(tree/img/arrows-ie6.png); background-repeat: no-repeat; } .v-ie6 div.v-tree-node-leaf { background: transparent; } .v-tree-node-expanded { background-position: -7px 3px; } .v-tree-node-caption { margin-left: 16px; } .v-tree-node span { padding: 0 2px; } .v-tree-node-selected span { background: #4d749f repeat-x; background-image: url(common/img/vertical-sprites.png); -background-image: url(common/img/vertical-sprites-ie6.png); background-position: left -749px; color: #fff; padding: 0 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; text-shadow: #2b425a 0 1px 0; } .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; }