From: Matti Tahvonen Date: Thu, 21 Apr 2011 17:05:48 +0000 (+0000) Subject: removed automatically compiled css files from svn. Derived files and should thus... X-Git-Tag: 6.7.0.beta1~290 X-Git-Url: https://source.dussan.org/?a=commitdiff_plain;h=d22f0c09b0e40ee17813c4e62253b67af76162d8;p=vaadin-framework.git removed automatically compiled css files from svn. Derived files and should thus not be in version control. core developers not need to build theme with ant script after core css files have been modified in the version control. svn changeset:18438/svn branch:6.6 --- diff --git a/WebContent/VAADIN/themes/base/styles.css b/WebContent/VAADIN/themes/base/styles.css deleted file mode 100644 index b726023e81..0000000000 --- a/WebContent/VAADIN/themes/base/styles.css +++ /dev/null @@ -1,2284 +0,0 @@ -.v-theme-version:after {content:"6_5_5_dev-20110406";} -.v-theme-version-6_5_5_dev-20110406 {display: none;} -/* Automatically compiled css file from subdirectories. */ - -.v-absolutelayout-wrapper { - position: absolute; - overflow: hidden; -} - -.v-accordion { - position: relative; - outline: none; - overflow: hidden; - text-align: left /* Force default alignment */ -} -.v-accordion-item { - position: relative; - zoom: 1; -} -.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%; -} - -/* - * Default button (more customizable) - * -------------------------------------- */ -.v-button { - display: inline-block; - zoom: 1; - text-align: center; - text-decoration: none; - border: 2px outset #ddd; - background: #eee; - cursor: pointer; - white-space: nowrap; - margin: 0; - padding: .2em 1em; - color: inherit; - font: inherit; - line-height: normal; - -khtml-user-select: none; - -moz-user-select: none; - -ie-user-select: none; - user-select: none; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - -ms-box-sizing: border-box; - box-sizing: border-box; -} - -.v-button.v-disabled { - cursor: default; -} - -.v-ie6 .v-button { - display: inline; -} - -.v-ie7 .v-button { - display: inline; -} - -.v-button-wrap, -.v-button-caption { - vertical-align: middle; - white-space: nowrap; - font: inherit; - color: inherit; - line-height: normal; - } - -.v-button .v-icon, -.v-nativebutton .v-icon { - vertical-align: middle; - margin-right: 3px; - border: none; - } - -.v-button .v-errorindicator, -.v-nativebutton .v-errorindicator { - display: inline-block; - zoom: 1; - vertical-align: middle; - float: none; -} - -/* Link style (we really should deprecate this) */ -.v-button-link, -.v-nativebutton-link { - border: none; - text-align: left; - background: transparent; - padding: 0; - color: inherit; - -khtml-user-select: text; - -moz-user-select: text; - -ie-user-select: text; - user-select: text; -} - -/* Inset Safari focus outline a bit */ -.v-sa .v-button-link:focus{ - outline-offset: -3px; - } - -.v-button-link .v-button-caption, -.v-nativebutton-link .v-nativebutton-caption { - text-decoration: underline; - color: inherit; - text-align: left; - } - - -/* - * NativeButton styles (html button element) - * -------------------------------------- */ -.v-nativebutton { - text-align: center; - cursor: pointer; - white-space: nowrap; - margin: 0; - color: inherit; - font: inherit; - line-height: normal; - } -.v-nativebutton .v-nativebutton-caption { - vertical-align: middle; - white-space: nowrap; - font: inherit; - color: inherit; - } - -.v-nativebutton .v-icon { - vertical-align: middle; - margin-right: 3px; - } - -.v-nativebutton .v-errorindicator { - display: inline-block; - zoom: 1; - float: none; -} -/* Fixes streched buttons in IE6 and IE7*/ -.v-ie6 .v-nativebutton { - width: 1px; -} -.v-ie .v-nativebutton { - overflow: visible; - padding-left: 1em; - padding-right: 1em; -} - -.v-ie .v-nativebutton-link { - padding: 0; -} - -/* - * Checkbox styles - * -------------------------------------- */ - - .v-checkbox { - display: block; - } - -.v-checkbox, -.v-checkbox label, -.v-checkbox input, -.v-checkbox .v-icon { - vertical-align: middle; - white-space: nowrap; -} - -/* Fix for IE6/IE7 issue where checkbox moves 1 pixel down after selection (#4636) */ -.v-ie6 .v-checkbox, -.v-ie7 .v-checkbox { - vertical-align: baseline; -} - -.v-checkbox .v-icon { - margin: 0 2px; -} -.v-checkbox .v-errorindicator { - float: none; - display: inline; - display: inline-block; - zoom: 1; -} - - -/* Disabled by default -.v-checkbox-error { - background: #ffe0e0; -} -*/ -/* Disabled by default -.v-checkbox-required { - background: #ffe0e0; -} -*/ - -.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; -} - -.v-caption-clearelem { - clear: both; - width: 0; - height: 0; - overflow: hidden; -} - -/* 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; -} - -/* 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%; -} -/* Force arrow cursor for all elements inside the app */ -.v-app, -.v-window, -.v-popupview-popup, -.v-label, -.v-caption { - cursor: default; -} -div.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 */ - background-image: url(common/img/loading-indicator.gif); - background-repeat: no-repeat; - background-position: 50%; - width: 100%; - height: 100%; -} -.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; -} -/* Revert line-height for heading elements inside labels */ -.v-label h1, -.v-label h2, -.v-label h3, -.v-label h4, -.v-label h5, -.v-label h6 { - line-height: normal; -} -/* 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 { - position: absolute; - top: 0; - right: 0; - z-index: 30000; - 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); -} -/* 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; - white-space: pre; -} -.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 , -.v-window input[type="text"], -.v-window input[type="password"], -.v-window input[type="reset"], -.v-window select, -.v-window textarea { - padding: 2px; -} - -.v-drag-element { - z-index: 60000; - position: absolute; - opacity: 0.5; - filter: alpha(opacity=50); - cursor: default; -} - -.v-csslayout { - overflow: hidden; -} -.v-csslayout-margin-top { - padding-top: 12px; -} -.v-csslayout-margin-bottom { - padding-bottom: 12px; -} -.v-csslayout-margin-left { - padding-left: 12px; -} -.v-csslayout-margin-right { - padding-right: 12px; -} - -.v-customcomponent { - overflow: hidden; -} - -.v-customlayout { - overflow: hidden; -} - -.v-datefield { - white-space: nowrap; - float: left; /* Force minimum width */ -} -.v-datefield-textfield { - vertical-align: top; -} -.v-datefield-button { - cursor: pointer; -} -.v-datefield-prompt .v-datefield-textfield { - color: #999; - font-style: italic; -} -.v-datefield .v-datefield-button-readonly { - display: none; -} -.v-datefield-calendarpanel table { - width: 100%; -} -.v-datefield-calendarpanel td { - padding: 0; - margin: 0; -} -.v-datefield-calendarpanel:focus{ - outline:none; -} -.v-datefield-calendarpanel-header td { - text-align: center; -} -.v-datefield-calendarpanel-month { - text-align: center; - white-space: nowrap; -} -.v-datefield-calendarpanel-weeknumber { - color: #999; - border-right: 1px solid #ddd; - font-size: 0.9em; -} -.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-calendarpanel-day-focused { - outline: 1px dotted black; -} -.v-datefield-time { - white-space: nowrap; -} -.v-datefield-time .v-label { - display: inline; -} -.v-datefield-popup { - background: #fff; -} -/* 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); -} - -.v-ddwrapper { - padding: 2px; - -moz-border-radius: 4px; - -webkit-border-radius: 4px; - border-radius: 4px; -} -.v-ddwrapper-over { - border: 2px solid #1d9dff; - background-color: #bcdcff; - padding: 0; -} -.v-ddwrapper-over { - background-color: rgba(169,209,255,.6); -} -.no-box-drag-hints .v-ddwrapper-over { - border: none; - background-color: transparent; - padding: 2px; -} -.v-app .v-ddwrapper-over-top, -.v-window .v-ddwrapper-over-top, -.v-popupview-popup .v-ddwrapper-over-top { - border: none; - border-top: 2px solid #1d9dff; - background-color: transparent; - padding: 2px; - padding-top: 0; - -moz-border-radius: 0; - -webkit-border-radius: 0; - border-radius: 0; -} -.v-app .v-ddwrapper-over-bottom, -.v-window .v-ddwrapper-over-bottom, -.v-popupview-popup .v-ddwrapper-over-bottom { - border: none; - border-bottom: 2px solid #1d9dff; - background-color: transparent; - padding: 2px; - padding-bottom: 0; - -moz-border-radius: 0; - -webkit-border-radius: 0; - border-radius: 0; -} -.v-app .v-ddwrapper-over-left, -.v-window .v-ddwrapper-over-left, -.v-popupview-popup .v-ddwrapper-over-left { - border: none; - border-left: 2px solid #1d9dff; - background-color: transparent; - padding: 2px; - padding-left: 0; - -moz-border-radius: 0; - -webkit-border-radius: 0; - border-radius: 0; -} -.v-app .v-ddwrapper-over-right, -.v-window .v-ddwrapper-over-right, -.v-popupview-popup .v-ddwrapper-over-right { - border: none; - border-right: 2px solid #1d9dff; - background-color: transparent; - padding: 2px; - padding-right: 0; - -moz-border-radius: 0; - -webkit-border-radius: 0; - border-radius: 0; -} -.v-ddwrapper, -.v-ddwrapper-over, -.v-app .v-ddwrapper-over-top, -.v-window .v-ddwrapper-over-top, -.v-popupview-popup .v-ddwrapper-over-top, -.v-app .v-ddwrapper-over-bottom, -.v-window .v-ddwrapper-over-bottom, -.v-popupview-popup .v-ddwrapper-over-bottom, -.v-app .v-ddwrapper-over-left, -.v-window .v-ddwrapper-over-left, -.v-popupview-popup .v-ddwrapper-over-left, -.v-app .v-ddwrapper-over-right, -.v-window .v-ddwrapper-over-right, -.v-popupview-popup .v-ddwrapper-over-right { - border-color: rgba(0,109,232,.6); -} - -.v-ddwrapper-over-top:before, -.v-ddwrapper-over-bottom:after, -.v-ddwrapper-over-left:before, -.v-ddwrapper-over-right:before { - display: block; - content: ""; - position: absolute; - width: 6px; - height: 6px; - margin-top: -4px; - margin-left: -2px; - background: transparent url(common/img/drag-slot-dot.png) no-repeat; -} -.v-ddwrapper-over-bottom:after { - margin-top: -2px; -} -.v-ddwrapper-over-left:before, -.v-ddwrapper-over-right:before { - background-position: 0 -6px; - margin-top: -2px; - margin-left: -4px; -} -.v-ddwrapper-over-right:before { - position: relative; - margin-bottom: -4px; - margin-right: -4px; - margin-left: 0; - width: auto; - background-position: 100% -6px; -} - -.no-horizontal-drag-hints .v-ddwrapper-over-left { - padding-left: 2px; - border-left: none; -} -.no-horizontal-drag-hints .v-ddwrapper-over-right { - padding-right: 2px; - border-right: none; -} -.no-vertical-drag-hints .v-ddwrapper-over-top { - padding-top: 2px; - border-top: none; -} -.no-vertical-drag-hints .v-ddwrapper-over-bottom { - padding-bottom: 2px; - border-bottom: none; -} -.no-horizontal-drag-hints .v-ddwrapper-over-left:before, -.no-horizontal-drag-hints .v-ddwrapper-over-right:before, -.no-vertical-drag-hints .v-ddwrapper-over-top:before, -.no-vertical-drag-hints .v-ddwrapper-over-bottom:after { - display: none; -} - - -.v-table .v-embedded-image { - /* make embeddeds be centered in centered table cells. */ - display: inline-block; -} - -.v-formlayout-cell .v-errorindicator { - display: block; -} -.v-formlayout-error-indicator { - /* fix width so layout is not jumpy when error disappears */ - width: 12px; -} -.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: 6px; -} -.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: 12px; -} -.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: 12px; -} -.v-formlayout-margin-left .v-formlayout-captioncell { - padding-left: 12px; -} -.v-formlayout-margin-right .v-formlayout-contentcell { - padding-right: 12px; -} -.v-formlayout-captioncell .v-caption .v-required-field-indicator { - float: none; -} - -.v-gridlayout-margin-top { - padding-top: 12px; -} -.v-gridlayout-margin-bottom { - padding-bottom: 12px; -} -.v-gridlayout-margin-left { - padding-left: 12px; -} -.v-gridlayout-margin-right { - padding-right: 12px; -} -.v-gridlayout-spacing-on { - padding-left: 6px; - padding-top: 6px; - 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; -} - -.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; -} - -.v-loginform { - height: 140px; - width: 200px; -} - -.v-app-loginpage .v-button, -.v-app-loginpage .v-button { - float: left; /* Force minimum width for button */ -} - -.v-menubar { - float: left; /* Force minimum width */ - white-space: nowrap; -} -.v-menubar .v-menubar-menuitem { - cursor: default; - vertical-align: middle; - white-space: nowrap; - display: inline; - display: inline-block; - zoom: 1; -} -.v-menubar .v-menubar-menuitem-caption * { - vertical-align: middle; - white-space: nowrap; -} -.v-menubar-submenu { - background: #fff; -} -.v-menubar-menuitem-selected { - background: #333; - color: #fff; -} -.v-menubar-submenu .v-menubar-menuitem { - cursor: default; - display: block; - position: relative; - padding-right: 1.5em; -} -.v-menubar-submenu .v-menubar-menuitem-caption { - display: block; -} -.v-menubar-submenu .v-menubar-menuitem *, -.v-menubar-submenu .v-menubar-menuitem-caption * { - white-space: nowrap; -} -.v-menubar-submenu-indicator { - display: none; - /* Arial has the most coverage for geometric entity characters */ - font-family: arial, helvetica, sans-serif; -} -.v-menubar-submenu .v-menubar-submenu-indicator { - display: block; - position: absolute; - right: 0; - width: 1em; - height: 1em; - font-size: 0.9em; -} -.v-menubar-menuitem-disabled, -.v-menubar span.v-menubar-menuitem-disabled:hover, -.v-menubar span.v-menubar-menuitem-disabled:focus, -.v-menubar span.v-menubar-menuitem-disabled:active { - color: #999; -} -.v-menubar-more-menuitem { - /* Arial has the most coverage for geometric entity characters */ - font-family: arial, helvetica, sans-serif; -} -.v-menubar-separator { - overflow: hidden; -} -.v-menubar-separator span { - display: block; - text-indent: -9999px; - font-size: 1px; - line-height: 1px; - border-top: 1px solid #ddd; - margin: 3px 0 2px; - overflow: hidden; -} -.v-menubar .v-icon, -.v-menubar-submenu .v-icon { - margin-right: 3px; -} - -.v-menubar-popup:focus, -.v-menubar-popup .popupContent:focus, -.v-menubar-popup .popupContent .v-menubar-submenu:focus{ - outline: none; -} - -.v-Notification { - background: #999; - color: #fff; - cursor: pointer; - overflow: hidden; - padding: 1em; - max-width:85%; - -} -.v-Notification h1, -.v-Notification p, -.v-Notification-error h1, -.v-Notification-error p, -.v-Notification-warning h1, -.v-Notification-warning p { - display: inline; - 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-orderedlayout-margin-top, -.v-horizontallayout-margin-top, -.v-verticallayout-margin-top { - padding-top: 12px; -} -.v-orderedlayout-margin-right, -.v-horizontallayout-margin-right, -.v-verticallayout-margin-right { - padding-right: 12px; -} -.v-orderedlayout-margin-bottom, -.v-horizontallayout-margin-bottom, -.v-verticallayout-margin-bottom { - padding-bottom: 12px; -} -.v-orderedlayout-margin-left, -.v-horizontallayout-margin-left, -.v-verticallayout-margin-left { - padding-left: 12px; -} -.v-orderedlayout-spacing-on, -.v-horizontallayout-spacing-on, -.v-verticallayout-spacing-on { - padding-top: 6px; - padding-left: 6px; -} -/* 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; -} - -.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 { -} - -.v-popupview { - cursor: pointer; - text-decoration: underline; - white-space: nowrap; -} -.v-popupview-popup { - overflow: auto; -} -.v-popupview-loading { - width: 30px; - height: 30px; - background: transparent url(common/img/ajax-loader-medium.gif) no-repeat 50%; -} - -.v-progressindicator { - overflow: hidden; /* for IE6 */ - width: 150px; -} -.v-progressindicator-wrapper { - overflow: hidden; /* for IE6 */ - height: 7px; - border: 1px solid #ddd; -} -.v-progressindicator-indicator { - height: 7px; - overflow: hidden; /* for IE6 */ - background: #ddd; -} -div.v-progressindicator-indeterminate { - height: 20px; - width: 20px; - overflow: hidden; /* for IE6 */ - background: #fff url(common/img/ajax-loader-medium.gif) no-repeat 50%; - border-radius: 4px; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; -} -/* 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; -} -div.v-progressindicator-indeterminate-disabled { - height: 20px; - width: 20px; - overflow: hidden; /* for IE6 */ - background: transparent; -} - -.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-caption-left { - float: left; - overflow: hidden; - text-overflow: ellipsis; -} -.v-select-twincol-selections { - font-weight: bold; -} -.v-select-twincol-caption-right { - float: right; - overflow: hidden; - text-overflow: ellipsis; -} -.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 { - float: left; -} -.v-select-twincol-buttons .v-button { - 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; - -webkit-border-radius: 0px; -} -.v-filterselect-prompt .v-filterselect-input { - color: #999; - font-style: italic; -} -.v-filterselect-button { - float: right; - cursor: pointer; - width: 1em; - height: 1em; - background: transparent url(common/img/sprites.png) no-repeat -5px -8px; -} -.v-filterselect.v-readonly .v-filterselect-button { - display: none; -} -.v-filterselect.v-readonly, -.v-filterselect.v-readonly .v-filterselect-input { - background: transparent; -} -.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; -} -*/ - -.v-shadow { - position: absolute; -} - -.v-shadow .top-left { - position: absolute; overflow: hidden; - top: -3px; left: -5px; - width: 10px; height: 10px; - background: transparent url(shadow/img/top-left.png); -} - -.v-shadow .top { - position: absolute; overflow: hidden; - top: -3px; left: 5px; - height: 10px; right: 5px; - background: transparent url(shadow/img/top.png); -} - -.v-shadow .top-right { - position: absolute; overflow: hidden; - top: -3px; right: -5px; - width: 10px; height: 10px; - background: transparent url(shadow/img/top-right.png); -} - -.v-shadow .left { - position: absolute; overflow: hidden; - top: 7px; left: -5px; - width: 10px; - bottom: 3px; - background: transparent url(shadow/img/left.png); -} - -.v-shadow .center { - position: absolute; overflow: hidden; - top: 7px; left: 5px; - bottom: 3px; right: 5px; - background: transparent url(shadow/img/center.png); -} - -.v-shadow .right { - position: absolute; overflow: hidden; - top: 7px; right: -5px; - width: 10px; - bottom: 3px; - background: transparent url(shadow/img/right.png); -} - -.v-shadow .bottom-left { - position: absolute; overflow: hidden; - bottom: -7px; left: -5px; - width: 10px; height: 10px; - background: transparent url(shadow/img/bottom-left.png); -} - -.v-shadow .bottom { - position: absolute; overflow: hidden; - bottom: -7px; left: 5px; - right: 5px; height: 10px; - background: transparent url(shadow/img/bottom.png); -} - -.v-shadow .bottom-right { - position: absolute; overflow: hidden; - bottom: -7px; right: -5px; - width: 10px; height: 10px; - background: transparent url(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: -2px; - margin-left: -2px; -} - -.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; -} - -.v-slider-feedback { - padding: 2px 5px; - background: #444; - color: #fff; - font-size: 11px; - line-height: 13px; - font-weight: bold; - font-family: Arial, Helvetica, sans-serif; - border-radius: 4px; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - margin: -2px 0 0 2px; - text-shadow: 0 1px 0 #000; -} - -/* 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; -} - -.v-splitpanel-horizontal, -.v-splitpanel-vertical { - overflow: hidden; -} -.v-splitpanel-hsplitter { - width: 6px; - font-size: 1px; /* for IE6 */ -} -.v-splitpanel-hsplitter div { - width: 6px; - font-size: 1px; /* for IE6 */ - position: absolute; - top: 0; - bottom: 0; - background: #ddd; - cursor: e-resize; - cursor: col-resize; -} -.v-disabled .v-splitpanel-hsplitter div { - cursor: default; -} -.v-splitpanel-vsplitter { - height: 6px; - font-size: 1px; /* for IE6 */ -} -.v-splitpanel-vsplitter div { - height: 6px; - font-size: 1px; /* for IE6 */ - background: #ddd; - cursor: s-resize; - cursor: row-resize; -} -.v-disabled .v-splitpanel-vsplitter div { - cursor: default; -} -/* IE specific styles */ -.v-ie6 .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; -} - -/* Table theme building instructions - * - * Vaadin 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-ie7 .v-table { - overflow: visible; -} -.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; - border-collapse: separate; - 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-footer-wrap { - overflow: hidden; - border: 1px solid #aaa; - border-top: none; - background: #efefef; -} -.v-table-footer table{ - border-spacing: 0; - border-collapse: collapse; - margin: 0; - padding: 0; - border: 0; -} -.v-table-footer td { - padding: 0; - border-right: 1px solid #aaa; -} -.v-table-footer-cell{ - cursor: pointer; -} -.v-table-footer-container{ - float:right; - padding-right:6px; - overflow:hidden; - white-space:nowrap; -} -.v-table-resizer { - display: block; - height: 1.2em; - float: right; - background: #aaa; - cursor: e-resize; /* Opera does not support col-resize, so use e-resize instead */ - cursor: col-resize; - width: 1px; - overflow: hidden; -} -.v-table-caption-container { - overflow: hidden; - white-space: nowrap; - margin-left: 6px; -} -.v-ie7 .v-table-caption-container-align-right { - margin-left: 0px; - padding-left: 6px; -} -.v-table-caption-container-align-right { - float: right; -} -.v-table-sort-indicator { - width: 0px; - height: 1.2em; - float: right; -} -.v-table-header-cell-asc .v-table-sort-indicator, -.v-table-header-cell-desc .v-table-sort-indicator { - width: 16px; - height: 1.2em; - float: right; -} -.v-table-header-cell-asc .v-table-sort-indicator { - background: transparent url(common/img/sprites.png) no-repeat right 6px; -} -.v-table-header-cell-desc .v-table-sort-indicator { - background: transparent url(common/img/sprites.png) no-repeat right -10px; -} -.v-table-caption-container-align-center { - text-align: center; -} -.v-table-caption-container-align-right { - text-align: right; -} -.v-table-caption-container .v-icon, -.v-table-header-drag .v-icon { - vertical-align: middle; -} -.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: pointer; -} - -.v-table-body-noselection .v-table-row, -.v-table-body-noselection .v-table-row-odd { - 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-cell-wrapper-align-center { - text-align: center; -} -.v-table-cell-wrapper-align-right { - text-align: right; -} -.v-table-column-selector { - float: right; - background: transparent url(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-header-drag .v-icon { - vertical-align: middle; -} -.v-table-scrollposition { - width: 160px; - background: #eee; - border: 1px solid #aaa; -} -.v-table-scrollposition span { - display: block; - text-align: center; -} -.v-table-body:focus, -.v-table-body-wrapper:focus { - outline: none; -} -.v-table-body.focused { - border-color: #388ddd; -} -.v-table-focus .v-table-cell-content { - border-top: 1px dotted #0066bd; - border-bottom: 1px dotted #0066bd; -} -/* row in column selector */ -.v-on { - -} -.v-off { - color: #ddd; -} -/************************************* - * Drag'n'drop styles - *************************************/ -.v-table-drag .v-table-body { - border-color: #1d9dff; -} -.v-table-row-drag-middle .v-table-cell-content { - background-color: #bcdcff; -} -.v-table-row-drag-top .v-table-cell-content { - border-top: 2px solid #1d9dff; -} -.v-table-row-drag-top .v-table-cell-wrapper { - margin-top: -2px; /* compensate the space consumed by border hint */ -} -.v-table-row-drag-bottom .v-table-cell-content { - border-bottom: 2px solid #1d9dff; -} -.v-table-row-drag-bottom .v-table-cell-wrapper { - margin-bottom: -2px; /* compensate the space consumed by border hint */ -} -.v-table-row-drag-top .v-table-cell-content:first-child:before, -.v-table-row-drag-bottom .v-table-cell-content:first-child:after { - display: block; - content: ""; - position: absolute; - width: 6px; - height: 6px; - margin-top: -4px; - margin-left: -6px; - background: transparent url(common/img/drag-slot-dot.png); -} -.v-ff .v-table-row-drag-bottom .v-table-cell-content:first-child:after, -.v-ie .v-table-row-drag-bottom .v-table-cell-content:first-child:after { - margin-top: -2px; -} - -.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-ff2 .v-tabsheet-scroller { - position: relative; -} -.v-disabled .v-tabsheet-scroller { - display: none; -} -.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-caption-close { - display: inline; - display: inline-block; - zoom: 1; - width: 16px; - height: 16px; - text-align: center; - font-weight: bold; - cursor: pointer; - vertical-align: middle; - user-select: none; - -khtml-user-select: none; - -ms-user-select: none; - -moz-user-select: none; - -webkit-user-select: none; -} -.v-tabsheet .v-disabled .v-tabsheet-caption-close { - cursor: default; - visibility: hidden; -} -.v-tabsheet-tabitem:hover .v-tabsheet-caption-close, -.v-ie6 .v-tabsheet-caption-close { - visibility: visible; -} -.v-ie6 .v-tabsheet-caption-close { - float: right; -} -.v-tabsheet-tabitem { - border: 1px solid #aaa; - border-right: none; - cursor: pointer; - padding: 0.2em 0.5em; -} -.v-tabsheet-tabitem .v-caption { - cursor: pointer; -} -.v-tabsheet-tabitem-selected { - cursor: default; - border-bottom-color: #fff; -} -.v-tabsheet-tabitem-selected .v-caption { - cursor: default; -} -.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-ie6 .v-tabsheet-content, -.v-ie7 .v-tabsheet-content { - zoom: 1; -} -.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; -} - - -.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; -} -input.v-textfield-readonly, -textarea.v-textarea-readonly { - background: transparent; - border: none; - resize: none; -} -input.v-disabled, -textarea.v-disabled { - resize: none; -} -input.v-textfield-readonly:focus, -textarea.v-textarea-readonly:focus { - outline: none; -} -/* 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; -} - -.v-richtextarea { - border: 1px solid #aaa; - overflow: hidden; -} -.v-richtextarea .gwt-RichTextArea { - background: #fff; - border: none; -} - -.v-richtextarea .gwt-RichTextToolbar { - white-space: nowrap; - background: #959595 url(textfield/img/richtext-toolbar-bg.png) repeat-x 0 -42px; - border-bottom: 1px solid #7d7d7d; - padding: 2px; - overflow: hidden; -} -.v-richtextarea .gwt-RichTextToolbar-top { - padding-bottom: 1px; - overflow: hidden; - white-space: normal; -} -.v-richtextarea .gwt-RichTextToolbar-bottom { - clear: left; - overflow: hidden; - white-space: nowrap; -} -.v-richtextarea .gwt-RichTextToolbar .gwt-ToggleButton, -.v-richtextarea .gwt-RichTextToolbar .gwt-PushButton { - float: left; - display: inline; - width: 22px; - height: 21px; - overflow: hidden; - background: transparent url(textfield/img/richtext-toolbar-bg.png) repeat-x; - cursor: pointer; - margin-right: 2px; - text-align: center; -} -.v-richtextarea .gwt-RichTextToolbar .gwt-ToggleButton-down, -.v-richtextarea .gwt-RichTextToolbar .gwt-PushButton-down, -.v-richtextarea .gwt-RichTextToolbar .gwt-ToggleButton-down-hovering, -.v-richtextarea .gwt-RichTextToolbar .gwt-PushButton-down-hovering { - background-position: 0 -21px; -} -.v-richtextarea .gwt-RichTextToolbar .gwt-ToggleButton img, -.v-richtextarea .gwt-RichTextToolbar .gwt-PushButton img { - -} -.v-richtextarea .gwt-RichTextToolbar .gwt-ListBox { - width: 24.5%; - margin-right: 2px; -} - -.v-richtextarea-readonly { - border: none; -} - -.v-tree { - text-align: left; /* Force default alignment */ - overflow: hidden; - padding: 1px 0; - outline: none; -} -.v-tree-node { - background: transparent url(common/img/sprites.png) no-repeat 5px -37px; - padding: 1px 0; -} -.v-tree-node-caption:focus { - outline: none; -} -.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; -} -.v-tree-node-caption div { - white-space: nowrap; -} -.v-tree-node-caption span, -.v-tree-node-caption .v-icon { - vertical-align: middle; -} -.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; -} -/*************************************** - * Drag'n'drop styles - ***************************************/ -.v-tree .v-tree-node-drag-top { - border-top: 2px solid #1d9dff; - margin-top: -1px; - padding-top: 0; -} -.v-tree .v-tree-node-drag-bottom { - border-bottom: 2px solid #1d9dff; - margin-bottom: -1px; - padding-bottom: 0; -} -.v-tree .v-tree-node-drag-top:before, -.v-tree .v-tree-node-drag-bottom:after, -.v-tree .v-tree-node-caption-drag-center:after { - display: block; - content: ""; - position: absolute; - width: 6px; - height: 6px; - margin-top: -4px; - background: transparent url(common/img/drag-slot-dot.png); -} -.v-tree .v-tree-node-drag-bottom:after { - margin-top: -2px; -} -.v-tree .v-tree-node-caption-drag-center:after { - margin-left: 14px; -} -.v-ff .v-tree .v-tree-node-caption-drag-center:after, -.v-ie .v-tree .v-tree-node-caption-drag-center:after { - margin-top: -2px; -} -.v-tree .v-tree-node-drag-top { - background-position: 5px -38px; -} -.v-tree .v-tree-node-drag-top.v-tree-node-expanded { - background-position: -5px -11px; -} -.v-tree .v-tree-node-caption-drag-center div { - border: 2px solid #1d9dff; - -moz-border-radius: 4px; - -webkit-border-radius: 4px; - border-radius: 4px; - margin: -2px 2px -2px -2px; - background-color: #bcdcff; -} -.v-ie6 .v-tree .v-tree-node-caption-drag-center div { - margin: -2px ; -} -.v-tree .v-tree-node-caption-drag-center div { - background-color: rgba(169,209,255,.6); -} -.v-tree .v-tree-node-caption-drag-center div, -.v-tree .v-tree-node-drag-top, -.v-tree .v-tree-node-drag-bottom { - border-color: rgba(0,109,232,.6); -} - -.v-upload { - white-space: nowrap; -} - -.v-ie6 .v-upload, -.v-ie7 .v-upload { - margin:0; -} - -.v-upload-immediate { - position: relative; - margin: 0; - overflow: hidden; -} - -.v-ff .v-upload-immediate, -.v-op .v-upload-immediate { - display: inline-block; -} - -.v-upload-immediate input { - opacity: 0; - filter: alpha(opacity=0); - z-index: 2; - position: absolute; - right: 0; - height: 21px; - text-align: right; - border: none; - background: transparent; -} - -.v-upload-immediate button { - position: relative; - left: 0; - top: 0; - width: 100%; - text-align: left; -} - - -.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-contents > div { - outline: none; -} -.v-window-footer { - overflow: hidden; - zoom: 1; - height: 10px; - position: relative; -} -.v-window-resizebox { - width: 10px; - height: 10px; - cursor: se-resize; - background: #ddd; - overflow: hidden; - position: absolute; - right: 0; -} -.v-window div.v-window-footer-noresize { - height: 0; -} -.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(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(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(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(window/img/shadow/left.png); -} -.v-shadow-window .center { - position: absolute; overflow: hidden; - top: 18px; left: 13px; - bottom: 10px; right: 13px; - background: transparent url(window/img/shadow/center.png); -} -.v-shadow-window .right { - position: absolute; overflow: hidden; - top: 18px; right: -15px; - width: 28px; - bottom: 10px; - background: transparent url(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(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(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(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; -} diff --git a/WebContent/VAADIN/themes/liferay/styles.css b/WebContent/VAADIN/themes/liferay/styles.css deleted file mode 100644 index 7929641b83..0000000000 --- a/WebContent/VAADIN/themes/liferay/styles.css +++ /dev/null @@ -1,3531 +0,0 @@ -.v-theme-version:after {content:"6_6_0_dev-20110415";} -.v-theme-version-6_6_0_dev-20110415 {display: none;} -/* Automatically compiled css file from subdirectories. */ - -.v-absolutelayout-wrapper { - position: absolute; - overflow: hidden; -} - -.v-accordion { - position: relative; - outline: none; - overflow: hidden; - text-align: left /* Force default alignment */ -} -.v-accordion-item { - position: relative; - zoom: 1; -} -.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%; -} - -/* - * Default button (more customizable) - * -------------------------------------- */ -.v-button { - display: inline-block; - zoom: 1; - text-align: center; - text-decoration: none; - border: 2px outset #ddd; - background: #eee; - cursor: pointer; - white-space: nowrap; - margin: 0; - padding: .2em 1em; - color: inherit; - font: inherit; - line-height: normal; - -khtml-user-select: none; - -moz-user-select: none; - -ie-user-select: none; - user-select: none; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - -ms-box-sizing: border-box; - box-sizing: border-box; -} - -.v-button.v-disabled { - cursor: default; -} - -.v-ie6 .v-button { - display: inline; -} - -.v-ie7 .v-button { - display: inline; -} - -.v-button-wrap, -.v-button-caption { - vertical-align: middle; - white-space: nowrap; - font: inherit; - color: inherit; - line-height: normal; - } - -.v-button .v-icon, -.v-nativebutton .v-icon { - vertical-align: middle; - margin-right: 3px; - border: none; - } - -.v-button .v-errorindicator, -.v-nativebutton .v-errorindicator { - display: inline-block; - zoom: 1; - vertical-align: middle; - float: none; -} - -/* Link style (we really should deprecate this) */ -.v-button-link, -.v-nativebutton-link { - border: none; - text-align: left; - background: transparent; - padding: 0; - color: inherit; - -khtml-user-select: text; - -moz-user-select: text; - -ie-user-select: text; - user-select: text; -} - -/* Inset Safari focus outline a bit */ -.v-sa .v-button-link:focus{ - outline-offset: -3px; - } - -.v-button-link .v-button-caption, -.v-nativebutton-link .v-nativebutton-caption { - text-decoration: underline; - color: inherit; - text-align: left; - } - - -/* - * NativeButton styles (html button element) - * -------------------------------------- */ -.v-nativebutton { - text-align: center; - cursor: pointer; - white-space: nowrap; - margin: 0; - color: inherit; - font: inherit; - line-height: normal; - } -.v-nativebutton .v-nativebutton-caption { - vertical-align: middle; - white-space: nowrap; - font: inherit; - color: inherit; - } - -.v-nativebutton .v-icon { - vertical-align: middle; - margin-right: 3px; - } - -.v-nativebutton .v-errorindicator { - display: inline-block; - zoom: 1; - float: none; -} -/* Fixes streched buttons in IE6 and IE7*/ -.v-ie6 .v-nativebutton { - width: 1px; -} -.v-ie .v-nativebutton { - overflow: visible; - padding-left: 1em; - padding-right: 1em; -} - -.v-ie .v-nativebutton-link { - padding: 0; -} - -/* - * Checkbox styles - * -------------------------------------- */ - - .v-checkbox { - display: block; - } - -.v-checkbox, -.v-checkbox label, -.v-checkbox input, -.v-checkbox .v-icon { - vertical-align: middle; - white-space: nowrap; -} - -/* Fix for IE6/IE7 issue where checkbox moves 1 pixel down after selection (#4636) */ -.v-ie6 .v-checkbox, -.v-ie7 .v-checkbox { - vertical-align: baseline; -} - -.v-checkbox .v-icon { - margin: 0 2px; -} -.v-checkbox .v-errorindicator { - float: none; - display: inline; - display: inline-block; - zoom: 1; -} - - -/* Disabled by default -.v-checkbox-error { - background: #ffe0e0; -} -*/ -/* Disabled by default -.v-checkbox-required { - background: #ffe0e0; -} -*/ - -.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; -} - -.v-caption-clearelem { - clear: both; - width: 0; - height: 0; - overflow: hidden; -} - -/* 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; -} - -/* 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%; -} -/* Force arrow cursor for all elements inside the app */ -.v-app, -.v-window, -.v-popupview-popup, -.v-label, -.v-caption { - cursor: default; -} -div.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 */ - background-image: url(../base/common/img/loading-indicator.gif); - background-repeat: no-repeat; - background-position: 50%; - width: 100%; - height: 100%; -} -.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; -} -/* Revert line-height for heading elements inside labels */ -.v-label h1, -.v-label h2, -.v-label h3, -.v-label h4, -.v-label h5, -.v-label h6 { - line-height: normal; -} -/* 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 { - position: absolute; - top: 0; - right: 0; - z-index: 30000; - width: 31px; - height: 31px; - background: transparent url(../base/common/img/loading-indicator.gif); - margin-right: 5px; - margin-top: 5px; -} -.v-loading-indicator-delay { - background-image: url(../base/common/img/loading-indicator-delay.gif); -} -.v-loading-indicator-wait { - background-image: url(../base/common/img/loading-indicator-wait.gif); -} -/* 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; - white-space: pre; -} -.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 , -.v-window input[type="text"], -.v-window input[type="password"], -.v-window input[type="reset"], -.v-window select, -.v-window textarea { - padding: 2px; -} - -.v-drag-element { - z-index: 60000; - position: absolute; - opacity: 0.5; - filter: alpha(opacity=50); - cursor: default; -} - -.v-csslayout { - overflow: hidden; -} -.v-csslayout-margin-top { - padding-top: 12px; -} -.v-csslayout-margin-bottom { - padding-bottom: 12px; -} -.v-csslayout-margin-left { - padding-left: 12px; -} -.v-csslayout-margin-right { - padding-right: 12px; -} - -.v-customcomponent { - overflow: hidden; -} - -.v-customlayout { - overflow: hidden; -} - -.v-datefield { - white-space: nowrap; - float: left; /* Force minimum width */ -} -.v-datefield-textfield { - vertical-align: top; -} -.v-datefield-button { - cursor: pointer; -} -.v-datefield-prompt .v-datefield-textfield { - color: #999; - font-style: italic; -} -.v-datefield .v-datefield-button-readonly { - display: none; -} -.v-datefield-calendarpanel table { - width: 100%; -} -.v-datefield-calendarpanel td { - padding: 0; - margin: 0; -} -.v-datefield-calendarpanel:focus{ - outline:none; -} -.v-datefield-calendarpanel-header td { - text-align: center; -} -.v-datefield-calendarpanel-month { - text-align: center; - white-space: nowrap; -} -.v-datefield-calendarpanel-weeknumber { - color: #999; - border-right: 1px solid #ddd; - font-size: 0.9em; -} -.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-calendarpanel-day-focused { - outline: 1px dotted black; -} -.v-datefield-time { - white-space: nowrap; -} -.v-datefield-time .v-label { - display: inline; -} -.v-datefield-popup { - background: #fff; -} -/* 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); -} - -.v-ddwrapper { - padding: 2px; - -moz-border-radius: 4px; - -webkit-border-radius: 4px; - border-radius: 4px; -} -.v-ddwrapper-over { - border: 2px solid #1d9dff; - background-color: #bcdcff; - padding: 0; -} -.v-ddwrapper-over { - background-color: rgba(169,209,255,.6); -} -.no-box-drag-hints .v-ddwrapper-over { - border: none; - background-color: transparent; - padding: 2px; -} -.v-app .v-ddwrapper-over-top, -.v-window .v-ddwrapper-over-top, -.v-popupview-popup .v-ddwrapper-over-top { - border: none; - border-top: 2px solid #1d9dff; - background-color: transparent; - padding: 2px; - padding-top: 0; - -moz-border-radius: 0; - -webkit-border-radius: 0; - border-radius: 0; -} -.v-app .v-ddwrapper-over-bottom, -.v-window .v-ddwrapper-over-bottom, -.v-popupview-popup .v-ddwrapper-over-bottom { - border: none; - border-bottom: 2px solid #1d9dff; - background-color: transparent; - padding: 2px; - padding-bottom: 0; - -moz-border-radius: 0; - -webkit-border-radius: 0; - border-radius: 0; -} -.v-app .v-ddwrapper-over-left, -.v-window .v-ddwrapper-over-left, -.v-popupview-popup .v-ddwrapper-over-left { - border: none; - border-left: 2px solid #1d9dff; - background-color: transparent; - padding: 2px; - padding-left: 0; - -moz-border-radius: 0; - -webkit-border-radius: 0; - border-radius: 0; -} -.v-app .v-ddwrapper-over-right, -.v-window .v-ddwrapper-over-right, -.v-popupview-popup .v-ddwrapper-over-right { - border: none; - border-right: 2px solid #1d9dff; - background-color: transparent; - padding: 2px; - padding-right: 0; - -moz-border-radius: 0; - -webkit-border-radius: 0; - border-radius: 0; -} -.v-ddwrapper, -.v-ddwrapper-over, -.v-app .v-ddwrapper-over-top, -.v-window .v-ddwrapper-over-top, -.v-popupview-popup .v-ddwrapper-over-top, -.v-app .v-ddwrapper-over-bottom, -.v-window .v-ddwrapper-over-bottom, -.v-popupview-popup .v-ddwrapper-over-bottom, -.v-app .v-ddwrapper-over-left, -.v-window .v-ddwrapper-over-left, -.v-popupview-popup .v-ddwrapper-over-left, -.v-app .v-ddwrapper-over-right, -.v-window .v-ddwrapper-over-right, -.v-popupview-popup .v-ddwrapper-over-right { - border-color: rgba(0,109,232,.6); -} - -.v-ddwrapper-over-top:before, -.v-ddwrapper-over-bottom:after, -.v-ddwrapper-over-left:before, -.v-ddwrapper-over-right:before { - display: block; - content: ""; - position: absolute; - width: 6px; - height: 6px; - margin-top: -4px; - margin-left: -2px; - background: transparent url(../base/common/img/drag-slot-dot.png) no-repeat; -} -.v-ddwrapper-over-bottom:after { - margin-top: -2px; -} -.v-ddwrapper-over-left:before, -.v-ddwrapper-over-right:before { - background-position: 0 -6px; - margin-top: -2px; - margin-left: -4px; -} -.v-ddwrapper-over-right:before { - position: relative; - margin-bottom: -4px; - margin-right: -4px; - margin-left: 0; - width: auto; - background-position: 100% -6px; -} - -.no-horizontal-drag-hints .v-ddwrapper-over-left { - padding-left: 2px; - border-left: none; -} -.no-horizontal-drag-hints .v-ddwrapper-over-right { - padding-right: 2px; - border-right: none; -} -.no-vertical-drag-hints .v-ddwrapper-over-top { - padding-top: 2px; - border-top: none; -} -.no-vertical-drag-hints .v-ddwrapper-over-bottom { - padding-bottom: 2px; - border-bottom: none; -} -.no-horizontal-drag-hints .v-ddwrapper-over-left:before, -.no-horizontal-drag-hints .v-ddwrapper-over-right:before, -.no-vertical-drag-hints .v-ddwrapper-over-top:before, -.no-vertical-drag-hints .v-ddwrapper-over-bottom:after { - display: none; -} - - -.v-table .v-embedded-image { - /* make embeddeds be centered in centered table cells. */ - display: inline-block; -} - -.v-formlayout-cell .v-errorindicator { - display: block; -} -.v-formlayout-error-indicator { - /* fix width so layout is not jumpy when error disappears */ - width: 12px; -} -.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: 6px; -} -.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: 12px; -} -.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: 12px; -} -.v-formlayout-margin-left .v-formlayout-captioncell { - padding-left: 12px; -} -.v-formlayout-margin-right .v-formlayout-contentcell { - padding-right: 12px; -} -.v-formlayout-captioncell .v-caption .v-required-field-indicator { - float: none; -} - -.v-gridlayout-margin-top { - padding-top: 12px; -} -.v-gridlayout-margin-bottom { - padding-bottom: 12px; -} -.v-gridlayout-margin-left { - padding-left: 12px; -} -.v-gridlayout-margin-right { - padding-right: 12px; -} -.v-gridlayout-spacing-on { - padding-left: 6px; - padding-top: 6px; - 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; -} - -.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; -} - -.v-loginform { - height: 140px; - width: 200px; -} - -.v-app-loginpage .v-button, -.v-app-loginpage .v-button { - float: left; /* Force minimum width for button */ -} - -.v-menubar { - float: left; /* Force minimum width */ - white-space: nowrap; -} -.v-menubar .v-menubar-menuitem { - cursor: default; - vertical-align: middle; - white-space: nowrap; - display: inline; - display: inline-block; - zoom: 1; -} -.v-menubar .v-menubar-menuitem-caption * { - vertical-align: middle; - white-space: nowrap; -} -.v-menubar-submenu { - background: #fff; -} -.v-menubar-menuitem-selected { - background: #333; - color: #fff; -} -.v-menubar-submenu .v-menubar-menuitem { - cursor: default; - display: block; - position: relative; - padding-right: 1.5em; -} -.v-menubar-submenu .v-menubar-menuitem-caption { - display: block; -} -.v-menubar-submenu .v-menubar-menuitem *, -.v-menubar-submenu .v-menubar-menuitem-caption * { - white-space: nowrap; -} -.v-menubar-submenu-indicator { - display: none; - /* Arial has the most coverage for geometric entity characters */ - font-family: arial, helvetica, sans-serif; -} -.v-menubar-submenu .v-menubar-submenu-indicator { - display: block; - position: absolute; - right: 0; - width: 1em; - height: 1em; - font-size: 0.9em; -} -.v-menubar-menuitem-disabled, -.v-menubar span.v-menubar-menuitem-disabled:hover, -.v-menubar span.v-menubar-menuitem-disabled:focus, -.v-menubar span.v-menubar-menuitem-disabled:active { - color: #999; -} -.v-menubar-more-menuitem { - /* Arial has the most coverage for geometric entity characters */ - font-family: arial, helvetica, sans-serif; -} -.v-menubar-separator { - overflow: hidden; -} -.v-menubar-separator span { - display: block; - text-indent: -9999px; - font-size: 1px; - line-height: 1px; - border-top: 1px solid #ddd; - margin: 3px 0 2px; - overflow: hidden; -} -.v-menubar .v-icon, -.v-menubar-submenu .v-icon { - margin-right: 3px; -} - -.v-menubar-popup:focus, -.v-menubar-popup .popupContent:focus, -.v-menubar-popup .popupContent .v-menubar-submenu:focus{ - outline: none; -} - -.v-Notification { - background: #999; - color: #fff; - cursor: pointer; - overflow: hidden; - padding: 1em; - max-width:85%; - -} -.v-Notification h1, -.v-Notification p, -.v-Notification-error h1, -.v-Notification-error p, -.v-Notification-warning h1, -.v-Notification-warning p { - display: inline; - 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-orderedlayout-margin-top, -.v-horizontallayout-margin-top, -.v-verticallayout-margin-top { - padding-top: 12px; -} -.v-orderedlayout-margin-right, -.v-horizontallayout-margin-right, -.v-verticallayout-margin-right { - padding-right: 12px; -} -.v-orderedlayout-margin-bottom, -.v-horizontallayout-margin-bottom, -.v-verticallayout-margin-bottom { - padding-bottom: 12px; -} -.v-orderedlayout-margin-left, -.v-horizontallayout-margin-left, -.v-verticallayout-margin-left { - padding-left: 12px; -} -.v-orderedlayout-spacing-on, -.v-horizontallayout-spacing-on, -.v-verticallayout-spacing-on { - padding-top: 6px; - padding-left: 6px; -} -/* 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; -} - -.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 { -} - -.v-popupview { - cursor: pointer; - text-decoration: underline; - white-space: nowrap; -} -.v-popupview-popup { - overflow: auto; -} -.v-popupview-loading { - width: 30px; - height: 30px; - background: transparent url(../base/common/img/ajax-loader-medium.gif) no-repeat 50%; -} - -.v-progressindicator { - overflow: hidden; /* for IE6 */ - width: 150px; -} -.v-progressindicator-wrapper { - overflow: hidden; /* for IE6 */ - height: 7px; - border: 1px solid #ddd; -} -.v-progressindicator-indicator { - height: 7px; - overflow: hidden; /* for IE6 */ - background: #ddd; -} -div.v-progressindicator-indeterminate { - height: 20px; - width: 20px; - overflow: hidden; /* for IE6 */ - background: #fff url(../base/common/img/ajax-loader-medium.gif) no-repeat 50%; - border-radius: 4px; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; -} -/* 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; -} -div.v-progressindicator-indeterminate-disabled { - height: 20px; - width: 20px; - overflow: hidden; /* for IE6 */ - background: transparent; -} - -.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-caption-left { - float: left; - overflow: hidden; - text-overflow: ellipsis; -} -.v-select-twincol-selections { - font-weight: bold; -} -.v-select-twincol-caption-right { - float: right; - overflow: hidden; - text-overflow: ellipsis; -} -.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 { - float: left; -} -.v-select-twincol-buttons .v-button { - 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; - -webkit-border-radius: 0px; -} -.v-filterselect-prompt .v-filterselect-input { - color: #999; - font-style: italic; -} -.v-filterselect-button { - float: right; - cursor: pointer; - width: 1em; - height: 1em; - background: transparent url(../base/common/img/sprites.png) no-repeat -5px -8px; -} -.v-filterselect.v-readonly .v-filterselect-button { - display: none; -} -.v-filterselect.v-readonly, -.v-filterselect.v-readonly .v-filterselect-input { - background: transparent; -} -.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; -} -*/ - -.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: -2px; - margin-left: -2px; -} - -.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; -} - -.v-slider-feedback { - padding: 2px 5px; - background: #444; - color: #fff; - font-size: 11px; - line-height: 13px; - font-weight: bold; - font-family: Arial, Helvetica, sans-serif; - border-radius: 4px; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - margin: -2px 0 0 2px; - text-shadow: 0 1px 0 #000; -} - -/* 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; -} - -.v-splitpanel-horizontal, -.v-splitpanel-vertical { - overflow: hidden; -} -.v-splitpanel-hsplitter { - width: 6px; - font-size: 1px; /* for IE6 */ -} -.v-splitpanel-hsplitter div { - width: 6px; - font-size: 1px; /* for IE6 */ - position: absolute; - top: 0; - bottom: 0; - background: #ddd; - cursor: e-resize; - cursor: col-resize; -} -.v-disabled .v-splitpanel-hsplitter div { - cursor: default; -} -.v-splitpanel-vsplitter { - height: 6px; - font-size: 1px; /* for IE6 */ -} -.v-splitpanel-vsplitter div { - height: 6px; - font-size: 1px; /* for IE6 */ - background: #ddd; - cursor: s-resize; - cursor: row-resize; -} -.v-disabled .v-splitpanel-vsplitter div { - cursor: default; -} -/* IE specific styles */ -.v-ie6 .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; -} - -/* Table theme building instructions - * - * Vaadin 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-ie7 .v-table { - overflow: visible; -} -.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; - border-collapse: separate; - 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-footer-wrap { - overflow: hidden; - border: 1px solid #aaa; - border-top: none; - background: #efefef; -} -.v-table-footer table{ - border-spacing: 0; - border-collapse: collapse; - margin: 0; - padding: 0; - border: 0; -} -.v-table-footer td { - padding: 0; - border-right: 1px solid #aaa; -} -.v-table-footer-cell{ - cursor: pointer; -} -.v-table-footer-container{ - float:right; - padding-right:6px; - overflow:hidden; - white-space:nowrap; -} -.v-table-resizer { - display: block; - height: 1.2em; - float: right; - background: #aaa; - cursor: e-resize; /* Opera does not support col-resize, so use e-resize instead */ - cursor: col-resize; - width: 1px; - overflow: hidden; -} -.v-table-caption-container { - overflow: hidden; - white-space: nowrap; - margin-left: 6px; -} -.v-ie7 .v-table-caption-container-align-right { - margin-left: 0px; - padding-left: 6px; -} -.v-table-caption-container-align-right { - float: right; -} -.v-table-sort-indicator { - width: 0px; - height: 1.2em; - float: right; -} -.v-table-header-cell-asc .v-table-sort-indicator, -.v-table-header-cell-desc .v-table-sort-indicator { - width: 16px; - height: 1.2em; - float: right; -} -.v-table-header-cell-asc .v-table-sort-indicator { - background: transparent url(../base/common/img/sprites.png) no-repeat right 6px; -} -.v-table-header-cell-desc .v-table-sort-indicator { - background: transparent url(../base/common/img/sprites.png) no-repeat right -10px; -} -.v-table-caption-container-align-center { - text-align: center; -} -.v-table-caption-container-align-right { - text-align: right; -} -.v-table-caption-container .v-icon, -.v-table-header-drag .v-icon { - vertical-align: middle; -} -.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: pointer; -} - -.v-table-body-noselection .v-table-row, -.v-table-body-noselection .v-table-row-odd { - 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-cell-wrapper-align-center { - text-align: center; -} -.v-table-cell-wrapper-align-right { - text-align: right; -} -.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-header-drag .v-icon { - vertical-align: middle; -} -.v-table-scrollposition { - width: 160px; - background: #eee; - border: 1px solid #aaa; -} -.v-table-scrollposition span { - display: block; - text-align: center; -} -.v-table-body:focus, -.v-table-body-wrapper:focus { - outline: none; -} -.v-table-body.focused { - border-color: #388ddd; -} -.v-table-focus .v-table-cell-content { - border-top: 1px dotted #0066bd; - border-bottom: 1px dotted #0066bd; -} -/* row in column selector */ -.v-on { - -} -.v-off { - color: #ddd; -} -/************************************* - * Drag'n'drop styles - *************************************/ -.v-table-drag .v-table-body { - border-color: #1d9dff; -} -.v-table-row-drag-middle .v-table-cell-content { - background-color: #bcdcff; -} -.v-table-row-drag-top .v-table-cell-content { - border-top: 2px solid #1d9dff; -} -.v-table-row-drag-top .v-table-cell-wrapper { - margin-top: -2px; /* compensate the space consumed by border hint */ -} -.v-table-row-drag-bottom .v-table-cell-content { - border-bottom: 2px solid #1d9dff; -} -.v-table-row-drag-bottom .v-table-cell-wrapper { - margin-bottom: -2px; /* compensate the space consumed by border hint */ -} -.v-table-row-drag-top .v-table-cell-content:first-child:before, -.v-table-row-drag-bottom .v-table-cell-content:first-child:after { - display: block; - content: ""; - position: absolute; - width: 6px; - height: 6px; - margin-top: -4px; - margin-left: -6px; - background: transparent url(../base/common/img/drag-slot-dot.png); -} -.v-ff .v-table-row-drag-bottom .v-table-cell-content:first-child:after, -.v-ie .v-table-row-drag-bottom .v-table-cell-content:first-child:after { - margin-top: -2px; -} - -.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-ff2 .v-tabsheet-scroller { - position: relative; -} -.v-disabled .v-tabsheet-scroller { - display: none; -} -.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-caption-close { - display: inline; - display: inline-block; - zoom: 1; - width: 16px; - height: 16px; - text-align: center; - font-weight: bold; - cursor: pointer; - vertical-align: middle; - user-select: none; - -khtml-user-select: none; - -ms-user-select: none; - -moz-user-select: none; - -webkit-user-select: none; -} -.v-tabsheet .v-disabled .v-tabsheet-caption-close { - cursor: default; - visibility: hidden; -} -.v-tabsheet-tabitem:hover .v-tabsheet-caption-close, -.v-ie6 .v-tabsheet-caption-close { - visibility: visible; -} -.v-ie6 .v-tabsheet-caption-close { - float: right; -} -.v-tabsheet-tabitem { - border: 1px solid #aaa; - border-right: none; - cursor: pointer; - padding: 0.2em 0.5em; -} -.v-tabsheet-tabitem .v-caption { - cursor: pointer; -} -.v-tabsheet-tabitem-selected { - cursor: default; - border-bottom-color: #fff; -} -.v-tabsheet-tabitem-selected .v-caption { - cursor: default; -} -.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-ie6 .v-tabsheet-content, -.v-ie7 .v-tabsheet-content { - zoom: 1; -} -.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; -} - - -.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; -} -input.v-textfield-readonly, -textarea.v-textarea-readonly { - background: transparent; - border: none; - resize: none; -} -input.v-disabled, -textarea.v-disabled { - resize: none; -} -input.v-textfield-readonly:focus, -textarea.v-textarea-readonly:focus { - outline: none; -} -/* 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; -} - -.v-richtextarea { - border: 1px solid #aaa; - overflow: hidden; -} -.v-richtextarea .gwt-RichTextArea { - background: #fff; - border: none; -} - -.v-richtextarea .gwt-RichTextToolbar { - white-space: nowrap; - background: #959595 url(../base/textfield/img/richtext-toolbar-bg.png) repeat-x 0 -42px; - border-bottom: 1px solid #7d7d7d; - padding: 2px; - overflow: hidden; -} -.v-richtextarea .gwt-RichTextToolbar-top { - padding-bottom: 1px; - overflow: hidden; - white-space: normal; -} -.v-richtextarea .gwt-RichTextToolbar-bottom { - clear: left; - overflow: hidden; - white-space: nowrap; -} -.v-richtextarea .gwt-RichTextToolbar .gwt-ToggleButton, -.v-richtextarea .gwt-RichTextToolbar .gwt-PushButton { - float: left; - display: inline; - width: 22px; - height: 21px; - overflow: hidden; - background: transparent url(../base/textfield/img/richtext-toolbar-bg.png) repeat-x; - cursor: pointer; - margin-right: 2px; - text-align: center; -} -.v-richtextarea .gwt-RichTextToolbar .gwt-ToggleButton-down, -.v-richtextarea .gwt-RichTextToolbar .gwt-PushButton-down, -.v-richtextarea .gwt-RichTextToolbar .gwt-ToggleButton-down-hovering, -.v-richtextarea .gwt-RichTextToolbar .gwt-PushButton-down-hovering { - background-position: 0 -21px; -} -.v-richtextarea .gwt-RichTextToolbar .gwt-ToggleButton img, -.v-richtextarea .gwt-RichTextToolbar .gwt-PushButton img { - -} -.v-richtextarea .gwt-RichTextToolbar .gwt-ListBox { - width: 24.5%; - margin-right: 2px; -} - -.v-richtextarea-readonly { - border: none; -} - -.v-tree { - text-align: left; /* Force default alignment */ - overflow: hidden; - padding: 1px 0; - outline: none; -} -.v-tree-node { - background: transparent url(../base/common/img/sprites.png) no-repeat 5px -37px; - padding: 1px 0; -} -.v-tree-node-caption:focus { - outline: none; -} -.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; -} -.v-tree-node-caption div { - white-space: nowrap; -} -.v-tree-node-caption span, -.v-tree-node-caption .v-icon { - vertical-align: middle; -} -.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; -} -/*************************************** - * Drag'n'drop styles - ***************************************/ -.v-tree .v-tree-node-drag-top { - border-top: 2px solid #1d9dff; - margin-top: -1px; - padding-top: 0; -} -.v-tree .v-tree-node-drag-bottom { - border-bottom: 2px solid #1d9dff; - margin-bottom: -1px; - padding-bottom: 0; -} -.v-tree .v-tree-node-drag-top:before, -.v-tree .v-tree-node-drag-bottom:after, -.v-tree .v-tree-node-caption-drag-center:after { - display: block; - content: ""; - position: absolute; - width: 6px; - height: 6px; - margin-top: -4px; - background: transparent url(../base/common/img/drag-slot-dot.png); -} -.v-tree .v-tree-node-drag-bottom:after { - margin-top: -2px; -} -.v-tree .v-tree-node-caption-drag-center:after { - margin-left: 14px; -} -.v-ff .v-tree .v-tree-node-caption-drag-center:after, -.v-ie .v-tree .v-tree-node-caption-drag-center:after { - margin-top: -2px; -} -.v-tree .v-tree-node-drag-top { - background-position: 5px -38px; -} -.v-tree .v-tree-node-drag-top.v-tree-node-expanded { - background-position: -5px -11px; -} -.v-tree .v-tree-node-caption-drag-center div { - border: 2px solid #1d9dff; - -moz-border-radius: 4px; - -webkit-border-radius: 4px; - border-radius: 4px; - margin: -2px 2px -2px -2px; - background-color: #bcdcff; -} -.v-ie6 .v-tree .v-tree-node-caption-drag-center div { - margin: -2px ; -} -.v-tree .v-tree-node-caption-drag-center div { - background-color: rgba(169,209,255,.6); -} -.v-tree .v-tree-node-caption-drag-center div, -.v-tree .v-tree-node-drag-top, -.v-tree .v-tree-node-drag-bottom { - border-color: rgba(0,109,232,.6); -} - -.v-upload { - white-space: nowrap; -} - -.v-ie6 .v-upload, -.v-ie7 .v-upload { - margin:0; -} - -.v-upload-immediate { - position: relative; - margin: 0; - overflow: hidden; -} - -.v-ff .v-upload-immediate, -.v-op .v-upload-immediate { - display: inline-block; -} - -.v-upload-immediate input { - opacity: 0; - filter: alpha(opacity=0); - z-index: 2; - position: absolute; - right: 0; - height: 21px; - text-align: right; - border: none; - background: transparent; -} - -.v-upload-immediate button { - position: relative; - left: 0; - top: 0; - width: 100%; - text-align: left; -} - - -.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-contents > div { - outline: none; -} -.v-window-footer { - overflow: hidden; - zoom: 1; - height: 10px; - position: relative; -} -.v-window-resizebox { - width: 10px; - height: 10px; - cursor: se-resize; - background: #ddd; - overflow: hidden; - position: absolute; - right: 0; -} -.v-window div.v-window-footer-noresize { - height: 0; -} -.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. */ - -.v-accordion { - border: 1px solid #999; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; -} - -.v-accordion-item-caption { - color: #222; - text-shadow: 1px 1px #FFFFFF; - font-size: 12px; - font-weight: bold; - background: #c0c2c5 url(/html/themes/classic/images/application/panel_header_bg.png) repeat-x scroll 0 0; - border-top: 1px solid #999; - border-bottom: none; - padding: 4px 5px 5px 5px; -} - -.v-accordion-item-first .v-accordion-item-caption { - border-top: none; - -webkit-border-radius: 4px 4px 0 0; - -moz-border-radius: 4px 4px 0 0; - border-radius: 4px 4px 0 0; -} - -.v-accordion-item-open .v-accordion-item-caption { - border-bottom: 1px solid #999; -} - -.v-button:focus { - outline: none; -} - -.v-button:hover .v-button-wrap { - background: #b9ced9 url(/html/themes/classic/images/application/state_hover_bg.png) repeat-x 0 0; - border-color: #627782; - color: #369; -} - -.v-button:active .v-button-wrap, -.v-button.v-pressed .v-button-wrap, -.v-button:focus .v-button-wrap { - background: #ebebeb url(/html/themes/classic/images/application/state_active_bg.png) repeat-x 0 0; - border-color: #555; -} - -.v-button { - padding: 0; - border: none; - height: 26px; - overflow: hidden; -} - - -.v-button .v-button-wrap, -.v-disabled.v-button .v-button-wrap { - display: block; - font-size: 11px; - font-weight: bold; - border: 1px solid #c8c9ca; - border-right-color: #9e9e9e; - border-bottom-color: #9e9e9e; - background: #d4d4d4 url(/html/themes/classic/images/portlet/header_bg.png) repeat-x 0 0; - -webkit-background-origin: padding; - -moz-background-origin: padding; - padding: 4px 4px 0px 4px; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; - line-height: 16px; - min-height: 16px; - text-shadow: 1px 1px #fff; - color: #34404f; - text-overflow: ellipsis; - height: 20px; -} - -.v-button-caption { - line-height: 16px; -} - -.v-ie6 .v-button .v-button-wrap { - display: inline; - zoom: 1; -} - -/* Link style button */ -.v-button-link, -.v-disabled.v-button-link, -.v-button-link:focus, -.v-button-link:active, -.v-button-link:hover, -.v-button-link-pressed, -button.v-nativebutton-link, -.v-disabled.v-nativebutton-link, -button.v-nativebutton-link:focus, -button.v-nativebutton-link:active, -button.v-nativebutton-link:hover, -button.v-nativebutton-link-pressed, -.v-button.v-button-link .v-button-wrap, -.v-button.v-button-link:focus .v-button-wrap, -.v-button.v-button-link:active .v-button-wrap, -.v-disabled.v-button.v-button-link .v-button-wrap { - color: #5B677D; - font-weight: normal; - border: none; - border-style: none; - background: transparent; - padding: 0; - font-size: inherit; - -webkit-box-shadow: none; - -mox-box-shadow: none; - -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; - text-shadow: none; - height: auto; -} - -.v-button-link:hover { - color: #0066cc; - text-decoration: none; -} - -.v-button-link:focus, -.v-sa .v-button-link:focus { - outline: 1px dotted #1b699f; - outline-offset: -1px; -} - -.v-sa .v-button-link:focus { - outline-offset: -1px; -} - -/* CheckBox */ -.v-checkbox input { - margin-right: 3px; -} - -div.v-app { - background-color: transparent; -} - -.v-caption { - font-weight: bold; -} - -.v-tooltip { - background-color: #fffcdd; - border: 1px solid #b8b295; - font-size: 11px; - 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; -} - -.v-ie8 .v-menubar-popup, -.v-ie8 .v-datefield-popup, -.v-ie8 .v-filterselect-suggestpopup, -.v-ie8 .v-shadow, -.v-ie8 .v-shadow-window, -.v-ie8 .v-window, -.v-ie8 .v-popupview-popup, -.v-ie8 .v-tooltip, -.v-ie8 .v-slider-feedback, -.v-ie8 .v-Notification, -.v-ie8 .v-contextmenu { - margin-top: -16px; -} - -.v-ie9 .v-menubar-popup, -.v-ie9 .v-datefield-popup, -.v-ie9 .v-filterselect-suggestpopup, -.v-ie9 .v-shadow, -.v-ie9 .v-shadow-window, -.v-ie9 .v-window, -.v-ie9 .v-popupview-popup, -.v-ie9 .v-tooltip, -.v-ie9 .v-slider-feedback, -.v-ie9 .v-Notification, -.v-ie9 .v-contextmenu { - margin-top: -16px; -} - -.v-ie6 .v-view { - border-top: none; -} - -.v-contextmenu { - background: #ccc9c9 url(/html/themes/classic/images/application/menu_bg.png) repeat-x 0 0; - border: 1px solid; - border-color: #aeafb1 #777879 #777879 #aeafb1; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; -} - -.v-contextmenu table { - border-collapse: separate; -} - -.v-contextmenu .gwt-MenuItem { - padding: 3px 8px 2px 8px; - height: 16px; - color: #2c2f34; - text-shadow: -1px -1px #fff; - font-weight: bold; - border-bottom: 1px solid #bcbbbb; - border-top: 1px solid #eee; -} - -.v-contextmenu tr:last-child .gwt-MenuItem { - border-bottom-width: 0; -} - -.v-contextmenu .gwt-MenuItem img { - margin-right: 4px; -} - -.v-contextmenu .gwt-MenuItem-selected { - background-color: #5b677d; - color: #FFF; - text-shadow: -1px -1px #2c2f34; -} - -.v-contextmenu .gwt-MenuItem-selected div { - background: transparent; -} - -.v-datefield-popup { - padding: 3px; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; -} - -.v-datefield-calendarpanel-header { - height: 28px; -} - -.v-datefield-calendarpanel:focus { - outline: none; -} - -.v-datefield-calendarpanel-body { - text-align: right; - vertical-align: top; -} - -.v-datefield-popupcalendar .v-datefield-button { - background: transparent url(common/buttons_sprites.png) no-repeat 0 -48px; - width: 24px; - height: 24px; - border: none; -} - -.v-datefield-popupcalendar .v-datefield-button:hover { - background-position: 0px -72px; -} - -.v-datefield-popupcalendar .v-datefield-button:focus { - background-position: 0px -96px; -} - -.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-month { - width: 35px; -} - -.v-datefield-calendarpanel-month { - background: transparent url(datefield/datefield_sprites.png) repeat-x 0 -112px; - font-weight: bold; -} - -span.v-datefield-calendarpanel-month { - display: block; - text-align: center; - background: transparent; - overflow: hidden; - padding: 1px 3px 0; -} - -.v-datefield-calendarpanel-prevyear, -.v-datefield-calendarpanel-nextyear { - width: 22px; -} - -.v-datefield-calendarpanel-prevyear button, -.v-datefield-calendarpanel-prevmonth button, -.v-datefield-calendarpanel-nextmonth button, -.v-datefield-calendarpanel-nextyear button { - width: 22px; - height: 28px; - border: none; - background: transparent; - background-repeat: no-repeat; - background-image: url(datefield/datefield_sprites.png); - background-position: 0 0; - overflow: hidden; - padding: 0; - text-indent: -9999px; - outline: none; - -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; -} - -.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-prevmonth button { - background-position: 0 -56px; -} - -.v-datefield-calendarpanel-prevmonth { - background: transparent url(datefield/datefield_sprites.png) repeat-x 0 -112px; -} - -.v-datefield-calendarpanel-nextyear button { - background-position: 0 -28px; - width: 100%; - min-width: 22px; -} - -.v-datefield-calendarpanel-nextmonth button { - background-position: 0 -84px; -} - -.v-datefield-calendarpanel-nextmonth { - background: transparent url(datefield/datefield_sprites.png) repeat-x 0 -112px; -} - -.v-datefield-calendarpanel-prevyear button { - width: 100%; - min-width: 22px; -} - -.v-ie6 .v-datefield-calendarpanel-prevyear button, -.v-ie6 .v-datefield-calendarpanel-nextyear button, -.v-ie7 .v-datefield-calendarpanel-prevyear button, -.v-ie7 .v-datefield-calendarpanel-nextyear button { - width: 22px; -} - -.v-datefield-calendarpanel-day { - display: block; - width: 22px; - margin: 0 0 3px 3px; - text-align: center; - background: #d4d4d4 url(/html/themes/classic/images/application/state_default_bg.png) repeat-x 0 0; - border-color: #c8c9ca #9e9e9e #9e9e9e #c8c9ca; - border-style: solid; - border-width: 1px; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; -} - -.v-datefield-calendarpanel-day-today { - font-weight: bold; -} - -.v-datefield-calendarpanel-day-selected { - background: #b5b5b5 url(/html/themes/classic/images/application/state_active_bg.png) repeat-x 0 0; - color: #000; - border-color: #555; -} - -.v-datefield-calendarpanel-day-focused { - outline: 1px dotted #555; -} - - -.v-datefield-calendarpanel-weekdays { - text-align: center; -} - -.v-datefield-calendarpanel-weekdays strong { - font-weight: normal; -} - -.v-datefield-calendarpanel-weeknumber { - display: block; - border: none; - padding: 2px 0 2px 0; - margin: 0; -} - -.v-datefield-calendarpanel-body table { - margin: 0 auto; - width: 200px; -} - -.v-formlayout .v-caption { - font-weight: normal; -} - -.v-menubar { - background: #97A1AE url(/html/themes/classic/images/dockbar/dockbar_bg.png) repeat-x 0 0; - border-bottom: 1px solid #636364; -} - -.v-menubar-separator span { - display: none; -} - -.v-menubar-menuitem { - padding: 3px 8px; - line-height: 16px; - font-weight: bold; - color: #2c2f34; - text-shadow: -1px -1px #FFF; -} - -.v-menubar-menuitem-selected { - color: #FFF; - text-shadow: -1px -1px #2c2f34; -} - -.v-menubar-submenu { - background: #CCC9C9 url(/html/themes/classic/images/application/menu_bg.png) repeat-x 0 0; - border: 1px solid; - border-color: #aeafb1 #777879 #777879 #aeafb1; - -webkit-border-radius: 0 0 4px 4px; - -moz-border-radius: 0 0 4px 4px; - border-radius: 0 0 4px 4px; - padding: 2px 0; -} - -.v-menubar-submenu .v-menubar-menuitem { - color: #2c2f34; - font-weight: bold; - text-shadow: 1px 1px #fff; - padding: 1px 26px 1px 10px; - line-height: 16px; - border-bottom: 1px solid #bcbbbb; - border-top: 1px solid #eee; -} - -.v-menubar-submenu .v-menubar-menuitem:last-child { - border-bottom-width: 0; -} - -.v-menubar-submenu .v-menubar-menuitem-caption * { - vertical-align: middle; -} - -.v-menubar .v-menubar-menuitem-selected, -.v-menubar-submenu .v-menubar-menuitem-selected { - color: #fff; - text-shadow: 1px 1px #000; - background-color: #5b677d; -} - -.v-menubar-menuitem-disabled, -.v-menubar-submenu .v-menubar-menuitem-disabled, -.v-menubar span.v-menubar-menuitem-disabled:hover, -.v-menubar span.v-menubar-menuitem-disabled:focus, -.v-menubar span.v-menubar-menuitem-disabled:active { - color: #999; -} - -.v-Notification { - background: #dff4ff; - color: #34404F; - font-weight: bold; - cursor: pointer; - overflow: hidden; - padding: 1em; - max-width: 85%; - border: 1px solid #a7cedf; -} - -.v-Notification h1, -.v-Notification p, -.v-Notification-error h1, -.v-Notification-error p, -.v-Notification-warning h1, -.v-Notification-warning p { - display: inline; - margin: 0 0.5em 0 0; -} -.v-Notification-warning { - background: #ffc; - border-color: #fc0; -} -.v-Notification-error { - background-color: #ffdddd; - border-color: #ff0000; -} - -.v-Notification-tray { - color: #111111; - background-color: #e5e5e5; - border-color: #b5b5b5; -} -.v-Notification-tray h1 { - display: block; -} -.v-Notification-tray p { - display: block; -} -.v-Notification-system { - background-color: #ffdddd; - border-color: #ff0000; -} -.v-Notification-system h1 { - display: block; - margin: 0; -} - -.v-panel { - background: transparent url(panel/top-left.png) no-repeat; -} - -.v-panel-caption, -.v-panel-nocaption { - text-shadow: 1px 1px #fff; - font-size: 12px; - color: #222; - margin-left: 4px; - background: transparent url(panel/top-right.png) no-repeat right top; - padding: 5px 5px 10px 2px; - height: 12px; -} - -.v-panel-caption .v-icon { - padding-right: 2px; -} - -.v-panel-content { - border: 1px solid #999; - -webkit-border-radius: 0 0 4px 4px; - -moz-border-radius: 0 0 4px 4px; - border-radius: 0 0 4px 4px; -} - -/* Light style Panel */ - -.v-panel-light { - background: transparent; -} - -.v-panel-caption-light, -.v-panel-nocaption-light { - margin: 0; - border: none; - background: none; -} - -.v-panel-caption-light { - border-bottom: 1px solid #999; -} - -.v-panel-nocaption-light { - padding: 0; - height: 0; -} - -.v-panel-content-light { - border: none; -} -.v-panel-content-light > div { - background: transparent; -} - -.v-panel-deco { - height: 0; - overflow: hidden; -} - -/* IE specific rules */ -.v-ie .v-panel { - background: transparent; -} -.v-ie .v-panel-caption, -.v-ie .v-panel-nocaption { - border: 1px solid #999; - border-bottom: none; - background: #c0c2c5 url(/html/themes/classic/images/application/panel_header_bg.png) repeat-x 0 0; - margin: 0; - padding-left: 5px; -} - -.v-ie .v-panel-caption-light, -.v-ie .v-panel-nocaption-light { - border: none; - background: transparent; -} - -.v-ie .v-panel-caption-light { - border-bottom: 1px solid #999; -} - -.v-popupview-popup { - background: #d4d4d4 url(/html/themes/classic/images/application/state_default_bg.png) repeat-x 0 0; - padding: 8px; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; - border: 1px solid #c8c9ca; - border-color :#c8c9ca #9e9e9e #9e9e9e #c8c9ca; -} - -.v-progressindicator-wrapper { - background: #dfe2e4 url(../reindeer/progressindicator/img/base.gif) repeat-x; - border: 1px solid #bfbfbf; -} - -.v-disabled .v-progressindicator-wrapper { - background-image: url(../reindeer/progressindicator/img/disabled.gif); -} - -.v-progressindicator-indicator { - background: #f7f9f9 url(../reindeer/progressindicator/img/progress.png); -} - -.v-app select, -.v-window select { - padding: 1px; -} - -select { - background-color: #fff; -} - -.v-ie6 select { - font-size: 1em; -} - -.v-filterselect-button { - width: 24px; - height: 24px; - background: transparent url(common/buttons_sprites.png) no-repeat 0 0; -} - -.v-filterselect-button:hover { - background-position: 0px -24px; -} - -.v-filterselect-suggestpopup { - border: 1px solid #98C0F4; -} - -.v-filterselect-suggestmenu { - min-height: 2px; -} - -.v-filterselect-prevpage, -.v-filterselect-prevpage-off, -.v-filterselect-nextpage, -.v-filterselect-nextpage-off { - background-color: #fff; -} - -.v-filterselect-prevpage span, -.v-filterselect-prevpage-off span, -.v-filterselect-nextpage span, -.v-filterselect-nextpage-off span { - display: block; - height: 8px; - width: 16px; - margin-left: auto; - margin-right: auto; - text-indent: -99999px; -} - -.v-filterselect-prevpage span, .v-filterselect-nextpage span { - background: transparent no-repeat 0 -4px; - background-image: url(/html/themes/classic/images/aui/icon_sprite.png); -} - -.v-filterselect-nextpage span { - background-position: -65px -4px; -} -.v-filterselect-suggestmenu .gwt-MenuItem span { - display: block; - width: 100%; - height: 18px; - border: 1px solid #fff; - border-style: solid none; - -} - -.v-filterselect-suggestmenu .gwt-MenuItem-selected span { - color: #000; - background: #dfe8f6; - border-color: #a3bae9; -} - -.v-filterselect-suggestmenu .gwt-MenuItem .v-icon { - float: left; -} - -.v-select-twincol-buttons .v-button-wrap { - padding-left: 11px; - padding-right: 11px; -} - -.v-slider { - border: 1px solid #9e9e9e; - border-right: 1px solid #c8c9ca; - border-bottom: 1px solid #c8c9ca; - margin: 4px 0; -} - -.v-slider-base { - height: 1px; -} - -.v-slider-vertical { - margin: 0 5px; - width: 2px; -} - -.v-slider-vertical .v-slider-base { - width: 1px; -} - -.v-slider-handle { - background: transparent url(/html/themes/classic/images/aui/icon_sprite.png) no-repeat -115px -147px; - width: 10px; - height: 10px; -} - -.v-slider-feedback { - background: #33; -} - -.v-splitpanel-hsplitter, -.v-splitpanel-hsplitter-locked { - font-size: 1px; - width: 3px; - background-color: #c8c9ca; -} - -.v-splitpanel-hsplitter div { - font-size: 1px; - width: 3px; - background: transparent; - background-repeat: no-repeat; - background-image: url(splitpanel/hsplit.png); - background-position: center; -} - -.v-splitpanel-hsplitter-locked div { - font-size: 1px; - width: 3px; -} - -.v-splitpanel-vsplitter, -.v-splitpanel-vsplitter-locked { - font-size: 1px; - height: 3px; -} - -.v-splitpanel-vsplitter div { - font-size: 1px; - height: 3px; - background: transparent; - background-color: #c8c9ca; - background-repeat: no-repeat; - background-image: url(splitpanel/vsplit.png); - background-position: center; -} - -.v-splitpanel-vsplitter-locked, -.v-splitpanel-vsplitter-locked div { - font-size: 1px; - height: 3px; - background-color: #c8c9ca; -} - -/* Small SplitPanel */ - -.v-splitpanel-hsplitter-small, -.v-splitpanel-hsplitter-small div, -.v-splitpanel-hsplitter-small-locked, -.v-splitpanel-hsplitter-small-locked div { - font-size: 1px; - width: 1px; - background: #c8c9ca; -} - -.v-splitpanel-vsplitter-small, -.v-splitpanel-vsplitter-small div, -.v-splitpanel-vsplitter-small-locked, -.v-splitpanel-vsplitter-small-locked div { - font-size: 1px; - height: 1px; - background: #c8c9ca; -} - -.v-table-body { - border: 1px solid #999; -} - -.v-table-body:focus, -.v-table-body-wrapper:focus { - outline: none; -} - -.v-table-body.focused { - border-color: #555; -} - -.v-table-focus .v-table-cell-content { - border-top: 1px dotted #555; - border-bottom: 1px dotted #555; -} - -.v-table-header-wrap, -.v-table-footer-wrap { - border-color: #999; - background: #c0c2c5 url(/html/themes/classic/images/application/panel_header_bg.png) repeat-x 0 0; - height: 26px; -} - -.v-table-footer-wrap { - border: 1px solid #999; - border-top: none; -} - -.v-table-footer td { - height: 100%; - border-right: 1px solid #999; - padding-bottom: 5px; - padding-top: 5px; -} - -.v-table-footer-container { - height: 16px; - float: right; - padding-right: 7px; - overflow: hidden; - white-space: nowrap; -} - -.v-table-caption-container { - color: #336699; - font-weight: bold; - font-size: 11px; - padding-left: 0px; - padding-top: 6px; -} - -.v-table-caption-container-align-right { - margin-left: 0; - margin-right: 6px; - padding-left: 0; -} - -.v-table-caption-container .v-icon { - height: 16px; - margin: -4px 3px 0 0; -} - -.v-ie .v-table-caption-container .v-icon { - margin-top: -2px; -} - -.v-table-header-cell-asc .v-table-sort-indicator { - background: transparent url(/html/themes/control_panel/images/arrows/05_up.png) no-repeat right 8px; - height: 26px; -} - -.v-table-header-cell-desc .v-table-sort-indicator { - background: transparent url(/html/themes/control_panel/images/arrows/05_down.png) no-repeat right 10px; - height: 26px; -} - -.v-table-resizer { - height: 26px; - background: #999; -} - -.v-table-column-selector { - background: transparent url(table/columnselect.png); - width: 16px; - height: 26px; - margin: -26px 0 0; -} - -.v-table-row-odd { - background: #dde1e6; -} - -.v-table .v-selected { - background-color: #5B677D; - color: #FFF; - text-shadow: -1px -1px #2C2F34; -} - -.v-table-cell-wrapper { - padding-top: 3px; - padding-bottom: 3px; -} - -.v-table-focus .v-table-cell-wrapper { - padding-top: 2px; - padding-bottom: 2px; -} - -.v-table-cell-content { - border-right: 1px solid #999; - padding: 0 6px; -} - -.v-table-cell-content:last-child { - border-right-color: transparent; -} - -.v-off { - color: #999; -} - -.v-tabsheet-content { - border: none; -} - -.v-tabsheet-deco { - background: transparent; -} - -.v-tabsheet-tabitem { - border: none; -} - -.v-tabsheet-tabitem .v-caption { - height: 14px; - padding: 3px 10px; -} - -.v-tabsheet-tabitem .v-captiontext { - color: #336699; - font-size: 11px; - font-weight: bold; - text-decoration: underline; -} - -.v-tabsheet-tabitem-selected .v-caption { - background: none repeat scroll 0 0 #333; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; -} - -.v-tabsheet-tabitem-selected .v-captiontext { - color: #fff; - text-decoration: none; - text-shadow: -1px -1px #000; -} - -.v-tabsheet-tabitem-selected { - position: relative; -} - -.v-tabsheet-tabitem-selected:after { - border: 10px solid; - border-bottom-width: 0; - border-color: #333 transparent transparent; - bottom: -6px; - content: '-'; - display: block; - height: 0; - left: 50%; - margin-left: -10px; - position: absolute; - text-indent: -9999px; - width: 0; -} - -.v-tabsheet-tabs { - height: 35px; -} - -.v-tabsheet-tabcontainer, -.v-tabsheet-tabs { - overflow: visible !important; -} - -.v-tabsheet-tabitemcell-first .v-tabsheet-tabitem { - border-left: 1px solid #c8c9ca; - -webkit-border-radius: 4px 0 0 4px; - -moz-border-radius: 4px 0 0 4px; - border-radius: 4px 0 0 4px; -} - -.v-tabsheet-tabitemcell, .v-tabsheet-spacertd { - vertical-align: top; -} - -.v-tabsheet-spacertd div { - height: 28px; - border: 1px solid #c8c9ca; - border-left: none; - -webkit-border-radius: 0 4px 4px 0; - -moz-border-radius: 0 4px 4px 0; - border-radius: 0 4px 4px 0; - padding: 0; -} - -.v-tabsheet-tabitem { - height: 20px; - border-top: 1px solid #c8c9ca; - border-bottom: 1px solid #c8c9ca; - padding: 4px; -} - -.v-tabsheet-scroller { - float: right; - width: 33px; - height: 28px; - margin-top: -35px; - background-color: #eef0f2; - border: 1px solid #c8c9ca; - border-left: none; - -webkit-border-radius: 0 4px 4px 0; - -moz-border-radius: 0 4px 4px 0; - border-radius: 0 4px 4px 0; - position: relative; -} - -.v-tabsheet-scroller button { - padding: 0; - margin-top: 6px; - width: 16px; - height: 16px; - border: none; - background: transparent; -} - -.v-tabsheet-scroller .v-tabsheet-scrollerPrev, -.v-tabsheet-scroller .v-tabsheet-scrollerPrev-disabled { - background: transparent url(/html/themes/classic/images/aui/icon_sprite.png) no-repeat -80px -192px; -} - -.v-tabsheet-scroller .v-tabsheet-scrollerNext, -.v-tabsheet-scroller .v-tabsheet-scrollerNext-disabled { - background: transparent url(/html/themes/classic/images/aui/icon_sprite.png) no-repeat -48px -192px; -} - -.v-tabsheet-scrollerPrev-disabled, -.v-tabsheet-scrollerNext-disabled { - opacity: 0.5; - filter: alpha(opacity=50); -} - -.v-tabsheet-caption-close { - background: transparent url(tabsheet/close.png) no-repeat right top; - -background-image: url(tabsheet/close-ie6.png); - cursor: default; - float: right; - margin: 3px -1px 0; - overflow: hidden; - text-indent: -999px; - width: 13px; - height: 9px; -} - -.v-app input[type="text"], -.v-app input[type="password"], -.v-app input[type="reset"], -.v-app textarea , -.v-window input[type="text"], -.v-window input[type="password"], -.v-window input[type="reset"], -.v-window textarea { - padding: 5px 1px; -} - -input.v-textfield-prompt, -textarea.v-textarea-prompt { - font-style: normal; -} - -.v-tree-node { - background: transparent url(tree/arrows_sprites.png) no-repeat -42px 1px; - -background: transparent url(tree/arrows_sprites-ie6.png) no-repeat -42px 1px; -} - -.v-tree-node span { - color: #336699; - padding: 1px 2px; - display: inline-block; -} - -.v-tree-node:hover { - background-position: -14px -30px; -} - -.v-tree-node-expanded { - background-position: -28px -14px; -} - -.v-tree-node-expanded:hover { - background-position: 0 -47px; -} - -.v-tree .v-tree-node-drag-top { - background-position: -42px 0px; -} - -.v-tree .v-tree-node-drag-top.v-tree-node-expanded { - background-position: -28px -15px; -} - -.v-tree-node-selected { - background: #333; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; -} - -.v-tree-node-selected span { - display: inline-block; - background: transparent; - color: #fff; - text-shadow: -1px -1px #000; - padding: 1px 2px; -} - -.v-tree-node-caption { - margin-left: 14px; - padding: 1px; -} - -.v-tree-node-focused { - border: 1px dotted #555; - padding: 0; -} - -.v-tree-node-children { - padding-left: 14px; -} - -.v-window { - background: transparent; -} - -.v-window-wrap { - border: 1px solid #c8c9ca; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; - background: #fff url(window/top-left.png) no-repeat; -} - -.v-ie6 .v-window-wrap, -.v-ie7 .v-window-wrap { - background-position: 1px 1px; -} - -.v-ie6 .v-window-wrap { - border-bottom: none; -} - -.v-ie6 .v-window-footer { - border-bottom: 1px solid #c8c9ca; - margin-top: -1px; - padding-top: 1px; -} - -.v-window-outerheader { - height: 16px; - margin-left: 9px; - padding: 10px 40px 12px 2px; - background: transparent url(window/top-right.png) no-repeat right top; - - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; -} - -.v-window-header { - color: #000; - font-size: 12px; - text-shadow: 1px 1px #fff; -} - -.v-window-contents { - padding: 0 5px 0 5px; -} - -.v-window-footer { - height: 5px; - overflow: visible; -} - -.v-window div.v-window-footer-noresize { - height: 5px; -} - -.v-window-closebox { - background: url(window/closebutton_sprites.png) no-repeat scroll 0 0 transparent; - position: absolute; - width: 24px; - height: 24px; - right: 9px; - top: 8px; -} - -.v-window-closebox:hover { - background-position: 0 -24px; -} - -.v-window-closebox:active { - background-position: 0 -48px; -} - -.v-window-resizebox { - background: transparent url(/html/themes/classic/images/aui/icon_sprite.png) no-repeat scroll -69px -229px; - width: 10px; - height: 10px; - bottom: 0; -} diff --git a/WebContent/VAADIN/themes/reindeer/styles.css b/WebContent/VAADIN/themes/reindeer/styles.css deleted file mode 100644 index da73b51881..0000000000 --- a/WebContent/VAADIN/themes/reindeer/styles.css +++ /dev/null @@ -1,5650 +0,0 @@ -.v-theme-version:after {content:"6_6_0_dev-20110411";} -.v-theme-version-6_6_0_dev-20110411 {display: none;} -/* Automatically compiled css file from subdirectories. */ - -.v-absolutelayout-wrapper { - position: absolute; - overflow: hidden; -} - -.v-accordion { - position: relative; - outline: none; - overflow: hidden; - text-align: left /* Force default alignment */ -} -.v-accordion-item { - position: relative; - zoom: 1; -} -.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%; -} - -/* - * Default button (more customizable) - * -------------------------------------- */ -.v-button { - display: inline-block; - zoom: 1; - text-align: center; - text-decoration: none; - border: 2px outset #ddd; - background: #eee; - cursor: pointer; - white-space: nowrap; - margin: 0; - padding: .2em 1em; - color: inherit; - font: inherit; - line-height: normal; - -khtml-user-select: none; - -moz-user-select: none; - -ie-user-select: none; - user-select: none; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - -ms-box-sizing: border-box; - box-sizing: border-box; -} - -.v-button.v-disabled { - cursor: default; -} - -.v-ie6 .v-button { - display: inline; -} - -.v-ie7 .v-button { - display: inline; -} - -.v-button-wrap, -.v-button-caption { - vertical-align: middle; - white-space: nowrap; - font: inherit; - color: inherit; - line-height: normal; - } - -.v-button .v-icon, -.v-nativebutton .v-icon { - vertical-align: middle; - margin-right: 3px; - border: none; - } - -.v-button .v-errorindicator, -.v-nativebutton .v-errorindicator { - display: inline-block; - zoom: 1; - vertical-align: middle; - float: none; -} - -/* Link style (we really should deprecate this) */ -.v-button-link, -.v-nativebutton-link { - border: none; - text-align: left; - background: transparent; - padding: 0; - color: inherit; - -khtml-user-select: text; - -moz-user-select: text; - -ie-user-select: text; - user-select: text; -} - -/* Inset Safari focus outline a bit */ -.v-sa .v-button-link:focus{ - outline-offset: -3px; - } - -.v-button-link .v-button-caption, -.v-nativebutton-link .v-nativebutton-caption { - text-decoration: underline; - color: inherit; - text-align: left; - } - - -/* - * NativeButton styles (html button element) - * -------------------------------------- */ -.v-nativebutton { - text-align: center; - cursor: pointer; - white-space: nowrap; - margin: 0; - color: inherit; - font: inherit; - line-height: normal; - } -.v-nativebutton .v-nativebutton-caption { - vertical-align: middle; - white-space: nowrap; - font: inherit; - color: inherit; - } - -.v-nativebutton .v-icon { - vertical-align: middle; - margin-right: 3px; - } - -.v-nativebutton .v-errorindicator { - display: inline-block; - zoom: 1; - float: none; -} -/* Fixes streched buttons in IE6 and IE7*/ -.v-ie6 .v-nativebutton { - width: 1px; -} -.v-ie .v-nativebutton { - overflow: visible; - padding-left: 1em; - padding-right: 1em; -} - -.v-ie .v-nativebutton-link { - padding: 0; -} - -/* - * Checkbox styles - * -------------------------------------- */ - - .v-checkbox { - display: block; - } - -.v-checkbox, -.v-checkbox label, -.v-checkbox input, -.v-checkbox .v-icon { - vertical-align: middle; - white-space: nowrap; -} - -/* Fix for IE6/IE7 issue where checkbox moves 1 pixel down after selection (#4636) */ -.v-ie6 .v-checkbox, -.v-ie7 .v-checkbox { - vertical-align: baseline; -} - -.v-checkbox .v-icon { - margin: 0 2px; -} -.v-checkbox .v-errorindicator { - float: none; - display: inline; - display: inline-block; - zoom: 1; -} - - -/* Disabled by default -.v-checkbox-error { - background: #ffe0e0; -} -*/ -/* Disabled by default -.v-checkbox-required { - background: #ffe0e0; -} -*/ - -.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; -} - -.v-caption-clearelem { - clear: both; - width: 0; - height: 0; - overflow: hidden; -} - -/* 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; -} - -/* 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%; -} -/* Force arrow cursor for all elements inside the app */ -.v-app, -.v-window, -.v-popupview-popup, -.v-label, -.v-caption { - cursor: default; -} -div.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 */ - background-image: url(../base/common/img/loading-indicator.gif); - background-repeat: no-repeat; - background-position: 50%; - width: 100%; - height: 100%; -} -.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; -} -/* Revert line-height for heading elements inside labels */ -.v-label h1, -.v-label h2, -.v-label h3, -.v-label h4, -.v-label h5, -.v-label h6 { - line-height: normal; -} -/* 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 { - position: absolute; - top: 0; - right: 0; - z-index: 30000; - width: 31px; - height: 31px; - background: transparent url(../base/common/img/loading-indicator.gif); - margin-right: 5px; - margin-top: 5px; -} -.v-loading-indicator-delay { - background-image: url(../base/common/img/loading-indicator-delay.gif); -} -.v-loading-indicator-wait { - background-image: url(../base/common/img/loading-indicator-wait.gif); -} -/* 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; - white-space: pre; -} -.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 , -.v-window input[type="text"], -.v-window input[type="password"], -.v-window input[type="reset"], -.v-window select, -.v-window textarea { - padding: 2px; -} - -.v-drag-element { - z-index: 60000; - position: absolute; - opacity: 0.5; - filter: alpha(opacity=50); - cursor: default; -} - -.v-csslayout { - overflow: hidden; -} -.v-csslayout-margin-top { - padding-top: 12px; -} -.v-csslayout-margin-bottom { - padding-bottom: 12px; -} -.v-csslayout-margin-left { - padding-left: 12px; -} -.v-csslayout-margin-right { - padding-right: 12px; -} - -.v-customcomponent { - overflow: hidden; -} - -.v-customlayout { - overflow: hidden; -} - -.v-datefield { - white-space: nowrap; - float: left; /* Force minimum width */ -} -.v-datefield-textfield { - vertical-align: top; -} -.v-datefield-button { - cursor: pointer; -} -.v-datefield-prompt .v-datefield-textfield { - color: #999; - font-style: italic; -} -.v-datefield .v-datefield-button-readonly { - display: none; -} -.v-datefield-calendarpanel table { - width: 100%; -} -.v-datefield-calendarpanel td { - padding: 0; - margin: 0; -} -.v-datefield-calendarpanel:focus{ - outline:none; -} -.v-datefield-calendarpanel-header td { - text-align: center; -} -.v-datefield-calendarpanel-month { - text-align: center; - white-space: nowrap; -} -.v-datefield-calendarpanel-weeknumber { - color: #999; - border-right: 1px solid #ddd; - font-size: 0.9em; -} -.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-calendarpanel-day-focused { - outline: 1px dotted black; -} -.v-datefield-time { - white-space: nowrap; -} -.v-datefield-time .v-label { - display: inline; -} -.v-datefield-popup { - background: #fff; -} -/* 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); -} - -.v-ddwrapper { - padding: 2px; - -moz-border-radius: 4px; - -webkit-border-radius: 4px; - border-radius: 4px; -} -.v-ddwrapper-over { - border: 2px solid #1d9dff; - background-color: #bcdcff; - padding: 0; -} -.v-ddwrapper-over { - background-color: rgba(169,209,255,.6); -} -.no-box-drag-hints .v-ddwrapper-over { - border: none; - background-color: transparent; - padding: 2px; -} -.v-app .v-ddwrapper-over-top, -.v-window .v-ddwrapper-over-top, -.v-popupview-popup .v-ddwrapper-over-top { - border: none; - border-top: 2px solid #1d9dff; - background-color: transparent; - padding: 2px; - padding-top: 0; - -moz-border-radius: 0; - -webkit-border-radius: 0; - border-radius: 0; -} -.v-app .v-ddwrapper-over-bottom, -.v-window .v-ddwrapper-over-bottom, -.v-popupview-popup .v-ddwrapper-over-bottom { - border: none; - border-bottom: 2px solid #1d9dff; - background-color: transparent; - padding: 2px; - padding-bottom: 0; - -moz-border-radius: 0; - -webkit-border-radius: 0; - border-radius: 0; -} -.v-app .v-ddwrapper-over-left, -.v-window .v-ddwrapper-over-left, -.v-popupview-popup .v-ddwrapper-over-left { - border: none; - border-left: 2px solid #1d9dff; - background-color: transparent; - padding: 2px; - padding-left: 0; - -moz-border-radius: 0; - -webkit-border-radius: 0; - border-radius: 0; -} -.v-app .v-ddwrapper-over-right, -.v-window .v-ddwrapper-over-right, -.v-popupview-popup .v-ddwrapper-over-right { - border: none; - border-right: 2px solid #1d9dff; - background-color: transparent; - padding: 2px; - padding-right: 0; - -moz-border-radius: 0; - -webkit-border-radius: 0; - border-radius: 0; -} -.v-ddwrapper, -.v-ddwrapper-over, -.v-app .v-ddwrapper-over-top, -.v-window .v-ddwrapper-over-top, -.v-popupview-popup .v-ddwrapper-over-top, -.v-app .v-ddwrapper-over-bottom, -.v-window .v-ddwrapper-over-bottom, -.v-popupview-popup .v-ddwrapper-over-bottom, -.v-app .v-ddwrapper-over-left, -.v-window .v-ddwrapper-over-left, -.v-popupview-popup .v-ddwrapper-over-left, -.v-app .v-ddwrapper-over-right, -.v-window .v-ddwrapper-over-right, -.v-popupview-popup .v-ddwrapper-over-right { - border-color: rgba(0,109,232,.6); -} - -.v-ddwrapper-over-top:before, -.v-ddwrapper-over-bottom:after, -.v-ddwrapper-over-left:before, -.v-ddwrapper-over-right:before { - display: block; - content: ""; - position: absolute; - width: 6px; - height: 6px; - margin-top: -4px; - margin-left: -2px; - background: transparent url(../base/common/img/drag-slot-dot.png) no-repeat; -} -.v-ddwrapper-over-bottom:after { - margin-top: -2px; -} -.v-ddwrapper-over-left:before, -.v-ddwrapper-over-right:before { - background-position: 0 -6px; - margin-top: -2px; - margin-left: -4px; -} -.v-ddwrapper-over-right:before { - position: relative; - margin-bottom: -4px; - margin-right: -4px; - margin-left: 0; - width: auto; - background-position: 100% -6px; -} - -.no-horizontal-drag-hints .v-ddwrapper-over-left { - padding-left: 2px; - border-left: none; -} -.no-horizontal-drag-hints .v-ddwrapper-over-right { - padding-right: 2px; - border-right: none; -} -.no-vertical-drag-hints .v-ddwrapper-over-top { - padding-top: 2px; - border-top: none; -} -.no-vertical-drag-hints .v-ddwrapper-over-bottom { - padding-bottom: 2px; - border-bottom: none; -} -.no-horizontal-drag-hints .v-ddwrapper-over-left:before, -.no-horizontal-drag-hints .v-ddwrapper-over-right:before, -.no-vertical-drag-hints .v-ddwrapper-over-top:before, -.no-vertical-drag-hints .v-ddwrapper-over-bottom:after { - display: none; -} - - -.v-table .v-embedded-image { - /* make embeddeds be centered in centered table cells. */ - display: inline-block; -} - -.v-formlayout-cell .v-errorindicator { - display: block; -} -.v-formlayout-error-indicator { - /* fix width so layout is not jumpy when error disappears */ - width: 12px; -} -.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: 6px; -} -.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: 12px; -} -.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: 12px; -} -.v-formlayout-margin-left .v-formlayout-captioncell { - padding-left: 12px; -} -.v-formlayout-margin-right .v-formlayout-contentcell { - padding-right: 12px; -} -.v-formlayout-captioncell .v-caption .v-required-field-indicator { - float: none; -} - -.v-gridlayout-margin-top { - padding-top: 12px; -} -.v-gridlayout-margin-bottom { - padding-bottom: 12px; -} -.v-gridlayout-margin-left { - padding-left: 12px; -} -.v-gridlayout-margin-right { - padding-right: 12px; -} -.v-gridlayout-spacing-on { - padding-left: 6px; - padding-top: 6px; - 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; -} - -.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; -} - -.v-loginform { - height: 140px; - width: 200px; -} - -.v-app-loginpage .v-button, -.v-app-loginpage .v-button { - float: left; /* Force minimum width for button */ -} - -.v-menubar { - float: left; /* Force minimum width */ - white-space: nowrap; -} -.v-menubar .v-menubar-menuitem { - cursor: default; - vertical-align: middle; - white-space: nowrap; - display: inline; - display: inline-block; - zoom: 1; -} -.v-menubar .v-menubar-menuitem-caption * { - vertical-align: middle; - white-space: nowrap; -} -.v-menubar-submenu { - background: #fff; -} -.v-menubar-menuitem-selected { - background: #333; - color: #fff; -} -.v-menubar-submenu .v-menubar-menuitem { - cursor: default; - display: block; - position: relative; - padding-right: 1.5em; -} -.v-menubar-submenu .v-menubar-menuitem-caption { - display: block; -} -.v-menubar-submenu .v-menubar-menuitem *, -.v-menubar-submenu .v-menubar-menuitem-caption * { - white-space: nowrap; -} -.v-menubar-submenu-indicator { - display: none; - /* Arial has the most coverage for geometric entity characters */ - font-family: arial, helvetica, sans-serif; -} -.v-menubar-submenu .v-menubar-submenu-indicator { - display: block; - position: absolute; - right: 0; - width: 1em; - height: 1em; - font-size: 0.9em; -} -.v-menubar-menuitem-disabled, -.v-menubar span.v-menubar-menuitem-disabled:hover, -.v-menubar span.v-menubar-menuitem-disabled:focus, -.v-menubar span.v-menubar-menuitem-disabled:active { - color: #999; -} -.v-menubar-more-menuitem { - /* Arial has the most coverage for geometric entity characters */ - font-family: arial, helvetica, sans-serif; -} -.v-menubar-separator { - overflow: hidden; -} -.v-menubar-separator span { - display: block; - text-indent: -9999px; - font-size: 1px; - line-height: 1px; - border-top: 1px solid #ddd; - margin: 3px 0 2px; - overflow: hidden; -} -.v-menubar .v-icon, -.v-menubar-submenu .v-icon { - margin-right: 3px; -} - -.v-menubar-popup:focus, -.v-menubar-popup .popupContent:focus, -.v-menubar-popup .popupContent .v-menubar-submenu:focus{ - outline: none; -} - -.v-Notification { - background: #999; - color: #fff; - cursor: pointer; - overflow: hidden; - padding: 1em; - max-width:85%; - -} -.v-Notification h1, -.v-Notification p, -.v-Notification-error h1, -.v-Notification-error p, -.v-Notification-warning h1, -.v-Notification-warning p { - display: inline; - 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-orderedlayout-margin-top, -.v-horizontallayout-margin-top, -.v-verticallayout-margin-top { - padding-top: 12px; -} -.v-orderedlayout-margin-right, -.v-horizontallayout-margin-right, -.v-verticallayout-margin-right { - padding-right: 12px; -} -.v-orderedlayout-margin-bottom, -.v-horizontallayout-margin-bottom, -.v-verticallayout-margin-bottom { - padding-bottom: 12px; -} -.v-orderedlayout-margin-left, -.v-horizontallayout-margin-left, -.v-verticallayout-margin-left { - padding-left: 12px; -} -.v-orderedlayout-spacing-on, -.v-horizontallayout-spacing-on, -.v-verticallayout-spacing-on { - padding-top: 6px; - padding-left: 6px; -} -/* 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; -} - -.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 { -} - -.v-popupview { - cursor: pointer; - text-decoration: underline; - white-space: nowrap; -} -.v-popupview-popup { - overflow: auto; -} -.v-popupview-loading { - width: 30px; - height: 30px; - background: transparent url(../base/common/img/ajax-loader-medium.gif) no-repeat 50%; -} - -.v-progressindicator { - overflow: hidden; /* for IE6 */ - width: 150px; -} -.v-progressindicator-wrapper { - overflow: hidden; /* for IE6 */ - height: 7px; - border: 1px solid #ddd; -} -.v-progressindicator-indicator { - height: 7px; - overflow: hidden; /* for IE6 */ - background: #ddd; -} -div.v-progressindicator-indeterminate { - height: 20px; - width: 20px; - overflow: hidden; /* for IE6 */ - background: #fff url(../base/common/img/ajax-loader-medium.gif) no-repeat 50%; - border-radius: 4px; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; -} -/* 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; -} -div.v-progressindicator-indeterminate-disabled { - height: 20px; - width: 20px; - overflow: hidden; /* for IE6 */ - background: transparent; -} - -.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-caption-left { - float: left; - overflow: hidden; - text-overflow: ellipsis; -} -.v-select-twincol-selections { - font-weight: bold; -} -.v-select-twincol-caption-right { - float: right; - overflow: hidden; - text-overflow: ellipsis; -} -.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 { - float: left; -} -.v-select-twincol-buttons .v-button { - 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; - -webkit-border-radius: 0px; -} -.v-filterselect-prompt .v-filterselect-input { - color: #999; - font-style: italic; -} -.v-filterselect-button { - float: right; - cursor: pointer; - width: 1em; - height: 1em; - background: transparent url(../base/common/img/sprites.png) no-repeat -5px -8px; -} -.v-filterselect.v-readonly .v-filterselect-button { - display: none; -} -.v-filterselect.v-readonly, -.v-filterselect.v-readonly .v-filterselect-input { - background: transparent; -} -.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; -} -*/ - -.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: -2px; - margin-left: -2px; -} - -.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; -} - -.v-slider-feedback { - padding: 2px 5px; - background: #444; - color: #fff; - font-size: 11px; - line-height: 13px; - font-weight: bold; - font-family: Arial, Helvetica, sans-serif; - border-radius: 4px; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - margin: -2px 0 0 2px; - text-shadow: 0 1px 0 #000; -} - -/* 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; -} - -.v-splitpanel-horizontal, -.v-splitpanel-vertical { - overflow: hidden; -} -.v-splitpanel-hsplitter { - width: 6px; - font-size: 1px; /* for IE6 */ -} -.v-splitpanel-hsplitter div { - width: 6px; - font-size: 1px; /* for IE6 */ - position: absolute; - top: 0; - bottom: 0; - background: #ddd; - cursor: e-resize; - cursor: col-resize; -} -.v-disabled .v-splitpanel-hsplitter div { - cursor: default; -} -.v-splitpanel-vsplitter { - height: 6px; - font-size: 1px; /* for IE6 */ -} -.v-splitpanel-vsplitter div { - height: 6px; - font-size: 1px; /* for IE6 */ - background: #ddd; - cursor: s-resize; - cursor: row-resize; -} -.v-disabled .v-splitpanel-vsplitter div { - cursor: default; -} -/* IE specific styles */ -.v-ie6 .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; -} - -/* Table theme building instructions - * - * Vaadin 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-ie7 .v-table { - overflow: visible; -} -.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; - border-collapse: separate; - 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-footer-wrap { - overflow: hidden; - border: 1px solid #aaa; - border-top: none; - background: #efefef; -} -.v-table-footer table{ - border-spacing: 0; - border-collapse: collapse; - margin: 0; - padding: 0; - border: 0; -} -.v-table-footer td { - padding: 0; - border-right: 1px solid #aaa; -} -.v-table-footer-cell{ - cursor: pointer; -} -.v-table-footer-container{ - float:right; - padding-right:6px; - overflow:hidden; - white-space:nowrap; -} -.v-table-resizer { - display: block; - height: 1.2em; - float: right; - background: #aaa; - cursor: e-resize; /* Opera does not support col-resize, so use e-resize instead */ - cursor: col-resize; - width: 1px; - overflow: hidden; -} -.v-table-caption-container { - overflow: hidden; - white-space: nowrap; - margin-left: 6px; -} -.v-ie7 .v-table-caption-container-align-right { - margin-left: 0px; - padding-left: 6px; -} -.v-table-caption-container-align-right { - float: right; -} -.v-table-sort-indicator { - width: 0px; - height: 1.2em; - float: right; -} -.v-table-header-cell-asc .v-table-sort-indicator, -.v-table-header-cell-desc .v-table-sort-indicator { - width: 16px; - height: 1.2em; - float: right; -} -.v-table-header-cell-asc .v-table-sort-indicator { - background: transparent url(../base/common/img/sprites.png) no-repeat right 6px; -} -.v-table-header-cell-desc .v-table-sort-indicator { - background: transparent url(../base/common/img/sprites.png) no-repeat right -10px; -} -.v-table-caption-container-align-center { - text-align: center; -} -.v-table-caption-container-align-right { - text-align: right; -} -.v-table-caption-container .v-icon, -.v-table-header-drag .v-icon { - vertical-align: middle; -} -.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: pointer; -} - -.v-table-body-noselection .v-table-row, -.v-table-body-noselection .v-table-row-odd { - 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-cell-wrapper-align-center { - text-align: center; -} -.v-table-cell-wrapper-align-right { - text-align: right; -} -.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-header-drag .v-icon { - vertical-align: middle; -} -.v-table-scrollposition { - width: 160px; - background: #eee; - border: 1px solid #aaa; -} -.v-table-scrollposition span { - display: block; - text-align: center; -} -.v-table-body:focus, -.v-table-body-wrapper:focus { - outline: none; -} -.v-table-body.focused { - border-color: #388ddd; -} -.v-table-focus .v-table-cell-content { - border-top: 1px dotted #0066bd; - border-bottom: 1px dotted #0066bd; -} -/* row in column selector */ -.v-on { - -} -.v-off { - color: #ddd; -} -/************************************* - * Drag'n'drop styles - *************************************/ -.v-table-drag .v-table-body { - border-color: #1d9dff; -} -.v-table-row-drag-middle .v-table-cell-content { - background-color: #bcdcff; -} -.v-table-row-drag-top .v-table-cell-content { - border-top: 2px solid #1d9dff; -} -.v-table-row-drag-top .v-table-cell-wrapper { - margin-top: -2px; /* compensate the space consumed by border hint */ -} -.v-table-row-drag-bottom .v-table-cell-content { - border-bottom: 2px solid #1d9dff; -} -.v-table-row-drag-bottom .v-table-cell-wrapper { - margin-bottom: -2px; /* compensate the space consumed by border hint */ -} -.v-table-row-drag-top .v-table-cell-content:first-child:before, -.v-table-row-drag-bottom .v-table-cell-content:first-child:after { - display: block; - content: ""; - position: absolute; - width: 6px; - height: 6px; - margin-top: -4px; - margin-left: -6px; - background: transparent url(../base/common/img/drag-slot-dot.png); -} -.v-ff .v-table-row-drag-bottom .v-table-cell-content:first-child:after, -.v-ie .v-table-row-drag-bottom .v-table-cell-content:first-child:after { - margin-top: -2px; -} - -.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-ff2 .v-tabsheet-scroller { - position: relative; -} -.v-disabled .v-tabsheet-scroller { - display: none; -} -.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-caption-close { - display: inline; - display: inline-block; - zoom: 1; - width: 16px; - height: 16px; - text-align: center; - font-weight: bold; - cursor: pointer; - vertical-align: middle; - user-select: none; - -khtml-user-select: none; - -ms-user-select: none; - -moz-user-select: none; - -webkit-user-select: none; -} -.v-tabsheet .v-disabled .v-tabsheet-caption-close { - cursor: default; - visibility: hidden; -} -.v-tabsheet-tabitem:hover .v-tabsheet-caption-close, -.v-ie6 .v-tabsheet-caption-close { - visibility: visible; -} -.v-ie6 .v-tabsheet-caption-close { - float: right; -} -.v-tabsheet-tabitem { - border: 1px solid #aaa; - border-right: none; - cursor: pointer; - padding: 0.2em 0.5em; -} -.v-tabsheet-tabitem .v-caption { - cursor: pointer; -} -.v-tabsheet-tabitem-selected { - cursor: default; - border-bottom-color: #fff; -} -.v-tabsheet-tabitem-selected .v-caption { - cursor: default; -} -.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-ie6 .v-tabsheet-content, -.v-ie7 .v-tabsheet-content { - zoom: 1; -} -.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; -} - - -.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; -} -input.v-textfield-readonly, -textarea.v-textarea-readonly { - background: transparent; - border: none; - resize: none; -} -input.v-disabled, -textarea.v-disabled { - resize: none; -} -input.v-textfield-readonly:focus, -textarea.v-textarea-readonly:focus { - outline: none; -} -/* 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; -} - -.v-richtextarea { - border: 1px solid #aaa; - overflow: hidden; -} -.v-richtextarea .gwt-RichTextArea { - background: #fff; - border: none; -} - -.v-richtextarea .gwt-RichTextToolbar { - white-space: nowrap; - background: #959595 url(../base/textfield/img/richtext-toolbar-bg.png) repeat-x 0 -42px; - border-bottom: 1px solid #7d7d7d; - padding: 2px; - overflow: hidden; -} -.v-richtextarea .gwt-RichTextToolbar-top { - padding-bottom: 1px; - overflow: hidden; - white-space: normal; -} -.v-richtextarea .gwt-RichTextToolbar-bottom { - clear: left; - overflow: hidden; - white-space: nowrap; -} -.v-richtextarea .gwt-RichTextToolbar .gwt-ToggleButton, -.v-richtextarea .gwt-RichTextToolbar .gwt-PushButton { - float: left; - display: inline; - width: 22px; - height: 21px; - overflow: hidden; - background: transparent url(../base/textfield/img/richtext-toolbar-bg.png) repeat-x; - cursor: pointer; - margin-right: 2px; - text-align: center; -} -.v-richtextarea .gwt-RichTextToolbar .gwt-ToggleButton-down, -.v-richtextarea .gwt-RichTextToolbar .gwt-PushButton-down, -.v-richtextarea .gwt-RichTextToolbar .gwt-ToggleButton-down-hovering, -.v-richtextarea .gwt-RichTextToolbar .gwt-PushButton-down-hovering { - background-position: 0 -21px; -} -.v-richtextarea .gwt-RichTextToolbar .gwt-ToggleButton img, -.v-richtextarea .gwt-RichTextToolbar .gwt-PushButton img { - -} -.v-richtextarea .gwt-RichTextToolbar .gwt-ListBox { - width: 24.5%; - margin-right: 2px; -} - -.v-richtextarea-readonly { - border: none; -} - -.v-tree { - text-align: left; /* Force default alignment */ - overflow: hidden; - padding: 1px 0; - outline: none; -} -.v-tree-node { - background: transparent url(../base/common/img/sprites.png) no-repeat 5px -37px; - padding: 1px 0; -} -.v-tree-node-caption:focus { - outline: none; -} -.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; -} -.v-tree-node-caption div { - white-space: nowrap; -} -.v-tree-node-caption span, -.v-tree-node-caption .v-icon { - vertical-align: middle; -} -.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; -} -/*************************************** - * Drag'n'drop styles - ***************************************/ -.v-tree .v-tree-node-drag-top { - border-top: 2px solid #1d9dff; - margin-top: -1px; - padding-top: 0; -} -.v-tree .v-tree-node-drag-bottom { - border-bottom: 2px solid #1d9dff; - margin-bottom: -1px; - padding-bottom: 0; -} -.v-tree .v-tree-node-drag-top:before, -.v-tree .v-tree-node-drag-bottom:after, -.v-tree .v-tree-node-caption-drag-center:after { - display: block; - content: ""; - position: absolute; - width: 6px; - height: 6px; - margin-top: -4px; - background: transparent url(../base/common/img/drag-slot-dot.png); -} -.v-tree .v-tree-node-drag-bottom:after { - margin-top: -2px; -} -.v-tree .v-tree-node-caption-drag-center:after { - margin-left: 14px; -} -.v-ff .v-tree .v-tree-node-caption-drag-center:after, -.v-ie .v-tree .v-tree-node-caption-drag-center:after { - margin-top: -2px; -} -.v-tree .v-tree-node-drag-top { - background-position: 5px -38px; -} -.v-tree .v-tree-node-drag-top.v-tree-node-expanded { - background-position: -5px -11px; -} -.v-tree .v-tree-node-caption-drag-center div { - border: 2px solid #1d9dff; - -moz-border-radius: 4px; - -webkit-border-radius: 4px; - border-radius: 4px; - margin: -2px 2px -2px -2px; - background-color: #bcdcff; -} -.v-ie6 .v-tree .v-tree-node-caption-drag-center div { - margin: -2px ; -} -.v-tree .v-tree-node-caption-drag-center div { - background-color: rgba(169,209,255,.6); -} -.v-tree .v-tree-node-caption-drag-center div, -.v-tree .v-tree-node-drag-top, -.v-tree .v-tree-node-drag-bottom { - border-color: rgba(0,109,232,.6); -} - -.v-upload { - white-space: nowrap; -} - -.v-ie6 .v-upload, -.v-ie7 .v-upload { - margin:0; -} - -.v-upload-immediate { - position: relative; - margin: 0; - overflow: hidden; -} - -.v-ff .v-upload-immediate, -.v-op .v-upload-immediate { - display: inline-block; -} - -.v-upload-immediate input { - opacity: 0; - filter: alpha(opacity=0); - z-index: 2; - position: absolute; - right: 0; - height: 21px; - text-align: right; - border: none; - background: transparent; -} - -.v-upload-immediate button { - position: relative; - left: 0; - top: 0; - width: 100%; - text-align: left; -} - - -.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-contents > div { - outline: none; -} -.v-window-footer { - overflow: hidden; - zoom: 1; - height: 10px; - position: relative; -} -.v-window-resizebox { - width: 10px; - height: 10px; - cursor: se-resize; - background: #ddd; - overflow: hidden; - position: absolute; - right: 0; -} -.v-window div.v-window-footer-noresize { - height: 0; -} -.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. */ - -/*------------ - * General vertical and horizontal sprites - * -----------*/ - - -/*------------ - * Buttons - * -----------*/ - -.v-accordion { - border: 1px solid #bebebe; - border-radius: 2px; - -webkit-border-radius: 2px; - -moz-border-radius: 2px; - overflow: hidden; -} -.v-accordion-item { - background-color: #fff; -} -.v-accordion-item-caption { - height: 19px; - background: #e4e4e4 repeat-x; - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -0px; - font-size: 11px; - line-height: normal; - border-top: 1px solid #bebebe; - text-shadow: #fff 0 1px 0; -} -.v-accordion-item-first .v-accordion-item-caption { - border-top: none; -} -.v-accordion-item-caption .v-caption { - padding: 3px 0 5px 10px; -} -.v-ie .v-accordion-item-caption .v-caption { - padding: 2px 0 6px 10px; -} -.v-accordion-item-open .v-accordion-item-caption { - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -19px; - border-bottom: 1px solid #bbb; -} -.v-accordion-item-caption .v-icon { - margin-top: -1px; -} -.v-ie .v-accordion-item-caption .v-icon { - vertical-align: top; -} -/* Borderless style */ -.v-accordion-borderless { - border: none; - border-radius: 0; - -webkit-border-radius: 0; - -moz-border-radius: 0; -} - -/* Standard implementation of the button theme - * These files contain styles that apply to all browsers - */ - -.v-button:focus { - background-image: url(button/img/button-sprites.png); - -background-image: url(button/img/button-sprites-ie6.png); - background-position: left -0px; - outline: none; - } - -.v-button:focus .v-button-wrap { - background-image: url(button/img/button-sprites.png); - -background-image: url(button/img/button-sprites-ie6.png); - background-position: right -26px; - outline: none; - } - -.v-button:active, -.v-button.v-pressed { - 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:active .v-button-wrap, -.v-button.v-pressed .v-button-wrap { - 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, -.v-disabled.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 -104px; - border: none; - cursor: default; - } - -.v-button-wrap, -.v-disabled.v-button .v-button-wrap { - display: 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 -130px; - } - -.v-button-caption { - color: #222; - text-shadow: #fff 0 1px 0; - font-weight: bold; - font-size: 11px; - line-height: 16px; - } - - - - -/************************** - * Black style - **************************/ -.black .v-button:focus { - background-image: url(button/img/black-button-sprites.png); - -background-image: url(button/img/black-button-sprites-ie6.png); - background-position: left -0px; - } - -.black .v-button:focus .v-button-wrap { - background-image: url(button/img/black-button-sprites.png); - -background-image: url(button/img/black-button-sprites-ie6.png); - background-position: right -26px; - } - -.black .v-button:active, -.black .v-button.v-pressed { - background-image: url(button/img/black-button-sprites.png); - -background-image: url(button/img/black-button-sprites-ie6.png); - background-position: left -52px; - } - -.black .v-button:active .v-button-wrap, -.black .v-button.v-pressed .v-button-wrap { - background-image: url(button/img/black-button-sprites.png); - -background-image: url(button/img/black-button-sprites-ie6.png); - background-position: right -78px; - } - -.black .v-button, -.black .v-disabled.v-button { - background-image: url(button/img/black-button-sprites.png); - -background-image: url(button/img/black-button-sprites-ie6.png); - background-position: left -104px; - } - -.black .v-button-wrap, -.black .v-disabled.v-button .v-button-wrap { - background-image: url(button/img/black-button-sprites.png); - -background-image: url(button/img/black-button-sprites-ie6.png); - background-position: right -130px; - } - -.black .v-button-caption { - color: #c9ccce; - text-shadow: #121314 0 -1px 0; - } - -.v-button-primary:focus { - background-image: url(button/img/button-sprites.png); - -background-image: url(button/img/button-sprites-ie6.png); - background-position: left -156px; - } - -.v-button-primary:focus .v-button-wrap { - background-image: url(button/img/button-sprites.png); - -background-image: url(button/img/button-sprites-ie6.png); - background-position: right -182px; - } - -.v-button-primary:active, -.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 -208px; - } - -.v-button-primary:active .v-button-wrap, -.v-button-primary.v-pressed .v-button-wrap { - background-image: url(button/img/button-sprites.png); - -background-image: url(button/img/button-sprites-ie6.png); - background-position: right -234px; - } - -.v-button-primary, -.v-disabled.v-button-primary { - background-image: url(button/img/button-sprites.png); - -background-image: url(button/img/button-sprites-ie6.png); - background-position: left -260px; - } - -.v-button-primary .v-button-wrap, -.v-disabled.v-button-primary .v-button-wrap { - background-image: url(button/img/button-sprites.png); - -background-image: url(button/img/button-sprites-ie6.png); - background-position: right -286px; - } - - - - -/* Black style */ - - -.black .v-button-primary:focus { - background-image: url(button/img/black-button-sprites.png); - -background-image: url(button/img/black-button-sprites-ie6.png); - background-position: left -156px; - } - -.black .v-button-primary:focus .v-button-wrap { - background-image: url(button/img/black-button-sprites.png); - -background-image: url(button/img/black-button-sprites-ie6.png); - background-position: right -182px; - color: #eaf4fb; - } - -.black .v-button-primary:active, -.black .v-button-primary.v-pressed { - background-image: url(button/img/black-button-sprites.png); - -background-image: url(button/img/black-button-sprites-ie6.png); - background-position: left -208px; - } - -.black .v-button-primary:active .v-button-wrap, -.black .v-button-primary.v-pressed .v-button-wrap { - background-image: url(button/img/black-button-sprites.png); - -background-image: url(button/img/black-button-sprites-ie6.png); - background-position: right -234px; - } - -.black .v-button-primary, -.black .v-disabled.v-button-primary { - background-image: url(button/img/black-button-sprites.png); - -background-image: url(button/img/black-button-sprites-ie6.png); - background-position: left -260px; - } - -.black .v-button-primary .v-button-wrap, -.black .v-disabled.v-button-primary .v-button-wrap { - background-image: url(button/img/black-button-sprites.png); - -background-image: url(button/img/black-button-sprites-ie6.png); - background-position: right -286px; - } - -.v-button-small:focus { - background-image: url(button/img/button-sprites.png); - -background-image: url(button/img/button-sprites-ie6.png); - background-position: left -312px; - } - -.v-button-small:focus .v-button-wrap { - background-image: url(button/img/button-sprites.png); - -background-image: url(button/img/button-sprites-ie6.png); - background-position: right -332px; - } - -.v-button-small:active, -.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 -352px; - } - -.v-button-small:active .v-button-wrap, -.v-button-small.v-pressed .v-button-wrap { - background-image: url(button/img/button-sprites.png); - -background-image: url(button/img/button-sprites-ie6.png); - background-position: right -372px; - } - -.v-button-small, -.v-disabled.v-button-small { - background-image: url(button/img/button-sprites.png); - -background-image: url(button/img/button-sprites-ie6.png); - background-position: left -392px; - height: 20px; - } - -.v-button-small .v-button-wrap, -.v-disabled.v-button-small .v-button-wrap { - background-image: url(button/img/button-sprites.png); - -background-image: url(button/img/button-sprites-ie6.png); - background-position: right -412px; - height: 19px; - padding: 1px 14px 0 8px; - } - -.v-button-small .v-button-caption { - font-weight: normal; - } - - - - -/* Black style */ - -.black .v-button-small:focus { - background-image: url(button/img/black-button-sprites.png); - -background-image: url(button/img/black-button-sprites-ie6.png); - background-position: left -312px; - } - -.black .v-button-small:focus .v-button-wrap { - background-image: url(button/img/black-button-sprites.png); - -background-image: url(button/img/black-button-sprites-ie6.png); - background-position: right -332px; - } - -.black .v-button-small:active, -.black .v-button-small.v-pressed { - background-image: url(button/img/black-button-sprites.png); - -background-image: url(button/img/black-button-sprites-ie6.png); - background-position: left -352px; - } - -.black .v-button-small:active .v-button-wrap, -.black .v-button-small.v-pressed .v-button-wrap { - background-image: url(button/img/black-button-sprites.png); - -background-image: url(button/img/black-button-sprites-ie6.png); - background-position: right -372px; - } - -.black .v-button-small, -.black .v-disabled.v-button-small { - background-image: url(button/img/black-button-sprites.png); - -background-image: url(button/img/black-button-sprites-ie6.png); - background-position: left -392px; - } - -.black .v-button-small .v-button-wrap, -.black .v-disabled.v-button-small .v-button-wrap { - background-image: url(button/img/black-button-sprites.png); - -background-image: url(button/img/black-button-sprites-ie6.png); - background-position: right -412px; - } - -.v-button.v-button-link, -.v-button.v-button-link:focus, -.v-button.v-button-link:active, -.v-button-link.v-pressed, -.v-disabled.v-button.v-button-link, -.v-button.v-button-link .v-button-wrap, -.v-button.v-button-link:focus .v-button-wrap, -.v-button.v-button-link:active .v-button-wrap, -.v-button-link.v-pressed .v-button-wrap, -.v-disabled.v-button.v-button-link .v-button-wrap { - background: transparent; - height: auto; - padding: 0; - cursor: pointer; - line-height: inherit; - } - -.v-button.v-button-link.v-disabled, -.v-button.v-button-link.v-disabled .v-button-wrap { - cursor: default; - } - -.v-button-link .v-button-caption, -.v-nativebutton-link .v-nativebutton-caption { - line-height: inherit; - font-weight: normal; - color: #1b699f; - font-size: 12px; - text-shadow: none; - } - -.v-button-link:focus .v-button-caption, -.v-nativebutton-link:focus .v-nativebutton-caption { - outline: 1px dotted #1b699f; - } - -/* Browser-specific corrections to the standard implementation */ - -.v-ff2 .v-button .v-button-caption { - display: -moz-inline-box; - padding-top: 6px; - height: 20px; - } - -.v-ie6 .v-nativebutton-link, -.v-ie7 .v-nativebutton-link, -.v-ie8 .v-nativebutton-link { - padding: 0; - text-align: left; -} - -/** - * 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: 0 15px; - height: 23px; -} -.v-ie6 .v-button .v-button-wrap { - background: transparent; - height: 20px; - padding: 3px 0 0; - display: inline; - zoom: 1; -} -.v-ie6 .v-button-primary { - background-image: url(button/img/primary-right.png); -} -.v-ie6 .v-button-small { - background-image: url(button/img/small-right.png); - height: 17px; -} -.v-ie6 .v-button-small .v-button-wrap { - height: 17px; - padding: 0; -} -.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; -} -/* Buttons on black background */ -.v-ie6 .black .v-button { - border: 1px solid #0d0e0f; - background: #202224 url(button/img/black/right.png) no-repeat 0 -1px; - color: #c9ccce; -} -.v-ie6 .black .v-button-primary { - background-image: url(button/img/black/primary-right.png); -} -.v-ie6 .black .v-button-small { - background-image: url(button/img/black/small-right.png); -} -.v-ie6 .black .v-button.v-pressed { - background-image: url(button/img/black/right-pressed.png); -} - - -/* Link style button */ -.v-ie6 .v-button-link, -.v-ie6 .black .v-button-link { - background: transparent; - border: none; - height: auto; - line-height: normal; - padding: 0; -} -.v-ie6 .v-button-link .v-button-wrap, -.v-ie6 .black .v-button-link .v-button-wrap { - padding: 0; - height: auto; -} - -.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, -.v-contextmenu, -.v-Notification, -.v-menubar-submenu, -.v-drag-element { - font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; - font-size: 12px; - line-height: normal; - color: #222; -} -/* Fonts on black background */ -.v-app .black, -.v-window-black, -.v-window .black, -.v-popupview-popup .black { - color: #c9ccce; - text-shadow: #000 0 0 1px; -} -.v-errorindicator { - width: 13px; - height: 16px; - background: transparent url(common/icons/error.png) no-repeat 50%; -} -.v-ie6 .v-errorindicator { - background-image: url(common/icons/error-ie6.png); -} -.v-tooltip { - background-color: #fffcdd; - border: 1px solid #b8b295; - font-size: 11px; - 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; -} -.v-contextmenu { - background: #f8f8f9; - border: none; - border-radius: 3px; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - -o-border-radius: 3px; - overflow: hidden; - padding: 4px 0; -} -.v-contextmenu .gwt-MenuItem { - padding: 1px 12px 1px 8px; - height: 16px; - user-select: none; - -moz-user-select: none; - -webkit-user-select: none; - cursor: default; -} -.v-contextmenu .gwt-MenuItem .v-icon { - margin-right: 3px; -} -.v-contextmenu .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 -38px; - color: #fff; - text-shadow: #3b5a7a 0 1px 0; -} -.v-ie .v-contextmenu .gwt-MenuItem-selected { - background-image: url(common/img/sel-bg.png); - background-position: left top; -} -.v-contextmenu .gwt-MenuItem-selected div { - background: transparent; - cursor: default; -} - -/* Fixes for Liferay 6.0 */ -.portlet .v-app { - background: transparent; -} -.portlet .v-app .v-radiobutton input, -.portlet .v-window .v-radiobutton input, -.portlet .v-popupview-popup .v-radiobutton input, -.portlet .v-app .v-checkbox input, -.portlet .v-window .v-checkbox input, -.portlet .v-popupview-popup .v-checkbox input { - margin-right: 3px; - background: transparent; -} - -input.v-textfield-readonly:focus{ - background-color: transparent; -} -.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 -58px; -} -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-month, -.v-datefield-day, -.v-datefield-full { - min-width: 240px; -} -.v-ff2 .v-datefield-month, -.v-ff2 .v-datefield-day, -.v-ff2 .v-datefield-full { - min-width: 254px; -} -.v-datefield-popupcalendar, -.v-ff2 .v-datefield-popupcalendar { - min-width: 0; -} -.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 -81px; - overflow: hidden; - padding: 0; - text-indent: -9999px; - outline: none; - -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; -} -.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 -104px; -} -.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 -127px; -} -.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 -150px; -} -.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 -173px; -} -.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 -196px; - 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 -217px; -} -.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 -238px; -} -.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 -259px; -} -.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 -280px; - font-size: 10px; - line-height: normal; - text-transform: uppercase; - color: #eaeff1; - text-shadow: #3b4651 0 -1px 0; - vertical-align: top; -} -.v-datefield-calendarpanel-weeknumbers td { - width: 12.4%; -} -.v-datefield-calendarpanel-weekdays strong { - display: block; - text-align: right; - padding: 1px 5px 0 0; - height: 14px; - border-top: 1px solid #596775; -} -.v-datefield-calendarpanel-weekdays .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 -299px; -} -.v-datefield-calendarpanel-weekdays .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 -318px; -} -/* 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-weeknumber, -.v-datefield-calendarpanel-day-today { - padding: 2px 5px 2px 0; - display: block; - margin: 1px 0 0 5px; -} -.v-datefield-calendarpanel-weeknumber { - margin: 0; - padding-top: 4px; - padding-bottom: 3px; -} -.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-radius: 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 input.v-datefield-textfield { - border-right-width: 0; - -moz-border-radius-topright: 0; - -moz-border-radius-bottomright: 0; - -webkit-border-top-right-radius: 0; - -webkit-border-bottom-right-radius: 0; - height: 14px; -} -.v-datefield.v-readonly input.v-datefield-textfield { - border-right-width: 1px; - border-radius: 3px; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; -} -.v-datefield-prompt .v-datefield-textfield { - color: #999; - font-style: normal; -} -.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 -337px; - cursor: pointer; - -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; -} -.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 -360px; -} - -/* over black background */ -.black .v-datefield-popupcalendar .v-datefield-button { - background-image: url(common/img/black-vertical-sprites.png); - -background-image: url(common/img/black-vertical-sprites-ie6.png); - background-position: left -0px; -} -.black .v-datefield-popupcalendar .v-datefield-button:active { - background-image: url(common/img/black-vertical-sprites.png); - -background-image: url(common/img/black-vertical-sprites-ie6.png); - background-position: left -23px; -} - -/* Small adjustment for IE6 */ -.v-ie6 .v-datefield-popupcalendar .v-datefield-button { - margin-top: 1px; -} - - -/*------------ -* on black background -*/ - -.black td.v-datefield-calendarpanel-month { - background-image: url(common/img/black-vertical-sprites.png); - -background-image: url(common/img/black-vertical-sprites-ie6.png); - background-position: left -46px; - height: 21px; -} -.black span.v-datefield-calendarpanel-month { - border-left: 1px solid #333638; - border-right: 1px solid #232527; - color: #c9ccce; - text-shadow: #000 0 -1px 0; - padding: 4px 10px 1px 10px; - margin-top: 0; -} -.black .v-datefield-calendarpanel-prevyear button, -.black .v-datefield-calendarpanel-nextyear button, -.black .v-datefield-calendarpanel-prevmonth button, -.black .v-datefield-calendarpanel-nextmonth button { - background-image: url(common/img/black-vertical-sprites.png); - -background-image: url(common/img/black-vertical-sprites-ie6.png); - background-position: left -67px; - height: 21px; -} -.black .v-datefield-calendarpanel-nextyear button { - background-image: url(common/img/black-vertical-sprites.png); - -background-image: url(common/img/black-vertical-sprites-ie6.png); - background-position: left -88px; -} -.black .v-datefield-calendarpanel-prevyear button:active, -.v-ie .black .v-datefield-calendarpanel-prevyear button.v-pressed { - background-image: url(common/img/black-vertical-sprites.png); - -background-image: url(common/img/black-vertical-sprites-ie6.png); - background-position: left -109px; -} -.black .v-datefield-calendarpanel-nextyear button:active, -.v-ie .black .v-datefield-calendarpanel-nextyear button.v-pressed { - background-image: url(common/img/black-vertical-sprites.png); - -background-image: url(common/img/black-vertical-sprites-ie6.png); - background-position: left -130px; -} -.black .v-datefield-calendarpanel-prevmonth, -.black .v-datefield-calendarpanel-nextmonth { - background-image: url(common/img/black-vertical-sprites.png); - -background-image: url(common/img/black-vertical-sprites-ie6.png); - background-position: left -151px; -} -.black .v-datefield-calendarpanel-prevmonth button, -.black .v-datefield-calendarpanel-nextmonth button { - border-left: 1px solid #333638; - border-right: 1px solid #232527; - background-image: url(common/img/black-vertical-sprites.png); - -background-image: url(common/img/black-vertical-sprites-ie6.png); - background-position: center -172px; - margin-top: 0; -} -.black .v-datefield-calendarpanel-nextmonth button { - background-image: url(common/img/black-vertical-sprites.png); - -background-image: url(common/img/black-vertical-sprites-ie6.png); - background-position: center -193px; -} -.black .v-datefield-calendarpanel-prevmonth button:active, -.v-ie .black .v-datefield-calendarpanel-prevmonth button.v-pressed { - background-image: url(common/img/black-vertical-sprites.png); - -background-image: url(common/img/black-vertical-sprites-ie6.png); - background-position: center -214px; -} -.black .v-datefield-calendarpanel-nextmonth button:active, -.v-ie .black .v-datefield-calendarpanel-nextmonth button.v-pressed { - background-image: url(common/img/black-vertical-sprites.png); - -background-image: url(common/img/black-vertical-sprites-ie6.png); - background-position: center -235px; -} -.v-ie .black .v-datefield-calendarpanel-prevmonth button, -.v-ie .black .v-datefield-calendarpanel-nextmonth button { - border: none; -} -.black .v-datefield-calendarpanel-weekdays td { - background-image: url(common/img/black-vertical-sprites.png); - -background-image: url(common/img/black-vertical-sprites-ie6.png); - background-position: left -256px; - color: #0a0b0b; - text-shadow: #5a5c5e 0 1px 0; -} -.black .v-datefield-calendarpanel-weekdays strong { - border-top-color: #1b1c1d; -} -.black .v-datefield-calendarpanel .v-first { - background-image: url(common/img/black-vertical-sprites.png); - -background-image: url(common/img/black-vertical-sprites-ie6.png); - background-position: left -275px; -} -.black .v-datefield-calendarpanel .v-last { - background-image: url(common/img/black-vertical-sprites.png); - -background-image: url(common/img/black-vertical-sprites-ie6.png); - background-position: right -294px; -} -.black .v-datefield-prompt .v-datefield-textfield { - color: #5f6366; -} - -.v-formlayout-errorcell { - width: 13px; -} -.v-formlayout-cell .v-errorindicator { - width: 13px; - height: 16px; - background: transparent url(common/icons/error.png) no-repeat 50%; -} -.v-ie6 .v-formlayout-cell .v-errorindicator { - background-image: url(common/icons/error-ie6.png); -} -.v-formlayout-captioncell { - text-align: right; - white-space: nowrap; -} -.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(common/icons/error.png) no-repeat 3px 2px; - padding-left: 20px; - margin-bottom: 5px; - margin-top: 5px; - min-height: 20px; -} -.v-ie6 .v-form-errormessage { - height: 20px; - background-image: url(common/icons/error-ie6.png); -} -.v-form fieldset { - border: none; - border-top: 1px solid #babfc0; -} -.v-form-nocaption fieldset { - border: none; -} -.v-form-nocaption legend { - display: none; -} -.v-form legend { - margin: 0 0 0 20px; - padding: 0 5px; - font-weight: bold; - color: #222; -} - -.v-label { - line-height: 18px; -} - -/********************** - * Black styles - **********************/ -.white .black, -.blue .black { - color: #C9CCCE; - text-shadow: 0 0 1px #000; -} -.black .v-label-h1, -.black .v-label-h2, -.black .v-caption-h1, -.black .v-caption-h2, -.white .black .v-label-h1, -.white .black .v-label-h2, -.white .black .v-caption-h1, -.white .black .v-caption-h2, -.blue .black .v-label-h1, -.blue .black .v-label-h2, -.blue .black .v-caption-h1, -.blue .black .v-caption-h2 { - color: #fff; - text-shadow: rgba(0,0,0,.8) 0 2px 2px; -} -.black .v-label-light, -.white .black .v-label-light { - color: #72787c; -} -.black .v-label hr, -.white .black .v-label hr { - background: #0c0d0e; - color: #0c0d0e; - border-bottom-color: #292b2e; -} - -/********************** - * Blue styles - **********************/ -.v-app .white, -.v-window .white, -.v-app .blue, -.v-window .blue { - color: #222; - text-shadow: none; -} -.blue .v-label-h1, -.blue .v-label-h2, -.blue .v-caption-h1, -.blue .v-caption-h2, -.white .blue .v-label-h1, -.white .blue .v-label-h2, -.white .blue .v-caption-h1, -.white .blue .v-caption-h2 { - color: #fff; - text-shadow: rgba(0,0,0,.3) 0 1px 1px; -} -.blue .v-label-light, -.white .blue .v-label-light { - color: #6e7c83; -} -.blue .v-label hr, -.white .blue .v-label hr { - background: #a3bcc9; - color: #a3bcc9; - border-bottom-color: #cfe2eb; -} - -/********************** - * Default & white styles - **********************/ -.v-label-h1, -.v-label-h2, -.v-caption-h1, -.v-caption-h2, -.white .v-label-h1, -.white .v-label-h2, -.white .v-caption-h1, -.white .v-caption-h2 { - font-family: Helvetica, Arial, "Lucida Grande", Geneva, Tahoma, Verdana, sans-serif; - font-size: 24px; - line-height: 30px; - font-weight: bold; - color: #44698b; - letter-spacing: -0.02em; - text-shadow: #fff 0 -1px 1px; -} -.v-label-h2, -.v-caption-h2, -.white .v-label-h2, -.white .v-caption-h2 { - font-size: 16px; - line-height: 22px; -} -.v-label-light, -.white .v-label-light { - font-size: 11px; - line-height: 13px; - color: #707070; -} - -.v-label hr, -.white .v-label hr { - height: 2px; - overflow: hidden; - background: #dcdcdc; - color: #dcdcdc; /* For IE */ - border: none; - border-bottom: 1px solid #fff; -} - -.v-sa .v-label hr, -.v-ie8 .v-label hr { - height: 1px; -} - -/* Labels inside Table don't need a line-height */ -.v-table .v-label { - line-height: normal; -} - -.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; -} -/* Different for historical reasons: previously was inherited directly from Base theme */ -/* TODO unify these values in version 7 */ -.v-gridlayout-margin-top { - padding-top: 24px; -} -.v-gridlayout-margin-bottom { - padding-bottom: 24px; -} -.v-gridlayout-margin-left { - padding-left: 24px; -} -.v-gridlayout-margin-right { - padding-right: 24px; -} -.v-gridlayout-spacing-on { - padding-left: 12px; - padding-top: 12px; -} -/* Blue background */ -.v-verticallayout-blue, -.v-horizontallayout-blue, -.v-orderedlayout-blue, -.v-gridlayout-blue, -.v-csslayout-blue, -.v-formlayout-blue, -.v-splitpanel-vertical-blue, -.v-splitpanel-horizontal-blue { - background-color: #bcd3de; -} -.v-panel-content > div.blue { - background-color: #bcd3de; -} -/* White background */ -.v-verticallayout-white, -.v-horizontallayout-white, -.v-orderedlayout-white, -.v-gridlayout-white, -.v-csslayout-white, -.v-formlayout-white, -.v-splitpanel-vertical-white, -.v-splitpanel-horizontal-white { - background-color: #fff; - color: #222; -} -.v-panel-content > div.white { - background-color: #fff; - color: #222; -} -/* Black background */ -.v-verticallayout-black, -.v-horizontallayout-black, -.v-orderedlayout-black, -.v-gridlayout-black, -.v-csslayout-black, -.v-formlayout-black, -.v-splitpanel-vertical-black, -.v-splitpanel-horizontal-black { - background: #1e2022 url(layouts/img/black-bg.png) repeat-x; -} -.v-panel-content > div.black { - background: #1e2022 url(layouts/img/black-bg.png) repeat-x; -} - -.v-link a:link span { - color: #1b699f; -} -.v-link a:visited span { - color: #5c7485; -} -.v-link a:hover span { - color: #2483c4; -} - -.v-menubar { - height: 23px; - background: #323336 repeat-x; - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -383px; - color: #d1d3d6; - text-shadow: rgba(0,0,0,.9) 0 1px 0; - padding: 0 8px; -} -.v-menubar .v-menubar-menuitem { - padding: 3px 8px; - height: 17px; - line-height: 16px; -} -.v-menubar .v-menubar-menuitem:hover { - color: #fff; -} -.v-menubar-submenu { - background: #f8f8f9; - border: none; - border-radius: 3px; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - -o-border-radius: 3px; - overflow: hidden; - padding: 4px 0; -} -.v-menubar-submenu .v-menubar-menuitem { - padding: 1px 26px 1px 10px; - line-height: 16px; -} -.v-menubar-submenu .v-menubar-menuitem-caption * { - vertical-align: middle; -} -.v-menubar .v-menubar-menuitem-selected, -.v-menubar-submenu .v-menubar-menuitem-selected { - background: #4d749f repeat-x; - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -406px; - color: #fff; - text-shadow: 0 1px 0 #3b5a7a; -} -.v-menubar .v-menubar-menuitem-selected { - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -426px; -} -.v-menubar-submenu .v-menubar-submenu-indicator { - background: transparent url(menubar/img/submenu-icon.png) no-repeat right 70%; - width: 26px; - height: 16px; - text-indent: -9999px; -} -.v-menubar-submenu .v-menubar-menuitem-selected .v-menubar-submenu-indicator { - background-image: url(menubar/img/submenu-icon-hover.png); -} - -.v-Notification { - color: #fff; - border-radius: 4px; - -moz-border-radius: 4px; - -webkit-border-radius: 4px; - font-size: 100%; - background: #c8ccd0; - font-weight: bold; -} - -.v-ie9 .v-Notification H1 { - /* Fix for #6793 */ - font-weight: bold; -} - -.v-Notification p { - line-height: 1.3; -} -.v-Notification-warning { - background: #fdf3b5; - color: #ca9a61; - border: 3px solid #fee3af; -} -.v-Notification-error { - background: #b40000 url(notification/img/error-close.png) no-repeat right top; - border: 3px solid #ca3030; -} -.v-Notification-tray { - margin: 0 5px 5px 0; - background: #3b3c3e; - border: 2px solid #585b5c; - padding: 0.8em 0.9em; -} -.v-Notification-tray h1 { - font-size: 14px; - line-height: 18px; -} -.v-Notification-tray p { - font-size: 12px; - font-weight: normal; -} -.v-Notification-system { - background-color: #b40000; -} - -.blue .v-panel-caption, -.blue .v-panel-nocaption, -.blue .v-panel-content { - border-color: #a8bcc5; -} -.v-panel-caption, -.v-panel-nocaption, -.white .v-panel-caption, -.white .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; -} -.v-sa .v-panel-content, -.v-ff3 .v-panel-content { - border-color: rgba(0,0,0,.1); -} -.v-panel-content > div { - background: #fff; - min-height: 100%; -} -.v-ie6 .v-panel-content { - background: #fff; -} -.v-panel-deco { - height: 1px; - border-top: 1px solid #bebebe; - background: #e2e2e2; - overflow: hidden; -} -.blue .v-panel-deco { - border-color: #92a3ac; - background: #adc2cd; -} -.v-sa .v-panel-deco, -.v-ff3 .v-panel-deco { - border-top-color: rgba(0,0,0,.1); - background: rgba(0,0,0,.08); -} -.v-panel-caption .v-errorindicator { - height: 16px; - width: 13px; - background: url(common/icons/error.png) no-repeat 50%; - display: inline; - display: inline-block; - vertical-align: middle; -} -.v-ie6 .v-panel-caption .v-errorindicator { - background-image: url(common/icons/error-ie6.png); -} -.v-ff2 .v-panel-caption .v-errorindicator { - display: -moz-inline-stack; -} - -/* Light style */ -.v-panel-caption-light, -.v-panel-nocaption-light { - border: none; -} -.v-panel-content-light { - border: none; -} -.v-panel-content-light > div { - background: transparent; -} -.v-ie6 .v-panel-content-light { - background: transparent; -} -.v-panel-deco-light { - height: 0; - border: none; -} - -.v-popupview { - color: #1b699f; -} -.v-popupview:hover { - color: #2483c4; -} -.v-popupview-popup { - background: #fff; - padding: 3px; -} - -.v-progressindicator-wrapper { - background: #dfe2e4 url(progressindicator/img/base.gif) repeat-x; - border: 1px solid #bfbfbf; -} -.v-disabled .v-progressindicator-wrapper { - background-image: url(progressindicator/img/disabled.gif); -} -.v-progressindicator-indicator { - background: #f7f9f9 url(progressindicator/img/progress.png); -} - -.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 -450px; - padding-left: 2px; -} -.v-ie6 .v-filterselect { - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -475px; -} -.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 -499px; - border: none; - height: 16px; -} -/* 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: 4px 0 4px 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 -524px; -} -.v-ie6 .v-filterselect-focus { - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -549px; -} -.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 -573px; -} -.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 -597px; - 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 -622px; -} -.v-filterselect-button:active { - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -646px; -} -.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 -670px; -} -.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 -694px; -} -.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 -718px; -} -.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 -742px; -} -.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 { - margin: 4px 0; -} -.v-filterselect-suggestmenu .gwt-MenuItem { - padding: 1px 8px; - height: 16px; - user-select: none; - -moz-user-select: none; - -webkit-user-select: none; - cursor: default; -} -.v-ff .v-filterselect-suggestmenu .gwt-MenuItem { - height: 18px; -} -.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 -766px; - 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; - margin-bottom: -4px; -} -.v-filterselect-nextpage, -.v-filterselect-nextpage-off { - margin: -4px 0 0; -} -.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 -786px; -} -.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 -797px; -} -.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 -808px; -} -.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 -819px; -} -.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 -830px; - 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 -841px; -} -.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 -852px; -} -.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 -863px; -} -.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 -874px; - -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 */ -.v-filterselect .v-icon { - width: 16px; - position: relative; -} -.v-filterselect .v-icon + .v-filterselect-input { - margin-left: -16px; - padding-left: 18px; -} - - - - -/* Combobox on black background */ -.black .v-filterselect { - background-image: url(common/img/black-vertical-sprites.png); - -background-image: url(common/img/black-vertical-sprites-ie6.png); - background-position: left -310px; -} -.v-ie6 .black .v-filterselect { - background-image: url(common/img/black-vertical-sprites.png); - -background-image: url(common/img/black-vertical-sprites-ie6.png); - background-position: left -334px; -} -.v-app .black .v-filterselect-input, -.v-window .black .v-filterselect-input, -.v-window-black .v-filterselect-input, -.v-popupview-popup .black .v-filterselect-input { - color: #c9ccce; - background-image: url(common/img/black-vertical-sprites.png); - -background-image: url(common/img/black-vertical-sprites-ie6.png); - background-position: left -358px; -} -.black .v-filterselect-focus { - background-image: url(common/img/black-vertical-sprites.png); - -background-image: url(common/img/black-vertical-sprites-ie6.png); - background-position: left -382px; -} -.v-ie6 .black .v-filterselect-focus { - background-image: url(common/img/black-vertical-sprites.png); - -background-image: url(common/img/black-vertical-sprites-ie6.png); - background-position: left -406px; -} -.black .v-filterselect-focus .v-filterselect-input { - background-image: url(common/img/black-vertical-sprites.png); - -background-image: url(common/img/black-vertical-sprites-ie6.png); - background-position: left -430px; -} -.black .v-filterselect-button { - background-image: url(common/img/black-vertical-sprites.png); - -background-image: url(common/img/black-vertical-sprites-ie6.png); - background-position: left -454px; -} -.black .v-filterselect-button:hover { - background-image: url(common/img/black-vertical-sprites.png); - -background-image: url(common/img/black-vertical-sprites-ie6.png); - background-position: left -478px; -} -.black .v-filterselect-button:active { - background-image: url(common/img/black-vertical-sprites.png); - -background-image: url(common/img/black-vertical-sprites-ie6.png); - background-position: left -502px; -} -.black .v-filterselect-focus .v-filterselect-button { - background-image: url(common/img/black-vertical-sprites.png); - -background-image: url(common/img/black-vertical-sprites-ie6.png); - background-position: left -526px; -} -.black .v-filterselect-focus .v-filterselect-button:hover { - background-image: url(common/img/black-vertical-sprites.png); - -background-image: url(common/img/black-vertical-sprites-ie6.png); - background-position: left -550px; -} -.black .v-filterselect-focus .v-filterselect-button:active { - background-image: url(common/img/black-vertical-sprites.png); - -background-image: url(common/img/black-vertical-sprites-ie6.png); - background-position: left -574px; -} -.black .v-disabled .v-filterselect-button:hover, -.black .v-readonly .v-filterselect-button:hover { - background-image: url(common/img/black-vertical-sprites.png); - -background-image: url(common/img/black-vertical-sprites-ie6.png); - background-position: left -598px; -} -.black .v-filterselect-prompt .v-filterselect-input { - color: #5f6366; -} - - - -/* Native selects on black background */ -.black .v-select select, -.black .v-select-twincol select { - border-color: #38393a; - border-top-color: #2c2d2e; - border-bottom-color: #3e3f3f; - background: #151717; - color: #c9ccce; -} - -/* Twincolselect needs a little tweak in IE6 */ -.v-ie6 .v-select-twincol-buttons .v-button { - padding-left: 12px; - padding-right: 12px; -} - -/* IE6 needs some help identifying when the input is readonly */ -.v-ie6 .v-filterselect.v-readonly, -.v-ie6 .v-filterselect .v-filterselect-input-readonly { - background: transparent; -} - -.v-slider { - border-top: 1px solid #9a9c9e; - border-bottom: 1px solid #bdbfc1; - margin: 4px 0; -} -.v-slider-base { - height: 1px; - background: #e0e2e2; - border-top: 1px solid #adb0b1; - border-left: 1px solid #a0a3a6; - border-right: 1px solid #a0a3a6; -} -.v-slider-handle { - background: transparent; - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -891px; - width: 10px; - height: 10px; - margin-top: -5px; -} -.v-slider-handle-active { - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -901px; -} -.v-slider-vertical { - width: 2px; - margin: 0 5px; - border: none; - border-left: 1px solid #9a9c9e; - border-right: 1px solid #bdbfc1; -} -.v-slider-vertical .v-slider-base { - width: 2px; - border-left: 1px solid #adb0b1; - border-right: none; - border-top: 1px solid #adb0b1; - border-bottom: 1px solid #adb0b1; -} -.v-slider-vertical .v-slider-handle { - width: 10px; - height: 10px; - margin-left: -5px; -} - -.v-splitpanel-hsplitter, -.v-splitpanel-hsplitter-locked { - width: 7px; - background-repeat: repeat-y; - background-image: url(common/img/horizontal-sprites.png); - background-position: -0px top; -} -.v-splitpanel-hsplitter div { - width: 7px; - height: 100%; /* for Opera */ - background: transparent; - background-repeat: no-repeat; - background-position: 50%; - background-image: url(common/img/horizontal-sprites.png); - background-position: -7px center; -} -.v-splitpanel-vsplitter, -.v-splitpanel-vsplitter-locked { - 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 -911px; -} -.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 -918px; -} - - -/* Splitpanels on blue background */ -.blue .v-splitpanel-hsplitter-small, -.blue .v-splitpanel-hsplitter-small-locked { - background: #7c8a91; -} - -/* Splitpanels on black background */ -.black .v-splitpanel-hsplitter-small, -.black .v-splitpanel-hsplitter-small-locked { - background: #4e5253; -} - -/* Small style */ -.v-splitpanel-hsplitter-small, -.v-splitpanel-hsplitter-small-locked, -.white .v-splitpanel-hsplitter-small, -.white .v-splitpanel-hsplitter-small-locked { - width: 1px; - background: #949698; -} -.v-splitpanel-vsplitter-small, -.v-splitpanel-vsplitter-small-locked, -.white .v-splitpanel-vsplitter-small, -.white .v-splitpanel-vsplitter-small-locked { - height: 1px; - background: #949698; -} -.v-splitpanel-hsplitter-small div { - width: 5px; - margin-left: -2px; - background: transparent; -} -.v-splitpanel-vsplitter-small div { - height: 5px; - margin-top: -2px; - background: transparent; -} - -/* Table on blue background */ -.blue .v-table-header-wrap { - border-color: #92a2aa; -} -.blue .v-table-body { - border-color: #92a2aa; - border-top-color: #c2c3c4; -} - -/* Default & white style */ -.v-table-header-wrap, -.white .v-table-header-wrap, -.v-table-footer-wrap, -.white .v-table-footer-wrap { - border-color: #c2c3c4; - background: transparent repeat-x; - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -925px; - height: 20px; - text-transform: uppercase; - font-size: 10px; - font-weight: bold; - color: #222; - text-shadow: #f3f5f8 0 1px 0; - line-height: normal; -} - -.v-table-footer-wrap, -.white .v-table-footer-wrap { - text-transform: none; - font-size: 12px; - font-weight: normal; -} - -.v-table-footer td, -.white .v-table-footer td { - border-color: #c2c3c4; -} - -.v-table-footer-container { - padding-right: 7px; -} - -.v-table-header, -.v-table-footer, -.v-table-footer table { - height: 20px; -} - -.v-table-caption-container { - heigth: 16px; - padding-top: 4px; - padding-right: 4px; -} -.v-table-caption-container .v-icon { - height: 16px; - margin: -4px 3px 0 0; - vertical-align: middle; -} -.v-ie .v-table-caption-container .v-icon { - margin-top: -3px; -} -.v-table-footer-container { - heigth: 16px; -} -.v-table-resizer { - height: 20px; - width: 2px; - background: transparent; - border-right: 1px solid #c2c3c4; -} - -.v-table-sort-indicator { - background: transparent; - width: 0px; - height: 20px; -} - -.v-table-header-cell-asc .v-table-sort-indicator { - background: transparent no-repeat right 7px; - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: right -945px; - width: 16px; -} -.v-table-header-cell-desc .v-table-sort-indicator { - background: transparent no-repeat right 7px; - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: right -965px; - width: 16px; -} -.v-table-body, -.white .v-table-body { - border-color: #c2c3c4; - background: #fff; -} -.v-table-cell-content { - padding-top: 0; - border-right-color: #d3d4d5; - vertical-align: top; -} -.v-table-cell-wrapper { - padding-top: 3px; - padding-bottom: 3px; -} -.v-table-row-odd { - background: #eff0f1; -} -.v-table-cell-content:last-child { - border-right-color: transparent; -} -.v-table .v-selected, -.black .v-table .v-selected { - background: #4d749f url(common/img/sel-bg.png) repeat-x; /* We can't include this in the sprite, since we don't know the row height */ - color: #fff; - text-shadow: #3b5a7a 0 1px 0; -} -.v-table .v-selected .v-table-cell-content { - border-right-color: #466c90; -} -.v-table-focus .v-table-cell-wrapper { - padding-top: 2px; - padding-bottom: 2px; -} -.v-table-column-selector { - width: 16px; - height: 20px; - margin-top: -20px; - background: transparent no-repeat; - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -985px; -} -.v-table-column-selector:active { - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -1005px; -} -.v-table-focus-slot-left { - border-left-color: #222; - margin-left: 0; -} -.v-table-focus-slot-right { - border-right-color: #222; - margin-right: 0; -} -.v-table-header-drag { - font-family: arial, helvetica, verdana, sans-serif; - background: transparent repeat-x; - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -1025px; - padding: 4px; - text-transform: uppercase; - font-size: 10px; - font-weight: bold; - color: #222; - text-shadow: #fff 0 1px 0; - line-height: normal; -} -.v-table-header-drag * { - vertical-align: middle; -} -.v-table-header-drag img { - height: 16px; - margin: -3px 3px 0 0; -} -.v-table-scrollposition { - width: auto; - background: transparent; - border: none; -} -.v-table-scrollposition span { - background: transparent repeat-x; - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -1045px; - border: 1px solid #939494; - border: none; - border-radius-bottomleft: 4px; - border-radius-bottomright: 4px; - -moz-border-radius-bottomleft: 4px; - -moz-border-radius-bottomright: 4px; - -webkit-border-bottom-left-radius: 4px; - -webkit-border-bottom-right-radius: 4px; - height: 13px; - padding: 4px 30px; - white-space: nowrap; - color: #222; - text-shadow: #fff 0 1px 0; - position: relative; - top: 1px; - -webkit-box-shadow: rgba(0,0,0,.5) 0 1px 2px; - -moz-box-shadow: rgba(0,0,0,.5) 0 1px 2px; -} -.v-table-borderless .v-table-scrollposition span { - top: 0; -} -/* row in column selector */ -.v-contextmenu .v-on, -.v-contextmenu .v-off { - display: block; - background: transparent no-repeat 0 4px; - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -1067px; - padding-left: 12px; - padding-right: 4px; -} -.v-contextmenu .v-off { - background-image: none; - color: #666; -} -.v-contextmenu .gwt-MenuItem-selected .v-on { - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -1081px; -} - - -/* Strong style */ -.v-table-strong .v-table-header-wrap { - border-color: #2b3033; - border-top-color: #2b3033; - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -1096px; - color: #e7e9ea; - text-shadow: #000 0 -1px 0; -} -.v-table-strong .v-table-body { - border-top-color: #2b3033; -} -.v-table-strong .v-table-resizer { - border-right-color: #1c1f21; -} -.v-table-strong .v-table-header-cell-asc .v-table-sort-indicator { - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: right -1116px; -} -.v-table-strong .v-table-header-cell-desc .v-table-sort-indicator { - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: right -1135px; -} -.v-table-strong .v-table-column-selector { - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -1154px; -} -.v-table-strong .v-table-column-selector:active { - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -1174px; -} -.v-table-strong .v-table-header-drag { - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -1194px; - color: #e7e9ea; - text-shadow: #000 0 -1px 0; -} -.v-table-strong .v-table-focus-slot-left, -.v-table-strong .v-table-focus-slot-right { - border-color: #9ca1a5; -} - - -/* Table on black background (normal style) */ -.black .v-table-header-wrap { - border-color: #252729; - background-image: url(common/img/black-vertical-sprites.png); - -background-image: url(common/img/black-vertical-sprites-ie6.png); - background-position: left -622px; - color: #e7eaee; - text-shadow: #000 0 -1px 0; -} -.black .v-table-resizer { - border-right-color: #252729; -} -.black .v-table-header-cell-asc .v-table-sort-indicator { - background-image: url(common/img/black-vertical-sprites.png); - -background-image: url(common/img/black-vertical-sprites-ie6.png); - background-position: right -642px; -} -.black .v-table-header-cell-desc .v-table-sort-indicator { - background-image: url(common/img/black-vertical-sprites.png); - -background-image: url(common/img/black-vertical-sprites-ie6.png); - background-position: right -661px; -} -.black .v-table-column-selector { - background-image: url(common/img/black-vertical-sprites.png); - -background-image: url(common/img/black-vertical-sprites-ie6.png); - background-position: left -680px; -} -.black .v-table-column-selector:active { - background-image: url(common/img/black-vertical-sprites.png); - -background-image: url(common/img/black-vertical-sprites-ie6.png); - background-position: left -700px; -} -.black .v-table-header-drag { - background-image: url(common/img/black-vertical-sprites.png); - -background-image: url(common/img/black-vertical-sprites-ie6.png); - background-position: left -720px; - color: #e7eaee; - text-shadow: #000 0 -1px 0; -} -.black .v-table-focus-slot-left, -.black .v-table-focus-slot-right { - border-color: #9ca1a5; -} -.black .v-table-body { - border-color: #252729; - background: transparent; -} -.black .v-table-cell-content { - border-right-color: #252729; - border-bottom: 1px solid #252729; -} -.black .v-table-cell-wrapper { - padding-bottom: 2px; -} -.black .v-table-row-odd { - background: transparent; -} -/* Selection background-color combined with default style selector, so we don't have to duplicate the sprite image in the final sprite collection */ -.black .v-table .v-selected .v-table-cell-content { - border-bottom: 1px solid #4d749f; -} - - -/* Borderless style */ -.v-table-borderless .v-table-header-wrap, -.v-table-borderless .v-table-body { - border: none; -} - - - -/* These styles get catenated together on build */ - -/* Default Tabsheet styles */ - -.v-tabsheet-tabitemcell, -.v-tabsheet-spacertd { - height: 32px; -} -.v-tabsheet-tabitemcell { - background: no-repeat; - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -1214px; - padding-left: 3px; -} -.v-tabsheet-tabitemcell-first { - padding-left: 10px; - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -1246px; -} -.v-tabsheet-tabitem, -.v-tabsheet-spacertd div { - border: none; - height: 32px; - background: transparent repeat-x; - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -1278px; - padding: 0; - color: #222; - text-shadow: #fff 0 1px 0; -} -.v-tabsheet-tabitem .v-caption { - border: none; - height: 23px; - background: no-repeat right top; - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: right -1310px; - padding: 9px 8px 0 6px; -} -.v-tabsheet-tabitem .v-caption-closable { - padding-right: 0; - padding-left: 17px; -} -.v-tabsheet-tabitem .v-captiontext { - height: 16px; - line-height: 16px; -} -.v-tabsheet-caption-close { - float: right; - width: 19px; - height: 18px; - margin: -1px -1px 0; - padding-left: 2px; - background: transparent; - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -1342px; - cursor: default; - text-indent: -999px; - overflow: hidden; - font-size: 14px; - font-weight: normal; -} -.v-ff .v-tabsheet-caption-close, -.v-ie7 .v-tabsheet-caption-close { - margin-top: -17px; -} -.v-ie6 .v-tabsheet-caption-close { - float: none; -} -.v-tabsheet-caption-close:hover { - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -1360px; -} -.v-tabsheet-caption-close:active { - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -1378px; -} -.v-tabsheet-tabitem-selected .v-tabsheet-caption-close { - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -1396px; -} -.v-tabsheet-tabitem-selected .v-tabsheet-caption-close:hover { - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -1414px; -} -.v-tabsheet-tabitem-selected .v-tabsheet-caption-close:active { - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -1432px; -} -.v-tabsheet-tabitemcell-selected { - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -1450px; -} -.v-tabsheet-tabitemcell-selected-first { - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -1482px; -} -.v-tabsheet-tabitem-selected { - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -1514px; - color: #232930; -} -.v-tabsheet-tabitem-selected .v-caption { - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: right -1546px; -} -.v-tabsheet-spacertd div { - margin-right: 4px; -} -.v-tabsheet-spacertd { - background: transparent no-repeat right top; - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: right -1578px; -} -.blue .v-tabsheet-content { - border-color: #a8bcc5; -} -.v-tabsheet-content, -.white .v-tabsheet-content { - border: 1px solid #dcdcdc; - border-bottom: none; - border-top: none; - color: #222; - text-shadow: none; -} -.v-tabsheet-tabsheetpanel { - background: #fff; -} -.v-sa .v-tabsheet-content, -.v-ff3 .v-tabsheet-content { - border-color: rgba(0,0,0,.1); -} -.blue .v-tabsheet-deco { - border-color: #92a3ac; - background: #adc2cd; -} -.v-tabsheet-deco, -.white .v-tabsheet-deco { - height: 1px; - border-top: 1px solid #bebebe; - background: #e2e2e2; - overflow: hidden; -} -.v-sa .v-tabsheet-deco, -.v-ff3 .v-tabsheet-deco { - border-top-color: rgba(0,0,0,.1); - background: rgba(0,0,0,.08); -} - - -/* Icons & error indicators */ - -.v-tabsheet-tabs .v-icon, -.v-tabsheet-tabs .v-captiontext, -.v-tabsheet-tabs .v-errorindicator { - display: inline; - float: none; -} -.v-sa .v-tabsheet-tabs .v-captiontext { - display: inline-block; -} -.v-tabsheet-tabs .v-icon { - width: 16px !important; - height: 16px !important; -} -.v-tabsheet-tabs .v-errorindicator { - display: inline-block; - width: 13px; - height: 16px; - background: transparent url(common/icons/error.png) no-repeat 50%; -} -.v-ff2 .v-tabsheet-tabs .v-icon, -.v-ff2 .v-tabsheet-tabs .v-errorindicator { - display: -moz-inline-stack; -} -.v-ie6 .v-tabsheet-tabs .v-errorindicator { - background-image: url(common/icons/error-ie6.png); -} -.v-ie .v-tabsheet-tabs .v-errorindicator { - zoom: 1; - display: inline; -} -.v-ie8 .v-tabsheet-tabs .v-errorindicator, -.v-ie9 .v-tabsheet-tabs .v-errorindicator { - display: inline-block; -} - -/* Tabsheet scroller styles */ - -.v-tabsheet-scroller { - height: 31px; - margin-top: -31px; - padding: 0 3px 0 4px; - border-right: 1px solid #c2c2c2; - border-left: 1px solid #cfcfcf; - position: relative; - float: right; - background: transparent url(tabsheet/img/framed/tab-bg.png) repeat-x left -1px; - width: 36px; -} -.v-tabsheet-scroller button { - margin-top: 7px; -} -.v-tabsheet-scrollerPrev, -.v-tabsheet-scrollerNext, -.v-tabsheet-scrollerPrev-disabled, -.v-tabsheet-scrollerNext-disabled { - border: none; - background: transparent; - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -1610px; - width: 18px; - height: 17px; - overflow: hidden; - cursor: default; -} -.v-tabsheet-scroller button::-moz-focus-inner { - border: none; -} -.v-tabsheet-scrollerNext { - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -1627px; -} -.v-tabsheet-scrollerPrev:active { - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -1644px; -} -.v-tabsheet-scrollerNext:active { - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -1661px; -} -.v-tabsheet-scrollerPrev-disabled, -.v-tabsheet-scrollerPrev-disabled:active { - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -1678px; - opacity: 1; - filter: none; -} -.v-tabsheet-scrollerNext-disabled, -.v-tabsheet-scrollerNext-disabled:active { - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -1695px; - opacity: 1; - filter: none; -} - -.v-tabsheet-borderless .v-tabsheet-tabitemcell-first { - padding-left: 7px; - background: url(tabsheet/img/framed/tab-first-left.png) no-repeat -3px 0; -} -.v-tabsheet-borderless .v-tabsheet-tabitemcell-selected-first { - background: url(tabsheet/img/framed/tab-first-left-sel.png) no-repeat -3px 0; -} -.v-tabsheet-borderless .v-tabsheet-spacertd div { - margin-right: 0; -} -.v-tabsheet-borderless .v-tabsheet-spacertd { - background: transparent; -} -.v-tabsheet-borderless .v-tabsheet-content { - border: none; -} -.v-tabsheet-borderless .v-tabsheet-deco { - height: 0; - border-top: none; -} - -/** - * Tabsheet "minimal" style -------------- - */ - -/* Minimal tabsheet on blue background */ -.blue .v-tabsheet-tabs-minimal .v-tabsheet-spacertd div, -.blue .v-tabsheet-tabs-minimal .v-tabsheet-tabitem, -.blue .v-tabsheet-tabs-minimal .v-tabsheet-tabitem-selected { - border-color: #7c8a91; -} -.blue .v-tabsheet-tabs-minimal .v-tabsheet-caption-close { - color: #7c8a91; -} -.blue .v-tabsheet-tabs-minimal .v-tabsheet-caption-close:hover { - color: #BCD3DE; - background: #778d98; -} -.blue .v-tabsheet-tabs-minimal .v-tabsheet-caption-close:active { - background: #4f6874; -} - -/* Default & white styles */ -.v-tabsheet-tabs-minimal .v-tabsheet-spacertd div, -.white .v-tabsheet-tabs-minimal .v-tabsheet-spacertd div { - border-bottom: 1px solid #bfbfbf; - height: auto; - background: transparent; -} -.v-tabsheet-tabs-minimal .v-tabsheet-tabitemcell, -.v-tabsheet-tabs-minimal .v-tabsheet-spacertd { - height: auto; - background: transparent; - padding-left: 0; -} -.v-tabsheet-tabs-minimal .v-tabsheet-tabitem, -.white .v-tabsheet-tabs-minimal .v-tabsheet-tabitem { - border: none; - border-bottom: 1px solid #bfbfbf; - color: #4d748f; - padding: 0; - height: auto; - background: transparent; - text-shadow: none; -} -.v-tabsheet-tabs-minimal .v-tabsheet-tabitem .v-caption { - padding: 5px 16px; - height: auto; - background: transparent; -} -.v-tabsheet-tabs-minimal .v-tabsheet-tabitemcell-selected { - background: transparent; -} -.v-tabsheet-tabs-minimal .v-tabsheet-tabitem-selected, -.white .v-tabsheet-tabs-minimal .v-tabsheet-tabitem-selected { - background: transparent; - border: 1px solid #bfbfbf; - border-bottom: none; - color: #222; -} -.v-tabsheet-tabs-minimal .v-tabsheet-tabitem-selected .v-caption { - background: transparent; - padding: 4px 15px 6px 15px; -} -.v-tabsheet-tabs-minimal .v-tabsheet-tabitem .v-caption-closable, -.v-tabsheet-tabs-minimal .v-tabsheet-tabitem-selected .v-caption-closable { - padding-right: 6px; -} -.v-tabsheet-content-minimal, -.white .v-tabsheet-content-minimal { - border: none; -} -.v-tabsheet-content-minimal .v-tabsheet-tabsheetpanel { - background: transparent; -} -.v-tabsheet-deco-minimal, -.white .v-tabsheet-deco-minimal { - height: 0; - border: none; -} -.v-tabsheet-tabcontainer-minimal .v-tabsheet-scroller { - margin-top: -20px; - height: 17px; - padding: 0; - border: none; - background: transparent; -} -.v-tabsheet-tabcontainer-minimal .v-tabsheet-scroller button { - margin-top: 0; -} -.v-tabsheet-tabs-minimal .v-tabsheet-caption-close, -.v-tabsheet-tabs-minimal .v-tabsheet-caption-close:hover, -.v-tabsheet-tabs-minimal .v-tabsheet-caption-close:active { - text-indent: 0; - background: transparent; - margin-left: 3px; - margin-right: -3px; - padding: 0; - color: #999; - width: 14px; - height: 14px; - line-height: 14px; - -webkit-border-radius: 7px; - -moz-border-radius: 7px; -} -.v-tabsheet-tabs-minimal .v-tabsheet-caption-close { - margin-top: 1px; -} -.v-ff .v-tabsheet-tabs-minimal .v-tabsheet-caption-close, -.v-ie7 .v-tabsheet-tabs-minimal .v-tabsheet-caption-close { - margin-top: -15px; -} -.v-tabsheet-tabs-minimal .v-tabsheet-caption-close:hover, -.white .v-tabsheet-tabs-minimal .v-tabsheet-caption-close:hover { - color: #fff; - background: #aaa; -} -.v-tabsheet-tabs-minimal .v-tabsheet-caption-close:active, -.white .v-tabsheet-tabs-minimal .v-tabsheet-caption-close:active { - background: #777; -} - -/* Minimal tabsheet on black background */ -.black .v-tabsheet-tabs-minimal .v-tabsheet-spacertd div, -.black .v-tabsheet-tabs-minimal .v-tabsheet-tabitem, -.black .v-tabsheet-tabs-minimal .v-tabsheet-tabitem-selected { - border-color: #3e4044; - color: #6a7f89; -} -.black .v-tabsheet-tabs-minimal .v-tabsheet-tabitem-selected { - color: #c9ccce; -} -.black .v-tabsheet-content-minimal, -.black .v-tabsheet-content-bar { - color: #c9ccce; - text-shadow: #000 0 0 1px; -} -.black .v-tabsheet-tabs-minimal .v-tabsheet-caption-close { - color: #72787c; -} -.black .v-tabsheet-tabs-minimal .v-tabsheet-caption-close:hover { - color: #1d2021; - background: #4d5154; -} -.black .v-tabsheet-tabs-minimal .v-tabsheet-caption-close:active { - background: #626669; -} - -/** - * Tabsheet bar style --------------- - */ -.v-tabsheet-tabs-bar .v-tabsheet-tabitemcell, -.v-tabsheet-tabs-bar .v-tabsheet-spacertd { - height: 20px; -} -.v-tabsheet-tabs-bar .v-tabsheet-spacertd { - background: transparent; -} -.v-tabsheet-tabs-bar .v-tabsheet-tabitemcell { - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -1713px; -} -.v-tabsheet-tabs-bar .v-tabsheet-tabitemcell-first { - padding-left: 6px; - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -1733px; -} -.v-tabsheet-tabs-bar .v-tabsheet-tabitem, -.v-tabsheet-tabs-bar .v-tabsheet-spacertd div { - height: 20px; - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -1753px; - font-size: 11px; - margin: 0; -} -.v-tabsheet-tabs-bar .v-tabsheet-tabitem .v-caption { - height: 18px; - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: right -1773px; - padding: 2px 12px 0 10px; -} -.v-tabsheet-tabs-bar .v-tabsheet-tabitem .v-caption-closable, -.v-tabsheet-tabs-bar .v-tabsheet-tabitem-selected .v-caption-closable { - padding-right: 8px; - padding-left: 14px; -} -.v-tabsheet-tabs-bar .v-tabsheet-caption-close, -.v-tabsheet-tabs-bar .v-tabsheet-caption-close:hover, -.v-tabsheet-tabs-bar .v-tabsheet-caption-close:active { - text-indent: 0; - background: transparent; - margin-left: 3px; - margin-right: -3px; - padding: 1px 0 0 1px; - color: #3c3c3c; - width: 13px; - height: 13px; - line-height: 12px; - -webkit-border-radius: 7px; - -moz-border-radius: 7px; -} -.v-tabsheet-tabs-bar .v-tabsheet-caption-close { - margin-top: 1px; -} -.v-ff .v-tabsheet-tabs-bar .v-tabsheet-caption-close, -.v-ie7 .v-tabsheet-tabs-bar .v-tabsheet-caption-close { - margin-top: -14px; -} -.v-tabsheet-tabs-bar .v-tabsheet-caption-close:hover { - background: #bfbfbf; - -webkit-box-shadow: 0 1px 0 #fff; -} -.v-tabsheet-tabs-bar .v-tabsheet-caption-close:active { - background: #a9a9a9; -} -.v-tabsheet-tabs-bar .v-tabsheet-tabitem-selected .v-tabsheet-caption-close { - color: #404142; -} -.v-tabsheet-tabs-bar .v-tabsheet-tabitem-selected .v-tabsheet-caption-close:hover { - background: #5e666e; - color: #fff; - text-shadow: 0 -1px 0 #222; -} -.v-tabsheet-tabs-bar .v-tabsheet-tabitem-selected .v-tabsheet-caption-close:active { - background: #404142; -} - -.v-tabsheet-tabs-bar .v-tabsheet-tabitemcell-selected { - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -1793px; -} -.v-tabsheet-tabs-bar .v-tabsheet-tabitemcell-selected-first { - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -1813px; -} -.v-tabsheet-tabs-bar .v-tabsheet-tabitem-selected { - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -1833px; - color: #232930; -} -.v-tabsheet-tabs-bar .v-tabsheet-tabitem-selected .v-caption { - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: right -1853px; -} -.v-tabsheet-tabcontainer-bar .v-tabsheet-scroller { - margin-top: -20px; - height: 19px; - border-right: none; - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -1873px; -} -.v-tabsheet-tabcontainer-bar .v-tabsheet-scroller button { - margin-top: 1px; -} -.v-tabsheet-content-bar, -.white .v-tabsheet-content-bar { - border: none; -} -.v-tabsheet-content-bar .v-tabsheet-tabsheetpanel { - background: transparent; -} -.v-tabsheet-deco-bar, -.white .v-tabsheet-deco-bar { - height: 0; - border: none; -} -/* Content area font color specified with minimal style (reduces additional selectors) */ - -.v-tabsheet-tabs-selected-closable .v-tabsheet-tabitem .v-tabsheet-caption-close, -.v-tabsheet-tabs-selected-closable .v-tabsheet-tabitem:hover .v-tabsheet-caption-close { - visibility: hidden; -} -.v-tabsheet-tabs-selected-closable .v-tabsheet-tabitem-selected .v-tabsheet-caption-close, -.v-tabsheet-tabs-selected-closable .v-tabsheet-tabitem-selected:hover .v-tabsheet-caption-close { - visibility: visible; -} - -.v-tabsheet-tabs-hover-closable .v-tabsheet-caption-close { - visibility: hidden; -} -.v-tabsheet-tabs-hover-closable .v-tabsheet-tabitem:hover .v-tabsheet-caption-close { - visibility: visible; -} - -/* Textfield on blue background */ -.blue .v-textfield, -.blue .v-textarea { - border-color: #92a2aa; - border-top-color: #7c8a90; - border-bottom-color: #a1b3bc; -} -/* Default & white background */ -.v-textfield, -.v-textarea, -.white .v-textfield, -.white .v-textarea { - 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 -1893px; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; - margin: 0; - height: 15px; - line-height: normal; -} -.v-textarea, -.white .v-textarea { - background-image: none; - height: auto; -} -/* Need more specific selector because of #2384 fixes in base/common/common.css */ -.v-app input.v-textfield, -.v-window input.v-textfield, -.v-app textarea.v-textarea, -.v-window textarea.v-textarea { - padding: 3px 3px 4px; -} -.v-app .v-textfield-focus, -.v-window .v-textfield-focus, -.v-popupview-popup .v-textfield-focus, -.v-app .v-textarea-focus, -.v-window .v-textarea-focus, -.v-popupview-popup .v-textarea-focus { - border-color: #5b97d0; - border-top-color: #4f83b4; - border-bottom-color: #5ca0df; - outline: none; - background-color: #fff; -} -input.v-textfield-prompt, -textarea.v-textarea-prompt { - font-style: normal; - color: #999; -} -/* Small style textfield */ -.v-app input.v-textfield-small { - font-size: 11px; - line-height: normal; - height: auto; - padding: 2px; -} -.v-app textarea.v-textarea-small { - font-size: 11px; -} -.v-table input.v-textfield { - padding: 1px 2px; - height: auto; - line-height: normal; -} -.v-table-cell-wrapper > input.v-textfield { - margin-top: -2px; - margin-bottom: -2px; -} -.v-ie6 .v-table-cell-wrapper input.v-textfield { - margin-top: -2px; - margin-bottom: -2px; -} -.v-ie6 .v-table-cell-wrapper div input.v-textfield { - margin-top: 0; - margin-bottom: 0; -} -/* Textfield on black background */ -.black .v-textfield, -.black .v-textarea { - border-color: #38393a; - border-top-color: #2c2d2e; - border-bottom-color: #3e3f3f; - background: #151717; - background-image: url(common/img/black-vertical-sprites.png); - -background-image: url(common/img/black-vertical-sprites-ie6.png); - background-position: left -740px; - color: #c9ccce; - text-shadow: #000 0 0 1px; -} -.black .v-textarea { - background-image: none; -} -.v-app .black .v-textfield-focus, -.v-window-black .v-textfield-focus, -.v-window .black .v-textfield-focus, -.v-popupview-popup .black .v-textfield-focus, -.v-app .black .v-textarea-focus, -.v-window-black .v-textarea-focus, -.v-window .black .v-textarea-focus, -.v-popupview-popup .black .v-textarea-focus { - border-color: #4b7192; - border-top-color: #3b5a75; - border-bottom-color: #507596; - background-color: #151717; -} -.black input.v-textfield-prompt { - color: #5f6366; -} -/* Readonly */ -input.v-textfield-readonly, -.black input.v-textfield-readonly, -textarea.v-textarea-readonly, -.black textarea.v-textarea-readonly { - border: none; - background: transparent; -} - -.v-tree-node { - background: transparent url(tree/img/arrows.png) no-repeat 6px -10px; -} -.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 5px; -} -.v-tree-node-caption { - margin-left: 16px; - padding-bottom: 1px; -} -.v-tree-node span { - padding: 1px 2px; - display: inline-block; -} -.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 -1916px; - color: #fff; - padding: 1px 2px; - -webkit-border-radius: 2px; - -moz-border-radius: 2px; - text-shadow: #2b425a 0 1px 0; - display: inline-block; -} -.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; -} -.v-tree-node-caption.v-tree-node-focused span{ - padding-left: 1px; - padding-top: 0px; - padding-bottom: 0px; -} -.v-tree-node-focused span{ - border: 1px dotted black; -} -.v-ie6 .v-tree-node-ie6compatnode.v-tree-node-focused{ - padding-left: 0px; -} -/*************************************** - * Drag'n'drop styles - ***************************************/ -.v-tree .v-tree-node-drag-top { - background-position: 6px -11px; -} -.v-tree .v-tree-node-drag-top.v-tree-node-expanded { - background-position: -7px 4px; -} - -.v-window { - background: transparent; -} -.v-window-wrap { - border: 1px solid #808386; -} -.v-sa .v-window-wrap, -.v-ff3 .v-window-wrap, -.v-op .v-window-wrap { - border-color: rgba(0,0,0,.2); -} -.v-ff2 .v-window-wrap, -.v-ie6 .v-window-wrap { - border: none; -} -.v-ff2 .v-window-outerheader, -.v-ie6 .v-window-outerheader { - border: 1px solid #808386; - border-bottom: none; -} -.v-ff2 .v-window-contents, -.v-ie6 .v-window-contents { - border: 1px solid #808386; - border-top: none; - border-bottom: none; -} -.v-ff2 .v-window-footer, -.v-ie6 .v-window-footer { - border: 1px solid #808386; - border-top: none; -} -.v-window-outerheader { - padding: 12px 32px 0 14px; - height: 25px; - background: black repeat-x; - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -1936px; -} -.v-window-header { - font-weight: bold; - font-size: 12px; - line-height: normal; - color: #fff; - text-shadow: #000 0 -1px 0; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - -ms-text-overflow: ellipsis; -} -.v-window-error .v-window-header { - padding-left: 13px; - background: transparent url(common/icons/error.png) no-repeat 0 50%; -} -.v-ie6 .v-window-error .v-window-header { - background-image: url(common/icons/error-ie6.png); -} -.v-window-resizebox { - width: 15px; - height: 15px; - cursor: se-resize; - background: transparent; - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -1973px; -} -.v-window-footer { - background-color:white; - background-repeat: repeat-x; - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -1988px; - height: 15px; -} -.v-window-closebox { - top: 12px; - right: 10px; - width: 15px; - height: 16px; - background: transparent; - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -2003px; -} -.v-window-closebox:hover { - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -2019px; -} -.v-window-closebox:active { - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -2035px; -} -.v-window-contents { - background: #fff; -} -.v-window-modalitycurtain { - background: #56595b; -} - - - - - - -/** - Light style window ----------------------------- -**/ - -.v-window-light .v-window-outerheader { - background: transparent; - padding: 15px 32px 0 18px; - height: 23px; -} -.v-window-light .v-window-header { - font-size: 16px; - color: #292e34; - text-shadow: none; -} -.v-window-light .v-window-resizebox { - width: 12px; - height: 12px; - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -2051px; -} -.v-window-light .v-window-footer { - background: transparent; - height: 12px; -} -.v-window-light .v-window-closebox { - right: 1px; - top: 17px; - width: 19px; - height: 15px; - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -2063px; -} -.v-window-light .v-window-closebox:hover { - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -2078px; -} -.v-window-light .v-window-closebox:active { - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -2093px; -} -.v-window-light .v-window-contents { - background: transparent; -} -/* This must be the last sprite added to the verticals-sprite image */ -.v-window-light .v-window-wrap2 { - background: #f7f7f8 repeat-x; - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -2108px; -} -.v-ie6 .v-window-light .v-window-wrap2 { - background-image: none; -} - - - - - -/** - Black style window ----------------------------- -**/ - -.v-window-black .v-window-wrap { - border-color: #2e3030; - border-radius: 8px; - -webkit-border-radius: 8px; - -moz-border-radius: 8px; - overflow: hidden; -} -.v-sa .v-window-black .v-window-wrap, -.v-ff3 .v-window-black .v-window-wrap, -.v-op .v-window-black .v-window-wrap { - border-color: rgba(0,0,0,.8); -} -.v-window-black .v-window-wrap2 { - background-color: #1d2021; - -moz-border-radius: 7px; - -webkit-border-radius: 7px; -} -.v-sa .v-window-black .v-window-wrap2, -.v-ff3 .v-window-black .v-window-wrap2, -.v-op .v-window-black .v-window-wrap2 { - background-color: rgba(29,32,33,.9); -} -.v-window-black .v-window-outerheader { - height: auto; - padding: 7px 14px; - height: 15px; - background: transparent repeat-x; - background-image: url(common/img/black-vertical-sprites.png); - -background-image: url(common/img/black-vertical-sprites-ie6.png); - background-position: left -763px; - text-align: center; - -moz-border-radius-topright: 7px; - -moz-border-radius-topleft: 7px; - -webkit-border-top-right-radius: 7px; - -webkit-border-top-left-radius: 7px; - overflow: hidden; - border: none; -} -.v-window-black .v-window-header { - font-size: 12px; - font-weight: normal; - color: #dddfe1; -} -.v-window-black .v-window-closebox { - top: 8px; -} -.v-window-black .v-window-footer { - background: transparent; - border: none; - height: 14px; -} -.v-window-black .v-window-resizebox { - background: transparent no-repeat; - background-image: url(common/img/black-vertical-sprites.png); - -background-image: url(common/img/black-vertical-sprites-ie6.png); - background-position: left -792px; - width: 14px; - height: 14px; -} -.v-ie6 .v-window-black .v-window-resizebox { - background-image: url(common/img/black-vertical-sprites.png); - -background-image: url(common/img/black-vertical-sprites-ie6.png); - background-position: left -806px; -} -.v-ie6 .v-window-black .v-window-contents { - background: transparent url(window/img/black/content-bg-ie6.png) repeat-x; -} -/* Must be last to make this image last in the sprites */ -.v-window-black .v-window-contents { - border: none; - background: transparent repeat-x; - background-image: url(common/img/black-vertical-sprites.png); - -background-image: url(common/img/black-vertical-sprites-ie6.png); - background-position: left -820px; -} diff --git a/WebContent/VAADIN/themes/runo/styles.css b/WebContent/VAADIN/themes/runo/styles.css deleted file mode 100644 index a9fb712eb2..0000000000 --- a/WebContent/VAADIN/themes/runo/styles.css +++ /dev/null @@ -1,4471 +0,0 @@ -.v-theme-version:after {content:"6_6_0_dev-20110411";} -.v-theme-version-6_6_0_dev-20110411 {display: none;} -/* Automatically compiled css file from subdirectories. */ - -.v-absolutelayout-wrapper { - position: absolute; - overflow: hidden; -} - -.v-accordion { - position: relative; - outline: none; - overflow: hidden; - text-align: left /* Force default alignment */ -} -.v-accordion-item { - position: relative; - zoom: 1; -} -.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%; -} - -/* - * Default button (more customizable) - * -------------------------------------- */ -.v-button { - display: inline-block; - zoom: 1; - text-align: center; - text-decoration: none; - border: 2px outset #ddd; - background: #eee; - cursor: pointer; - white-space: nowrap; - margin: 0; - padding: .2em 1em; - color: inherit; - font: inherit; - line-height: normal; - -khtml-user-select: none; - -moz-user-select: none; - -ie-user-select: none; - user-select: none; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - -ms-box-sizing: border-box; - box-sizing: border-box; -} - -.v-button.v-disabled { - cursor: default; -} - -.v-ie6 .v-button { - display: inline; -} - -.v-ie7 .v-button { - display: inline; -} - -.v-button-wrap, -.v-button-caption { - vertical-align: middle; - white-space: nowrap; - font: inherit; - color: inherit; - line-height: normal; - } - -.v-button .v-icon, -.v-nativebutton .v-icon { - vertical-align: middle; - margin-right: 3px; - border: none; - } - -.v-button .v-errorindicator, -.v-nativebutton .v-errorindicator { - display: inline-block; - zoom: 1; - vertical-align: middle; - float: none; -} - -/* Link style (we really should deprecate this) */ -.v-button-link, -.v-nativebutton-link { - border: none; - text-align: left; - background: transparent; - padding: 0; - color: inherit; - -khtml-user-select: text; - -moz-user-select: text; - -ie-user-select: text; - user-select: text; -} - -/* Inset Safari focus outline a bit */ -.v-sa .v-button-link:focus{ - outline-offset: -3px; - } - -.v-button-link .v-button-caption, -.v-nativebutton-link .v-nativebutton-caption { - text-decoration: underline; - color: inherit; - text-align: left; - } - - -/* - * NativeButton styles (html button element) - * -------------------------------------- */ -.v-nativebutton { - text-align: center; - cursor: pointer; - white-space: nowrap; - margin: 0; - color: inherit; - font: inherit; - line-height: normal; - } -.v-nativebutton .v-nativebutton-caption { - vertical-align: middle; - white-space: nowrap; - font: inherit; - color: inherit; - } - -.v-nativebutton .v-icon { - vertical-align: middle; - margin-right: 3px; - } - -.v-nativebutton .v-errorindicator { - display: inline-block; - zoom: 1; - float: none; -} -/* Fixes streched buttons in IE6 and IE7*/ -.v-ie6 .v-nativebutton { - width: 1px; -} -.v-ie .v-nativebutton { - overflow: visible; - padding-left: 1em; - padding-right: 1em; -} - -.v-ie .v-nativebutton-link { - padding: 0; -} - -/* - * Checkbox styles - * -------------------------------------- */ - - .v-checkbox { - display: block; - } - -.v-checkbox, -.v-checkbox label, -.v-checkbox input, -.v-checkbox .v-icon { - vertical-align: middle; - white-space: nowrap; -} - -/* Fix for IE6/IE7 issue where checkbox moves 1 pixel down after selection (#4636) */ -.v-ie6 .v-checkbox, -.v-ie7 .v-checkbox { - vertical-align: baseline; -} - -.v-checkbox .v-icon { - margin: 0 2px; -} -.v-checkbox .v-errorindicator { - float: none; - display: inline; - display: inline-block; - zoom: 1; -} - - -/* Disabled by default -.v-checkbox-error { - background: #ffe0e0; -} -*/ -/* Disabled by default -.v-checkbox-required { - background: #ffe0e0; -} -*/ - -.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; -} - -.v-caption-clearelem { - clear: both; - width: 0; - height: 0; - overflow: hidden; -} - -/* 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; -} - -/* 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%; -} -/* Force arrow cursor for all elements inside the app */ -.v-app, -.v-window, -.v-popupview-popup, -.v-label, -.v-caption { - cursor: default; -} -div.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 */ - background-image: url(../base/common/img/loading-indicator.gif); - background-repeat: no-repeat; - background-position: 50%; - width: 100%; - height: 100%; -} -.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; -} -/* Revert line-height for heading elements inside labels */ -.v-label h1, -.v-label h2, -.v-label h3, -.v-label h4, -.v-label h5, -.v-label h6 { - line-height: normal; -} -/* 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 { - position: absolute; - top: 0; - right: 0; - z-index: 30000; - width: 31px; - height: 31px; - background: transparent url(../base/common/img/loading-indicator.gif); - margin-right: 5px; - margin-top: 5px; -} -.v-loading-indicator-delay { - background-image: url(../base/common/img/loading-indicator-delay.gif); -} -.v-loading-indicator-wait { - background-image: url(../base/common/img/loading-indicator-wait.gif); -} -/* 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; - white-space: pre; -} -.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 , -.v-window input[type="text"], -.v-window input[type="password"], -.v-window input[type="reset"], -.v-window select, -.v-window textarea { - padding: 2px; -} - -.v-drag-element { - z-index: 60000; - position: absolute; - opacity: 0.5; - filter: alpha(opacity=50); - cursor: default; -} - -.v-csslayout { - overflow: hidden; -} -.v-csslayout-margin-top { - padding-top: 12px; -} -.v-csslayout-margin-bottom { - padding-bottom: 12px; -} -.v-csslayout-margin-left { - padding-left: 12px; -} -.v-csslayout-margin-right { - padding-right: 12px; -} - -.v-customcomponent { - overflow: hidden; -} - -.v-customlayout { - overflow: hidden; -} - -.v-datefield { - white-space: nowrap; - float: left; /* Force minimum width */ -} -.v-datefield-textfield { - vertical-align: top; -} -.v-datefield-button { - cursor: pointer; -} -.v-datefield-prompt .v-datefield-textfield { - color: #999; - font-style: italic; -} -.v-datefield .v-datefield-button-readonly { - display: none; -} -.v-datefield-calendarpanel table { - width: 100%; -} -.v-datefield-calendarpanel td { - padding: 0; - margin: 0; -} -.v-datefield-calendarpanel:focus{ - outline:none; -} -.v-datefield-calendarpanel-header td { - text-align: center; -} -.v-datefield-calendarpanel-month { - text-align: center; - white-space: nowrap; -} -.v-datefield-calendarpanel-weeknumber { - color: #999; - border-right: 1px solid #ddd; - font-size: 0.9em; -} -.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-calendarpanel-day-focused { - outline: 1px dotted black; -} -.v-datefield-time { - white-space: nowrap; -} -.v-datefield-time .v-label { - display: inline; -} -.v-datefield-popup { - background: #fff; -} -/* 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); -} - -.v-ddwrapper { - padding: 2px; - -moz-border-radius: 4px; - -webkit-border-radius: 4px; - border-radius: 4px; -} -.v-ddwrapper-over { - border: 2px solid #1d9dff; - background-color: #bcdcff; - padding: 0; -} -.v-ddwrapper-over { - background-color: rgba(169,209,255,.6); -} -.no-box-drag-hints .v-ddwrapper-over { - border: none; - background-color: transparent; - padding: 2px; -} -.v-app .v-ddwrapper-over-top, -.v-window .v-ddwrapper-over-top, -.v-popupview-popup .v-ddwrapper-over-top { - border: none; - border-top: 2px solid #1d9dff; - background-color: transparent; - padding: 2px; - padding-top: 0; - -moz-border-radius: 0; - -webkit-border-radius: 0; - border-radius: 0; -} -.v-app .v-ddwrapper-over-bottom, -.v-window .v-ddwrapper-over-bottom, -.v-popupview-popup .v-ddwrapper-over-bottom { - border: none; - border-bottom: 2px solid #1d9dff; - background-color: transparent; - padding: 2px; - padding-bottom: 0; - -moz-border-radius: 0; - -webkit-border-radius: 0; - border-radius: 0; -} -.v-app .v-ddwrapper-over-left, -.v-window .v-ddwrapper-over-left, -.v-popupview-popup .v-ddwrapper-over-left { - border: none; - border-left: 2px solid #1d9dff; - background-color: transparent; - padding: 2px; - padding-left: 0; - -moz-border-radius: 0; - -webkit-border-radius: 0; - border-radius: 0; -} -.v-app .v-ddwrapper-over-right, -.v-window .v-ddwrapper-over-right, -.v-popupview-popup .v-ddwrapper-over-right { - border: none; - border-right: 2px solid #1d9dff; - background-color: transparent; - padding: 2px; - padding-right: 0; - -moz-border-radius: 0; - -webkit-border-radius: 0; - border-radius: 0; -} -.v-ddwrapper, -.v-ddwrapper-over, -.v-app .v-ddwrapper-over-top, -.v-window .v-ddwrapper-over-top, -.v-popupview-popup .v-ddwrapper-over-top, -.v-app .v-ddwrapper-over-bottom, -.v-window .v-ddwrapper-over-bottom, -.v-popupview-popup .v-ddwrapper-over-bottom, -.v-app .v-ddwrapper-over-left, -.v-window .v-ddwrapper-over-left, -.v-popupview-popup .v-ddwrapper-over-left, -.v-app .v-ddwrapper-over-right, -.v-window .v-ddwrapper-over-right, -.v-popupview-popup .v-ddwrapper-over-right { - border-color: rgba(0,109,232,.6); -} - -.v-ddwrapper-over-top:before, -.v-ddwrapper-over-bottom:after, -.v-ddwrapper-over-left:before, -.v-ddwrapper-over-right:before { - display: block; - content: ""; - position: absolute; - width: 6px; - height: 6px; - margin-top: -4px; - margin-left: -2px; - background: transparent url(../base/common/img/drag-slot-dot.png) no-repeat; -} -.v-ddwrapper-over-bottom:after { - margin-top: -2px; -} -.v-ddwrapper-over-left:before, -.v-ddwrapper-over-right:before { - background-position: 0 -6px; - margin-top: -2px; - margin-left: -4px; -} -.v-ddwrapper-over-right:before { - position: relative; - margin-bottom: -4px; - margin-right: -4px; - margin-left: 0; - width: auto; - background-position: 100% -6px; -} - -.no-horizontal-drag-hints .v-ddwrapper-over-left { - padding-left: 2px; - border-left: none; -} -.no-horizontal-drag-hints .v-ddwrapper-over-right { - padding-right: 2px; - border-right: none; -} -.no-vertical-drag-hints .v-ddwrapper-over-top { - padding-top: 2px; - border-top: none; -} -.no-vertical-drag-hints .v-ddwrapper-over-bottom { - padding-bottom: 2px; - border-bottom: none; -} -.no-horizontal-drag-hints .v-ddwrapper-over-left:before, -.no-horizontal-drag-hints .v-ddwrapper-over-right:before, -.no-vertical-drag-hints .v-ddwrapper-over-top:before, -.no-vertical-drag-hints .v-ddwrapper-over-bottom:after { - display: none; -} - - -.v-table .v-embedded-image { - /* make embeddeds be centered in centered table cells. */ - display: inline-block; -} - -.v-formlayout-cell .v-errorindicator { - display: block; -} -.v-formlayout-error-indicator { - /* fix width so layout is not jumpy when error disappears */ - width: 12px; -} -.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: 6px; -} -.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: 12px; -} -.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: 12px; -} -.v-formlayout-margin-left .v-formlayout-captioncell { - padding-left: 12px; -} -.v-formlayout-margin-right .v-formlayout-contentcell { - padding-right: 12px; -} -.v-formlayout-captioncell .v-caption .v-required-field-indicator { - float: none; -} - -.v-gridlayout-margin-top { - padding-top: 12px; -} -.v-gridlayout-margin-bottom { - padding-bottom: 12px; -} -.v-gridlayout-margin-left { - padding-left: 12px; -} -.v-gridlayout-margin-right { - padding-right: 12px; -} -.v-gridlayout-spacing-on { - padding-left: 6px; - padding-top: 6px; - 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; -} - -.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; -} - -.v-loginform { - height: 140px; - width: 200px; -} - -.v-app-loginpage .v-button, -.v-app-loginpage .v-button { - float: left; /* Force minimum width for button */ -} - -.v-menubar { - float: left; /* Force minimum width */ - white-space: nowrap; -} -.v-menubar .v-menubar-menuitem { - cursor: default; - vertical-align: middle; - white-space: nowrap; - display: inline; - display: inline-block; - zoom: 1; -} -.v-menubar .v-menubar-menuitem-caption * { - vertical-align: middle; - white-space: nowrap; -} -.v-menubar-submenu { - background: #fff; -} -.v-menubar-menuitem-selected { - background: #333; - color: #fff; -} -.v-menubar-submenu .v-menubar-menuitem { - cursor: default; - display: block; - position: relative; - padding-right: 1.5em; -} -.v-menubar-submenu .v-menubar-menuitem-caption { - display: block; -} -.v-menubar-submenu .v-menubar-menuitem *, -.v-menubar-submenu .v-menubar-menuitem-caption * { - white-space: nowrap; -} -.v-menubar-submenu-indicator { - display: none; - /* Arial has the most coverage for geometric entity characters */ - font-family: arial, helvetica, sans-serif; -} -.v-menubar-submenu .v-menubar-submenu-indicator { - display: block; - position: absolute; - right: 0; - width: 1em; - height: 1em; - font-size: 0.9em; -} -.v-menubar-menuitem-disabled, -.v-menubar span.v-menubar-menuitem-disabled:hover, -.v-menubar span.v-menubar-menuitem-disabled:focus, -.v-menubar span.v-menubar-menuitem-disabled:active { - color: #999; -} -.v-menubar-more-menuitem { - /* Arial has the most coverage for geometric entity characters */ - font-family: arial, helvetica, sans-serif; -} -.v-menubar-separator { - overflow: hidden; -} -.v-menubar-separator span { - display: block; - text-indent: -9999px; - font-size: 1px; - line-height: 1px; - border-top: 1px solid #ddd; - margin: 3px 0 2px; - overflow: hidden; -} -.v-menubar .v-icon, -.v-menubar-submenu .v-icon { - margin-right: 3px; -} - -.v-menubar-popup:focus, -.v-menubar-popup .popupContent:focus, -.v-menubar-popup .popupContent .v-menubar-submenu:focus{ - outline: none; -} - -.v-Notification { - background: #999; - color: #fff; - cursor: pointer; - overflow: hidden; - padding: 1em; - max-width:85%; - -} -.v-Notification h1, -.v-Notification p, -.v-Notification-error h1, -.v-Notification-error p, -.v-Notification-warning h1, -.v-Notification-warning p { - display: inline; - 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-orderedlayout-margin-top, -.v-horizontallayout-margin-top, -.v-verticallayout-margin-top { - padding-top: 12px; -} -.v-orderedlayout-margin-right, -.v-horizontallayout-margin-right, -.v-verticallayout-margin-right { - padding-right: 12px; -} -.v-orderedlayout-margin-bottom, -.v-horizontallayout-margin-bottom, -.v-verticallayout-margin-bottom { - padding-bottom: 12px; -} -.v-orderedlayout-margin-left, -.v-horizontallayout-margin-left, -.v-verticallayout-margin-left { - padding-left: 12px; -} -.v-orderedlayout-spacing-on, -.v-horizontallayout-spacing-on, -.v-verticallayout-spacing-on { - padding-top: 6px; - padding-left: 6px; -} -/* 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; -} - -.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 { -} - -.v-popupview { - cursor: pointer; - text-decoration: underline; - white-space: nowrap; -} -.v-popupview-popup { - overflow: auto; -} -.v-popupview-loading { - width: 30px; - height: 30px; - background: transparent url(../base/common/img/ajax-loader-medium.gif) no-repeat 50%; -} - -.v-progressindicator { - overflow: hidden; /* for IE6 */ - width: 150px; -} -.v-progressindicator-wrapper { - overflow: hidden; /* for IE6 */ - height: 7px; - border: 1px solid #ddd; -} -.v-progressindicator-indicator { - height: 7px; - overflow: hidden; /* for IE6 */ - background: #ddd; -} -div.v-progressindicator-indeterminate { - height: 20px; - width: 20px; - overflow: hidden; /* for IE6 */ - background: #fff url(../base/common/img/ajax-loader-medium.gif) no-repeat 50%; - border-radius: 4px; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; -} -/* 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; -} -div.v-progressindicator-indeterminate-disabled { - height: 20px; - width: 20px; - overflow: hidden; /* for IE6 */ - background: transparent; -} - -.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-caption-left { - float: left; - overflow: hidden; - text-overflow: ellipsis; -} -.v-select-twincol-selections { - font-weight: bold; -} -.v-select-twincol-caption-right { - float: right; - overflow: hidden; - text-overflow: ellipsis; -} -.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 { - float: left; -} -.v-select-twincol-buttons .v-button { - 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; - -webkit-border-radius: 0px; -} -.v-filterselect-prompt .v-filterselect-input { - color: #999; - font-style: italic; -} -.v-filterselect-button { - float: right; - cursor: pointer; - width: 1em; - height: 1em; - background: transparent url(../base/common/img/sprites.png) no-repeat -5px -8px; -} -.v-filterselect.v-readonly .v-filterselect-button { - display: none; -} -.v-filterselect.v-readonly, -.v-filterselect.v-readonly .v-filterselect-input { - background: transparent; -} -.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; -} -*/ - -.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: -2px; - margin-left: -2px; -} - -.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; -} - -.v-slider-feedback { - padding: 2px 5px; - background: #444; - color: #fff; - font-size: 11px; - line-height: 13px; - font-weight: bold; - font-family: Arial, Helvetica, sans-serif; - border-radius: 4px; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - margin: -2px 0 0 2px; - text-shadow: 0 1px 0 #000; -} - -/* 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; -} - -.v-splitpanel-horizontal, -.v-splitpanel-vertical { - overflow: hidden; -} -.v-splitpanel-hsplitter { - width: 6px; - font-size: 1px; /* for IE6 */ -} -.v-splitpanel-hsplitter div { - width: 6px; - font-size: 1px; /* for IE6 */ - position: absolute; - top: 0; - bottom: 0; - background: #ddd; - cursor: e-resize; - cursor: col-resize; -} -.v-disabled .v-splitpanel-hsplitter div { - cursor: default; -} -.v-splitpanel-vsplitter { - height: 6px; - font-size: 1px; /* for IE6 */ -} -.v-splitpanel-vsplitter div { - height: 6px; - font-size: 1px; /* for IE6 */ - background: #ddd; - cursor: s-resize; - cursor: row-resize; -} -.v-disabled .v-splitpanel-vsplitter div { - cursor: default; -} -/* IE specific styles */ -.v-ie6 .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; -} - -/* Table theme building instructions - * - * Vaadin 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-ie7 .v-table { - overflow: visible; -} -.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; - border-collapse: separate; - 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-footer-wrap { - overflow: hidden; - border: 1px solid #aaa; - border-top: none; - background: #efefef; -} -.v-table-footer table{ - border-spacing: 0; - border-collapse: collapse; - margin: 0; - padding: 0; - border: 0; -} -.v-table-footer td { - padding: 0; - border-right: 1px solid #aaa; -} -.v-table-footer-cell{ - cursor: pointer; -} -.v-table-footer-container{ - float:right; - padding-right:6px; - overflow:hidden; - white-space:nowrap; -} -.v-table-resizer { - display: block; - height: 1.2em; - float: right; - background: #aaa; - cursor: e-resize; /* Opera does not support col-resize, so use e-resize instead */ - cursor: col-resize; - width: 1px; - overflow: hidden; -} -.v-table-caption-container { - overflow: hidden; - white-space: nowrap; - margin-left: 6px; -} -.v-ie7 .v-table-caption-container-align-right { - margin-left: 0px; - padding-left: 6px; -} -.v-table-caption-container-align-right { - float: right; -} -.v-table-sort-indicator { - width: 0px; - height: 1.2em; - float: right; -} -.v-table-header-cell-asc .v-table-sort-indicator, -.v-table-header-cell-desc .v-table-sort-indicator { - width: 16px; - height: 1.2em; - float: right; -} -.v-table-header-cell-asc .v-table-sort-indicator { - background: transparent url(../base/common/img/sprites.png) no-repeat right 6px; -} -.v-table-header-cell-desc .v-table-sort-indicator { - background: transparent url(../base/common/img/sprites.png) no-repeat right -10px; -} -.v-table-caption-container-align-center { - text-align: center; -} -.v-table-caption-container-align-right { - text-align: right; -} -.v-table-caption-container .v-icon, -.v-table-header-drag .v-icon { - vertical-align: middle; -} -.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: pointer; -} - -.v-table-body-noselection .v-table-row, -.v-table-body-noselection .v-table-row-odd { - 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-cell-wrapper-align-center { - text-align: center; -} -.v-table-cell-wrapper-align-right { - text-align: right; -} -.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-header-drag .v-icon { - vertical-align: middle; -} -.v-table-scrollposition { - width: 160px; - background: #eee; - border: 1px solid #aaa; -} -.v-table-scrollposition span { - display: block; - text-align: center; -} -.v-table-body:focus, -.v-table-body-wrapper:focus { - outline: none; -} -.v-table-body.focused { - border-color: #388ddd; -} -.v-table-focus .v-table-cell-content { - border-top: 1px dotted #0066bd; - border-bottom: 1px dotted #0066bd; -} -/* row in column selector */ -.v-on { - -} -.v-off { - color: #ddd; -} -/************************************* - * Drag'n'drop styles - *************************************/ -.v-table-drag .v-table-body { - border-color: #1d9dff; -} -.v-table-row-drag-middle .v-table-cell-content { - background-color: #bcdcff; -} -.v-table-row-drag-top .v-table-cell-content { - border-top: 2px solid #1d9dff; -} -.v-table-row-drag-top .v-table-cell-wrapper { - margin-top: -2px; /* compensate the space consumed by border hint */ -} -.v-table-row-drag-bottom .v-table-cell-content { - border-bottom: 2px solid #1d9dff; -} -.v-table-row-drag-bottom .v-table-cell-wrapper { - margin-bottom: -2px; /* compensate the space consumed by border hint */ -} -.v-table-row-drag-top .v-table-cell-content:first-child:before, -.v-table-row-drag-bottom .v-table-cell-content:first-child:after { - display: block; - content: ""; - position: absolute; - width: 6px; - height: 6px; - margin-top: -4px; - margin-left: -6px; - background: transparent url(../base/common/img/drag-slot-dot.png); -} -.v-ff .v-table-row-drag-bottom .v-table-cell-content:first-child:after, -.v-ie .v-table-row-drag-bottom .v-table-cell-content:first-child:after { - margin-top: -2px; -} - -.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-ff2 .v-tabsheet-scroller { - position: relative; -} -.v-disabled .v-tabsheet-scroller { - display: none; -} -.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-caption-close { - display: inline; - display: inline-block; - zoom: 1; - width: 16px; - height: 16px; - text-align: center; - font-weight: bold; - cursor: pointer; - vertical-align: middle; - user-select: none; - -khtml-user-select: none; - -ms-user-select: none; - -moz-user-select: none; - -webkit-user-select: none; -} -.v-tabsheet .v-disabled .v-tabsheet-caption-close { - cursor: default; - visibility: hidden; -} -.v-tabsheet-tabitem:hover .v-tabsheet-caption-close, -.v-ie6 .v-tabsheet-caption-close { - visibility: visible; -} -.v-ie6 .v-tabsheet-caption-close { - float: right; -} -.v-tabsheet-tabitem { - border: 1px solid #aaa; - border-right: none; - cursor: pointer; - padding: 0.2em 0.5em; -} -.v-tabsheet-tabitem .v-caption { - cursor: pointer; -} -.v-tabsheet-tabitem-selected { - cursor: default; - border-bottom-color: #fff; -} -.v-tabsheet-tabitem-selected .v-caption { - cursor: default; -} -.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-ie6 .v-tabsheet-content, -.v-ie7 .v-tabsheet-content { - zoom: 1; -} -.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; -} - - -.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; -} -input.v-textfield-readonly, -textarea.v-textarea-readonly { - background: transparent; - border: none; - resize: none; -} -input.v-disabled, -textarea.v-disabled { - resize: none; -} -input.v-textfield-readonly:focus, -textarea.v-textarea-readonly:focus { - outline: none; -} -/* 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; -} - -.v-richtextarea { - border: 1px solid #aaa; - overflow: hidden; -} -.v-richtextarea .gwt-RichTextArea { - background: #fff; - border: none; -} - -.v-richtextarea .gwt-RichTextToolbar { - white-space: nowrap; - background: #959595 url(../base/textfield/img/richtext-toolbar-bg.png) repeat-x 0 -42px; - border-bottom: 1px solid #7d7d7d; - padding: 2px; - overflow: hidden; -} -.v-richtextarea .gwt-RichTextToolbar-top { - padding-bottom: 1px; - overflow: hidden; - white-space: normal; -} -.v-richtextarea .gwt-RichTextToolbar-bottom { - clear: left; - overflow: hidden; - white-space: nowrap; -} -.v-richtextarea .gwt-RichTextToolbar .gwt-ToggleButton, -.v-richtextarea .gwt-RichTextToolbar .gwt-PushButton { - float: left; - display: inline; - width: 22px; - height: 21px; - overflow: hidden; - background: transparent url(../base/textfield/img/richtext-toolbar-bg.png) repeat-x; - cursor: pointer; - margin-right: 2px; - text-align: center; -} -.v-richtextarea .gwt-RichTextToolbar .gwt-ToggleButton-down, -.v-richtextarea .gwt-RichTextToolbar .gwt-PushButton-down, -.v-richtextarea .gwt-RichTextToolbar .gwt-ToggleButton-down-hovering, -.v-richtextarea .gwt-RichTextToolbar .gwt-PushButton-down-hovering { - background-position: 0 -21px; -} -.v-richtextarea .gwt-RichTextToolbar .gwt-ToggleButton img, -.v-richtextarea .gwt-RichTextToolbar .gwt-PushButton img { - -} -.v-richtextarea .gwt-RichTextToolbar .gwt-ListBox { - width: 24.5%; - margin-right: 2px; -} - -.v-richtextarea-readonly { - border: none; -} - -.v-tree { - text-align: left; /* Force default alignment */ - overflow: hidden; - padding: 1px 0; - outline: none; -} -.v-tree-node { - background: transparent url(../base/common/img/sprites.png) no-repeat 5px -37px; - padding: 1px 0; -} -.v-tree-node-caption:focus { - outline: none; -} -.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; -} -.v-tree-node-caption div { - white-space: nowrap; -} -.v-tree-node-caption span, -.v-tree-node-caption .v-icon { - vertical-align: middle; -} -.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; -} -/*************************************** - * Drag'n'drop styles - ***************************************/ -.v-tree .v-tree-node-drag-top { - border-top: 2px solid #1d9dff; - margin-top: -1px; - padding-top: 0; -} -.v-tree .v-tree-node-drag-bottom { - border-bottom: 2px solid #1d9dff; - margin-bottom: -1px; - padding-bottom: 0; -} -.v-tree .v-tree-node-drag-top:before, -.v-tree .v-tree-node-drag-bottom:after, -.v-tree .v-tree-node-caption-drag-center:after { - display: block; - content: ""; - position: absolute; - width: 6px; - height: 6px; - margin-top: -4px; - background: transparent url(../base/common/img/drag-slot-dot.png); -} -.v-tree .v-tree-node-drag-bottom:after { - margin-top: -2px; -} -.v-tree .v-tree-node-caption-drag-center:after { - margin-left: 14px; -} -.v-ff .v-tree .v-tree-node-caption-drag-center:after, -.v-ie .v-tree .v-tree-node-caption-drag-center:after { - margin-top: -2px; -} -.v-tree .v-tree-node-drag-top { - background-position: 5px -38px; -} -.v-tree .v-tree-node-drag-top.v-tree-node-expanded { - background-position: -5px -11px; -} -.v-tree .v-tree-node-caption-drag-center div { - border: 2px solid #1d9dff; - -moz-border-radius: 4px; - -webkit-border-radius: 4px; - border-radius: 4px; - margin: -2px 2px -2px -2px; - background-color: #bcdcff; -} -.v-ie6 .v-tree .v-tree-node-caption-drag-center div { - margin: -2px ; -} -.v-tree .v-tree-node-caption-drag-center div { - background-color: rgba(169,209,255,.6); -} -.v-tree .v-tree-node-caption-drag-center div, -.v-tree .v-tree-node-drag-top, -.v-tree .v-tree-node-drag-bottom { - border-color: rgba(0,109,232,.6); -} - -.v-upload { - white-space: nowrap; -} - -.v-ie6 .v-upload, -.v-ie7 .v-upload { - margin:0; -} - -.v-upload-immediate { - position: relative; - margin: 0; - overflow: hidden; -} - -.v-ff .v-upload-immediate, -.v-op .v-upload-immediate { - display: inline-block; -} - -.v-upload-immediate input { - opacity: 0; - filter: alpha(opacity=0); - z-index: 2; - position: absolute; - right: 0; - height: 21px; - text-align: right; - border: none; - background: transparent; -} - -.v-upload-immediate button { - position: relative; - left: 0; - top: 0; - width: 100%; - text-align: left; -} - - -.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-contents > div { - outline: none; -} -.v-window-footer { - overflow: hidden; - zoom: 1; - height: 10px; - position: relative; -} -.v-window-resizebox { - width: 10px; - height: 10px; - cursor: se-resize; - background: #ddd; - overflow: hidden; - position: absolute; - right: 0; -} -.v-window div.v-window-footer-noresize { - height: 0; -} -.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. */ - -.v-absolutelayout-wrapper { - position: absolute; - overflow:hidden; -} - -.v-accordion-item-caption { - height: 31px; - background: #edf0f0 url(accordion/img/bg.png); - font-size: 15px; - color: #656d73; - border: none; - border-top: 1px solid #c8cccd; -} -.v-accordion-item-caption .v-caption { - padding: 7px 0 6px 31px; - background: transparent url(accordion/img/collapsed-icon.png) no-repeat 18px 50%; -} -.v-accordion-item-open .v-accordion-item-caption { - color: #3b4b57; - background: #d5dee2 url(accordion/img/selected-bg.png); - border-bottom: 1px solid #b4b9ba; - text-shadow: 0 1px 0 #fff; -} -.v-accordion-item-open .v-accordion-item-caption .v-caption { - background-image: url(accordion/img/expanded-icon.png); - background-position: 17px 50%; -} -.v-accordion-item-first .v-accordion-item-caption { - border-top: none; -} -.v-accordion-item-caption .v-caption:hover { - color: #3b4b57; -} - -/* Light style */ -.v-accordion-light .v-accordion-item-caption { - height: 24px; - padding: 3px 2px; - background: transparent; - border: none; -} -.v-accordion-light .v-accordion-item-caption .v-caption { - padding: 4px 15px 4px 28px; - font-size: 12px; - line-height: 16px; - height: 16px; - font-weight: bold; - border: 1px solid #c8cccd; - -webkit-border-radius: 12px; - -moz-border-radius: 12px; - border-radius: 12px; - background-position: 15px 50%; -} - -.v-button { - padding: 1px; - border: none; - background: transparent; - } - -.v-button:focus { - outline: none; - } - -.v-button:focus .v-button-wrap { - border-color: #57a7ed; - border-top-color: #60aef1; - border-bottom-color: #4c9adf; - -webkit-box-shadow: 0 0 2px #57a7ed; - -moz-box-shadow: 0 0 2px #57a7ed; - } - -.v-button:active .v-button-wrap, -.v-button.v-pressed .v-button-wrap { - background-position: 0 -79px; - background-color: #e7e9e9; - border-color: #b8bdbe; - border-top-color: #9da1a2; - border-bottom-color: #babfc0; - border-color: rgba(146,151,152,.9); - border-top-color: rgba(146,151,152,1); - -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4) inset; - -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4) inset;; - text-shadow: none; - } - -.v-button .v-button-wrap, -.v-disabled.v-button .v-button-wrap { - display: block; - font-size: 12px; - border: 1px solid #bdc1c2; - border-top-color: #cbcfd0; - border-bottom-color: #b6bbbb; - border-color: rgba(146,151,152,.8); - border-top-color: rgba(146,151,152,.6); - background: #e6e8e8 url(button/img/bg.png) repeat-x; - -webkit-background-origin: padding; - -moz-background-origin: padding; - padding: 3px 15px; - -webkit-border-radius: 11px; - -moz-border-radius: 11px; - border-radius: 11px; - line-height: 14px; - min-height: 14px; - -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.15); - -moz-box-shadow: 0 1px 0 rgba(0,0,0,.15); - text-shadow: 0 1px 0 #fff; - color: #464f52; - overflow: hidden; - text-overflow: ellipsis; - } - -.v-ie7 .v-button .v-button-wrap { - overflow: visible; -} - - - -/* Small style */ -.v-button-small .v-button-wrap, -.v-disabled.v-button-small .v-button-wrap { - font-size: 11px; - line-height: 13px; - padding: 1px 12px; - min-height: 13px; - } - - -/* Big style */ -.v-button-big .v-button-wrap, -.v-disabled.v-button-big .v-button-wrap { - font-size: 15px; - line-height: 18px; - padding: 4px 18px; - min-height: 18px; - -webkit-border-radius: 14px; - -moz-border-radius: 14px; - border-radius: 14px; - } - - - -/* Default style */ -.v-button-default:focus .v-button-wrap { - background-color: #60839a; - background-position: 0 -158px; - text-shadow: 0 -1px 0 #657883; - } - -.v-button-default:active .v-button-wrap, -.v-button-default.v-pressed .v-button-wrap { - background-position: 0 -79px; - background-color: #8f9898; - border-color: #737e81; - border-top-color: #576063; - border-bottom-color: #747f82; - color: #f0f2f2; - text-shadow: 0 -1px 0 #5d6969; - -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4) inset;; - -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4) inset;; - } - -.v-button-default .v-button-wrap, -.v-disabled.v-button-default .v-button-wrap { - border-color: #899395; - border-top-color: #a4abae; - border-bottom-color: #727b7d; - background: #869090 url(button/img/bg-default.png) repeat-x; - text-shadow: 0 -1px 0 #797e7e; - color: #fff; - font-weight: bold; - -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.22); - -moz-box-shadow: 0 1px 0 rgba(0,0,0,.22); - } - - - - -/* Link style */ -.v-button-link, -.v-disabled.v-button-link { - padding: 0; - } - -.v-button-link .v-button-wrap, -.v-disabled.v-button-link .v-button-wrap, -.v-button-link:active .v-button-wrap, -.v-disabled.v-button-pressedv-button-link .v-button-wrap { - border: none; - background: transparent; - padding: 0; - font-size: 13px; - -webkit-box-shadow: none; - -mox-box-shadow: none; - -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; - text-shadow: none; - } - -.v-button-link:focus { - outline: 1px dotted #4897dc; - } - -.v-button-link:focus .v-button-wrap { - -webkit-box-shadow: none; - -moz-box-shadow: none; - } - - - - -/* Checkbox styles */ -.v-checkbox .v-errorindicator { - padding-left: 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; - } - -.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; -} - -.v-generated-body { - background: #e9eced; -} -.v-app { - background: #e9eced url(common/img/main-bg.png) repeat-x; - font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", geneva, helvetica, arial, tahoma, verdana, sans-serif; - color: #464f52; - font-size: 13px; - line-height: 18px; -} -/* 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, -.v-contextmenu, -.v-Notification, -.v-menubar-submenu, -.v-drag-element { - 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; - 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; -} -/* Fix icon height to help browsers to load page smoother */ -.v-embedded-icon-16 img { - width:16px; - height:16px; -} - -.v-datefield input.v-textfield, -.v-datefield input.v-textfield[type=text] { - height: 18px; -} -.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: 2px 6px; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; -} -.v-datefield-calendarpanel { - width: 230px; -} -.v-datefield-popup .v-datefield-calendarpanel { - width: 200px; -} -.v-datefield-year .v-datefield-calendarpanel { - width: 100px; -} -.v-datefield-calendarpanel td { - text-align: right; -} -.v-datefield-calendarpanel td span { - display: block; -} -.v-datefield-calendarpanel-header { - height: 30px; - font-size: 13px; -} -td.v-datefield-calendarpanel-month { - font-weight: bold; - text-shadow: 0 1px 0 #fff; - width: 150px; -} -.v-datefield-calendarpanel-prevyear, -.v-datefield-calendarpanel-nextyear, -.v-datefield-calendarpanel-prevmonth, -.v-datefield-calendarpanel-nextmonth { - width: 16px; -} -/* Year buttons */ -.v-datefield-calendarpanel .v-button-prevyear, -.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; - font-size: 12px; -} -.v-datefield-calendarpanel-day, -.v-datefield-calendarpanel-weeknumber, -.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; -} -.v-datefield-prompt .v-datefield-textfield { - color: #999; - font-style: normal; -} -/* IE specific styles */ -.v-ie7 .v-datefield-button { - background-position: right 1px; - height: 25px; - margin: 0; -} - -.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-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-nocaption fieldset { - border: none; -} -.v-form-nocaption legend { - display: none; -} -.v-form legend { - margin: 0; - padding: 0 4px 0.3em 4px; - font-weight: bold; - color: #464f52; -} - -.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; -} - -.v-label h1, -.v-label h2, -.v-label h3, -.v-label h4, -.v-label h5, -.v-label h6 { - color: #404749; -} - -.v-label-h1, -.v-label h1 { - margin: 0; - padding: 8px 0 4px; - font-size: 24px; - line-height: normal; - letter-spacing: -0.03em; - font-weight: normal; - text-shadow: 0 1px 1px #fff; -} - -.v-label-h2, -.v-label h2 { - color: #f14c1a; - font-size: 18px; - letter-spacing: -0.03em; - font-weight: normal; - padding: 13px 0 5px; -} - -.v-label-h3, -.v-label h3 { - font-size: 15px; - letter-spacing: -0.03em; - font-weight: normal; - text-shadow: 0 1px 1px #fff; -} - -.v-label-h4, -.v-label h4 { - font-size: 13px; - font-weight: normal; - text-shadow: 0 1px 1px #fff; - margin: 0; - padding: 8px 0 4px; -} - -.v-label-small { - font-size: .87em; - line-height: 1.4; - color: #707679; -} - -.v-label hr, -.v-label-hr { - height: 2px; - overflow: hidden; - background: #ccd2d3; - color: #ccd2d3; /* For IE */ - border: none; - border-bottom: 1px solid #fff; - margin: 0; -} -.v-label-hr { - height: 1px; -} - -.v-sa .v-label hr, -.v-ie8 .v-label hr { - height: 1px; -} - -.v-link a { - color: #464f52; -} - -.v-menubar { - color: #464f52; - border-left: 1px solid #c6cbcc; -} -.v-menubar .v-menubar-menuitem { - padding: 1px 10px; - border: 1px solid #c6cbcc; - border-left: none; - height: 18px; - line-height: 18x; -} -.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 .v-menubar-menuitem { - padding-top: 1px; - padding-bottom: 1px; - line-height: 16px; - padding-left: 10px; -} -.v-menubar-submenu .v-menubar-menuitem-caption * { - vertical-align: middle; -} - -.v-Notification { - font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif; - background-color: #94a0a3; - color: #ffffff; - padding: 20px 45px; - cursor: pointer; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; - overflow: hidden; - font-size: 1.2em; - -webkit-box-shadow: 0 3px 10px rgba(0,0,0,.3); - -moz-box-shadow: 0 3px 10px rgba(0,0,0,.3); - margin: 10px; -} -.v-Notification h1, -.v-Notification p, -.v-Notification-error h1, -.v-Notification-error p, -.v-Notification-warning h1, -.v-Notification-warning p { - display: inline; - font-weight: normal; - line-height: normal; - margin: 0 10px 0 0; -} -.v-Notification-warning { - background: #fff1e4; - color: #dd3400; - border: 2px solid #ffaa90; - opacity: 1; -} -.v-Notification-error { - background: #f13d13 url(notification/img/close-error.png) no-repeat right 5px; - padding-right: 50px; -} -.v-Notification-tray { - background: #575e60; - padding: 3px; - -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.5); - -moz-box-shadow: 0 3px 6px rgba(0,0,0,.5); - max-width: 17em; -} -.v-Notification-tray h1 { - display: block; - font-weight: bold; - font-size: 0.9em; - line-height: 1; - background: #3b4245; - padding: 2px 10px; - margin: 0; - -moz-border-radius: 2px; - -webkit-border-radius: 2px; - border-radius: 2px; -} -.v-Notification-tray p { - display: block; - font-size: 0.8em; - line-height: 1.2; - margin: 4px 10px 5px 10px; - color: #e4e7ea; -} -.v-Notification-system { - background-color: #ff0a0a; - font-size: .9em; - padding: 14px 32px; -} - -.v-orderedlayout-margin-top, -.v-horizontallayout-margin-top, -.v-verticallayout-margin-top, -.v-csslayout-margin-top { - padding-top: 15px; -} -.v-orderedlayout-margin-right, -.v-horizontallayout-margin-right, -.v-verticallayout-margin-right, -.v-csslayout-margin-right { - padding-right: 18px; -} -.v-orderedlayout-margin-bottom, -.v-horizontallayout-margin-bottom, -.v-verticallayout-margin-bottom, -.v-csslayout-margin-bottom { - padding-bottom: 15px; -} -.v-orderedlayout-margin-left, -.v-horizontallayout-margin-left, -.v-verticallayout-margin-left, -.v-csslayout-margin-left { - padding-left: 18px; -} -.v-orderedlayout-spacing-on, -.v-horizontallayout-spacing-on, -.v-verticallayout-spacing-on { - padding-top: 8px; - padding-left: 8px; -} -.v-verticallayout-darker, -.v-horizontallayout-darker, -.v-gridlayout-darker, -.v-formlayout-darker, -.v-absolutelayout-darker, -.v-csslayout-darker { - background-color: #f3f4f5; -} - -/* Selectable style */ -.v-csslayout-selectable *, -.v-csslayout-selectable-selected * { - cursor: pointer; -} -.v-csslayout-selectable, -.v-csslayout-selectable-selected { - padding: 10px; - cursor: pointer; -} -.v-csslayout-selectable-selected { - padding: 8px; - border: 2px solid #57a7ed; - background: #d8eaf9; - background: rgba(179,211,237,.5); - -webkit-border-radius: 7px; - -moz-border-radius: 7px; - border-radius: 7px; -} - -/* Shadow style */ -div.v-csslayout-box-shadow { - background: transparent url(shadow/img/bottom-right.png) no-repeat right bottom; - overflow: hidden; -} -.v-csslayout-box-shadow > .v-csslayout-margin { - padding: 0 8px 0 0; - background: transparent url(shadow/img/right.png) repeat-y right; - margin: 0; - position: relative; - bottom: 8px; -} -.v-csslayout-box-shadow > .v-csslayout-margin > .v-csslayout-container { - padding: 0 0 8px 0; - margin-left: 6px; - background: transparent url(shadow/img/bottom.png) repeat-x bottom; - position: relative; - top: 8px; -} -.v-csslayout-box-shadow > .v-csslayout-margin > .v-csslayout-container > * { - margin-left: -6px; -} -/* Fancier shadows for capable browsers */ -.v-webkit .v-csslayout-box-shadow, -.v-webkit .v-csslayout-box-shadow > .v-csslayout-margin, -.v-webkit .v-csslayout-box-shadow > .v-csslayout-margin > .v-csslayout-container, -.v-gecko .v-csslayout-box-shadow, -.v-gecko .v-csslayout-box-shadow > .v-csslayout-margin, -.v-gecko .v-csslayout-box-shadow > .v-csslayout-margin > .v-csslayout-container, -.v-gecko .v-csslayout-box-shadow > .v-csslayout-margin > .v-csslayout-container > * { - background: transparent; - padding: 0; - margin: 0; - height: auto; - position: static; -} -.v-webkit .v-csslayout-box-shadow > .v-csslayout-margin > .v-csslayout-container > *, -.v-gecko .v-csslayout-box-shadow > .v-csslayout-margin > .v-csslayout-container > * { - margin-left: 0; -} -.v-webkit .v-csslayout-box-shadow, -.v-gecko .v-csslayout-box-shadow { - padding: 4px 8px 10px; -} -.v-webkit .v-csslayout-box-shadow > .v-csslayout-margin, -.v-gecko .v-csslayout-box-shadow > .v-csslayout-margin { - -webkit-box-shadow: 0 2px 8px rgba(0,0,0,.4); - -moz-box-shadow: 0 2px 8px rgba(0,0,0,.4); -} - -.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: normal; - font-weight: normal; - letter-spacing: -0.03em; - color: #f14c1a; - height: 18px; - padding: 13px 18px 16px 8px; - margin-left: 10px; - background: transparent url(panel/img/top-right.png) no-repeat right top; - text-overflow: ellipsis; -} -.v-panel-nocaption { - height: 9px; - 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-caption-light { - border-bottom: 1px solid #babfc0; - margin: 0; - padding-left: 18px; -} -.v-panel-nocaption-light { - background: transparent; - border: none; - height: 0; - margin: 0; -} -.v-panel-content-light { - border: none; - 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; -} - -.v-popupview { - background: transparent; -} -.v-popupview-popup { - border: 1px solid #babfc0; - border-bottom: 1px solid #dee2e3; - background: #fff; - padding: 3px; -} - -.v-progressindicator-wrapper { - background: #dfe2e4 url(progressindicator/img/base.gif) repeat-x; - border: 1px solid #b6bbbc; -} -.v-disabled .v-progressindicator-wrapper { - background-image: url(progressindicator/img/disabled.gif); -} -.v-progressindicator-indicator { - background: #f7f9f9 url(progressindicator/img/progress.png); -} -.v-progressindicator-indicator { - background: #f7f9f9 url(progressindicator/img/progress.png); -} -.v-progressindicator-indeterminate { - background: #fff url(../base/common/img/ajax-loader-medium.gif) no-repeat 50%; -} -.v-progressindicator-indeterminate-disabled { - background: #dfe2e4; -} - -.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; -} -.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-ff .v-filterselect-suggestmenu .gwt-MenuItem { - height: 20px; -} -.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; -} - -/* IE6 needs some help identifying when the input is readonly */ -.v-ie6 .v-filterselect.v-readonly, -.v-ie6 .v-filterselect .v-filterselect-input-readonly { - background: transparent; -} - - -/* 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; -} -*/ - -.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); -} - -.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-active { - 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; -} - -.v-splitpanel-horizontal, -.v-splitpanel-vertical { - overflow: hidden; -} - -.v-splitpanel-hsplitter, -.v-splitpanel-hsplitter-locked { - width: 6px; - font-size: 1px; /* for IE6 */ -} - -.v-splitpanel-hsplitter div, -.v-splitpanel-hsplitter-locked 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; - margin: 0 -1px; -} - -.v-splitpanel-vsplitter, -.v-splitpanel-vsplitter-locked { - height: 6px; - font-size: 1px; /* for IE6 */ -} - -.v-splitpanel-vsplitter div, -.v-splitpanel-vsplitter-locked div { - height: 6px; - font-size: 1px; /* for IE6 */ - background: #ccd2d0 url(splitpanel/img/bg_ver.png); - border: 1px solid #b6bbbc; - margin: -1px 0; -} - -/* IE6 specific styles */ - -.v-ie6 .v-splitpanel-hsplitter div, -.v-ie6 .v-splitpanel-hsplitter-locked div { - height: 99%; -} - -.v-ie6 .v-splitpanel-vsplitter, -.v-ie6 .v-splitpanel-vsplitter-locked { - height: 8px; -} - -.v-ie6 .v-splitpanel-vsplitter div, -.v-ie6 .v-splitpanel-vsplitter-locked div { - margin: 0; -} - - -/* Rounded style */ -.v-splitpanel-hsplitter-rounded div, -.v-splitpanel-vsplitter-rounded div, -.v-splitpanel-hsplitter-rounded-locked div, -.v-splitpanel-vsplitter-rounded-locked div { - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; -} -.v-splitpanel-hsplitter-rounded div, -.v-splitpanel-hsplitter-rounded-locked div { - top: 4px; - bottom: 4px; -} -.v-splitpanel-vsplitter-rounded div, -.v-splitpanel-vsplitter-rounded-locked div { - margin: -1px 4px; -} -.v-ie6 .v-splitpanel-hsplitter-rounded div, -.v-ie6 .v-splitpanel-hsplitter-rounded-locked div { - height: 97%; -} - - -/* Small style */ -.v-splitpanel-hsplitter-small, -.v-splitpanel-vsplitter-small, -.v-splitpanel-hsplitter-small-locked, -.v-splitpanel-vsplitter-small-locked { - background: #b6bbbc; -} -.v-splitpanel-hsplitter-small, -.v-splitpanel-hsplitter-small-locked { - width: 1px; -} -.v-splitpanel-vsplitter-small, -.v-splitpanel-vsplitter-small-locked { - height: 1px; -} -.v-splitpanel-hsplitter-small div, -.v-splitpanel-hsplitter-small-locked div { - border: none; - background: transparent; - width: 5px; - margin: 0 0 0 -2px; -} -.v-splitpanel-vsplitter-small div, -.v-splitpanel-vsplitter-small-locked div { - border: none; - background: transparent; - height: 5px; - margin: -2px 0 0 0; -} - -.v-table-header-wrap { - height: 36px; - border: 1px solid #b6bbbc; - border-bottom: none; - background: #e7e9ea url(table/img/header-bg.png) repeat-x; -} -.v-table-header { - height: 36px; -} -.v-table-footer-wrap { - border-color: #b6bbbc; - background: #e7e9ea url(table/img/header-bg.png) repeat-x; -} -.v-table-footer td { - border-right-color: #e8eaec; - padding-top: 3px; - padding-bottom: 3px; -} -.v-table-resizer { - height: 36px; - width: 4px; - background: transparent url(table/img/resizer-bg.png) repeat-y 100% 50%; -} -.v-table-caption-container { - color: #393a3c; - font-size: 15px; - padding: 9px 2px 9px 0; - text-shadow: #ffffff 0 1px 0; - margin-left: 4px; -} -.v-ie7 .v-table-caption-container-align-right { - margin-left: 0px; - padding-left: 0px; -} -.v-table-sort-indicator { - width: 0; - height: 36px; -} -.v-table-header-cell-asc .v-table-sort-indicator { - background: transparent url(table/img/sort-asc.png) no-repeat right 50%; - width: 20px; - height: 36px; -} -.v-table-header-cell-desc .v-table-sort-indicator { - background: transparent url(table/img/sort-desc.png) no-repeat right 50%; - width: 20px; - height: 36px; -} -.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; -} -tr.v-table-row:hover, -tr.v-table-row-odd:hover { - background-color: #edeeee; -} -.v-table-row, -.v-table-body-noselection .v-table-row:hover { - background-color: #fff; -} -.v-table-row-odd, -.v-table-body-noselection .v-table-row-odd:hover { - background-color: #f6f7f7; -} -.v-table tr.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; -} -.v-table-focus .v-table-cell-wrapper { - line-height: 21px; -} -/* 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"); -} - - -/* Borderless style */ -.v-table-borderless .v-table-header-wrap, -.v-table-borderless .v-table-body { - border: none; -} -.v-table-borderless .v-table-header-wrap { - border-bottom: 1px solid #b6bbbc; -} -.v-table-borderless .v-table-body { - background: transparent; -} -.v-table-borderless .v-table-row, -.v-table-borderless .v-table-row-odd, -.v-table-borderless .v-table-body-noselection .v-table-row:hover, -.v-table-borderless .v-table-body-noselection .v-table-row-odd:hover { - background-color: transparent; -} - - -/* Small style */ -.v-table-small .v-table-header-wrap, -.v-table-small .v-table-header { - height: 22px; -} -.v-table-small .v-table-sort-indicator, -.v-table-small .v-table-header-cell-asc .v-table-sort-indicator, -.v-table-small .v-table-header-cell-desc .v-table-sort-indicator { - height: 22px; -} -.v-table-small .v-table-caption-container { - font-size: 13px; - padding-top: 3px; - padding-bottom: 3px; -} -.v-table-small .v-table-column-selector { - margin-top: -21px; - height: 21px; -} -.v-table-small .v-table-body { - font-size: 12px; -} -.v-table-small .v-table-cell-wrapper { - line-height: 18px; - padding: 2px 0; -} - -.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; - float: right; -} -.v-tabsheet-scrollerPrev, -.v-tabsheet-scrollerNext, -.v-tabsheet-scrollerPrev-disabled, -.v-tabsheet-scrollerNext-disabled { - border: none; - width: 12px; - padding: 0; - height: 38px; - opacity: 0.9999; - margin-top: -1px; -} -.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-caption-close { - margin-left: 3px; - margin-right: -3px; - margin-top: 2px; - font-size: 15px; - width: 15px; - height: 15px; - -webkit-border-radius: 7px; - -moz-border-radius: 7px; - color: #777f85; - line-height: 13px; -} -.v-tabsheet-caption-close:hover { - background: #dce0e0; -} -.v-tabsheet-caption-close:active { - background: #b6bbbc; - color: #fff; -} -.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(../base/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-ie .v-tabsheet-content { - border-bottom: none; -} -.v-ie .v-tabsheet-deco { - height: 1px; - background: #babfc0; - overflow: hidden; - margin: 0; -} -.v-ie7 .v-tabsheet-deco, -.v-ie8 .v-tabsheet-deco, -.v-ie9 .v-tabsheet-deco { - width: 100%; -} -/* Light-style */ -.v-tabsheet-tabcontainer-light { - height: 32px; -} -.v-tabsheet-tabs-light { - height: 32px; - width: 100%; - overflow:hidden; - background: transparent; -} -.v-tabsheet-tabs-light .v-tabsheet-spacertd div { - height: 31px; - border: none; - border-bottom: 1px solid #b6bbbc; - background: transparent url(tabsheet/img/inline-tab-bg.png) repeat-x; -} -.v-tabsheet-tabs-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 url(tabsheet/img/inline-tab-bg.png) repeat-x; - cursor: pointer; - text-shadow: #fff 0 1px 0; -} -.v-tabsheet-tabs-light .v-tabsheet-tabitem .v-caption { - height: 24px; - padding: 8px 10px 0 11px; - background: transparent url(tabsheet/img/inline-tab-border.png) no-repeat; -} -.v-tabsheet-tabs-light .v-tabsheet-tabitemcell-first .v-caption { - margin-left: 5px; - background: transparent; -} -.v-tabsheet-tabs-light .v-tabsheet-tabitemcell-selected + .v-tabsheet-tabitemcell .v-caption, -.v-tabsheet-tabs-light .v-tabsheet-tabitemcell-selected-first + .v-tabsheet-tabitemcell .v-caption { - background: transparent; -} -.v-tabsheet-tabs-light .v-tabsheet-tabitem-selected { - border: none; - background: transparent 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-tabs-light .v-tabsheet-tabitem:hover { - color: #4b5257; -} -.v-tabsheet-tabs-light .v-tabsheet-tabitem-selected:hover { - color: #ee5311; -} -.v-tabsheet-tabs-light .v-tabsheet-tabitem-selected .v-caption { - background: transparent url(tabsheet/img/inline-tab-left.png) no-repeat -7px 0; - margin: 0; - height: 23px; - padding: 9px 10px 0 11px; - overflow: visible; -} -.v-tabsheet-tabs-light .v-tabsheet-tabitemcell-first .v-tabsheet-tabitem-selected .v-caption { - background: transparent url(tabsheet/img/inline-tab-left.png) no-repeat -3px 0; - padding-left: 16px; -} -.v-tabsheet-tabs-light .v-tabsheet-caption-close { - margin-top: 0; - text-shadow: none; -} -.v-tabsheet-content-light { - 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-tabcontainer-light .v-tabsheet-scrollerPrev, -.v-tabsheet-tabcontainer-light .v-tabsheet-scrollerNext { - margin-top: 2px; - height: 34px; -} -.v-tabsheet-tabcontainer-light .v-tabsheet-scrollerPrev-disabled, -.v-tabsheet-tabcontainer-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-tabs-light .v-tabsheet-tabitem-selected, -.v-ie7 .v-tabsheet-tabs-light .v-tabsheet-tabitem-selected { - border: none; - background: #fff url(tabsheet/img/inline-tab-right.png) no-repeat right top; - padding: 0; - height: 32px; -} -.v-ie6 .v-tabsheet-tabs-light .v-tabsheet-tabitem-selected .v-caption, -.v-ie7 .v-tabsheet-tabs-light .v-tabsheet-tabitem-selected .v-caption { - background: transparent url(tabsheet/img/inline-tab-left.png) no-repeat -7px 0; - padding: 9px 11px 0 11px; -} -.v-ie .v-tabsheet-deco-light { - height: 0; -} - -.v-textfield, -.v-textarea { - background: #fff url(textfield/img/bg.png) repeat-x; - border: 1px solid #b6b6b6; - border-top-color: #9d9d9d; - border-bottom-color: #d6d6d6; - border-right-color: #d6d6d6; - margin: 0; - line-height: 14px; -} -input.v-textfield, -input[type=text].v-textfield, -textarea.v-textarea { - font-size: 12px; - height: 16px; - padding: 4px 2px 0; -} -textarea.v-textarea { - height: auto; - padding-bottom: 2px; -} -.v-textfield-focus, -.v-textarea-focus { - 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; -} - -/* Small style */ -input.v-textfield-small, -input[type=text].v-textfield-small, -textarea.v-textarea-small { - font-size: 11px; - height: 14px; - line-height: 12px; - padding: 1px 2px; -} - -.v-tree-node { - background: transparent url(tree/img/collapsed.png) no-repeat 2px 1px; -} -.v-tree-node-expanded { - background: transparent url(tree/img/expanded.png) no-repeat 2px 1px; -} -.v-tree-node-caption { - margin-left: 18px; -} -.v-tree-node-caption .v-icon { - margin: 0 2px 0 -2px; -} -.v-tree-node-caption span { - padding: 0 1px; -} -.v-tree-node-selected span { - background: #57a7ed; - color: #fff; - padding: 1px 2px 0; - display: inline-block; - zoom: 1; - margin: -1px -1px 0; - -webkit-border-radius: 2px; - -moz-border-radius: 2px; - border-radius: 2px; -} -.v-tree-node-children { - padding-left: 16px; -} -/* 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; -} -.v-tree{ - outline:none; -} -.v-tree-node-caption.v-tree-node-focused span{ - padding-left: 1px; - padding-top: 0px; - padding-bottom: 0px; -} -.v-tree-node-focused span{ - border: 1px dotted black; -} -.v-ie6 .v-tree-node-ie6compatnode.v-tree-node-focused{ - padding-left: 0px; -} -/*************************************** - * Drag'n'drop styles - ***************************************/ -.v-tree .v-tree-node-drag-top, -.v-tree .v-tree-node-drag-top.v-tree-node-expanded { - background-position: 2px 0; -} - -.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 #babfc0; - border-top: none; - border-bottom: none; -} -.v-window div.v-window-footer { - height: 8px; - margin-left: 9px; - background: transparent url(window/img/bottom-right.png) no-repeat right bottom; - overflow: visible; -} -.v-ie7 .v-window-footer { - position: relative; - overflow: visible; -} -.v-window-resizebox, -.v-ie7 .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; -} -/* Dialog style */ -.v-window-dialog { - background-image: url(window/img/dialog/bottom-left.png); -} -.v-window-dialog .v-window-outerheader { - height: 14px; - padding: 13px 30px 5px 8px; - background: transparent url(window/img/top-right.png) no-repeat right top; -} -.v-window-dialog .v-window-header { - font-size: 12px; - line-height: normal; - font-weight: bold; - letter-spacing: 0; - text-shadow: 0 1px 0 #fff; -} -.v-window-dialog .v-window-contents { - background: #f1f3f3; -} -.v-window-dialog div.v-window-footer { - background-image: url(window/img/dialog/bottom-right.png); -} -.v-window-dialog .v-window-closebox { - top: 14px; - right: 16px; - background-image: url(window/img/dialog/close.png); -} -/* Shadow for window */ -.v-shadow-window .top-left { - top: -13px; left: -20px; - 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); -}