From 3916d280468cf22e2411d3fca3343894915cae1f Mon Sep 17 00:00:00 2001 From: Henri Sara Date: Tue, 12 May 2009 07:55:26 +0000 Subject: [PATCH] #2904 Renamed CSS prefix "i-" to "v-" svn changeset:7752/svn branch:6.0 --- .../base/absolutelayout/absolutelayout.css | 2 +- .../themes/base/accordion/accordion.css | 12 +- .../ITMILL/themes/base/button/button.css | 54 +- .../ITMILL/themes/base/caption/caption.css | 20 +- .../ITMILL/themes/base/common/common.css | 110 +- .../base/customcomponent/customcomponent.css | 2 +- .../themes/base/customlayout/customlayout.css | 2 +- .../themes/base/datefield/datefield.css | 50 +- .../themes/base/formlayout/formlayout.css | 36 +- .../themes/base/gridlayout/gridlayout.css | 20 +- WebContent/ITMILL/themes/base/link/link.css | 10 +- .../ITMILL/themes/base/menubar/menubar.css | 18 +- .../themes/base/notification/notification.css | 28 +- .../base/orderedlayout/orderedlayout.css | 48 +- WebContent/ITMILL/themes/base/panel/panel.css | 30 +- .../themes/base/popupview/popupview.css | 4 +- .../progressindicator/progressindicator.css | 20 +- .../ITMILL/themes/base/select/select.css | 90 +- .../ITMILL/themes/base/shadow/shadow.css | 24 +- .../ITMILL/themes/base/slider/slider.css | 24 +- .../themes/base/splitpanel/splitpanel.css | 14 +- WebContent/ITMILL/themes/base/styles.css | 860 ++++----- WebContent/ITMILL/themes/base/table/table.css | 70 +- .../ITMILL/themes/base/tabsheet/tabsheet.css | 50 +- .../themes/base/textfield/textfield.css | 42 +- WebContent/ITMILL/themes/base/tree/tree.css | 26 +- .../ITMILL/themes/base/window/window.css | 54 +- WebContent/ITMILL/themes/contacts/styles.css | 28 +- WebContent/ITMILL/themes/coverflow/styles.css | 4 +- .../default/absolutelayout/absolutelayout.css | 2 +- .../themes/default/accordion/accordion.css | 8 +- .../ITMILL/themes/default/button/button.css | 16 +- .../ITMILL/themes/default/caption/caption.css | 8 +- .../ITMILL/themes/default/common/common.css | 70 +- .../themes/default/datefield/datefield.css | 68 +- .../themes/default/formlayout/formlayout.css | 36 +- .../themes/default/gridlayout/gridlayout.css | 10 +- .../ITMILL/themes/default/link/link.css | 2 +- .../ITMILL/themes/default/menubar/menubar.css | 12 +- .../default/notification/notification.css | 30 +- .../default/orderedlayout/orderedlayout.css | 30 +- .../ITMILL/themes/default/panel/panel.css | 52 +- .../themes/default/popupview/popupview.css | 2 +- .../progressindicator/progressindicator.css | 12 +- .../ITMILL/themes/default/select/select.css | 94 +- .../ITMILL/themes/default/shadow/shadow.css | 20 +- .../ITMILL/themes/default/slider/slider.css | 32 +- .../themes/default/splitpanel/splitpanel.css | 16 +- WebContent/ITMILL/themes/default/styles.css | 1658 ++++++++--------- .../ITMILL/themes/default/table/table.css | 68 +- .../themes/default/tabsheet/tabsheet.css | 136 +- .../themes/default/textfield/textfield.css | 16 +- .../ITMILL/themes/default/tree/tree.css | 16 +- .../ITMILL/themes/default/window/window.css | 42 +- WebContent/ITMILL/themes/example/styles.css | 12 +- WebContent/ITMILL/themes/liferay/styles.css | 14 +- .../ITMILL/themes/reindeer/button/button.css | 122 +- .../ITMILL/themes/reindeer/common/common.css | 88 +- .../ITMILL/themes/reindeer/label/label.css | 18 +- .../themes/reindeer/layouts/layouts.css | 36 +- .../ITMILL/themes/reindeer/panel/panel.css | 26 +- .../ITMILL/themes/reindeer/select/select.css | 94 +- .../themes/reindeer/splitpanel/splitpanel.css | 8 +- WebContent/ITMILL/themes/reindeer/styles.css | 1328 ++++++------- .../themes/reindeer/tabsheet/tabsheet.css | 40 +- .../themes/reindeer/textfield/textfield.css | 36 +- WebContent/ITMILL/themes/reservr/styles.css | 14 +- .../ITMILL/themes/sampler/dummy/styles.css | 2 +- .../themes/sampler/layouts/gridexample.css | 6 +- .../themes/sampler/layouts/marginexample.css | 4 +- .../themes/sampler/layouts/spacingexample.css | 2 +- .../sampler/prominentprimaryaction/styles.css | 6 +- .../ITMILL/themes/sampler/sampler/styles.css | 218 +-- .../ITMILL/themes/sampler/table/styles.css | 14 +- .../ITMILL/themes/tests-book/styles.css | 80 +- .../ITMILL/themes/tests-tickets/styles.css | 478 ++--- .../ITMILL/themes/toolkittunes/styles.css | 58 +- .../reservation/gwt/client/ui/VGoogleMap.java | 2 +- .../reservr/googlemap/css/googlemap.css | 2 +- .../reservation/gwt/public/reservr/styles.css | 80 +- .../gwt/client/ApplicationConnection.java | 14 +- .../terminal/gwt/client/BrowserInfo.java | 8 +- .../vaadin/terminal/gwt/client/VCaption.java | 10 +- .../terminal/gwt/client/VCaptionWrapper.java | 2 +- .../terminal/gwt/client/VDebugConsole.java | 17 +- .../terminal/gwt/client/VErrorMessage.java | 2 +- .../vaadin/terminal/gwt/client/VTooltip.java | 2 +- .../vaadin/terminal/gwt/client/ui/Field.java | 2 +- .../vaadin/terminal/gwt/client/ui/Icon.java | 2 +- .../gwt/client/ui/VAbsoluteLayout.java | 4 +- .../terminal/gwt/client/ui/VAccordion.java | 4 +- .../terminal/gwt/client/ui/VButton.java | 14 +- .../gwt/client/ui/VCalendarPanel.java | 10 +- .../terminal/gwt/client/ui/VCheckBox.java | 6 +- .../terminal/gwt/client/ui/VContextMenu.java | 2 +- .../gwt/client/ui/VCustomComponent.java | 2 +- .../terminal/gwt/client/ui/VCustomLayout.java | 6 +- .../terminal/gwt/client/ui/VDateField.java | 4 +- .../terminal/gwt/client/ui/VEmbedded.java | 2 +- .../terminal/gwt/client/ui/VFilterSelect.java | 26 +- .../vaadin/terminal/gwt/client/ui/VForm.java | 8 +- .../terminal/gwt/client/ui/VFormLayout.java | 12 +- .../terminal/gwt/client/ui/VGridLayout.java | 2 +- .../gwt/client/ui/VHorizontalLayout.java | 2 +- .../vaadin/terminal/gwt/client/ui/VLabel.java | 6 +- .../vaadin/terminal/gwt/client/ui/VLink.java | 6 +- .../terminal/gwt/client/ui/VListSelect.java | 4 +- .../terminal/gwt/client/ui/VMenuBar.java | 14 +- .../terminal/gwt/client/ui/VNativeSelect.java | 2 +- .../terminal/gwt/client/ui/VNotification.java | 2 +- .../terminal/gwt/client/ui/VOptionGroup.java | 4 +- .../gwt/client/ui/VOptionGroupBase.java | 2 +- .../gwt/client/ui/VOrderedLayout.java | 6 +- .../vaadin/terminal/gwt/client/ui/VPanel.java | 4 +- .../terminal/gwt/client/ui/VPopupView.java | 8 +- .../gwt/client/ui/VProgressIndicator.java | 2 +- .../terminal/gwt/client/ui/VScrollTable.java | 22 +- .../terminal/gwt/client/ui/VSlider.java | 2 +- .../terminal/gwt/client/ui/VSplitPanel.java | 2 +- .../terminal/gwt/client/ui/VTabsheet.java | 8 +- .../gwt/client/ui/VTabsheetPanel.java | 2 +- .../terminal/gwt/client/ui/VTextArea.java | 2 +- .../terminal/gwt/client/ui/VTextField.java | 4 +- .../terminal/gwt/client/ui/VTextualDate.java | 4 +- .../gwt/client/ui/VToolkitOverlay.java | 6 +- .../vaadin/terminal/gwt/client/ui/VTree.java | 6 +- .../gwt/client/ui/VTwinColSelect.java | 2 +- .../terminal/gwt/client/ui/VUpload.java | 2 +- .../gwt/client/ui/VVerticalLayout.java | 2 +- .../vaadin/terminal/gwt/client/ui/VView.java | 4 +- .../terminal/gwt/client/ui/VWindow.java | 8 +- .../client/ui/richtextarea/VRichTextArea.java | 2 +- .../server/AbstractApplicationServlet.java | 16 +- src/com/vaadin/ui/LoginForm.java | 8 +- src/com/vaadin/ui/Table.java | 8 +- 135 files changed, 3661 insertions(+), 3668 deletions(-) diff --git a/WebContent/ITMILL/themes/base/absolutelayout/absolutelayout.css b/WebContent/ITMILL/themes/base/absolutelayout/absolutelayout.css index 82358f82ba..b2c2ed2858 100644 --- a/WebContent/ITMILL/themes/base/absolutelayout/absolutelayout.css +++ b/WebContent/ITMILL/themes/base/absolutelayout/absolutelayout.css @@ -1,4 +1,4 @@ -.i-absolutelayout-wrapper { +.v-absolutelayout-wrapper { position: absolute; overflow: hidden; } \ No newline at end of file diff --git a/WebContent/ITMILL/themes/base/accordion/accordion.css b/WebContent/ITMILL/themes/base/accordion/accordion.css index aa81a5c9eb..5c1a7d77b8 100644 --- a/WebContent/ITMILL/themes/base/accordion/accordion.css +++ b/WebContent/ITMILL/themes/base/accordion/accordion.css @@ -1,25 +1,25 @@ -.i-accordion { +.v-accordion { position: relative; outline: none; overflow: hidden; text-align: left /* Force default alignment */ } -.i-accordion-item { +.v-accordion-item { position: relative; } -.i-accordion-item-caption { +.v-accordion-item-caption { overflow: hidden; white-space: nowrap; background: #eee; border-bottom: 1px solid #ddd; } -.i-accordion-item-caption .i-caption { +.v-accordion-item-caption .v-caption { cursor: pointer; } -.i-accordion-item-open .i-accordion-item-caption .i-caption { +.v-accordion-item-open .v-accordion-item-caption .v-caption { cursor: default; } -.i-accordion-item-content { +.v-accordion-item-content { position: absolute; overflow: auto; width: 100%; diff --git a/WebContent/ITMILL/themes/base/button/button.css b/WebContent/ITMILL/themes/base/button/button.css index ce0e0d430f..c7e2fab8f6 100644 --- a/WebContent/ITMILL/themes/base/button/button.css +++ b/WebContent/ITMILL/themes/base/button/button.css @@ -1,63 +1,63 @@ -.i-button { +.v-button { cursor: pointer; white-space: nowrap; margin: 0; } -.i-button span { +.v-button span { white-space: nowrap; } -.i-checkbox input { +.v-checkbox input { vertical-align: middle; } -.i-button img, -.i-checkbox img { +.v-button img, +.v-checkbox img { display: inline; vertical-align: middle; margin-right: 3px; } -.i-button span, -.i-checkbox label { +.v-button span, +.v-checkbox label { vertical-align: middle; } -.i-button-link { +.v-button-link { border: none; text-align: left; background: none; padding: 0; } /* Inset Safari focus outline a bit */ -.i-sa .i-button-link:focus { +.v-sa .v-button-link:focus { outline-offset: -3px; } -.i-button-link span { +.v-button-link span { text-decoration: underline; } -.i-checkbox { +.v-checkbox { white-space: nowrap; } -.i-checkbox .i-errorindicator { +.v-checkbox .v-errorindicator { float: none; display: inline; padding-left: 1em; background-position: left; } /* Fixes streched buttons in IE6 and IE7*/ -.i-ie6 .i-button { +.v-ie6 .v-button { width: 1px; } -.i-ie6 .i-button, -.i-ie7 .i-button, -.i-ie8 .i-button { +.v-ie6 .v-button, +.v-ie7 .v-button, +.v-ie8 .v-button { overflow: visible; padding-left: 1em; padding-right: 1em; } /* Error indicator on checkbox fix for IE6 */ -.i-ie6 .i-checkbox * { +.v-ie6 .v-checkbox * { float: left; display: inline; /* In effect, does nothing, since float:left forces block-rendering, but will fix "double-float-margin-bug" */ } -.i-ie6 .i-checkbox .i-errorindicator { +.v-ie6 .v-checkbox .v-errorindicator { background-position: right; display: inline; float: left; @@ -65,31 +65,31 @@ padding-right: 0.4em; } /* Error indicator on checkbox fix for IE7 */ -.i-ie7 .i-checkbox *, -.i-ie8 .i-checkbox * { +.v-ie7 .v-checkbox *, +.v-ie8 .v-checkbox * { float: left; } -.i-ie7 .i-checkbox .i-errorindicator, -.i-ie8 .i-checkbox .i-errorindicator { +.v-ie7 .v-checkbox .v-errorindicator, +.v-ie8 .v-checkbox .v-errorindicator { background-position: right; float: left; padding-left: 0; padding-right: 0.7em; } /* Error indicator on button fix for IE */ -.i-ie6 button .i-errorindicator, -.i-ie7 button .i-errorindicator, -.i-ie8 button .i-errorindicator { +.v-ie6 button .v-errorindicator, +.v-ie7 button .v-errorindicator, +.v-ie8 button .v-errorindicator { display: inline; padding-right: 0.5em; } /* Disabled by default -.i-checkbox-error { +.v-checkbox-error { background: #ffe0e0; } */ /* Disabled by default -.i-checkbox-required { +.v-checkbox-required { background: #ffe0e0; } */ \ No newline at end of file diff --git a/WebContent/ITMILL/themes/base/caption/caption.css b/WebContent/ITMILL/themes/base/caption/caption.css index b0b7c79b12..32a77eed08 100644 --- a/WebContent/ITMILL/themes/base/caption/caption.css +++ b/WebContent/ITMILL/themes/base/caption/caption.css @@ -1,31 +1,31 @@ -.i-captionwrapper { +.v-captionwrapper { text-align: left; /* Force default alignment */ } -.i-caption { +.v-caption { overflow: hidden; white-space: nowrap; } -.i-errorindicator { +.v-errorindicator { float: left; } -.i-caption .i-icon { +.v-caption .v-icon { float: left; padding-right: 2px; vertical-align: middle; } -.i-caption .i-captiontext { +.v-caption .v-captiontext { float: left; overflow: hidden; vertical-align: middle; } -.i-caption .i-required-field-indicator { +.v-caption .v-required-field-indicator { float: left; } /* Fix IE6 "double-float-margin-bug" */ -.i-ie6 .i-errorindicator, -.i-ie6 .i-icon, -.i-ie6 .i-captiontext, -.i-ie6 .i-required-field-indicator { +.v-ie6 .v-errorindicator, +.v-ie6 .v-icon, +.v-ie6 .v-captiontext, +.v-ie6 .v-required-field-indicator { display: inline; } \ No newline at end of file diff --git a/WebContent/ITMILL/themes/base/common/common.css b/WebContent/ITMILL/themes/base/common/common.css index deac38ffd5..f8a5b8d0a9 100644 --- a/WebContent/ITMILL/themes/base/common/common.css +++ b/WebContent/ITMILL/themes/base/common/common.css @@ -1,19 +1,19 @@ /* References the BODY tag generated by Vaadin application servlet */ -.i-generated-body { +.v-generated-body { width: 100%; height: 100%; border: 0; margin: 0; overflow: hidden; } -.i-app { +.v-app { height: 100%; } -.i-app-loading { +.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 .i-app */ + /* It is applied to the same element as .v-app */ } -.i-view { +.v-view { height: 100%; width: 100%; overflow: auto; @@ -28,124 +28,124 @@ * needs application specific planning and CSS tuning. */ @media print { - .i-generated-body { + .v-generated-body { height: auto; min-height: 20cm; overflow: visible; } - .i-app { + .v-app { height: auto; min-height: 20cm; } - .i-view { + .v-view { overflow: visible; } - .i-gridlayout { + .v-gridlayout { overflow: visible !important; } } -.i-view:active, -.i-view:focus { +.v-view:active, +.v-view:focus { outline: none; } -.i-app select, -.i-window select { +.v-app select, +.v-window select { margin: 0; } -.i-disabled { +.v-disabled { opacity: .3; filter: alpha(opacity=30); cursor: default; } -.i-disabled * { +.v-disabled * { cursor: default; } -* html .i-disabled { +* html .v-disabled { zoom: 1; } -*+html .i-disabled { +*+html .v-disabled { zoom: 1; } -.i-disabled .i-disabled { +.v-disabled .v-disabled { opacity: 1; } -.i-required-field-indicator { +.v-required-field-indicator { padding-left: 2px; color: red; } -.i-form fieldset { +.v-form fieldset { border: none; padding: 0; margin: 0; } /* Field modified */ /* Disabled by default -.i-modified, -.i-richtextarea.i-modified iframe.gwt-RichTextArea, -.i-checkbox.i-modified, -.i-modified .i-select-option, -.i-modified .i-textfield, -.i-modified .i-datefield-calendarpanel, -.i-modified .i-select-select, -.i-modified .i-select-twincol-selections, -.i-modified .i-select-twincol-options, -.i-modified .i-slider-base { +.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; } */ -.i-tooltip { +.v-tooltip { cursor: default; background: #fff; } -.i-tooltip-text { +.v-tooltip-text { overflow: auto; } -.i-tooltip .i-errormessage { +.v-tooltip .v-errormessage { overflow: auto; } -.i-contextmenu { +.v-contextmenu { background: #fff; } -.i-contextmenu .gwt-MenuItem { +.v-contextmenu .gwt-MenuItem { cursor: pointer; vertical-align: middle; padding: 0; border: 0; margin: 0; } -.i-contextmenu .gwt-MenuItem div { +.v-contextmenu .gwt-MenuItem div { cursor: pointer; vertical-align: middle; white-space: nowrap; } -.i-contextmenu .gwt-MenuItem-selected div { +.v-contextmenu .gwt-MenuItem-selected div { background: #aaa; color: #fff; } -.i-contextmenu table { +.v-contextmenu table { border-collapse: collapse; margin: 0; padding: 0; } -.i-contextmenu .gwt-MenuItem img { +.v-contextmenu .gwt-MenuItem img { margin-right: 1em; vertical-align: middle; } /* Label has tiny paddings to include possible content margins */ -.i-label { +.v-label { padding-top: 1px; padding-bottom: 1px; } /* A label with undefined width is always considered to be on one line */ -.i-label-undef-w { +.v-label-undef-w { white-space: nowrap; } /* Loading indicator states * Note: client side expects that loading indicator has a height. It depends on * this css property to ensure browsers have applied all required styles. */ -.i-loading-indicator, -.i-loading-indicator-delay, -.i-loading-indicator-wait { +.v-loading-indicator, +.v-loading-indicator-delay, +.v-loading-indicator-wait { height: 16px; position: absolute; top: 0; @@ -153,35 +153,35 @@ z-index: 30000; } /* Debug dialog */ -.i-debug-console { +.v-debug-console { background: #fff; opacity: .9; border: 1px solid #000; font-family: sans-serif; } -.i-debug-console-caption { +.v-debug-console-caption { background: #000; border-bottom: 1px solid grey; color: white; font-weight: bold; } -.i-debug-console-content { +.v-debug-console-content { font-size: x-small; overflow: auto; } -.i-debug-console-content input { +.v-debug-console-content input { font-size: xx-small; } /* Debug style */ -.i-app .invalidlayout, -.i-app .invalidlayout * { +.v-app .invalidlayout, +.v-app .invalidlayout * { background: #f99 !important; } /* Fix for Liferay, issue #2384 */ -.i-app input[type="text"], -.i-app input[type="password"], -.i-app input[type="reset"], -.i-app select, -.i-app textarea { +.v-app input[type="text"], +.v-app input[type="password"], +.v-app input[type="reset"], +.v-app select, +.v-app textarea { padding: 2px; } \ No newline at end of file diff --git a/WebContent/ITMILL/themes/base/customcomponent/customcomponent.css b/WebContent/ITMILL/themes/base/customcomponent/customcomponent.css index 64420a4182..f6cfd31390 100644 --- a/WebContent/ITMILL/themes/base/customcomponent/customcomponent.css +++ b/WebContent/ITMILL/themes/base/customcomponent/customcomponent.css @@ -1,3 +1,3 @@ -.i-customcomponent { +.v-customcomponent { overflow: hidden; } \ No newline at end of file diff --git a/WebContent/ITMILL/themes/base/customlayout/customlayout.css b/WebContent/ITMILL/themes/base/customlayout/customlayout.css index 32171f2887..b9c20dbbf8 100644 --- a/WebContent/ITMILL/themes/base/customlayout/customlayout.css +++ b/WebContent/ITMILL/themes/base/customlayout/customlayout.css @@ -1,3 +1,3 @@ -.i-customlayout { +.v-customlayout { overflow: hidden; } \ No newline at end of file diff --git a/WebContent/ITMILL/themes/base/datefield/datefield.css b/WebContent/ITMILL/themes/base/datefield/datefield.css index 38e3c16230..e18a19c706 100644 --- a/WebContent/ITMILL/themes/base/datefield/datefield.css +++ b/WebContent/ITMILL/themes/base/datefield/datefield.css @@ -1,71 +1,71 @@ -.i-datefield { +.v-datefield { white-space: nowrap; } -.i-datefield-textfield { +.v-datefield-textfield { vertical-align: top; } -.i-datefield-button { +.v-datefield-button { cursor: pointer; } -.i-datefield-calendarpanel table { +.v-datefield-calendarpanel table { width: 100%; } -.i-datefield-calendarpanel td { +.v-datefield-calendarpanel td { width: 14.2%; padding: 0; margin: 0; } -.i-datefield-calendarpanel-header td { +.v-datefield-calendarpanel-header td { text-align: center; } -.i-datefield-calendarpanel-month { +.v-datefield-calendarpanel-month { text-align: center; white-space: nowrap; } -.i-datefield-calendarpanel-day, -.i-datefield-calendarpanel-day-today { +.v-datefield-calendarpanel-day, +.v-datefield-calendarpanel-day-today { cursor: pointer; } -.i-datefield-calendarpanel-day-today { +.v-datefield-calendarpanel-day-today { border: 1px solid #ddd; } -.i-disabled .i-datefield-calendarpanel-day, -.i-disabled .i-datefield-calendarpanel-day-today { +.v-disabled .v-datefield-calendarpanel-day, +.v-disabled .v-datefield-calendarpanel-day-today { cursor: default; } -.i-datefield-calendarpanel-day-disabled { +.v-datefield-calendarpanel-day-disabled { cursor: default; opacity: .5; } -.i-datefield-calendarpanel-day-selected { +.v-datefield-calendarpanel-day-selected { cursor: default; background: #333; color: #fff; } -.i-datefield-time { +.v-datefield-time { white-space: nowrap; } -.i-datefield-time .i-label { +.v-datefield-time .v-label { display: inline; } /* Disabled by default -.i-datefield-error .i-textfield, -.i-datefield-error .i-datefield-calendarpanel { +.v-datefield-error .v-textfield, +.v-datefield-error .v-datefield-calendarpanel { background: #ffe0e0; } */ /* Disabled by default -.i-datefield-required .i-textfield, -.i-datefield-required .i-datefield-calendarpanel { +.v-datefield-required .v-textfield, +.v-datefield-required .v-datefield-calendarpanel { background:transparent; background-color: #ffe0e0; } */ -/* IE somehow loses generic i-disabled alpha. See #1960 */ -.i-ie6 .i-disabled .i-datefield-button, -.i-ie6 .i-disabled .i-datefield-textfield, -.i-ie7 .i-disabled .i-datefield-button, -.i-ie7 .i-disabled .i-datefield-textfield { +/* 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); } \ No newline at end of file diff --git a/WebContent/ITMILL/themes/base/formlayout/formlayout.css b/WebContent/ITMILL/themes/base/formlayout/formlayout.css index 5cc7505685..dd5e8d6662 100644 --- a/WebContent/ITMILL/themes/base/formlayout/formlayout.css +++ b/WebContent/ITMILL/themes/base/formlayout/formlayout.css @@ -1,39 +1,39 @@ -.i-formlayout-cell .i-errorindicator { +.v-formlayout-cell .v-errorindicator { display: block; } -.i-formlayout-captioncell { +.v-formlayout-captioncell { text-align:right; white-space: nowrap; } -.i-formlayout-captioncell .i-caption { +.v-formlayout-captioncell .v-caption { overflow: visible; } -.i-formlayout-spacing .i-formlayout-row .i-formlayout-captioncell, -.i-formlayout-spacing .i-formlayout-row .i-formlayout-contentcell, -.i-formlayout-spacing .i-formlayout-row .i-formlayout-errorcell { +.v-formlayout-spacing .v-formlayout-row .v-formlayout-captioncell, +.v-formlayout-spacing .v-formlayout-row .v-formlayout-contentcell, +.v-formlayout-spacing .v-formlayout-row .v-formlayout-errorcell { padding-top: 1em; } -.i-formlayout-spacing .i-formlayout-firstrow .i-formlayout-captioncell, -.i-formlayout-spacing .i-formlayout-firstrow .i-formlayout-contentcell, -.i-formlayout-spacing .i-formlayout-firstrow .i-formlayout-errorcell { +.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; } -.i-formlayout-margin-top .i-formlayout-firstrow .i-formlayout-captioncell, -.i-formlayout-margin-top .i-formlayout-firstrow .i-formlayout-contentcell, -.i-formlayout-margin-top .i-formlayout-firstrow .i-formlayout-errorcell { +.v-formlayout-margin-top .v-formlayout-firstrow .v-formlayout-captioncell, +.v-formlayout-margin-top .v-formlayout-firstrow .v-formlayout-contentcell, +.v-formlayout-margin-top .v-formlayout-firstrow .v-formlayout-errorcell { padding-top: 2em; } -.i-formlayout-margin-bottom .i-formlayout-lastrow .i-formlayout-captioncell, -.i-formlayout-margin-bottom .i-formlayout-lastrow .i-formlayout-contentcell, -.i-formlayout-margin-bottom .i-formlayout-lastrow .i-formlayout-errorcell { +.v-formlayout-margin-bottom .v-formlayout-lastrow .v-formlayout-captioncell, +.v-formlayout-margin-bottom .v-formlayout-lastrow .v-formlayout-contentcell, +.v-formlayout-margin-bottom .v-formlayout-lastrow .v-formlayout-errorcell { padding-bottom: 2em; } -.i-formlayout-margin-left .i-formlayout-captioncell { +.v-formlayout-margin-left .v-formlayout-captioncell { padding-left: 2em; } -.i-formlayout-margin-right .i-formlayout-contentcell { +.v-formlayout-margin-right .v-formlayout-contentcell { padding-right: 2em; } -.i-formlayout-captioncell .i-caption .i-required-field-indicator { +.v-formlayout-captioncell .v-caption .v-required-field-indicator { float: none; } \ No newline at end of file diff --git a/WebContent/ITMILL/themes/base/gridlayout/gridlayout.css b/WebContent/ITMILL/themes/base/gridlayout/gridlayout.css index 06f958ce03..039f080ac2 100644 --- a/WebContent/ITMILL/themes/base/gridlayout/gridlayout.css +++ b/WebContent/ITMILL/themes/base/gridlayout/gridlayout.css @@ -1,30 +1,30 @@ -.i-gridlayout-margin-top { +.v-gridlayout-margin-top { padding-top: 2em; } -.i-gridlayout-margin-bottom { +.v-gridlayout-margin-bottom { padding-bottom: 2em; } -.i-gridlayout-margin-left { +.v-gridlayout-margin-left { padding-left: 2em; } -.i-gridlayout-margin-right { +.v-gridlayout-margin-right { padding-right: 2em; } -.i-gridlayout-spacing-on { +.v-gridlayout-spacing-on { padding-left: 1em; padding-top: 1em; overflow: hidden; } -.i-gridlayout-spacing, -.i-gridlayout-spacing-off { +.v-gridlayout-spacing, +.v-gridlayout-spacing-off { padding-left: 0; padding-top: 0; } -.i-gridlayout-spacing-off { +.v-gridlayout-spacing-off { overflow: hidden; } /* Ensure that resizing gridlayout works in IE */ -.i-ie6 .i-gridlayout, -.i-ie7 .i-gridlayout { +.v-ie6 .v-gridlayout, +.v-ie7 .v-gridlayout { overflow: hidden; } \ No newline at end of file diff --git a/WebContent/ITMILL/themes/base/link/link.css b/WebContent/ITMILL/themes/base/link/link.css index b81f72c161..322fb3e7ba 100644 --- a/WebContent/ITMILL/themes/base/link/link.css +++ b/WebContent/ITMILL/themes/base/link/link.css @@ -1,18 +1,18 @@ -.i-link { +.v-link { white-space: nowrap; } -.i-link a { +.v-link a { vertical-align: middle; text-decoration: none; } -.i-link span { +.v-link span { text-decoration: underline; vertical-align: middle; } -.i-disabled a { +.v-disabled a { cursor: default; } -.i-link img { +.v-link img { vertical-align: middle; border:none; } \ No newline at end of file diff --git a/WebContent/ITMILL/themes/base/menubar/menubar.css b/WebContent/ITMILL/themes/base/menubar/menubar.css index 4e2ee0ef3a..712769536c 100644 --- a/WebContent/ITMILL/themes/base/menubar/menubar.css +++ b/WebContent/ITMILL/themes/base/menubar/menubar.css @@ -1,37 +1,37 @@ -.i-menubar table { +.v-menubar table { white-space: nowrap; border-collapse: collapse; padding: 0; margin: 0; } -.i-menubar table { +.v-menubar table { white-space: nowrap; border-collapse: collapse; padding: 0; margin: 0; } -.i-menubar .menuitem { +.v-menubar .menuitem { cursor : default; } -.i-menubar-submenu { +.v-menubar-submenu { background: #fff; } -.i-menubar-submenu table { +.v-menubar-submenu table { white-space: nowrap; border-collapse: collapse; padding: 0; margin: 0; } -.i-menubar-submenu table td { +.v-menubar-submenu table td { white-space: nowrap; padding: 0; margin: 0; } -.i-menubar .menuitem-selected, -.i-menubar-submenu .menuitem-selected { +.v-menubar .menuitem-selected, +.v-menubar-submenu .menuitem-selected { background: #333; color: #fff; } -.i-menubar-submenu .menuitem { +.v-menubar-submenu .menuitem { cursor: default; } \ No newline at end of file diff --git a/WebContent/ITMILL/themes/base/notification/notification.css b/WebContent/ITMILL/themes/base/notification/notification.css index a636e94052..514d274488 100644 --- a/WebContent/ITMILL/themes/base/notification/notification.css +++ b/WebContent/ITMILL/themes/base/notification/notification.css @@ -1,41 +1,41 @@ -.i-Notification { +.v-Notification { background: #999; color: #fff; cursor: pointer; overflow: hidden; padding: 1em; } -.i-Notification h1, -.i-Notification p, -.i-Notification.error h1, -.i-Notification.error p, -.i-Notification.warning h1, -.i-Notification.warning p { +.v-Notification h1, +.v-Notification p, +.v-Notification.error h1, +.v-Notification.error p, +.v-Notification.warning h1, +.v-Notification.warning p { display: inline; white-space: nowrap; margin: 0 0.5em 0 0; } -.i-Notification.warning { +.v-Notification.warning { background: orange; } -.i-Notification.error { +.v-Notification.error { background: red; } -.i-Notification.tray h1 { +.v-Notification.tray h1 { display: block; } -.i-Notification.tray p { +.v-Notification.tray p { display: block; } -.i-Notification.system { +.v-Notification.system { background-color: red; opacity: .7; filter: alpha(opacity=70); } -.i-Notification.system h1 { +.v-Notification.system h1 { display: block; margin: 0; } -.i-Notification.system p { +.v-Notification.system p { white-space: nowrap; } \ No newline at end of file diff --git a/WebContent/ITMILL/themes/base/orderedlayout/orderedlayout.css b/WebContent/ITMILL/themes/base/orderedlayout/orderedlayout.css index 03657448b4..6dafa2d252 100644 --- a/WebContent/ITMILL/themes/base/orderedlayout/orderedlayout.css +++ b/WebContent/ITMILL/themes/base/orderedlayout/orderedlayout.css @@ -1,42 +1,42 @@ -.i-orderedlayout-margin-top, -.i-horizontallayout-margin-top, -.i-verticallayout-margin-top { +.v-orderedlayout-margin-top, +.v-horizontallayout-margin-top, +.v-verticallayout-margin-top { padding-top: 2em; } -.i-orderedlayout-margin-right, -.i-horizontallayout-margin-right, -.i-verticallayout-margin-right { +.v-orderedlayout-margin-right, +.v-horizontallayout-margin-right, +.v-verticallayout-margin-right { padding-right: 2em; } -.i-orderedlayout-margin-bottom, -.i-horizontallayout-margin-bottom, -.i-verticallayout-margin-bottom { +.v-orderedlayout-margin-bottom, +.v-horizontallayout-margin-bottom, +.v-verticallayout-margin-bottom { padding-bottom: 2em; } -.i-orderedlayout-margin-left, -.i-horizontallayout-margin-left, -.i-verticallayout-margin-left { +.v-orderedlayout-margin-left, +.v-horizontallayout-margin-left, +.v-verticallayout-margin-left { padding-left: 2em; } -.i-orderedlayout-spacing-on, -.i-horizontallayout-spacing-on, -.i-verticallayout-spacing-on { +.v-orderedlayout-spacing-on, +.v-horizontallayout-spacing-on, +.v-verticallayout-spacing-on { padding-top: 1em; padding-left: 1em; } /* This can be used to define spacing if spacing is off server side */ -.i-orderedlayout-spacing-off, -.i-horizontallayout-spacing-off, -.i-verticallayout-spacing-off { +.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 */ -.i-ie6 .i-orderedlayout, -.i-ie6 .i-horizontallayout, -.i-ie6 .i-verticallayout, -.i-ie7 .i-orderedlayout, -.i-ie7 .i-horizontallayout, -.i-ie7 .i-verticallayout { +.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; } diff --git a/WebContent/ITMILL/themes/base/panel/panel.css b/WebContent/ITMILL/themes/base/panel/panel.css index 6652e85a8a..126d3da91c 100644 --- a/WebContent/ITMILL/themes/base/panel/panel.css +++ b/WebContent/ITMILL/themes/base/panel/panel.css @@ -1,35 +1,35 @@ -.i-panel, -.i-panel-caption, -.i-panel-content, -.i-panel-deco, -.i-panel-light, -.i-panel-caption-light, -.i-panel-content-light, -.i-panel-deco-light { +.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 */ } -.i-panel-caption .i-errorindicator { +.v-panel-caption .v-errorindicator { float: none; display: inline; } -.i-panel-caption .i-icon { +.v-panel-caption .v-icon { display: inline; vertical-align: middle; } -.i-panel-caption span { +.v-panel-caption span { vertical-align: middle; } -.i-panel-caption { +.v-panel-caption { white-space: nowrap; overflow:hidden; font-weight: bold; } -.i-panel-nocaption { +.v-panel-nocaption { overflow: hidden; } -.i-panel-content { +.v-panel-content { overflow: auto; } -.i-panel-deco { +.v-panel-deco { } \ No newline at end of file diff --git a/WebContent/ITMILL/themes/base/popupview/popupview.css b/WebContent/ITMILL/themes/base/popupview/popupview.css index 57a5fa5895..8cf1c6066f 100644 --- a/WebContent/ITMILL/themes/base/popupview/popupview.css +++ b/WebContent/ITMILL/themes/base/popupview/popupview.css @@ -1,9 +1,9 @@ -.i-popupview { +.v-popupview { cursor: pointer; width: 5px; height: 5px; background: #aaa; } -.i-popupview-popup { +.v-popupview-popup { overflow: auto; } \ No newline at end of file diff --git a/WebContent/ITMILL/themes/base/progressindicator/progressindicator.css b/WebContent/ITMILL/themes/base/progressindicator/progressindicator.css index 3bf673d424..18b1f1e4a7 100644 --- a/WebContent/ITMILL/themes/base/progressindicator/progressindicator.css +++ b/WebContent/ITMILL/themes/base/progressindicator/progressindicator.css @@ -1,34 +1,34 @@ -.i-progressindicator { +.v-progressindicator { overflow: hidden; /* for IE6 */ width: 150px; } -.i-progressindicator-wrapper { +.v-progressindicator-wrapper { overflow: hidden; /* for IE6 */ height: 9px; border: 1px solid #ddd; } -.i-progressindicator-disabled { +.v-progressindicator-disabled { height: 9px; overflow: hidden; /* for IE6 */ } -.i-progressindicator-indicator { +.v-progressindicator-indicator { height: 9px; overflow: hidden; /* for IE6 */ background: #ddd; } -.i-progressindicator-indeterminate { +.v-progressindicator-indeterminate { height: 16px; width: 16px; overflow: hidden; /* for IE6 */ } /* Hide obsolete elements in indeterminate mode */ -.i-progressindicator-indeterminate .i-progressindicator-wrapper, -.i-progressindicator-indeterminate .i-progressindicator-indicator, -.i-progressindicator-indeterminate-disabled .i-progressindicator-wrapper, -.i-progressindicator-indeterminate-disabled .i-progressindicator-indicator { +.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; } -.i-progressindicator-indeterminate-disabled { +.v-progressindicator-indeterminate-disabled { height: 16px; width: 16px; overflow: hidden; /* for IE6 */ diff --git a/WebContent/ITMILL/themes/base/select/select.css b/WebContent/ITMILL/themes/base/select/select.css index 6935d572ab..9bfcfefd45 100644 --- a/WebContent/ITMILL/themes/base/select/select.css +++ b/WebContent/ITMILL/themes/base/select/select.css @@ -1,134 +1,134 @@ -.i-select { +.v-select { text-align: left; } -.i-select-optiongroup .i-select-option { +.v-select-optiongroup .v-select-option { display: block; white-space: nowrap; } -.i-ie .i-select-optiongroup .i-select-option { +.v-ie .v-select-optiongroup .v-select-option { zoom: 1; } -.i-select-select { +.v-select-select { display: block; } -.i-select-twincol { +.v-select-twincol { white-space: nowrap; } -.i-select-twincol-options { +.v-select-twincol-options { float: left; } -.i-select-twincol-selections { +.v-select-twincol-selections { font-weight: bold; } -.i-select-twincol-buttons { +.v-select-twincol-buttons { float: left; text-align: center; } -.i-select-twincol-buttons .i-select-twincol-deco { +.v-select-twincol-buttons .v-select-twincol-deco { clear: both; } -.i-select-twincol .i-textfield { +.v-select-twincol .v-textfield { display: block; float: left; clear: left; } -.i-select-twincol .i-button { +.v-select-twincol .v-button { display: block; float: left; } -.i-select-twincol-buttons .i-button { +.v-select-twincol-buttons .v-button { display: inline; float: none; } -.i-filterselect { +.v-filterselect { white-space: nowrap; text-align: left; } -.i-filterselect .i-icon { +.v-filterselect .v-icon { float: left; } -.i-app .i-filterselect-input, -.i-window .i-filterselect-input, -.i-popupview-popup .i-filterselect-input { +.v-app .v-filterselect-input, +.v-window .v-filterselect-input, +.v-popupview-popup .v-filterselect-input { float: left; } -.i-filterselect-prompt .i-filterselect-input { +.v-filterselect-prompt .v-filterselect-input { color: #999; font-style: italic; } -.i-filterselect-button { +.v-filterselect-button { float: right; cursor: pointer; } -.i-filterselect.i-readonly .i-filterselect-button { +.v-filterselect.v-readonly .v-filterselect-button { display: none; } -.i-filterselect-suggestpopup { +.v-filterselect-suggestpopup { background: #fff; border: 1px solid #eee; } -.i-filterselect-suggestmenu table { +.v-filterselect-suggestmenu table { border-collapse: collapse; border: none; } -.i-filterselect-suggestmenu .gwt-MenuItem { +.v-filterselect-suggestmenu .gwt-MenuItem { white-space: nowrap; } -.i-filterselect-suggestmenu .gwt-MenuItem .i-icon { +.v-filterselect-suggestmenu .gwt-MenuItem .v-icon { margin-right: 3px; vertical-align: middle; } -.i-filterselect-suggestmenu .gwt-MenuItem span { +.v-filterselect-suggestmenu .gwt-MenuItem span { vertical-align: middle; } -.i-filterselect-suggestmenu .gwt-MenuItem-selected { +.v-filterselect-suggestmenu .gwt-MenuItem-selected { background: #333; color: #fff; } -.i-filterselect-nextpage, -.i-filterselect-nextpage-off, -.i-filterselect-prevpage-off, -.i-filterselect-prevpage { +.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; } -.i-filterselect-nextpage-off, -.i-filterselect-prevpage-off { +.v-filterselect-nextpage-off, +.v-filterselect-prevpage-off { color: #666; opacity: .5; filter: alpha(opacity=50); cursor: default; } -.i-filterselect-nextpage-off span, -.i-filterselect-prevpage-off span { +.v-filterselect-nextpage-off span, +.v-filterselect-prevpage-off span { cursor: default; } -.i-filterselect-status { +.v-filterselect-status { white-space: nowrap; text-align: center; } /* Error styles (disabled by default) -.i-filterselect-error .i-filterselect-input, -.i-select-error .i-select-option, -.i-select-error .i-select-select, -.i-select-error .i-select-twincol-selections, -.i-select-error .i-select-twincol-options { +.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) -.i-filterselect-error .i-filterselect-input, -.i-select-required .i-select-option, -.i-select-required .i-select-select, -.i-select-required .i-select-twincol-selections, -.i-select-required .i-select-twincol-options { +.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; } */ \ No newline at end of file diff --git a/WebContent/ITMILL/themes/base/shadow/shadow.css b/WebContent/ITMILL/themes/base/shadow/shadow.css index 43f6a9914f..bc67f3cc59 100644 --- a/WebContent/ITMILL/themes/base/shadow/shadow.css +++ b/WebContent/ITMILL/themes/base/shadow/shadow.css @@ -1,29 +1,29 @@ -.i-shadow { +.v-shadow { position: absolute; } -.i-shadow .top-left { +.v-shadow .top-left { position: absolute; overflow: hidden; top: -3px; left: -5px; width: 10px; height: 10px; background: transparent url(img/top-left.png); } -.i-shadow .top { +.v-shadow .top { position: absolute; overflow: hidden; top: -3px; left: 5px; height: 10px; right: 5px; background: transparent url(img/top.png); } -.i-shadow .top-right { +.v-shadow .top-right { position: absolute; overflow: hidden; top: -3px; right: -5px; width: 10px; height: 10px; background: transparent url(img/top-right.png); } -.i-shadow .left { +.v-shadow .left { position: absolute; overflow: hidden; top: 7px; left: -5px; width: 10px; @@ -31,14 +31,14 @@ background: transparent url(img/left.png); } -.i-shadow .center { +.v-shadow .center { position: absolute; overflow: hidden; top: 7px; left: 5px; bottom: 3px; right: 5px; background: transparent url(img/center.png); } -.i-shadow .right { +.v-shadow .right { position: absolute; overflow: hidden; top: 7px; right: -5px; width: 10px; @@ -46,21 +46,21 @@ background: transparent url(img/right.png); } -.i-shadow .bottom-left { +.v-shadow .bottom-left { position: absolute; overflow: hidden; bottom: -7px; left: -5px; width: 10px; height: 10px; background: transparent url(img/bottom-left.png); } -.i-shadow .bottom { +.v-shadow .bottom { position: absolute; overflow: hidden; bottom: -7px; left: 5px; right: 5px; height: 10px; background: transparent url(img/bottom.png); } -.i-shadow .bottom-right { +.v-shadow .bottom-right { position: absolute; overflow: hidden; bottom: -7px; right: -5px; width: 10px; height: 10px; @@ -73,11 +73,11 @@ /* For IE6 (no transparent png's, we use a blur filter) */ -.i-ie6 .i-shadow * { +.v-ie6 .v-shadow * { display: none; } -.i-ie6 .i-shadow { +.v-ie6 .v-shadow { background: #000; filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=2) alpha(opacity=20); margin-top: -3px; diff --git a/WebContent/ITMILL/themes/base/slider/slider.css b/WebContent/ITMILL/themes/base/slider/slider.css index a075d4bc44..2288cfc47a 100644 --- a/WebContent/ITMILL/themes/base/slider/slider.css +++ b/WebContent/ITMILL/themes/base/slider/slider.css @@ -1,7 +1,7 @@ -.i-slider { +.v-slider { margin: 5px 0; } -.i-slider-base { +.v-slider-base { /* changing the borders will require adjustments to ISlider.java */ height: 2px; border-top: 1px solid #ddd; @@ -10,7 +10,7 @@ border-right: 1px solid #eee; } -.i-slider-handle { +.v-slider-handle { background: #aaa; width: 12px; height: 12px; @@ -19,7 +19,7 @@ cursor: pointer; } -.i-slider-vertical { +.v-slider-vertical { width: 2px; height: auto; margin: 0 5px; @@ -27,12 +27,12 @@ border-left: 1px solid #cccfd0; border-right: 1px solid #cccfd0; } -.i-slider-vertical .i-slider-base { +.v-slider-vertical .v-slider-base { width: 2px; border-bottom: 1px solid #eee; border-right: none; } -.i-slider-vertical .i-slider-handle { +.v-slider-vertical .v-slider-handle { width: 12px; height: 12px; font-size: 0; @@ -41,24 +41,24 @@ } /* Disabled by default -.i-slider-error .i-slider-base { +.v-slider-error .v-slider-base { background: #FFE0E0; } */ /* Disabled by default -.i-slider-required .i-slider-base { +.v-slider-required .v-slider-base { background: #FFE0E0; } */ /* IE specific styles */ -.i-ie6 .i-slider, -.i-ie6 .i-slider-vertical { +.v-ie6 .v-slider, +.v-ie6 .v-slider-vertical { margin: 0; } -.i-ie6 .i-slider .i-slider-handle { +.v-ie6 .v-slider .v-slider-handle { margin: -1px 0; } -.i-ie6 .i-slider-vertical .i-slider-handle { +.v-ie6 .v-slider-vertical .v-slider-handle { margin: 0 -1px; } \ No newline at end of file diff --git a/WebContent/ITMILL/themes/base/splitpanel/splitpanel.css b/WebContent/ITMILL/themes/base/splitpanel/splitpanel.css index e5a2f3035a..7406c4f3c8 100644 --- a/WebContent/ITMILL/themes/base/splitpanel/splitpanel.css +++ b/WebContent/ITMILL/themes/base/splitpanel/splitpanel.css @@ -1,12 +1,12 @@ -.i-splitpanel-horizontal, -.i-splitpanel-vertical { +.v-splitpanel-horizontal, +.v-splitpanel-vertical { overflow: hidden; } -.i-splitpanel-horizontal .i-splitpanel-hsplitter { +.v-splitpanel-horizontal .v-splitpanel-hsplitter { width: 6px; font-size: 1px; /* for IE6 */ } -.i-splitpanel-horizontal .i-splitpanel-hsplitter div { +.v-splitpanel-horizontal .v-splitpanel-hsplitter div { width: 6px; font-size: 1px; /* for IE6 */ position: absolute; @@ -15,17 +15,17 @@ background: #ddd; cursor: e-resize; } -.i-splitpanel-vertical .i-splitpanel-vsplitter { +.v-splitpanel-vertical .v-splitpanel-vsplitter { height: 6px; font-size: 1px; /* for IE6 */ } -.i-splitpanel-vertical .i-splitpanel-vsplitter div { +.v-splitpanel-vertical .v-splitpanel-vsplitter div { height: 6px; font-size: 1px; /* for IE6 */ background: #ddd; cursor: n-resize; } /* IE specific styles */ -.i-ie6 .i-splitpanel-horizontal .i-splitpanel-hsplitter div { +.v-ie6 .v-splitpanel-horizontal .v-splitpanel-hsplitter div { height: 99%; } \ No newline at end of file diff --git a/WebContent/ITMILL/themes/base/styles.css b/WebContent/ITMILL/themes/base/styles.css index 74fc88d7f4..52de9036ba 100644 --- a/WebContent/ITMILL/themes/base/styles.css +++ b/WebContent/ITMILL/themes/base/styles.css @@ -1,100 +1,100 @@ /* Automatically compiled css file from subdirectories. */ /* ./WebContent/ITMILL/themes/base/absolutelayout/absolutelayout.css */ -.i-absolutelayout-wrapper { +.v-absolutelayout-wrapper { position: absolute; overflow: hidden; } /* ./WebContent/ITMILL/themes/base/accordion/accordion.css */ -.i-accordion { +.v-accordion { position: relative; outline: none; overflow: hidden; text-align: left /* Force default alignment */ } -.i-accordion-item { +.v-accordion-item { position: relative; } -.i-accordion-item-caption { +.v-accordion-item-caption { overflow: hidden; white-space: nowrap; background: #eee; border-bottom: 1px solid #ddd; } -.i-accordion-item-caption .i-caption { +.v-accordion-item-caption .v-caption { cursor: pointer; } -.i-accordion-item-open .i-accordion-item-caption .i-caption { +.v-accordion-item-open .v-accordion-item-caption .v-caption { cursor: default; } -.i-accordion-item-content { +.v-accordion-item-content { position: absolute; overflow: auto; width: 100%; } /* ./WebContent/ITMILL/themes/base/button/button.css */ -.i-button { +.v-button { cursor: pointer; white-space: nowrap; margin: 0; } -.i-button span { +.v-button span { white-space: nowrap; } -.i-checkbox input { +.v-checkbox input { vertical-align: middle; } -.i-button img, -.i-checkbox img { +.v-button img, +.v-checkbox img { display: inline; vertical-align: middle; margin-right: 3px; } -.i-button span, -.i-checkbox label { +.v-button span, +.v-checkbox label { vertical-align: middle; } -.i-button-link { +.v-button-link { border: none; text-align: left; background: none; padding: 0; } /* Inset Safari focus outline a bit */ -.i-sa .i-button-link:focus { +.v-sa .v-button-link:focus { outline-offset: -3px; } -.i-button-link span { +.v-button-link span { text-decoration: underline; } -.i-checkbox { +.v-checkbox { white-space: nowrap; } -.i-checkbox .i-errorindicator { +.v-checkbox .v-errorindicator { float: none; display: inline; padding-left: 1em; background-position: left; } /* Fixes streched buttons in IE6 and IE7*/ -.i-ie6 .i-button { +.v-ie6 .v-button { width: 1px; } -.i-ie6 .i-button, -.i-ie7 .i-button, -.i-ie8 .i-button { +.v-ie6 .v-button, +.v-ie7 .v-button, +.v-ie8 .v-button { overflow: visible; padding-left: 1em; padding-right: 1em; } /* Error indicator on checkbox fix for IE6 */ -.i-ie6 .i-checkbox * { +.v-ie6 .v-checkbox * { float: left; display: inline; /* In effect, does nothing, since float:left forces block-rendering, but will fix "double-float-margin-bug" */ } -.i-ie6 .i-checkbox .i-errorindicator { +.v-ie6 .v-checkbox .v-errorindicator { background-position: right; display: inline; float: left; @@ -102,85 +102,85 @@ padding-right: 0.4em; } /* Error indicator on checkbox fix for IE7 */ -.i-ie7 .i-checkbox *, -.i-ie8 .i-checkbox * { +.v-ie7 .v-checkbox *, +.v-ie8 .v-checkbox * { float: left; } -.i-ie7 .i-checkbox .i-errorindicator, -.i-ie8 .i-checkbox .i-errorindicator { +.v-ie7 .v-checkbox .v-errorindicator, +.v-ie8 .v-checkbox .v-errorindicator { background-position: right; float: left; padding-left: 0; padding-right: 0.7em; } /* Error indicator on button fix for IE */ -.i-ie6 button .i-errorindicator, -.i-ie7 button .i-errorindicator, -.i-ie8 button .i-errorindicator { +.v-ie6 button .v-errorindicator, +.v-ie7 button .v-errorindicator, +.v-ie8 button .v-errorindicator { display: inline; padding-right: 0.5em; } /* Disabled by default -.i-checkbox-error { +.v-checkbox-error { background: #ffe0e0; } */ /* Disabled by default -.i-checkbox-required { +.v-checkbox-required { background: #ffe0e0; } */ /* ./WebContent/ITMILL/themes/base/caption/caption.css */ -.i-captionwrapper { +.v-captionwrapper { text-align: left; /* Force default alignment */ } -.i-caption { +.v-caption { overflow: hidden; white-space: nowrap; } -.i-errorindicator { +.v-errorindicator { float: left; } -.i-caption .i-icon { +.v-caption .v-icon { float: left; padding-right: 2px; vertical-align: middle; } -.i-caption .i-captiontext { +.v-caption .v-captiontext { float: left; overflow: hidden; vertical-align: middle; } -.i-caption .i-required-field-indicator { +.v-caption .v-required-field-indicator { float: left; } /* Fix IE6 "double-float-margin-bug" */ -.i-ie6 .i-errorindicator, -.i-ie6 .i-icon, -.i-ie6 .i-captiontext, -.i-ie6 .i-required-field-indicator { +.v-ie6 .v-errorindicator, +.v-ie6 .v-icon, +.v-ie6 .v-captiontext, +.v-ie6 .v-required-field-indicator { display: inline; } /* ./WebContent/ITMILL/themes/base/common/common.css */ /* References the BODY tag generated by Vaadin application servlet */ -.i-generated-body { +.v-generated-body { width: 100%; height: 100%; border: 0; margin: 0; overflow: hidden; } -.i-app { +.v-app { height: 100%; } -.i-app-loading { +.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 .i-app */ + /* It is applied to the same element as .v-app */ } -.i-view { +.v-view { height: 100%; width: 100%; overflow: auto; @@ -195,124 +195,124 @@ * needs application specific planning and CSS tuning. */ @media print { - .i-generated-body { + .v-generated-body { height: auto; min-height: 20cm; overflow: visible; } - .i-app { + .v-app { height: auto; min-height: 20cm; } - .i-view { + .v-view { overflow: visible; } - .i-gridlayout { + .v-gridlayout { overflow: visible !important; } } -.i-view:active, -.i-view:focus { +.v-view:active, +.v-view:focus { outline: none; } -.i-app select, -.i-window select { +.v-app select, +.v-window select { margin: 0; } -.i-disabled { +.v-disabled { opacity: .3; filter: alpha(opacity=30); cursor: default; } -.i-disabled * { +.v-disabled * { cursor: default; } -* html .i-disabled { +* html .v-disabled { zoom: 1; } -*+html .i-disabled { +*+html .v-disabled { zoom: 1; } -.i-disabled .i-disabled { +.v-disabled .v-disabled { opacity: 1; } -.i-required-field-indicator { +.v-required-field-indicator { padding-left: 2px; color: red; } -.i-form fieldset { +.v-form fieldset { border: none; padding: 0; margin: 0; } /* Field modified */ /* Disabled by default -.i-modified, -.i-richtextarea.i-modified iframe.gwt-RichTextArea, -.i-checkbox.i-modified, -.i-modified .i-select-option, -.i-modified .i-textfield, -.i-modified .i-datefield-calendarpanel, -.i-modified .i-select-select, -.i-modified .i-select-twincol-selections, -.i-modified .i-select-twincol-options, -.i-modified .i-slider-base { +.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; } */ -.i-tooltip { +.v-tooltip { cursor: default; background: #fff; } -.i-tooltip-text { +.v-tooltip-text { overflow: auto; } -.i-tooltip .i-errormessage { +.v-tooltip .v-errormessage { overflow: auto; } -.i-contextmenu { +.v-contextmenu { background: #fff; } -.i-contextmenu .gwt-MenuItem { +.v-contextmenu .gwt-MenuItem { cursor: pointer; vertical-align: middle; padding: 0; border: 0; margin: 0; } -.i-contextmenu .gwt-MenuItem div { +.v-contextmenu .gwt-MenuItem div { cursor: pointer; vertical-align: middle; white-space: nowrap; } -.i-contextmenu .gwt-MenuItem-selected div { +.v-contextmenu .gwt-MenuItem-selected div { background: #aaa; color: #fff; } -.i-contextmenu table { +.v-contextmenu table { border-collapse: collapse; margin: 0; padding: 0; } -.i-contextmenu .gwt-MenuItem img { +.v-contextmenu .gwt-MenuItem img { margin-right: 1em; vertical-align: middle; } /* Label has tiny paddings to include possible content margins */ -.i-label { +.v-label { padding-top: 1px; padding-bottom: 1px; } /* A label with undefined width is always considered to be on one line */ -.i-label-undef-w { +.v-label-undef-w { white-space: nowrap; } /* Loading indicator states * Note: client side expects that loading indicator has a height. It depends on * this css property to ensure browsers have applied all required styles. */ -.i-loading-indicator, -.i-loading-indicator-delay, -.i-loading-indicator-wait { +.v-loading-indicator, +.v-loading-indicator-delay, +.v-loading-indicator-wait { height: 16px; position: absolute; top: 0; @@ -320,589 +320,589 @@ z-index: 30000; } /* Debug dialog */ -.i-debug-console { +.v-debug-console { background: #fff; opacity: .9; border: 1px solid #000; font-family: sans-serif; } -.i-debug-console-caption { +.v-debug-console-caption { background: #000; border-bottom: 1px solid grey; color: white; font-weight: bold; } -.i-debug-console-content { +.v-debug-console-content { font-size: x-small; overflow: auto; } -.i-debug-console-content input { +.v-debug-console-content input { font-size: xx-small; } /* Debug style */ -.i-app .invalidlayout, -.i-app .invalidlayout * { +.v-app .invalidlayout, +.v-app .invalidlayout * { background: #f99 !important; } /* Fix for Liferay, issue #2384 */ -.i-app input[type="text"], -.i-app input[type="password"], -.i-app input[type="reset"], -.i-app select, -.i-app textarea { +.v-app input[type="text"], +.v-app input[type="password"], +.v-app input[type="reset"], +.v-app select, +.v-app textarea { padding: 2px; } /* ./WebContent/ITMILL/themes/base/customcomponent/customcomponent.css */ -.i-customcomponent { +.v-customcomponent { overflow: hidden; } /* ./WebContent/ITMILL/themes/base/customlayout/customlayout.css */ -.i-customlayout { +.v-customlayout { overflow: hidden; } /* ./WebContent/ITMILL/themes/base/datefield/datefield.css */ -.i-datefield { +.v-datefield { white-space: nowrap; } -.i-datefield-textfield { +.v-datefield-textfield { vertical-align: top; } -.i-datefield-button { +.v-datefield-button { cursor: pointer; } -.i-datefield-calendarpanel table { +.v-datefield-calendarpanel table { width: 100%; } -.i-datefield-calendarpanel td { +.v-datefield-calendarpanel td { width: 14.2%; padding: 0; margin: 0; } -.i-datefield-calendarpanel-header td { +.v-datefield-calendarpanel-header td { text-align: center; } -.i-datefield-calendarpanel-month { +.v-datefield-calendarpanel-month { text-align: center; white-space: nowrap; } -.i-datefield-calendarpanel-day, -.i-datefield-calendarpanel-day-today { +.v-datefield-calendarpanel-day, +.v-datefield-calendarpanel-day-today { cursor: pointer; } -.i-datefield-calendarpanel-day-today { +.v-datefield-calendarpanel-day-today { border: 1px solid #ddd; } -.i-disabled .i-datefield-calendarpanel-day, -.i-disabled .i-datefield-calendarpanel-day-today { +.v-disabled .v-datefield-calendarpanel-day, +.v-disabled .v-datefield-calendarpanel-day-today { cursor: default; } -.i-datefield-calendarpanel-day-disabled { +.v-datefield-calendarpanel-day-disabled { cursor: default; opacity: .5; } -.i-datefield-calendarpanel-day-selected { +.v-datefield-calendarpanel-day-selected { cursor: default; background: #333; color: #fff; } -.i-datefield-time { +.v-datefield-time { white-space: nowrap; } -.i-datefield-time .i-label { +.v-datefield-time .v-label { display: inline; } /* Disabled by default -.i-datefield-error .i-textfield, -.i-datefield-error .i-datefield-calendarpanel { +.v-datefield-error .v-textfield, +.v-datefield-error .v-datefield-calendarpanel { background: #ffe0e0; } */ /* Disabled by default -.i-datefield-required .i-textfield, -.i-datefield-required .i-datefield-calendarpanel { +.v-datefield-required .v-textfield, +.v-datefield-required .v-datefield-calendarpanel { background:transparent; background-color: #ffe0e0; } */ -/* IE somehow loses generic i-disabled alpha. See #1960 */ -.i-ie6 .i-disabled .i-datefield-button, -.i-ie6 .i-disabled .i-datefield-textfield, -.i-ie7 .i-disabled .i-datefield-button, -.i-ie7 .i-disabled .i-datefield-textfield { +/* IE somehow loses generic v-disabled alpha. See #1960 */ +.v-ie6 .v-disabled .v-datefield-button, +.v-ie6 .v-disabled .v-datefield-textfield, +.v-ie7 .v-disabled .v-datefield-button, +.v-ie7 .v-disabled .v-datefield-textfield { filter: alpha(opacity=30); } /* ./WebContent/ITMILL/themes/base/formlayout/formlayout.css */ -.i-formlayout-cell .i-errorindicator { +.v-formlayout-cell .v-errorindicator { display: block; } -.i-formlayout-captioncell { +.v-formlayout-captioncell { text-align:right; white-space: nowrap; } -.i-formlayout-captioncell .i-caption { +.v-formlayout-captioncell .v-caption { overflow: visible; } -.i-formlayout-spacing .i-formlayout-row .i-formlayout-captioncell, -.i-formlayout-spacing .i-formlayout-row .i-formlayout-contentcell, -.i-formlayout-spacing .i-formlayout-row .i-formlayout-errorcell { +.v-formlayout-spacing .v-formlayout-row .v-formlayout-captioncell, +.v-formlayout-spacing .v-formlayout-row .v-formlayout-contentcell, +.v-formlayout-spacing .v-formlayout-row .v-formlayout-errorcell { padding-top: 1em; } -.i-formlayout-spacing .i-formlayout-firstrow .i-formlayout-captioncell, -.i-formlayout-spacing .i-formlayout-firstrow .i-formlayout-contentcell, -.i-formlayout-spacing .i-formlayout-firstrow .i-formlayout-errorcell { +.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; } -.i-formlayout-margin-top .i-formlayout-firstrow .i-formlayout-captioncell, -.i-formlayout-margin-top .i-formlayout-firstrow .i-formlayout-contentcell, -.i-formlayout-margin-top .i-formlayout-firstrow .i-formlayout-errorcell { +.v-formlayout-margin-top .v-formlayout-firstrow .v-formlayout-captioncell, +.v-formlayout-margin-top .v-formlayout-firstrow .v-formlayout-contentcell, +.v-formlayout-margin-top .v-formlayout-firstrow .v-formlayout-errorcell { padding-top: 2em; } -.i-formlayout-margin-bottom .i-formlayout-lastrow .i-formlayout-captioncell, -.i-formlayout-margin-bottom .i-formlayout-lastrow .i-formlayout-contentcell, -.i-formlayout-margin-bottom .i-formlayout-lastrow .i-formlayout-errorcell { +.v-formlayout-margin-bottom .v-formlayout-lastrow .v-formlayout-captioncell, +.v-formlayout-margin-bottom .v-formlayout-lastrow .v-formlayout-contentcell, +.v-formlayout-margin-bottom .v-formlayout-lastrow .v-formlayout-errorcell { padding-bottom: 2em; } -.i-formlayout-margin-left .i-formlayout-captioncell { +.v-formlayout-margin-left .v-formlayout-captioncell { padding-left: 2em; } -.i-formlayout-margin-right .i-formlayout-contentcell { +.v-formlayout-margin-right .v-formlayout-contentcell { padding-right: 2em; } -.i-formlayout-captioncell .i-caption .i-required-field-indicator { +.v-formlayout-captioncell .v-caption .v-required-field-indicator { float: none; } /* ./WebContent/ITMILL/themes/base/gridlayout/gridlayout.css */ -.i-gridlayout-margin-top { +.v-gridlayout-margin-top { padding-top: 2em; } -.i-gridlayout-margin-bottom { +.v-gridlayout-margin-bottom { padding-bottom: 2em; } -.i-gridlayout-margin-left { +.v-gridlayout-margin-left { padding-left: 2em; } -.i-gridlayout-margin-right { +.v-gridlayout-margin-right { padding-right: 2em; } -.i-gridlayout-spacing-on { +.v-gridlayout-spacing-on { padding-left: 1em; padding-top: 1em; overflow: hidden; } -.i-gridlayout-spacing, -.i-gridlayout-spacing-off { +.v-gridlayout-spacing, +.v-gridlayout-spacing-off { padding-left: 0; padding-top: 0; } -.i-gridlayout-spacing-off { +.v-gridlayout-spacing-off { overflow: hidden; } /* Ensure that resizing gridlayout works in IE */ -.i-ie6 .i-gridlayout, -.i-ie7 .i-gridlayout { +.v-ie6 .v-gridlayout, +.v-ie7 .v-gridlayout { overflow: hidden; } /* ./WebContent/ITMILL/themes/base/link/link.css */ -.i-link { +.v-link { white-space: nowrap; } -.i-link a { +.v-link a { vertical-align: middle; text-decoration: none; } -.i-link span { +.v-link span { text-decoration: underline; vertical-align: middle; } -.i-disabled a { +.v-disabled a { cursor: default; } -.i-link img { +.v-link img { vertical-align: middle; border:none; } /* ./WebContent/ITMILL/themes/base/menubar/menubar.css */ -.i-menubar table { +.v-menubar table { white-space: nowrap; border-collapse: collapse; padding: 0; margin: 0; } -.i-menubar table { +.v-menubar table { white-space: nowrap; border-collapse: collapse; padding: 0; margin: 0; } -.i-menubar .menuitem { +.v-menubar .menuitem { cursor : default; } -.i-menubar-submenu { +.v-menubar-submenu { background: #fff; } -.i-menubar-submenu table { +.v-menubar-submenu table { white-space: nowrap; border-collapse: collapse; padding: 0; margin: 0; } -.i-menubar-submenu table td { +.v-menubar-submenu table td { white-space: nowrap; padding: 0; margin: 0; } -.i-menubar .menuitem-selected, -.i-menubar-submenu .menuitem-selected { +.v-menubar .menuitem-selected, +.v-menubar-submenu .menuitem-selected { background: #333; color: #fff; } -.i-menubar-submenu .menuitem { +.v-menubar-submenu .menuitem { cursor: default; } /* ./WebContent/ITMILL/themes/base/notification/notification.css */ -.i-Notification { +.v-Notification { background: #999; color: #fff; cursor: pointer; overflow: hidden; padding: 1em; } -.i-Notification h1, -.i-Notification p, -.i-Notification.error h1, -.i-Notification.error p, -.i-Notification.warning h1, -.i-Notification.warning p { +.v-Notification h1, +.v-Notification p, +.v-Notification.error h1, +.v-Notification.error p, +.v-Notification.warning h1, +.v-Notification.warning p { display: inline; white-space: nowrap; margin: 0 0.5em 0 0; } -.i-Notification.warning { +.v-Notification.warning { background: orange; } -.i-Notification.error { +.v-Notification.error { background: red; } -.i-Notification.tray h1 { +.v-Notification.tray h1 { display: block; } -.i-Notification.tray p { +.v-Notification.tray p { display: block; } -.i-Notification.system { +.v-Notification.system { background-color: red; opacity: .7; filter: alpha(opacity=70); } -.i-Notification.system h1 { +.v-Notification.system h1 { display: block; margin: 0; } -.i-Notification.system p { +.v-Notification.system p { white-space: nowrap; } /* ./WebContent/ITMILL/themes/base/orderedlayout/orderedlayout.css */ -.i-orderedlayout-margin-top, -.i-horizontallayout-margin-top, -.i-verticallayout-margin-top { +.v-orderedlayout-margin-top, +.v-horizontallayout-margin-top, +.v-verticallayout-margin-top { padding-top: 2em; } -.i-orderedlayout-margin-right, -.i-horizontallayout-margin-right, -.i-verticallayout-margin-right { +.v-orderedlayout-margin-right, +.v-horizontallayout-margin-right, +.v-verticallayout-margin-right { padding-right: 2em; } -.i-orderedlayout-margin-bottom, -.i-horizontallayout-margin-bottom, -.i-verticallayout-margin-bottom { +.v-orderedlayout-margin-bottom, +.v-horizontallayout-margin-bottom, +.v-verticallayout-margin-bottom { padding-bottom: 2em; } -.i-orderedlayout-margin-left, -.i-horizontallayout-margin-left, -.i-verticallayout-margin-left { +.v-orderedlayout-margin-left, +.v-horizontallayout-margin-left, +.v-verticallayout-margin-left { padding-left: 2em; } -.i-orderedlayout-spacing-on, -.i-horizontallayout-spacing-on, -.i-verticallayout-spacing-on { +.v-orderedlayout-spacing-on, +.v-horizontallayout-spacing-on, +.v-verticallayout-spacing-on { padding-top: 1em; padding-left: 1em; } /* This can be used to define spacing if spacing is off server side */ -.i-orderedlayout-spacing-off, -.i-horizontallayout-spacing-off, -.i-verticallayout-spacing-off { +.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 */ -.i-ie6 .i-orderedlayout, -.i-ie6 .i-horizontallayout, -.i-ie6 .i-verticallayout, -.i-ie7 .i-orderedlayout, -.i-ie7 .i-horizontallayout, -.i-ie7 .i-verticallayout { +.v-ie6 .v-orderedlayout, +.v-ie6 .v-horizontallayout, +.v-ie6 .v-verticallayout, +.v-ie7 .v-orderedlayout, +.v-ie7 .v-horizontallayout, +.v-ie7 .v-verticallayout { overflow: hidden; } /* ./WebContent/ITMILL/themes/base/panel/panel.css */ -.i-panel, -.i-panel-caption, -.i-panel-content, -.i-panel-deco, -.i-panel-light, -.i-panel-caption-light, -.i-panel-content-light, -.i-panel-deco-light { +.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 */ } -.i-panel-caption .i-errorindicator { +.v-panel-caption .v-errorindicator { float: none; display: inline; } -.i-panel-caption .i-icon { +.v-panel-caption .v-icon { display: inline; vertical-align: middle; } -.i-panel-caption span { +.v-panel-caption span { vertical-align: middle; } -.i-panel-caption { +.v-panel-caption { white-space: nowrap; overflow:hidden; font-weight: bold; } -.i-panel-nocaption { +.v-panel-nocaption { overflow: hidden; } -.i-panel-content { +.v-panel-content { overflow: auto; } -.i-panel-deco { +.v-panel-deco { } /* ./WebContent/ITMILL/themes/base/popupview/popupview.css */ -.i-popupview { +.v-popupview { cursor: pointer; width: 5px; height: 5px; background: #aaa; } -.i-popupview-popup { +.v-popupview-popup { overflow: auto; } /* ./WebContent/ITMILL/themes/base/progressindicator/progressindicator.css */ -.i-progressindicator { +.v-progressindicator { overflow: hidden; /* for IE6 */ width: 150px; } -.i-progressindicator-wrapper { +.v-progressindicator-wrapper { overflow: hidden; /* for IE6 */ height: 9px; border: 1px solid #ddd; } -.i-progressindicator-disabled { +.v-progressindicator-disabled { height: 9px; overflow: hidden; /* for IE6 */ } -.i-progressindicator-indicator { +.v-progressindicator-indicator { height: 9px; overflow: hidden; /* for IE6 */ background: #ddd; } -.i-progressindicator-indeterminate { +.v-progressindicator-indeterminate { height: 16px; width: 16px; overflow: hidden; /* for IE6 */ } /* Hide obsolete elements in indeterminate mode */ -.i-progressindicator-indeterminate .i-progressindicator-wrapper, -.i-progressindicator-indeterminate .i-progressindicator-indicator, -.i-progressindicator-indeterminate-disabled .i-progressindicator-wrapper, -.i-progressindicator-indeterminate-disabled .i-progressindicator-indicator { +.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; } -.i-progressindicator-indeterminate-disabled { +.v-progressindicator-indeterminate-disabled { height: 16px; width: 16px; overflow: hidden; /* for IE6 */ } /* ./WebContent/ITMILL/themes/base/select/select.css */ -.i-select { +.v-select { text-align: left; } -.i-select-optiongroup .i-select-option { +.v-select-optiongroup .v-select-option { display: block; white-space: nowrap; } -.i-ie .i-select-optiongroup .i-select-option { +.v-ie .v-select-optiongroup .v-select-option { zoom: 1; } -.i-select-select { +.v-select-select { display: block; } -.i-select-twincol { +.v-select-twincol { white-space: nowrap; } -.i-select-twincol-options { +.v-select-twincol-options { float: left; } -.i-select-twincol-selections { +.v-select-twincol-selections { font-weight: bold; } -.i-select-twincol-buttons { +.v-select-twincol-buttons { float: left; text-align: center; } -.i-select-twincol-buttons .i-select-twincol-deco { +.v-select-twincol-buttons .v-select-twincol-deco { clear: both; } -.i-select-twincol .i-textfield { +.v-select-twincol .v-textfield { display: block; float: left; clear: left; } -.i-select-twincol .i-button { +.v-select-twincol .v-button { display: block; float: left; } -.i-select-twincol-buttons .i-button { +.v-select-twincol-buttons .v-button { display: inline; float: none; } -.i-filterselect { +.v-filterselect { white-space: nowrap; text-align: left; } -.i-filterselect .i-icon { +.v-filterselect .v-icon { float: left; } -.i-app .i-filterselect-input, -.i-window .i-filterselect-input, -.i-popupview-popup .i-filterselect-input { +.v-app .v-filterselect-input, +.v-window .v-filterselect-input, +.v-popupview-popup .v-filterselect-input { float: left; } -.i-filterselect-prompt .i-filterselect-input { +.v-filterselect-prompt .v-filterselect-input { color: #999; font-style: italic; } -.i-filterselect-button { +.v-filterselect-button { float: right; cursor: pointer; } -.i-filterselect.i-readonly .i-filterselect-button { +.v-filterselect.v-readonly .v-filterselect-button { display: none; } -.i-filterselect-suggestpopup { +.v-filterselect-suggestpopup { background: #fff; border: 1px solid #eee; } -.i-filterselect-suggestmenu table { +.v-filterselect-suggestmenu table { border-collapse: collapse; border: none; } -.i-filterselect-suggestmenu .gwt-MenuItem { +.v-filterselect-suggestmenu .gwt-MenuItem { white-space: nowrap; } -.i-filterselect-suggestmenu .gwt-MenuItem .i-icon { +.v-filterselect-suggestmenu .gwt-MenuItem .v-icon { margin-right: 3px; vertical-align: middle; } -.i-filterselect-suggestmenu .gwt-MenuItem span { +.v-filterselect-suggestmenu .gwt-MenuItem span { vertical-align: middle; } -.i-filterselect-suggestmenu .gwt-MenuItem-selected { +.v-filterselect-suggestmenu .gwt-MenuItem-selected { background: #333; color: #fff; } -.i-filterselect-nextpage, -.i-filterselect-nextpage-off, -.i-filterselect-prevpage-off, -.i-filterselect-prevpage { +.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; } -.i-filterselect-nextpage-off, -.i-filterselect-prevpage-off { +.v-filterselect-nextpage-off, +.v-filterselect-prevpage-off { color: #666; opacity: .5; filter: alpha(opacity=50); cursor: default; } -.i-filterselect-nextpage-off span, -.i-filterselect-prevpage-off span { +.v-filterselect-nextpage-off span, +.v-filterselect-prevpage-off span { cursor: default; } -.i-filterselect-status { +.v-filterselect-status { white-space: nowrap; text-align: center; } /* Error styles (disabled by default) -.i-filterselect-error .i-filterselect-input, -.i-select-error .i-select-option, -.i-select-error .i-select-select, -.i-select-error .i-select-twincol-selections, -.i-select-error .i-select-twincol-options { +.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) -.i-filterselect-error .i-filterselect-input, -.i-select-required .i-select-option, -.i-select-required .i-select-select, -.i-select-required .i-select-twincol-selections, -.i-select-required .i-select-twincol-options { +.v-filterselect-error .v-filterselect-input, +.v-select-required .v-select-option, +.v-select-required .v-select-select, +.v-select-required .v-select-twincol-selections, +.v-select-required .v-select-twincol-options { background: #ffaaaa; } */ /* ./WebContent/ITMILL/themes/base/shadow/shadow.css */ -.i-shadow { +.v-shadow { position: absolute; } -.i-shadow .top-left { +.v-shadow .top-left { position: absolute; overflow: hidden; top: -3px; left: -5px; width: 10px; height: 10px; background: transparent url(shadow/img/top-left.png); } -.i-shadow .top { +.v-shadow .top { position: absolute; overflow: hidden; top: -3px; left: 5px; height: 10px; right: 5px; background: transparent url(shadow/img/top.png); } -.i-shadow .top-right { +.v-shadow .top-right { position: absolute; overflow: hidden; top: -3px; right: -5px; width: 10px; height: 10px; background: transparent url(shadow/img/top-right.png); } -.i-shadow .left { +.v-shadow .left { position: absolute; overflow: hidden; top: 7px; left: -5px; width: 10px; @@ -910,14 +910,14 @@ background: transparent url(shadow/img/left.png); } -.i-shadow .center { +.v-shadow .center { position: absolute; overflow: hidden; top: 7px; left: 5px; bottom: 3px; right: 5px; background: transparent url(shadow/img/center.png); } -.i-shadow .right { +.v-shadow .right { position: absolute; overflow: hidden; top: 7px; right: -5px; width: 10px; @@ -925,21 +925,21 @@ background: transparent url(shadow/img/right.png); } -.i-shadow .bottom-left { +.v-shadow .bottom-left { position: absolute; overflow: hidden; bottom: -7px; left: -5px; width: 10px; height: 10px; background: transparent url(shadow/img/bottom-left.png); } -.i-shadow .bottom { +.v-shadow .bottom { position: absolute; overflow: hidden; bottom: -7px; left: 5px; right: 5px; height: 10px; background: transparent url(shadow/img/bottom.png); } -.i-shadow .bottom-right { +.v-shadow .bottom-right { position: absolute; overflow: hidden; bottom: -7px; right: -5px; width: 10px; height: 10px; @@ -952,11 +952,11 @@ /* For IE6 (no transparent png's, we use a blur filter) */ -.i-ie6 .i-shadow * { +.v-ie6 .v-shadow * { display: none; } -.i-ie6 .i-shadow { +.v-ie6 .v-shadow { background: #000; filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=2) alpha(opacity=20); margin-top: -3px; @@ -964,10 +964,10 @@ } /* ./WebContent/ITMILL/themes/base/slider/slider.css */ -.i-slider { +.v-slider { margin: 5px 0; } -.i-slider-base { +.v-slider-base { /* changing the borders will require adjustments to ISlider.java */ height: 2px; border-top: 1px solid #ddd; @@ -976,7 +976,7 @@ border-right: 1px solid #eee; } -.i-slider-handle { +.v-slider-handle { background: #aaa; width: 12px; height: 12px; @@ -985,7 +985,7 @@ cursor: pointer; } -.i-slider-vertical { +.v-slider-vertical { width: 2px; height: auto; margin: 0 5px; @@ -993,12 +993,12 @@ border-left: 1px solid #cccfd0; border-right: 1px solid #cccfd0; } -.i-slider-vertical .i-slider-base { +.v-slider-vertical .v-slider-base { width: 2px; border-bottom: 1px solid #eee; border-right: none; } -.i-slider-vertical .i-slider-handle { +.v-slider-vertical .v-slider-handle { width: 12px; height: 12px; font-size: 0; @@ -1007,38 +1007,38 @@ } /* Disabled by default -.i-slider-error .i-slider-base { +.v-slider-error .v-slider-base { background: #FFE0E0; } */ /* Disabled by default -.i-slider-required .i-slider-base { +.v-slider-required .v-slider-base { background: #FFE0E0; } */ /* IE specific styles */ -.i-ie6 .i-slider, -.i-ie6 .i-slider-vertical { +.v-ie6 .v-slider, +.v-ie6 .v-slider-vertical { margin: 0; } -.i-ie6 .i-slider .i-slider-handle { +.v-ie6 .v-slider .v-slider-handle { margin: -1px 0; } -.i-ie6 .i-slider-vertical .i-slider-handle { +.v-ie6 .v-slider-vertical .v-slider-handle { margin: 0 -1px; } /* ./WebContent/ITMILL/themes/base/splitpanel/splitpanel.css */ -.i-splitpanel-horizontal, -.i-splitpanel-vertical { +.v-splitpanel-horizontal, +.v-splitpanel-vertical { overflow: hidden; } -.i-splitpanel-horizontal .i-splitpanel-hsplitter { +.v-splitpanel-horizontal .v-splitpanel-hsplitter { width: 6px; font-size: 1px; /* for IE6 */ } -.i-splitpanel-horizontal .i-splitpanel-hsplitter div { +.v-splitpanel-horizontal .v-splitpanel-hsplitter div { width: 6px; font-size: 1px; /* for IE6 */ position: absolute; @@ -1047,18 +1047,18 @@ background: #ddd; cursor: e-resize; } -.i-splitpanel-vertical .i-splitpanel-vsplitter { +.v-splitpanel-vertical .v-splitpanel-vsplitter { height: 6px; font-size: 1px; /* for IE6 */ } -.i-splitpanel-vertical .i-splitpanel-vsplitter div { +.v-splitpanel-vertical .v-splitpanel-vsplitter div { height: 6px; font-size: 1px; /* for IE6 */ background: #ddd; cursor: n-resize; } /* IE specific styles */ -.i-ie6 .i-splitpanel-horizontal .i-splitpanel-hsplitter div { +.v-ie6 .v-splitpanel-horizontal .v-splitpanel-hsplitter div { height: 99%; } @@ -1071,48 +1071,48 @@ * these instructions. * * Borders in table header and in table body need to be same width - * - specify vertical borders on .i-table-header-wrap and .i-table-body + * - 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: .i-table-cell-content) + * - 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: .i-table-cell-wrapper) element + * - 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 .i-table-resizer and - * .i-table-caption-container div elements, which are both floated to right - * - to align header caption to body content resizer width + .i-table-caption-container + * - 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. * */ -.i-table { +.v-table { overflow: hidden; text-align: left; /* Force default alignment */ } -.i-table-header-wrap { +.v-table-header-wrap { overflow: hidden; border: 1px solid #aaa; border-bottom: none; background: #efefef; } -.i-table-header table, -.i-table-table { +.v-table-header table, +.v-table-table { border-spacing: 0; margin: 0; padding: 0; border: 0; } -.i-table-header td { +.v-table-header td { padding: 0; } -.i-table-header-cell, -.i-table-header-cell-asc, -.i-table-header-cell-desc { +.v-table-header-cell, +.v-table-header-cell-asc, +.v-table-header-cell-desc { cursor: pointer; } -.i-table-resizer { +.v-table-resizer { display: block; height: 1.2em; float: right; @@ -1121,48 +1121,48 @@ width: 1px; overflow: hidden; } -.i-table-caption-container { +.v-table-caption-container { float: right; overflow: hidden; white-space: nowrap; padding-right: 6px; } -.i-table-header-cell-asc .i-table-caption-container { +.v-table-header-cell-asc .v-table-caption-container { background: transparent url(common/img/sprites.png) no-repeat right 6px; } -.i-table-header-cell-desc .i-table-caption-container { +.v-table-header-cell-desc .v-table-caption-container { background: transparent url(common/img/sprites.png) no-repeat right -10px; } -.i-table-body { +.v-table-body { border: 1px solid #aaa; } -.i-table-row-spacer { +.v-table-row-spacer { height: 10px; overflow: hidden; /* IE hack to allow < one line height divs */ } -.i-table-row, -.i-table-row-odd { +.v-table-row, +.v-table-row-odd { border: 0; margin: 0; padding: 0; cursor: default; } -.i-table .i-selected { +.v-table .v-selected { background: #999; color: #fff; } -.i-table-cell-content { +.v-table-cell-content { white-space: nowrap; overflow: hidden; padding: 0 6px; border-right: 1px solid #aaa; } -.i-table-cell-wrapper { +.v-table-cell-wrapper { /* Do not specify any margins, paddings or borders here */ white-space: nowrap; overflow: hidden; } -.i-table-column-selector { +.v-table-column-selector { float: right; background: transparent url(common/img/sprites.png) no-repeat 4px -37px; margin: -1.2em 0 0 0; @@ -1171,19 +1171,19 @@ position: relative; /* hide this from IE, it works without it */ cursor: pointer; } -.i-ie6 .i-table-column-selector, -.i-ie7 .i-table-column-selector { +.v-ie6 .v-table-column-selector, +.v-ie7 .v-table-column-selector { position: static; } -.i-table-focus-slot-left { +.v-table-focus-slot-left { border-left: 2px solid #999; margin-right: -2px; } -.i-table-focus-slot-right { +.v-table-focus-slot-right { border-right: 2px solid #999; margin-left: -2px; } -.i-table-header-drag { +.v-table-header-drag { position: absolute; background: #efefef; border: 1px solid #eee; @@ -1192,31 +1192,31 @@ margin-top: 20px; z-index: 30000; } -.i-table-scrollposition { +.v-table-scrollposition { width: 160px; background: #eee; border: 1px solid #aaa; } -.i-table-scrollposition span { +.v-table-scrollposition span { display: block; text-align: center; } /* row in column selector */ -.i-on div { +.v-on div { } -.i-off div { +.v-off div { color: #ddd; } /* ./WebContent/ITMILL/themes/base/tabsheet/tabsheet.css */ -.i-tabsheet, -.i-tabsheet-content, -.i-tabsheet-deco { +.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 */ } -.i-tabsheet-tabs { +.v-tabsheet-tabs { empty-cells: hide; border-collapse: collapse; margin: 0; @@ -1225,166 +1225,166 @@ width: 100%; overflow:hidden; } -.i-tabsheet-tabitemcell, -.i-tabsheet-spacertd { +.v-tabsheet-tabitemcell, +.v-tabsheet-spacertd { margin: 0; padding: 0; vertical-align: bottom; } -.i-tabsheet-spacertd { +.v-tabsheet-spacertd { width: 100%; } -.i-tabsheet-spacertd div { +.v-tabsheet-spacertd div { border-left: 1px solid #aaa; border-bottom: 1px solid #aaa; height: 1em; padding: 0.2em 0; } -.i-tabsheet-hidetabs .i-tabsheet-tabcontainer { +.v-tabsheet-hidetabs .v-tabsheet-tabcontainer { display: none; } -.i-tabsheet-scroller { +.v-tabsheet-scroller { white-space: nowrap; text-align: right; margin-top: -1em; } -.i-tabsheet-scrollerPrev, -.i-tabsheet-scrollerNext, -.i-tabsheet-scrollerPrev-disabled, -.i-tabsheet-scrollerNext-disabled { +.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; } -.i-tabsheet-scrollerPrev-disabled, -.i-tabsheet-scrollerNext-disabled { +.v-tabsheet-scrollerPrev-disabled, +.v-tabsheet-scrollerNext-disabled { opacity: 0.5; cursor: default; } -.i-tabsheet-tabs .i-caption, -.i-tabsheet-tabs .i-caption span { +.v-tabsheet-tabs .v-caption, +.v-tabsheet-tabs .v-caption span { white-space: nowrap; } -.i-tabsheet-tabitem { +.v-tabsheet-tabitem { border: 1px solid #aaa; border-right: none; cursor: pointer; padding: 0.2em 0.5em; } -.i-tabsheet-tabitem-selected { +.v-tabsheet-tabitem-selected { cursor: default; border-bottom-color: #fff; } -.i-tabsheet-content { +.v-tabsheet-content { border: 1px solid #aaa; - /* Vertical borders are not supported, use i-tabsheet-tabcontainer and i-tabsheet-deco to present these borders */ + /* 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; } -.i-tabsheet-deco { +.v-tabsheet-deco { height: 1px; background: #aaa; overflow: hidden; } -.i-tabsheet-hidetabs .i-tabsheet-content { +.v-tabsheet-hidetabs .v-tabsheet-content { border: none; } -.i-tabsheet-hidetabs .i-tabsheet-deco { +.v-tabsheet-hidetabs .v-tabsheet-deco { height: 0; } /* ./WebContent/ITMILL/themes/base/textfield/textfield.css */ -.i-textfield { +.v-textfield { text-align: left /* Force default alignment */ } -.i-textarea { +.v-textarea { } -.i-textfield-focus, -.i-textarea-focus { +.v-textfield-focus, +.v-textarea-focus { } -input.i-textfield-prompt, -textarea.i-textarea-prompt { +input.v-textfield-prompt, +textarea.v-textarea-prompt { color: #999; font-style: italic; } -.i-textfield.i-readonly, -.i-textarea.i-readonly { +.v-textfield.v-readonly, +.v-textarea.v-readonly { background: transparent; color: #222; border: none; } -.i-richtextarea { +.v-richtextarea { border: 1px solid #aaa; overflow: hidden; } -.i-richtextarea .gwt-RichTextToolbar .gwt-ToggleButton, -.i-richtextarea .gwt-RichTextToolbar .gwt-PushButton { +.v-richtextarea .gwt-RichTextToolbar .gwt-ToggleButton, +.v-richtextarea .gwt-RichTextToolbar .gwt-PushButton { float: left; } -.i-richtextarea .gwt-RichTextToolbar { +.v-richtextarea .gwt-RichTextToolbar { white-space: nowrap; } -.i-richtextarea iframe { +.v-richtextarea iframe { border: 0; } /* Disabled by default -.i-textarea-error, -.i-textfield-error, -.i-richtextarea-error iframe.gwt-RichTextArea { +.v-textarea-error, +.v-textfield-error, +.v-richtextarea-error iframe.gwt-RichTextArea { background: #FFE0E0; } */ /* Disabled by default -.i-textarea-required, -.i-textfield-required, -.i-richtextarea-required iframe.gwt-RichTextArea { +.v-textarea-required, +.v-textfield-required, +.v-richtextarea-required iframe.gwt-RichTextArea { background: #FFE0E0; } */ /* Safari focus glow fix */ -.i-sa input:focus, -.i-sa textarea:focus { +.v-sa input:focus, +.v-sa textarea:focus { outline-width: medium; } /* ./WebContent/ITMILL/themes/base/tree/tree.css */ -.i-tree { +.v-tree { text-align: left /* Force default alignment */ } -.i-tree-node { +.v-tree-node { background: transparent url(common/img/sprites.png) no-repeat 5px -37px; } -.i-tree-node-expanded { +.v-tree-node-expanded { background-position: -5px -10px; } -div.i-tree-node-leaf { +div.v-tree-node-leaf { background: none; } -.i-tree-node-caption { +.v-tree-node-caption { margin-left: 1em; } -.i-tree-node span { +.v-tree-node span { cursor: pointer; white-space: nowrap; } -.i-tree-node-selected span { +.v-tree-node-selected span { background: #999; color: #fff; } -.i-tree-node-children { +.v-tree-node-children { padding-left: 1em; } /* ie6compatnode is hidden from non ie6 browsers, for ie6 * uses weird hack to sink all events properly */ -.i-tree-node-ie6compatnode { +.v-tree-node-ie6compatnode { display: none; } -/* IMPORTANT keep the offsetWidth of this element the same as the margin-left of i-tree-node-caption */ -.i-ie6 .i-tree-node-ie6compatnode { +/* 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; @@ -1394,50 +1394,50 @@ div.i-tree-node-leaf { padding: 0.1em; filter: alpha(opacity=0); } -.i-ie6 .i-tree-node, -.i-ie6 .i-tree-node-children { +.v-ie6 .v-tree-node, +.v-ie6 .v-tree-node-children { clear: left; } /* ./WebContent/ITMILL/themes/base/window/window.css */ -.i-window { +.v-window { background: #fff; } -.i-window-outerheader { +.v-window-outerheader { cursor: move; padding: 0.3em 1em; height: 1em; } -.i-window-header { +.v-window-header { font-weight: bold; } /* A more specific selector to make sure padding isn't so easily overridden */ -div.i-window-header { +div.v-window-header { white-space: nowrap; text-overflow: ellipsis; -ms-text-overflow: ellipsis; overflow: hidden; padding: 0; } -.i-ie6 .i-window-header { +.v-ie6 .v-window-header { width: 100%; } -.i-window-header .i-icon { +.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) */ -.i-window-contents, x:-moz-any-link { +.v-window-contents, x:-moz-any-link { overflow: hidden; } /* Target Firefox 3 (it doesn't need any trickery, so revert the previous) */ -.i-window-contents, x:-moz-any-link, x:default { +.v-window-contents, x:-moz-any-link, x:default { overflow: visible; } -.i-window-footer { +.v-window-footer { overflow: hidden; } -.i-window-resizebox { +.v-window-resizebox { display: inline; /* fix IE6 double float margin bug */ float: right; width: 10px; @@ -1446,11 +1446,11 @@ div.i-window-header { background: #ddd; overflow: hidden; } -.i-window-resizebox-disabled { +.v-window-resizebox-disabled { cursor: default; display: none; } -.i-window-closebox { +.v-window-closebox { position: absolute; top: 0; right: 0; @@ -1460,7 +1460,7 @@ div.i-window-header { cursor: pointer; overflow: hidden; } -.i-window-modalitycurtain { +.v-window-modalitycurtain { top: 0; left: 0; background: #999; @@ -1471,80 +1471,80 @@ div.i-window-header { filter: alpha(opacity=50); } /* IE6 workaround for position:fixed; */ -.i-ie6 .i-window-modalitycurtain { +.v-ie6 .v-window-modalitycurtain { position: absolute; top: expression(document.documentElement.scrollTop + "px"); } /* min-width for IE6 */ -.i-ie6 .i-window { +.v-ie6 .v-window { width: 0; /* */ } /* Shadow for window */ -.i-shadow-window { +.v-shadow-window { position: absolute; } -.i-shadow-window .top-left { +.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); } -.i-shadow-window .top { +.v-shadow-window .top { position: absolute; overflow: hidden; top: -10px; left: 13px; height: 28px; right: 13px; background: transparent url(window/img/shadow/top.png); } -.i-shadow-window .top-right { +.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); } -.i-shadow-window .left { +.v-shadow-window .left { position: absolute; overflow: hidden; top: 18px; left: -15px; width: 28px; bottom: 10px; background: transparent url(window/img/shadow/left.png); } -.i-shadow-window .center { +.v-shadow-window .center { position: absolute; overflow: hidden; top: 18px; left: 13px; bottom: 10px; right: 13px; background: transparent url(window/img/shadow/center.png); } -.i-shadow-window .right { +.v-shadow-window .right { position: absolute; overflow: hidden; top: 18px; right: -15px; width: 28px; bottom: 10px; background: transparent url(window/img/shadow/right.png); } -.i-shadow-window .bottom-left { +.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); } -.i-shadow-window .bottom { +.v-shadow-window .bottom { position: absolute; overflow: hidden; bottom: -18px; left: 13px; right: 13px; height: 28px; background: transparent url(window/img/shadow/bottom.png); } -.i-shadow-window .bottom-right { +.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) */ -.i-ie6 .i-shadow-window * { +.v-ie6 .v-shadow-window * { display: none; } -.i-ie6 .i-shadow-window { +.v-ie6 .v-shadow-window { background: #000; filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=5) alpha(opacity=20); margin-top: 2px; diff --git a/WebContent/ITMILL/themes/base/table/table.css b/WebContent/ITMILL/themes/base/table/table.css index e9f7e03bef..c6fccfa835 100644 --- a/WebContent/ITMILL/themes/base/table/table.css +++ b/WebContent/ITMILL/themes/base/table/table.css @@ -6,48 +6,48 @@ * these instructions. * * Borders in table header and in table body need to be same width - * - specify vertical borders on .i-table-header-wrap and .i-table-body + * - 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: .i-table-cell-content) + * - 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: .i-table-cell-wrapper) element + * - 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 .i-table-resizer and - * .i-table-caption-container div elements, which are both floated to right - * - to align header caption to body content resizer width + .i-table-caption-container + * - 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. * */ -.i-table { +.v-table { overflow: hidden; text-align: left; /* Force default alignment */ } -.i-table-header-wrap { +.v-table-header-wrap { overflow: hidden; border: 1px solid #aaa; border-bottom: none; background: #efefef; } -.i-table-header table, -.i-table-table { +.v-table-header table, +.v-table-table { border-spacing: 0; margin: 0; padding: 0; border: 0; } -.i-table-header td { +.v-table-header td { padding: 0; } -.i-table-header-cell, -.i-table-header-cell-asc, -.i-table-header-cell-desc { +.v-table-header-cell, +.v-table-header-cell-asc, +.v-table-header-cell-desc { cursor: pointer; } -.i-table-resizer { +.v-table-resizer { display: block; height: 1.2em; float: right; @@ -56,48 +56,48 @@ width: 1px; overflow: hidden; } -.i-table-caption-container { +.v-table-caption-container { float: right; overflow: hidden; white-space: nowrap; padding-right: 6px; } -.i-table-header-cell-asc .i-table-caption-container { +.v-table-header-cell-asc .v-table-caption-container { background: transparent url(../common/img/sprites.png) no-repeat right 6px; } -.i-table-header-cell-desc .i-table-caption-container { +.v-table-header-cell-desc .v-table-caption-container { background: transparent url(../common/img/sprites.png) no-repeat right -10px; } -.i-table-body { +.v-table-body { border: 1px solid #aaa; } -.i-table-row-spacer { +.v-table-row-spacer { height: 10px; overflow: hidden; /* IE hack to allow < one line height divs */ } -.i-table-row, -.i-table-row-odd { +.v-table-row, +.v-table-row-odd { border: 0; margin: 0; padding: 0; cursor: default; } -.i-table .i-selected { +.v-table .v-selected { background: #999; color: #fff; } -.i-table-cell-content { +.v-table-cell-content { white-space: nowrap; overflow: hidden; padding: 0 6px; border-right: 1px solid #aaa; } -.i-table-cell-wrapper { +.v-table-cell-wrapper { /* Do not specify any margins, paddings or borders here */ white-space: nowrap; overflow: hidden; } -.i-table-column-selector { +.v-table-column-selector { float: right; background: transparent url(../common/img/sprites.png) no-repeat 4px -37px; margin: -1.2em 0 0 0; @@ -106,19 +106,19 @@ position: relative; /* hide this from IE, it works without it */ cursor: pointer; } -.i-ie6 .i-table-column-selector, -.i-ie7 .i-table-column-selector { +.v-ie6 .v-table-column-selector, +.v-ie7 .v-table-column-selector { position: static; } -.i-table-focus-slot-left { +.v-table-focus-slot-left { border-left: 2px solid #999; margin-right: -2px; } -.i-table-focus-slot-right { +.v-table-focus-slot-right { border-right: 2px solid #999; margin-left: -2px; } -.i-table-header-drag { +.v-table-header-drag { position: absolute; background: #efefef; border: 1px solid #eee; @@ -127,19 +127,19 @@ margin-top: 20px; z-index: 30000; } -.i-table-scrollposition { +.v-table-scrollposition { width: 160px; background: #eee; border: 1px solid #aaa; } -.i-table-scrollposition span { +.v-table-scrollposition span { display: block; text-align: center; } /* row in column selector */ -.i-on div { +.v-on div { } -.i-off div { +.v-off div { color: #ddd; } \ No newline at end of file diff --git a/WebContent/ITMILL/themes/base/tabsheet/tabsheet.css b/WebContent/ITMILL/themes/base/tabsheet/tabsheet.css index 3a63fe7f3b..090e246e8d 100644 --- a/WebContent/ITMILL/themes/base/tabsheet/tabsheet.css +++ b/WebContent/ITMILL/themes/base/tabsheet/tabsheet.css @@ -1,10 +1,10 @@ -.i-tabsheet, -.i-tabsheet-content, -.i-tabsheet-deco { +.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 */ } -.i-tabsheet-tabs { +.v-tabsheet-tabs { empty-cells: hide; border-collapse: collapse; margin: 0; @@ -13,73 +13,73 @@ width: 100%; overflow:hidden; } -.i-tabsheet-tabitemcell, -.i-tabsheet-spacertd { +.v-tabsheet-tabitemcell, +.v-tabsheet-spacertd { margin: 0; padding: 0; vertical-align: bottom; } -.i-tabsheet-spacertd { +.v-tabsheet-spacertd { width: 100%; } -.i-tabsheet-spacertd div { +.v-tabsheet-spacertd div { border-left: 1px solid #aaa; border-bottom: 1px solid #aaa; height: 1em; padding: 0.2em 0; } -.i-tabsheet-hidetabs .i-tabsheet-tabcontainer { +.v-tabsheet-hidetabs .v-tabsheet-tabcontainer { display: none; } -.i-tabsheet-scroller { +.v-tabsheet-scroller { white-space: nowrap; text-align: right; margin-top: -1em; } -.i-tabsheet-scrollerPrev, -.i-tabsheet-scrollerNext, -.i-tabsheet-scrollerPrev-disabled, -.i-tabsheet-scrollerNext-disabled { +.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; } -.i-tabsheet-scrollerPrev-disabled, -.i-tabsheet-scrollerNext-disabled { +.v-tabsheet-scrollerPrev-disabled, +.v-tabsheet-scrollerNext-disabled { opacity: 0.5; cursor: default; } -.i-tabsheet-tabs .i-caption, -.i-tabsheet-tabs .i-caption span { +.v-tabsheet-tabs .v-caption, +.v-tabsheet-tabs .v-caption span { white-space: nowrap; } -.i-tabsheet-tabitem { +.v-tabsheet-tabitem { border: 1px solid #aaa; border-right: none; cursor: pointer; padding: 0.2em 0.5em; } -.i-tabsheet-tabitem-selected { +.v-tabsheet-tabitem-selected { cursor: default; border-bottom-color: #fff; } -.i-tabsheet-content { +.v-tabsheet-content { border: 1px solid #aaa; - /* Vertical borders are not supported, use i-tabsheet-tabcontainer and i-tabsheet-deco to present these borders */ + /* 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; } -.i-tabsheet-deco { +.v-tabsheet-deco { height: 1px; background: #aaa; overflow: hidden; } -.i-tabsheet-hidetabs .i-tabsheet-content { +.v-tabsheet-hidetabs .v-tabsheet-content { border: none; } -.i-tabsheet-hidetabs .i-tabsheet-deco { +.v-tabsheet-hidetabs .v-tabsheet-deco { height: 0; } \ No newline at end of file diff --git a/WebContent/ITMILL/themes/base/textfield/textfield.css b/WebContent/ITMILL/themes/base/textfield/textfield.css index 7fb2d13a22..94e17ad477 100644 --- a/WebContent/ITMILL/themes/base/textfield/textfield.css +++ b/WebContent/ITMILL/themes/base/textfield/textfield.css @@ -1,52 +1,52 @@ -.i-textfield { +.v-textfield { text-align: left /* Force default alignment */ } -.i-textarea { +.v-textarea { } -.i-textfield-focus, -.i-textarea-focus { +.v-textfield-focus, +.v-textarea-focus { } -input.i-textfield-prompt, -textarea.i-textarea-prompt { +input.v-textfield-prompt, +textarea.v-textarea-prompt { color: #999; font-style: italic; } -.i-textfield.i-readonly, -.i-textarea.i-readonly { +.v-textfield.v-readonly, +.v-textarea.v-readonly { background: transparent; color: #222; border: none; } -.i-richtextarea { +.v-richtextarea { border: 1px solid #aaa; overflow: hidden; } -.i-richtextarea .gwt-RichTextToolbar .gwt-ToggleButton, -.i-richtextarea .gwt-RichTextToolbar .gwt-PushButton { +.v-richtextarea .gwt-RichTextToolbar .gwt-ToggleButton, +.v-richtextarea .gwt-RichTextToolbar .gwt-PushButton { float: left; } -.i-richtextarea .gwt-RichTextToolbar { +.v-richtextarea .gwt-RichTextToolbar { white-space: nowrap; } -.i-richtextarea iframe { +.v-richtextarea iframe { border: 0; } /* Disabled by default -.i-textarea-error, -.i-textfield-error, -.i-richtextarea-error iframe.gwt-RichTextArea { +.v-textarea-error, +.v-textfield-error, +.v-richtextarea-error iframe.gwt-RichTextArea { background: #FFE0E0; } */ /* Disabled by default -.i-textarea-required, -.i-textfield-required, -.i-richtextarea-required iframe.gwt-RichTextArea { +.v-textarea-required, +.v-textfield-required, +.v-richtextarea-required iframe.gwt-RichTextArea { background: #FFE0E0; } */ /* Safari focus glow fix */ -.i-sa input:focus, -.i-sa textarea:focus { +.v-sa input:focus, +.v-sa textarea:focus { outline-width: medium; } \ No newline at end of file diff --git a/WebContent/ITMILL/themes/base/tree/tree.css b/WebContent/ITMILL/themes/base/tree/tree.css index 7953a549a0..d823404704 100644 --- a/WebContent/ITMILL/themes/base/tree/tree.css +++ b/WebContent/ITMILL/themes/base/tree/tree.css @@ -1,37 +1,37 @@ -.i-tree { +.v-tree { text-align: left /* Force default alignment */ } -.i-tree-node { +.v-tree-node { background: transparent url(../common/img/sprites.png) no-repeat 5px -37px; } -.i-tree-node-expanded { +.v-tree-node-expanded { background-position: -5px -10px; } -div.i-tree-node-leaf { +div.v-tree-node-leaf { background: none; } -.i-tree-node-caption { +.v-tree-node-caption { margin-left: 1em; } -.i-tree-node span { +.v-tree-node span { cursor: pointer; white-space: nowrap; } -.i-tree-node-selected span { +.v-tree-node-selected span { background: #999; color: #fff; } -.i-tree-node-children { +.v-tree-node-children { padding-left: 1em; } /* ie6compatnode is hidden from non ie6 browsers, for ie6 * uses weird hack to sink all events properly */ -.i-tree-node-ie6compatnode { +.v-tree-node-ie6compatnode { display: none; } -/* IMPORTANT keep the offsetWidth of this element the same as the margin-left of i-tree-node-caption */ -.i-ie6 .i-tree-node-ie6compatnode { +/* 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; @@ -41,7 +41,7 @@ div.i-tree-node-leaf { padding: 0.1em; filter: alpha(opacity=0); } -.i-ie6 .i-tree-node, -.i-ie6 .i-tree-node-children { +.v-ie6 .v-tree-node, +.v-ie6 .v-tree-node-children { clear: left; } \ No newline at end of file diff --git a/WebContent/ITMILL/themes/base/window/window.css b/WebContent/ITMILL/themes/base/window/window.css index 75bd915a7b..bf14c0a453 100644 --- a/WebContent/ITMILL/themes/base/window/window.css +++ b/WebContent/ITMILL/themes/base/window/window.css @@ -1,41 +1,41 @@ -.i-window { +.v-window { background: #fff; } -.i-window-outerheader { +.v-window-outerheader { cursor: move; padding: 0.3em 1em; height: 1em; } -.i-window-header { +.v-window-header { font-weight: bold; } /* A more specific selector to make sure padding isn't so easily overridden */ -div.i-window-header { +div.v-window-header { white-space: nowrap; text-overflow: ellipsis; -ms-text-overflow: ellipsis; overflow: hidden; padding: 0; } -.i-ie6 .i-window-header { +.v-ie6 .v-window-header { width: 100%; } -.i-window-header .i-icon { +.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) */ -.i-window-contents, x:-moz-any-link { +.v-window-contents, x:-moz-any-link { overflow: hidden; } /* Target Firefox 3 (it doesn't need any trickery, so revert the previous) */ -.i-window-contents, x:-moz-any-link, x:default { +.v-window-contents, x:-moz-any-link, x:default { overflow: visible; } -.i-window-footer { +.v-window-footer { overflow: hidden; } -.i-window-resizebox { +.v-window-resizebox { display: inline; /* fix IE6 double float margin bug */ float: right; width: 10px; @@ -44,11 +44,11 @@ div.i-window-header { background: #ddd; overflow: hidden; } -.i-window-resizebox-disabled { +.v-window-resizebox-disabled { cursor: default; display: none; } -.i-window-closebox { +.v-window-closebox { position: absolute; top: 0; right: 0; @@ -58,7 +58,7 @@ div.i-window-header { cursor: pointer; overflow: hidden; } -.i-window-modalitycurtain { +.v-window-modalitycurtain { top: 0; left: 0; background: #999; @@ -69,80 +69,80 @@ div.i-window-header { filter: alpha(opacity=50); } /* IE6 workaround for position:fixed; */ -.i-ie6 .i-window-modalitycurtain { +.v-ie6 .v-window-modalitycurtain { position: absolute; top: expression(document.documentElement.scrollTop + "px"); } /* min-width for IE6 */ -.i-ie6 .i-window { +.v-ie6 .v-window { width: 0; /* */ } /* Shadow for window */ -.i-shadow-window { +.v-shadow-window { position: absolute; } -.i-shadow-window .top-left { +.v-shadow-window .top-left { position: absolute; overflow: hidden; top: -10px; left: -15px; width: 28px; height: 28px; background: transparent url(img/shadow/top-left.png); } -.i-shadow-window .top { +.v-shadow-window .top { position: absolute; overflow: hidden; top: -10px; left: 13px; height: 28px; right: 13px; background: transparent url(img/shadow/top.png); } -.i-shadow-window .top-right { +.v-shadow-window .top-right { position: absolute; overflow: hidden; top: -10px; right: -15px; width: 28px; height: 28px; background: transparent url(img/shadow/top-right.png); } -.i-shadow-window .left { +.v-shadow-window .left { position: absolute; overflow: hidden; top: 18px; left: -15px; width: 28px; bottom: 10px; background: transparent url(img/shadow/left.png); } -.i-shadow-window .center { +.v-shadow-window .center { position: absolute; overflow: hidden; top: 18px; left: 13px; bottom: 10px; right: 13px; background: transparent url(img/shadow/center.png); } -.i-shadow-window .right { +.v-shadow-window .right { position: absolute; overflow: hidden; top: 18px; right: -15px; width: 28px; bottom: 10px; background: transparent url(img/shadow/right.png); } -.i-shadow-window .bottom-left { +.v-shadow-window .bottom-left { position: absolute; overflow: hidden; bottom: -18px; left: -15px; width: 28px; height: 28px; background: transparent url(img/shadow/bottom-left.png); } -.i-shadow-window .bottom { +.v-shadow-window .bottom { position: absolute; overflow: hidden; bottom: -18px; left: 13px; right: 13px; height: 28px; background: transparent url(img/shadow/bottom.png); } -.i-shadow-window .bottom-right { +.v-shadow-window .bottom-right { position: absolute; overflow: hidden; bottom: -18px; right: -15px; width: 28px; height: 28px; background: transparent url(img/shadow/bottom-right.png); } /* For IE6 (no transparent png's, we use a blur filter) */ -.i-ie6 .i-shadow-window * { +.v-ie6 .v-shadow-window * { display: none; } -.i-ie6 .i-shadow-window { +.v-ie6 .v-shadow-window { background: #000; filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=5) alpha(opacity=20); margin-top: 2px; diff --git a/WebContent/ITMILL/themes/contacts/styles.css b/WebContent/ITMILL/themes/contacts/styles.css index 942da3362f..8425158680 100644 --- a/WebContent/ITMILL/themes/contacts/styles.css +++ b/WebContent/ITMILL/themes/contacts/styles.css @@ -1,12 +1,12 @@ @import url(../default/styles.css); /* Add some padding to the tree */ -.i-tree { +.v-tree { padding-top: 8px; padding-left: 4px; } -.toolbar .i-button { +.toolbar .v-button { display: block; width: 65px; height: 55px; @@ -15,19 +15,19 @@ text-align: center; } -.toolbar .i-button img { +.toolbar .v-button img { display: block; margin-left: auto; margin-right: auto; margin-bottom: 5px; } -.toolbar .i-button span { +.toolbar .v-button span { font-size: x-small; text-shadow: #fafafa 1px 1px 0; } -.i-app { +.v-app { background: #d0e2ec; font-family: "Lucida Grande", Helvetica, Arial, sans-serif; color: #222; @@ -37,7 +37,7 @@ background: #ccc url(images/gradient.png) repeat-x bottom left; } -.i-panel-caption-view { +.v-panel-caption-view { color: #004b98; } @@ -46,14 +46,14 @@ } /* Theme table to look bit lighter */ -.i-table-header-wrap { +.v-table-header-wrap { height: 20px; border: none; border-bottom: 1px solid #555; background: transparent url(images/table-header-bg.png) repeat-x; } -.i-table-caption-container { +.v-table-caption-container { font-size: 11px; color: #000; font-weight: bold; @@ -61,27 +61,27 @@ padding-top: 1px; } -.i-table-body { +.v-table-body { border: none; } -.i-table-row-odd { +.v-table-row-odd { background: #f1f5fa; } -.i-table-row:hover { +.v-table-row:hover { background: #fff; } -.i-table-row-odd:hover { +.v-table-row-odd:hover { background: #f1f5fa; } -.i-table .i-selected { +.v-table .v-selected { background: #3d80df; } -.i-table-cell-content { +.v-table-cell-content { padding: 2px 0 2px 3px; line-height: normal; font-size: 85%; diff --git a/WebContent/ITMILL/themes/coverflow/styles.css b/WebContent/ITMILL/themes/coverflow/styles.css index ae133269e2..b33cf5dfb7 100644 --- a/WebContent/ITMILL/themes/coverflow/styles.css +++ b/WebContent/ITMILL/themes/coverflow/styles.css @@ -1,8 +1,8 @@ @import url(../default/styles.css); -.i-app, body.i-generated-body { +.v-app, body.v-generated-body { background-color: black; } -.i-panel-content-light { +.v-panel-content-light { border: none; } \ No newline at end of file diff --git a/WebContent/ITMILL/themes/default/absolutelayout/absolutelayout.css b/WebContent/ITMILL/themes/default/absolutelayout/absolutelayout.css index e77e380688..9373b73db8 100644 --- a/WebContent/ITMILL/themes/default/absolutelayout/absolutelayout.css +++ b/WebContent/ITMILL/themes/default/absolutelayout/absolutelayout.css @@ -1,4 +1,4 @@ -.i-absolutelayout-wrapper { +.v-absolutelayout-wrapper { position: absolute; overflow:hidden; } diff --git a/WebContent/ITMILL/themes/default/accordion/accordion.css b/WebContent/ITMILL/themes/default/accordion/accordion.css index 99e16236ae..b51b6e8b03 100644 --- a/WebContent/ITMILL/themes/default/accordion/accordion.css +++ b/WebContent/ITMILL/themes/default/accordion/accordion.css @@ -1,17 +1,17 @@ -.i-accordion-item { +.v-accordion-item { background-color: #fff; } -.i-accordion-item-caption { +.v-accordion-item-caption { height: 31px; background: #edf0f0 url(../tabsheet/img/tab-bg.png); font-size: 15px; color: #656d73; border-top: 1px solid #c8cccd; } -.i-accordion-item-caption .i-caption { +.v-accordion-item-caption .v-caption { padding: 7px 0 6px 18px; } -.i-accordion-item-open .i-accordion-item-caption { +.v-accordion-item-open .v-accordion-item-caption { color: #3b4b57; background: #d5dee2 url(img/selected-bg.png); border-top-color: #cbd7de; diff --git a/WebContent/ITMILL/themes/default/button/button.css b/WebContent/ITMILL/themes/default/button/button.css index 34dc034c0a..4b4cc14759 100644 --- a/WebContent/ITMILL/themes/default/button/button.css +++ b/WebContent/ITMILL/themes/default/button/button.css @@ -1,21 +1,21 @@ -.i-button { +.v-button { font-size: 13px; } -.i-checkbox .i-errorindicator { +.v-checkbox .v-errorindicator { padding-left: 10px; } -.i-ie6 .i-button, -.i-ie7 .i-button { +.v-ie6 .v-button, +.v-ie7 .v-button { padding-left: 10px; padding-right: 10px; } -.i-ie6 .i-checkbox .i-errorindicator { +.v-ie6 .v-checkbox .v-errorindicator { padding-right: 4px; } -.i-ie7 .i-checkbox .i-errorindicator { +.v-ie7 .v-checkbox .v-errorindicator { padding-right: 7px; } -.i-ie6 .i-button .i-errorindicator, -.i-ie7 .i-button .i-errorindicator { +.v-ie6 .v-button .v-errorindicator, +.v-ie7 .v-button .v-errorindicator { padding-right: 5px; } \ No newline at end of file diff --git a/WebContent/ITMILL/themes/default/caption/caption.css b/WebContent/ITMILL/themes/default/caption/caption.css index 42e000e134..d5be467822 100644 --- a/WebContent/ITMILL/themes/default/caption/caption.css +++ b/WebContent/ITMILL/themes/default/caption/caption.css @@ -1,15 +1,15 @@ -.i-captionwrapper { +.v-captionwrapper { margin: 0.3em 0 0 0; } -.i-errorindicator { +.v-errorindicator { width: 12px; height: 16px; background: transparent url(../icons/16/error.png) no-repeat top right; } -.i-ie6 .i-errorindicator { +.v-ie6 .v-errorindicator { /* gif for transparency */ background-image: url(../icons/16/error.gif); } -.i-ie7 .i-errorindicator { +.v-ie7 .v-errorindicator { margin-left: -3px; } \ No newline at end of file diff --git a/WebContent/ITMILL/themes/default/common/common.css b/WebContent/ITMILL/themes/default/common/common.css index a4e3f82612..5f564e3997 100644 --- a/WebContent/ITMILL/themes/default/common/common.css +++ b/WebContent/ITMILL/themes/default/common/common.css @@ -1,43 +1,43 @@ -.i-generated-body { +.v-generated-body { background: #e9eced; } -.i-app { +.v-app { background: #e9eced; font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif; color: #464f52; font-size: 13px; line-height: 18px; } -.i-app-loading { +.v-app-loading { background-image: url(img/loading-indicator.gif); background-repeat: no-repeat; background-position: 50%; } /* Global font styles */ -.i-window, -.i-popupview-popup, -.i-app input, -.i-app select, -.i-app button, -.i-app textarea, -.i-window input, -.i-window select, -.i-window button, -.i-window textarea, -.i-popupview-popup input, -.i-popupview-popup select, -.i-popupview-popup button, -.i-popupview-popup textarea { +.v-window, +.v-popupview-popup, +.v-app input, +.v-app select, +.v-app button, +.v-app textarea, +.v-window input, +.v-window select, +.v-window button, +.v-window textarea, +.v-popupview-popup input, +.v-popupview-popup select, +.v-popupview-popup button, +.v-popupview-popup textarea { font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif; color: #464f52; font-size: 13px; } -.i-app select, -.i-window select { +.v-app select, +.v-window select { padding: 0; } /* Custom tooltip */ -.i-tooltip { +.v-tooltip { background-color: #fffcdd; border: 1px solid #b8b295; border-top-color: #d5d2c1; @@ -47,13 +47,13 @@ font-family: arial, helvetica, tahoma, verdana, sans-serif; color: #5d5444; } -.i-tooltip-text { +.v-tooltip-text { padding: 2px 4px; border: none; border-top: 1px solid #fffef5; border-bottom: 1px solid #fbf8d9; } -.i-tooltip .i-errormessage { +.v-tooltip .v-errormessage { padding: 3px 4px 3px 4px; background: #ffecc6; color: #b74100; @@ -61,18 +61,18 @@ border-top: 1px solid #fff3dc; border-bottom: 1px solid #ead7b1; } -.i-tooltip .i-errormessage h2 { +.v-tooltip .v-errormessage h2 { font-size: 16px; font-weight: normal; color: #ab3101; margin: 2px 0 8px 0; } -.i-tooltip .i-errormessage h3 { +.v-tooltip .v-errormessage h3 { font-size: 13px; font-weight: bold; margin: 1px 0 4px 0; } -.i-contextmenu { +.v-contextmenu { background: #e9eced url(../tabsheet/img/tab-bg.png); font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif; background-color: #f6f7f7; @@ -80,37 +80,37 @@ font-size: 12px; line-height: 14px; } -.i-contextmenu .gwt-MenuBar { +.v-contextmenu .gwt-MenuBar { border-right: 1px solid #c6cbcc; border-bottom: 1px solid #c6cbcc; border-top: 1px solid #d0d4d5; border-left: 1px solid #d0d4d5; } -.i-contextmenu .gwt-MenuItem { +.v-contextmenu .gwt-MenuItem { padding: 2px 0; } -.i-contextmenu .gwt-MenuItem div { +.v-contextmenu .gwt-MenuItem div { padding: 1px 20px 1px 8px; } -.i-contextmenu .gwt-MenuItem-selected div { +.v-contextmenu .gwt-MenuItem-selected div { color: #fff; background: #5daee8; } -.i-contextmenu .gwt-MenuItem img { +.v-contextmenu .gwt-MenuItem img { margin-right: 10px; } -.i-loading-indicator, -.i-loading-indicator-delay, -.i-loading-indicator-wait { +.v-loading-indicator, +.v-loading-indicator-delay, +.v-loading-indicator-wait { width: 31px; height: 31px; background: transparent url(img/loading-indicator.gif); margin-right: 5px; margin-top: 5px; } -.i-loading-indicator-delay { +.v-loading-indicator-delay { background-image: url(img/loading-indicator-delay.gif); } -.i-loading-indicator-wait { +.v-loading-indicator-wait { background-image: url(img/loading-indicator-wait.gif); } \ No newline at end of file diff --git a/WebContent/ITMILL/themes/default/datefield/datefield.css b/WebContent/ITMILL/themes/default/datefield/datefield.css index 99178926ef..010ce3aef9 100644 --- a/WebContent/ITMILL/themes/default/datefield/datefield.css +++ b/WebContent/ITMILL/themes/default/datefield/datefield.css @@ -1,4 +1,4 @@ -.i-datefield-button { +.v-datefield-button { font-size:13px; width: 22px; height: 24px; @@ -8,7 +8,7 @@ background: transparent url(img/open-button.png) no-repeat right 0; vertical-align: top; } -.i-datefield-popup { +.v-datefield-popup { font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif; color: #464f52; font-size: 12px; @@ -16,37 +16,37 @@ border: 1px solid #b6bbbc; padding: 6px; } -.i-datefield-calendarpanel { +.v-datefield-calendarpanel { width: 19em; font-size: 12px; } -.i-datefield-popup .i-datefield-calendarpanel { +.v-datefield-popup .v-datefield-calendarpanel { width: 16em; } -.i-datefield-calendarpanel td { +.v-datefield-calendarpanel td { text-align: right; } -.i-datefield-calendarpanel td span { +.v-datefield-calendarpanel td span { display: block; } -.i-datefield-calendarpanel-header { +.v-datefield-calendarpanel-header { height: 30px; } -.i-datefield-calendarpanel-header, -.i-datefield-calendarpanel strong { +.v-datefield-calendarpanel-header, +.v-datefield-calendarpanel strong { font-size: 13px; } -.i-datefield-popup .i-datefield-calendarpanel-header, -.i-datefield-popup .i-datefield-calendarpanel strong { +.v-datefield-popup .v-datefield-calendarpanel-header, +.v-datefield-popup .v-datefield-calendarpanel strong { font-size: 12px; } -.i-datefield-calendarpanel-month { +.v-datefield-calendarpanel-month { font-weight: bold; text-shadow: #ffffff 2px 2px 0; } /* Year buttons */ -.i-datefield-calendarpanel .i-button-prevyear, -.i-datefield-calendarpanel .i-button-nextyear { +.v-datefield-calendarpanel .v-button-prevyear, +.v-datefield-calendarpanel .v-button-nextyear { display: block; width: 16px; height: 16px; @@ -56,16 +56,16 @@ text-indent: -90000px; margin: 0 auto; } -.i-datefield-calendarpanel .i-button-nextyear { +.v-datefield-calendarpanel .v-button-nextyear { background: transparent url(img/nextyear.png) no-repeat; } -.i-datefield-calendarpanel .i-button-prevyear:hover, -.i-datefield-calendarpanel .i-button-nextyear:hover { +.v-datefield-calendarpanel .v-button-prevyear:hover, +.v-datefield-calendarpanel .v-button-nextyear:hover { background-position: left bottom; } /* Month buttons */ -.i-datefield-calendarpanel .i-button-prevmonth, -.i-datefield-calendarpanel .i-button-nextmonth { +.v-datefield-calendarpanel .v-button-prevmonth, +.v-datefield-calendarpanel .v-button-nextmonth { display: block; width: 11px; height: 16px; @@ -75,40 +75,40 @@ text-indent: -90000px; margin: 0 auto; } -.i-datefield-calendarpanel .i-button-nextmonth { +.v-datefield-calendarpanel .v-button-nextmonth { background: transparent url(img/nextmonth.png) no-repeat; } -.i-datefield-calendarpanel .i-button-prevmonth:hover, -.i-datefield-calendarpanel .i-button-nextmonth:hover { +.v-datefield-calendarpanel .v-button-prevmonth:hover, +.v-datefield-calendarpanel .v-button-nextmonth:hover { background-position: left bottom; } -.i-datefield-calendarpanel strong { +.v-datefield-calendarpanel strong { color: #ee5311; display: block; width: 20px; } -.i-datefield-calendarpanel-day, -.i-datefield-calendarpanel-day-today { +.v-datefield-calendarpanel-day, +.v-datefield-calendarpanel-day-today { padding: 1px 3px; width: 14px; height: 16px; } -.i-datefield-calendarpanel-day-today { +.v-datefield-calendarpanel-day-today { border: 1px solid #429ce9; width: 12px; height: 14px } -.i-datefield-calendarpanel-day-entry { +.v-datefield-calendarpanel-day-entry { color: #6a98b5; } -.i-datefield-calendarpanel-day-disabled { +.v-datefield-calendarpanel-day-disabled { font-weight: normal; color: #dddddd; } -.i-datefield-calendarpanel-day-entry.i-datefield-calendarpanel-day-disabled { +.v-datefield-calendarpanel-day-entry.v-datefield-calendarpanel-day-disabled { color: #afd6f8; } -.i-datefield-calendarpanel-day-selected { +.v-datefield-calendarpanel-day-selected { font-weight: bold; width: 14px; height: 16px; @@ -117,19 +117,19 @@ background: transparent url(img/selected-bg.png) no-repeat 50% 50%; border: none; } -.i-datefield-time { +.v-datefield-time { font-size: 11px; } -.i-datefield-time .i-select { +.v-datefield-time .v-select { font-size: 10px; padding: 0; margin: 0; } -.i-datefield-rendererror .i-textfield { +.v-datefield-rendererror .v-textfield { background: #ff9999; } /* IE specific styles */ -.i-ie7 .i-datefield-button { +.v-ie7 .v-datefield-button { background-position: right 1px; height: 25px; margin: 0; diff --git a/WebContent/ITMILL/themes/default/formlayout/formlayout.css b/WebContent/ITMILL/themes/default/formlayout/formlayout.css index 2540b42677..86e66a841d 100644 --- a/WebContent/ITMILL/themes/default/formlayout/formlayout.css +++ b/WebContent/ITMILL/themes/default/formlayout/formlayout.css @@ -1,53 +1,53 @@ -.i-formlayout-cell .i-errorindicator { +.v-formlayout-cell .v-errorindicator { width: 10px; height: 16px; background: transparent url(../icons/16/error.png) no-repeat top right; } -.i-formlayout-captioncell { +.v-formlayout-captioncell { text-align:right; white-space: nowrap; } -.i-formlayout-error-indicator { +.v-formlayout-error-indicator { /* fix width so layout is not jumpy when error disapear */ width: 12px; } -.i-formlayout-spacing .i-formlayout-row .i-formlayout-captioncell, -.i-formlayout-spacing .i-formlayout-row .i-formlayout-contentcell, -.i-formlayout-spacing .i-formlayout-row .i-formlayout-errorcell { +.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; } -.i-formlayout-margin-top .i-formlayout-firstrow .i-formlayout-captioncell, -.i-formlayout-margin-top .i-formlayout-firstrow .i-formlayout-contentcell, -.i-formlayout-margin-top .i-formlayout-firstrow .i-formlayout-errorcell { +.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; } -.i-formlayout-margin-bottom .i-formlayout-lastrow .i-formlayout-captioncell, -.i-formlayout-margin-bottom .i-formlayout-lastrow .i-formlayout-contentcell, -.i-formlayout-margin-bottom .i-formlayout-lastrow .i-formlayout-errorcell { +.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; } -.i-formlayout-margin-left .i-formlayout-captioncell { +.v-formlayout-margin-left .v-formlayout-captioncell { padding-left: 18px; } -.i-formlayout-margin-right .i-formlayout-contentcell { +.v-formlayout-margin-right .v-formlayout-contentcell { padding-right: 18px; } /* form */ -.i-form-errormessage { +.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; } -.i-ie6 .i-form-errormessage { +.v-ie6 .v-form-errormessage { height: 20px } -.i-form fieldset { +.v-form fieldset { border: none; border-top: 1px solid #babfc0; } -.i-form legend { +.v-form legend { margin: 0; padding: 0 4px 0.3em 4px; font-weight: bold; diff --git a/WebContent/ITMILL/themes/default/gridlayout/gridlayout.css b/WebContent/ITMILL/themes/default/gridlayout/gridlayout.css index ba3f39bda7..a9c1fef15e 100644 --- a/WebContent/ITMILL/themes/default/gridlayout/gridlayout.css +++ b/WebContent/ITMILL/themes/default/gridlayout/gridlayout.css @@ -1,16 +1,16 @@ -.i-gridlayout-margin-top { +.v-gridlayout-margin-top { padding-top: 15px; } -.i-gridlayout-margin-bottom { +.v-gridlayout-margin-bottom { padding-bottom: 15px; } -.i-gridlayout-margin-left { +.v-gridlayout-margin-left { padding-left: 18px; } -.i-gridlayout-margin-right { +.v-gridlayout-margin-right { padding-right: 18px; } -.i-gridlayout-spacing-on { +.v-gridlayout-spacing-on { padding-left: 8px; padding-top: 8px; } \ No newline at end of file diff --git a/WebContent/ITMILL/themes/default/link/link.css b/WebContent/ITMILL/themes/default/link/link.css index 3bdff375ac..a123156cb6 100644 --- a/WebContent/ITMILL/themes/default/link/link.css +++ b/WebContent/ITMILL/themes/default/link/link.css @@ -1,3 +1,3 @@ -.i-link a { +.v-link a { color: #464f52; } \ No newline at end of file diff --git a/WebContent/ITMILL/themes/default/menubar/menubar.css b/WebContent/ITMILL/themes/default/menubar/menubar.css index 99cc4083d7..650d00b1f2 100644 --- a/WebContent/ITMILL/themes/default/menubar/menubar.css +++ b/WebContent/ITMILL/themes/default/menubar/menubar.css @@ -1,18 +1,18 @@ -.i-menubar { +.v-menubar { color: #464f52; border: 1px solid #c6cbcc; border-right: none; } -.i-menubar .menuitem { +.v-menubar .menuitem { padding: 0 10px; margin: 0 10px; border-right: 1px solid #c6cbcc; } -.i-menubar .menuitem-selected { +.v-menubar .menuitem-selected { color: #fff; background: #5daee8; } -.i-menubar-submenu { +.v-menubar-submenu { background: #e9eced url(../tabsheet/img/tab-bg.png); font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif; color: #464f52; @@ -23,10 +23,10 @@ border-top: 1px solid #d0d4d5; border-left: 1px solid #d0d4d5; } -.i-menubar-submenu .menuitem { +.v-menubar-submenu .menuitem { padding: 2px 10px; } -.i-menubar-submenu .menuitem-selected { +.v-menubar-submenu .menuitem-selected { color: #fff; background: #5daee8; } \ No newline at end of file diff --git a/WebContent/ITMILL/themes/default/notification/notification.css b/WebContent/ITMILL/themes/default/notification/notification.css index 1f8736391a..387a7d1886 100644 --- a/WebContent/ITMILL/themes/default/notification/notification.css +++ b/WebContent/ITMILL/themes/default/notification/notification.css @@ -1,4 +1,4 @@ -.i-Notification { +.v-Notification { font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif; background-color: #818e92; color: #ffffff; @@ -9,18 +9,18 @@ border-radius: 3px; overflow: hidden; } -.i-Notification h1, -.i-Notification p, -.i-Notification.error h1, -.i-Notification.error p, -.i-Notification.warning h1, -.i-Notification.warning p { +.v-Notification h1, +.v-Notification p, +.v-Notification.error h1, +.v-Notification.error p, +.v-Notification.warning h1, +.v-Notification.warning p { display: inline; font-weight: normal; white-space: nowrap; margin: 0 10px 0 0; } -.i-Notification.warning { +.v-Notification.warning { background: #fff1e4; color: #dd3400; border: 2px solid #ffaa90; @@ -29,7 +29,7 @@ border-radius: 5px; opacity: 1; } -.i-Notification.error { +.v-Notification.error { background: #f23d00 url(img/close-error.png) no-repeat right 5px; padding-right: 30px; border: 3px solid #c30000; @@ -37,12 +37,12 @@ -webkit-border-radius: 6px; border-radius: 6px; } -.i-Notification.tray { +.v-Notification.tray { background: #575e60; padding: 0.5em; margin: 0 5px 5px 0; } -.i-Notification.tray h1 { +.v-Notification.tray h1 { display: block; font-weight: bold; font-size: 0.9em; @@ -54,22 +54,22 @@ -webkit-border-radius: 3px; border-radius: 3px; } -.i-Notification.tray p { +.v-Notification.tray p { display: block; font-size: 0.9em; line-height: 1.1; margin: 8px 10px 5px 10px; color: #e4e7ea; } -.i-Notification.system { +.v-Notification.system { background-color: #ff0a0a; opacity: 0.7; filter: alpha(opacity=70); } -.i-Notification.system h1 { +.v-Notification.system h1 { display: block; margin: 0; } -.i-Notification.system p { +.v-Notification.system p { white-space: nowrap; } \ No newline at end of file diff --git a/WebContent/ITMILL/themes/default/orderedlayout/orderedlayout.css b/WebContent/ITMILL/themes/default/orderedlayout/orderedlayout.css index 94db44b3ee..e9c431ecdd 100644 --- a/WebContent/ITMILL/themes/default/orderedlayout/orderedlayout.css +++ b/WebContent/ITMILL/themes/default/orderedlayout/orderedlayout.css @@ -1,26 +1,26 @@ -.i-orderedlayout-margin-top, -.i-horizontallayout-margin-top, -.i-verticallayout-margin-top { +.v-orderedlayout-margin-top, +.v-horizontallayout-margin-top, +.v-verticallayout-margin-top { padding-top: 15px; } -.i-orderedlayout-margin-right, -.i-horizontallayout-margin-right, -.i-verticallayout-margin-right { +.v-orderedlayout-margin-right, +.v-horizontallayout-margin-right, +.v-verticallayout-margin-right { padding-right: 18px; } -.i-orderedlayout-margin-bottom, -.i-horizontallayout-margin-bottom, -.i-verticallayout-margin-bottom { +.v-orderedlayout-margin-bottom, +.v-horizontallayout-margin-bottom, +.v-verticallayout-margin-bottom { padding-bottom: 15px; } -.i-orderedlayout-margin-left, -.i-horizontallayout-margin-left, -.i-verticallayout-margin-left { +.v-orderedlayout-margin-left, +.v-horizontallayout-margin-left, +.v-verticallayout-margin-left { padding-left: 18px; } -.i-orderedlayout-spacing-on, -.i-horizontallayout-spacing-on, -.i-verticallayout-spacing-on { +.v-orderedlayout-spacing-on, +.v-horizontallayout-spacing-on, +.v-verticallayout-spacing-on { padding-top: 8px; padding-left: 8px; } \ No newline at end of file diff --git a/WebContent/ITMILL/themes/default/panel/panel.css b/WebContent/ITMILL/themes/default/panel/panel.css index 55b435a3eb..bfed4242f4 100644 --- a/WebContent/ITMILL/themes/default/panel/panel.css +++ b/WebContent/ITMILL/themes/default/panel/panel.css @@ -1,13 +1,13 @@ -.i-panel { +.v-panel { background: transparent url(img/top-left.png) no-repeat; } -.i-panel-caption .i-errorindicator { +.v-panel-caption .v-errorindicator { padding-right: 20px; background: transparent url(../icons/16/error.png) no-repeat bottom center; } -.i-panel-caption, -.i-panel-caption-light { +.v-panel-caption, +.v-panel-caption-light { font-size: 18px; line-height: 18px; font-weight: normal; @@ -18,22 +18,22 @@ margin-left: 10px; background: transparent url(img/top-right.png) no-repeat right top; } -.i-panel-nocaption { +.v-panel-nocaption { height: 9px; margin-left: 10px; background: transparent url(img/top-right.png) no-repeat right top; } -.i-panel-content { +.v-panel-content { border: 1px solid #babfc0; border-bottom: 1px solid #dee2e3; background-color: #fff; } -.i-panel-deco { +.v-panel-deco { height: 9px; background: transparent url(img/bottom-right.png) repeat-x right top; margin-left: 9px; } -.i-panel-deco:before { +.v-panel-deco:before { display: block; content: ""; width: 9px; @@ -42,58 +42,58 @@ background: transparent url(img/bottom-left.png) no-repeat; } /* Light panel style */ -.i-panel-light, -.i-panel-caption-light { +.v-panel-light, +.v-panel-caption-light { background: transparent; } -.i-panel-nocaption-light { +.v-panel-nocaption-light { background: transparent; height: 0; margin: 0; } -.i-panel-content-light { +.v-panel-content-light { border: none; border-top: 1px solid #babfc0; background: transparent; } -.i-panel-deco-light { +.v-panel-deco-light { height: 0; overflow: hidden; } /* IE specific rules */ -.i-ie6 .i-panel { +.v-ie6 .v-panel { background: transparent; } -.i-ie6 .i-panel-caption { +.v-ie6 .v-panel-caption { border: 1px solid #babfc0; border-bottom: none; background: #fff; margin: 0; padding-left: 18px } -.i-ie6 .i-panel-nocaption { +.v-ie6 .v-panel-nocaption { border: none; background: transparent; margin: 0; height: 0; } -.i-ie6 .i-panel-caption-light { +.v-ie6 .v-panel-caption-light { border: none; background: transparent; } -.i-ie6 .i-panel-content, -.i-ie7 .i-panel-content, -.i-ie8 .i-panel-content { +.v-ie6 .v-panel-content, +.v-ie7 .v-panel-content, +.v-ie8 .v-panel-content { border-bottom: 1px solid #babfc0; } -.i-ie6 .i-panel-content-light, -.i-ie7 .i-panel-content-light, -.i-ie8 .i-panel-content-light { +.v-ie6 .v-panel-content-light, +.v-ie7 .v-panel-content-light, +.v-ie8 .v-panel-content-light { border-bottom: none; } -.i-ie6 .i-panel-deco, -.i-ie7 .i-panel-deco, -.i-ie8 .i-panel-deco { +.v-ie6 .v-panel-deco, +.v-ie7 .v-panel-deco, +.v-ie8 .v-panel-deco { height: 0; overflow: hidden; } \ No newline at end of file diff --git a/WebContent/ITMILL/themes/default/popupview/popupview.css b/WebContent/ITMILL/themes/default/popupview/popupview.css index 20072e4398..73437c6bac 100644 --- a/WebContent/ITMILL/themes/default/popupview/popupview.css +++ b/WebContent/ITMILL/themes/default/popupview/popupview.css @@ -1,4 +1,4 @@ -.i-popupview-popup { +.v-popupview-popup { border: 1px solid #babfc0; border-bottom: 1px solid #dee2e3; background: #fff; diff --git a/WebContent/ITMILL/themes/default/progressindicator/progressindicator.css b/WebContent/ITMILL/themes/default/progressindicator/progressindicator.css index 5ca45eccd4..41f797dc8b 100644 --- a/WebContent/ITMILL/themes/default/progressindicator/progressindicator.css +++ b/WebContent/ITMILL/themes/default/progressindicator/progressindicator.css @@ -1,19 +1,19 @@ -.i-progressindicator { +.v-progressindicator { background: #dfe2e4 url(img/base.gif) repeat-x 0 1px; } -.i-progressindicator-wrapper { +.v-progressindicator-wrapper { border: 1px solid #b6bbbc; } -.i-progressindicator-disabled { +.v-progressindicator-disabled { background: #dfe2e4 url(img/disabled.gif); border: 1px solid #b6bbbc; } -.i-progressindicator-indicator { +.v-progressindicator-indicator { background: #f7f9f9 url(img/progress.png); } -.i-progressindicator-indeterminate { +.v-progressindicator-indeterminate { background: #dfe2e4 url(../common/img/ajax-loader-medium.gif); } -.i-progressindicator-indeterminate-disabled { +.v-progressindicator-indeterminate-disabled { background: #dfe2e4 url(../common/img/blank.gif); } \ No newline at end of file diff --git a/WebContent/ITMILL/themes/default/select/select.css b/WebContent/ITMILL/themes/default/select/select.css index e83b9508fa..2ccb153ae7 100644 --- a/WebContent/ITMILL/themes/default/select/select.css +++ b/WebContent/ITMILL/themes/default/select/select.css @@ -1,25 +1,25 @@ -.i-select-select { +.v-select-select { font-size: 13px; } /* Twincol style */ -.i-select-twincol-options, -.i-select-twincol-selections { +.v-select-twincol-options, +.v-select-twincol-selections { font-size: 13px; } -.i-select-twincol-buttons { +.v-select-twincol-buttons { padding: 2px; /* does not work in first render in FF ? */ } /** Filterselect aka ComboBox styles */ -.i-filterselect { +.v-filterselect { height: 23px; background: transparent url(img/bg-left-filter.png) no-repeat; padding-left: 4px; } -.i-app .i-filterselect .i-filterselect-input, -.i-window .i-filterselect .i-filterselect-input, -.i-popupview-popup .i-filterselect .i-filterselect-input { +.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(img/bg-center-filter.png) no-repeat 1px 0; border: none; height: 20px; @@ -27,39 +27,39 @@ padding: 3px 0 0 2px; font-size: 13px; } -.i-filterselect-prompt .i-filterselect-input { +.v-filterselect-prompt .v-filterselect-input { font-style: normal; } -.i-filterselect-input:focus { +.v-filterselect-input:focus { /* remove safari/mac outline from this element */ outline: none; } -.i-filterselect-focus { +.v-filterselect-focus { outline: 1px solid #5daee8; outline-offset: -1px; } -.i-sa .i-filterselect-focus { +.v-sa .v-filterselect-focus { /* place safari focus outline around the whole thing */ outline: 5px auto -webkit-focus-ring-color; outline-offset: -4px; } -.i-filterselect-button { +.v-filterselect-button { width: 25px; height: 23px; background: transparent url(img/bg-right-filter.png); } -.i-filterselect-button:hover { +.v-filterselect-button:hover { background-position: bottom left; } -.i-disabled .i-filterselect-button:hover, -.i-readonly .i-filterselect-button:hover { +.v-disabled .v-filterselect-button:hover, +.v-readonly .v-filterselect-button:hover { background-position: top left; } -.i-filterselect.i-readonly .i-filterselect-input { +.v-filterselect.v-readonly .v-filterselect-input { background: transparent; color: black; } -.i-filterselect-suggestpopup { +.v-filterselect-suggestpopup { background: #f6f7f7; border: 1px solid #b6bbbc; font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif; @@ -68,42 +68,42 @@ line-height: 18px; margin-top: -1px; } -.i-filterselect-suggestmenu .gwt-MenuItem { +.v-filterselect-suggestmenu .gwt-MenuItem { padding: 1px 6px; cursor: pointer; height: 18px; } -.i-filterselect-suggestmenu .gwt-MenuItem .i-icon { +.v-filterselect-suggestmenu .gwt-MenuItem .v-icon { margin-right: 3px; } -.i-filterselect-suggestmenu .gwt-MenuItem-selected { +.v-filterselect-suggestmenu .gwt-MenuItem-selected { background: #5daee8; color: #fff; } -.i-filterselect-nextpage, -.i-filterselect-nextpage-off, -.i-filterselect-prevpage-off, -.i-filterselect-prevpage { +.v-filterselect-nextpage, +.v-filterselect-nextpage-off, +.v-filterselect-prevpage-off, +.v-filterselect-prevpage { height: 11px; width:100%; background: transparent url(img/button-bg.png) no-repeat 50% 0; margin: 2px 0 0 0; } -.i-filterselect-prevpage, -.i-filterselect-prevpage-off { +.v-filterselect-prevpage, +.v-filterselect-prevpage-off { background-position: 50% -1px; margin: 0 0 2px 0; } -.i-filterselect-prevpage:hover { +.v-filterselect-prevpage:hover { background-position: 50% bottom; } -.i-filterselect-nextpage:hover { +.v-filterselect-nextpage:hover { background-position: 50% -12px; } -.i-filterselect-nextpage span, -.i-filterselect-nextpage-off span, -.i-filterselect-prevpage-off span, -.i-filterselect-prevpage span { +.v-filterselect-nextpage span, +.v-filterselect-nextpage-off span, +.v-filterselect-prevpage-off span, +.v-filterselect-prevpage span { display: block; height: 12px; width:100%; @@ -112,11 +112,11 @@ cursor: pointer; overflow: hidden; } -.i-filterselect-nextpage span, -.i-filterselect-nextpage-off span { +.v-filterselect-nextpage span, +.v-filterselect-nextpage-off span { background: transparent url(img/arrow-down.png) no-repeat 50% 60%; } -.i-filterselect-status { +.v-filterselect-status { font-size: 11px; line-height: 11px; width: 100%; @@ -129,19 +129,19 @@ /* Error styles (disabled by default) ---------------------------------- -.i-filterselect-error { +.v-filterselect-error { background-image: url(img/bg-left-filter-error.png); } -.i-filterselect-error .i-filterselect-input { +.v-filterselect-error .v-filterselect-input { background-image: url(img/bg-center-filter-error.png); } -.i-filterselect-error .i-filterselect-button { +.v-filterselect-error .v-filterselect-button { background-image: url(img/bg-right-filter-error.png); } -.i-select-error .i-select-option, -.i-select-error .i-select-select, -.i-select-error .i-select-twincol-selections, -.i-select-error .i-select-twincol-options { +.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; } */ @@ -149,10 +149,10 @@ /* Required field styles (disabled by default) -------------------------------------------- -.i-select-required .i-select-option, -.i-select-required .i-select-select, -.i-select-required .i-select-twincol-selections, -.i-select-required .i-select-twincol-options { +.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; } */ \ No newline at end of file diff --git a/WebContent/ITMILL/themes/default/shadow/shadow.css b/WebContent/ITMILL/themes/default/shadow/shadow.css index e8db3a25bb..2fc9a1c608 100644 --- a/WebContent/ITMILL/themes/default/shadow/shadow.css +++ b/WebContent/ITMILL/themes/default/shadow/shadow.css @@ -1,29 +1,29 @@ -.i-shadow { +.v-shadow { position: absolute; } -.i-shadow .top-left { +.v-shadow .top-left { position: absolute; overflow: hidden; top: -3px; left: -4px; width: 8px; height: 8px; background: transparent url(img/top-left.png); } -.i-shadow .top { +.v-shadow .top { position: absolute; overflow: hidden; top: -3px; left: 4px; height: 8px; right: 4px; background: transparent url(img/top.png); } -.i-shadow .top-right { +.v-shadow .top-right { position: absolute; overflow: hidden; top: -3px; right: -4px; width: 8px; height: 8px; background: transparent url(img/top-right.png); } -.i-shadow .left { +.v-shadow .left { position: absolute; overflow: hidden; top: 5px; left: -4px; width: 8px; @@ -31,14 +31,14 @@ background: transparent url(img/left.png); } -.i-shadow .center { +.v-shadow .center { position: absolute; overflow: hidden; top: 5px; left: 4px; bottom: 3px; right: 4px; background: transparent url(img/center.png); } -.i-shadow .right { +.v-shadow .right { position: absolute; overflow: hidden; top: 5px; right: -4px; width: 8px; @@ -46,21 +46,21 @@ background: transparent url(img/right.png); } -.i-shadow .bottom-left { +.v-shadow .bottom-left { position: absolute; overflow: hidden; bottom: -5px; left: -4px; width: 8px; height: 8px; background: transparent url(img/bottom-left.png); } -.i-shadow .bottom { +.v-shadow .bottom { position: absolute; overflow: hidden; bottom: -5px; left: 4px; right: 4px; height: 8px; background: transparent url(img/bottom.png); } -.i-shadow .bottom-right { +.v-shadow .bottom-right { position: absolute; overflow: hidden; bottom: -5px; right: -4px; width: 8px; height: 8px; diff --git a/WebContent/ITMILL/themes/default/slider/slider.css b/WebContent/ITMILL/themes/default/slider/slider.css index bc02bf2021..5665a2aaee 100644 --- a/WebContent/ITMILL/themes/default/slider/slider.css +++ b/WebContent/ITMILL/themes/default/slider/slider.css @@ -1,9 +1,9 @@ -.i-slider { +.v-slider { border-top: 1px solid #cccfd0; border-bottom: 1px solid #cccfd0; margin: 5px 0; } -.i-slider-base { +.v-slider-base { /* changing the borders will require adjustments to ISlider.java */ height: 2px; background: #f3f3f4; @@ -11,18 +11,18 @@ border-left: 1px solid #cccfd0; border-right: 1px solid #cccfd0; } -.i-slider-handle { +.v-slider-handle { background: transparent url(img/handle-horizontal.png); width: 12px; height: 12px; margin-top: -5px; cursor: pointer; } -.i-slider-handle:hover { +.v-slider-handle:hover { background-position: left bottom; } -.i-slider-scrollbar .i-slider-handle, -.i-slider-scrollbar.i-slider-vertical .i-slider-handle { +.v-slider-scrollbar .v-slider-handle, +.v-slider-scrollbar.v-slider-vertical .v-slider-handle { background: #ffffff; border: 1px solid #cccfd0; border-radius: 6px; @@ -30,14 +30,14 @@ -webkit-border-radius: 6px; } -.i-slider-vertical { +.v-slider-vertical { width: 3px; margin: 0 5px; border: none; border-left: 1px solid #cccfd0; border-right: 1px solid #cccfd0; } -.i-slider-vertical .i-slider-base { +.v-slider-vertical .v-slider-base { width: 2px; border-left: 1px solid #cbcdce; border-right: none; @@ -45,25 +45,25 @@ border-top: 1px solid #cccfd0; border-bottom: 1px solid #cccfd0; } -.i-slider-vertical .i-slider-handle { +.v-slider-vertical .v-slider-handle { background: transparent url(img/handle-vertical.png); width: 12px; height: 12px; margin-left: -5px; } -.i-slider-vertical .i-slider-handle:hover { +.v-slider-vertical .v-slider-handle:hover { background-position: left bottom; } /* Disabled by default -.i-slider-error .i-slider-base { +.v-slider-error .v-slider-base { background:transparent; background-color: #FFE0E0; } */ /* Disabled by default -.i-slider-required .i-slider-base { +.v-slider-required .v-slider-base { background:transparent; background-color: #FFE0E0; } @@ -71,13 +71,13 @@ /* IE specific styles */ -.i-ie6 .i-slider, -.i-ie6 .i-slider-vertical { +.v-ie6 .v-slider, +.v-ie6 .v-slider-vertical { margin: 0; } -.i-ie6 .i-slider .i-slider-handle { +.v-ie6 .v-slider .v-slider-handle { margin: -1px 0; } -.i-ie6 .i-slider-vertical .i-slider-handle { +.v-ie6 .v-slider-vertical .v-slider-handle { margin: 0 -1px; } \ No newline at end of file diff --git a/WebContent/ITMILL/themes/default/splitpanel/splitpanel.css b/WebContent/ITMILL/themes/default/splitpanel/splitpanel.css index 0fe325e184..39fdbcc029 100644 --- a/WebContent/ITMILL/themes/default/splitpanel/splitpanel.css +++ b/WebContent/ITMILL/themes/default/splitpanel/splitpanel.css @@ -1,13 +1,13 @@ -.i-splitpanel-horizontal, .i-splitpanel-vertical { +.v-splitpanel-horizontal, .v-splitpanel-vertical { overflow: hidden; } -.i-splitpanel-horizontal .i-splitpanel-hsplitter { +.v-splitpanel-horizontal .v-splitpanel-hsplitter { width: 6px; font-size: 1px; /* for IE6 */ } -.i-splitpanel-horizontal .i-splitpanel-hsplitter div { +.v-splitpanel-horizontal .v-splitpanel-hsplitter div { width: 6px; font-size: 1px; /* for IE6 */ position: absolute; @@ -19,12 +19,12 @@ margin: 0 -1px; } -.i-splitpanel-vertical .i-splitpanel-vsplitter { +.v-splitpanel-vertical .v-splitpanel-vsplitter { height: 6px; font-size: 1px; /* for IE6 */ } -.i-splitpanel-vertical .i-splitpanel-vsplitter div { +.v-splitpanel-vertical .v-splitpanel-vsplitter div { height: 6px; font-size: 1px; /* for IE6 */ background: #ccd2d0 url(img/bg_ver.png); @@ -39,15 +39,15 @@ /* IE specific styles */ -* html .i-splitpanel-horizontal .i-splitpanel-hsplitter div { +* html .v-splitpanel-horizontal .v-splitpanel-hsplitter div { height: 99%; } -* html .i-splitpanel-vertical .i-splitpanel-vsplitter { +* html .v-splitpanel-vertical .v-splitpanel-vsplitter { height: 8px; } -* html .i-splitpanel-vertical .i-splitpanel-vsplitter div { +* html .v-splitpanel-vertical .v-splitpanel-vsplitter div { margin: 0; } diff --git a/WebContent/ITMILL/themes/default/styles.css b/WebContent/ITMILL/themes/default/styles.css index 37b043834e..8b4bb28eb8 100644 --- a/WebContent/ITMILL/themes/default/styles.css +++ b/WebContent/ITMILL/themes/default/styles.css @@ -1,100 +1,100 @@ /* Automatically compiled css file from subdirectories. */ /* ./WebContent/ITMILL/themes/base/absolutelayout/absolutelayout.css */ -.i-absolutelayout-wrapper { +.v-absolutelayout-wrapper { position: absolute; overflow: hidden; } /* ./WebContent/ITMILL/themes/base/accordion/accordion.css */ -.i-accordion { +.v-accordion { position: relative; outline: none; overflow: hidden; text-align: left /* Force default alignment */ } -.i-accordion-item { +.v-accordion-item { position: relative; } -.i-accordion-item-caption { +.v-accordion-item-caption { overflow: hidden; white-space: nowrap; background: #eee; border-bottom: 1px solid #ddd; } -.i-accordion-item-caption .i-caption { +.v-accordion-item-caption .v-caption { cursor: pointer; } -.i-accordion-item-open .i-accordion-item-caption .i-caption { +.v-accordion-item-open .v-accordion-item-caption .v-caption { cursor: default; } -.i-accordion-item-content { +.v-accordion-item-content { position: absolute; overflow: auto; width: 100%; } /* ./WebContent/ITMILL/themes/base/button/button.css */ -.i-button { +.v-button { cursor: pointer; white-space: nowrap; margin: 0; } -.i-button span { +.v-button span { white-space: nowrap; } -.i-checkbox input { +.v-checkbox input { vertical-align: middle; } -.i-button img, -.i-checkbox img { +.v-button img, +.v-checkbox img { display: inline; vertical-align: middle; margin-right: 3px; } -.i-button span, -.i-checkbox label { +.v-button span, +.v-checkbox label { vertical-align: middle; } -.i-button-link { +.v-button-link { border: none; text-align: left; background: none; padding: 0; } /* Inset Safari focus outline a bit */ -.i-sa .i-button-link:focus { +.v-sa .v-button-link:focus { outline-offset: -3px; } -.i-button-link span { +.v-button-link span { text-decoration: underline; } -.i-checkbox { +.v-checkbox { white-space: nowrap; } -.i-checkbox .i-errorindicator { +.v-checkbox .v-errorindicator { float: none; display: inline; padding-left: 1em; background-position: left; } /* Fixes streched buttons in IE6 and IE7*/ -.i-ie6 .i-button { +.v-ie6 .v-button { width: 1px; } -.i-ie6 .i-button, -.i-ie7 .i-button, -.i-ie8 .i-button { +.v-ie6 .v-button, +.v-ie7 .v-button, +.v-ie8 .v-button { overflow: visible; padding-left: 1em; padding-right: 1em; } /* Error indicator on checkbox fix for IE6 */ -.i-ie6 .i-checkbox * { +.v-ie6 .v-checkbox * { float: left; display: inline; /* In effect, does nothing, since float:left forces block-rendering, but will fix "double-float-margin-bug" */ } -.i-ie6 .i-checkbox .i-errorindicator { +.v-ie6 .v-checkbox .v-errorindicator { background-position: right; display: inline; float: left; @@ -102,85 +102,85 @@ padding-right: 0.4em; } /* Error indicator on checkbox fix for IE7 */ -.i-ie7 .i-checkbox *, -.i-ie8 .i-checkbox * { +.v-ie7 .v-checkbox *, +.v-ie8 .v-checkbox * { float: left; } -.i-ie7 .i-checkbox .i-errorindicator, -.i-ie8 .i-checkbox .i-errorindicator { +.v-ie7 .v-checkbox .v-errorindicator, +.v-ie8 .v-checkbox .v-errorindicator { background-position: right; float: left; padding-left: 0; padding-right: 0.7em; } /* Error indicator on button fix for IE */ -.i-ie6 button .i-errorindicator, -.i-ie7 button .i-errorindicator, -.i-ie8 button .i-errorindicator { +.v-ie6 button .v-errorindicator, +.v-ie7 button .v-errorindicator, +.v-ie8 button .v-errorindicator { display: inline; padding-right: 0.5em; } /* Disabled by default -.i-checkbox-error { +.v-checkbox-error { background: #ffe0e0; } */ /* Disabled by default -.i-checkbox-required { +.v-checkbox-required { background: #ffe0e0; } */ /* ./WebContent/ITMILL/themes/base/caption/caption.css */ -.i-captionwrapper { +.v-captionwrapper { text-align: left; /* Force default alignment */ } -.i-caption { +.v-caption { overflow: hidden; white-space: nowrap; } -.i-errorindicator { +.v-errorindicator { float: left; } -.i-caption .i-icon { +.v-caption .v-icon { float: left; padding-right: 2px; vertical-align: middle; } -.i-caption .i-captiontext { +.v-caption .v-captiontext { float: left; overflow: hidden; vertical-align: middle; } -.i-caption .i-required-field-indicator { +.v-caption .v-required-field-indicator { float: left; } /* Fix IE6 "double-float-margin-bug" */ -.i-ie6 .i-errorindicator, -.i-ie6 .i-icon, -.i-ie6 .i-captiontext, -.i-ie6 .i-required-field-indicator { +.v-ie6 .v-errorindicator, +.v-ie6 .v-icon, +.v-ie6 .v-captiontext, +.v-ie6 .v-required-field-indicator { display: inline; } /* ./WebContent/ITMILL/themes/base/common/common.css */ /* References the BODY tag generated by Vaadin application servlet */ -.i-generated-body { +.v-generated-body { width: 100%; height: 100%; border: 0; margin: 0; overflow: hidden; } -.i-app { +.v-app { height: 100%; } -.i-app-loading { +.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 .i-app */ + /* It is applied to the same element as .v-app */ } -.i-view { +.v-view { height: 100%; width: 100%; overflow: auto; @@ -195,124 +195,124 @@ * needs application specific planning and CSS tuning. */ @media print { - .i-generated-body { + .v-generated-body { height: auto; min-height: 20cm; overflow: visible; } - .i-app { + .v-app { height: auto; min-height: 20cm; } - .i-view { + .v-view { overflow: visible; } - .i-gridlayout { + .v-gridlayout { overflow: visible !important; } } -.i-view:active, -.i-view:focus { +.v-view:active, +.v-view:focus { outline: none; } -.i-app select, -.i-window select { +.v-app select, +.v-window select { margin: 0; } -.i-disabled { +.v-disabled { opacity: .3; filter: alpha(opacity=30); cursor: default; } -.i-disabled * { +.v-disabled * { cursor: default; } -* html .i-disabled { +* html .v-disabled { zoom: 1; } -*+html .i-disabled { +*+html .v-disabled { zoom: 1; } -.i-disabled .i-disabled { +.v-disabled .v-disabled { opacity: 1; } -.i-required-field-indicator { +.v-required-field-indicator { padding-left: 2px; color: red; } -.i-form fieldset { +.v-form fieldset { border: none; padding: 0; margin: 0; } /* Field modified */ /* Disabled by default -.i-modified, -.i-richtextarea.i-modified iframe.gwt-RichTextArea, -.i-checkbox.i-modified, -.i-modified .i-select-option, -.i-modified .i-textfield, -.i-modified .i-datefield-calendarpanel, -.i-modified .i-select-select, -.i-modified .i-select-twincol-selections, -.i-modified .i-select-twincol-options, -.i-modified .i-slider-base { +.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; } */ -.i-tooltip { +.v-tooltip { cursor: default; background: #fff; } -.i-tooltip-text { +.v-tooltip-text { overflow: auto; } -.i-tooltip .i-errormessage { +.v-tooltip .v-errormessage { overflow: auto; } -.i-contextmenu { +.v-contextmenu { background: #fff; } -.i-contextmenu .gwt-MenuItem { +.v-contextmenu .gwt-MenuItem { cursor: pointer; vertical-align: middle; padding: 0; border: 0; margin: 0; } -.i-contextmenu .gwt-MenuItem div { +.v-contextmenu .gwt-MenuItem div { cursor: pointer; vertical-align: middle; white-space: nowrap; } -.i-contextmenu .gwt-MenuItem-selected div { +.v-contextmenu .gwt-MenuItem-selected div { background: #aaa; color: #fff; } -.i-contextmenu table { +.v-contextmenu table { border-collapse: collapse; margin: 0; padding: 0; } -.i-contextmenu .gwt-MenuItem img { +.v-contextmenu .gwt-MenuItem img { margin-right: 1em; vertical-align: middle; } /* Label has tiny paddings to include possible content margins */ -.i-label { +.v-label { padding-top: 1px; padding-bottom: 1px; } /* A label with undefined width is always considered to be on one line */ -.i-label-undef-w { +.v-label-undef-w { white-space: nowrap; } /* Loading indicator states * Note: client side expects that loading indicator has a height. It depends on * this css property to ensure browsers have applied all required styles. */ -.i-loading-indicator, -.i-loading-indicator-delay, -.i-loading-indicator-wait { +.v-loading-indicator, +.v-loading-indicator-delay, +.v-loading-indicator-wait { height: 16px; position: absolute; top: 0; @@ -320,589 +320,589 @@ z-index: 30000; } /* Debug dialog */ -.i-debug-console { +.v-debug-console { background: #fff; opacity: .9; border: 1px solid #000; font-family: sans-serif; } -.i-debug-console-caption { +.v-debug-console-caption { background: #000; border-bottom: 1px solid grey; color: white; font-weight: bold; } -.i-debug-console-content { +.v-debug-console-content { font-size: x-small; overflow: auto; } -.i-debug-console-content input { +.v-debug-console-content input { font-size: xx-small; } /* Debug style */ -.i-app .invalidlayout, -.i-app .invalidlayout * { +.v-app .invalidlayout, +.v-app .invalidlayout * { background: #f99 !important; } /* Fix for Liferay, issue #2384 */ -.i-app input[type="text"], -.i-app input[type="password"], -.i-app input[type="reset"], -.i-app select, -.i-app textarea { +.v-app input[type="text"], +.v-app input[type="password"], +.v-app input[type="reset"], +.v-app select, +.v-app textarea { padding: 2px; } /* ./WebContent/ITMILL/themes/base/customcomponent/customcomponent.css */ -.i-customcomponent { +.v-customcomponent { overflow: hidden; } /* ./WebContent/ITMILL/themes/base/customlayout/customlayout.css */ -.i-customlayout { +.v-customlayout { overflow: hidden; } /* ./WebContent/ITMILL/themes/base/datefield/datefield.css */ -.i-datefield { +.v-datefield { white-space: nowrap; } -.i-datefield-textfield { +.v-datefield-textfield { vertical-align: top; } -.i-datefield-button { +.v-datefield-button { cursor: pointer; } -.i-datefield-calendarpanel table { +.v-datefield-calendarpanel table { width: 100%; } -.i-datefield-calendarpanel td { +.v-datefield-calendarpanel td { width: 14.2%; padding: 0; margin: 0; } -.i-datefield-calendarpanel-header td { +.v-datefield-calendarpanel-header td { text-align: center; } -.i-datefield-calendarpanel-month { +.v-datefield-calendarpanel-month { text-align: center; white-space: nowrap; } -.i-datefield-calendarpanel-day, -.i-datefield-calendarpanel-day-today { +.v-datefield-calendarpanel-day, +.v-datefield-calendarpanel-day-today { cursor: pointer; } -.i-datefield-calendarpanel-day-today { +.v-datefield-calendarpanel-day-today { border: 1px solid #ddd; } -.i-disabled .i-datefield-calendarpanel-day, -.i-disabled .i-datefield-calendarpanel-day-today { +.v-disabled .v-datefield-calendarpanel-day, +.v-disabled .v-datefield-calendarpanel-day-today { cursor: default; } -.i-datefield-calendarpanel-day-disabled { +.v-datefield-calendarpanel-day-disabled { cursor: default; opacity: .5; } -.i-datefield-calendarpanel-day-selected { +.v-datefield-calendarpanel-day-selected { cursor: default; background: #333; color: #fff; } -.i-datefield-time { +.v-datefield-time { white-space: nowrap; } -.i-datefield-time .i-label { +.v-datefield-time .v-label { display: inline; } /* Disabled by default -.i-datefield-error .i-textfield, -.i-datefield-error .i-datefield-calendarpanel { +.v-datefield-error .v-textfield, +.v-datefield-error .v-datefield-calendarpanel { background: #ffe0e0; } */ /* Disabled by default -.i-datefield-required .i-textfield, -.i-datefield-required .i-datefield-calendarpanel { +.v-datefield-required .v-textfield, +.v-datefield-required .v-datefield-calendarpanel { background:transparent; background-color: #ffe0e0; } */ -/* IE somehow loses generic i-disabled alpha. See #1960 */ -.i-ie6 .i-disabled .i-datefield-button, -.i-ie6 .i-disabled .i-datefield-textfield, -.i-ie7 .i-disabled .i-datefield-button, -.i-ie7 .i-disabled .i-datefield-textfield { +/* IE somehow loses generic v-disabled alpha. See #1960 */ +.v-ie6 .v-disabled .v-datefield-button, +.v-ie6 .v-disabled .v-datefield-textfield, +.v-ie7 .v-disabled .v-datefield-button, +.v-ie7 .v-disabled .v-datefield-textfield { filter: alpha(opacity=30); } /* ./WebContent/ITMILL/themes/base/formlayout/formlayout.css */ -.i-formlayout-cell .i-errorindicator { +.v-formlayout-cell .v-errorindicator { display: block; } -.i-formlayout-captioncell { +.v-formlayout-captioncell { text-align:right; white-space: nowrap; } -.i-formlayout-captioncell .i-caption { +.v-formlayout-captioncell .v-caption { overflow: visible; } -.i-formlayout-spacing .i-formlayout-row .i-formlayout-captioncell, -.i-formlayout-spacing .i-formlayout-row .i-formlayout-contentcell, -.i-formlayout-spacing .i-formlayout-row .i-formlayout-errorcell { +.v-formlayout-spacing .v-formlayout-row .v-formlayout-captioncell, +.v-formlayout-spacing .v-formlayout-row .v-formlayout-contentcell, +.v-formlayout-spacing .v-formlayout-row .v-formlayout-errorcell { padding-top: 1em; } -.i-formlayout-spacing .i-formlayout-firstrow .i-formlayout-captioncell, -.i-formlayout-spacing .i-formlayout-firstrow .i-formlayout-contentcell, -.i-formlayout-spacing .i-formlayout-firstrow .i-formlayout-errorcell { +.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; } -.i-formlayout-margin-top .i-formlayout-firstrow .i-formlayout-captioncell, -.i-formlayout-margin-top .i-formlayout-firstrow .i-formlayout-contentcell, -.i-formlayout-margin-top .i-formlayout-firstrow .i-formlayout-errorcell { +.v-formlayout-margin-top .v-formlayout-firstrow .v-formlayout-captioncell, +.v-formlayout-margin-top .v-formlayout-firstrow .v-formlayout-contentcell, +.v-formlayout-margin-top .v-formlayout-firstrow .v-formlayout-errorcell { padding-top: 2em; } -.i-formlayout-margin-bottom .i-formlayout-lastrow .i-formlayout-captioncell, -.i-formlayout-margin-bottom .i-formlayout-lastrow .i-formlayout-contentcell, -.i-formlayout-margin-bottom .i-formlayout-lastrow .i-formlayout-errorcell { +.v-formlayout-margin-bottom .v-formlayout-lastrow .v-formlayout-captioncell, +.v-formlayout-margin-bottom .v-formlayout-lastrow .v-formlayout-contentcell, +.v-formlayout-margin-bottom .v-formlayout-lastrow .v-formlayout-errorcell { padding-bottom: 2em; } -.i-formlayout-margin-left .i-formlayout-captioncell { +.v-formlayout-margin-left .v-formlayout-captioncell { padding-left: 2em; } -.i-formlayout-margin-right .i-formlayout-contentcell { +.v-formlayout-margin-right .v-formlayout-contentcell { padding-right: 2em; } -.i-formlayout-captioncell .i-caption .i-required-field-indicator { +.v-formlayout-captioncell .v-caption .v-required-field-indicator { float: none; } /* ./WebContent/ITMILL/themes/base/gridlayout/gridlayout.css */ -.i-gridlayout-margin-top { +.v-gridlayout-margin-top { padding-top: 2em; } -.i-gridlayout-margin-bottom { +.v-gridlayout-margin-bottom { padding-bottom: 2em; } -.i-gridlayout-margin-left { +.v-gridlayout-margin-left { padding-left: 2em; } -.i-gridlayout-margin-right { +.v-gridlayout-margin-right { padding-right: 2em; } -.i-gridlayout-spacing-on { +.v-gridlayout-spacing-on { padding-left: 1em; padding-top: 1em; overflow: hidden; } -.i-gridlayout-spacing, -.i-gridlayout-spacing-off { +.v-gridlayout-spacing, +.v-gridlayout-spacing-off { padding-left: 0; padding-top: 0; } -.i-gridlayout-spacing-off { +.v-gridlayout-spacing-off { overflow: hidden; } /* Ensure that resizing gridlayout works in IE */ -.i-ie6 .i-gridlayout, -.i-ie7 .i-gridlayout { +.v-ie6 .v-gridlayout, +.v-ie7 .v-gridlayout { overflow: hidden; } /* ./WebContent/ITMILL/themes/base/link/link.css */ -.i-link { +.v-link { white-space: nowrap; } -.i-link a { +.v-link a { vertical-align: middle; text-decoration: none; } -.i-link span { +.v-link span { text-decoration: underline; vertical-align: middle; } -.i-disabled a { +.v-disabled a { cursor: default; } -.i-link img { +.v-link img { vertical-align: middle; border:none; } /* ./WebContent/ITMILL/themes/base/menubar/menubar.css */ -.i-menubar table { +.v-menubar table { white-space: nowrap; border-collapse: collapse; padding: 0; margin: 0; } -.i-menubar table { +.v-menubar table { white-space: nowrap; border-collapse: collapse; padding: 0; margin: 0; } -.i-menubar .menuitem { +.v-menubar .menuitem { cursor : default; } -.i-menubar-submenu { +.v-menubar-submenu { background: #fff; } -.i-menubar-submenu table { +.v-menubar-submenu table { white-space: nowrap; border-collapse: collapse; padding: 0; margin: 0; } -.i-menubar-submenu table td { +.v-menubar-submenu table td { white-space: nowrap; padding: 0; margin: 0; } -.i-menubar .menuitem-selected, -.i-menubar-submenu .menuitem-selected { +.v-menubar .menuitem-selected, +.v-menubar-submenu .menuitem-selected { background: #333; color: #fff; } -.i-menubar-submenu .menuitem { +.v-menubar-submenu .menuitem { cursor: default; } /* ./WebContent/ITMILL/themes/base/notification/notification.css */ -.i-Notification { +.v-Notification { background: #999; color: #fff; cursor: pointer; overflow: hidden; padding: 1em; } -.i-Notification h1, -.i-Notification p, -.i-Notification.error h1, -.i-Notification.error p, -.i-Notification.warning h1, -.i-Notification.warning p { +.v-Notification h1, +.v-Notification p, +.v-Notification.error h1, +.v-Notification.error p, +.v-Notification.warning h1, +.v-Notification.warning p { display: inline; white-space: nowrap; margin: 0 0.5em 0 0; } -.i-Notification.warning { +.v-Notification.warning { background: orange; } -.i-Notification.error { +.v-Notification.error { background: red; } -.i-Notification.tray h1 { +.v-Notification.tray h1 { display: block; } -.i-Notification.tray p { +.v-Notification.tray p { display: block; } -.i-Notification.system { +.v-Notification.system { background-color: red; opacity: .7; filter: alpha(opacity=70); } -.i-Notification.system h1 { +.v-Notification.system h1 { display: block; margin: 0; } -.i-Notification.system p { +.v-Notification.system p { white-space: nowrap; } /* ./WebContent/ITMILL/themes/base/orderedlayout/orderedlayout.css */ -.i-orderedlayout-margin-top, -.i-horizontallayout-margin-top, -.i-verticallayout-margin-top { +.v-orderedlayout-margin-top, +.v-horizontallayout-margin-top, +.v-verticallayout-margin-top { padding-top: 2em; } -.i-orderedlayout-margin-right, -.i-horizontallayout-margin-right, -.i-verticallayout-margin-right { +.v-orderedlayout-margin-right, +.v-horizontallayout-margin-right, +.v-verticallayout-margin-right { padding-right: 2em; } -.i-orderedlayout-margin-bottom, -.i-horizontallayout-margin-bottom, -.i-verticallayout-margin-bottom { +.v-orderedlayout-margin-bottom, +.v-horizontallayout-margin-bottom, +.v-verticallayout-margin-bottom { padding-bottom: 2em; } -.i-orderedlayout-margin-left, -.i-horizontallayout-margin-left, -.i-verticallayout-margin-left { +.v-orderedlayout-margin-left, +.v-horizontallayout-margin-left, +.v-verticallayout-margin-left { padding-left: 2em; } -.i-orderedlayout-spacing-on, -.i-horizontallayout-spacing-on, -.i-verticallayout-spacing-on { +.v-orderedlayout-spacing-on, +.v-horizontallayout-spacing-on, +.v-verticallayout-spacing-on { padding-top: 1em; padding-left: 1em; } /* This can be used to define spacing if spacing is off server side */ -.i-orderedlayout-spacing-off, -.i-horizontallayout-spacing-off, -.i-verticallayout-spacing-off { +.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 */ -.i-ie6 .i-orderedlayout, -.i-ie6 .i-horizontallayout, -.i-ie6 .i-verticallayout, -.i-ie7 .i-orderedlayout, -.i-ie7 .i-horizontallayout, -.i-ie7 .i-verticallayout { +.v-ie6 .v-orderedlayout, +.v-ie6 .v-horizontallayout, +.v-ie6 .v-verticallayout, +.v-ie7 .v-orderedlayout, +.v-ie7 .v-horizontallayout, +.v-ie7 .v-verticallayout { overflow: hidden; } /* ./WebContent/ITMILL/themes/base/panel/panel.css */ -.i-panel, -.i-panel-caption, -.i-panel-content, -.i-panel-deco, -.i-panel-light, -.i-panel-caption-light, -.i-panel-content-light, -.i-panel-deco-light { +.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 */ } -.i-panel-caption .i-errorindicator { +.v-panel-caption .v-errorindicator { float: none; display: inline; } -.i-panel-caption .i-icon { +.v-panel-caption .v-icon { display: inline; vertical-align: middle; } -.i-panel-caption span { +.v-panel-caption span { vertical-align: middle; } -.i-panel-caption { +.v-panel-caption { white-space: nowrap; overflow:hidden; font-weight: bold; } -.i-panel-nocaption { +.v-panel-nocaption { overflow: hidden; } -.i-panel-content { +.v-panel-content { overflow: auto; } -.i-panel-deco { +.v-panel-deco { } /* ./WebContent/ITMILL/themes/base/popupview/popupview.css */ -.i-popupview { +.v-popupview { cursor: pointer; width: 5px; height: 5px; background: #aaa; } -.i-popupview-popup { +.v-popupview-popup { overflow: auto; } /* ./WebContent/ITMILL/themes/base/progressindicator/progressindicator.css */ -.i-progressindicator { +.v-progressindicator { overflow: hidden; /* for IE6 */ width: 150px; } -.i-progressindicator-wrapper { +.v-progressindicator-wrapper { overflow: hidden; /* for IE6 */ height: 9px; border: 1px solid #ddd; } -.i-progressindicator-disabled { +.v-progressindicator-disabled { height: 9px; overflow: hidden; /* for IE6 */ } -.i-progressindicator-indicator { +.v-progressindicator-indicator { height: 9px; overflow: hidden; /* for IE6 */ background: #ddd; } -.i-progressindicator-indeterminate { +.v-progressindicator-indeterminate { height: 16px; width: 16px; overflow: hidden; /* for IE6 */ } /* Hide obsolete elements in indeterminate mode */ -.i-progressindicator-indeterminate .i-progressindicator-wrapper, -.i-progressindicator-indeterminate .i-progressindicator-indicator, -.i-progressindicator-indeterminate-disabled .i-progressindicator-wrapper, -.i-progressindicator-indeterminate-disabled .i-progressindicator-indicator { +.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; } -.i-progressindicator-indeterminate-disabled { +.v-progressindicator-indeterminate-disabled { height: 16px; width: 16px; overflow: hidden; /* for IE6 */ } /* ./WebContent/ITMILL/themes/base/select/select.css */ -.i-select { +.v-select { text-align: left; } -.i-select-optiongroup .i-select-option { +.v-select-optiongroup .v-select-option { display: block; white-space: nowrap; } -.i-ie .i-select-optiongroup .i-select-option { +.v-ie .v-select-optiongroup .v-select-option { zoom: 1; } -.i-select-select { +.v-select-select { display: block; } -.i-select-twincol { +.v-select-twincol { white-space: nowrap; } -.i-select-twincol-options { +.v-select-twincol-options { float: left; } -.i-select-twincol-selections { +.v-select-twincol-selections { font-weight: bold; } -.i-select-twincol-buttons { +.v-select-twincol-buttons { float: left; text-align: center; } -.i-select-twincol-buttons .i-select-twincol-deco { +.v-select-twincol-buttons .v-select-twincol-deco { clear: both; } -.i-select-twincol .i-textfield { +.v-select-twincol .v-textfield { display: block; float: left; clear: left; } -.i-select-twincol .i-button { +.v-select-twincol .v-button { display: block; float: left; } -.i-select-twincol-buttons .i-button { +.v-select-twincol-buttons .v-button { display: inline; float: none; } -.i-filterselect { +.v-filterselect { white-space: nowrap; text-align: left; } -.i-filterselect .i-icon { +.v-filterselect .v-icon { float: left; } -.i-app .i-filterselect-input, -.i-window .i-filterselect-input, -.i-popupview-popup .i-filterselect-input { +.v-app .v-filterselect-input, +.v-window .v-filterselect-input, +.v-popupview-popup .v-filterselect-input { float: left; } -.i-filterselect-prompt .i-filterselect-input { +.v-filterselect-prompt .v-filterselect-input { color: #999; font-style: italic; } -.i-filterselect-button { +.v-filterselect-button { float: right; cursor: pointer; } -.i-filterselect.i-readonly .i-filterselect-button { +.v-filterselect.v-readonly .v-filterselect-button { display: none; } -.i-filterselect-suggestpopup { +.v-filterselect-suggestpopup { background: #fff; border: 1px solid #eee; } -.i-filterselect-suggestmenu table { +.v-filterselect-suggestmenu table { border-collapse: collapse; border: none; } -.i-filterselect-suggestmenu .gwt-MenuItem { +.v-filterselect-suggestmenu .gwt-MenuItem { white-space: nowrap; } -.i-filterselect-suggestmenu .gwt-MenuItem .i-icon { +.v-filterselect-suggestmenu .gwt-MenuItem .v-icon { margin-right: 3px; vertical-align: middle; } -.i-filterselect-suggestmenu .gwt-MenuItem span { +.v-filterselect-suggestmenu .gwt-MenuItem span { vertical-align: middle; } -.i-filterselect-suggestmenu .gwt-MenuItem-selected { +.v-filterselect-suggestmenu .gwt-MenuItem-selected { background: #333; color: #fff; } -.i-filterselect-nextpage, -.i-filterselect-nextpage-off, -.i-filterselect-prevpage-off, -.i-filterselect-prevpage { +.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; } -.i-filterselect-nextpage-off, -.i-filterselect-prevpage-off { +.v-filterselect-nextpage-off, +.v-filterselect-prevpage-off { color: #666; opacity: .5; filter: alpha(opacity=50); cursor: default; } -.i-filterselect-nextpage-off span, -.i-filterselect-prevpage-off span { +.v-filterselect-nextpage-off span, +.v-filterselect-prevpage-off span { cursor: default; } -.i-filterselect-status { +.v-filterselect-status { white-space: nowrap; text-align: center; } /* Error styles (disabled by default) -.i-filterselect-error .i-filterselect-input, -.i-select-error .i-select-option, -.i-select-error .i-select-select, -.i-select-error .i-select-twincol-selections, -.i-select-error .i-select-twincol-options { +.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) -.i-filterselect-error .i-filterselect-input, -.i-select-required .i-select-option, -.i-select-required .i-select-select, -.i-select-required .i-select-twincol-selections, -.i-select-required .i-select-twincol-options { +.v-filterselect-error .v-filterselect-input, +.v-select-required .v-select-option, +.v-select-required .v-select-select, +.v-select-required .v-select-twincol-selections, +.v-select-required .v-select-twincol-options { background: #ffaaaa; } */ /* ./WebContent/ITMILL/themes/base/shadow/shadow.css */ -.i-shadow { +.v-shadow { position: absolute; } -.i-shadow .top-left { +.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); } -.i-shadow .top { +.v-shadow .top { position: absolute; overflow: hidden; top: -3px; left: 5px; height: 10px; right: 5px; background: transparent url(../base/shadow/img/top.png); } -.i-shadow .top-right { +.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); } -.i-shadow .left { +.v-shadow .left { position: absolute; overflow: hidden; top: 7px; left: -5px; width: 10px; @@ -910,14 +910,14 @@ background: transparent url(../base/shadow/img/left.png); } -.i-shadow .center { +.v-shadow .center { position: absolute; overflow: hidden; top: 7px; left: 5px; bottom: 3px; right: 5px; background: transparent url(../base/shadow/img/center.png); } -.i-shadow .right { +.v-shadow .right { position: absolute; overflow: hidden; top: 7px; right: -5px; width: 10px; @@ -925,21 +925,21 @@ background: transparent url(../base/shadow/img/right.png); } -.i-shadow .bottom-left { +.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); } -.i-shadow .bottom { +.v-shadow .bottom { position: absolute; overflow: hidden; bottom: -7px; left: 5px; right: 5px; height: 10px; background: transparent url(../base/shadow/img/bottom.png); } -.i-shadow .bottom-right { +.v-shadow .bottom-right { position: absolute; overflow: hidden; bottom: -7px; right: -5px; width: 10px; height: 10px; @@ -952,11 +952,11 @@ /* For IE6 (no transparent png's, we use a blur filter) */ -.i-ie6 .i-shadow * { +.v-ie6 .v-shadow * { display: none; } -.i-ie6 .i-shadow { +.v-ie6 .v-shadow { background: #000; filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=2) alpha(opacity=20); margin-top: -3px; @@ -964,10 +964,10 @@ } /* ./WebContent/ITMILL/themes/base/slider/slider.css */ -.i-slider { +.v-slider { margin: 5px 0; } -.i-slider-base { +.v-slider-base { /* changing the borders will require adjustments to ISlider.java */ height: 2px; border-top: 1px solid #ddd; @@ -976,7 +976,7 @@ border-right: 1px solid #eee; } -.i-slider-handle { +.v-slider-handle { background: #aaa; width: 12px; height: 12px; @@ -985,7 +985,7 @@ cursor: pointer; } -.i-slider-vertical { +.v-slider-vertical { width: 2px; height: auto; margin: 0 5px; @@ -993,12 +993,12 @@ border-left: 1px solid #cccfd0; border-right: 1px solid #cccfd0; } -.i-slider-vertical .i-slider-base { +.v-slider-vertical .v-slider-base { width: 2px; border-bottom: 1px solid #eee; border-right: none; } -.i-slider-vertical .i-slider-handle { +.v-slider-vertical .v-slider-handle { width: 12px; height: 12px; font-size: 0; @@ -1007,38 +1007,38 @@ } /* Disabled by default -.i-slider-error .i-slider-base { +.v-slider-error .v-slider-base { background: #FFE0E0; } */ /* Disabled by default -.i-slider-required .i-slider-base { +.v-slider-required .v-slider-base { background: #FFE0E0; } */ /* IE specific styles */ -.i-ie6 .i-slider, -.i-ie6 .i-slider-vertical { +.v-ie6 .v-slider, +.v-ie6 .v-slider-vertical { margin: 0; } -.i-ie6 .i-slider .i-slider-handle { +.v-ie6 .v-slider .v-slider-handle { margin: -1px 0; } -.i-ie6 .i-slider-vertical .i-slider-handle { +.v-ie6 .v-slider-vertical .v-slider-handle { margin: 0 -1px; } /* ./WebContent/ITMILL/themes/base/splitpanel/splitpanel.css */ -.i-splitpanel-horizontal, -.i-splitpanel-vertical { +.v-splitpanel-horizontal, +.v-splitpanel-vertical { overflow: hidden; } -.i-splitpanel-horizontal .i-splitpanel-hsplitter { +.v-splitpanel-horizontal .v-splitpanel-hsplitter { width: 6px; font-size: 1px; /* for IE6 */ } -.i-splitpanel-horizontal .i-splitpanel-hsplitter div { +.v-splitpanel-horizontal .v-splitpanel-hsplitter div { width: 6px; font-size: 1px; /* for IE6 */ position: absolute; @@ -1047,18 +1047,18 @@ background: #ddd; cursor: e-resize; } -.i-splitpanel-vertical .i-splitpanel-vsplitter { +.v-splitpanel-vertical .v-splitpanel-vsplitter { height: 6px; font-size: 1px; /* for IE6 */ } -.i-splitpanel-vertical .i-splitpanel-vsplitter div { +.v-splitpanel-vertical .v-splitpanel-vsplitter div { height: 6px; font-size: 1px; /* for IE6 */ background: #ddd; cursor: n-resize; } /* IE specific styles */ -.i-ie6 .i-splitpanel-horizontal .i-splitpanel-hsplitter div { +.v-ie6 .v-splitpanel-horizontal .v-splitpanel-hsplitter div { height: 99%; } @@ -1071,48 +1071,48 @@ * these instructions. * * Borders in table header and in table body need to be same width - * - specify vertical borders on .i-table-header-wrap and .i-table-body + * - 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: .i-table-cell-content) + * - 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: .i-table-cell-wrapper) element + * - 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 .i-table-resizer and - * .i-table-caption-container div elements, which are both floated to right - * - to align header caption to body content resizer width + .i-table-caption-container + * - 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. * */ -.i-table { +.v-table { overflow: hidden; text-align: left; /* Force default alignment */ } -.i-table-header-wrap { +.v-table-header-wrap { overflow: hidden; border: 1px solid #aaa; border-bottom: none; background: #efefef; } -.i-table-header table, -.i-table-table { +.v-table-header table, +.v-table-table { border-spacing: 0; margin: 0; padding: 0; border: 0; } -.i-table-header td { +.v-table-header td { padding: 0; } -.i-table-header-cell, -.i-table-header-cell-asc, -.i-table-header-cell-desc { +.v-table-header-cell, +.v-table-header-cell-asc, +.v-table-header-cell-desc { cursor: pointer; } -.i-table-resizer { +.v-table-resizer { display: block; height: 1.2em; float: right; @@ -1121,48 +1121,48 @@ width: 1px; overflow: hidden; } -.i-table-caption-container { +.v-table-caption-container { float: right; overflow: hidden; white-space: nowrap; padding-right: 6px; } -.i-table-header-cell-asc .i-table-caption-container { +.v-table-header-cell-asc .v-table-caption-container { background: transparent url(../base/common/img/sprites.png) no-repeat right 6px; } -.i-table-header-cell-desc .i-table-caption-container { +.v-table-header-cell-desc .v-table-caption-container { background: transparent url(../base/common/img/sprites.png) no-repeat right -10px; } -.i-table-body { +.v-table-body { border: 1px solid #aaa; } -.i-table-row-spacer { +.v-table-row-spacer { height: 10px; overflow: hidden; /* IE hack to allow < one line height divs */ } -.i-table-row, -.i-table-row-odd { +.v-table-row, +.v-table-row-odd { border: 0; margin: 0; padding: 0; cursor: default; } -.i-table .i-selected { +.v-table .v-selected { background: #999; color: #fff; } -.i-table-cell-content { +.v-table-cell-content { white-space: nowrap; overflow: hidden; padding: 0 6px; border-right: 1px solid #aaa; } -.i-table-cell-wrapper { +.v-table-cell-wrapper { /* Do not specify any margins, paddings or borders here */ white-space: nowrap; overflow: hidden; } -.i-table-column-selector { +.v-table-column-selector { float: right; background: transparent url(../base/common/img/sprites.png) no-repeat 4px -37px; margin: -1.2em 0 0 0; @@ -1171,19 +1171,19 @@ position: relative; /* hide this from IE, it works without it */ cursor: pointer; } -.i-ie6 .i-table-column-selector, -.i-ie7 .i-table-column-selector { +.v-ie6 .v-table-column-selector, +.v-ie7 .v-table-column-selector { position: static; } -.i-table-focus-slot-left { +.v-table-focus-slot-left { border-left: 2px solid #999; margin-right: -2px; } -.i-table-focus-slot-right { +.v-table-focus-slot-right { border-right: 2px solid #999; margin-left: -2px; } -.i-table-header-drag { +.v-table-header-drag { position: absolute; background: #efefef; border: 1px solid #eee; @@ -1192,31 +1192,31 @@ margin-top: 20px; z-index: 30000; } -.i-table-scrollposition { +.v-table-scrollposition { width: 160px; background: #eee; border: 1px solid #aaa; } -.i-table-scrollposition span { +.v-table-scrollposition span { display: block; text-align: center; } /* row in column selector */ -.i-on div { +.v-on div { } -.i-off div { +.v-off div { color: #ddd; } /* ./WebContent/ITMILL/themes/base/tabsheet/tabsheet.css */ -.i-tabsheet, -.i-tabsheet-content, -.i-tabsheet-deco { +.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 */ } -.i-tabsheet-tabs { +.v-tabsheet-tabs { empty-cells: hide; border-collapse: collapse; margin: 0; @@ -1225,166 +1225,166 @@ width: 100%; overflow:hidden; } -.i-tabsheet-tabitemcell, -.i-tabsheet-spacertd { +.v-tabsheet-tabitemcell, +.v-tabsheet-spacertd { margin: 0; padding: 0; vertical-align: bottom; } -.i-tabsheet-spacertd { +.v-tabsheet-spacertd { width: 100%; } -.i-tabsheet-spacertd div { +.v-tabsheet-spacertd div { border-left: 1px solid #aaa; border-bottom: 1px solid #aaa; height: 1em; padding: 0.2em 0; } -.i-tabsheet-hidetabs .i-tabsheet-tabcontainer { +.v-tabsheet-hidetabs .v-tabsheet-tabcontainer { display: none; } -.i-tabsheet-scroller { +.v-tabsheet-scroller { white-space: nowrap; text-align: right; margin-top: -1em; } -.i-tabsheet-scrollerPrev, -.i-tabsheet-scrollerNext, -.i-tabsheet-scrollerPrev-disabled, -.i-tabsheet-scrollerNext-disabled { +.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; } -.i-tabsheet-scrollerPrev-disabled, -.i-tabsheet-scrollerNext-disabled { +.v-tabsheet-scrollerPrev-disabled, +.v-tabsheet-scrollerNext-disabled { opacity: 0.5; cursor: default; } -.i-tabsheet-tabs .i-caption, -.i-tabsheet-tabs .i-caption span { +.v-tabsheet-tabs .v-caption, +.v-tabsheet-tabs .v-caption span { white-space: nowrap; } -.i-tabsheet-tabitem { +.v-tabsheet-tabitem { border: 1px solid #aaa; border-right: none; cursor: pointer; padding: 0.2em 0.5em; } -.i-tabsheet-tabitem-selected { +.v-tabsheet-tabitem-selected { cursor: default; border-bottom-color: #fff; } -.i-tabsheet-content { +.v-tabsheet-content { border: 1px solid #aaa; - /* Vertical borders are not supported, use i-tabsheet-tabcontainer and i-tabsheet-deco to present these borders */ + /* 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; } -.i-tabsheet-deco { +.v-tabsheet-deco { height: 1px; background: #aaa; overflow: hidden; } -.i-tabsheet-hidetabs .i-tabsheet-content { +.v-tabsheet-hidetabs .v-tabsheet-content { border: none; } -.i-tabsheet-hidetabs .i-tabsheet-deco { +.v-tabsheet-hidetabs .v-tabsheet-deco { height: 0; } /* ./WebContent/ITMILL/themes/base/textfield/textfield.css */ -.i-textfield { +.v-textfield { text-align: left /* Force default alignment */ } -.i-textarea { +.v-textarea { } -.i-textfield-focus, -.i-textarea-focus { +.v-textfield-focus, +.v-textarea-focus { } -input.i-textfield-prompt, -textarea.i-textarea-prompt { +input.v-textfield-prompt, +textarea.v-textarea-prompt { color: #999; font-style: italic; } -.i-textfield.i-readonly, -.i-textarea.i-readonly { +.v-textfield.v-readonly, +.v-textarea.v-readonly { background: transparent; color: #222; border: none; } -.i-richtextarea { +.v-richtextarea { border: 1px solid #aaa; overflow: hidden; } -.i-richtextarea .gwt-RichTextToolbar .gwt-ToggleButton, -.i-richtextarea .gwt-RichTextToolbar .gwt-PushButton { +.v-richtextarea .gwt-RichTextToolbar .gwt-ToggleButton, +.v-richtextarea .gwt-RichTextToolbar .gwt-PushButton { float: left; } -.i-richtextarea .gwt-RichTextToolbar { +.v-richtextarea .gwt-RichTextToolbar { white-space: nowrap; } -.i-richtextarea iframe { +.v-richtextarea iframe { border: 0; } /* Disabled by default -.i-textarea-error, -.i-textfield-error, -.i-richtextarea-error iframe.gwt-RichTextArea { +.v-textarea-error, +.v-textfield-error, +.v-richtextarea-error iframe.gwt-RichTextArea { background: #FFE0E0; } */ /* Disabled by default -.i-textarea-required, -.i-textfield-required, -.i-richtextarea-required iframe.gwt-RichTextArea { +.v-textarea-required, +.v-textfield-required, +.v-richtextarea-required iframe.gwt-RichTextArea { background: #FFE0E0; } */ /* Safari focus glow fix */ -.i-sa input:focus, -.i-sa textarea:focus { +.v-sa input:focus, +.v-sa textarea:focus { outline-width: medium; } /* ./WebContent/ITMILL/themes/base/tree/tree.css */ -.i-tree { +.v-tree { text-align: left /* Force default alignment */ } -.i-tree-node { +.v-tree-node { background: transparent url(../base/common/img/sprites.png) no-repeat 5px -37px; } -.i-tree-node-expanded { +.v-tree-node-expanded { background-position: -5px -10px; } -div.i-tree-node-leaf { +div.v-tree-node-leaf { background: none; } -.i-tree-node-caption { +.v-tree-node-caption { margin-left: 1em; } -.i-tree-node span { +.v-tree-node span { cursor: pointer; white-space: nowrap; } -.i-tree-node-selected span { +.v-tree-node-selected span { background: #999; color: #fff; } -.i-tree-node-children { +.v-tree-node-children { padding-left: 1em; } /* ie6compatnode is hidden from non ie6 browsers, for ie6 * uses weird hack to sink all events properly */ -.i-tree-node-ie6compatnode { +.v-tree-node-ie6compatnode { display: none; } -/* IMPORTANT keep the offsetWidth of this element the same as the margin-left of i-tree-node-caption */ -.i-ie6 .i-tree-node-ie6compatnode { +/* 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; @@ -1394,50 +1394,50 @@ div.i-tree-node-leaf { padding: 0.1em; filter: alpha(opacity=0); } -.i-ie6 .i-tree-node, -.i-ie6 .i-tree-node-children { +.v-ie6 .v-tree-node, +.v-ie6 .v-tree-node-children { clear: left; } /* ./WebContent/ITMILL/themes/base/window/window.css */ -.i-window { +.v-window { background: #fff; } -.i-window-outerheader { +.v-window-outerheader { cursor: move; padding: 0.3em 1em; height: 1em; } -.i-window-header { +.v-window-header { font-weight: bold; } /* A more specific selector to make sure padding isn't so easily overridden */ -div.i-window-header { +div.v-window-header { white-space: nowrap; text-overflow: ellipsis; -ms-text-overflow: ellipsis; overflow: hidden; padding: 0; } -.i-ie6 .i-window-header { +.v-ie6 .v-window-header { width: 100%; } -.i-window-header .i-icon { +.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) */ -.i-window-contents, x:-moz-any-link { +.v-window-contents, x:-moz-any-link { overflow: hidden; } /* Target Firefox 3 (it doesn't need any trickery, so revert the previous) */ -.i-window-contents, x:-moz-any-link, x:default { +.v-window-contents, x:-moz-any-link, x:default { overflow: visible; } -.i-window-footer { +.v-window-footer { overflow: hidden; } -.i-window-resizebox { +.v-window-resizebox { display: inline; /* fix IE6 double float margin bug */ float: right; width: 10px; @@ -1446,11 +1446,11 @@ div.i-window-header { background: #ddd; overflow: hidden; } -.i-window-resizebox-disabled { +.v-window-resizebox-disabled { cursor: default; display: none; } -.i-window-closebox { +.v-window-closebox { position: absolute; top: 0; right: 0; @@ -1460,7 +1460,7 @@ div.i-window-header { cursor: pointer; overflow: hidden; } -.i-window-modalitycurtain { +.v-window-modalitycurtain { top: 0; left: 0; background: #999; @@ -1471,80 +1471,80 @@ div.i-window-header { filter: alpha(opacity=50); } /* IE6 workaround for position:fixed; */ -.i-ie6 .i-window-modalitycurtain { +.v-ie6 .v-window-modalitycurtain { position: absolute; top: expression(document.documentElement.scrollTop + "px"); } /* min-width for IE6 */ -.i-ie6 .i-window { +.v-ie6 .v-window { width: 0; /* */ } /* Shadow for window */ -.i-shadow-window { +.v-shadow-window { position: absolute; } -.i-shadow-window .top-left { +.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); } -.i-shadow-window .top { +.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); } -.i-shadow-window .top-right { +.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); } -.i-shadow-window .left { +.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); } -.i-shadow-window .center { +.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); } -.i-shadow-window .right { +.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); } -.i-shadow-window .bottom-left { +.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); } -.i-shadow-window .bottom { +.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); } -.i-shadow-window .bottom-right { +.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) */ -.i-ie6 .i-shadow-window * { +.v-ie6 .v-shadow-window * { display: none; } -.i-ie6 .i-shadow-window { +.v-ie6 .v-shadow-window { background: #000; filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=5) alpha(opacity=20); margin-top: 2px; @@ -1553,26 +1553,26 @@ div.i-window-header { /* Automatically compiled css file from subdirectories. */ /* ./WebContent/ITMILL/themes/default/absolutelayout/absolutelayout.css */ -.i-absolutelayout-wrapper { +.v-absolutelayout-wrapper { position: absolute; overflow:hidden; } /* ./WebContent/ITMILL/themes/default/accordion/accordion.css */ -.i-accordion-item { +.v-accordion-item { background-color: #fff; } -.i-accordion-item-caption { +.v-accordion-item-caption { height: 31px; background: #edf0f0 url(tabsheet/img/tab-bg.png); font-size: 15px; color: #656d73; border-top: 1px solid #c8cccd; } -.i-accordion-item-caption .i-caption { +.v-accordion-item-caption .v-caption { padding: 7px 0 6px 18px; } -.i-accordion-item-open .i-accordion-item-caption { +.v-accordion-item-open .v-accordion-item-caption { color: #3b4b57; background: #d5dee2 url(accordion/img/selected-bg.png); border-top-color: #cbd7de; @@ -1582,86 +1582,86 @@ div.i-window-header { } /* ./WebContent/ITMILL/themes/default/button/button.css */ -.i-button { +.v-button { font-size: 13px; } -.i-checkbox .i-errorindicator { +.v-checkbox .v-errorindicator { padding-left: 10px; } -.i-ie6 .i-button, -.i-ie7 .i-button { +.v-ie6 .v-button, +.v-ie7 .v-button { padding-left: 10px; padding-right: 10px; } -.i-ie6 .i-checkbox .i-errorindicator { +.v-ie6 .v-checkbox .v-errorindicator { padding-right: 4px; } -.i-ie7 .i-checkbox .i-errorindicator { +.v-ie7 .v-checkbox .v-errorindicator { padding-right: 7px; } -.i-ie6 .i-button .i-errorindicator, -.i-ie7 .i-button .i-errorindicator { +.v-ie6 .v-button .v-errorindicator, +.v-ie7 .v-button .v-errorindicator { padding-right: 5px; } /* ./WebContent/ITMILL/themes/default/caption/caption.css */ -.i-captionwrapper { +.v-captionwrapper { margin: 0.3em 0 0 0; } -.i-errorindicator { +.v-errorindicator { width: 12px; height: 16px; background: transparent url(icons/16/error.png) no-repeat top right; } -.i-ie6 .i-errorindicator { +.v-ie6 .v-errorindicator { /* gif for transparency */ background-image: url(icons/16/error.gif); } -.i-ie7 .i-errorindicator { +.v-ie7 .v-errorindicator { margin-left: -3px; } /* ./WebContent/ITMILL/themes/default/common/common.css */ -.i-generated-body { +.v-generated-body { background: #e9eced; } -.i-app { +.v-app { background: #e9eced; font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif; color: #464f52; font-size: 13px; line-height: 18px; } -.i-app-loading { +.v-app-loading { background-image: url(common/img/loading-indicator.gif); background-repeat: no-repeat; background-position: 50%; } /* Global font styles */ -.i-window, -.i-popupview-popup, -.i-app input, -.i-app select, -.i-app button, -.i-app textarea, -.i-window input, -.i-window select, -.i-window button, -.i-window textarea, -.i-popupview-popup input, -.i-popupview-popup select, -.i-popupview-popup button, -.i-popupview-popup textarea { +.v-window, +.v-popupview-popup, +.v-app input, +.v-app select, +.v-app button, +.v-app textarea, +.v-window input, +.v-window select, +.v-window button, +.v-window textarea, +.v-popupview-popup input, +.v-popupview-popup select, +.v-popupview-popup button, +.v-popupview-popup textarea { font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif; color: #464f52; font-size: 13px; } -.i-app select, -.i-window select { +.v-app select, +.v-window select { padding: 0; } /* Custom tooltip */ -.i-tooltip { +.v-tooltip { background-color: #fffcdd; border: 1px solid #b8b295; border-top-color: #d5d2c1; @@ -1671,13 +1671,13 @@ div.i-window-header { font-family: arial, helvetica, tahoma, verdana, sans-serif; color: #5d5444; } -.i-tooltip-text { +.v-tooltip-text { padding: 2px 4px; border: none; border-top: 1px solid #fffef5; border-bottom: 1px solid #fbf8d9; } -.i-tooltip .i-errormessage { +.v-tooltip .v-errormessage { padding: 3px 4px 3px 4px; background: #ffecc6; color: #b74100; @@ -1685,18 +1685,18 @@ div.i-window-header { border-top: 1px solid #fff3dc; border-bottom: 1px solid #ead7b1; } -.i-tooltip .i-errormessage h2 { +.v-tooltip .v-errormessage h2 { font-size: 16px; font-weight: normal; color: #ab3101; margin: 2px 0 8px 0; } -.i-tooltip .i-errormessage h3 { +.v-tooltip .v-errormessage h3 { font-size: 13px; font-weight: bold; margin: 1px 0 4px 0; } -.i-contextmenu { +.v-contextmenu { background: #e9eced url(tabsheet/img/tab-bg.png); font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif; background-color: #f6f7f7; @@ -1704,43 +1704,43 @@ div.i-window-header { font-size: 12px; line-height: 14px; } -.i-contextmenu .gwt-MenuBar { +.v-contextmenu .gwt-MenuBar { border-right: 1px solid #c6cbcc; border-bottom: 1px solid #c6cbcc; border-top: 1px solid #d0d4d5; border-left: 1px solid #d0d4d5; } -.i-contextmenu .gwt-MenuItem { +.v-contextmenu .gwt-MenuItem { padding: 2px 0; } -.i-contextmenu .gwt-MenuItem div { +.v-contextmenu .gwt-MenuItem div { padding: 1px 20px 1px 8px; } -.i-contextmenu .gwt-MenuItem-selected div { +.v-contextmenu .gwt-MenuItem-selected div { color: #fff; background: #5daee8; } -.i-contextmenu .gwt-MenuItem img { +.v-contextmenu .gwt-MenuItem img { margin-right: 10px; } -.i-loading-indicator, -.i-loading-indicator-delay, -.i-loading-indicator-wait { +.v-loading-indicator, +.v-loading-indicator-delay, +.v-loading-indicator-wait { width: 31px; height: 31px; background: transparent url(common/img/loading-indicator.gif); margin-right: 5px; margin-top: 5px; } -.i-loading-indicator-delay { +.v-loading-indicator-delay { background-image: url(common/img/loading-indicator-delay.gif); } -.i-loading-indicator-wait { +.v-loading-indicator-wait { background-image: url(common/img/loading-indicator-wait.gif); } /* ./WebContent/ITMILL/themes/default/datefield/datefield.css */ -.i-datefield-button { +.v-datefield-button { font-size:13px; width: 22px; height: 24px; @@ -1750,7 +1750,7 @@ div.i-window-header { background: transparent url(datefield/img/open-button.png) no-repeat right 0; vertical-align: top; } -.i-datefield-popup { +.v-datefield-popup { font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif; color: #464f52; font-size: 12px; @@ -1758,37 +1758,37 @@ div.i-window-header { border: 1px solid #b6bbbc; padding: 6px; } -.i-datefield-calendarpanel { +.v-datefield-calendarpanel { width: 19em; font-size: 12px; } -.i-datefield-popup .i-datefield-calendarpanel { +.v-datefield-popup .v-datefield-calendarpanel { width: 16em; } -.i-datefield-calendarpanel td { +.v-datefield-calendarpanel td { text-align: right; } -.i-datefield-calendarpanel td span { +.v-datefield-calendarpanel td span { display: block; } -.i-datefield-calendarpanel-header { +.v-datefield-calendarpanel-header { height: 30px; } -.i-datefield-calendarpanel-header, -.i-datefield-calendarpanel strong { +.v-datefield-calendarpanel-header, +.v-datefield-calendarpanel strong { font-size: 13px; } -.i-datefield-popup .i-datefield-calendarpanel-header, -.i-datefield-popup .i-datefield-calendarpanel strong { +.v-datefield-popup .v-datefield-calendarpanel-header, +.v-datefield-popup .v-datefield-calendarpanel strong { font-size: 12px; } -.i-datefield-calendarpanel-month { +.v-datefield-calendarpanel-month { font-weight: bold; text-shadow: #ffffff 2px 2px 0; } /* Year buttons */ -.i-datefield-calendarpanel .i-button-prevyear, -.i-datefield-calendarpanel .i-button-nextyear { +.v-datefield-calendarpanel .v-button-prevyear, +.v-datefield-calendarpanel .v-button-nextyear { display: block; width: 16px; height: 16px; @@ -1798,16 +1798,16 @@ div.i-window-header { text-indent: -90000px; margin: 0 auto; } -.i-datefield-calendarpanel .i-button-nextyear { +.v-datefield-calendarpanel .v-button-nextyear { background: transparent url(datefield/img/nextyear.png) no-repeat; } -.i-datefield-calendarpanel .i-button-prevyear:hover, -.i-datefield-calendarpanel .i-button-nextyear:hover { +.v-datefield-calendarpanel .v-button-prevyear:hover, +.v-datefield-calendarpanel .v-button-nextyear:hover { background-position: left bottom; } /* Month buttons */ -.i-datefield-calendarpanel .i-button-prevmonth, -.i-datefield-calendarpanel .i-button-nextmonth { +.v-datefield-calendarpanel .v-button-prevmonth, +.v-datefield-calendarpanel .v-button-nextmonth { display: block; width: 11px; height: 16px; @@ -1817,40 +1817,40 @@ div.i-window-header { text-indent: -90000px; margin: 0 auto; } -.i-datefield-calendarpanel .i-button-nextmonth { +.v-datefield-calendarpanel .v-button-nextmonth { background: transparent url(datefield/img/nextmonth.png) no-repeat; } -.i-datefield-calendarpanel .i-button-prevmonth:hover, -.i-datefield-calendarpanel .i-button-nextmonth:hover { +.v-datefield-calendarpanel .v-button-prevmonth:hover, +.v-datefield-calendarpanel .v-button-nextmonth:hover { background-position: left bottom; } -.i-datefield-calendarpanel strong { +.v-datefield-calendarpanel strong { color: #ee5311; display: block; width: 20px; } -.i-datefield-calendarpanel-day, -.i-datefield-calendarpanel-day-today { +.v-datefield-calendarpanel-day, +.v-datefield-calendarpanel-day-today { padding: 1px 3px; width: 14px; height: 16px; } -.i-datefield-calendarpanel-day-today { +.v-datefield-calendarpanel-day-today { border: 1px solid #429ce9; width: 12px; height: 14px } -.i-datefield-calendarpanel-day-entry { +.v-datefield-calendarpanel-day-entry { color: #6a98b5; } -.i-datefield-calendarpanel-day-disabled { +.v-datefield-calendarpanel-day-disabled { font-weight: normal; color: #dddddd; } -.i-datefield-calendarpanel-day-entry.i-datefield-calendarpanel-day-disabled { +.v-datefield-calendarpanel-day-entry.v-datefield-calendarpanel-day-disabled { color: #afd6f8; } -.i-datefield-calendarpanel-day-selected { +.v-datefield-calendarpanel-day-selected { font-weight: bold; width: 14px; height: 16px; @@ -1859,119 +1859,119 @@ div.i-window-header { background: transparent url(datefield/img/selected-bg.png) no-repeat 50% 50%; border: none; } -.i-datefield-time { +.v-datefield-time { font-size: 11px; } -.i-datefield-time .i-select { +.v-datefield-time .v-select { font-size: 10px; padding: 0; margin: 0; } -.i-datefield-rendererror .i-textfield { +.v-datefield-rendererror .v-textfield { background: #ff9999; } /* IE specific styles */ -.i-ie7 .i-datefield-button { +.v-ie7 .v-datefield-button { background-position: right 1px; height: 25px; margin: 0; } /* ./WebContent/ITMILL/themes/default/formlayout/formlayout.css */ -.i-formlayout-cell .i-errorindicator { +.v-formlayout-cell .v-errorindicator { width: 10px; height: 16px; background: transparent url(icons/16/error.png) no-repeat top right; } -.i-formlayout-captioncell { +.v-formlayout-captioncell { text-align:right; white-space: nowrap; } -.i-formlayout-error-indicator { +.v-formlayout-error-indicator { /* fix width so layout is not jumpy when error disapear */ width: 12px; } -.i-formlayout-spacing .i-formlayout-row .i-formlayout-captioncell, -.i-formlayout-spacing .i-formlayout-row .i-formlayout-contentcell, -.i-formlayout-spacing .i-formlayout-row .i-formlayout-errorcell { +.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; } -.i-formlayout-margin-top .i-formlayout-firstrow .i-formlayout-captioncell, -.i-formlayout-margin-top .i-formlayout-firstrow .i-formlayout-contentcell, -.i-formlayout-margin-top .i-formlayout-firstrow .i-formlayout-errorcell { +.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; } -.i-formlayout-margin-bottom .i-formlayout-lastrow .i-formlayout-captioncell, -.i-formlayout-margin-bottom .i-formlayout-lastrow .i-formlayout-contentcell, -.i-formlayout-margin-bottom .i-formlayout-lastrow .i-formlayout-errorcell { +.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; } -.i-formlayout-margin-left .i-formlayout-captioncell { +.v-formlayout-margin-left .v-formlayout-captioncell { padding-left: 18px; } -.i-formlayout-margin-right .i-formlayout-contentcell { +.v-formlayout-margin-right .v-formlayout-contentcell { padding-right: 18px; } /* form */ -.i-form-errormessage { +.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; } -.i-ie6 .i-form-errormessage { +.v-ie6 .v-form-errormessage { height: 20px } -.i-form fieldset { +.v-form fieldset { border: none; border-top: 1px solid #babfc0; } -.i-form legend { +.v-form legend { margin: 0; padding: 0 4px 0.3em 4px; font-weight: bold; } /* ./WebContent/ITMILL/themes/default/gridlayout/gridlayout.css */ -.i-gridlayout-margin-top { +.v-gridlayout-margin-top { padding-top: 15px; } -.i-gridlayout-margin-bottom { +.v-gridlayout-margin-bottom { padding-bottom: 15px; } -.i-gridlayout-margin-left { +.v-gridlayout-margin-left { padding-left: 18px; } -.i-gridlayout-margin-right { +.v-gridlayout-margin-right { padding-right: 18px; } -.i-gridlayout-spacing-on { +.v-gridlayout-spacing-on { padding-left: 8px; padding-top: 8px; } /* ./WebContent/ITMILL/themes/default/link/link.css */ -.i-link a { +.v-link a { color: #464f52; } /* ./WebContent/ITMILL/themes/default/menubar/menubar.css */ -.i-menubar { +.v-menubar { color: #464f52; border: 1px solid #c6cbcc; border-right: none; } -.i-menubar .menuitem { +.v-menubar .menuitem { padding: 0 10px; margin: 0 10px; border-right: 1px solid #c6cbcc; } -.i-menubar .menuitem-selected { +.v-menubar .menuitem-selected { color: #fff; background: #5daee8; } -.i-menubar-submenu { +.v-menubar-submenu { background: #e9eced url(tabsheet/img/tab-bg.png); font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif; color: #464f52; @@ -1982,16 +1982,16 @@ div.i-window-header { border-top: 1px solid #d0d4d5; border-left: 1px solid #d0d4d5; } -.i-menubar-submenu .menuitem { +.v-menubar-submenu .menuitem { padding: 2px 10px; } -.i-menubar-submenu .menuitem-selected { +.v-menubar-submenu .menuitem-selected { color: #fff; background: #5daee8; } /* ./WebContent/ITMILL/themes/default/notification/notification.css */ -.i-Notification { +.v-Notification { font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif; background-color: #818e92; color: #ffffff; @@ -2002,18 +2002,18 @@ div.i-window-header { border-radius: 3px; overflow: hidden; } -.i-Notification h1, -.i-Notification p, -.i-Notification.error h1, -.i-Notification.error p, -.i-Notification.warning h1, -.i-Notification.warning p { +.v-Notification h1, +.v-Notification p, +.v-Notification.error h1, +.v-Notification.error p, +.v-Notification.warning h1, +.v-Notification.warning p { display: inline; font-weight: normal; white-space: nowrap; margin: 0 10px 0 0; } -.i-Notification.warning { +.v-Notification.warning { background: #fff1e4; color: #dd3400; border: 2px solid #ffaa90; @@ -2022,7 +2022,7 @@ div.i-window-header { border-radius: 5px; opacity: 1; } -.i-Notification.error { +.v-Notification.error { background: #f23d00 url(notification/img/close-error.png) no-repeat right 5px; padding-right: 30px; border: 3px solid #c30000; @@ -2030,12 +2030,12 @@ div.i-window-header { -webkit-border-radius: 6px; border-radius: 6px; } -.i-Notification.tray { +.v-Notification.tray { background: #575e60; padding: 0.5em; margin: 0 5px 5px 0; } -.i-Notification.tray h1 { +.v-Notification.tray h1 { display: block; font-weight: bold; font-size: 0.9em; @@ -2047,65 +2047,65 @@ div.i-window-header { -webkit-border-radius: 3px; border-radius: 3px; } -.i-Notification.tray p { +.v-Notification.tray p { display: block; font-size: 0.9em; line-height: 1.1; margin: 8px 10px 5px 10px; color: #e4e7ea; } -.i-Notification.system { +.v-Notification.system { background-color: #ff0a0a; opacity: 0.7; filter: alpha(opacity=70); } -.i-Notification.system h1 { +.v-Notification.system h1 { display: block; margin: 0; } -.i-Notification.system p { +.v-Notification.system p { white-space: nowrap; } /* ./WebContent/ITMILL/themes/default/orderedlayout/orderedlayout.css */ -.i-orderedlayout-margin-top, -.i-horizontallayout-margin-top, -.i-verticallayout-margin-top { +.v-orderedlayout-margin-top, +.v-horizontallayout-margin-top, +.v-verticallayout-margin-top { padding-top: 15px; } -.i-orderedlayout-margin-right, -.i-horizontallayout-margin-right, -.i-verticallayout-margin-right { +.v-orderedlayout-margin-right, +.v-horizontallayout-margin-right, +.v-verticallayout-margin-right { padding-right: 18px; } -.i-orderedlayout-margin-bottom, -.i-horizontallayout-margin-bottom, -.i-verticallayout-margin-bottom { +.v-orderedlayout-margin-bottom, +.v-horizontallayout-margin-bottom, +.v-verticallayout-margin-bottom { padding-bottom: 15px; } -.i-orderedlayout-margin-left, -.i-horizontallayout-margin-left, -.i-verticallayout-margin-left { +.v-orderedlayout-margin-left, +.v-horizontallayout-margin-left, +.v-verticallayout-margin-left { padding-left: 18px; } -.i-orderedlayout-spacing-on, -.i-horizontallayout-spacing-on, -.i-verticallayout-spacing-on { +.v-orderedlayout-spacing-on, +.v-horizontallayout-spacing-on, +.v-verticallayout-spacing-on { padding-top: 8px; padding-left: 8px; } /* ./WebContent/ITMILL/themes/default/panel/panel.css */ -.i-panel { +.v-panel { background: transparent url(panel/img/top-left.png) no-repeat; } -.i-panel-caption .i-errorindicator { +.v-panel-caption .v-errorindicator { padding-right: 20px; background: transparent url(icons/16/error.png) no-repeat bottom center; } -.i-panel-caption, -.i-panel-caption-light { +.v-panel-caption, +.v-panel-caption-light { font-size: 18px; line-height: 18px; font-weight: normal; @@ -2116,22 +2116,22 @@ div.i-window-header { margin-left: 10px; background: transparent url(panel/img/top-right.png) no-repeat right top; } -.i-panel-nocaption { +.v-panel-nocaption { height: 9px; margin-left: 10px; background: transparent url(panel/img/top-right.png) no-repeat right top; } -.i-panel-content { +.v-panel-content { border: 1px solid #babfc0; border-bottom: 1px solid #dee2e3; background-color: #fff; } -.i-panel-deco { +.v-panel-deco { height: 9px; background: transparent url(panel/img/bottom-right.png) repeat-x right top; margin-left: 9px; } -.i-panel-deco:before { +.v-panel-deco:before { display: block; content: ""; width: 9px; @@ -2140,64 +2140,64 @@ div.i-window-header { background: transparent url(panel/img/bottom-left.png) no-repeat; } /* Light panel style */ -.i-panel-light, -.i-panel-caption-light { +.v-panel-light, +.v-panel-caption-light { background: transparent; } -.i-panel-nocaption-light { +.v-panel-nocaption-light { background: transparent; height: 0; margin: 0; } -.i-panel-content-light { +.v-panel-content-light { border: none; border-top: 1px solid #babfc0; background: transparent; } -.i-panel-deco-light { +.v-panel-deco-light { height: 0; overflow: hidden; } /* IE specific rules */ -.i-ie6 .i-panel { +.v-ie6 .v-panel { background: transparent; } -.i-ie6 .i-panel-caption { +.v-ie6 .v-panel-caption { border: 1px solid #babfc0; border-bottom: none; background: #fff; margin: 0; padding-left: 18px } -.i-ie6 .i-panel-nocaption { +.v-ie6 .v-panel-nocaption { border: none; background: transparent; margin: 0; height: 0; } -.i-ie6 .i-panel-caption-light { +.v-ie6 .v-panel-caption-light { border: none; background: transparent; } -.i-ie6 .i-panel-content, -.i-ie7 .i-panel-content, -.i-ie8 .i-panel-content { +.v-ie6 .v-panel-content, +.v-ie7 .v-panel-content, +.v-ie8 .v-panel-content { border-bottom: 1px solid #babfc0; } -.i-ie6 .i-panel-content-light, -.i-ie7 .i-panel-content-light, -.i-ie8 .i-panel-content-light { +.v-ie6 .v-panel-content-light, +.v-ie7 .v-panel-content-light, +.v-ie8 .v-panel-content-light { border-bottom: none; } -.i-ie6 .i-panel-deco, -.i-ie7 .i-panel-deco, -.i-ie8 .i-panel-deco { +.v-ie6 .v-panel-deco, +.v-ie7 .v-panel-deco, +.v-ie8 .v-panel-deco { height: 0; overflow: hidden; } /* ./WebContent/ITMILL/themes/default/popupview/popupview.css */ -.i-popupview-popup { +.v-popupview-popup { border: 1px solid #babfc0; border-bottom: 1px solid #dee2e3; background: #fff; @@ -2205,49 +2205,49 @@ div.i-window-header { } /* ./WebContent/ITMILL/themes/default/progressindicator/progressindicator.css */ -.i-progressindicator { +.v-progressindicator { background: #dfe2e4 url(progressindicator/img/base.gif) repeat-x 0 1px; } -.i-progressindicator-wrapper { +.v-progressindicator-wrapper { border: 1px solid #b6bbbc; } -.i-progressindicator-disabled { +.v-progressindicator-disabled { background: #dfe2e4 url(progressindicator/img/disabled.gif); border: 1px solid #b6bbbc; } -.i-progressindicator-indicator { +.v-progressindicator-indicator { background: #f7f9f9 url(progressindicator/img/progress.png); } -.i-progressindicator-indeterminate { +.v-progressindicator-indeterminate { background: #dfe2e4 url(common/img/ajax-loader-medium.gif); } -.i-progressindicator-indeterminate-disabled { +.v-progressindicator-indeterminate-disabled { background: #dfe2e4 url(common/img/blank.gif); } /* ./WebContent/ITMILL/themes/default/select/select.css */ -.i-select-select { +.v-select-select { font-size: 13px; } /* Twincol style */ -.i-select-twincol-options, -.i-select-twincol-selections { +.v-select-twincol-options, +.v-select-twincol-selections { font-size: 13px; } -.i-select-twincol-buttons { +.v-select-twincol-buttons { padding: 2px; /* does not work in first render in FF ? */ } /** Filterselect aka ComboBox styles */ -.i-filterselect { +.v-filterselect { height: 23px; background: transparent url(select/img/bg-left-filter.png) no-repeat; padding-left: 4px; } -.i-app .i-filterselect .i-filterselect-input, -.i-window .i-filterselect .i-filterselect-input, -.i-popupview-popup .i-filterselect .i-filterselect-input { +.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; @@ -2255,39 +2255,39 @@ div.i-window-header { padding: 3px 0 0 2px; font-size: 13px; } -.i-filterselect-prompt .i-filterselect-input { +.v-filterselect-prompt .v-filterselect-input { font-style: normal; } -.i-filterselect-input:focus { +.v-filterselect-input:focus { /* remove safari/mac outline from this element */ outline: none; } -.i-filterselect-focus { +.v-filterselect-focus { outline: 1px solid #5daee8; outline-offset: -1px; } -.i-sa .i-filterselect-focus { +.v-sa .v-filterselect-focus { /* place safari focus outline around the whole thing */ outline: 5px auto -webkit-focus-ring-color; outline-offset: -4px; } -.i-filterselect-button { +.v-filterselect-button { width: 25px; height: 23px; background: transparent url(select/img/bg-right-filter.png); } -.i-filterselect-button:hover { +.v-filterselect-button:hover { background-position: bottom left; } -.i-disabled .i-filterselect-button:hover, -.i-readonly .i-filterselect-button:hover { +.v-disabled .v-filterselect-button:hover, +.v-readonly .v-filterselect-button:hover { background-position: top left; } -.i-filterselect.i-readonly .i-filterselect-input { +.v-filterselect.v-readonly .v-filterselect-input { background: transparent; color: black; } -.i-filterselect-suggestpopup { +.v-filterselect-suggestpopup { background: #f6f7f7; border: 1px solid #b6bbbc; font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif; @@ -2296,42 +2296,42 @@ div.i-window-header { line-height: 18px; margin-top: -1px; } -.i-filterselect-suggestmenu .gwt-MenuItem { +.v-filterselect-suggestmenu .gwt-MenuItem { padding: 1px 6px; cursor: pointer; height: 18px; } -.i-filterselect-suggestmenu .gwt-MenuItem .i-icon { +.v-filterselect-suggestmenu .gwt-MenuItem .v-icon { margin-right: 3px; } -.i-filterselect-suggestmenu .gwt-MenuItem-selected { +.v-filterselect-suggestmenu .gwt-MenuItem-selected { background: #5daee8; color: #fff; } -.i-filterselect-nextpage, -.i-filterselect-nextpage-off, -.i-filterselect-prevpage-off, -.i-filterselect-prevpage { +.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; } -.i-filterselect-prevpage, -.i-filterselect-prevpage-off { +.v-filterselect-prevpage, +.v-filterselect-prevpage-off { background-position: 50% -1px; margin: 0 0 2px 0; } -.i-filterselect-prevpage:hover { +.v-filterselect-prevpage:hover { background-position: 50% bottom; } -.i-filterselect-nextpage:hover { +.v-filterselect-nextpage:hover { background-position: 50% -12px; } -.i-filterselect-nextpage span, -.i-filterselect-nextpage-off span, -.i-filterselect-prevpage-off span, -.i-filterselect-prevpage span { +.v-filterselect-nextpage span, +.v-filterselect-nextpage-off span, +.v-filterselect-prevpage-off span, +.v-filterselect-prevpage span { display: block; height: 12px; width:100%; @@ -2340,11 +2340,11 @@ div.i-window-header { cursor: pointer; overflow: hidden; } -.i-filterselect-nextpage span, -.i-filterselect-nextpage-off span { +.v-filterselect-nextpage span, +.v-filterselect-nextpage-off span { background: transparent url(select/img/arrow-down.png) no-repeat 50% 60%; } -.i-filterselect-status { +.v-filterselect-status { font-size: 11px; line-height: 11px; width: 100%; @@ -2357,19 +2357,19 @@ div.i-window-header { /* Error styles (disabled by default) ---------------------------------- -.i-filterselect-error { +.v-filterselect-error { background-image: url(select/img/bg-left-filter-error.png); } -.i-filterselect-error .i-filterselect-input { +.v-filterselect-error .v-filterselect-input { background-image: url(select/img/bg-center-filter-error.png); } -.i-filterselect-error .i-filterselect-button { +.v-filterselect-error .v-filterselect-button { background-image: url(select/img/bg-right-filter-error.png); } -.i-select-error .i-select-option, -.i-select-error .i-select-select, -.i-select-error .i-select-twincol-selections, -.i-select-error .i-select-twincol-options { +.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; } */ @@ -2377,41 +2377,41 @@ div.i-window-header { /* Required field styles (disabled by default) -------------------------------------------- -.i-select-required .i-select-option, -.i-select-required .i-select-select, -.i-select-required .i-select-twincol-selections, -.i-select-required .i-select-twincol-options { +.v-select-required .v-select-option, +.v-select-required .v-select-select, +.v-select-required .v-select-twincol-selections, +.v-select-required .v-select-twincol-options { background: #FFE0E0; } */ /* ./WebContent/ITMILL/themes/default/shadow/shadow.css */ -.i-shadow { +.v-shadow { position: absolute; } -.i-shadow .top-left { +.v-shadow .top-left { position: absolute; overflow: hidden; top: -3px; left: -4px; width: 8px; height: 8px; background: transparent url(shadow/img/top-left.png); } -.i-shadow .top { +.v-shadow .top { position: absolute; overflow: hidden; top: -3px; left: 4px; height: 8px; right: 4px; background: transparent url(shadow/img/top.png); } -.i-shadow .top-right { +.v-shadow .top-right { position: absolute; overflow: hidden; top: -3px; right: -4px; width: 8px; height: 8px; background: transparent url(shadow/img/top-right.png); } -.i-shadow .left { +.v-shadow .left { position: absolute; overflow: hidden; top: 5px; left: -4px; width: 8px; @@ -2419,14 +2419,14 @@ div.i-window-header { background: transparent url(shadow/img/left.png); } -.i-shadow .center { +.v-shadow .center { position: absolute; overflow: hidden; top: 5px; left: 4px; bottom: 3px; right: 4px; background: transparent url(shadow/img/center.png); } -.i-shadow .right { +.v-shadow .right { position: absolute; overflow: hidden; top: 5px; right: -4px; width: 8px; @@ -2434,21 +2434,21 @@ div.i-window-header { background: transparent url(shadow/img/right.png); } -.i-shadow .bottom-left { +.v-shadow .bottom-left { position: absolute; overflow: hidden; bottom: -5px; left: -4px; width: 8px; height: 8px; background: transparent url(shadow/img/bottom-left.png); } -.i-shadow .bottom { +.v-shadow .bottom { position: absolute; overflow: hidden; bottom: -5px; left: 4px; right: 4px; height: 8px; background: transparent url(shadow/img/bottom.png); } -.i-shadow .bottom-right { +.v-shadow .bottom-right { position: absolute; overflow: hidden; bottom: -5px; right: -4px; width: 8px; height: 8px; @@ -2456,12 +2456,12 @@ div.i-window-header { } /* ./WebContent/ITMILL/themes/default/slider/slider.css */ -.i-slider { +.v-slider { border-top: 1px solid #cccfd0; border-bottom: 1px solid #cccfd0; margin: 5px 0; } -.i-slider-base { +.v-slider-base { /* changing the borders will require adjustments to ISlider.java */ height: 2px; background: #f3f3f4; @@ -2469,18 +2469,18 @@ div.i-window-header { border-left: 1px solid #cccfd0; border-right: 1px solid #cccfd0; } -.i-slider-handle { +.v-slider-handle { background: transparent url(slider/img/handle-horizontal.png); width: 12px; height: 12px; margin-top: -5px; cursor: pointer; } -.i-slider-handle:hover { +.v-slider-handle:hover { background-position: left bottom; } -.i-slider-scrollbar .i-slider-handle, -.i-slider-scrollbar.i-slider-vertical .i-slider-handle { +.v-slider-scrollbar .v-slider-handle, +.v-slider-scrollbar.v-slider-vertical .v-slider-handle { background: #ffffff; border: 1px solid #cccfd0; border-radius: 6px; @@ -2488,14 +2488,14 @@ div.i-window-header { -webkit-border-radius: 6px; } -.i-slider-vertical { +.v-slider-vertical { width: 3px; margin: 0 5px; border: none; border-left: 1px solid #cccfd0; border-right: 1px solid #cccfd0; } -.i-slider-vertical .i-slider-base { +.v-slider-vertical .v-slider-base { width: 2px; border-left: 1px solid #cbcdce; border-right: none; @@ -2503,25 +2503,25 @@ div.i-window-header { border-top: 1px solid #cccfd0; border-bottom: 1px solid #cccfd0; } -.i-slider-vertical .i-slider-handle { +.v-slider-vertical .v-slider-handle { background: transparent url(slider/img/handle-vertical.png); width: 12px; height: 12px; margin-left: -5px; } -.i-slider-vertical .i-slider-handle:hover { +.v-slider-vertical .v-slider-handle:hover { background-position: left bottom; } /* Disabled by default -.i-slider-error .i-slider-base { +.v-slider-error .v-slider-base { background:transparent; background-color: #FFE0E0; } */ /* Disabled by default -.i-slider-required .i-slider-base { +.v-slider-required .v-slider-base { background:transparent; background-color: #FFE0E0; } @@ -2529,28 +2529,28 @@ div.i-window-header { /* IE specific styles */ -.i-ie6 .i-slider, -.i-ie6 .i-slider-vertical { +.v-ie6 .v-slider, +.v-ie6 .v-slider-vertical { margin: 0; } -.i-ie6 .i-slider .i-slider-handle { +.v-ie6 .v-slider .v-slider-handle { margin: -1px 0; } -.i-ie6 .i-slider-vertical .i-slider-handle { +.v-ie6 .v-slider-vertical .v-slider-handle { margin: 0 -1px; } /* ./WebContent/ITMILL/themes/default/splitpanel/splitpanel.css */ -.i-splitpanel-horizontal, .i-splitpanel-vertical { +.v-splitpanel-horizontal, .v-splitpanel-vertical { overflow: hidden; } -.i-splitpanel-horizontal .i-splitpanel-hsplitter { +.v-splitpanel-horizontal .v-splitpanel-hsplitter { width: 6px; font-size: 1px; /* for IE6 */ } -.i-splitpanel-horizontal .i-splitpanel-hsplitter div { +.v-splitpanel-horizontal .v-splitpanel-hsplitter div { width: 6px; font-size: 1px; /* for IE6 */ position: absolute; @@ -2562,12 +2562,12 @@ div.i-window-header { margin: 0 -1px; } -.i-splitpanel-vertical .i-splitpanel-vsplitter { +.v-splitpanel-vertical .v-splitpanel-vsplitter { height: 6px; font-size: 1px; /* for IE6 */ } -.i-splitpanel-vertical .i-splitpanel-vsplitter div { +.v-splitpanel-vertical .v-splitpanel-vsplitter div { height: 6px; font-size: 1px; /* for IE6 */ background: #ccd2d0 url(splitpanel/img/bg_ver.png); @@ -2582,76 +2582,76 @@ div.i-window-header { /* IE specific styles */ -* html .i-splitpanel-horizontal .i-splitpanel-hsplitter div { +* html .v-splitpanel-horizontal .v-splitpanel-hsplitter div { height: 99%; } -* html .i-splitpanel-vertical .i-splitpanel-vsplitter { +* html .v-splitpanel-vertical .v-splitpanel-vsplitter { height: 8px; } -* html .i-splitpanel-vertical .i-splitpanel-vsplitter div { +* html .v-splitpanel-vertical .v-splitpanel-vsplitter div { margin: 0; } /* ./WebContent/ITMILL/themes/default/table/table.css */ -.i-table-header-wrap { +.v-table-header-wrap { height: 36px; border: 1px solid #b6bbbc; border-bottom: none; background: #e7edf3 url(table/img/header-bg.png) repeat-x; } -.i-table-header { +.v-table-header { height: 36px; } -.i-table-resizer { +.v-table-resizer { height: 36px; width: 4px; background: transparent url(table/img/resizer-bg.png) repeat-y 50% 50%; } -.i-table-caption-container { +.v-table-caption-container { color: #393a3c; font-size: 15px; padding-top: 9px; text-shadow: #ffffff 0 1px 0; padding-right: 2px; /* See themes/base/table.css for explanation */ } -.i-table-header-cell-asc .i-table-caption-container { +.v-table-header-cell-asc .v-table-caption-container { background: transparent url(table/img/sort-asc.png) no-repeat right 80%; } -.i-table-header-cell-desc .i-table-caption-container { +.v-table-header-cell-desc .v-table-caption-container { background: transparent url(table/img/sort-desc.png) no-repeat right 80%; } -.i-table-header-cell:hover, -.i-table-header-cell-asc:hover, -.i-table-header-cell-desc:hover { +.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; } -.i-table-body { +.v-table-body { background: #fff; border: 1px solid #b6bbbc; } -.i-table-row, -.i-table-row-odd { +.v-table-row, +.v-table-row-odd { background-color: #fff; } -.i-table-row-odd { +.v-table-row-odd { background-color: #f6f7f7; } -.i-table-row:hover, -.i-table-row-odd:hover { +.v-table-row:hover, +.v-table-row-odd:hover { background-color: #edeeee; } -.i-table .i-selected { +.v-table .v-selected { background: #57a7ed; color: #fff; } -.i-table-cell-content { +.v-table-cell-content { padding: 0 6px 0 4px; border-right: none; } -.i-table-cell-wrapper { +.v-table-cell-wrapper { white-space: nowrap; overflow: hidden; line-height: 23px; @@ -2659,37 +2659,37 @@ div.i-window-header { padding: 3px 0 0 0; } /* Fix textfield size to correspond label size inside table */ -.i-table-cell-content .i-textfield, -.i-table-cell-content .i-button { +.v-table-cell-content .v-textfield, +.v-table-cell-content .v-button { margin: -3px 0 0 0; } -.i-table-cell-content .i-textfield, -.i-table-cell-content .i-datefield { +.v-table-cell-content .v-textfield, +.v-table-cell-content .v-datefield { width: 97%; /* approximate */ } /* ...but not for datefield textarea */ -.i-table-cell-content .i-datefield .i-textfield { +.v-table-cell-content .v-datefield .v-textfield { width: auto; } /* datefield button is too high for table cell */ -.i-table-cell-content .i-datefield-button { +.v-table-cell-content .v-datefield-button { height: 25px; margin: -3px 0 0 0; } -.i-table-column-selector { +.v-table-column-selector { background: transparent url(table/img/colsel.png) no-repeat; margin: -36px 0 0 0; height: 36px; width: 15px; } -.i-table-focus-slot-left { +.v-table-focus-slot-left { border-color: #b6bbbc; } -.i-table-focus-slot-right { +.v-table-focus-slot-right { border-color: #b6bbbc; } -.i-table-header-drag { +.v-table-header-drag { background: #e7edf3 url(table/img/header-bg.png) repeat-x; border: 1px solid #b6bbbc; padding: 4px; @@ -2698,13 +2698,13 @@ div.i-window-header { font-size: 15px; margin-top: 20px; } -.i-table-scrollposition { +.v-table-scrollposition { width: 160px; height: 39px; background: transparent url(table/img/scroll-position-bg.png); border: none; } -.i-table-scrollposition span { +.v-table-scrollposition span { display: block; margin-top: 8px; text-align: center; @@ -2714,18 +2714,18 @@ div.i-window-header { text-shadow: #ffffff 2px 2px 0; } /* row in column selector */ -.i-on div { +.v-on div { background: transparent url(table/img/check.gif) no-repeat 2px 50%; text-indent: 6px; } -.i-off div { +.v-off div { text-indent: 6px; } -.i-table .i-link { +.v-table .v-link { display: inline; } /* IE6 hack */ -.i-ie6 .i-table-scrollposition { +.v-ie6 .v-table-scrollposition { background: transparent; /* AlphaImageLoader uses src attribute relative to host page, not CSS @@ -2739,56 +2739,56 @@ div.i-window-header { } /* ./WebContent/ITMILL/themes/default/tabsheet/tabsheet.css */ -.i-tabsheet-tabs { +.v-tabsheet-tabs { height: 48px; } -.i-tabsheet-spacertd div { +.v-tabsheet-spacertd div { height: 37px; border: 1px solid #b6bbbc; background: transparent url(tabsheet/img/tab-bg.png); padding: 0; } -.i-tabsheet-scroller { +.v-tabsheet-scroller { margin-top: -37px; } -.i-tabsheet-scrollerPrev, -.i-tabsheet-scrollerNext { +.v-tabsheet-scrollerPrev, +.v-tabsheet-scrollerNext { border: none; width: 12px; height: 38px; opacity: 0.9999; margin-top: -1px; } -.i-tabsheet-scrollerPrev-disabled, -.i-tabsheet-scrollerNext-disabled { +.v-tabsheet-scrollerPrev-disabled, +.v-tabsheet-scrollerNext-disabled { border: none; width: 12px; height: 38px; margin-top: -1px; opacity: 0.9999; } -.i-tabsheet-scrollerNext, -.i-tabsheet-scrollerNext-disabled { +.v-tabsheet-scrollerNext, +.v-tabsheet-scrollerNext-disabled { background: transparent url(tabsheet/img/next.png) no-repeat; } -.i-tabsheet-scrollerPrev, -.i-tabsheet-scrollerPrev-disabled { +.v-tabsheet-scrollerPrev, +.v-tabsheet-scrollerPrev-disabled { background: transparent url(tabsheet/img/prev.png) no-repeat; } -.i-tabsheet-scrollerPrev:hover, -.i-tabsheet-scrollerNext:hover { +.v-tabsheet-scrollerPrev:hover, +.v-tabsheet-scrollerNext:hover { background-position: -24px 0px; } -.i-tabsheet-scrollerPrev-disabled, -.i-tabsheet-scrollerNext-disabled { +.v-tabsheet-scrollerPrev-disabled, +.v-tabsheet-scrollerNext-disabled { background-position: -12px 0px; } -.i-tabsheet-scrollerPrev-disabled:hover, -.i-tabsheet-scrollerNext-disabled:hover { +.v-tabsheet-scrollerPrev-disabled:hover, +.v-tabsheet-scrollerNext-disabled:hover { background-position: -12px 0px; } -.i-tabsheet-tabitem { +.v-tabsheet-tabitem { border: 1px solid #b6bbbc; border-right: none; height: 37px; @@ -2799,11 +2799,11 @@ div.i-window-header { line-height: 18px; background: #f8f9f9 url(tabsheet/img/tab-bg.png); } -.i-tabsheet-tabitem .i-caption { +.v-tabsheet-tabitem .v-caption { height: 20px; padding: 9px 15px 8px 15px; } -.i-tabsheet-tabitem-selected { +.v-tabsheet-tabitem-selected { border: none; background: transparent url(panel/img/top-left.png) no-repeat; margin: 0; @@ -2811,35 +2811,35 @@ div.i-window-header { height: 48px; color: #ee5311; } -.i-tabsheet-tabitem:hover { +.v-tabsheet-tabitem:hover { color: #4b5257; } -.i-tabsheet-tabitem-selected:hover { +.v-tabsheet-tabitem-selected:hover { color: #ee5311; } -.i-tabsheet-tabitem-selected .i-caption { +.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; } -.i-tabsheet-content { +.v-tabsheet-content { border: 1px solid #babfc0; background-color: #fff; border-bottom: 1px solid #dee2e3; border-top: none; } -.i-tabsheet-hidetabs .i-tabsheet-content { +.v-tabsheet-hidetabs .v-tabsheet-content { border-top: 1px solid #b5babb; } -.i-tabsheet-deco { +.v-tabsheet-deco { height: 10px; background: transparent url(panel/img/bottom-right.png) repeat-x right top; margin-left: 9px; overflow: visible; } -.i-tabsheet-deco:before { +.v-tabsheet-deco:before { display: block; content: ""; width: 9px; @@ -2848,7 +2848,7 @@ div.i-window-header { background: transparent url(panel/img/bottom-left.png) no-repeat; } /* Progress indication */ -.i-tabsheet-loading .i-tabsheet-tabitem-selected .i-captiontext { +.v-tabsheet-loading .v-tabsheet-tabitem-selected .v-captiontext { background: transparent url(common/img/ajax-loader.gif) no-repeat top right; margin-left: -10px; padding-left: 10px; @@ -2858,10 +2858,10 @@ div.i-window-header { padding-top: 12px; } /* IE specific styles */ -.i-ie6 .i-tabsheet-tabs { +.v-ie6 .v-tabsheet-tabs { height: 46px; } -.i-ie6 .i-tabsheet-tabitem-selected { +.v-ie6 .v-tabsheet-tabitem-selected { border: 1px solid #babfc0; border-bottom: none; background: #fff; @@ -2871,45 +2871,45 @@ div.i-window-header { cursor: default; color: #ee5311; } -.i-ie6 .i-tabsheet-tabitem-selected .i-caption { +.v-ie6 .v-tabsheet-tabitem-selected .v-caption { background: transparent; padding: 0; margin: 0; } -.i-ie6 .i-tabsheet-content, -.i-ie7 .i-tabsheet-content, -.i-ie8 .i-tabsheet-content { +.v-ie6 .v-tabsheet-content, +.v-ie7 .v-tabsheet-content, +.v-ie8 .v-tabsheet-content { border-bottom: none; } -.i-ie6 .i-tabsheet-deco, -.i-ie7 .i-tabsheet-deco, -.i-ie8 .i-tabsheet-deco { +.v-ie6 .v-tabsheet-deco, +.v-ie7 .v-tabsheet-deco, +.v-ie8 .v-tabsheet-deco { height: 1px; background: #babfc0; overflow: hidden; margin: 0; } -.i-ie7 .i-tabsheet-deco, -.i-ie8 .i-tabsheet-deco { +.v-ie7 .v-tabsheet-deco, +.v-ie8 .v-tabsheet-deco { width: 100%; } /* Light-style */ -.i-tabsheet-light .i-tabsheet-tabcontainer { +.v-tabsheet-light .v-tabsheet-tabcontainer { height: 32px; } -.i-tabsheet-tabs-light { +.v-tabsheet-tabs-light { height: 32px; width: 100%; overflow:hidden; background: transparent url(tabsheet/img/inline-tab-bg.png) repeat-x; } -.i-tabsheet-light .i-tabsheet-spacertd div { +.v-tabsheet-light .v-tabsheet-spacertd div { height: 31px; border: none; border-bottom: 1px solid #b6bbbc; background: transparent; } -.i-tabsheet-light .i-tabsheet-tabitem { +.v-tabsheet-light .v-tabsheet-tabitem { border: none; border-bottom: 1px solid #b6bbbc; height: 30px; @@ -2922,14 +2922,14 @@ div.i-window-header { cursor: pointer; text-shadow: #fff 0 1px 0; } -.i-tabsheet-light .i-tabsheet-tabitemcell-first .i-caption { +.v-tabsheet-light .v-tabsheet-tabitemcell-first .v-caption { margin-left: 6px; } -.i-tabsheet-light .i-tabsheet-tabitem .i-caption { +.v-tabsheet-light .v-tabsheet-tabitem .v-caption { height: 24px; padding: 8px 9px 0 9px; } -.i-tabsheet-light .i-tabsheet-tabitem-selected { +.v-tabsheet-light .v-tabsheet-tabitem-selected { border: none; background: #fff url(tabsheet/img/inline-tab-right.png) no-repeat right top; margin: 0; @@ -2939,78 +2939,78 @@ div.i-window-header { color: #ee5311; text-shadow: none; } -.i-tabsheet-light .i-tabsheet-tabitem:hover { +.v-tabsheet-light .v-tabsheet-tabitem:hover { color: #4b5257; } -.i-tabsheet-light .i-tabsheet-tabitem-selected:hover { +.v-tabsheet-light .v-tabsheet-tabitem-selected:hover { color: #ee5311; } -.i-tabsheet-light .i-tabsheet-tabitem-selected .i-caption { +.v-tabsheet-light .v-tabsheet-tabitem-selected .v-caption { background: transparent url(tabsheet/img/inline-tab-left.png) no-repeat -7px 0; margin: 0; height: 23px; padding: 9px 11px 0 11px; overflow: visible; } -.i-tabsheet-light .i-tabsheet-tabitemcell-first .i-tabsheet-tabitem-selected .i-caption { +.v-tabsheet-light .v-tabsheet-tabitemcell-first .v-tabsheet-tabitem-selected .v-caption { background: transparent url(tabsheet/img/inline-tab-left.png) no-repeat -3px 0; padding-left: 15px; } -.i-tabsheet-light .i-tabsheet-content { +.v-tabsheet-light .v-tabsheet-content { border: none; background: transparent; } -.i-tabsheet-light .i-tabsheet-hidetabs .i-tabsheet-content { +.v-tabsheet-light .v-tabsheet-hidetabs .v-tabsheet-content { border: none; } -.i-tabsheet-deco-light { +.v-tabsheet-deco-light { height: 0; overflow: hidden; } -.i-tabsheet-deco-light:before { +.v-tabsheet-deco-light:before { display: none; } /* Scroller */ -.i-tabsheet-light .i-tabsheet-scrollerPrev, -.i-tabsheet-light .i-tabsheet-scrollerNext { +.v-tabsheet-light .v-tabsheet-scrollerPrev, +.v-tabsheet-light .v-tabsheet-scrollerNext { margin-top: 2px; height: 34px; } -.i-tabsheet-light .i-tabsheet-scrollerPrev-disabled, -.i-tabsheet-light .i-tabsheet-scrollerNext-disabled { +.v-tabsheet-light .v-tabsheet-scrollerPrev-disabled, +.v-tabsheet-light .v-tabsheet-scrollerNext-disabled { margin-top: 2px; height: 34px; } /* Progress indication */ -.i-tabsheet-loading .i-tabsheet-tabs-light .i-tabsheet-tabitem-selected .i-captiontext { +.v-tabsheet-loading .v-tabsheet-tabs-light .v-tabsheet-tabitem-selected .v-captiontext { margin-left: -3px; padding-left: 3px; } /* IE specific styles */ -.i-ie6 .i-tabsheet-tabs-light, -.i-ie7 .i-tabsheet-tabs-light { +.v-ie6 .v-tabsheet-tabs-light, +.v-ie7 .v-tabsheet-tabs-light { height: 32px; } -.i-ie6 .i-tabsheet-light .i-tabsheet-tabitem-selected, -.i-ie7 .i-tabsheet-light .i-tabsheet-tabitem-selected { +.v-ie6 .v-tabsheet-light .v-tabsheet-tabitem-selected, +.v-ie7 .v-tabsheet-light .v-tabsheet-tabitem-selected { border: none; background: #fff url(tabsheet/img/inline-tab-right.png) no-repeat right top; padding: 0; height: 32px; } -.i-ie6 .i-tabsheet-light .i-tabsheet-tabitem-selected .i-caption, -.i-ie7 .i-tabsheet-light .i-tabsheet-tabitem-selected .i-caption { +.v-ie6 .v-tabsheet-light .v-tabsheet-tabitem-selected .v-caption, +.v-ie7 .v-tabsheet-light .v-tabsheet-tabitem-selected .v-caption { background: transparent url(tabsheet/img/inline-tab-left.png) no-repeat -7px 0; padding: 9px 11px 0 11px; } -.i-ie6 .i-tabsheet-deco-light, -.i-ie7 .i-tabsheet-deco-light, -.i-ie8 .i-tabsheet-deco-light { +.v-ie6 .v-tabsheet-deco-light, +.v-ie7 .v-tabsheet-deco-light, +.v-ie8 .v-tabsheet-deco-light { height: 0; } /* ./WebContent/ITMILL/themes/default/textfield/textfield.css */ -.i-textfield { +.v-textfield { background: #fff url(textfield/img/bg.png) repeat-x; padding: 2px; border: 1px solid #b6b6b6; @@ -3021,7 +3021,7 @@ div.i-window-header { font-size: 13px; height: 18px; } -.i-textarea { +.v-textarea { background: #fff url(textfield/img/bg.png) repeat-x; padding: 2px; border: 1px solid #b6b6b6; @@ -3031,68 +3031,68 @@ div.i-window-header { margin: 0; font-size: 13px; } -.i-textfield-focus, -.i-textarea-focus { +.v-textfield-focus, +.v-textarea-focus { border-color: #5daee8; } -input.i-textfield-prompt, -textarea.i-textarea-prompt { +input.v-textfield-prompt, +textarea.v-textarea-prompt { color: #999; font-style: normal; } -.i-richtextarea { +.v-richtextarea { border: 1px solid #b6b6b6; } -.i-richtextarea .gwt-RichTextArea { +.v-richtextarea .gwt-RichTextArea { background: #fff url(textfield/img/bg.png) repeat-x; } /* ./WebContent/ITMILL/themes/default/tree/tree.css */ -.i-tree-node { +.v-tree-node { background: transparent url(tree/img/collapsed.png) no-repeat 2px 1px; } -.i-tree-node-expanded { +.v-tree-node-expanded { background: transparent url(tree/img/expanded.png) no-repeat 2px 1px; } -.i-tree-node-caption { +.v-tree-node-caption { margin-left: 16px; } -.i-tree-node span { +.v-tree-node span { padding: 0 2px; } -.i-tree-node-selected span { +.v-tree-node-selected span { background: #5daee8; color: #fff; padding: 0 2px; } -.i-tree-node-children { +.v-tree-node-children { padding-left: 16px; } -/* IMPORTANT keep the offsetWidth (width + padding) of this element the same as the margin-left of i-tree-node-caption */ -.i-ie6 .i-tree-node-ie6compatnode { +/* IMPORTANT keep the offsetWidth (width + padding) of this element the same as the margin-left of v-tree-node-caption */ +.v-ie6 .v-tree-node-ie6compatnode { width: 14px; height: 10px; padding: 1px; } /* ./WebContent/ITMILL/themes/default/window/window.css */ -.i-window { +.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; } -.i-window-wrap { +.v-window-wrap { background: transparent url(window/img/top-left.png) no-repeat; } -.i-window-outerheader { +.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; } -.i-window-header { +.v-window-header { font-size: 18px; line-height: 1.2; font-weight: normal; @@ -3101,21 +3101,21 @@ textarea.i-textarea-prompt { text-shadow: 0 1px 0 #fff; /* This element is 100% wide in IE6 */ } -.i-window-contents { +.v-window-contents { background: #fff; border: 2px solid #acb2b3; border-top: none; border-bottom: none; } -.i-window-footer { +.v-window-footer { height: 8px; margin-left: 9px; background: transparent url(window/img/bottom-right.png) no-repeat right top; } -.i-ie7 .i-window-footer { +.v-ie7 .v-window-footer { position: relative; } -.i-window-resizebox { +.v-window-resizebox { position: absolute; /* Needed to position the element over ScrollPanel, which is relatively positioned */ right: 5px; width: 10px; @@ -3123,11 +3123,11 @@ textarea.i-textarea-prompt { margin-top: -7px; background: transparent url(window/img/resize.png); } -.i-window-resizebox-disabled { +.v-window-resizebox-disabled { background: transparent; display: block; } -.i-window-closebox { +.v-window-closebox { position: absolute; top: 21px; right: 24px; @@ -3135,57 +3135,57 @@ textarea.i-textarea-prompt { height: 12px; background: transparent url(window/img/close.png); } -.i-window-closebox:hover { +.v-window-closebox:hover { background-position: 0 -12px; } -.i-window-modalitycurtain { +.v-window-modalitycurtain { background: #fff; } /* Shadow for window */ -.i-shadow-window .top-left { +.v-shadow-window .top-left { top: -13px; left: -20px; width: 39px; height: 39px; background: transparent url(window/img/shadow/top-left.png); } -.i-shadow-window .top { +.v-shadow-window .top { top: -13px; left: 19px; height: 39px; right: 19px; background: transparent url(window/img/shadow/top.png); } -.i-shadow-window .top-right { +.v-shadow-window .top-right { top: -13px; right: -20px; width: 39px; height: 39px; background: transparent url(window/img/shadow/top-right.png); } -.i-shadow-window .left { +.v-shadow-window .left { top: 26px; left: -20px; width: 39px; bottom: 12px; background: transparent url(window/img/shadow/left.png); } -.i-shadow-window .center { +.v-shadow-window .center { top: 26px; left: 19px; bottom: 12px; right: 19px; background: transparent url(window/img/shadow/center.png); } -.i-shadow-window .right { +.v-shadow-window .right { top: 26px; right: -20px; width: 39px; bottom: 12px; background: transparent url(window/img/shadow/right.png); } -.i-shadow-window .bottom-left { +.v-shadow-window .bottom-left { bottom: -27px; left: -20px; width: 39px; height: 39px; background: transparent url(window/img/shadow/bottom-left.png); } -.i-shadow-window .bottom { +.v-shadow-window .bottom { bottom: -27px; left: 19px; right: 19px; height: 39px; background: transparent url(window/img/shadow/bottom.png); } -.i-shadow-window .bottom-right { +.v-shadow-window .bottom-right { bottom: -27px; right: -20px; width: 39px; height: 39px; background: transparent url(window/img/shadow/bottom-right.png); diff --git a/WebContent/ITMILL/themes/default/table/table.css b/WebContent/ITMILL/themes/default/table/table.css index 8396e7c67a..61dc500c95 100644 --- a/WebContent/ITMILL/themes/default/table/table.css +++ b/WebContent/ITMILL/themes/default/table/table.css @@ -1,59 +1,59 @@ -.i-table-header-wrap { +.v-table-header-wrap { height: 36px; border: 1px solid #b6bbbc; border-bottom: none; background: #e7edf3 url(img/header-bg.png) repeat-x; } -.i-table-header { +.v-table-header { height: 36px; } -.i-table-resizer { +.v-table-resizer { height: 36px; width: 4px; background: transparent url(img/resizer-bg.png) repeat-y 50% 50%; } -.i-table-caption-container { +.v-table-caption-container { color: #393a3c; font-size: 15px; padding-top: 9px; text-shadow: #ffffff 0 1px 0; padding-right: 2px; /* See themes/base/table.css for explanation */ } -.i-table-header-cell-asc .i-table-caption-container { +.v-table-header-cell-asc .v-table-caption-container { background: transparent url(img/sort-asc.png) no-repeat right 80%; } -.i-table-header-cell-desc .i-table-caption-container { +.v-table-header-cell-desc .v-table-caption-container { background: transparent url(img/sort-desc.png) no-repeat right 80%; } -.i-table-header-cell:hover, -.i-table-header-cell-asc:hover, -.i-table-header-cell-desc:hover { +.v-table-header-cell:hover, +.v-table-header-cell-asc:hover, +.v-table-header-cell-desc:hover { background: transparent url(img/header-bg-over.png) repeat-x; } -.i-table-body { +.v-table-body { background: #fff; border: 1px solid #b6bbbc; } -.i-table-row, -.i-table-row-odd { +.v-table-row, +.v-table-row-odd { background-color: #fff; } -.i-table-row-odd { +.v-table-row-odd { background-color: #f6f7f7; } -.i-table-row:hover, -.i-table-row-odd:hover { +.v-table-row:hover, +.v-table-row-odd:hover { background-color: #edeeee; } -.i-table .i-selected { +.v-table .v-selected { background: #57a7ed; color: #fff; } -.i-table-cell-content { +.v-table-cell-content { padding: 0 6px 0 4px; border-right: none; } -.i-table-cell-wrapper { +.v-table-cell-wrapper { white-space: nowrap; overflow: hidden; line-height: 23px; @@ -61,37 +61,37 @@ padding: 3px 0 0 0; } /* Fix textfield size to correspond label size inside table */ -.i-table-cell-content .i-textfield, -.i-table-cell-content .i-button { +.v-table-cell-content .v-textfield, +.v-table-cell-content .v-button { margin: -3px 0 0 0; } -.i-table-cell-content .i-textfield, -.i-table-cell-content .i-datefield { +.v-table-cell-content .v-textfield, +.v-table-cell-content .v-datefield { width: 97%; /* approximate */ } /* ...but not for datefield textarea */ -.i-table-cell-content .i-datefield .i-textfield { +.v-table-cell-content .v-datefield .v-textfield { width: auto; } /* datefield button is too high for table cell */ -.i-table-cell-content .i-datefield-button { +.v-table-cell-content .v-datefield-button { height: 25px; margin: -3px 0 0 0; } -.i-table-column-selector { +.v-table-column-selector { background: transparent url(img/colsel.png) no-repeat; margin: -36px 0 0 0; height: 36px; width: 15px; } -.i-table-focus-slot-left { +.v-table-focus-slot-left { border-color: #b6bbbc; } -.i-table-focus-slot-right { +.v-table-focus-slot-right { border-color: #b6bbbc; } -.i-table-header-drag { +.v-table-header-drag { background: #e7edf3 url(img/header-bg.png) repeat-x; border: 1px solid #b6bbbc; padding: 4px; @@ -100,13 +100,13 @@ font-size: 15px; margin-top: 20px; } -.i-table-scrollposition { +.v-table-scrollposition { width: 160px; height: 39px; background: transparent url(img/scroll-position-bg.png); border: none; } -.i-table-scrollposition span { +.v-table-scrollposition span { display: block; margin-top: 8px; text-align: center; @@ -116,18 +116,18 @@ text-shadow: #ffffff 2px 2px 0; } /* row in column selector */ -.i-on div { +.v-on div { background: transparent url(img/check.gif) no-repeat 2px 50%; text-indent: 6px; } -.i-off div { +.v-off div { text-indent: 6px; } -.i-table .i-link { +.v-table .v-link { display: inline; } /* IE6 hack */ -.i-ie6 .i-table-scrollposition { +.v-ie6 .v-table-scrollposition { background: transparent; /* AlphaImageLoader uses src attribute relative to host page, not CSS diff --git a/WebContent/ITMILL/themes/default/tabsheet/tabsheet.css b/WebContent/ITMILL/themes/default/tabsheet/tabsheet.css index 3dd1f6ffec..fa99f6ae43 100644 --- a/WebContent/ITMILL/themes/default/tabsheet/tabsheet.css +++ b/WebContent/ITMILL/themes/default/tabsheet/tabsheet.css @@ -1,53 +1,53 @@ -.i-tabsheet-tabs { +.v-tabsheet-tabs { height: 48px; } -.i-tabsheet-spacertd div { +.v-tabsheet-spacertd div { height: 37px; border: 1px solid #b6bbbc; background: transparent url(img/tab-bg.png); padding: 0; } -.i-tabsheet-scroller { +.v-tabsheet-scroller { margin-top: -37px; } -.i-tabsheet-scrollerPrev, -.i-tabsheet-scrollerNext { +.v-tabsheet-scrollerPrev, +.v-tabsheet-scrollerNext { border: none; width: 12px; height: 38px; opacity: 0.9999; margin-top: -1px; } -.i-tabsheet-scrollerPrev-disabled, -.i-tabsheet-scrollerNext-disabled { +.v-tabsheet-scrollerPrev-disabled, +.v-tabsheet-scrollerNext-disabled { border: none; width: 12px; height: 38px; margin-top: -1px; opacity: 0.9999; } -.i-tabsheet-scrollerNext, -.i-tabsheet-scrollerNext-disabled { +.v-tabsheet-scrollerNext, +.v-tabsheet-scrollerNext-disabled { background: transparent url(img/next.png) no-repeat; } -.i-tabsheet-scrollerPrev, -.i-tabsheet-scrollerPrev-disabled { +.v-tabsheet-scrollerPrev, +.v-tabsheet-scrollerPrev-disabled { background: transparent url(img/prev.png) no-repeat; } -.i-tabsheet-scrollerPrev:hover, -.i-tabsheet-scrollerNext:hover { +.v-tabsheet-scrollerPrev:hover, +.v-tabsheet-scrollerNext:hover { background-position: -24px 0px; } -.i-tabsheet-scrollerPrev-disabled, -.i-tabsheet-scrollerNext-disabled { +.v-tabsheet-scrollerPrev-disabled, +.v-tabsheet-scrollerNext-disabled { background-position: -12px 0px; } -.i-tabsheet-scrollerPrev-disabled:hover, -.i-tabsheet-scrollerNext-disabled:hover { +.v-tabsheet-scrollerPrev-disabled:hover, +.v-tabsheet-scrollerNext-disabled:hover { background-position: -12px 0px; } -.i-tabsheet-tabitem { +.v-tabsheet-tabitem { border: 1px solid #b6bbbc; border-right: none; height: 37px; @@ -58,11 +58,11 @@ line-height: 18px; background: #f8f9f9 url(img/tab-bg.png); } -.i-tabsheet-tabitem .i-caption { +.v-tabsheet-tabitem .v-caption { height: 20px; padding: 9px 15px 8px 15px; } -.i-tabsheet-tabitem-selected { +.v-tabsheet-tabitem-selected { border: none; background: transparent url(../panel/img/top-left.png) no-repeat; margin: 0; @@ -70,35 +70,35 @@ height: 48px; color: #ee5311; } -.i-tabsheet-tabitem:hover { +.v-tabsheet-tabitem:hover { color: #4b5257; } -.i-tabsheet-tabitem-selected:hover { +.v-tabsheet-tabitem-selected:hover { color: #ee5311; } -.i-tabsheet-tabitem-selected .i-caption { +.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; } -.i-tabsheet-content { +.v-tabsheet-content { border: 1px solid #babfc0; background-color: #fff; border-bottom: 1px solid #dee2e3; border-top: none; } -.i-tabsheet-hidetabs .i-tabsheet-content { +.v-tabsheet-hidetabs .v-tabsheet-content { border-top: 1px solid #b5babb; } -.i-tabsheet-deco { +.v-tabsheet-deco { height: 10px; background: transparent url(../panel/img/bottom-right.png) repeat-x right top; margin-left: 9px; overflow: visible; } -.i-tabsheet-deco:before { +.v-tabsheet-deco:before { display: block; content: ""; width: 9px; @@ -107,7 +107,7 @@ background: transparent url(../panel/img/bottom-left.png) no-repeat; } /* Progress indication */ -.i-tabsheet-loading .i-tabsheet-tabitem-selected .i-captiontext { +.v-tabsheet-loading .v-tabsheet-tabitem-selected .v-captiontext { background: transparent url(../common/img/ajax-loader.gif) no-repeat top right; margin-left: -10px; padding-left: 10px; @@ -117,10 +117,10 @@ padding-top: 12px; } /* IE specific styles */ -.i-ie6 .i-tabsheet-tabs { +.v-ie6 .v-tabsheet-tabs { height: 46px; } -.i-ie6 .i-tabsheet-tabitem-selected { +.v-ie6 .v-tabsheet-tabitem-selected { border: 1px solid #babfc0; border-bottom: none; background: #fff; @@ -130,45 +130,45 @@ cursor: default; color: #ee5311; } -.i-ie6 .i-tabsheet-tabitem-selected .i-caption { +.v-ie6 .v-tabsheet-tabitem-selected .v-caption { background: transparent; padding: 0; margin: 0; } -.i-ie6 .i-tabsheet-content, -.i-ie7 .i-tabsheet-content, -.i-ie8 .i-tabsheet-content { +.v-ie6 .v-tabsheet-content, +.v-ie7 .v-tabsheet-content, +.v-ie8 .v-tabsheet-content { border-bottom: none; } -.i-ie6 .i-tabsheet-deco, -.i-ie7 .i-tabsheet-deco, -.i-ie8 .i-tabsheet-deco { +.v-ie6 .v-tabsheet-deco, +.v-ie7 .v-tabsheet-deco, +.v-ie8 .v-tabsheet-deco { height: 1px; background: #babfc0; overflow: hidden; margin: 0; } -.i-ie7 .i-tabsheet-deco, -.i-ie8 .i-tabsheet-deco { +.v-ie7 .v-tabsheet-deco, +.v-ie8 .v-tabsheet-deco { width: 100%; } /* Light-style */ -.i-tabsheet-light .i-tabsheet-tabcontainer { +.v-tabsheet-light .v-tabsheet-tabcontainer { height: 32px; } -.i-tabsheet-tabs-light { +.v-tabsheet-tabs-light { height: 32px; width: 100%; overflow:hidden; background: transparent url(img/inline-tab-bg.png) repeat-x; } -.i-tabsheet-light .i-tabsheet-spacertd div { +.v-tabsheet-light .v-tabsheet-spacertd div { height: 31px; border: none; border-bottom: 1px solid #b6bbbc; background: transparent; } -.i-tabsheet-light .i-tabsheet-tabitem { +.v-tabsheet-light .v-tabsheet-tabitem { border: none; border-bottom: 1px solid #b6bbbc; height: 30px; @@ -181,14 +181,14 @@ cursor: pointer; text-shadow: #fff 0 1px 0; } -.i-tabsheet-light .i-tabsheet-tabitemcell-first .i-caption { +.v-tabsheet-light .v-tabsheet-tabitemcell-first .v-caption { margin-left: 6px; } -.i-tabsheet-light .i-tabsheet-tabitem .i-caption { +.v-tabsheet-light .v-tabsheet-tabitem .v-caption { height: 24px; padding: 8px 9px 0 9px; } -.i-tabsheet-light .i-tabsheet-tabitem-selected { +.v-tabsheet-light .v-tabsheet-tabitem-selected { border: none; background: #fff url(img/inline-tab-right.png) no-repeat right top; margin: 0; @@ -198,72 +198,72 @@ color: #ee5311; text-shadow: none; } -.i-tabsheet-light .i-tabsheet-tabitem:hover { +.v-tabsheet-light .v-tabsheet-tabitem:hover { color: #4b5257; } -.i-tabsheet-light .i-tabsheet-tabitem-selected:hover { +.v-tabsheet-light .v-tabsheet-tabitem-selected:hover { color: #ee5311; } -.i-tabsheet-light .i-tabsheet-tabitem-selected .i-caption { +.v-tabsheet-light .v-tabsheet-tabitem-selected .v-caption { background: transparent url(img/inline-tab-left.png) no-repeat -7px 0; margin: 0; height: 23px; padding: 9px 11px 0 11px; overflow: visible; } -.i-tabsheet-light .i-tabsheet-tabitemcell-first .i-tabsheet-tabitem-selected .i-caption { +.v-tabsheet-light .v-tabsheet-tabitemcell-first .v-tabsheet-tabitem-selected .v-caption { background: transparent url(img/inline-tab-left.png) no-repeat -3px 0; padding-left: 15px; } -.i-tabsheet-light .i-tabsheet-content { +.v-tabsheet-light .v-tabsheet-content { border: none; background: transparent; } -.i-tabsheet-light .i-tabsheet-hidetabs .i-tabsheet-content { +.v-tabsheet-light .v-tabsheet-hidetabs .v-tabsheet-content { border: none; } -.i-tabsheet-deco-light { +.v-tabsheet-deco-light { height: 0; overflow: hidden; } -.i-tabsheet-deco-light:before { +.v-tabsheet-deco-light:before { display: none; } /* Scroller */ -.i-tabsheet-light .i-tabsheet-scrollerPrev, -.i-tabsheet-light .i-tabsheet-scrollerNext { +.v-tabsheet-light .v-tabsheet-scrollerPrev, +.v-tabsheet-light .v-tabsheet-scrollerNext { margin-top: 2px; height: 34px; } -.i-tabsheet-light .i-tabsheet-scrollerPrev-disabled, -.i-tabsheet-light .i-tabsheet-scrollerNext-disabled { +.v-tabsheet-light .v-tabsheet-scrollerPrev-disabled, +.v-tabsheet-light .v-tabsheet-scrollerNext-disabled { margin-top: 2px; height: 34px; } /* Progress indication */ -.i-tabsheet-loading .i-tabsheet-tabs-light .i-tabsheet-tabitem-selected .i-captiontext { +.v-tabsheet-loading .v-tabsheet-tabs-light .v-tabsheet-tabitem-selected .v-captiontext { margin-left: -3px; padding-left: 3px; } /* IE specific styles */ -.i-ie6 .i-tabsheet-tabs-light, -.i-ie7 .i-tabsheet-tabs-light { +.v-ie6 .v-tabsheet-tabs-light, +.v-ie7 .v-tabsheet-tabs-light { height: 32px; } -.i-ie6 .i-tabsheet-light .i-tabsheet-tabitem-selected, -.i-ie7 .i-tabsheet-light .i-tabsheet-tabitem-selected { +.v-ie6 .v-tabsheet-light .v-tabsheet-tabitem-selected, +.v-ie7 .v-tabsheet-light .v-tabsheet-tabitem-selected { border: none; background: #fff url(img/inline-tab-right.png) no-repeat right top; padding: 0; height: 32px; } -.i-ie6 .i-tabsheet-light .i-tabsheet-tabitem-selected .i-caption, -.i-ie7 .i-tabsheet-light .i-tabsheet-tabitem-selected .i-caption { +.v-ie6 .v-tabsheet-light .v-tabsheet-tabitem-selected .v-caption, +.v-ie7 .v-tabsheet-light .v-tabsheet-tabitem-selected .v-caption { background: transparent url(img/inline-tab-left.png) no-repeat -7px 0; padding: 9px 11px 0 11px; } -.i-ie6 .i-tabsheet-deco-light, -.i-ie7 .i-tabsheet-deco-light, -.i-ie8 .i-tabsheet-deco-light { +.v-ie6 .v-tabsheet-deco-light, +.v-ie7 .v-tabsheet-deco-light, +.v-ie8 .v-tabsheet-deco-light { height: 0; } \ No newline at end of file diff --git a/WebContent/ITMILL/themes/default/textfield/textfield.css b/WebContent/ITMILL/themes/default/textfield/textfield.css index 546bf322a4..2dfcc99d2e 100644 --- a/WebContent/ITMILL/themes/default/textfield/textfield.css +++ b/WebContent/ITMILL/themes/default/textfield/textfield.css @@ -1,4 +1,4 @@ -.i-textfield { +.v-textfield { background: #fff url(img/bg.png) repeat-x; padding: 2px; border: 1px solid #b6b6b6; @@ -9,7 +9,7 @@ font-size: 13px; height: 18px; } -.i-textarea { +.v-textarea { background: #fff url(img/bg.png) repeat-x; padding: 2px; border: 1px solid #b6b6b6; @@ -19,18 +19,18 @@ margin: 0; font-size: 13px; } -.i-textfield-focus, -.i-textarea-focus { +.v-textfield-focus, +.v-textarea-focus { border-color: #5daee8; } -input.i-textfield-prompt, -textarea.i-textarea-prompt { +input.v-textfield-prompt, +textarea.v-textarea-prompt { color: #999; font-style: normal; } -.i-richtextarea { +.v-richtextarea { border: 1px solid #b6b6b6; } -.i-richtextarea .gwt-RichTextArea { +.v-richtextarea .gwt-RichTextArea { background: #fff url(img/bg.png) repeat-x; } \ No newline at end of file diff --git a/WebContent/ITMILL/themes/default/tree/tree.css b/WebContent/ITMILL/themes/default/tree/tree.css index 44cbda793d..9ac9957df1 100644 --- a/WebContent/ITMILL/themes/default/tree/tree.css +++ b/WebContent/ITMILL/themes/default/tree/tree.css @@ -1,25 +1,25 @@ -.i-tree-node { +.v-tree-node { background: transparent url(img/collapsed.png) no-repeat 2px 1px; } -.i-tree-node-expanded { +.v-tree-node-expanded { background: transparent url(img/expanded.png) no-repeat 2px 1px; } -.i-tree-node-caption { +.v-tree-node-caption { margin-left: 16px; } -.i-tree-node span { +.v-tree-node span { padding: 0 2px; } -.i-tree-node-selected span { +.v-tree-node-selected span { background: #5daee8; color: #fff; padding: 0 2px; } -.i-tree-node-children { +.v-tree-node-children { padding-left: 16px; } -/* IMPORTANT keep the offsetWidth (width + padding) of this element the same as the margin-left of i-tree-node-caption */ -.i-ie6 .i-tree-node-ie6compatnode { +/* 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; diff --git a/WebContent/ITMILL/themes/default/window/window.css b/WebContent/ITMILL/themes/default/window/window.css index 1fbc101bd4..5cee309ae0 100644 --- a/WebContent/ITMILL/themes/default/window/window.css +++ b/WebContent/ITMILL/themes/default/window/window.css @@ -1,20 +1,20 @@ -.i-window { +.v-window { color: #464f52; font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif; font-size: 13px; line-height: 18px; background: transparent url(img/bottom-left.png) no-repeat left bottom; } -.i-window-wrap { +.v-window-wrap { background: transparent url(img/top-left.png) no-repeat; } -.i-window-outerheader { +.v-window-outerheader { height: 23px; margin-left: 9px; padding: 15px 40px 11px 12px; background: transparent url(img/top-right.png) no-repeat right top; } -.i-window-header { +.v-window-header { font-size: 18px; line-height: 1.2; font-weight: normal; @@ -23,21 +23,21 @@ text-shadow: 0 1px 0 #fff; /* This element is 100% wide in IE6 */ } -.i-window-contents { +.v-window-contents { background: #fff; border: 2px solid #acb2b3; border-top: none; border-bottom: none; } -.i-window-footer { +.v-window-footer { height: 8px; margin-left: 9px; background: transparent url(img/bottom-right.png) no-repeat right top; } -.i-ie7 .i-window-footer { +.v-ie7 .v-window-footer { position: relative; } -.i-window-resizebox { +.v-window-resizebox { position: absolute; /* Needed to position the element over ScrollPanel, which is relatively positioned */ right: 5px; width: 10px; @@ -45,11 +45,11 @@ margin-top: -7px; background: transparent url(img/resize.png); } -.i-window-resizebox-disabled { +.v-window-resizebox-disabled { background: transparent; display: block; } -.i-window-closebox { +.v-window-closebox { position: absolute; top: 21px; right: 24px; @@ -57,57 +57,57 @@ height: 12px; background: transparent url(img/close.png); } -.i-window-closebox:hover { +.v-window-closebox:hover { background-position: 0 -12px; } -.i-window-modalitycurtain { +.v-window-modalitycurtain { background: #fff; } /* Shadow for window */ -.i-shadow-window .top-left { +.v-shadow-window .top-left { top: -13px; left: -20px; width: 39px; height: 39px; background: transparent url(img/shadow/top-left.png); } -.i-shadow-window .top { +.v-shadow-window .top { top: -13px; left: 19px; height: 39px; right: 19px; background: transparent url(img/shadow/top.png); } -.i-shadow-window .top-right { +.v-shadow-window .top-right { top: -13px; right: -20px; width: 39px; height: 39px; background: transparent url(img/shadow/top-right.png); } -.i-shadow-window .left { +.v-shadow-window .left { top: 26px; left: -20px; width: 39px; bottom: 12px; background: transparent url(img/shadow/left.png); } -.i-shadow-window .center { +.v-shadow-window .center { top: 26px; left: 19px; bottom: 12px; right: 19px; background: transparent url(img/shadow/center.png); } -.i-shadow-window .right { +.v-shadow-window .right { top: 26px; right: -20px; width: 39px; bottom: 12px; background: transparent url(img/shadow/right.png); } -.i-shadow-window .bottom-left { +.v-shadow-window .bottom-left { bottom: -27px; left: -20px; width: 39px; height: 39px; background: transparent url(img/shadow/bottom-left.png); } -.i-shadow-window .bottom { +.v-shadow-window .bottom { bottom: -27px; left: 19px; right: 19px; height: 39px; background: transparent url(img/shadow/bottom.png); } -.i-shadow-window .bottom-right { +.v-shadow-window .bottom-right { bottom: -27px; right: -20px; width: 39px; height: 39px; background: transparent url(img/shadow/bottom-right.png); diff --git a/WebContent/ITMILL/themes/example/styles.css b/WebContent/ITMILL/themes/example/styles.css index 9ddb8f5b0e..23ccd058f8 100644 --- a/WebContent/ITMILL/themes/example/styles.css +++ b/WebContent/ITMILL/themes/example/styles.css @@ -1,6 +1,6 @@ @import url(../default/styles.css); -.i-generated-body { +.v-generated-body { /* full height layout does not need scrollable body; avoids excess scrollbars if moving sub-window over the window area */ overflow:hidden; @@ -9,11 +9,11 @@ /****************************************************************************** * For FormExample.java ******************************************************************************/ -.i-form legend { +.v-form legend { color: #464f52; } -.i-orderedlayout-formroot td { +.v-orderedlayout-formroot td { vertical-align: top; } @@ -21,18 +21,18 @@ * For GeneratedColumnExample.java. ******************************************************************************/ /* Align columns generated with ValueColumnGenerator to right. */ -.i-label-column-type-value { +.v-label-column-type-value { text-align: right; } /* The total value column is displayed in bold. */ -.i-label-column-total { +.v-label-column-total { font-weight: bold; text-align: right; } /* Display calculated values in blue color. */ -.i-label-column-price, .i-label-column-consumption, .i-label-column-dailycost { +.v-label-column-price, .v-label-column-consumption, .v-label-column-dailycost { color: blue; text-align: right; } diff --git a/WebContent/ITMILL/themes/liferay/styles.css b/WebContent/ITMILL/themes/liferay/styles.css index 0167beed11..aef1470a71 100644 --- a/WebContent/ITMILL/themes/liferay/styles.css +++ b/WebContent/ITMILL/themes/liferay/styles.css @@ -4,24 +4,24 @@ * Simplified default theme to work seamlessly with Liferay */ -div.i-app { +div.v-app { background-color: transparent; } -.i-orderedlayout-margin-left { +.v-orderedlayout-margin-left { padding-left:8px; } -.i-orderedlayout-margin-bottom { +.v-orderedlayout-margin-bottom { padding-bottom:5px; } -.i-orderedlayout-margin-right { +.v-orderedlayout-margin-right { padding-right:8px; } -.i-orderedlayout-margin-top { +.v-orderedlayout-margin-top { padding-top:5px; } -input[type="text"].i-filterselect-input { +input[type="text"].v-filterselect-input { background: transparent; border: none; font-size: 13px; @@ -30,7 +30,7 @@ input[type="text"].i-filterselect-input { padding: 3px 0px 0px 4px; } -.simplereserver div.i-datefield-entrycalendar-hours { +.simplereserver div.v-datefield-entrycalendar-hours { height: 200px; overflow: auto; } diff --git a/WebContent/ITMILL/themes/reindeer/button/button.css b/WebContent/ITMILL/themes/reindeer/button/button.css index 1be0acead1..bd12e4622c 100644 --- a/WebContent/ITMILL/themes/reindeer/button/button.css +++ b/WebContent/ITMILL/themes/reindeer/button/button.css @@ -1,8 +1,8 @@ /* We serve simpler buttons for IE6, since it doesn't support the adjacent - * sibling selector (+) that is needed to position .i-icon properly. + * sibling selector (+) that is needed to position .v-icon properly. */ -div > .i-button, -.i-ie7 .i-button { +div > .v-button, +.v-ie7 .v-button { height: 26px; padding: 0 0 0 6px; background-color: transparent; @@ -11,8 +11,8 @@ div > .i-button, border: none; cursor: default; } -div > .i-button span, -.i-ie7 .i-button span { +div > .v-button span, +.v-ie7 .v-button span { display: inline-block; height: 22px; padding: 4px 15px 0 9px; @@ -26,54 +26,54 @@ div > .i-button span, line-height: 16px; float: none; } -.i-sa .i-button span { +.v-sa .v-button span { height: 21px; padding-top: 5px; } -.i-button:focus { +.v-button:focus { background-image: url(img/left-focus.png); /** sprite-ref: buttons */ outline: none; } -.i-button:focus span { +.v-button:focus span { background-image: url(img/right-focus.png); /** sprite-ref: buttons; sprite-alignment: right */ outline: none; } -.i-button:active, -.i-ie7 .i-button.i-pressed { +.v-button:active, +.v-ie7 .v-button.v-pressed { background-image: url(img/left-pressed.png); /** sprite-ref: buttons */ outline: none; } -.i-button:active span, -.i-ie7 .i-button.i-pressed span { +.v-button:active span, +.v-ie7 .v-button.v-pressed span { background-image: url(img/right-pressed.png); /** sprite-ref: buttons; sprite-alignment: right */ outline: none; } -.i-ie7 .i-button.i-pressed span { +.v-ie7 .v-button.v-pressed span { position: relative; } /* FF3 & FF2 */ -.i-button::-moz-focus-inner { +.v-button::-moz-focus-inner { border: none; padding: 0; } -.i-ff2 .i-button span { +.v-ff2 .v-button span { display: -moz-inline-box; padding-top: 6px; height: 20px; } /* IE7 */ -.i-ie7 .i-button.i-pressed .i-icon { +.v-ie7 .v-button.v-pressed .v-icon { position: relative; z-index: 2; } /* Opera */ -.i-op .i-button:active span { +.v-op .v-button:active span { margin-top: -1px; margin-left: -1px; } /* Modifications for buttons with icons */ -div > .i-button .i-icon, -.i-ie7 .i-button .i-icon { +div > .v-button .v-icon, +.v-ie7 .v-button .v-icon { display: inline-block; width: 16px; height: 16px; @@ -81,27 +81,27 @@ div > .i-button .i-icon, position: relative; margin: 0 3px 0 0; } -.i-ff2 .i-button .i-icon { +.v-ff2 .v-button .v-icon { display: block; float: left; margin-top: 4px; } -.i-ff2 .i-button-link .i-icon { +.v-ff2 .v-button-link .v-icon { margin: 0; } -.i-button .i-icon + span, -.i-button .i-icon + .i-errorindicator + span { +.v-button .v-icon + span, +.v-button .v-icon + .v-errorindicator + span { margin-left: -19px; padding-left: 19px; } -.i-ie7 .i-button .i-icon + span, -.i-ie7 .i-button .i-icon + .i-errorindicator + span { +.v-ie7 .v-button .v-icon + span, +.v-ie7 .v-button .v-icon + .v-errorindicator + span { margin-left: -23px; padding-left: 23px; } /* Buttons with error indicator */ -div > .i-button .i-errorindicator, -.i-ie7 .i-button .i-errorindicator { +div > .v-button .v-errorindicator, +.v-ie7 .v-button .v-errorindicator { display: inline; position: absolute; width: 5px; @@ -109,7 +109,7 @@ div > .i-button .i-errorindicator, background: transparent url(../../default/icons/16/error.png) no-repeat 50%; overflow: hidden; } -.i-ie6 .i-button .i-errorindicator { +.v-ie6 .v-button .v-errorindicator { position: absolute; width: 5px; height: 18px; @@ -118,15 +118,15 @@ div > .i-button .i-errorindicator, margin-left: -10px; } /* Link style buttons */ -.i-button.i-button-link, -.i-ie7 .i-button-link.i-pressed { +.v-button.v-button-link, +.v-ie7 .v-button-link.v-pressed { background: transparent; height: auto; padding: 0; cursor: pointer; } -.i-button.i-button-link span, -.i-ie7 .i-button-link.i-pressed span { +.v-button.v-button-link span, +.v-ie7 .v-button-link.v-pressed span { background: transparent; height: auto; padding: 0; @@ -134,80 +134,80 @@ div > .i-button .i-errorindicator, font-weight: normal; color: #1b699f; } -.i-button.i-button-link .i-icon + span { +.v-button.v-button-link .v-icon + span { margin: 0; padding: 0; } -.i-button-link:focus { +.v-button-link:focus { outline: 1px dotted #1b699f; } /** * Default action button style -------------------------- */ -div > .i-button-primary, -.i-ie7 .i-button-primary { +div > .v-button-primary, +.v-ie7 .v-button-primary { background-image: url(img/primary-left.png); /** sprite-ref: buttons */ } -div > .i-button-primary span, -.i-ie7 .i-button-primary span { +div > .v-button-primary span, +.v-ie7 .v-button-primary span { background-image: url(img/primary-right.png); /** sprite-ref: buttons; sprite-alignment: right */ } -.i-button-primary:focus { +.v-button-primary:focus { background-image: url(img/primary-left-focus.png); /** sprite-ref: buttons */ } -.i-button-primary:focus span { +.v-button-primary:focus span { background-image: url(img/primary-right-focus.png); /** sprite-ref: buttons; sprite-alignment: right */ } -.i-button-primary:active, -.i-ie7 .i-button-primary.i-pressed { +.v-button-primary:active, +.v-ie7 .v-button-primary.v-pressed { background-image: url(img/primary-left-pressed.png); /** sprite-ref: buttons */ } -.i-button-primary:active span, -.i-ie7 .i-button-primary.i-pressed span { +.v-button-primary:active span, +.v-ie7 .v-button-primary.v-pressed span { background-image: url(img/primary-right-pressed.png); /** sprite-ref: buttons; sprite-alignment: right */ } /* * Small-style -------------------------- */ -div > .i-button-small, -.i-ie7 .i-button-small { +div > .v-button-small, +.v-ie7 .v-button-small { background-image: url(img/small-left.png); /** sprite-ref: buttons */ height: 20px; } -div > .i-button-small span, -.i-ie7 .i-button-small span { +div > .v-button-small span, +.v-ie7 .v-button-small span { background-image: url(img/small-right.png); /** sprite-ref: buttons; sprite-alignment: right */ height: 19px; padding: 1px 11px 0 5px; font-weight: normal; } -.i-ff2 .i-button-small span { +.v-ff2 .v-button-small span { height: 17px; padding-top: 3px; } -.i-sa .i-button-small span { +.v-sa .v-button-small span { height: 18px; padding-top: 2px; } -.i-button-small:focus { +.v-button-small:focus { background-image: url(img/small-left-focus.png); /** sprite-ref: buttons */ } -.i-button-small:focus span { +.v-button-small:focus span { background-image: url(img/small-right-focus.png); /** sprite-ref: buttons; sprite-alignment: right */ } -.i-button-small:active, -.i-ie7 .i-button-small.i-pressed { +.v-button-small:active, +.v-ie7 .v-button-small.v-pressed { background-image: url(img/small-left-pressed.png); /** sprite-ref: buttons */ } -.i-button-small:active span, -.i-ie7 .i-button-small.i-pressed span { +.v-button-small:active span, +.v-ie7 .v-button-small.v-pressed span { background-image: url(img/small-right-pressed.png); /** sprite-ref: buttons; sprite-alignment: right */ } /** * IE6 buttons -------------------------- */ -.i-ie6 .i-button { +.v-ie6 .v-button { border: 1px solid #b3b3b3; border-bottom-color: #9a9a9a; background: #d8d8d8 url(img/right.png) no-repeat 0 -1px; @@ -218,21 +218,21 @@ div > .i-button-small span, height: 16px; outline: none; } -.i-ie6 .i-button-primary { +.v-ie6 .v-button-primary { background-image: url(img/primary-right.png); } -.i-ie6 .i-button-small { +.v-ie6 .v-button-small { font-weight: normal; padding: 1px 11px 0 11px; height: 12px; line-height: normal; background-image: url(img/small-right.png); } -.i-ie6 .i-button.i-pressed { +.v-ie6 .v-button.v-pressed { background: transparent url(img/right-pressed.png) no-repeat 0 -1px; } /* Buttons on blue background */ -.i-ie6 .blue .i-button { +.v-ie6 .blue .v-button { border-color: #84949c; border-top-color: #83939b; border-bottom-color: #888d91; diff --git a/WebContent/ITMILL/themes/reindeer/common/common.css b/WebContent/ITMILL/themes/reindeer/common/common.css index c3be298a30..afd109c862 100644 --- a/WebContent/ITMILL/themes/reindeer/common/common.css +++ b/WebContent/ITMILL/themes/reindeer/common/common.css @@ -1,86 +1,86 @@ -.i-generated-body, -.i-app { +.v-generated-body, +.v-app { background: #f5f5f5; } /* Global font styles */ -.i-app, -.i-window, -.i-popupview-popup, -.i-tooltip, -.i-app input, -.i-app select, -.i-app button, -.i-app textarea, -.i-window input, -.i-window select, -.i-window button, -.i-window textarea, -.i-popupview-popup input, -.i-popupview-popup select, -.i-popupview-popup button, -.i-popupview-popup textarea, -.i-filterselect-suggestpopup { +.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 { font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-size: 12px; line-height: normal; color: #222; } /* Fonts for Safari, exchange Helvetica for Arial */ -.i-sa .i-app, -.i-sa .i-window, -.i-sa .i-popupview-popup, -.i-sa .i-tooltip, -.i-sa .i-app input, -.i-sa .i-app select, -.i-sa .i-app button, -.i-sa .i-app textarea, -.i-sa .i-window input, -.i-sa .i-window select, -.i-sa .i-window button, -.i-sa .i-window textarea, -.i-sa .i-popupview-popup input, -.i-sa .i-popupview-popup select, -.i-sa .i-popupview-popup button, -.i-sa .i-popupview-popup textarea, -.i-sa .i-filterselect-suggestpopup { +.v-sa .v-app, +.v-sa .v-window, +.v-sa .v-popupview-popup, +.v-sa .v-tooltip, +.v-sa .v-app input, +.v-sa .v-app select, +.v-sa .v-app button, +.v-sa .v-app textarea, +.v-sa .v-window input, +.v-sa .v-window select, +.v-sa .v-window button, +.v-sa .v-window textarea, +.v-sa .v-popupview-popup input, +.v-sa .v-popupview-popup select, +.v-sa .v-popupview-popup button, +.v-sa .v-popupview-popup textarea, +.v-sa .v-filterselect-suggestpopup { font-family: Helvetica, Arial, "Lucida Grande", Geneva, Tahoma, Verdana, sans-serif; } -.i-errorindicator { +.v-errorindicator { width: 12px; height: 16px; background: transparent url(../../default/icons/16/error.png) no-repeat top right; } -.i-ie6 .i-errorindicator { +.v-ie6 .v-errorindicator { /* gif for transparency */ background-image: url(../../default/icons/16/error.gif); } -.i-ie7 .i-errorindicator { +.v-ie7 .v-errorindicator { margin-left: -3px; } -.i-tooltip { +.v-tooltip { background-color: #fffcdd; border: 1px solid #b8b295; font-size: 11px; line-height: 13px; color: #222; } -.i-tooltip-text { +.v-tooltip-text { padding: 2px 4px; } -.i-tooltip .i-errormessage { +.v-tooltip .v-errormessage { padding: 3px 4px; background: #ffecc6; color: #b74100; border: none; border-top: 1px solid #fff3dc; } -.i-tooltip .i-errormessage h2 { +.v-tooltip .v-errormessage h2 { font-size: 16px; font-weight: normal; color: #ab3101; margin: 2px 0 8px 0; } -.i-tooltip .i-errormessage h3 { +.v-tooltip .v-errormessage h3 { font-size: 13px; font-weight: bold; margin: 1px 0 4px 0; diff --git a/WebContent/ITMILL/themes/reindeer/label/label.css b/WebContent/ITMILL/themes/reindeer/label/label.css index 44ea2112ac..7070bf04f4 100644 --- a/WebContent/ITMILL/themes/reindeer/label/label.css +++ b/WebContent/ITMILL/themes/reindeer/label/label.css @@ -1,25 +1,25 @@ -.i-label { +.v-label { line-height: 18px; } -.i-label-h1, -.i-label-h2, -.i-caption-h1, -.i-caption-h2 { +.v-label-h1, +.v-label-h2, +.v-caption-h1, +.v-caption-h2 { font-size: 24px; line-height: 30px; font-weight: bold; color: #44698b; } -.i-ie6 .i-label-h1 { +.v-ie6 .v-label-h1 { font-size: 1px; line-height: normal; } -.i-label-h2, -.i-caption-h2 { +.v-label-h2, +.v-caption-h2 { font-size: 16px; line-height: 22px; } -.i-label-light { +.v-label-light { font-size: 11px; line-height: 13px; color: #707070; diff --git a/WebContent/ITMILL/themes/reindeer/layouts/layouts.css b/WebContent/ITMILL/themes/reindeer/layouts/layouts.css index b53ce5bf3c..a668e76433 100644 --- a/WebContent/ITMILL/themes/reindeer/layouts/layouts.css +++ b/WebContent/ITMILL/themes/reindeer/layouts/layouts.css @@ -1,32 +1,32 @@ -.i-orderedlayout-margin-top, -.i-horizontallayout-margin-top, -.i-verticallayout-margin-top { +.v-orderedlayout-margin-top, +.v-horizontallayout-margin-top, +.v-verticallayout-margin-top { padding-top: 18px; } -.i-orderedlayout-margin-right, -.i-horizontallayout-margin-right, -.i-verticallayout-margin-right { +.v-orderedlayout-margin-right, +.v-horizontallayout-margin-right, +.v-verticallayout-margin-right { padding-right: 18px; } -.i-orderedlayout-margin-bottom, -.i-horizontallayout-margin-bottom, -.i-verticallayout-margin-bottom { +.v-orderedlayout-margin-bottom, +.v-horizontallayout-margin-bottom, +.v-verticallayout-margin-bottom { padding-bottom: 18px; } -.i-orderedlayout-margin-left, -.i-horizontallayout-margin-left, -.i-verticallayout-margin-left { +.v-orderedlayout-margin-left, +.v-horizontallayout-margin-left, +.v-verticallayout-margin-left { padding-left: 18px; } -.i-orderedlayout-spacing-on, -.i-horizontallayout-spacing-on, -.i-verticallayout-spacing-on { +.v-orderedlayout-spacing-on, +.v-horizontallayout-spacing-on, +.v-verticallayout-spacing-on { padding-top: 7px; padding-left: 6px; } /* Blue background */ -.i-verticallayout-blue, -.i-horizontallayout-blue, -.i-orderedlayout-blue { +.v-verticallayout-blue, +.v-horizontallayout-blue, +.v-orderedlayout-blue { background-color: #bcd3de; } \ No newline at end of file diff --git a/WebContent/ITMILL/themes/reindeer/panel/panel.css b/WebContent/ITMILL/themes/reindeer/panel/panel.css index 18b6c74922..6576c8233f 100644 --- a/WebContent/ITMILL/themes/reindeer/panel/panel.css +++ b/WebContent/ITMILL/themes/reindeer/panel/panel.css @@ -1,35 +1,35 @@ -.i-panel-caption, -.i-panel-nocaption { +.v-panel-caption, +.v-panel-nocaption { border-bottom: 1px solid #dcdcdc; line-height: 16px; /* accommodate minimum icon size */ } -.i-sa .i-panel-caption, -.i-sa .i-panel-nocaption, -.i-ff3 .i-panel-caption, -.i-ff3 .i-panel-nocaption { +.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); } -.i-panel-caption { +.v-panel-caption { padding-bottom: 2px; } -.i-panel-content { +.v-panel-content { border: 1px solid #dcdcdc; border-bottom: none; border-top: none; background: #fff; } -.i-sa .i-panel-content, -.i-ff3 .i-panel-content { +.v-sa .v-panel-content, +.v-ff3 .v-panel-content { border-color: rgba(0,0,0,.1); } -.i-panel-deco { +.v-panel-deco { height: 1px; border-top: 1px solid #bebebe; background: #e2e2e2; overflow: hidden; } -.i-sa .i-panel-deco, -.i-ff3 .i-panel-deco { +.v-sa .v-panel-deco, +.v-ff3 .v-panel-deco { border-top-color: rgba(0,0,0,.1); background: rgba(0,0,0,.08); } \ No newline at end of file diff --git a/WebContent/ITMILL/themes/reindeer/select/select.css b/WebContent/ITMILL/themes/reindeer/select/select.css index 2851012392..c9dc77bea4 100644 --- a/WebContent/ITMILL/themes/reindeer/select/select.css +++ b/WebContent/ITMILL/themes/reindeer/select/select.css @@ -1,12 +1,12 @@ -.i-filterselect { +.v-filterselect { height: 24px; background-repeat: no-repeat; background-image: url(img/left.png); /** sprite-ref: verticals; sprite-margin-bottom: 1px */ padding-left: 2px; } -.i-app .i-filterselect-input, -.i-window .i-filterselect-input, -.i-popupview-popup .i-filterselect-input { +.v-app .v-filterselect-input, +.v-window .v-filterselect-input, +.v-popupview-popup .v-filterselect-input { background: transparent; background-repeat: repeat-x; background-image: url(img/center.png); /** sprite-ref: verticals; sprite-alignment: repeat */ @@ -14,50 +14,50 @@ height: 21px; } /* More specific selector to override padding */ -.i-app input.i-filterselect-input, -.i-window input.i-filterselect-input, -.i-popupview-popup input.i-filterselect-input { +.v-app input.v-filterselect-input, +.v-window input.v-filterselect-input, +.v-popupview-popup input.v-filterselect-input { padding: 3px 0 0 2px; } -.i-filterselect-prompt .i-filterselect-input { +.v-filterselect-prompt .v-filterselect-input { font-style: normal; } -.i-filterselect-input:focus { +.v-filterselect-input:focus { outline: none; } -.i-filterselect-focus { +.v-filterselect-focus { background-image: url(img/left-focus.png); /** sprite-ref: verticals; sprite-margin-bottom: 1px */ } -.i-filterselect-focus .i-filterselect-input { +.v-filterselect-focus .v-filterselect-input { background-image: url(img/center-focus.png); /** sprite-ref: verticals; sprite-alignment: repeat */ } -.i-filterselect-button { +.v-filterselect-button { overflow: hidden; width: 25px; height: 24px; background-image: url(img/right.png); /** sprite-ref: verticals */ cursor: default; } -.i-filterselect-button:hover { +.v-filterselect-button:hover { background-image: url(img/right-hover.png); /** sprite-ref: verticals */ } -.i-filterselect-button:active { +.v-filterselect-button:active { background-image: url(img/right-pressed.png); /** sprite-ref: verticals */ } -.i-filterselect-focus .i-filterselect-button { +.v-filterselect-focus .v-filterselect-button { background-image: url(img/right-focus.png); /** sprite-ref: verticals */ } -.i-filterselect-focus .i-filterselect-button:hover { +.v-filterselect-focus .v-filterselect-button:hover { background-image: url(img/right-focus-hover.png); /** sprite-ref: verticals */ } -.i-filterselect-focus .i-filterselect-button:active { +.v-filterselect-focus .v-filterselect-button:active { background-image: url(img/right-focus-pressed.png); /** sprite-ref: verticals */ } -.i-disabled .i-filterselect-button:hover, -.i-readonly .i-filterselect-button:hover { +.v-disabled .v-filterselect-button:hover, +.v-readonly .v-filterselect-button:hover { background-image: url(img/right.png); /** sprite-ref: verticals */ } -.i-filterselect-suggestpopup { +.v-filterselect-suggestpopup { background: #f8f8f9; border: none; border-radius: 2px; @@ -66,53 +66,53 @@ -o-border-radius: 2px; overflow: hidden; } -.i-filterselect-suggestmenu .gwt-MenuItem { +.v-filterselect-suggestmenu .gwt-MenuItem { padding: 1px 8px; height: 16px; user-select: none; -moz-user-select: none; -webkit-user-select: none; } -.i-filterselect-suggestmenu .gwt-MenuItem .i-icon { +.v-filterselect-suggestmenu .gwt-MenuItem .v-icon { margin-right: 3px; } -.i-filterselect-suggestmenu .gwt-MenuItem-selected { +.v-filterselect-suggestmenu .gwt-MenuItem-selected { background: transparent; background-repeat: repeat-x; background-image: url(img/sel-bg.png); /** sprite-ref: verticals; sprite-alignment: repeat */ color: #fff; text-shadow: #3b5a7a 0 1px 0; } -.i-filterselect-nextpage, -.i-filterselect-nextpage-off, -.i-filterselect-prevpage-off, -.i-filterselect-prevpage { +.v-filterselect-nextpage, +.v-filterselect-nextpage-off, +.v-filterselect-prevpage-off, +.v-filterselect-prevpage { height: 11px; width: 100%; background: transparent; } -.i-filterselect-nextpage:hover { +.v-filterselect-nextpage:hover { background-repeat: repeat-x; background-image: url(img/page-down-hover.png); /** sprite-ref: verticals; sprite-alignment: repeat */ } -.i-filterselect-prevpage:hover { +.v-filterselect-prevpage:hover { background-repeat: repeat-x; background-image: url(img/page-up-hover.png); /** sprite-ref: verticals; sprite-alignment: repeat */ } -.i-filterselect-nextpage:active { +.v-filterselect-nextpage:active { background-repeat: repeat-x; background-image: url(img/page-down-pressed.png); /** sprite-ref: verticals; sprite-alignment: repeat */ } -.i-filterselect-prevpage:active { +.v-filterselect-prevpage:active { background-repeat: repeat-x; background-image: url(img/page-up-pressed.png); /** sprite-ref: verticals; sprite-alignment: repeat */ } -.i-filterselect-nextpage-off span, -.i-filterselect-prevpage-off span { +.v-filterselect-nextpage-off span, +.v-filterselect-prevpage-off span { display: none; } -.i-filterselect-nextpage span, -.i-filterselect-prevpage span { +.v-filterselect-nextpage span, +.v-filterselect-prevpage span { display: block; height: 11px; width: 100%; @@ -125,16 +125,16 @@ -moz-user-select: none; -webkit-user-select: none; } -.i-filterselect-prevpage span { +.v-filterselect-prevpage span { background-image: url(img/arrow-up.png); /** sprite-ref: verticals; sprite-margin-top: 3px; sprite-margin-bottom: 3px; sprite-alignment: center */ } -.i-filterselect-nextpage:hover span { +.v-filterselect-nextpage:hover span { background-image: url(img/arrow-down-hover.png); /** sprite-ref: verticals; sprite-margin-top: 3px; sprite-margin-bottom: 3px; sprite-alignment: center */ } -.i-filterselect-prevpage:hover span { +.v-filterselect-prevpage:hover span { background-image: url(img/arrow-up-hover.png); /** sprite-ref: verticals; sprite-margin-top: 3px; sprite-margin-bottom: 3px; sprite-alignment: center */ } -.i-filterselect-status { +.v-filterselect-status { text-shadow: #e9eaeb 0 1px 0; font-size: 11px; line-height: normal; @@ -153,28 +153,28 @@ -webkit-user-select: none; } /* IE fails to position background images properly inside table elements */ -.i-ie .i-filterselect-suggestmenu .gwt-MenuItem-selected { +.v-ie .v-filterselect-suggestmenu .gwt-MenuItem-selected { background: transparent url(img/sel-bg.png) repeat-x; } -.i-ie .i-filterselect-nextpage:hover { +.v-ie .v-filterselect-nextpage:hover { background: transparent url(img/page-down-hover.png) repeat-x; } -.i-ie .i-filterselect-prevpage:hover { +.v-ie .v-filterselect-prevpage:hover { background: transparent url(img/page-up-hover.png) repeat-x; } -.i-ie .i-filterselect-prevpage span { +.v-ie .v-filterselect-prevpage span { background: transparent url(img/arrow-up.png) no-repeat center 3px; } -.i-ie .i-filterselect-nextpage span { +.v-ie .v-filterselect-nextpage span { background: transparent url(img/arrow-down.png) no-repeat center 3px; } -.i-ie .i-filterselect-prevpage:hover span { +.v-ie .v-filterselect-prevpage:hover span { background: transparent url(img/arrow-up-hover.png) no-repeat center 3px; } -.i-ie .i-filterselect-nextpage:hover span { +.v-ie .v-filterselect-nextpage:hover span { background: transparent url(img/arrow-down-hover.png) no-repeat center 3px; } -.i-ie .i-filterselect-status { +.v-ie .v-filterselect-status { background: transparent url(img/status-bg.png) repeat-x; } /* Filterselect with icon needs a similar fix than in buttons */ diff --git a/WebContent/ITMILL/themes/reindeer/splitpanel/splitpanel.css b/WebContent/ITMILL/themes/reindeer/splitpanel/splitpanel.css index 00689373cd..f8bc4c2000 100644 --- a/WebContent/ITMILL/themes/reindeer/splitpanel/splitpanel.css +++ b/WebContent/ITMILL/themes/reindeer/splitpanel/splitpanel.css @@ -1,21 +1,21 @@ -.i-splitpanel-horizontal .i-splitpanel-hsplitter { +.v-splitpanel-horizontal .v-splitpanel-hsplitter { width: 7px; background-repeat: repeat-y; background-image: url(img/hor-bg.png); /** sprite-ref: horizontals; sprite-alignment: repeat */ } -.i-splitpanel-horizontal .i-splitpanel-hsplitter div { +.v-splitpanel-horizontal .v-splitpanel-hsplitter div { width: 7px; background: transparent; background-repeat: no-repeat; background-position: 50%; background-image: url(img/hor-handle.png); /** sprite-ref: horizontals; sprite-alignment: middle */ } -.i-splitpanel-vertical .i-splitpanel-vsplitter { +.v-splitpanel-vertical .v-splitpanel-vsplitter { height: 7px; background-repeat: repeat-x; background-image: url(img/ver-bg.png); /** sprite-ref: verticals; sprite-alignment: repeat */ } -.i-splitpanel-vertical .i-splitpanel-vsplitter div { +.v-splitpanel-vertical .v-splitpanel-vsplitter div { height: 7px; background: transparent; background-repeat: no-repeat; diff --git a/WebContent/ITMILL/themes/reindeer/styles.css b/WebContent/ITMILL/themes/reindeer/styles.css index 71c3570ae4..34d31ede0a 100644 --- a/WebContent/ITMILL/themes/reindeer/styles.css +++ b/WebContent/ITMILL/themes/reindeer/styles.css @@ -1,100 +1,100 @@ /* Automatically compiled css file from subdirectories. */ /* ./WebContent/ITMILL/themes/base/absolutelayout/absolutelayout.css */ -.i-absolutelayout-wrapper { +.v-absolutelayout-wrapper { position: absolute; overflow: hidden; } /* ./WebContent/ITMILL/themes/base/accordion/accordion.css */ -.i-accordion { +.v-accordion { position: relative; outline: none; overflow: hidden; text-align: left /* Force default alignment */ } -.i-accordion-item { +.v-accordion-item { position: relative; } -.i-accordion-item-caption { +.v-accordion-item-caption { overflow: hidden; white-space: nowrap; background: #eee; border-bottom: 1px solid #ddd; } -.i-accordion-item-caption .i-caption { +.v-accordion-item-caption .v-caption { cursor: pointer; } -.i-accordion-item-open .i-accordion-item-caption .i-caption { +.v-accordion-item-open .v-accordion-item-caption .v-caption { cursor: default; } -.i-accordion-item-content { +.v-accordion-item-content { position: absolute; overflow: auto; width: 100%; } /* ./WebContent/ITMILL/themes/base/button/button.css */ -.i-button { +.v-button { cursor: pointer; white-space: nowrap; margin: 0; } -.i-button span { +.v-button span { white-space: nowrap; } -.i-checkbox input { +.v-checkbox input { vertical-align: middle; } -.i-button img, -.i-checkbox img { +.v-button img, +.v-checkbox img { display: inline; vertical-align: middle; margin-right: 3px; } -.i-button span, -.i-checkbox label { +.v-button span, +.v-checkbox label { vertical-align: middle; } -.i-button-link { +.v-button-link { border: none; text-align: left; background: none; padding: 0; } /* Inset Safari focus outline a bit */ -.i-sa .i-button-link:focus { +.v-sa .v-button-link:focus { outline-offset: -3px; } -.i-button-link span { +.v-button-link span { text-decoration: underline; } -.i-checkbox { +.v-checkbox { white-space: nowrap; } -.i-checkbox .i-errorindicator { +.v-checkbox .v-errorindicator { float: none; display: inline; padding-left: 1em; background-position: left; } /* Fixes streched buttons in IE6 and IE7*/ -.i-ie6 .i-button { +.v-ie6 .v-button { width: 1px; } -.i-ie6 .i-button, -.i-ie7 .i-button, -.i-ie8 .i-button { +.v-ie6 .v-button, +.v-ie7 .v-button, +.v-ie8 .v-button { overflow: visible; padding-left: 1em; padding-right: 1em; } /* Error indicator on checkbox fix for IE6 */ -.i-ie6 .i-checkbox * { +.v-ie6 .v-checkbox * { float: left; display: inline; /* In effect, does nothing, since float:left forces block-rendering, but will fix "double-float-margin-bug" */ } -.i-ie6 .i-checkbox .i-errorindicator { +.v-ie6 .v-checkbox .v-errorindicator { background-position: right; display: inline; float: left; @@ -102,85 +102,85 @@ padding-right: 0.4em; } /* Error indicator on checkbox fix for IE7 */ -.i-ie7 .i-checkbox *, -.i-ie8 .i-checkbox * { +.v-ie7 .v-checkbox *, +.v-ie8 .v-checkbox * { float: left; } -.i-ie7 .i-checkbox .i-errorindicator, -.i-ie8 .i-checkbox .i-errorindicator { +.v-ie7 .v-checkbox .v-errorindicator, +.v-ie8 .v-checkbox .v-errorindicator { background-position: right; float: left; padding-left: 0; padding-right: 0.7em; } /* Error indicator on button fix for IE */ -.i-ie6 button .i-errorindicator, -.i-ie7 button .i-errorindicator, -.i-ie8 button .i-errorindicator { +.v-ie6 button .v-errorindicator, +.v-ie7 button .v-errorindicator, +.v-ie8 button .v-errorindicator { display: inline; padding-right: 0.5em; } /* Disabled by default -.i-checkbox-error { +.v-checkbox-error { background: #ffe0e0; } */ /* Disabled by default -.i-checkbox-required { +.v-checkbox-required { background: #ffe0e0; } */ /* ./WebContent/ITMILL/themes/base/caption/caption.css */ -.i-captionwrapper { +.v-captionwrapper { text-align: left; /* Force default alignment */ } -.i-caption { +.v-caption { overflow: hidden; white-space: nowrap; } -.i-errorindicator { +.v-errorindicator { float: left; } -.i-caption .i-icon { +.v-caption .v-icon { float: left; padding-right: 2px; vertical-align: middle; } -.i-caption .i-captiontext { +.v-caption .v-captiontext { float: left; overflow: hidden; vertical-align: middle; } -.i-caption .i-required-field-indicator { +.v-caption .v-required-field-indicator { float: left; } /* Fix IE6 "double-float-margin-bug" */ -.i-ie6 .i-errorindicator, -.i-ie6 .i-icon, -.i-ie6 .i-captiontext, -.i-ie6 .i-required-field-indicator { +.v-ie6 .v-errorindicator, +.v-ie6 .v-icon, +.v-ie6 .v-captiontext, +.v-ie6 .v-required-field-indicator { display: inline; } /* ./WebContent/ITMILL/themes/base/common/common.css */ /* References the BODY tag generated by Vaadin application servlet */ -.i-generated-body { +.v-generated-body { width: 100%; height: 100%; border: 0; margin: 0; overflow: hidden; } -.i-app { +.v-app { height: 100%; } -.i-app-loading { +.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 .i-app */ + /* It is applied to the same element as .v-app */ } -.i-view { +.v-view { height: 100%; width: 100%; overflow: auto; @@ -195,124 +195,124 @@ * needs application specific planning and CSS tuning. */ @media print { - .i-generated-body { + .v-generated-body { height: auto; min-height: 20cm; overflow: visible; } - .i-app { + .v-app { height: auto; min-height: 20cm; } - .i-view { + .v-view { overflow: visible; } - .i-gridlayout { + .v-gridlayout { overflow: visible !important; } } -.i-view:active, -.i-view:focus { +.v-view:active, +.v-view:focus { outline: none; } -.i-app select, -.i-window select { +.v-app select, +.v-window select { margin: 0; } -.i-disabled { +.v-disabled { opacity: .3; filter: alpha(opacity=30); cursor: default; } -.i-disabled * { +.v-disabled * { cursor: default; } -* html .i-disabled { +* html .v-disabled { zoom: 1; } -*+html .i-disabled { +*+html .v-disabled { zoom: 1; } -.i-disabled .i-disabled { +.v-disabled .v-disabled { opacity: 1; } -.i-required-field-indicator { +.v-required-field-indicator { padding-left: 2px; color: red; } -.i-form fieldset { +.v-form fieldset { border: none; padding: 0; margin: 0; } /* Field modified */ /* Disabled by default -.i-modified, -.i-richtextarea.i-modified iframe.gwt-RichTextArea, -.i-checkbox.i-modified, -.i-modified .i-select-option, -.i-modified .i-textfield, -.i-modified .i-datefield-calendarpanel, -.i-modified .i-select-select, -.i-modified .i-select-twincol-selections, -.i-modified .i-select-twincol-options, -.i-modified .i-slider-base { +.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; } */ -.i-tooltip { +.v-tooltip { cursor: default; background: #fff; } -.i-tooltip-text { +.v-tooltip-text { overflow: auto; } -.i-tooltip .i-errormessage { +.v-tooltip .v-errormessage { overflow: auto; } -.i-contextmenu { +.v-contextmenu { background: #fff; } -.i-contextmenu .gwt-MenuItem { +.v-contextmenu .gwt-MenuItem { cursor: pointer; vertical-align: middle; padding: 0; border: 0; margin: 0; } -.i-contextmenu .gwt-MenuItem div { +.v-contextmenu .gwt-MenuItem div { cursor: pointer; vertical-align: middle; white-space: nowrap; } -.i-contextmenu .gwt-MenuItem-selected div { +.v-contextmenu .gwt-MenuItem-selected div { background: #aaa; color: #fff; } -.i-contextmenu table { +.v-contextmenu table { border-collapse: collapse; margin: 0; padding: 0; } -.i-contextmenu .gwt-MenuItem img { +.v-contextmenu .gwt-MenuItem img { margin-right: 1em; vertical-align: middle; } /* Label has tiny paddings to include possible content margins */ -.i-label { +.v-label { padding-top: 1px; padding-bottom: 1px; } /* A label with undefined width is always considered to be on one line */ -.i-label-undef-w { +.v-label-undef-w { white-space: nowrap; } /* Loading indicator states * Note: client side expects that loading indicator has a height. It depends on * this css property to ensure browsers have applied all required styles. */ -.i-loading-indicator, -.i-loading-indicator-delay, -.i-loading-indicator-wait { +.v-loading-indicator, +.v-loading-indicator-delay, +.v-loading-indicator-wait { height: 16px; position: absolute; top: 0; @@ -320,589 +320,589 @@ z-index: 30000; } /* Debug dialog */ -.i-debug-console { +.v-debug-console { background: #fff; opacity: .9; border: 1px solid #000; font-family: sans-serif; } -.i-debug-console-caption { +.v-debug-console-caption { background: #000; border-bottom: 1px solid grey; color: white; font-weight: bold; } -.i-debug-console-content { +.v-debug-console-content { font-size: x-small; overflow: auto; } -.i-debug-console-content input { +.v-debug-console-content input { font-size: xx-small; } /* Debug style */ -.i-app .invalidlayout, -.i-app .invalidlayout * { +.v-app .invalidlayout, +.v-app .invalidlayout * { background: #f99 !important; } /* Fix for Liferay, issue #2384 */ -.i-app input[type="text"], -.i-app input[type="password"], -.i-app input[type="reset"], -.i-app select, -.i-app textarea { +.v-app input[type="text"], +.v-app input[type="password"], +.v-app input[type="reset"], +.v-app select, +.v-app textarea { padding: 2px; } /* ./WebContent/ITMILL/themes/base/customcomponent/customcomponent.css */ -.i-customcomponent { +.v-customcomponent { overflow: hidden; } /* ./WebContent/ITMILL/themes/base/customlayout/customlayout.css */ -.i-customlayout { +.v-customlayout { overflow: hidden; } /* ./WebContent/ITMILL/themes/base/datefield/datefield.css */ -.i-datefield { +.v-datefield { white-space: nowrap; } -.i-datefield-textfield { +.v-datefield-textfield { vertical-align: top; } -.i-datefield-button { +.v-datefield-button { cursor: pointer; } -.i-datefield-calendarpanel table { +.v-datefield-calendarpanel table { width: 100%; } -.i-datefield-calendarpanel td { +.v-datefield-calendarpanel td { width: 14.2%; padding: 0; margin: 0; } -.i-datefield-calendarpanel-header td { +.v-datefield-calendarpanel-header td { text-align: center; } -.i-datefield-calendarpanel-month { +.v-datefield-calendarpanel-month { text-align: center; white-space: nowrap; } -.i-datefield-calendarpanel-day, -.i-datefield-calendarpanel-day-today { +.v-datefield-calendarpanel-day, +.v-datefield-calendarpanel-day-today { cursor: pointer; } -.i-datefield-calendarpanel-day-today { +.v-datefield-calendarpanel-day-today { border: 1px solid #ddd; } -.i-disabled .i-datefield-calendarpanel-day, -.i-disabled .i-datefield-calendarpanel-day-today { +.v-disabled .v-datefield-calendarpanel-day, +.v-disabled .v-datefield-calendarpanel-day-today { cursor: default; } -.i-datefield-calendarpanel-day-disabled { +.v-datefield-calendarpanel-day-disabled { cursor: default; opacity: .5; } -.i-datefield-calendarpanel-day-selected { +.v-datefield-calendarpanel-day-selected { cursor: default; background: #333; color: #fff; } -.i-datefield-time { +.v-datefield-time { white-space: nowrap; } -.i-datefield-time .i-label { +.v-datefield-time .v-label { display: inline; } /* Disabled by default -.i-datefield-error .i-textfield, -.i-datefield-error .i-datefield-calendarpanel { +.v-datefield-error .v-textfield, +.v-datefield-error .v-datefield-calendarpanel { background: #ffe0e0; } */ /* Disabled by default -.i-datefield-required .i-textfield, -.i-datefield-required .i-datefield-calendarpanel { +.v-datefield-required .v-textfield, +.v-datefield-required .v-datefield-calendarpanel { background:transparent; background-color: #ffe0e0; } */ -/* IE somehow loses generic i-disabled alpha. See #1960 */ -.i-ie6 .i-disabled .i-datefield-button, -.i-ie6 .i-disabled .i-datefield-textfield, -.i-ie7 .i-disabled .i-datefield-button, -.i-ie7 .i-disabled .i-datefield-textfield { +/* IE somehow loses generic v-disabled alpha. See #1960 */ +.v-ie6 .v-disabled .v-datefield-button, +.v-ie6 .v-disabled .v-datefield-textfield, +.v-ie7 .v-disabled .v-datefield-button, +.v-ie7 .v-disabled .v-datefield-textfield { filter: alpha(opacity=30); } /* ./WebContent/ITMILL/themes/base/formlayout/formlayout.css */ -.i-formlayout-cell .i-errorindicator { +.v-formlayout-cell .v-errorindicator { display: block; } -.i-formlayout-captioncell { +.v-formlayout-captioncell { text-align:right; white-space: nowrap; } -.i-formlayout-captioncell .i-caption { +.v-formlayout-captioncell .v-caption { overflow: visible; } -.i-formlayout-spacing .i-formlayout-row .i-formlayout-captioncell, -.i-formlayout-spacing .i-formlayout-row .i-formlayout-contentcell, -.i-formlayout-spacing .i-formlayout-row .i-formlayout-errorcell { +.v-formlayout-spacing .v-formlayout-row .v-formlayout-captioncell, +.v-formlayout-spacing .v-formlayout-row .v-formlayout-contentcell, +.v-formlayout-spacing .v-formlayout-row .v-formlayout-errorcell { padding-top: 1em; } -.i-formlayout-spacing .i-formlayout-firstrow .i-formlayout-captioncell, -.i-formlayout-spacing .i-formlayout-firstrow .i-formlayout-contentcell, -.i-formlayout-spacing .i-formlayout-firstrow .i-formlayout-errorcell { +.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; } -.i-formlayout-margin-top .i-formlayout-firstrow .i-formlayout-captioncell, -.i-formlayout-margin-top .i-formlayout-firstrow .i-formlayout-contentcell, -.i-formlayout-margin-top .i-formlayout-firstrow .i-formlayout-errorcell { +.v-formlayout-margin-top .v-formlayout-firstrow .v-formlayout-captioncell, +.v-formlayout-margin-top .v-formlayout-firstrow .v-formlayout-contentcell, +.v-formlayout-margin-top .v-formlayout-firstrow .v-formlayout-errorcell { padding-top: 2em; } -.i-formlayout-margin-bottom .i-formlayout-lastrow .i-formlayout-captioncell, -.i-formlayout-margin-bottom .i-formlayout-lastrow .i-formlayout-contentcell, -.i-formlayout-margin-bottom .i-formlayout-lastrow .i-formlayout-errorcell { +.v-formlayout-margin-bottom .v-formlayout-lastrow .v-formlayout-captioncell, +.v-formlayout-margin-bottom .v-formlayout-lastrow .v-formlayout-contentcell, +.v-formlayout-margin-bottom .v-formlayout-lastrow .v-formlayout-errorcell { padding-bottom: 2em; } -.i-formlayout-margin-left .i-formlayout-captioncell { +.v-formlayout-margin-left .v-formlayout-captioncell { padding-left: 2em; } -.i-formlayout-margin-right .i-formlayout-contentcell { +.v-formlayout-margin-right .v-formlayout-contentcell { padding-right: 2em; } -.i-formlayout-captioncell .i-caption .i-required-field-indicator { +.v-formlayout-captioncell .v-caption .v-required-field-indicator { float: none; } /* ./WebContent/ITMILL/themes/base/gridlayout/gridlayout.css */ -.i-gridlayout-margin-top { +.v-gridlayout-margin-top { padding-top: 2em; } -.i-gridlayout-margin-bottom { +.v-gridlayout-margin-bottom { padding-bottom: 2em; } -.i-gridlayout-margin-left { +.v-gridlayout-margin-left { padding-left: 2em; } -.i-gridlayout-margin-right { +.v-gridlayout-margin-right { padding-right: 2em; } -.i-gridlayout-spacing-on { +.v-gridlayout-spacing-on { padding-left: 1em; padding-top: 1em; overflow: hidden; } -.i-gridlayout-spacing, -.i-gridlayout-spacing-off { +.v-gridlayout-spacing, +.v-gridlayout-spacing-off { padding-left: 0; padding-top: 0; } -.i-gridlayout-spacing-off { +.v-gridlayout-spacing-off { overflow: hidden; } /* Ensure that resizing gridlayout works in IE */ -.i-ie6 .i-gridlayout, -.i-ie7 .i-gridlayout { +.v-ie6 .v-gridlayout, +.v-ie7 .v-gridlayout { overflow: hidden; } /* ./WebContent/ITMILL/themes/base/link/link.css */ -.i-link { +.v-link { white-space: nowrap; } -.i-link a { +.v-link a { vertical-align: middle; text-decoration: none; } -.i-link span { +.v-link span { text-decoration: underline; vertical-align: middle; } -.i-disabled a { +.v-disabled a { cursor: default; } -.i-link img { +.v-link img { vertical-align: middle; border:none; } /* ./WebContent/ITMILL/themes/base/menubar/menubar.css */ -.i-menubar table { +.v-menubar table { white-space: nowrap; border-collapse: collapse; padding: 0; margin: 0; } -.i-menubar table { +.v-menubar table { white-space: nowrap; border-collapse: collapse; padding: 0; margin: 0; } -.i-menubar .menuitem { +.v-menubar .menuitem { cursor : default; } -.i-menubar-submenu { +.v-menubar-submenu { background: #fff; } -.i-menubar-submenu table { +.v-menubar-submenu table { white-space: nowrap; border-collapse: collapse; padding: 0; margin: 0; } -.i-menubar-submenu table td { +.v-menubar-submenu table td { white-space: nowrap; padding: 0; margin: 0; } -.i-menubar .menuitem-selected, -.i-menubar-submenu .menuitem-selected { +.v-menubar .menuitem-selected, +.v-menubar-submenu .menuitem-selected { background: #333; color: #fff; } -.i-menubar-submenu .menuitem { +.v-menubar-submenu .menuitem { cursor: default; } /* ./WebContent/ITMILL/themes/base/notification/notification.css */ -.i-Notification { +.v-Notification { background: #999; color: #fff; cursor: pointer; overflow: hidden; padding: 1em; } -.i-Notification h1, -.i-Notification p, -.i-Notification.error h1, -.i-Notification.error p, -.i-Notification.warning h1, -.i-Notification.warning p { +.v-Notification h1, +.v-Notification p, +.v-Notification.error h1, +.v-Notification.error p, +.v-Notification.warning h1, +.v-Notification.warning p { display: inline; white-space: nowrap; margin: 0 0.5em 0 0; } -.i-Notification.warning { +.v-Notification.warning { background: orange; } -.i-Notification.error { +.v-Notification.error { background: red; } -.i-Notification.tray h1 { +.v-Notification.tray h1 { display: block; } -.i-Notification.tray p { +.v-Notification.tray p { display: block; } -.i-Notification.system { +.v-Notification.system { background-color: red; opacity: .7; filter: alpha(opacity=70); } -.i-Notification.system h1 { +.v-Notification.system h1 { display: block; margin: 0; } -.i-Notification.system p { +.v-Notification.system p { white-space: nowrap; } /* ./WebContent/ITMILL/themes/base/orderedlayout/orderedlayout.css */ -.i-orderedlayout-margin-top, -.i-horizontallayout-margin-top, -.i-verticallayout-margin-top { +.v-orderedlayout-margin-top, +.v-horizontallayout-margin-top, +.v-verticallayout-margin-top { padding-top: 2em; } -.i-orderedlayout-margin-right, -.i-horizontallayout-margin-right, -.i-verticallayout-margin-right { +.v-orderedlayout-margin-right, +.v-horizontallayout-margin-right, +.v-verticallayout-margin-right { padding-right: 2em; } -.i-orderedlayout-margin-bottom, -.i-horizontallayout-margin-bottom, -.i-verticallayout-margin-bottom { +.v-orderedlayout-margin-bottom, +.v-horizontallayout-margin-bottom, +.v-verticallayout-margin-bottom { padding-bottom: 2em; } -.i-orderedlayout-margin-left, -.i-horizontallayout-margin-left, -.i-verticallayout-margin-left { +.v-orderedlayout-margin-left, +.v-horizontallayout-margin-left, +.v-verticallayout-margin-left { padding-left: 2em; } -.i-orderedlayout-spacing-on, -.i-horizontallayout-spacing-on, -.i-verticallayout-spacing-on { +.v-orderedlayout-spacing-on, +.v-horizontallayout-spacing-on, +.v-verticallayout-spacing-on { padding-top: 1em; padding-left: 1em; } /* This can be used to define spacing if spacing is off server side */ -.i-orderedlayout-spacing-off, -.i-horizontallayout-spacing-off, -.i-verticallayout-spacing-off { +.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 */ -.i-ie6 .i-orderedlayout, -.i-ie6 .i-horizontallayout, -.i-ie6 .i-verticallayout, -.i-ie7 .i-orderedlayout, -.i-ie7 .i-horizontallayout, -.i-ie7 .i-verticallayout { +.v-ie6 .v-orderedlayout, +.v-ie6 .v-horizontallayout, +.v-ie6 .v-verticallayout, +.v-ie7 .v-orderedlayout, +.v-ie7 .v-horizontallayout, +.v-ie7 .v-verticallayout { overflow: hidden; } /* ./WebContent/ITMILL/themes/base/panel/panel.css */ -.i-panel, -.i-panel-caption, -.i-panel-content, -.i-panel-deco, -.i-panel-light, -.i-panel-caption-light, -.i-panel-content-light, -.i-panel-deco-light { +.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 */ } -.i-panel-caption .i-errorindicator { +.v-panel-caption .v-errorindicator { float: none; display: inline; } -.i-panel-caption .i-icon { +.v-panel-caption .v-icon { display: inline; vertical-align: middle; } -.i-panel-caption span { +.v-panel-caption span { vertical-align: middle; } -.i-panel-caption { +.v-panel-caption { white-space: nowrap; overflow:hidden; font-weight: bold; } -.i-panel-nocaption { +.v-panel-nocaption { overflow: hidden; } -.i-panel-content { +.v-panel-content { overflow: auto; } -.i-panel-deco { +.v-panel-deco { } /* ./WebContent/ITMILL/themes/base/popupview/popupview.css */ -.i-popupview { +.v-popupview { cursor: pointer; width: 5px; height: 5px; background: #aaa; } -.i-popupview-popup { +.v-popupview-popup { overflow: auto; } /* ./WebContent/ITMILL/themes/base/progressindicator/progressindicator.css */ -.i-progressindicator { +.v-progressindicator { overflow: hidden; /* for IE6 */ width: 150px; } -.i-progressindicator-wrapper { +.v-progressindicator-wrapper { overflow: hidden; /* for IE6 */ height: 9px; border: 1px solid #ddd; } -.i-progressindicator-disabled { +.v-progressindicator-disabled { height: 9px; overflow: hidden; /* for IE6 */ } -.i-progressindicator-indicator { +.v-progressindicator-indicator { height: 9px; overflow: hidden; /* for IE6 */ background: #ddd; } -.i-progressindicator-indeterminate { +.v-progressindicator-indeterminate { height: 16px; width: 16px; overflow: hidden; /* for IE6 */ } /* Hide obsolete elements in indeterminate mode */ -.i-progressindicator-indeterminate .i-progressindicator-wrapper, -.i-progressindicator-indeterminate .i-progressindicator-indicator, -.i-progressindicator-indeterminate-disabled .i-progressindicator-wrapper, -.i-progressindicator-indeterminate-disabled .i-progressindicator-indicator { +.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; } -.i-progressindicator-indeterminate-disabled { +.v-progressindicator-indeterminate-disabled { height: 16px; width: 16px; overflow: hidden; /* for IE6 */ } /* ./WebContent/ITMILL/themes/base/select/select.css */ -.i-select { +.v-select { text-align: left; } -.i-select-optiongroup .i-select-option { +.v-select-optiongroup .v-select-option { display: block; white-space: nowrap; } -.i-ie .i-select-optiongroup .i-select-option { +.v-ie .v-select-optiongroup .v-select-option { zoom: 1; } -.i-select-select { +.v-select-select { display: block; } -.i-select-twincol { +.v-select-twincol { white-space: nowrap; } -.i-select-twincol-options { +.v-select-twincol-options { float: left; } -.i-select-twincol-selections { +.v-select-twincol-selections { font-weight: bold; } -.i-select-twincol-buttons { +.v-select-twincol-buttons { float: left; text-align: center; } -.i-select-twincol-buttons .i-select-twincol-deco { +.v-select-twincol-buttons .v-select-twincol-deco { clear: both; } -.i-select-twincol .i-textfield { +.v-select-twincol .v-textfield { display: block; float: left; clear: left; } -.i-select-twincol .i-button { +.v-select-twincol .v-button { display: block; float: left; } -.i-select-twincol-buttons .i-button { +.v-select-twincol-buttons .v-button { display: inline; float: none; } -.i-filterselect { +.v-filterselect { white-space: nowrap; text-align: left; } -.i-filterselect .i-icon { +.v-filterselect .v-icon { float: left; } -.i-app .i-filterselect-input, -.i-window .i-filterselect-input, -.i-popupview-popup .i-filterselect-input { +.v-app .v-filterselect-input, +.v-window .v-filterselect-input, +.v-popupview-popup .v-filterselect-input { float: left; } -.i-filterselect-prompt .i-filterselect-input { +.v-filterselect-prompt .v-filterselect-input { color: #999; font-style: italic; } -.i-filterselect-button { +.v-filterselect-button { float: right; cursor: pointer; } -.i-filterselect.i-readonly .i-filterselect-button { +.v-filterselect.v-readonly .v-filterselect-button { display: none; } -.i-filterselect-suggestpopup { +.v-filterselect-suggestpopup { background: #fff; border: 1px solid #eee; } -.i-filterselect-suggestmenu table { +.v-filterselect-suggestmenu table { border-collapse: collapse; border: none; } -.i-filterselect-suggestmenu .gwt-MenuItem { +.v-filterselect-suggestmenu .gwt-MenuItem { white-space: nowrap; } -.i-filterselect-suggestmenu .gwt-MenuItem .i-icon { +.v-filterselect-suggestmenu .gwt-MenuItem .v-icon { margin-right: 3px; vertical-align: middle; } -.i-filterselect-suggestmenu .gwt-MenuItem span { +.v-filterselect-suggestmenu .gwt-MenuItem span { vertical-align: middle; } -.i-filterselect-suggestmenu .gwt-MenuItem-selected { +.v-filterselect-suggestmenu .gwt-MenuItem-selected { background: #333; color: #fff; } -.i-filterselect-nextpage, -.i-filterselect-nextpage-off, -.i-filterselect-prevpage-off, -.i-filterselect-prevpage { +.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; } -.i-filterselect-nextpage-off, -.i-filterselect-prevpage-off { +.v-filterselect-nextpage-off, +.v-filterselect-prevpage-off { color: #666; opacity: .5; filter: alpha(opacity=50); cursor: default; } -.i-filterselect-nextpage-off span, -.i-filterselect-prevpage-off span { +.v-filterselect-nextpage-off span, +.v-filterselect-prevpage-off span { cursor: default; } -.i-filterselect-status { +.v-filterselect-status { white-space: nowrap; text-align: center; } /* Error styles (disabled by default) -.i-filterselect-error .i-filterselect-input, -.i-select-error .i-select-option, -.i-select-error .i-select-select, -.i-select-error .i-select-twincol-selections, -.i-select-error .i-select-twincol-options { +.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) -.i-filterselect-error .i-filterselect-input, -.i-select-required .i-select-option, -.i-select-required .i-select-select, -.i-select-required .i-select-twincol-selections, -.i-select-required .i-select-twincol-options { +.v-filterselect-error .v-filterselect-input, +.v-select-required .v-select-option, +.v-select-required .v-select-select, +.v-select-required .v-select-twincol-selections, +.v-select-required .v-select-twincol-options { background: #ffaaaa; } */ /* ./WebContent/ITMILL/themes/base/shadow/shadow.css */ -.i-shadow { +.v-shadow { position: absolute; } -.i-shadow .top-left { +.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); } -.i-shadow .top { +.v-shadow .top { position: absolute; overflow: hidden; top: -3px; left: 5px; height: 10px; right: 5px; background: transparent url(../base/shadow/img/top.png); } -.i-shadow .top-right { +.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); } -.i-shadow .left { +.v-shadow .left { position: absolute; overflow: hidden; top: 7px; left: -5px; width: 10px; @@ -910,14 +910,14 @@ background: transparent url(../base/shadow/img/left.png); } -.i-shadow .center { +.v-shadow .center { position: absolute; overflow: hidden; top: 7px; left: 5px; bottom: 3px; right: 5px; background: transparent url(../base/shadow/img/center.png); } -.i-shadow .right { +.v-shadow .right { position: absolute; overflow: hidden; top: 7px; right: -5px; width: 10px; @@ -925,21 +925,21 @@ background: transparent url(../base/shadow/img/right.png); } -.i-shadow .bottom-left { +.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); } -.i-shadow .bottom { +.v-shadow .bottom { position: absolute; overflow: hidden; bottom: -7px; left: 5px; right: 5px; height: 10px; background: transparent url(../base/shadow/img/bottom.png); } -.i-shadow .bottom-right { +.v-shadow .bottom-right { position: absolute; overflow: hidden; bottom: -7px; right: -5px; width: 10px; height: 10px; @@ -952,11 +952,11 @@ /* For IE6 (no transparent png's, we use a blur filter) */ -.i-ie6 .i-shadow * { +.v-ie6 .v-shadow * { display: none; } -.i-ie6 .i-shadow { +.v-ie6 .v-shadow { background: #000; filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=2) alpha(opacity=20); margin-top: -3px; @@ -964,10 +964,10 @@ } /* ./WebContent/ITMILL/themes/base/slider/slider.css */ -.i-slider { +.v-slider { margin: 5px 0; } -.i-slider-base { +.v-slider-base { /* changing the borders will require adjustments to ISlider.java */ height: 2px; border-top: 1px solid #ddd; @@ -976,7 +976,7 @@ border-right: 1px solid #eee; } -.i-slider-handle { +.v-slider-handle { background: #aaa; width: 12px; height: 12px; @@ -985,7 +985,7 @@ cursor: pointer; } -.i-slider-vertical { +.v-slider-vertical { width: 2px; height: auto; margin: 0 5px; @@ -993,12 +993,12 @@ border-left: 1px solid #cccfd0; border-right: 1px solid #cccfd0; } -.i-slider-vertical .i-slider-base { +.v-slider-vertical .v-slider-base { width: 2px; border-bottom: 1px solid #eee; border-right: none; } -.i-slider-vertical .i-slider-handle { +.v-slider-vertical .v-slider-handle { width: 12px; height: 12px; font-size: 0; @@ -1007,38 +1007,38 @@ } /* Disabled by default -.i-slider-error .i-slider-base { +.v-slider-error .v-slider-base { background: #FFE0E0; } */ /* Disabled by default -.i-slider-required .i-slider-base { +.v-slider-required .v-slider-base { background: #FFE0E0; } */ /* IE specific styles */ -.i-ie6 .i-slider, -.i-ie6 .i-slider-vertical { +.v-ie6 .v-slider, +.v-ie6 .v-slider-vertical { margin: 0; } -.i-ie6 .i-slider .i-slider-handle { +.v-ie6 .v-slider .v-slider-handle { margin: -1px 0; } -.i-ie6 .i-slider-vertical .i-slider-handle { +.v-ie6 .v-slider-vertical .v-slider-handle { margin: 0 -1px; } /* ./WebContent/ITMILL/themes/base/splitpanel/splitpanel.css */ -.i-splitpanel-horizontal, -.i-splitpanel-vertical { +.v-splitpanel-horizontal, +.v-splitpanel-vertical { overflow: hidden; } -.i-splitpanel-horizontal .i-splitpanel-hsplitter { +.v-splitpanel-horizontal .v-splitpanel-hsplitter { width: 6px; font-size: 1px; /* for IE6 */ } -.i-splitpanel-horizontal .i-splitpanel-hsplitter div { +.v-splitpanel-horizontal .v-splitpanel-hsplitter div { width: 6px; font-size: 1px; /* for IE6 */ position: absolute; @@ -1047,18 +1047,18 @@ background: #ddd; cursor: e-resize; } -.i-splitpanel-vertical .i-splitpanel-vsplitter { +.v-splitpanel-vertical .v-splitpanel-vsplitter { height: 6px; font-size: 1px; /* for IE6 */ } -.i-splitpanel-vertical .i-splitpanel-vsplitter div { +.v-splitpanel-vertical .v-splitpanel-vsplitter div { height: 6px; font-size: 1px; /* for IE6 */ background: #ddd; cursor: n-resize; } /* IE specific styles */ -.i-ie6 .i-splitpanel-horizontal .i-splitpanel-hsplitter div { +.v-ie6 .v-splitpanel-horizontal .v-splitpanel-hsplitter div { height: 99%; } @@ -1071,48 +1071,48 @@ * these instructions. * * Borders in table header and in table body need to be same width - * - specify vertical borders on .i-table-header-wrap and .i-table-body + * - 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: .i-table-cell-content) + * - 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: .i-table-cell-wrapper) element + * - 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 .i-table-resizer and - * .i-table-caption-container div elements, which are both floated to right - * - to align header caption to body content resizer width + .i-table-caption-container + * - 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. * */ -.i-table { +.v-table { overflow: hidden; text-align: left; /* Force default alignment */ } -.i-table-header-wrap { +.v-table-header-wrap { overflow: hidden; border: 1px solid #aaa; border-bottom: none; background: #efefef; } -.i-table-header table, -.i-table-table { +.v-table-header table, +.v-table-table { border-spacing: 0; margin: 0; padding: 0; border: 0; } -.i-table-header td { +.v-table-header td { padding: 0; } -.i-table-header-cell, -.i-table-header-cell-asc, -.i-table-header-cell-desc { +.v-table-header-cell, +.v-table-header-cell-asc, +.v-table-header-cell-desc { cursor: pointer; } -.i-table-resizer { +.v-table-resizer { display: block; height: 1.2em; float: right; @@ -1121,48 +1121,48 @@ width: 1px; overflow: hidden; } -.i-table-caption-container { +.v-table-caption-container { float: right; overflow: hidden; white-space: nowrap; padding-right: 6px; } -.i-table-header-cell-asc .i-table-caption-container { +.v-table-header-cell-asc .v-table-caption-container { background: transparent url(../base/common/img/sprites.png) no-repeat right 6px; } -.i-table-header-cell-desc .i-table-caption-container { +.v-table-header-cell-desc .v-table-caption-container { background: transparent url(../base/common/img/sprites.png) no-repeat right -10px; } -.i-table-body { +.v-table-body { border: 1px solid #aaa; } -.i-table-row-spacer { +.v-table-row-spacer { height: 10px; overflow: hidden; /* IE hack to allow < one line height divs */ } -.i-table-row, -.i-table-row-odd { +.v-table-row, +.v-table-row-odd { border: 0; margin: 0; padding: 0; cursor: default; } -.i-table .i-selected { +.v-table .v-selected { background: #999; color: #fff; } -.i-table-cell-content { +.v-table-cell-content { white-space: nowrap; overflow: hidden; padding: 0 6px; border-right: 1px solid #aaa; } -.i-table-cell-wrapper { +.v-table-cell-wrapper { /* Do not specify any margins, paddings or borders here */ white-space: nowrap; overflow: hidden; } -.i-table-column-selector { +.v-table-column-selector { float: right; background: transparent url(../base/common/img/sprites.png) no-repeat 4px -37px; margin: -1.2em 0 0 0; @@ -1171,19 +1171,19 @@ position: relative; /* hide this from IE, it works without it */ cursor: pointer; } -.i-ie6 .i-table-column-selector, -.i-ie7 .i-table-column-selector { +.v-ie6 .v-table-column-selector, +.v-ie7 .v-table-column-selector { position: static; } -.i-table-focus-slot-left { +.v-table-focus-slot-left { border-left: 2px solid #999; margin-right: -2px; } -.i-table-focus-slot-right { +.v-table-focus-slot-right { border-right: 2px solid #999; margin-left: -2px; } -.i-table-header-drag { +.v-table-header-drag { position: absolute; background: #efefef; border: 1px solid #eee; @@ -1192,31 +1192,31 @@ margin-top: 20px; z-index: 30000; } -.i-table-scrollposition { +.v-table-scrollposition { width: 160px; background: #eee; border: 1px solid #aaa; } -.i-table-scrollposition span { +.v-table-scrollposition span { display: block; text-align: center; } /* row in column selector */ -.i-on div { +.v-on div { } -.i-off div { +.v-off div { color: #ddd; } /* ./WebContent/ITMILL/themes/base/tabsheet/tabsheet.css */ -.i-tabsheet, -.i-tabsheet-content, -.i-tabsheet-deco { +.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 */ } -.i-tabsheet-tabs { +.v-tabsheet-tabs { empty-cells: hide; border-collapse: collapse; margin: 0; @@ -1225,166 +1225,166 @@ width: 100%; overflow:hidden; } -.i-tabsheet-tabitemcell, -.i-tabsheet-spacertd { +.v-tabsheet-tabitemcell, +.v-tabsheet-spacertd { margin: 0; padding: 0; vertical-align: bottom; } -.i-tabsheet-spacertd { +.v-tabsheet-spacertd { width: 100%; } -.i-tabsheet-spacertd div { +.v-tabsheet-spacertd div { border-left: 1px solid #aaa; border-bottom: 1px solid #aaa; height: 1em; padding: 0.2em 0; } -.i-tabsheet-hidetabs .i-tabsheet-tabcontainer { +.v-tabsheet-hidetabs .v-tabsheet-tabcontainer { display: none; } -.i-tabsheet-scroller { +.v-tabsheet-scroller { white-space: nowrap; text-align: right; margin-top: -1em; } -.i-tabsheet-scrollerPrev, -.i-tabsheet-scrollerNext, -.i-tabsheet-scrollerPrev-disabled, -.i-tabsheet-scrollerNext-disabled { +.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; } -.i-tabsheet-scrollerPrev-disabled, -.i-tabsheet-scrollerNext-disabled { +.v-tabsheet-scrollerPrev-disabled, +.v-tabsheet-scrollerNext-disabled { opacity: 0.5; cursor: default; } -.i-tabsheet-tabs .i-caption, -.i-tabsheet-tabs .i-caption span { +.v-tabsheet-tabs .v-caption, +.v-tabsheet-tabs .v-caption span { white-space: nowrap; } -.i-tabsheet-tabitem { +.v-tabsheet-tabitem { border: 1px solid #aaa; border-right: none; cursor: pointer; padding: 0.2em 0.5em; } -.i-tabsheet-tabitem-selected { +.v-tabsheet-tabitem-selected { cursor: default; border-bottom-color: #fff; } -.i-tabsheet-content { +.v-tabsheet-content { border: 1px solid #aaa; - /* Vertical borders are not supported, use i-tabsheet-tabcontainer and i-tabsheet-deco to present these borders */ + /* 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; } -.i-tabsheet-deco { +.v-tabsheet-deco { height: 1px; background: #aaa; overflow: hidden; } -.i-tabsheet-hidetabs .i-tabsheet-content { +.v-tabsheet-hidetabs .v-tabsheet-content { border: none; } -.i-tabsheet-hidetabs .i-tabsheet-deco { +.v-tabsheet-hidetabs .v-tabsheet-deco { height: 0; } /* ./WebContent/ITMILL/themes/base/textfield/textfield.css */ -.i-textfield { +.v-textfield { text-align: left /* Force default alignment */ } -.i-textarea { +.v-textarea { } -.i-textfield-focus, -.i-textarea-focus { +.v-textfield-focus, +.v-textarea-focus { } -input.i-textfield-prompt, -textarea.i-textarea-prompt { +input.v-textfield-prompt, +textarea.v-textarea-prompt { color: #999; font-style: italic; } -.i-textfield.i-readonly, -.i-textarea.i-readonly { +.v-textfield.v-readonly, +.v-textarea.v-readonly { background: transparent; color: #222; border: none; } -.i-richtextarea { +.v-richtextarea { border: 1px solid #aaa; overflow: hidden; } -.i-richtextarea .gwt-RichTextToolbar .gwt-ToggleButton, -.i-richtextarea .gwt-RichTextToolbar .gwt-PushButton { +.v-richtextarea .gwt-RichTextToolbar .gwt-ToggleButton, +.v-richtextarea .gwt-RichTextToolbar .gwt-PushButton { float: left; } -.i-richtextarea .gwt-RichTextToolbar { +.v-richtextarea .gwt-RichTextToolbar { white-space: nowrap; } -.i-richtextarea iframe { +.v-richtextarea iframe { border: 0; } /* Disabled by default -.i-textarea-error, -.i-textfield-error, -.i-richtextarea-error iframe.gwt-RichTextArea { +.v-textarea-error, +.v-textfield-error, +.v-richtextarea-error iframe.gwt-RichTextArea { background: #FFE0E0; } */ /* Disabled by default -.i-textarea-required, -.i-textfield-required, -.i-richtextarea-required iframe.gwt-RichTextArea { +.v-textarea-required, +.v-textfield-required, +.v-richtextarea-required iframe.gwt-RichTextArea { background: #FFE0E0; } */ /* Safari focus glow fix */ -.i-sa input:focus, -.i-sa textarea:focus { +.v-sa input:focus, +.v-sa textarea:focus { outline-width: medium; } /* ./WebContent/ITMILL/themes/base/tree/tree.css */ -.i-tree { +.v-tree { text-align: left /* Force default alignment */ } -.i-tree-node { +.v-tree-node { background: transparent url(../base/common/img/sprites.png) no-repeat 5px -37px; } -.i-tree-node-expanded { +.v-tree-node-expanded { background-position: -5px -10px; } -div.i-tree-node-leaf { +div.v-tree-node-leaf { background: none; } -.i-tree-node-caption { +.v-tree-node-caption { margin-left: 1em; } -.i-tree-node span { +.v-tree-node span { cursor: pointer; white-space: nowrap; } -.i-tree-node-selected span { +.v-tree-node-selected span { background: #999; color: #fff; } -.i-tree-node-children { +.v-tree-node-children { padding-left: 1em; } /* ie6compatnode is hidden from non ie6 browsers, for ie6 * uses weird hack to sink all events properly */ -.i-tree-node-ie6compatnode { +.v-tree-node-ie6compatnode { display: none; } -/* IMPORTANT keep the offsetWidth of this element the same as the margin-left of i-tree-node-caption */ -.i-ie6 .i-tree-node-ie6compatnode { +/* 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; @@ -1394,50 +1394,50 @@ div.i-tree-node-leaf { padding: 0.1em; filter: alpha(opacity=0); } -.i-ie6 .i-tree-node, -.i-ie6 .i-tree-node-children { +.v-ie6 .v-tree-node, +.v-ie6 .v-tree-node-children { clear: left; } /* ./WebContent/ITMILL/themes/base/window/window.css */ -.i-window { +.v-window { background: #fff; } -.i-window-outerheader { +.v-window-outerheader { cursor: move; padding: 0.3em 1em; height: 1em; } -.i-window-header { +.v-window-header { font-weight: bold; } /* A more specific selector to make sure padding isn't so easily overridden */ -div.i-window-header { +div.v-window-header { white-space: nowrap; text-overflow: ellipsis; -ms-text-overflow: ellipsis; overflow: hidden; padding: 0; } -.i-ie6 .i-window-header { +.v-ie6 .v-window-header { width: 100%; } -.i-window-header .i-icon { +.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) */ -.i-window-contents, x:-moz-any-link { +.v-window-contents, x:-moz-any-link { overflow: hidden; } /* Target Firefox 3 (it doesn't need any trickery, so revert the previous) */ -.i-window-contents, x:-moz-any-link, x:default { +.v-window-contents, x:-moz-any-link, x:default { overflow: visible; } -.i-window-footer { +.v-window-footer { overflow: hidden; } -.i-window-resizebox { +.v-window-resizebox { display: inline; /* fix IE6 double float margin bug */ float: right; width: 10px; @@ -1446,11 +1446,11 @@ div.i-window-header { background: #ddd; overflow: hidden; } -.i-window-resizebox-disabled { +.v-window-resizebox-disabled { cursor: default; display: none; } -.i-window-closebox { +.v-window-closebox { position: absolute; top: 0; right: 0; @@ -1460,7 +1460,7 @@ div.i-window-header { cursor: pointer; overflow: hidden; } -.i-window-modalitycurtain { +.v-window-modalitycurtain { top: 0; left: 0; background: #999; @@ -1471,80 +1471,80 @@ div.i-window-header { filter: alpha(opacity=50); } /* IE6 workaround for position:fixed; */ -.i-ie6 .i-window-modalitycurtain { +.v-ie6 .v-window-modalitycurtain { position: absolute; top: expression(document.documentElement.scrollTop + "px"); } /* min-width for IE6 */ -.i-ie6 .i-window { +.v-ie6 .v-window { width: 0; /* */ } /* Shadow for window */ -.i-shadow-window { +.v-shadow-window { position: absolute; } -.i-shadow-window .top-left { +.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); } -.i-shadow-window .top { +.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); } -.i-shadow-window .top-right { +.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); } -.i-shadow-window .left { +.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); } -.i-shadow-window .center { +.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); } -.i-shadow-window .right { +.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); } -.i-shadow-window .bottom-left { +.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); } -.i-shadow-window .bottom { +.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); } -.i-shadow-window .bottom-right { +.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) */ -.i-ie6 .i-shadow-window * { +.v-ie6 .v-shadow-window * { display: none; } -.i-ie6 .i-shadow-window { +.v-ie6 .v-shadow-window { background: #000; filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=5) alpha(opacity=20); margin-top: 2px; @@ -1558,10 +1558,10 @@ div.i-window-header { /* ./WebContent/ITMILL/themes/reindeer/button/button.css */ /* We serve simpler buttons for IE6, since it doesn't support the adjacent - * sibling selector (+) that is needed to position .i-icon properly. + * sibling selector (+) that is needed to position .v-icon properly. */ -div > .i-button, -.i-ie7 .i-button { +div > .v-button, +.v-ie7 .v-button { height: 26px; padding: 0 0 0 6px; background-color: transparent; @@ -1572,8 +1572,8 @@ div > .i-button, border: none; cursor: default; } -div > .i-button span, -.i-ie7 .i-button span { +div > .v-button span, +.v-ie7 .v-button span { display: inline-block; height: 22px; padding: 4px 15px 0 9px; @@ -1589,62 +1589,62 @@ div > .i-button span, line-height: 16px; float: none; } -.i-sa .i-button span { +.v-sa .v-button span { height: 21px; padding-top: 5px; } -.i-button:focus { +.v-button:focus { background-image: url(button/img/button-sprites.png); -background-image: url(button/img/button-sprites-ie6.png); background-position: left -52px; outline: none; } -.i-button:focus span { +.v-button:focus span { background-image: url(button/img/button-sprites.png); -background-image: url(button/img/button-sprites-ie6.png); background-position: right -78px; outline: none; } -.i-button:active, -.i-ie7 .i-button.i-pressed { +.v-button:active, +.v-ie7 .v-button.v-pressed { background-image: url(button/img/button-sprites.png); -background-image: url(button/img/button-sprites-ie6.png); background-position: left -104px; outline: none; } -.i-button:active span, -.i-ie7 .i-button.i-pressed span { +.v-button:active span, +.v-ie7 .v-button.v-pressed span { background-image: url(button/img/button-sprites.png); -background-image: url(button/img/button-sprites-ie6.png); background-position: right -130px; outline: none; } -.i-ie7 .i-button.i-pressed span { +.v-ie7 .v-button.v-pressed span { position: relative; } /* FF3 & FF2 */ -.i-button::-moz-focus-inner { +.v-button::-moz-focus-inner { border: none; padding: 0; } -.i-ff2 .i-button span { +.v-ff2 .v-button span { display: -moz-inline-box; padding-top: 6px; height: 20px; } /* IE7 */ -.i-ie7 .i-button.i-pressed .i-icon { +.v-ie7 .v-button.v-pressed .v-icon { position: relative; z-index: 2; } /* Opera */ -.i-op .i-button:active span { +.v-op .v-button:active span { margin-top: -1px; margin-left: -1px; } /* Modifications for buttons with icons */ -div > .i-button .i-icon, -.i-ie7 .i-button .i-icon { +div > .v-button .v-icon, +.v-ie7 .v-button .v-icon { display: inline-block; width: 16px; height: 16px; @@ -1652,27 +1652,27 @@ div > .i-button .i-icon, position: relative; margin: 0 3px 0 0; } -.i-ff2 .i-button .i-icon { +.v-ff2 .v-button .v-icon { display: block; float: left; margin-top: 4px; } -.i-ff2 .i-button-link .i-icon { +.v-ff2 .v-button-link .v-icon { margin: 0; } -.i-button .i-icon + span, -.i-button .i-icon + .i-errorindicator + span { +.v-button .v-icon + span, +.v-button .v-icon + .v-errorindicator + span { margin-left: -19px; padding-left: 19px; } -.i-ie7 .i-button .i-icon + span, -.i-ie7 .i-button .i-icon + .i-errorindicator + span { +.v-ie7 .v-button .v-icon + span, +.v-ie7 .v-button .v-icon + .v-errorindicator + span { margin-left: -23px; padding-left: 23px; } /* Buttons with error indicator */ -div > .i-button .i-errorindicator, -.i-ie7 .i-button .i-errorindicator { +div > .v-button .v-errorindicator, +.v-ie7 .v-button .v-errorindicator { display: inline; position: absolute; width: 5px; @@ -1680,7 +1680,7 @@ div > .i-button .i-errorindicator, background: transparent url(../default/icons/16/error.png) no-repeat 50%; overflow: hidden; } -.i-ie6 .i-button .i-errorindicator { +.v-ie6 .v-button .v-errorindicator { position: absolute; width: 5px; height: 18px; @@ -1689,15 +1689,15 @@ div > .i-button .i-errorindicator, margin-left: -10px; } /* Link style buttons */ -.i-button.i-button-link, -.i-ie7 .i-button-link.i-pressed { +.v-button.v-button-link, +.v-ie7 .v-button-link.v-pressed { background: transparent; height: auto; padding: 0; cursor: pointer; } -.i-button.i-button-link span, -.i-ie7 .i-button-link.i-pressed span { +.v-button.v-button-link span, +.v-ie7 .v-button-link.v-pressed span { background: transparent; height: auto; padding: 0; @@ -1705,46 +1705,46 @@ div > .i-button .i-errorindicator, font-weight: normal; color: #1b699f; } -.i-button.i-button-link .i-icon + span { +.v-button.v-button-link .v-icon + span { margin: 0; padding: 0; } -.i-button-link:focus { +.v-button-link:focus { outline: 1px dotted #1b699f; } /** * Default action button style -------------------------- */ -div > .i-button-primary, -.i-ie7 .i-button-primary { +div > .v-button-primary, +.v-ie7 .v-button-primary { background-image: url(button/img/button-sprites.png); -background-image: url(button/img/button-sprites-ie6.png); background-position: left -156px; } -div > .i-button-primary span, -.i-ie7 .i-button-primary span { +div > .v-button-primary span, +.v-ie7 .v-button-primary span { background-image: url(button/img/button-sprites.png); -background-image: url(button/img/button-sprites-ie6.png); background-position: right -182px; } -.i-button-primary:focus { +.v-button-primary:focus { background-image: url(button/img/button-sprites.png); -background-image: url(button/img/button-sprites-ie6.png); background-position: left -208px; } -.i-button-primary:focus span { +.v-button-primary:focus span { background-image: url(button/img/button-sprites.png); -background-image: url(button/img/button-sprites-ie6.png); background-position: right -234px; } -.i-button-primary:active, -.i-ie7 .i-button-primary.i-pressed { +.v-button-primary:active, +.v-ie7 .v-button-primary.v-pressed { background-image: url(button/img/button-sprites.png); -background-image: url(button/img/button-sprites-ie6.png); background-position: left -260px; } -.i-button-primary:active span, -.i-ie7 .i-button-primary.i-pressed span { +.v-button-primary:active span, +.v-ie7 .v-button-primary.v-pressed span { background-image: url(button/img/button-sprites.png); -background-image: url(button/img/button-sprites-ie6.png); background-position: right -286px; @@ -1752,15 +1752,15 @@ div > .i-button-primary span, /* * Small-style -------------------------- */ -div > .i-button-small, -.i-ie7 .i-button-small { +div > .v-button-small, +.v-ie7 .v-button-small { background-image: url(button/img/button-sprites.png); -background-image: url(button/img/button-sprites-ie6.png); background-position: left -312px; height: 20px; } -div > .i-button-small span, -.i-ie7 .i-button-small span { +div > .v-button-small span, +.v-ie7 .v-button-small span { background-image: url(button/img/button-sprites.png); -background-image: url(button/img/button-sprites-ie6.png); background-position: right -332px; @@ -1768,32 +1768,32 @@ div > .i-button-small span, padding: 1px 11px 0 5px; font-weight: normal; } -.i-ff2 .i-button-small span { +.v-ff2 .v-button-small span { height: 17px; padding-top: 3px; } -.i-sa .i-button-small span { +.v-sa .v-button-small span { height: 18px; padding-top: 2px; } -.i-button-small:focus { +.v-button-small:focus { background-image: url(button/img/button-sprites.png); -background-image: url(button/img/button-sprites-ie6.png); background-position: left -352px; } -.i-button-small:focus span { +.v-button-small:focus span { background-image: url(button/img/button-sprites.png); -background-image: url(button/img/button-sprites-ie6.png); background-position: right -372px; } -.i-button-small:active, -.i-ie7 .i-button-small.i-pressed { +.v-button-small:active, +.v-ie7 .v-button-small.v-pressed { background-image: url(button/img/button-sprites.png); -background-image: url(button/img/button-sprites-ie6.png); background-position: left -392px; } -.i-button-small:active span, -.i-ie7 .i-button-small.i-pressed span { +.v-button-small:active span, +.v-ie7 .v-button-small.v-pressed span { background-image: url(button/img/button-sprites.png); -background-image: url(button/img/button-sprites-ie6.png); background-position: right -412px; @@ -1802,7 +1802,7 @@ div > .i-button-small span, /** * IE6 buttons -------------------------- */ -.i-ie6 .i-button { +.v-ie6 .v-button { border: 1px solid #b3b3b3; border-bottom-color: #9a9a9a; background: #d8d8d8 url(button/img/right.png) no-repeat 0 -1px; @@ -1813,216 +1813,216 @@ div > .i-button-small span, height: 16px; outline: none; } -.i-ie6 .i-button-primary { +.v-ie6 .v-button-primary { background-image: url(button/img/primary-right.png); } -.i-ie6 .i-button-small { +.v-ie6 .v-button-small { font-weight: normal; padding: 1px 11px 0 11px; height: 12px; line-height: normal; background-image: url(button/img/small-right.png); } -.i-ie6 .i-button.i-pressed { +.v-ie6 .v-button.v-pressed { background: transparent url(button/img/right-pressed.png) no-repeat 0 -1px; } /* Buttons on blue background */ -.i-ie6 .blue .i-button { +.v-ie6 .blue .v-button { border-color: #84949c; border-top-color: #83939b; border-bottom-color: #888d91; } /* ./WebContent/ITMILL/themes/reindeer/common/common.css */ -.i-generated-body, -.i-app { +.v-generated-body, +.v-app { background: #f5f5f5; } /* Global font styles */ -.i-app, -.i-window, -.i-popupview-popup, -.i-tooltip, -.i-app input, -.i-app select, -.i-app button, -.i-app textarea, -.i-window input, -.i-window select, -.i-window button, -.i-window textarea, -.i-popupview-popup input, -.i-popupview-popup select, -.i-popupview-popup button, -.i-popupview-popup textarea, -.i-filterselect-suggestpopup { +.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 { font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-size: 12px; line-height: normal; color: #222; } /* Fonts for Safari, exchange Helvetica for Arial */ -.i-sa .i-app, -.i-sa .i-window, -.i-sa .i-popupview-popup, -.i-sa .i-tooltip, -.i-sa .i-app input, -.i-sa .i-app select, -.i-sa .i-app button, -.i-sa .i-app textarea, -.i-sa .i-window input, -.i-sa .i-window select, -.i-sa .i-window button, -.i-sa .i-window textarea, -.i-sa .i-popupview-popup input, -.i-sa .i-popupview-popup select, -.i-sa .i-popupview-popup button, -.i-sa .i-popupview-popup textarea, -.i-sa .i-filterselect-suggestpopup { +.v-sa .v-app, +.v-sa .v-window, +.v-sa .v-popupview-popup, +.v-sa .v-tooltip, +.v-sa .v-app input, +.v-sa .v-app select, +.v-sa .v-app button, +.v-sa .v-app textarea, +.v-sa .v-window input, +.v-sa .v-window select, +.v-sa .v-window button, +.v-sa .v-window textarea, +.v-sa .v-popupview-popup input, +.v-sa .v-popupview-popup select, +.v-sa .v-popupview-popup button, +.v-sa .v-popupview-popup textarea, +.v-sa .v-filterselect-suggestpopup { font-family: Helvetica, Arial, "Lucida Grande", Geneva, Tahoma, Verdana, sans-serif; } -.i-errorindicator { +.v-errorindicator { width: 12px; height: 16px; background: transparent url(../default/icons/16/error.png) no-repeat top right; } -.i-ie6 .i-errorindicator { +.v-ie6 .v-errorindicator { /* gif for transparency */ background-image: url(../default/icons/16/error.gif); } -.i-ie7 .i-errorindicator { +.v-ie7 .v-errorindicator { margin-left: -3px; } -.i-tooltip { +.v-tooltip { background-color: #fffcdd; border: 1px solid #b8b295; font-size: 11px; line-height: 13px; color: #222; } -.i-tooltip-text { +.v-tooltip-text { padding: 2px 4px; } -.i-tooltip .i-errormessage { +.v-tooltip .v-errormessage { padding: 3px 4px; background: #ffecc6; color: #b74100; border: none; border-top: 1px solid #fff3dc; } -.i-tooltip .i-errormessage h2 { +.v-tooltip .v-errormessage h2 { font-size: 16px; font-weight: normal; color: #ab3101; margin: 2px 0 8px 0; } -.i-tooltip .i-errormessage h3 { +.v-tooltip .v-errormessage h3 { font-size: 13px; font-weight: bold; margin: 1px 0 4px 0; } /* ./WebContent/ITMILL/themes/reindeer/label/label.css */ -.i-label { +.v-label { line-height: 18px; } -.i-label-h1, -.i-label-h2, -.i-caption-h1, -.i-caption-h2 { +.v-label-h1, +.v-label-h2, +.v-caption-h1, +.v-caption-h2 { font-size: 24px; line-height: 30px; font-weight: bold; color: #44698b; } -.i-ie6 .i-label-h1 { +.v-ie6 .v-label-h1 { font-size: 1px; line-height: normal; } -.i-label-h2, -.i-caption-h2 { +.v-label-h2, +.v-caption-h2 { font-size: 16px; line-height: 22px; } -.i-label-light { +.v-label-light { font-size: 11px; line-height: 13px; color: #707070; } /* ./WebContent/ITMILL/themes/reindeer/layouts/layouts.css */ -.i-orderedlayout-margin-top, -.i-horizontallayout-margin-top, -.i-verticallayout-margin-top { +.v-orderedlayout-margin-top, +.v-horizontallayout-margin-top, +.v-verticallayout-margin-top { padding-top: 18px; } -.i-orderedlayout-margin-right, -.i-horizontallayout-margin-right, -.i-verticallayout-margin-right { +.v-orderedlayout-margin-right, +.v-horizontallayout-margin-right, +.v-verticallayout-margin-right { padding-right: 18px; } -.i-orderedlayout-margin-bottom, -.i-horizontallayout-margin-bottom, -.i-verticallayout-margin-bottom { +.v-orderedlayout-margin-bottom, +.v-horizontallayout-margin-bottom, +.v-verticallayout-margin-bottom { padding-bottom: 18px; } -.i-orderedlayout-margin-left, -.i-horizontallayout-margin-left, -.i-verticallayout-margin-left { +.v-orderedlayout-margin-left, +.v-horizontallayout-margin-left, +.v-verticallayout-margin-left { padding-left: 18px; } -.i-orderedlayout-spacing-on, -.i-horizontallayout-spacing-on, -.i-verticallayout-spacing-on { +.v-orderedlayout-spacing-on, +.v-horizontallayout-spacing-on, +.v-verticallayout-spacing-on { padding-top: 7px; padding-left: 6px; } /* Blue background */ -.i-verticallayout-blue, -.i-horizontallayout-blue, -.i-orderedlayout-blue { +.v-verticallayout-blue, +.v-horizontallayout-blue, +.v-orderedlayout-blue { background-color: #bcd3de; } /* ./WebContent/ITMILL/themes/reindeer/panel/panel.css */ -.i-panel-caption, -.i-panel-nocaption { +.v-panel-caption, +.v-panel-nocaption { border-bottom: 1px solid #dcdcdc; line-height: 16px; /* accommodate minimum icon size */ } -.i-sa .i-panel-caption, -.i-sa .i-panel-nocaption, -.i-ff3 .i-panel-caption, -.i-ff3 .i-panel-nocaption { +.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); } -.i-panel-caption { +.v-panel-caption { padding-bottom: 2px; } -.i-panel-content { +.v-panel-content { border: 1px solid #dcdcdc; border-bottom: none; border-top: none; background: #fff; } -.i-sa .i-panel-content, -.i-ff3 .i-panel-content { +.v-sa .v-panel-content, +.v-ff3 .v-panel-content { border-color: rgba(0,0,0,.1); } -.i-panel-deco { +.v-panel-deco { height: 1px; border-top: 1px solid #bebebe; background: #e2e2e2; overflow: hidden; } -.i-sa .i-panel-deco, -.i-ff3 .i-panel-deco { +.v-sa .v-panel-deco, +.v-ff3 .v-panel-deco { border-top-color: rgba(0,0,0,.1); background: rgba(0,0,0,.08); } /* ./WebContent/ITMILL/themes/reindeer/select/select.css */ -.i-filterselect { +.v-filterselect { height: 24px; background-repeat: no-repeat; background-image: url(common/img/vertical-sprites.png); @@ -2030,9 +2030,9 @@ div > .i-button-small span, background-position: left -0px; padding-left: 2px; } -.i-app .i-filterselect-input, -.i-window .i-filterselect-input, -.i-popupview-popup .i-filterselect-input { +.v-app .v-filterselect-input, +.v-window .v-filterselect-input, +.v-popupview-popup .v-filterselect-input { background: transparent; background-repeat: repeat-x; background-image: url(common/img/vertical-sprites.png); @@ -2042,28 +2042,28 @@ div > .i-button-small span, height: 21px; } /* More specific selector to override padding */ -.i-app input.i-filterselect-input, -.i-window input.i-filterselect-input, -.i-popupview-popup input.i-filterselect-input { +.v-app input.v-filterselect-input, +.v-window input.v-filterselect-input, +.v-popupview-popup input.v-filterselect-input { padding: 3px 0 0 2px; } -.i-filterselect-prompt .i-filterselect-input { +.v-filterselect-prompt .v-filterselect-input { font-style: normal; } -.i-filterselect-input:focus { +.v-filterselect-input:focus { outline: none; } -.i-filterselect-focus { +.v-filterselect-focus { background-image: url(common/img/vertical-sprites.png); -background-image: url(common/img/vertical-sprites-ie6.png); background-position: left -49px; } -.i-filterselect-focus .i-filterselect-input { +.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 -74px; } -.i-filterselect-button { +.v-filterselect-button { overflow: hidden; width: 25px; height: 24px; @@ -2072,38 +2072,38 @@ div > .i-button-small span, background-position: left -98px; cursor: default; } -.i-filterselect-button:hover { +.v-filterselect-button:hover { background-image: url(common/img/vertical-sprites.png); -background-image: url(common/img/vertical-sprites-ie6.png); background-position: left -122px; } -.i-filterselect-button:active { +.v-filterselect-button:active { background-image: url(common/img/vertical-sprites.png); -background-image: url(common/img/vertical-sprites-ie6.png); background-position: left -146px; } -.i-filterselect-focus .i-filterselect-button { +.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 -170px; } -.i-filterselect-focus .i-filterselect-button:hover { +.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 -194px; } -.i-filterselect-focus .i-filterselect-button:active { +.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 -218px; } -.i-disabled .i-filterselect-button:hover, -.i-readonly .i-filterselect-button:hover { +.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 -242px; } -.i-filterselect-suggestpopup { +.v-filterselect-suggestpopup { background: #f8f8f9; border: none; border-radius: 2px; @@ -2112,17 +2112,17 @@ div > .i-button-small span, -o-border-radius: 2px; overflow: hidden; } -.i-filterselect-suggestmenu .gwt-MenuItem { +.v-filterselect-suggestmenu .gwt-MenuItem { padding: 1px 8px; height: 16px; user-select: none; -moz-user-select: none; -webkit-user-select: none; } -.i-filterselect-suggestmenu .gwt-MenuItem .i-icon { +.v-filterselect-suggestmenu .gwt-MenuItem .v-icon { margin-right: 3px; } -.i-filterselect-suggestmenu .gwt-MenuItem-selected { +.v-filterselect-suggestmenu .gwt-MenuItem-selected { background: transparent; background-repeat: repeat-x; background-image: url(common/img/vertical-sprites.png); @@ -2131,44 +2131,44 @@ div > .i-button-small span, color: #fff; text-shadow: #3b5a7a 0 1px 0; } -.i-filterselect-nextpage, -.i-filterselect-nextpage-off, -.i-filterselect-prevpage-off, -.i-filterselect-prevpage { +.v-filterselect-nextpage, +.v-filterselect-nextpage-off, +.v-filterselect-prevpage-off, +.v-filterselect-prevpage { height: 11px; width: 100%; background: transparent; } -.i-filterselect-nextpage:hover { +.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 -284px; } -.i-filterselect-prevpage:hover { +.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 -295px; } -.i-filterselect-nextpage:active { +.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 -306px; } -.i-filterselect-prevpage:active { +.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 -317px; } -.i-filterselect-nextpage-off span, -.i-filterselect-prevpage-off span { +.v-filterselect-nextpage-off span, +.v-filterselect-prevpage-off span { display: none; } -.i-filterselect-nextpage span, -.i-filterselect-prevpage span { +.v-filterselect-nextpage span, +.v-filterselect-prevpage span { display: block; height: 11px; width: 100%; @@ -2183,22 +2183,22 @@ div > .i-button-small span, -moz-user-select: none; -webkit-user-select: none; } -.i-filterselect-prevpage span { +.v-filterselect-prevpage span { background-image: url(common/img/vertical-sprites.png); -background-image: url(common/img/vertical-sprites-ie6.png); background-position: center -339px; } -.i-filterselect-nextpage:hover span { +.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 -350px; } -.i-filterselect-prevpage:hover span { +.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 -361px; } -.i-filterselect-status { +.v-filterselect-status { text-shadow: #e9eaeb 0 1px 0; font-size: 11px; line-height: normal; @@ -2219,40 +2219,40 @@ div > .i-button-small span, -webkit-user-select: none; } /* IE fails to position background images properly inside table elements */ -.i-ie .i-filterselect-suggestmenu .gwt-MenuItem-selected { +.v-ie .v-filterselect-suggestmenu .gwt-MenuItem-selected { background: transparent url(select/img/sel-bg.png) repeat-x; } -.i-ie .i-filterselect-nextpage:hover { +.v-ie .v-filterselect-nextpage:hover { background: transparent url(select/img/page-down-hover.png) repeat-x; } -.i-ie .i-filterselect-prevpage:hover { +.v-ie .v-filterselect-prevpage:hover { background: transparent url(select/img/page-up-hover.png) repeat-x; } -.i-ie .i-filterselect-prevpage span { +.v-ie .v-filterselect-prevpage span { background: transparent url(select/img/arrow-up.png) no-repeat center 3px; } -.i-ie .i-filterselect-nextpage span { +.v-ie .v-filterselect-nextpage span { background: transparent url(select/img/arrow-down.png) no-repeat center 3px; } -.i-ie .i-filterselect-prevpage:hover span { +.v-ie .v-filterselect-prevpage:hover span { background: transparent url(select/img/arrow-up-hover.png) no-repeat center 3px; } -.i-ie .i-filterselect-nextpage:hover span { +.v-ie .v-filterselect-nextpage:hover span { background: transparent url(select/img/arrow-down-hover.png) no-repeat center 3px; } -.i-ie .i-filterselect-status { +.v-ie .v-filterselect-status { background: transparent url(select/img/status-bg.png) repeat-x; } /* Filterselect with icon needs a similar fix than in buttons */ /* ./WebContent/ITMILL/themes/reindeer/splitpanel/splitpanel.css */ -.i-splitpanel-horizontal .i-splitpanel-hsplitter { +.v-splitpanel-horizontal .v-splitpanel-hsplitter { width: 7px; background-repeat: repeat-y; background-image: url(common/img/horizontal-sprites.png); background-position: -0px top; } -.i-splitpanel-horizontal .i-splitpanel-hsplitter div { +.v-splitpanel-horizontal .v-splitpanel-hsplitter div { width: 7px; background: transparent; background-repeat: no-repeat; @@ -2260,14 +2260,14 @@ div > .i-button-small span, background-image: url(common/img/horizontal-sprites.png); background-position: -7px middle; } -.i-splitpanel-vertical .i-splitpanel-vsplitter { +.v-splitpanel-vertical .v-splitpanel-vsplitter { height: 7px; background-repeat: repeat-x; background-image: url(common/img/vertical-sprites.png); -background-image: url(common/img/vertical-sprites-ie6.png); background-position: left -389px; } -.i-splitpanel-vertical .i-splitpanel-vsplitter div { +.v-splitpanel-vertical .v-splitpanel-vsplitter div { height: 7px; background: transparent; background-repeat: no-repeat; @@ -2278,72 +2278,72 @@ div > .i-button-small span, } /* ./WebContent/ITMILL/themes/reindeer/tabsheet/tabsheet.css */ -.i-tabsheet-spacertd div { +.v-tabsheet-spacertd div { border-color: #bfbfbf; border-left: none; } -.i-tabsheet-tabitem { +.v-tabsheet-tabitem { border: none; border-bottom: 1px solid #bfbfbf; color: #4d748f; padding: 0; } -.i-tabsheet-tabitem .i-caption { +.v-tabsheet-tabitem .v-caption { padding: 5px 16px; } -.i-tabsheet-tabitem-selected { +.v-tabsheet-tabitem-selected { border: 1px solid #bfbfbf; border-bottom: none; color: #222; } -.i-tabsheet-tabitem-selected .i-caption { +.v-tabsheet-tabitem-selected .v-caption { padding: 4px 15px 6px 15px; } -.i-tabsheet-content { +.v-tabsheet-content { border: none; } -.i-tabsheet-deco { +.v-tabsheet-deco { height: 0; } -.i-tabsheet-tabs .i-icon, -.i-tabsheet-tabs .i-captiontext, -.i-tabsheet-tabs .i-errorindicator { +.v-tabsheet-tabs .v-icon, +.v-tabsheet-tabs .v-captiontext, +.v-tabsheet-tabs .v-errorindicator { display: inline; float: none; } -.i-sa .i-tabsheet-tabs .i-captiontext { +.v-sa .v-tabsheet-tabs .v-captiontext { display: inline-block; } -.i-tabsheet-tabs .i-icon { +.v-tabsheet-tabs .v-icon { width: 16px !important; height: 16px !important; } -.i-tabsheet-tabs .i-errorindicator { +.v-tabsheet-tabs .v-errorindicator { display: inline-block; width: 5px; height: 16px; background: transparent url(../default/icons/16/error.png) no-repeat -1px 50%; } -.i-ff2 .i-tabsheet-tabs .i-icon, -.i-ff2 .i-tabsheet-tabs .i-errorindicator { +.v-ff2 .v-tabsheet-tabs .v-icon, +.v-ff2 .v-tabsheet-tabs .v-errorindicator { display: -moz-inline-stack; } -.i-ie6 .i-tabsheet-tabs .i-errorindicator { +.v-ie6 .v-tabsheet-tabs .v-errorindicator { background-image: url(../default/icons/16/error.gif); } -.i-ie .i-tabsheet-tabs .i-errorindicator { +.v-ie .v-tabsheet-tabs .v-errorindicator { zoom: 1; display: inline; } /* Tabsheet on blue background */ -.blue .i-tabsheet-spacertd div, -.blue .i-tabsheet-tabitem, -.blue .i-tabsheet-tabitem-selected { +.blue .v-tabsheet-spacertd div, +.blue .v-tabsheet-tabitem, +.blue .v-tabsheet-tabitem-selected { border-color: #7c8a91; } /* ./WebContent/ITMILL/themes/reindeer/textfield/textfield.css */ -.i-textfield { +.v-textfield { line-height: normal; height: 19px; border: 1px solid #bcbdbe; @@ -2357,29 +2357,29 @@ div > .i-button-small span, -moz-border-radius: 3px; } /* Need more specific selector because of #2384 fixes in base/common/common.css */ -.i-app input.i-textfield { +.v-app input.v-textfield { padding: 3px 3px 0 3px; } -.i-textfield-focus { +.v-textfield-focus { border-color: #5b97d0; border-top-color: #4f83b4; border-bottom-color: #5ca0df; outline: none; } -input.i-textfield-prompt { +input.v-textfield-prompt { font-style: normal; color: #999; } /* Textfield on blue background */ -.blue .i-textfield { +.blue .v-textfield { border-color: #92a2aa; border-top-color: #7c8a90; border-bottom-color: #a1b3bc; } /* Capable browsers get fancier border images */ -.i-sa input.i-textfield, -.i-ff35 input.i-textfield, -.i-op input.i-textfield { +.v-sa input.v-textfield, +.v-ff35 input.v-textfield, +.v-op input.v-textfield { -moz-border-radius: 0; border: none; background: transparent; @@ -2391,23 +2391,23 @@ input.i-textfield-prompt { -o-border-image: url(textfield/img/bg-border-image.png) 0 3 0 3 stretch stretch; } -.i-sa input.i-textfield-focus, -.i-ff35 input.i-textfield-focus, -.i-op input.i-textfield-focus { +.v-sa input.v-textfield-focus, +.v-ff35 input.v-textfield-focus, +.v-op input.v-textfield-focus { -webkit-border-image: url(textfield/img/bg-border-image-focus.png) 0 3 0 3 stretch stretch; -moz-border-image: url(textfield/img/bg-border-image-focus.png) 0 3 0 3 stretch stretch; -o-border-image: url(textfield/img/bg-border-image-focus.png) 0 3 0 3 stretch stretch; } /* Small style textfield */ -.i-app input.i-textfield-small, -.i-sa input.i-textfield-small, -.i-ff35 input.i-textfield-small, -.i-op input.i-textfield-small { +.v-app input.v-textfield-small, +.v-sa input.v-textfield-small, +.v-ff35 input.v-textfield-small, +.v-op input.v-textfield-small { font-size: 11px; height: 15px; } -.i-sa input.i-textfield-small, -.i-ff35 input.i-textfield-small, -.i-op input.i-textfield-small { +.v-sa input.v-textfield-small, +.v-ff35 input.v-textfield-small, +.v-op input.v-textfield-small { height: 16px; } diff --git a/WebContent/ITMILL/themes/reindeer/tabsheet/tabsheet.css b/WebContent/ITMILL/themes/reindeer/tabsheet/tabsheet.css index 0faf9723a2..dcdbd30add 100644 --- a/WebContent/ITMILL/themes/reindeer/tabsheet/tabsheet.css +++ b/WebContent/ITMILL/themes/reindeer/tabsheet/tabsheet.css @@ -1,63 +1,63 @@ -.i-tabsheet-spacertd div { +.v-tabsheet-spacertd div { border-color: #bfbfbf; border-left: none; } -.i-tabsheet-tabitem { +.v-tabsheet-tabitem { border: none; border-bottom: 1px solid #bfbfbf; color: #4d748f; padding: 0; } -.i-tabsheet-tabitem .i-caption { +.v-tabsheet-tabitem .v-caption { padding: 5px 16px; } -.i-tabsheet-tabitem-selected { +.v-tabsheet-tabitem-selected { border: 1px solid #bfbfbf; border-bottom: none; color: #222; } -.i-tabsheet-tabitem-selected .i-caption { +.v-tabsheet-tabitem-selected .v-caption { padding: 4px 15px 6px 15px; } -.i-tabsheet-content { +.v-tabsheet-content { border: none; } -.i-tabsheet-deco { +.v-tabsheet-deco { height: 0; } -.i-tabsheet-tabs .i-icon, -.i-tabsheet-tabs .i-captiontext, -.i-tabsheet-tabs .i-errorindicator { +.v-tabsheet-tabs .v-icon, +.v-tabsheet-tabs .v-captiontext, +.v-tabsheet-tabs .v-errorindicator { display: inline; float: none; } -.i-sa .i-tabsheet-tabs .i-captiontext { +.v-sa .v-tabsheet-tabs .v-captiontext { display: inline-block; } -.i-tabsheet-tabs .i-icon { +.v-tabsheet-tabs .v-icon { width: 16px !important; height: 16px !important; } -.i-tabsheet-tabs .i-errorindicator { +.v-tabsheet-tabs .v-errorindicator { display: inline-block; width: 5px; height: 16px; background: transparent url(../../default/icons/16/error.png) no-repeat -1px 50%; } -.i-ff2 .i-tabsheet-tabs .i-icon, -.i-ff2 .i-tabsheet-tabs .i-errorindicator { +.v-ff2 .v-tabsheet-tabs .v-icon, +.v-ff2 .v-tabsheet-tabs .v-errorindicator { display: -moz-inline-stack; } -.i-ie6 .i-tabsheet-tabs .i-errorindicator { +.v-ie6 .v-tabsheet-tabs .v-errorindicator { background-image: url(../../default/icons/16/error.gif); } -.i-ie .i-tabsheet-tabs .i-errorindicator { +.v-ie .v-tabsheet-tabs .v-errorindicator { zoom: 1; display: inline; } /* Tabsheet on blue background */ -.blue .i-tabsheet-spacertd div, -.blue .i-tabsheet-tabitem, -.blue .i-tabsheet-tabitem-selected { +.blue .v-tabsheet-spacertd div, +.blue .v-tabsheet-tabitem, +.blue .v-tabsheet-tabitem-selected { border-color: #7c8a91; } \ No newline at end of file diff --git a/WebContent/ITMILL/themes/reindeer/textfield/textfield.css b/WebContent/ITMILL/themes/reindeer/textfield/textfield.css index f95c14ccef..c04ca29398 100644 --- a/WebContent/ITMILL/themes/reindeer/textfield/textfield.css +++ b/WebContent/ITMILL/themes/reindeer/textfield/textfield.css @@ -1,4 +1,4 @@ -.i-textfield { +.v-textfield { line-height: normal; height: 19px; border: 1px solid #bcbdbe; @@ -10,29 +10,29 @@ -moz-border-radius: 3px; } /* Need more specific selector because of #2384 fixes in base/common/common.css */ -.i-app input.i-textfield { +.v-app input.v-textfield { padding: 3px 3px 0 3px; } -.i-textfield-focus { +.v-textfield-focus { border-color: #5b97d0; border-top-color: #4f83b4; border-bottom-color: #5ca0df; outline: none; } -input.i-textfield-prompt { +input.v-textfield-prompt { font-style: normal; color: #999; } /* Textfield on blue background */ -.blue .i-textfield { +.blue .v-textfield { border-color: #92a2aa; border-top-color: #7c8a90; border-bottom-color: #a1b3bc; } /* Capable browsers get fancier border images */ -.i-sa input.i-textfield, -.i-ff35 input.i-textfield, -.i-op input.i-textfield { +.v-sa input.v-textfield, +.v-ff35 input.v-textfield, +.v-op input.v-textfield { -moz-border-radius: 0; border: none; background: transparent; @@ -44,23 +44,23 @@ input.i-textfield-prompt { -o-border-image: url(img/bg-border-image.png) 0 3 0 3 stretch stretch; } -.i-sa input.i-textfield-focus, -.i-ff35 input.i-textfield-focus, -.i-op input.i-textfield-focus { +.v-sa input.v-textfield-focus, +.v-ff35 input.v-textfield-focus, +.v-op input.v-textfield-focus { -webkit-border-image: url(img/bg-border-image-focus.png) 0 3 0 3 stretch stretch; -moz-border-image: url(img/bg-border-image-focus.png) 0 3 0 3 stretch stretch; -o-border-image: url(img/bg-border-image-focus.png) 0 3 0 3 stretch stretch; } /* Small style textfield */ -.i-app input.i-textfield-small, -.i-sa input.i-textfield-small, -.i-ff35 input.i-textfield-small, -.i-op input.i-textfield-small { +.v-app input.v-textfield-small, +.v-sa input.v-textfield-small, +.v-ff35 input.v-textfield-small, +.v-op input.v-textfield-small { font-size: 11px; height: 15px; } -.i-sa input.i-textfield-small, -.i-ff35 input.i-textfield-small, -.i-op input.i-textfield-small { +.v-sa input.v-textfield-small, +.v-ff35 input.v-textfield-small, +.v-op input.v-textfield-small { height: 16px; } \ No newline at end of file diff --git a/WebContent/ITMILL/themes/reservr/styles.css b/WebContent/ITMILL/themes/reservr/styles.css index a157f01b03..305532abbd 100644 --- a/WebContent/ITMILL/themes/reservr/styles.css +++ b/WebContent/ITMILL/themes/reservr/styles.css @@ -1,14 +1,14 @@ @import url(../default/styles.css); /* Reservr styles */ -.i-app-ReservationApplication { +.v-app-ReservationApplication { background-color: #E9ECED; background-image: url(bmw.jpg); background-repeat: no-repeat; background-position: top right; } -.i-app-ReservationApplication .i-label-logo { +.v-app-ReservationApplication .v-label-logo { font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif; padding-left: 13px; padding-bottom: 10px; @@ -16,20 +16,20 @@ font-size: 22px; letter-spacing: -0.03em; } -.i-app-ReservationApplication .i-label-slogan { +.v-app-ReservationApplication .v-label-slogan { color: black; padding-left: 15px; padding-bottom: 10px; font-style: italic; } -.i-caption { +.v-caption { color: #F14C1A; font-size: 16px; } -.i-label-arrow { +.v-label-arrow { line-height: 160px; font-family: Times New Roman; color: #F14C1A; @@ -37,7 +37,7 @@ margin: 0 20px 0 12px; } -.i-button-important-link { +.v-button-important-link { border: 0px; text-align: left; text-decoration: none; @@ -45,7 +45,7 @@ font-weight: bold; } -.i-app-ReservationApplication .i-button-selected-link { +.v-app-ReservationApplication .v-button-selected-link { border: 0px; text-align: left; text-decoration: none; diff --git a/WebContent/ITMILL/themes/sampler/dummy/styles.css b/WebContent/ITMILL/themes/sampler/dummy/styles.css index ac15844c18..360b418135 100644 --- a/WebContent/ITMILL/themes/sampler/dummy/styles.css +++ b/WebContent/ITMILL/themes/sampler/dummy/styles.css @@ -1,4 +1,4 @@ /* Dummy styles for the DummyExample */ -.i-panel-DummyFeatureExample .i-label { +.v-panel-DummyFeatureExample .v-label { border: 1px dotted red; } \ No newline at end of file diff --git a/WebContent/ITMILL/themes/sampler/layouts/gridexample.css b/WebContent/ITMILL/themes/sampler/layouts/gridexample.css index 5bb9df9ffd..1575b51347 100644 --- a/WebContent/ITMILL/themes/sampler/layouts/gridexample.css +++ b/WebContent/ITMILL/themes/sampler/layouts/gridexample.css @@ -1,13 +1,13 @@ -.i-gridlayout-gridexample .i-gridlayout-spacing-on { +.v-gridlayout-gridexample .v-gridlayout-spacing-on { /* adjust spacing size */ padding: 1px; } /* visualize the grid cells */ -.i-gridlayout-gridexample div { +.v-gridlayout-gridexample div { background-color: #fff; } -.i-gridlayout-gridexample div div div { +.v-gridlayout-gridexample div div div { background-color: #eee; } \ No newline at end of file diff --git a/WebContent/ITMILL/themes/sampler/layouts/marginexample.css b/WebContent/ITMILL/themes/sampler/layouts/marginexample.css index bcf13b5732..8ae07be269 100644 --- a/WebContent/ITMILL/themes/sampler/layouts/marginexample.css +++ b/WebContent/ITMILL/themes/sampler/layouts/marginexample.css @@ -1,9 +1,9 @@ -.i-verticallayout-marginexample .i-verticallayout-margin-right { +.v-verticallayout-marginexample .v-verticallayout-margin-right { /* increase the right margin */ padding-right: 100px; } -.i-verticallayout-marginexample { +.v-verticallayout-marginexample { /* background for the layout, for clarity */ background-color: #ccc; } \ No newline at end of file diff --git a/WebContent/ITMILL/themes/sampler/layouts/spacingexample.css b/WebContent/ITMILL/themes/sampler/layouts/spacingexample.css index 8447c89f44..e0680dc01e 100644 --- a/WebContent/ITMILL/themes/sampler/layouts/spacingexample.css +++ b/WebContent/ITMILL/themes/sampler/layouts/spacingexample.css @@ -1,4 +1,4 @@ -.i-gridlayout-spacingexample { +.v-gridlayout-spacingexample { /* background for the layout, for clarity */ background-color: #ccc; } \ No newline at end of file diff --git a/WebContent/ITMILL/themes/sampler/prominentprimaryaction/styles.css b/WebContent/ITMILL/themes/sampler/prominentprimaryaction/styles.css index 7c71594cc4..ff096097bb 100644 --- a/WebContent/ITMILL/themes/sampler/prominentprimaryaction/styles.css +++ b/WebContent/ITMILL/themes/sampler/prominentprimaryaction/styles.css @@ -1,4 +1,4 @@ -.i-button-primary { +.v-button-primary { /* PNG with alpha as background */ background: #66aa00 url(prominentbg.png) bottom right; /* make PNG work in IE */ @@ -11,12 +11,12 @@ -webkit-border-radius: 9px; border-radius: 9px; } -.i-button-primary:hover { +.v-button-primary:hover { /* changing color works due to PNG with alpha */ background-color: #ff9000; border-color: #ff9000; } -.i-button-primary span { +.v-button-primary span { /* big white caption */ color: #fff; font-size: 26px; diff --git a/WebContent/ITMILL/themes/sampler/sampler/styles.css b/WebContent/ITMILL/themes/sampler/sampler/styles.css index c9eaef8032..8782e2d068 100644 --- a/WebContent/ITMILL/themes/sampler/sampler/styles.css +++ b/WebContent/ITMILL/themes/sampler/sampler/styles.css @@ -1,20 +1,20 @@ /****************************************************************************** * Sampler styles ******************************************************************************/ -.i-app-SamplerApplication { +.v-app-SamplerApplication { background-color: white; } -.i-app-SamplerApplication .i-horizontallayout-topbar { +.v-app-SamplerApplication .v-horizontallayout-topbar { border-bottom: 1px solid #fff; background: #5c5d60 url(top-bg.png) repeat-x; } -.i-app-SamplerApplication .i-horizontallayout-sample-view { +.v-app-SamplerApplication .v-horizontallayout-sample-view { background: #fff url(main-bg.png) repeat-x; } -.i-app-SamplerApplication .topbar .logo { +.v-app-SamplerApplication .topbar .logo { width: 167px; height: 44px; margin: 0; @@ -23,26 +23,26 @@ overflow: hidden; } -.i-app-SamplerApplication .topbar .logo img { +.v-app-SamplerApplication .topbar .logo img { display: none; } -.i-app-SamplerApplication .i-popupview-quickjump { +.v-app-SamplerApplication .v-popupview-quickjump { background: transparent url(quickjump.png) no-repeat 0px 1px; } -.i-customcomponent-breadcrumbs { +.v-customcomponent-breadcrumbs { font-family: arial, helvetica, verdana, sans-serif; } -.i-sa .i-customcomponent-breadcrumbs { +.v-sa .v-customcomponent-breadcrumbs { font-family: helvetica, arial, verdana, sans-serif; } -.i-customcomponent-breadcrumbs .i-horizontallayout-spacing-on { +.v-customcomponent-breadcrumbs .v-horizontallayout-spacing-on { padding-left: 5px; } -.i-customcomponent-breadcrumbs .i-link a, -.i-customcomponent-breadcrumbs .i-label { +.v-customcomponent-breadcrumbs .v-link a, +.v-customcomponent-breadcrumbs .v-label { text-decoration: none; color: #000; text-shadow: 0 1px 0 #8f9193; @@ -52,34 +52,34 @@ display: block; float: left; } -.i-customcomponent-breadcrumbs .i-label { +.v-customcomponent-breadcrumbs .v-label { } -.i-sa .i-customcomponent-breadcrumbs .i-label { +.v-sa .v-customcomponent-breadcrumbs .v-label { } -.i-ie .i-customcomponent-breadcrumbs .i-label { +.v-ie .v-customcomponent-breadcrumbs .v-label { } -.i-ff .i-customcomponent-breadcrumbs .i-label { +.v-ff .v-customcomponent-breadcrumbs .v-label { } -.i-customcomponent-breadcrumbs .i-link span { +.v-customcomponent-breadcrumbs .v-link span { text-decoration: none; } -.i-customcomponent-breadcrumbs .i-link a:hover { +.v-customcomponent-breadcrumbs .v-link a:hover { color: #000; text-decoration: underline; } -.i-customcomponent-breadcrumbs .i-link-bold { +.v-customcomponent-breadcrumbs .v-link-bold { height: 20px; padding: 0 0 0 9px; background: transparent url(breadcrumb-current-left.png) no-repeat; float: left; } -.i-ie .i-customcomponent-breadcrumbs .i-link-bold { +.v-ie .v-customcomponent-breadcrumbs .v-link-bold { margin-top: 1px; } -.i-customcomponent-breadcrumbs .i-link-bold a { +.v-customcomponent-breadcrumbs .v-link-bold a { display: block; height: 16px; background: transparent url(breadcrumb-current-right.png) no-repeat right top; @@ -90,31 +90,31 @@ padding: 4px 9px 0 0; cursor: default; } -.i-sa .i-customcomponent-breadcrumbs .i-link-bold a { +.v-sa .v-customcomponent-breadcrumbs .v-link-bold a { height: 17px; padding-top: 3px; } -.i-ie .i-customcomponent-breadcrumbs .i-link-bold a { +.v-ie .v-customcomponent-breadcrumbs .v-link-bold a { padding-top: 2px; padding-bottom: 2px; } -.i-ff .i-customcomponent-breadcrumbs .i-link-bold a { +.v-ff .v-customcomponent-breadcrumbs .v-link-bold a { padding-top: 2px; padding-bottom: 2px; } -.i-customcomponent-breadcrumbs .i-link-bold a:hover { +.v-customcomponent-breadcrumbs .v-link-bold a:hover { color: #c2c4c6; text-decoration: none; } -.i-app-SamplerApplication .i-horizontallayout-topbar .i-button-link span { +.v-app-SamplerApplication .v-horizontallayout-topbar .v-button-link span { text-decoration: none; } -.i-app-SamplerApplication .i-horizontallayout-topbar .i-button-link:hover span { +.v-app-SamplerApplication .v-horizontallayout-topbar .v-button-link:hover span { text-decoration: underline; } -.i-app-SamplerApplication .i-horizontallayout-segment .i-button, -.i-app-SamplerApplication .i-horizontallayout-segment .i-popupview { +.v-app-SamplerApplication .v-horizontallayout-segment .v-button, +.v-app-SamplerApplication .v-horizontallayout-segment .v-popupview { width: 30px; height: 24px; overflow: hidden; @@ -123,55 +123,55 @@ background: transparent url(segment.png) no-repeat; cursor: default; } -.i-app-SamplerApplication .i-horizontallayout-segment .i-button:active, -.i-app-SamplerApplication .i-horizontallayout-segment .i-popupview:active { +.v-app-SamplerApplication .v-horizontallayout-segment .v-button:active, +.v-app-SamplerApplication .v-horizontallayout-segment .v-popupview:active { background-position: left bottom; } -.i-app-SamplerApplication .i-horizontallayout-segment .i-button-next, -.i-app-SamplerApplication .i-horizontallayout-segment .i-button-tree-switch { +.v-app-SamplerApplication .v-horizontallayout-segment .v-button-next, +.v-app-SamplerApplication .v-horizontallayout-segment .v-button-tree-switch { background-position: right top; } -.i-app-SamplerApplication .i-horizontallayout-segment .i-button-next:active, -.i-app-SamplerApplication .i-horizontallayout-segment .i-button-tree-switch:active { +.v-app-SamplerApplication .v-horizontallayout-segment .v-button-next:active, +.v-app-SamplerApplication .v-horizontallayout-segment .v-button-tree-switch:active { background-position: right bottom; } -.i-app-SamplerApplication .i-horizontallayout-segment .i-button-down { +.v-app-SamplerApplication .v-horizontallayout-segment .v-button-down { background-position: right bottom; } -.i-app-SamplerApplication .i-horizontallayout-segment .i-button span, -.i-app-SamplerApplication .i-horizontallayout-segment .i-popupview span { +.v-app-SamplerApplication .v-horizontallayout-segment .v-button span, +.v-app-SamplerApplication .v-horizontallayout-segment .v-popupview span { display: block; height: 24px; background-repeat: no-repeat; background-position: 50% 30%; } -.i-app-SamplerApplication .i-horizontallayout-segment .i-button-tree-switch span { +.v-app-SamplerApplication .v-horizontallayout-segment .v-button-tree-switch span { background-image: url(tree.png); } -.i-app-SamplerApplication .i-horizontallayout-segment .i-popupview span { +.v-app-SamplerApplication .v-horizontallayout-segment .v-popupview span { background-image: url(magnifier.png); background-position: 50% 40%; } -.i-app-SamplerApplication .i-horizontallayout-segment .i-button-previous span { +.v-app-SamplerApplication .v-horizontallayout-segment .v-button-previous span { background-image: url(prev.png); } -.i-app-SamplerApplication .i-horizontallayout-segment .i-button-next span { +.v-app-SamplerApplication .v-horizontallayout-segment .v-button-next span { background-image: url(next.png); } -.i-popupview-popup-quickjump { +.v-popupview-popup-quickjump { background: transparent; border: none; } -.i-app-SamplerApplication .i-splitpanel-first-container-main-split { +.v-app-SamplerApplication .v-splitpanel-first-container-main-split { background: #eaebec url(tree-bg.png) repeat-x fixed; } -.i-app-SamplerApplication .i-splitpanel-hsplitter-main-split { +.v-app-SamplerApplication .v-splitpanel-hsplitter-main-split { width: 1px; background: #aeb0b5; } -.i-app-SamplerApplication .i-splitpanel-hsplitter-main-split div { +.v-app-SamplerApplication .v-splitpanel-hsplitter-main-split div { width: 3px; background: transparent; border: none; @@ -180,22 +180,22 @@ } -.i-app-SamplerApplication .i-tree-menu { +.v-app-SamplerApplication .v-tree-menu { font-family: arial, helvetica, verdana, sans-serif; font-size: 12px; line-height: 17px; padding: 13px 0; } -.i-sa .i-app-SamplerApplication .i-tree-menu { +.v-sa .v-app-SamplerApplication .v-tree-menu { font-family: helvetica, arial, verdana, sans-serif; } -.i-app-SamplerApplication .i-tree-menu .i-tree-node-selected span { +.v-app-SamplerApplication .v-tree-menu .v-tree-node-selected span { background: #7d8490; padding: 1px; } -.i-app-SamplerApplication .i-label-section { +.v-app-SamplerApplication .v-label-section { font-family: "Helvetica Neue", helvetica, arial, verdana, sans-serif; font-size: 24px; font-weight: bold; @@ -206,7 +206,7 @@ color: #1e2229; } -.i-app-SamplerApplication .i-label-subsection { +.v-app-SamplerApplication .v-label-subsection { font-family: helvetica, arial, verdana, sans-serif; font-size: 16px; font-weight: normal; @@ -214,16 +214,16 @@ text-indent: 15px; padding-right: 20px; } -.i-app-SamplerApplication .i-button-screenshot { +.v-app-SamplerApplication .v-button-screenshot { border: 3px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; overflow: hidden; } -.i-app-SamplerApplication .i-button-screenshot:hover { +.v-app-SamplerApplication .v-button-screenshot:hover { border-color: #abc; } -.i-app-SamplerApplication .i-button-screenshot img.i-icon { +.v-app-SamplerApplication .v-button-screenshot img.v-icon { margin: 0; margin-top: -2px; margin-left: -3px; @@ -233,40 +233,40 @@ -webkit-border-radius: 5px; overflow: hidden; } -.i-ie .i-app-SamplerApplication .i-button-screenshot img.i-icon { +.v-ie .v-app-SamplerApplication .v-button-screenshot img.v-icon { margin-left: -12px; } -.i-app-SamplerApplication .i-table-featuretable tr.i-table-row, -.i-app-SamplerApplication .i-table-featuretable tr.i-table-row-odd { +.v-app-SamplerApplication .v-table-featuretable tr.v-table-row, +.v-app-SamplerApplication .v-table-featuretable tr.v-table-row-odd { height: 50px; } -.i-app-SamplerApplication .i-table-featuretable tr.i-table-row-section { +.v-app-SamplerApplication .v-table-featuretable tr.v-table-row-section { color: #333366; font-size: 18px; font-weight: bold; } -.i-app-SamplerApplication .i-table-featuretable tr.i-table-row-subsection { +.v-app-SamplerApplication .v-table-featuretable tr.v-table-row-subsection { font-size: 16px; font-weight: bold; } -.i-app-SamplerApplication .i-table-featuretable .i-table-body { +.v-app-SamplerApplication .v-table-featuretable .v-table-body { border: transparent; } -.i-app-SamplerApplication .i-panel-content-light { +.v-app-SamplerApplication .v-panel-content-light { border-top: 0px; } -.i-app-SamplerApplication .i-horizontallayout-sample-view .i-horizontallayout-margin-top { +.v-app-SamplerApplication .v-horizontallayout-sample-view .v-horizontallayout-margin-top { padding-top: 27px; } -.i-app-SamplerApplication .i-horizontallayout-sample-view .i-horizontallayout-margin-bottom { +.v-app-SamplerApplication .v-horizontallayout-sample-view .v-horizontallayout-margin-bottom { padding-bottom: 24px; } -.i-app-SamplerApplication .i-caption-feature-controls { +.v-app-SamplerApplication .v-caption-feature-controls { font-family: "Helvetica Neue", helvetica, arial, sans-serif; font-weight: bold; font-size: 24px; @@ -275,33 +275,33 @@ letter-spacing: -0.015em; text-shadow: 0 2px 1px #c0c1c2; } -.i-app-SamplerApplication .feature-info { +.v-app-SamplerApplication .feature-info { background: #1e2123 url(info-bubble-bg.png) repeat-y; color: #b8bbbe; font-family: arial, helvetica, verdana, sans-serif; font-size: 12px; line-height: 19px; } -.i-sa .i-app-SamplerApplication .feature-info { +.v-sa .v-app-SamplerApplication .feature-info { font-family: helvetica, arial, verdana, sans-serif; } -.i-app-SamplerApplication .feature-info div.i-link a { +.v-app-SamplerApplication .feature-info div.v-link a { color: #b7c0c7; font-size: 11px; line-height: 18px; margin-left: 28px; } -.i-app-SamplerApplication .feature-info div.i-link a:hover { +.v-app-SamplerApplication .feature-info div.v-link a:hover { color: #dcebf6; } -.i-app-SamplerApplication .feature-info div.i-link a span { +.v-app-SamplerApplication .feature-info div.v-link a span { text-decoration: none; border-bottom: 1px dotted #495964; } -.i-app-SamplerApplication .feature-info div.i-link a:hover span { +.v-app-SamplerApplication .feature-info div.v-link a:hover span { border-bottom: 1px solid #dcebf6; } -.i-app-SamplerApplication .feature-info .i-panel-caption { +.v-app-SamplerApplication .feature-info .v-panel-caption { color: #fff; font-family: "Helvetica Neue", helvetica, arial, verdana, sans-serif; font-size: 14px; @@ -315,29 +315,29 @@ padding-top: 15px; border: none; } -.i-app-SamplerApplication .feature-info .i-panel-content { +.v-app-SamplerApplication .feature-info .v-panel-content { background: transparent url(info-bubble-top.png) no-repeat 0 -44px; border: none; } -.i-app-SamplerApplication .i-panel-deco-feature-info { +.v-app-SamplerApplication .v-panel-deco-feature-info { height: 28px; background: transparent url(info-bubble-bottom.png); margin: 0; border: none; } -.i-app-SamplerApplication .feature-info .i-verticallayout .i-verticallayout-margin-left { +.v-app-SamplerApplication .feature-info .v-verticallayout .v-verticallayout-margin-left { padding-left: 28px; } -.i-app-SamplerApplication .feature-info .i-verticallayout .i-verticallayout-margin-right { +.v-app-SamplerApplication .feature-info .v-verticallayout .v-verticallayout-margin-right { padding-right: 20px; } -.i-app-SamplerApplication .feature-info .i-label { +.v-app-SamplerApplication .feature-info .v-label { padding: 0 20px 9px 28px; } -.i-app-SamplerApplication .feature-info .i-label-section { +.v-app-SamplerApplication .feature-info .v-label-section { font-weight: bold; font-size: 12px; line-height: 30px; @@ -348,25 +348,25 @@ padding: 0; } -.i-app-SamplerApplication .feature-info .i-label-section span { +.v-app-SamplerApplication .feature-info .v-label-section span { display: block; background: transparent url(info-bubble-separator.png) repeat-x; padding: 5px 0 0 19px; margin: 0 5px 0 9px; } -.i-app-SamplerApplication .feature-info .description { +.v-app-SamplerApplication .feature-info .description { padding: 0; } -.i-app-SamplerApplication .feature-info .description div.outer-deco { +.v-app-SamplerApplication .feature-info .description div.outer-deco { margin: 0 5px 0 9px; width: 353px; } -.i-app-SamplerApplication .feature-info .description div.deco { +.v-app-SamplerApplication .feature-info .description div.deco { padding: 0 19px 13px 19px; position: relative; } -.i-app-SamplerApplication .feature-info .description span.deco { +.v-app-SamplerApplication .feature-info .description span.deco { display: block; position: absolute; height: 12px; @@ -375,14 +375,14 @@ left: -5px; top: 40%; } -.i-ie6 .i-app-SamplerApplication .feature-info .description span.deco { +.v-ie6 .v-app-SamplerApplication .feature-info .description span.deco { left: -24px; } -.i-app-SamplerApplication .feature-info .sample-description { +.v-app-SamplerApplication .feature-info .sample-description { padding: 0; } -.i-app-SamplerApplication .feature-info .sample-description div.outer-deco { +.v-app-SamplerApplication .feature-info .sample-description div.outer-deco { margin: 0 5px 0 9px; color: #e0ecff; text-shadow: 0 1px 0 #283b4e; @@ -391,11 +391,11 @@ border-bottom-color: #2e5b92; width: 353px; } -.i-ie6 .i-app-SamplerApplication .feature-info .sample-description div.outer-deco { +.v-ie6 .v-app-SamplerApplication .feature-info .sample-description div.outer-deco { border-top: none; } -.i-app-SamplerApplication .feature-info .sample-description div.deco { +.v-app-SamplerApplication .feature-info .sample-description div.deco { padding: 13px 19px 13px 19px; background: #31629e url(sample-desc-bg.png) repeat-x; border: 1px solid #4b81b2; @@ -404,7 +404,7 @@ position: relative; } -.i-app-SamplerApplication .feature-info .sample-description span.deco { +.v-app-SamplerApplication .feature-info .sample-description span.deco { display: block; position: absolute; height: 11px; @@ -413,41 +413,41 @@ left: -7px; top: 45%; } -.i-ie6 .i-app-SamplerApplication .feature-info .sample-description span.deco { +.v-ie6 .v-app-SamplerApplication .feature-info .sample-description span.deco { left: -26px; } -.i-app-SamplerApplication .i-link-showcode { +.v-app-SamplerApplication .v-link-showcode { margin-left: 3px; } -.i-app-SamplerApplication .i-button-showcode, -.i-app-SamplerApplication .i-link-showcode { +.v-app-SamplerApplication .v-button-showcode, +.v-app-SamplerApplication .v-link-showcode { font-family: arial, helvetica, verdana, sans-serif; display: inline; font-size: 12px; line-height: 20px; height: 20px; } -.i-sa .i-app-SamplerApplication .i-button-showcode, -.i-sa .i-app-SamplerApplication .i-link-showcode { +.v-sa .v-app-SamplerApplication .v-button-showcode, +.v-sa .v-app-SamplerApplication .v-link-showcode { font-family: helvetica, arial, verdana, sans-serif; } -.i-app-SamplerApplication .i-button-showcode span, -.i-app-SamplerApplication .i-link-showcode span { +.v-app-SamplerApplication .v-button-showcode span, +.v-app-SamplerApplication .v-link-showcode span { color: #8b8e91; text-decoration: none; } -.i-app-SamplerApplication .i-button-showcode:hover span, -.i-app-SamplerApplication .i-link-showcode:hover span { +.v-app-SamplerApplication .v-button-showcode:hover span, +.v-app-SamplerApplication .v-link-showcode:hover span { color: #62696f; text-decoration: underline; } -.i-app-SamplerApplication .i-panel-content-source { +.v-app-SamplerApplication .v-panel-content-source { border: 1px solid #eee; background: #fff; } -.i-customcomponent-ModeSwitch .i-button { +.v-customcomponent-ModeSwitch .v-button { height: 24px; width: 30px; border: none; @@ -455,31 +455,31 @@ cursor: default; padding: 0; } -.i-customcomponent-ModeSwitch .i-button span { +.v-customcomponent-ModeSwitch .v-button span { display: none; } -.i-customcomponent-ModeSwitch .i-button .i-icon { +.v-customcomponent-ModeSwitch .v-button .v-icon { width: auto; height: auto; } -.i-customcomponent-ModeSwitch .i-button-first-on, -.i-customcomponent-ModeSwitch .i-button-first:active { +.v-customcomponent-ModeSwitch .v-button-first-on, +.v-customcomponent-ModeSwitch .v-button-first:active { background-position: left bottom; } -.i-customcomponent-ModeSwitch .i-button-first { +.v-customcomponent-ModeSwitch .v-button-first { background-position: left top; } /* -.i-customcomponent-ModeSwitch .i-button-mid-on { +.v-customcomponent-ModeSwitch .v-button-mid-on { background: transparent url(mid-on.gif) no-repeat; } -.i-customcomponent-ModeSwitch .i-button-mid { +.v-customcomponent-ModeSwitch .v-button-mid { background: transparent url(mid.gif) no-repeat; }*/ -.i-customcomponent-ModeSwitch .i-button-last-on, -.i-customcomponent-ModeSwitch .i-button-last:active { +.v-customcomponent-ModeSwitch .v-button-last-on, +.v-customcomponent-ModeSwitch .v-button-last:active { background-position: right bottom; } -.i-customcomponent-ModeSwitch .i-button-last { +.v-customcomponent-ModeSwitch .v-button-last { background-position: right top; } diff --git a/WebContent/ITMILL/themes/sampler/table/styles.css b/WebContent/ITMILL/themes/sampler/table/styles.css index 26c5f3f7e6..457dc4515d 100644 --- a/WebContent/ITMILL/themes/sampler/table/styles.css +++ b/WebContent/ITMILL/themes/sampler/table/styles.css @@ -1,29 +1,29 @@ -.i-table-iso3166 .i-table-row-marked { +.v-table-iso3166 .v-table-row-marked { color: red; font-style: italic; } -.i-table-contacts .i-table-row-red { +.v-table-contacts .v-table-row-red { color: red; } -.i-table-contacts .i-table-row-blue { +.v-table-contacts .v-table-row-blue { color: blue; } -.i-table-contacts .i-table-row-green { +.v-table-contacts .v-table-row-green { color: green; } -.i-table-contacts .i-table-cell-content-marked { +.v-table-contacts .v-table-cell-content-marked { background-color: #ffd; } -.i-table-contacts .i-table-cell-content-email { +.v-table-contacts .v-table-cell-content-email { background-color: #ffd; font-family: monospace; margin: 0px; } -.i-table .i-icon { +.v-table .v-icon { /* explicitly set icon width for fast browsers * to properly detect row header width */ width: 16px; diff --git a/WebContent/ITMILL/themes/tests-book/styles.css b/WebContent/ITMILL/themes/tests-book/styles.css index 43e609da71..d3af11c089 100644 --- a/WebContent/ITMILL/themes/tests-book/styles.css +++ b/WebContent/ITMILL/themes/tests-book/styles.css @@ -4,14 +4,14 @@ /* Styling for tests.magi application. */ /*****************************************************************************/ -.i-app { +.v-app { background: white; } /*****************************************************************************/ /* For example_Forms() */ /*****************************************************************************/ -.i-form { +.v-form { border: thin solid; padding: 5px 5px 5px 5px; } @@ -21,7 +21,7 @@ /* For example_Table() */ /*****************************************************************************/ /* Table rows contain three-row TextField components. */ -.i-table-components-inside .i-table-cell-content { +.v-table-components-inside .v-table-cell-content { height: 54px; /* 3*18px = 54px. */ } @@ -29,12 +29,12 @@ * For TableCellStyle.java. ******************************************************************************/ /* Center the text in header. */ -.i-table-header-cell { +.v-table-header-cell { text-align: center; } /* Basic style for all cells. */ -.i-table-checkerboard .i-table-cell-content { +.v-table-checkerboard .v-table-cell-content { text-align: center; vertical-align: middle; padding-top: 12px; @@ -43,18 +43,18 @@ } /* Style specifically for the row header cells. */ -.i-table-cell-content-rowheader { +.v-table-cell-content-rowheader { background: #E7EDF3 url(../default/table/img/header-bg.png) repeat-x scroll 0 0; } /* Style specifically for the "white" cells. */ -.i-table-cell-content-white { +.v-table-cell-content-white { background: white; color: black; } /* Style specifically for the "black" cells. */ -.i-table-cell-content-black { +.v-table-cell-content-black { background: black; color: white; } @@ -63,112 +63,112 @@ /* For example_Tree() */ /*****************************************************************************/ -.i-expandlayout-treeexample .i-panel .i-orderedlayout { +.v-expandlayout-treeexample .v-panel .v-orderedlayout { padding: 0px; } -.i-orderedlayout-margin-top { padding-top: 0px; } -.i-orderedlayout-margin-left { padding-left: 0px; } -.i-orderedlayout-margin-bottom { padding-bottom: 0px; } -.i-orderedlayout-margin-right { padding-right: 0px; } +.v-orderedlayout-margin-top { padding-top: 0px; } +.v-orderedlayout-margin-left { padding-left: 0px; } +.v-orderedlayout-margin-bottom { padding-bottom: 0px; } +.v-orderedlayout-margin-right { padding-right: 0px; } /*****************************************************************************/ /* For example_GridLayout() */ /*****************************************************************************/ -table.i-gridlayout-example-gridlayout { +table.v-gridlayout-example-gridlayout { background: blue; } -.i-gridlayout-example-gridlayout td { +.v-gridlayout-example-gridlayout td { background: white; } /*****************************************************************************/ /* For example_Alignment() */ /*****************************************************************************/ -.i-gridlayout-example-alignment { +.v-gridlayout-example-alignment { background: blue; } -.i-gridlayout-example-alignment .i-expandlayout { +.v-gridlayout-example-alignment .v-expandlayout { background: white; width: 150px; height: 75px; } -.i-orderedlayout { +.v-orderedlayout { margin: 5px; } /* For SelectExample.java. */ -.i-orderedlayout tr { +.v-orderedlayout tr { vertical-align: top; } /*****************************************************************************/ /* For example_ProgressIndicator() */ /*****************************************************************************/ -.i-progressindicator-invisible { +.v-progressindicator-invisible { display: none; } -.i-progressindicator-fullwidth { +.v-progressindicator-fullwidth { width: 100px; } /*****************************************************************************/ /* For example_Spacing() */ /*****************************************************************************/ -.i-orderedlayout-spacingexample table { +.v-orderedlayout-spacingexample table { background: blue; } -.i-orderedlayout-spacingexample td { +.v-orderedlayout-spacingexample td { background: white; } /* Set horizontal cell spacing for all OrderedLayouts. */ -.i-orderedlayout-hspacing { +.v-orderedlayout-hspacing { padding-left: 10px; } /* Set horizontal cell spacing in specific layout with "spacingexample" style. */ -.i-orderedlayout-spacingexample .i-orderedlayout-hspacing { +.v-orderedlayout-spacingexample .v-orderedlayout-hspacing { padding-left: 30px; } /* Set vertical cell spacing in specific layout with "spacingexample" style. */ -.i-orderedlayout-spacingexample .i-orderedlayout-vspacing { +.v-orderedlayout-spacingexample .v-orderedlayout-vspacing { margin-top: 30px; } -table.i-gridlayout-spacingexample { +table.v-gridlayout-spacingexample { background: blue; } -.i-gridlayout-spacingexample td { +.v-gridlayout-spacingexample td { background: white; } /*****************************************************************************/ /* For example_Margin() */ /*****************************************************************************/ -.i-orderedlayout-marginexample1 { padding-left: 200px; } -.i-orderedlayout-marginexample1 { padding-right: 100px; } -.i-orderedlayout-marginexample1 { padding-top: 50px; } -.i-orderedlayout-marginexample1 { padding-bottom: 25px; } +.v-orderedlayout-marginexample1 { padding-left: 200px; } +.v-orderedlayout-marginexample1 { padding-right: 100px; } +.v-orderedlayout-marginexample1 { padding-top: 50px; } +.v-orderedlayout-marginexample1 { padding-bottom: 25px; } -.i-orderedlayout-marginexample2 .i-orderedlayout-margin-left { padding-left: 200px; } -.i-orderedlayout-marginexample2 .i-orderedlayout-margin-right { padding-right: 100px; } -.i-orderedlayout-marginexample2 .i-orderedlayout-margin-top { padding-top: 50px; } -.i-orderedlayout-marginexample2 .i-orderedlayout-margin-bottom { padding-bottom: 25px; } +.v-orderedlayout-marginexample2 .v-orderedlayout-margin-left { padding-left: 200px; } +.v-orderedlayout-marginexample2 .v-orderedlayout-margin-right { padding-right: 100px; } +.v-orderedlayout-marginexample2 .v-orderedlayout-margin-top { padding-top: 50px; } +.v-orderedlayout-marginexample2 .v-orderedlayout-margin-bottom { padding-bottom: 25px; } -.i-orderedlayout-marginexample1 { background: #d0d0ff; border: 1px;} -.i-orderedlayout-marginexample2 { background: #ffd0d0; border: 1px;} -.i-orderedlayout-marginexample table { background: white; } +.v-orderedlayout-marginexample1 { background: #d0d0ff; border: 1px;} +.v-orderedlayout-marginexample2 { background: #ffd0d0; border: 1px;} +.v-orderedlayout-marginexample table { background: white; } /*****************************************************************************/ /* For example_RichTextArea() */ /*****************************************************************************/ -.i-richtextarea-richtextexample .gwt-ToggleButton .gwt-Image { +.v-richtextarea-richtextexample .gwt-ToggleButton .gwt-Image { background-image: url(img/richtextarea-toolbar-fi.png) !important; } diff --git a/WebContent/ITMILL/themes/tests-tickets/styles.css b/WebContent/ITMILL/themes/tests-tickets/styles.css index 2c2b359ed9..91355e5185 100644 --- a/WebContent/ITMILL/themes/tests-tickets/styles.css +++ b/WebContent/ITMILL/themes/tests-tickets/styles.css @@ -1,32 +1,32 @@ @import url(../default/styles.css); -/* DO NOT ADD GENERIC RULES LIKE .i-table IN THIS FILE */ +/* DO NOT ADD GENERIC RULES LIKE .v-table IN THIS FILE */ /*****************************************************************************/ /* Ticket 1904 */ /*****************************************************************************/ -.i-orderedlayout-ticket1904 { +.v-orderedlayout-ticket1904 { background-color: red; } -.i-orderedlayout-ticket1904-margin-top { +.v-orderedlayout-ticket1904-margin-top { padding-top: 20px; } -.i-orderedlayout-ticket1904-margin-right { +.v-orderedlayout-ticket1904-margin-right { padding-right: 10px; } -.i-orderedlayout-ticket1904-margin-bottom { +.v-orderedlayout-ticket1904-margin-bottom { padding-bottom: 40px; } -.i-orderedlayout-ticket1904-margin-left { +.v-orderedlayout-ticket1904-margin-left { padding-left: 5px; } -.i-orderedlayout-ticket1904-vspacing { +.v-orderedlayout-ticket1904-vspacing { margin-top: 20px; } -.i-orderedlayout-ticket1904-hspacing { +.v-orderedlayout-ticket1904-hspacing { padding-left: 40px; } @@ -34,15 +34,15 @@ /* Ticket 1710 */ /*****************************************************************************/ -.i-orderedlayout-tested-layout, .i-gridlayout-tested-layout, .i-expandllayout-tested-layout { +.v-orderedlayout-tested-layout, .v-gridlayout-tested-layout, .v-expandllayout-tested-layout { background-color: #fff; } -.i-panel-content-layout-testing-panel { +.v-panel-content-layout-testing-panel { background-color: #eee; } -.i-panel-content-testarea { +.v-panel-content-testarea { background-color: #f4f4f4; } @@ -53,11 +53,11 @@ /* Ticket 1857 */ /*****************************************************************************/ -.i-table-cell-content-old { +.v-table-cell-content-old { color: brown; } -.i-table-cell-content-young { +.v-table-cell-content-young { color: green; } @@ -65,7 +65,7 @@ /* Ticket 1902 */ /*****************************************************************************/ -.i-orderedlayout-red-background { +.v-orderedlayout-red-background { background: red; } @@ -73,11 +73,11 @@ /* Ticket 1921 */ /*****************************************************************************/ -.i-orderedlayout-red { +.v-orderedlayout-red { background: red; } -.i-orderedlayout-blue { +.v-orderedlayout-blue { background: blue; } @@ -85,37 +85,37 @@ /* Ticket 1924 */ /*****************************************************************************/ -.i-label-red { +.v-label-red { background: red; } /** #1953 */ -.i-gridlayout-borders td, -.i-gridlayout-borders { +.v-gridlayout-borders td, +.v-gridlayout-borders { border: 1px solid black; border-collapse: collapse; } -.i-button-test-heading +.v-button-test-heading { width: 100px; height: 50px; } - .i-label-test-spacer + .v-label-test-spacer { width: 20px; height: 48px; background-color: black; } - .i-label-test-cell + .v-label-test-cell { width: 100px; height: 48px; } - .i-label-test-col-head + .v-label-test-col-head { width: 100px; height: 48px; @@ -123,7 +123,7 @@ text-align: center; } - .i-button-test-page-change + .v-button-test-page-change { width: 100px; height: 50px; @@ -132,27 +132,27 @@ /* Ticket 124 */ /*****************************************************************************/ -.i-gridlayout-border td { +.v-gridlayout-border td { border: 1px solid black; } /* #1919 */ -.i-gridlayout-test .i-gridlayout-margin-top { +.v-gridlayout-test .v-gridlayout-margin-top { padding-top: 100px; } -.i-gridlayout-test .i-gridlayout-margin-left { +.v-gridlayout-test .v-gridlayout-margin-left { padding-left: 5px; } -.i-gridlayout-test .i-gridlayout-margin-right { +.v-gridlayout-test .v-gridlayout-margin-right { padding-right: 50px; } -.i-gridlayout-test .i-gridlayout-margin-bottom { +.v-gridlayout-test .v-gridlayout-margin-bottom { padding-bottom: 0 px; } -.i-gridlayout-test .i-gridlayout-margin-spacing { +.v-gridlayout-test .v-gridlayout-margin-spacing { padding-left: 40px; padding-top: 40px; } @@ -166,7 +166,7 @@ /* No ticket, just for general test cases */ /*****************************************************************************/ -.i-label-no-padding { +.v-label-no-padding { padding: 0; background: lime; } @@ -176,11 +176,11 @@ /* Table Cell Generator test /*****************************************************************************/ -.i-table-cell-content-red { +.v-table-cell-content-red { background: red; } -.i-table-cell-content-green { +.v-table-cell-content-green { background: lightgreen; } @@ -189,21 +189,21 @@ /*****************************************************************************/ /* Ticket 2222 */ /*****************************************************************************/ -.i-orderedlayout-ticket2222 .i-orderedlayout-margin-top { +.v-orderedlayout-ticket2222 .v-orderedlayout-margin-top { padding-top: 100px; } -.i-orderedlayout-ticket2222 .i-orderedlayout-margin-right { +.v-orderedlayout-ticket2222 .v-orderedlayout-margin-right { padding-right: 20px; } -.i-orderedlayout-ticket2222 .i-orderedlayout-margin-bottom { +.v-orderedlayout-ticket2222 .v-orderedlayout-margin-bottom { padding-bottom: 30px; } -.i-orderedlayout-ticket2222 .i-orderedlayout-margin-left { +.v-orderedlayout-ticket2222 .v-orderedlayout-margin-left { padding-left: 40px; } -.i-orderedlayout-ticket2222 .i-orderedlayout-spacing-on { +.v-orderedlayout-ticket2222 .v-orderedlayout-spacing-on { padding-top: 50px; padding-left: 60px; } @@ -212,21 +212,21 @@ border: 1px solid black; } -.i-gridlayout-ticket2222 .i-gridlayout-margin-top { +.v-gridlayout-ticket2222 .v-gridlayout-margin-top { padding-top: 100px; } -.i-gridlayout-ticket2222 .i-gridlayout-margin-right { +.v-gridlayout-ticket2222 .v-gridlayout-margin-right { padding-right: 20px; } -.i-gridlayout-ticket2222 .i-gridlayout-margin-bottom { +.v-gridlayout-ticket2222 .v-gridlayout-margin-bottom { padding-bottom: 30px; } -.i-gridlayout-ticket2222 .i-gridlayout-margin-left { +.v-gridlayout-ticket2222 .v-gridlayout-margin-left { padding-left: 40px; } -.i-gridlayout-ticket2222 .i-gridlayout-spacing-on { +.v-gridlayout-ticket2222 .v-gridlayout-spacing-on { padding-top: 50px; padding-left: 20px; } @@ -243,12 +243,12 @@ /* Ticket 2232 */ /*****************************************************************************/ -.i-gridlayout-t2232 .i-gridlayout-spacing-off { +.v-gridlayout-t2232 .v-gridlayout-spacing-off { padding-top: 50px; padding-left: 20px; } -.i-orderedlayout-t2232 .i-orderedlayout-spacing-off { +.v-orderedlayout-t2232 .v-orderedlayout-spacing-off { padding-top: 25px; padding-left: 25px; } @@ -265,35 +265,35 @@ /* Import Toolkit default theme */ -.i-generated-body { +.v-generated-body { overflow: hidden; } -.i-view { +.v-view { background: #fff; position: relative; } -.i-window-modalitycurtain { +.v-window-modalitycurtain { background: #000; opacity: 0.2; filter: alpha(opacity=20); } -.i-app input, .i-window input, -.i-app select, .i-window select, -.i-app textarea, .i-window textarea, -.i-app button, .i-window button, -.i-formlayout-captioncell { +.v-app input, .v-window input, +.v-app select, .v-window select, +.v-app textarea, .v-window textarea, +.v-app button, .v-window button, +.v-formlayout-captioncell { font-size: 11px; font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif !important; color: #2c3437 !important; } -.i-formlayout-captioncell { +.v-formlayout-captioncell { font-weight: bold; } -.i-loading-indicator, -.i-loading-indicator-delay, -.i-loading-indicator-wait { +.v-loading-indicator, +.v-loading-indicator-delay, +.v-loading-indicator-wait { width: 174px; height: 12px; background: url(img/loading-indicator.gif) top left no-repeat; @@ -304,36 +304,36 @@ -.i-window-contents { +.v-window-contents { border: 1px solid #9ab2bf; font-size: 11px; } -.i-window-header { +.v-window-header { color: #094582 !important; font-size: 15px; font-weight: bold; float: left; } -.i-window-closebox, -.i-window-closebox:hover { +.v-window-closebox, +.v-window-closebox:hover { background-image: url(img/window/close.png) !important; } /* -.i-datefield { +.v-datefield { margin: 2px; } -.i-datefield .i-textfield { +.v-datefield .v-textfield { float: left; } -.i-datefield .i-textfield, -.i-datefield .i-datefield-button { +.v-datefield .v-textfield, +.v-datefield .v-datefield-button { margin: 0px; } */ /* -.i-textfield, .i-datefield, .i-filterselect{ +.v-textfield, .v-datefield, .v-filterselect{ height:20px; width:125px; padding:0; @@ -341,200 +341,200 @@ margin:0; } -.i-datefield-textfield, .i-filterselect-input{ +.v-datefield-textfield, .v-filterselect-input{ height:14px; width:107px; padding:2px; } -.i-datefield-button { +.v-datefield-button { background: url(img/datefield/open-button.png) top right no-repeat; width: 20px; height: 20px; cursor: pointer; } -.i-filterselect { +.v-filterselect { background: #f6f9fc url(img/select/bg-left-filter.png) left top no-repeat; height: 20px; margin: 2px; } -.i-filterselect-button { +.v-filterselect-button { height: 20px; width:25px; background-image: url(img/select/bg-right-filter.png); } -.i-filterselect-suggestpopup { +.v-filterselect-suggestpopup { font-size: 11px; } -* + html .i-filterselect-button { +* + html .v-filterselect-button { margin-top: -22px; /-* for IE *-/ } /* -.i-datefield-popup { +.v-datefield-popup { margin-top: -1px; margin-left: -1px; } -.i-customcomponent-view { +.v-customcomponent-view { overflow: hidden; /* for IE *-/ } */ -.i-button{ +.v-button{ font-size: 11px; font-weight: bold; color: #122942 !important; /*background: url(img/button/left2.png) top left no-repeat;*/ } -.i-button span { +.v-button span { /*background: url(img/button/right2.png) top right no-repeat;*/ } -.i-button img { +.v-button img { float: left; /* possible icon */ } /* -.i-button:hover { background-image: url(img/button/left2_down.png); } -.i-button:hover span { background-image: url(img/button/right2_down.png); } +.v-button:hover { background-image: url(img/button/left2_down.png); } +.v-button:hover span { background-image: url(img/button/right2_down.png); } */ -.i-button-link, -.i-button-link span, -.i-button-link:hover, -.i-button-link:hover span { +.v-button-link, +.v-button-link span, +.v-button-link:hover, +.v-button-link:hover span { border: none; background: none; } -.i-textfield-error { +.v-textfield-error { background: #ffa0a0 !important; } -.i-textarea, .i-textfield, .i-numerictextfield input, .i-filterselect input { +.v-textarea, .v-textfield, .v-numerictextfield input, .v-filterselect input { border: 1px solid #8fa5b3; height:18px; background: #f6f9fc url(img/input_bg.png) left top repeat-x; } -.i-select-twincol-selections, -.i-select-twincol-options { +.v-select-twincol-selections, +.v-select-twincol-options { border: 1px solid #8fa5b3; background: #f6f9fc url(img/input_bg.png) left top repeat-x; } -.i-errorindicator { +.v-errorindicator { float: left; padding-right: 7px; } -.i-table { +.v-table { color: #2c3437; } -.i-table .i-selected { +.v-table .v-selected { color: #2c3437; background: #faffd1; } -.i-table-row:hover, .i-table-row-odd:hover { +.v-table-row:hover, .v-table-row-odd:hover { background: #c8def9; } /* -.i-table-header-wrap { +.v-table-header-wrap { background: #d4e7fe url(img/table/column_header_bg.png) top left repeat-x; height: 25px; } */ -.i-table-header-cell:hover, -.i-table-header-cell-asc:hover, -.i-table-header-cell-desc:hover { +.v-table-header-cell:hover, +.v-table-header-cell-asc:hover, +.v-table-header-cell-desc:hover { background: #d4e7fe url(img/table/column_header_bg.png) top left repeat-x; } -.i-table-cell-content { +.v-table-cell-content { font-size: 11px; border-right: 1px solid #e3e7f0; margin: 0; padding: 2px 2px 2px 3px; /* height: 20px;*/ } -.i-table-header-cell-asc .i-table-caption-container { +.v-table-header-cell-asc .v-table-caption-container { background: url(img/table/order_asc.png) right 50% no-repeat; } -.i-table-header-cell-desc .i-table-caption-container { +.v-table-header-cell-desc .v-table-caption-container { background: url(img/table/order_desc.png) right 50% no-repeat; } -.i-table-caption-container { +.v-table-caption-container { color: #48738c; font-size: 11px; font-weight: bold; padding-top: 6px; } -.i-table-column-selector { +.v-table-column-selector { background-image: url(img/table/colsel.png); background-position: 0px 5px; cursor: pointer; } -.i-contextmenu { +.v-contextmenu { font-size: 11px; color: #000; } -.i-contextmenu .gwt-MenuBar { +.v-contextmenu .gwt-MenuBar { background: #5f5f5f; /* shadow */ border: none; } -.i-contextmenu .gwt-MenuBar table { +.v-contextmenu .gwt-MenuBar table { border: 1px solid #a0a0a0 !important; background: #f0f0f0; position: relative; top: -3px; left: -2px; } -.i-contextmenu .gwt-MenuItem { +.v-contextmenu .gwt-MenuItem { padding: 2px; } -.i-contextmenu .gwt-MenuItem div { +.v-contextmenu .gwt-MenuItem div { padding: 1px 25px 1px 13px; } -.i-contextmenu .i-on div { +.v-contextmenu .v-on div { background: url(img/checked.png) center left no-repeat; color: #000; } -.i-contextmenu .i-off div { +.v-contextmenu .v-off div { background: url(img/unchecked.png) center left no-repeat; color: #6f6f6f; } -.i-contextmenu .i-on div:hover { +.v-contextmenu .v-on div:hover { color: #000; } -.i-contextmenu .i-off div:hover { +.v-contextmenu .v-off div:hover { color: #000; } -.i-accordion { +.v-accordion { background: #fff url(img/accordion/bg.gif) top left repeat-x; border: solid #96B0CF; border-width: 1px 1px 1px 1px; } -.i-accordion-item { +.v-accordion-item { background:transparent; border-top: 1px solid #b9c5cf; height:21px; /* TODO: the rounded top left corner /*background: #ffffff url(img/accordion/top.gif) top left no-repeat;*/ } -.i-accordion-item-first { +.v-accordion-item-first { border-top: none; /* TODO: the rounded top left corner /*background: #ffffff url(img/accordion/top.gif) top left no-repeat;*/ } -.i-accordion-item-caption { +.v-accordion-item-caption { background: transparent url(img/accordion/arrow-left.gif) 7px 5px no-repeat; border: none; padding: 0px 0px 0px 18px; @@ -543,104 +543,104 @@ padding:2px; color: #1d4466; height: 21px; } -.i-accordion-item-caption .i-icon { +.v-accordion-item-caption .v-icon { float: left; padding: 1px; } -.i-accordion-item-open .i-caption { +.v-accordion-item-open .v-caption { border: none; background: url(img/accordion/tab-on-bg.gif) top left no-repeat; padding: 0px 0px 0px 19px; height: 21px; } -.i-accordion-item .i-caption { +.v-accordion-item .v-caption { border: none; padding: 0px 0px 0px 19px; height: 21px; } -.i-accordion-item-open .i-accordion-item-caption { +.v-accordion-item-open .v-accordion-item-caption { background: url(img/accordion/tab-on-right-bg.gif) top right no-repeat; color: #fff; padding-left: 2px; border:0; } -.i-accordion-item-content { +.v-accordion-item-content { } -.i-tree-node { +.v-tree-node { background-image: url(img/tree/expand.png); } -.i-tree-node-expanded { +.v-tree-node-expanded { background-image: url(img/tree/collapse.png); } -.i-tree-node-caption { +.v-tree-node-caption { color: #2c3437; font-size: 11px; font-weight: bold; } -.i-tree { +.v-tree { background: url(img/tree/2x583-dotline.png) 5px bottom repeat-y; } -.i-tree-node-children { +.v-tree-node-children { background: url(img/tree/2x583-dotline.png) 21px bottom repeat-y; } -.i-tree-node-leaf { +.v-tree-node-leaf { background: url(img/tree/node.png) 5px center no-repeat; } -.i-tree-node-selected, -.i-tree-node-selected span { +.v-tree-node-selected, +.v-tree-node-selected span { background: transparent; color: #2f76cc; } -.i-panel-caption span { +.v-panel-caption span { /*color: #005290;*/ font-size: 11px; font-weight: bold; letter-spacing: 0; } -.i-panel-caption, .i-panel-caption-light { +.v-panel-caption, .v-panel-caption-light { padding: 1px 18px 4px 5px; border: none !important; background: url(img/caption_light_bg.png) bottom left repeat-x; /*margin: 1px 10px;*/ } -.i-panel-caption .i-icon, .i-panel-caption-light .i-icon { +.v-panel-caption .v-icon, .v-panel-caption-light .v-icon { /*margin: 0px 2px;*/ } -.i-panel:before, -.i-panel-caption:before, -.i-panel-nocaption:before, -.i-panel-deco:before, -.i-panel-deco { +.v-panel:before, +.v-panel-caption:before, +.v-panel-nocaption:before, +.v-panel-deco:before, +.v-panel-deco { background: none; /* remove unnecessary graphics */ } -.i-panel-content { +.v-panel-content { /*margin: 0px 10px;*/ border: 1px solid #d3d4dc !important; } -.i-panel-deco { +.v-panel-deco { height: 9px; } -* html .i-panel-deco { +* html .v-panel-deco { height: 9px !important; } -*+html .i-panel-deco { +*+html .v-panel-deco { height: 9px !important; } -.i-tabsheet .i-tabsheet-tabs { +.v-tabsheet .v-tabsheet-tabs { height: auto; } -.i-tabsheet .i-tabsheet-tabs .i-caption { +.v-tabsheet .v-tabsheet-tabs .v-caption { background: none !important; white-space: nowrap; } -.i-tabsheet .i-tabsheet-tabs .gwt-TabBarItem { +.v-tabsheet .v-tabsheet-tabs .gwt-TabBarItem { background: url(img/tabsheet/tab-bg-edit.gif) top right no-repeat; border-width: 0px 0px 0px 1px; border-style: solid; @@ -652,91 +652,91 @@ padding:2px; height: 24px; color: #324955; } -.i-tabsheet .gwt-TabBarItem:hover { +.v-tabsheet .gwt-TabBarItem:hover { color: #2f759a; } -.i-tabsheet .i-tabsheet-tabs .gwt-TabBarItem-selected { +.v-tabsheet .v-tabsheet-tabs .gwt-TabBarItem-selected { background: url(img/tabsheet/tab-on-bg.gif) right top no-repeat; font-weight: bold; color: #094582; margin: 0; } -.i-tabsheet .gwt-TabBarItem-selected:hover { +.v-tabsheet .gwt-TabBarItem-selected:hover { color: #094582; } -.i-tabsheet .i-tabsheet-tabs .gwt-TabBarItem-selected .i-caption { +.v-tabsheet .v-tabsheet-tabs .gwt-TabBarItem-selected .v-caption { height: auto; margin: 0 !important; padding: 0 !important; } -.i-tabsheet .i-tabsheet-tabs .gwt-TabBarRest { +.v-tabsheet .v-tabsheet-tabs .gwt-TabBarRest { background: none; height: 31px !important; border-width: 0px 0px 1px 0px; border-color: #9ab2bf; } -.i-tabsheet .i-tabsheet-content { +.v-tabsheet .v-tabsheet-content { border-width: 0px 1px 1px 1px; border-style: solid; border-color: #9ab2bf; } -.i-tabsheet .i-caption .i-icon { +.v-tabsheet .v-caption .v-icon { display: inline; } -.i-tabsheet .i-tabsheet-deco { +.v-tabsheet .v-tabsheet-deco { display: none; } -.i-tabsheet-loading .i-tabsheet-tabs .gwt-TabBarItem-selected span { +.v-tabsheet-loading .v-tabsheet-tabs .gwt-TabBarItem-selected span { /*background-position: 1px 7px;*/ background: none; /* hide loading indicator */ } -.i-tabsheet-scroller { +.v-tabsheet-scroller { /*margin-top: -29px;*/ } -.i-tabsheet-scrollerNext, .i-tabsheet-scrollerNext-disabled { +.v-tabsheet-scrollerNext, .v-tabsheet-scrollerNext-disabled { background-image: url(img/tabsheet/next.png); } -.i-tabsheet-scrollerPrev, .i-tabsheet-scrollerPrev-disabled { +.v-tabsheet-scrollerPrev, .v-tabsheet-scrollerPrev-disabled { background-image: url(img/tabsheet/prev.png); } -.i-tabsheet-scrollerPrev, -.i-tabsheet-scrollerNext, -.i-tabsheet-scrollerPrev-disabled, -.i-tabsheet-scrollerNext-disabled { +.v-tabsheet-scrollerPrev, +.v-tabsheet-scrollerNext, +.v-tabsheet-scrollerPrev-disabled, +.v-tabsheet-scrollerNext-disabled { height: 30px; } -.i-splitpanel-horizontal .i-splitpanel-hsplitter, -.i-splitpanel-horizontal .i-splitpanel-hsplitter div { +.v-splitpanel-horizontal .v-splitpanel-hsplitter, +.v-splitpanel-horizontal .v-splitpanel-hsplitter div { border: 0px; width: 11px; } -.i-splitpanel-horizontal .i-splitpanel-hsplitter { +.v-splitpanel-horizontal .v-splitpanel-hsplitter { background: #c6dbf0 url(img/splitpanel/vsplit-bg.gif) top left repeat-y; } -.i-splitpanel-horizontal .i-splitpanel-hsplitter div { +.v-splitpanel-horizontal .v-splitpanel-hsplitter div { margin: 0px; background: url(img/splitpanel/vsplit-toggle.gif) top left no-repeat; } -.i-splitpanel-vertical .i-splitpanel-vsplitter, -.i-splitpanel-vertical .i-splitpanel-vsplitter div { +.v-splitpanel-vertical .v-splitpanel-vsplitter, +.v-splitpanel-vertical .v-splitpanel-vsplitter div { border: 0px; height: 11px; } -.i-splitpanel-vertical .i-splitpanel-vsplitter { +.v-splitpanel-vertical .v-splitpanel-vsplitter { background: #c6dbf0 url(img/splitpanel/hsplit-bg.gif) top left repeat-x; } -.i-splitpanel-vertical .i-splitpanel-vsplitter div { +.v-splitpanel-vertical .v-splitpanel-vsplitter div { margin: 0px; background: url(img/splitpanel/hsplit-toggle.gif) top left no-repeat; } -.i-label-copyright { +.v-label-copyright { position: absolute; bottom: 0px; left: 0px; @@ -752,14 +752,14 @@ padding:2px; /* -- header -- */ -.i-orderedlayout-header { +.v-orderedlayout-header { background: #004a8a url(img/header/headerbg.gif); border:0; margin:0; padding:0; } -.i-orderedlayout-header .i-label-logo { +.v-orderedlayout-header .v-label-logo { background: url(img/logica-logo-edit.gif) top left no-repeat; width: 111px; height: 32px; @@ -767,7 +767,7 @@ padding:2px; margin: 2px 0 0 0; } -.i-orderedlayout-header .i-orderedlayout-module-selector-menu .i-button { +.v-orderedlayout-header .v-orderedlayout-module-selector-menu .v-button { background: url(img/moduleselector/modulebg.gif); margin-top: 2px; height: 32px; @@ -776,14 +776,14 @@ padding:2px; border-right:2px solid #2c6da2; } -.i-orderedlayout-header .i-orderedlayout-module-selector-menu .i-button-selected { +.v-orderedlayout-header .v-orderedlayout-module-selector-menu .v-button-selected { background-image: url(img/moduleselector/modulebg-on.gif); height: 32px; border-left:2px solid #1c4d72; border-right:2px solid #2c6da2; } -.i-orderedlayout-header .i-orderedlayout-module-selector-menu .i-button span { +.v-orderedlayout-header .v-orderedlayout-module-selector-menu .v-button span { background:none; color: #fff; font-size: 11px; @@ -792,66 +792,66 @@ padding:2px; height: 32px; } -.i-orderedlayout-header .i-orderedlayout-module-selector-menu .i-button-selected span { +.v-orderedlayout-header .v-orderedlayout-module-selector-menu .v-button-selected span { color: #000; border: none; } -.i-orderedlayout-header .i-orderedlayout-module-selector-menu .i-button:hover span { +.v-orderedlayout-header .v-orderedlayout-module-selector-menu .v-button:hover span { text-decoration: underline; } /* -- topmenu -- */ -.i-orderedlayout-topmenu { +.v-orderedlayout-topmenu { background: #ddecfe url(img/topmenu/menubarbg.gif) top right repeat-x; } -.i-orderedlayout-topmenu .i-orderedlayout-breadcrumbs div, -.i-orderedlayout-topmenu .i-orderedlayout-breadcrumbs table { +.v-orderedlayout-topmenu .v-orderedlayout-breadcrumbs div, +.v-orderedlayout-topmenu .v-orderedlayout-breadcrumbs table { height: 100%; } -.i-orderedlayout-topmenu .i-orderedlayout-breadcrumbs { +.v-orderedlayout-topmenu .v-orderedlayout-breadcrumbs { background: #fffff7 url(img/topmenu/crumbbg.gif) top right repeat-x; height: 100%; } -.i-orderedlayout-topmenu .i-orderedlayout-breadcrumbs .i-button { +.v-orderedlayout-topmenu .v-orderedlayout-breadcrumbs .v-button { height: 100%; padding: 0px; } -.i-orderedlayout-topmenu .i-orderedlayout-breadcrumbs .i-button, -.i-orderedlayout-topmenu .i-orderedlayout-breadcrumbs .i-button span { +.v-orderedlayout-topmenu .v-orderedlayout-breadcrumbs .v-button, +.v-orderedlayout-topmenu .v-orderedlayout-breadcrumbs .v-button span { background: none; border: none; } -.i-orderedlayout-topmenu .i-orderedlayout-breadcrumbs .i-button:hover span { +.v-orderedlayout-topmenu .v-orderedlayout-breadcrumbs .v-button:hover span { text-decoration: underline; } -.i-orderedlayout-topmenu .i-orderedlayout-breadcrumbs span { +.v-orderedlayout-topmenu .v-orderedlayout-breadcrumbs span { font-weight: normal; color: #877845; padding: 5px 6px 0px 6px; } -.i-orderedlayout-topmenu .i-label-breadcrumbs-separator { +.v-orderedlayout-topmenu .v-label-breadcrumbs-separator { background: url(img/topmenu/crumbend.gif) top left repeat-x; width: 9px; height: 30px; } -.i-orderedlayout-topmenu .i-orderedlayout-user-menu { +.v-orderedlayout-topmenu .v-orderedlayout-user-menu { padding: 5px 10px 0px 0px; } -.i-orderedlayout-topmenu .i-orderedlayout-user-menu .i-button-user-menu-link { +.v-orderedlayout-topmenu .v-orderedlayout-user-menu .v-button-user-menu-link { background: none; border: none; padding-top:3px; } -.i-orderedlayout-topmenu .i-orderedlayout-user-menu .i-button-user-menu-link span { +.v-orderedlayout-topmenu .v-orderedlayout-user-menu .v-button-user-menu-link span { background: none; font-weight: normal; color: #256ac1; padding-right: 0px; } -.i-orderedlayout-topmenu .i-orderedlayout-user-menu .i-button-user-menu-link:hover span { +.v-orderedlayout-topmenu .v-orderedlayout-user-menu .v-button-user-menu-link:hover span { color: #000; border-bottom: 1px dotted #000; } @@ -859,12 +859,12 @@ padding:2px; /* -- footer -- */ -.i-orderedlayout-footer { +.v-orderedlayout-footer { background: #ddecfe url(img/footer/footerbg.gif) top left repeat-x; border-top: 1px solid #96bad5; } -.i-orderedlayout-footer .i-label-version, -.i-orderedlayout-footer .i-label-username { +.v-orderedlayout-footer .v-label-version, +.v-orderedlayout-footer .v-label-username { padding: 5px; } @@ -930,7 +930,7 @@ padding:2px; #login-screen #login-top #top-menu .separator { float: left; } -#login-screen #login-top #top-menu .separator .i-label { +#login-screen #login-top #top-menu .separator .v-label { float: left; height: 19px; width: 3px; @@ -984,11 +984,11 @@ padding:2px; font-size: 130%; padding-bottom: 5px; } -#login-screen .i-label-login-label { +#login-screen .v-label-login-label { font-size: 130%; padding: 0px 5px 0px 12px; } -#login-screen .i-button-login-button { +#login-screen .v-button-login-button { width: auto; margin-right: 3px; } @@ -1034,7 +1034,7 @@ padding:2px; #login-screen #login-box td { vertical-align: middle !important; } -#login-screen .i-form fieldset{ +#login-screen .v-form fieldset{ border: none; padding: 0; margin: 0; @@ -1043,11 +1043,11 @@ padding:2px; position: absolute; margin-top: -20px; } -#login-screen fieldset.i-form .i-form-description { +#login-screen fieldset.v-form .v-form-description { height: 0px; overflow: hidden; } -#login-screen .i-form-errormessage { +#login-screen .v-form-errormessage { color: #F5440E; font-size: 110%; font-weight: bold; @@ -1062,75 +1062,75 @@ padding:2px; /* Logica components project (widgets) styles begins */ -.i-multitextfield-popup { +.v-multitextfield-popup { padding: 5px; border: solid 1px #f6b06a; background: #ffcb02; } -.i-multitextfield-popup input, .i-multitextfield-popup textarea { +.v-multitextfield-popup input, .v-multitextfield-popup textarea { margin: 2px; } -.i-textfield-input_fi { +.v-textfield-input_fi { background: #ffffff url(multitextfield/img/fi.png) no-repeat 3px center; padding-left: 21px; } -.i-textarea-input_fi { +.v-textarea-input_fi { background: #ffffff url(multitextfield/img/fi.png) no-repeat 3px 3px; padding-left: 21px; } -.i-textfield-input_en { +.v-textfield-input_en { background: #ffffff url(multitextfield/img/en.png) no-repeat 3px center; padding-left: 21px; } -.i-textarea-input_en { +.v-textarea-input_en { background: #ffffff url(multitextfield/img/en.png) no-repeat 3px 3px; padding-left: 21px; } -.i-textfield-input_sv { +.v-textfield-input_sv { background: #ffffff url(multitextfield/img/sv.png) no-repeat 3px center; padding-left: 21px; } -.i-textarea-input_sv { +.v-textarea-input_sv { background: #ffffff url(multitextfield/img/sv.png) no-repeat 3px 3px; padding-left: 21px; } -.i-customcomponent-multioptionbutton { +.v-customcomponent-multioptionbutton { background: #ffffff url(multioptionbutton/img/multibuttonbg.jpg) no-repeat top left; padding: 2px; } -.i-customcomponent-multioptionbutton .i-gridlayout-linksTable button span { +.v-customcomponent-multioptionbutton .v-gridlayout-linksTable button span { text-decoration: none; color:#34475F; font: normal 11px Helvetica,Arial,'Trebuchet MS',Tahoma,Verdana,sans-serif; } -.i-customcomponent-multioptionbutton .i-gridlayout-linksTable button span { +.v-customcomponent-multioptionbutton .v-gridlayout-linksTable button span { text-decoration: none; color:#34475F; font: normal 11px Helvetica,Arial,'Trebuchet MS',Tahoma,Verdana,sans-serif; } -.i-customcomponent-multioptionbutton .i-gridlayout-linksTable button:hover span { +.v-customcomponent-multioptionbutton .v-gridlayout-linksTable button:hover span { text-decoration: underline; } -.i-customcomponent-multioptionbutton .i-gridlayout-linksTable img.i-icon { +.v-customcomponent-multioptionbutton .v-gridlayout-linksTable img.v-icon { float: left; padding: 0px; margin-right: 5px; } -.i-customcomponent-multioptionbutton .multioptionbutton-caption button span { +.v-customcomponent-multioptionbutton .multioptionbutton-caption button span { color:#34475F; font: normal 14pt Helvetica,Arial,'Trebuchet MS',Tahoma,Verdana,sans-serif; font-weight:normal; @@ -1139,55 +1139,55 @@ padding:2px; text-decoration: none; } -.i-customcomponent-multioptionbutton .multioptionbutton-caption button:hover span { +.v-customcomponent-multioptionbutton .multioptionbutton-caption button:hover span { text-decoration: underline; } -.i-customcomponent-multioptionbutton .i-label-description { +.v-customcomponent-multioptionbutton .v-label-description { color:#111111; font-size:11px; line-height:15px; } -.i-customcomponent-multioptionbutton img.i-icon { +.v-customcomponent-multioptionbutton img.v-icon { padding: 7px 10px; } -.i-tableselect-menutable table { +.v-tableselect-menutable table { border-collapse: collapse; padding: 0px; margin: 0px; } -.i-tableselect-menutable table td { +.v-tableselect-menutable table td { height: 12px; } -.i-tableselect-tablerow-over { +.v-tableselect-tablerow-over { background: #0000ff; color: #ffffff; } -.i-tableselect-menutable table { +.v-tableselect-menutable table { border-collapse: collapse; border: 0px; } -.i-tableselect-menutable table td { +.v-tableselect-menutable table td { cursor:pointer; height:18px; padding:1px 5px; white-space:nowrap; } -.i-tableselect-tablerow-over { +.v-tableselect-tablerow-over { background: #5DAEE8; color: #ffffff; } -.i-tableselect-table-header td { +.v-tableselect-table-header td { background: #d8e5e8; } @@ -1199,10 +1199,10 @@ padding:2px; -.i-chaptextfield .capslock-on { +.v-chaptextfield .capslock-on { background: red; } -.i-chaptextfield .label-capslock-on { +.v-chaptextfield .label-capslock-on { text-indent: -999999px; background: url(chaptextfield/img/capslock.png) left top no-repeat; height: 32px; @@ -1210,21 +1210,21 @@ padding:2px; } -.i-numerictextfield td { +.v-numerictextfield td { vertical-align: middle !important; } -.i-numerictextfield-left { +.v-numerictextfield-left { text-align: left; } -.i-numerictextfield-right { +.v-numerictextfield-right { text-align: right; } -.i-numerictextfield-stepper-up span, -.i-numerictextfield-stepper-down span { +.v-numerictextfield-stepper-up span, +.v-numerictextfield-stepper-down span { display: none; } -.i-numerictextfield-stepper-up, -.i-numerictextfield-stepper-down { +.v-numerictextfield-stepper-up, +.v-numerictextfield-stepper-down { width: 11px; height: 10px; padding: 0px; @@ -1233,27 +1233,27 @@ padding:2px; border: none; float: left; } -.i-numerictextfield-stepper-up { +.v-numerictextfield-stepper-up { background-position: right top; } -.i-numerictextfield-stepper-up:hover { +.v-numerictextfield-stepper-up:hover { background-position: left top; } -.i-numerictextfield-stepper-down { +.v-numerictextfield-stepper-down { background-position: right bottom; clear: left; } -.i-numerictextfield-stepper-down:hover { +.v-numerictextfield-stepper-down:hover { background-position: left bottom; } -.i-numerictextfield input { +.v-numerictextfield input { margin-right: 1px; } -.i-numerictextfield-stepper { +.v-numerictextfield-stepper { margin-right: 2px; } -.i-numerictextfield-left-readonly, -.i-numerictextfield-right-readonly { +.v-numerictextfield-left-readonly, +.v-numerictextfield-right-readonly { background: none !important; border: none !important; color: #222222 !important; @@ -1268,12 +1268,12 @@ padding:2px; } /* #2434 */ -.i-table-bordered .i-table-body td { +.v-table-bordered .v-table-body td { border-bottom: 1px solid red; } /* #2747 */ -.i-button-nowraplink span { +.v-button-nowraplink span { white-space: normal; } diff --git a/WebContent/ITMILL/themes/toolkittunes/styles.css b/WebContent/ITMILL/themes/toolkittunes/styles.css index e0350f5f5d..ad321d4903 100644 --- a/WebContent/ITMILL/themes/toolkittunes/styles.css +++ b/WebContent/ITMILL/themes/toolkittunes/styles.css @@ -17,11 +17,11 @@ } /* Hide all button captions */ -.tTunes .top .i-button span { +.tTunes .top .v-button span { display: none; } -.tTunes .playback .i-button { +.tTunes .playback .v-button { width: 31px; height: 32px; overflow: hidden; @@ -61,18 +61,18 @@ overflow: hidden; } -.tTunes .volume .i-slider { +.tTunes .volume .v-slider { border: none; } -.tTunes .volume .i-slider-base { +.tTunes .volume .v-slider-base { background: transparent url(images/volume-bar.png) no-repeat 0 50%; height: 6px; border: none; border-top: 1px solid #aaa; } -.tTunes .volume .i-slider-handle { +.tTunes .volume .v-slider-handle { background: transparent url(images/volume-knob.png) no-repeat; margin-top: -3px; } @@ -87,24 +87,24 @@ -moz-border-radius: 5px; } -.tTunes .status .i-horizontallayout-margin-top { +.tTunes .status .v-horizontallayout-margin-top { padding-top: 3px; } -.tTunes .status .i-horizontallayout-margin-bottom { +.tTunes .status .v-horizontallayout-margin-bottom { padding-bottom: 3px; } -.tTunes .status .i-horizontallayout-margin-left { +.tTunes .status .v-horizontallayout-margin-left { padding-left: 9px; } -.tTunes .status .i-horizontallayout-margin-right { +.tTunes .status .v-horizontallayout-margin-right { padding-right: 9px; } -.tTunes .status .i-label { +.tTunes .status .v-label { white-space: nowrap; } -.tTunes .status .i-slider { +.tTunes .status .v-slider { border: 1px solid #000; border-left: none; border-right: none; @@ -112,7 +112,7 @@ margin: 0; } -.tTunes .status .i-slider-base { +.tTunes .status .v-slider-base { border: none; height: 7px; border-left: 1px solid #000; @@ -120,7 +120,7 @@ background: transparent; } -.tTunes .status .i-slider-handle { +.tTunes .status .v-slider-handle { margin: 0; width: 7px; height: 7px; @@ -166,12 +166,12 @@ -.tTunes .i-splitpanel-horizontal .i-splitpanel-hsplitter { +.tTunes .v-splitpanel-horizontal .v-splitpanel-hsplitter { width: 1px; background: #404040; } -.tTunes .i-splitpanel-horizontal .i-splitpanel-hsplitter div { +.tTunes .v-splitpanel-horizontal .v-splitpanel-hsplitter div { width: 3px; border: none; background: transparent; @@ -183,7 +183,7 @@ background: #d1d7e2; } -.tTunes .sidebar .i-label { +.tTunes .sidebar .v-label { padding: 7px 0 3px 10px; font-weight: bold; text-transform: uppercase; @@ -191,7 +191,7 @@ text-shadow: #fff 0 1px 0; } -.tTunes .sidebar .i-button { +.tTunes .sidebar .v-button { text-align: left; border: none; background: transparent; @@ -199,7 +199,7 @@ padding: 2px 0; } -.tTunes .sidebar .i-button span { +.tTunes .sidebar .v-button span { padding-left: 25px; } @@ -217,7 +217,7 @@ padding: 2px 0 2px 45px; } -.tTunes .sidebar .i-caption { +.tTunes .sidebar .v-caption { background: transparent url(images/table-header-bg.png) repeat-x; padding: 1px 0; font-weight: bold; @@ -228,19 +228,19 @@ border-bottom: 1px solid #555; } -.tTunes .sidebar .i-captiontext { +.tTunes .sidebar .v-captiontext { float: none; } -.tTunes .i-table-header-wrap { +.tTunes .v-table-header-wrap { height: 16px; border: none; border-bottom: 1px solid #555; background: transparent url(images/table-header-bg.png) repeat-x; } -.tTunes .i-table-caption-container { +.tTunes .v-table-caption-container { font-size: 11px; color: #000; font-weight: bold; @@ -248,31 +248,31 @@ padding-top: 1px; } -.tTunes .i-table-body { +.tTunes .v-table-body { border: none; } -.tTunes .i-table-row-odd { +.tTunes .v-table-row-odd { background: #f1f5fa; } -.tTunes .i-table-row:hover { +.tTunes .v-table-row:hover { background: #fff; } -.tTunes .i-table-row-odd:hover { +.tTunes .v-table-row-odd:hover { background: #f1f5fa; } -.tTunes .i-table .i-selected { +.tTunes .v-table .v-selected { background: #3d80df; } -.tTunes .i-table-cell-content { +.tTunes .v-table-cell-content { padding: 0 0 0 3px; line-height: normal; } -.tTunes .i-table select { +.tTunes .v-table select { padding: 0 2px; } \ No newline at end of file diff --git a/src/com/vaadin/demo/reservation/gwt/client/ui/VGoogleMap.java b/src/com/vaadin/demo/reservation/gwt/client/ui/VGoogleMap.java index b2c8c1b403..026f89f1be 100644 --- a/src/com/vaadin/demo/reservation/gwt/client/ui/VGoogleMap.java +++ b/src/com/vaadin/demo/reservation/gwt/client/ui/VGoogleMap.java @@ -19,7 +19,7 @@ import com.vaadin.terminal.gwt.client.UIDL; public class VGoogleMap extends Composite implements Paintable { - public static final String CLASSNAME = "i-googlemap"; + public static final String CLASSNAME = "v-googlemap"; private final MapWidget widget = new MapWidget(); diff --git a/src/com/vaadin/demo/reservation/gwt/public/reservr/googlemap/css/googlemap.css b/src/com/vaadin/demo/reservation/gwt/public/reservr/googlemap/css/googlemap.css index 306f4250f6..8a71f89721 100644 --- a/src/com/vaadin/demo/reservation/gwt/public/reservr/googlemap/css/googlemap.css +++ b/src/com/vaadin/demo/reservation/gwt/public/reservr/googlemap/css/googlemap.css @@ -1,4 +1,4 @@ -.i-googlemap { +.v-googlemap { margin-top: 5px; border: 1px solid #d6d6d6; } \ No newline at end of file diff --git a/src/com/vaadin/demo/reservation/gwt/public/reservr/styles.css b/src/com/vaadin/demo/reservation/gwt/public/reservr/styles.css index 14750f2869..13551850d4 100644 --- a/src/com/vaadin/demo/reservation/gwt/public/reservr/styles.css +++ b/src/com/vaadin/demo/reservation/gwt/public/reservr/styles.css @@ -1,45 +1,45 @@ @import "googlemap/css/googlemap.css"; /* Entrycalendar styles */ -.i-datefield-entrycalendar-hours { +.v-datefield-entrycalendar-hours { width: 240px; height: auto; } -.i-datefield-entrycalendar-hours table { +.v-datefield-entrycalendar-hours table { table-layout: fixed; } -.i-datefield-entrycalendar-hours table tr { +.v-datefield-entrycalendar-hours table tr { height: 1em; } -.i-datefield-entrycalendar-row-even { +.v-datefield-entrycalendar-row-even { cursor: pointer; background: #fff; height: 1em; } -.i-datefield-entrycalendar-row-odd { +.v-datefield-entrycalendar-row-odd { cursor: pointer; background: #f6f7f7; height: 1em; } -.i-datefield-entrycalendar-row-selected { +.v-datefield-entrycalendar-row-selected { color: #fff; background: #5daee8 url(img/calendar-time-selected.gif) no-repeat; } -.i-datefield-calendarpanel td.i-datefield-entrycalendar-time { +.v-datefield-calendarpanel td.v-datefield-entrycalendar-time { width: 55px; padding: 2px 0px; white-space: nowrap; } -td.i-datefield-entrycalendar-time span { +td.v-datefield-entrycalendar-time span { width: 47px; padding: 0px 4px; text-align: right; display: block; } -td.i-datefield-entrycalendar-entry { +td.v-datefield-entrycalendar-entry { overflow: hidden; } -td.i-datefield-entrycalendar-entry span { +td.v-datefield-entrycalendar-entry span { display: block; overflow: hidden; padding: 2px; @@ -49,7 +49,7 @@ td.i-datefield-entrycalendar-entry span { background-position: 0px 0px; text-align: left; } -.i-datefield-calendarpanel td.i-datefield-entrycalendar-entry { +.v-datefield-calendarpanel td.v-datefield-entrycalendar-entry { background-color: #F24C1A; color: #fff; background-image: url(img/entry-bg.jpg); @@ -59,91 +59,91 @@ td.i-datefield-entrycalendar-entry span { } /* Reservr styles */ -.i-datefield-entrycalendar-01 { +.v-datefield-entrycalendar-01 { } -.i-datefield-entrycalendar-02 { +.v-datefield-entrycalendar-02 { } -.i-datefield-entrycalendar-03 { +.v-datefield-entrycalendar-03 { } -.i-datefield-entrycalendar-04 { +.v-datefield-entrycalendar-04 { } -.i-datefield-entrycalendar-05 { +.v-datefield-entrycalendar-05 { } -.i-datefield-entrycalendar-06 { +.v-datefield-entrycalendar-06 { } -.i-datefield-entrycalendar-07 { +.v-datefield-entrycalendar-07 { } -.i-datefield-entrycalendar-08 { +.v-datefield-entrycalendar-08 { } -.i-datefield-entrycalendar-09 { +.v-datefield-entrycalendar-09 { } -.i-datefield-entrycalendar-10 { +.v-datefield-entrycalendar-10 { } -.i-datefield-entrycalendar-11 { +.v-datefield-entrycalendar-11 { } -.i-datefield-entrycalendar-12 { +.v-datefield-entrycalendar-12 { } -.i-datefield-entrycalendar-13 { +.v-datefield-entrycalendar-13 { } -.i-datefield-entrycalendar-14 { +.v-datefield-entrycalendar-14 { } -.i-datefield-entrycalendar-15 { +.v-datefield-entrycalendar-15 { } -.i-datefield-entrycalendar-16 { +.v-datefield-entrycalendar-16 { } -.i-datefield-entrycalendar-17 { +.v-datefield-entrycalendar-17 { } -.i-datefield-entrycalendar-18 { +.v-datefield-entrycalendar-18 { } -.i-datefield-entrycalendar-19 { +.v-datefield-entrycalendar-19 { } -.i-datefield-entrycalendar-20 { +.v-datefield-entrycalendar-20 { } -.i-datefield-entrycalendar-21 { +.v-datefield-entrycalendar-21 { } -.i-datefield-entrycalendar-22 { +.v-datefield-entrycalendar-22 { } -.i-datefield-entrycalendar-23 { +.v-datefield-entrycalendar-23 { } -.i-datefield-entrycalendar-24 { +.v-datefield-entrycalendar-24 { } -.i-datefield-entrycalendar-25 { +.v-datefield-entrycalendar-25 { } -.i-datefield-entrycalendar-26 { +.v-datefield-entrycalendar-26 { } -.i-datefield-entrycalendar-27 { +.v-datefield-entrycalendar-27 { } -.i-datefield-entrycalendar-28 { +.v-datefield-entrycalendar-28 { } -.i-datefield-entrycalendar-29 { +.v-datefield-entrycalendar-29 { } diff --git a/src/com/vaadin/terminal/gwt/client/ApplicationConnection.java b/src/com/vaadin/terminal/gwt/client/ApplicationConnection.java index 7324b12613..51c5c92fe3 100755 --- a/src/com/vaadin/terminal/gwt/client/ApplicationConnection.java +++ b/src/com/vaadin/terminal/gwt/client/ApplicationConnection.java @@ -47,7 +47,7 @@ import com.vaadin.terminal.gwt.client.ui.VNotification.HideEvent; * Entry point classes define onModuleLoad(). */ public class ApplicationConnection { - private static final String MODIFIED_CLASSNAME = "i-modified"; + private static final String MODIFIED_CLASSNAME = "v-modified"; private static final String REQUIRED_CLASSNAME_EXT = "-required"; @@ -341,7 +341,7 @@ public class ApplicationConnection { console .log("Assuming CSS loading is not complete, " + "postponing render phase. " - + "(.i-loading-indicator height == 0)"); + + "(.v-loading-indicator height == 0)"); cssWaits++; } else { handleReceivedJSONMessage(response); @@ -497,14 +497,14 @@ public class ApplicationConnection { DOM.appendChild(view.getElement(), loadElement); ApplicationConnection.getConsole().log("inserting load indicator"); } - DOM.setElementProperty(loadElement, "className", "i-loading-indicator"); + DOM.setElementProperty(loadElement, "className", "v-loading-indicator"); DOM.setStyleAttribute(loadElement, "display", "block"); // Initialize other timers loadTimer2 = new Timer() { @Override public void run() { DOM.setElementProperty(loadElement, "className", - "i-loading-indicator-delay"); + "v-loading-indicator-delay"); } }; // Second one kicks in at 1500ms from request start @@ -514,7 +514,7 @@ public class ApplicationConnection { @Override public void run() { DOM.setElementProperty(loadElement, "className", - "i-loading-indicator-wait"); + "v-loading-indicator-wait"); } }; // Third one kicks in at 5000ms from request start @@ -1068,11 +1068,11 @@ public class ApplicationConnection { // first disabling and read-only status if (!enabled) { styleBuf.append(" "); - styleBuf.append("i-disabled"); + styleBuf.append("v-disabled"); } if (uidl.getBooleanAttribute("readonly")) { styleBuf.append(" "); - styleBuf.append("i-readonly"); + styleBuf.append("v-readonly"); } // add additional styles as css classes, prefixed with component default diff --git a/src/com/vaadin/terminal/gwt/client/BrowserInfo.java b/src/com/vaadin/terminal/gwt/client/BrowserInfo.java index 8e41137e56..23e70832b6 100644 --- a/src/com/vaadin/terminal/gwt/client/BrowserInfo.java +++ b/src/com/vaadin/terminal/gwt/client/BrowserInfo.java @@ -20,7 +20,7 @@ public class BrowserInfo { private static String cssClass = null; static { - // Add browser dependent i-* classnames to body to help css hacks + // Add browser dependent v-* classnames to body to help css hacks String browserClassnames = get().getCSSClass(); RootPanel.get().addStyleName(browserClassnames); } @@ -98,13 +98,13 @@ public class BrowserInfo { * This is quite simple at the moment, more heuristics will be added when * needed. * - * Examples: Internet Explorer 6: ".i-ie .i-ie6", Firefox 3.0.4: - * ".i-ff .i-ff3", Opera 9.60: ".i-op .i-op96" + * Examples: Internet Explorer 6: ".v-ie .v-ie6", Firefox 3.0.4: + * ".v-ff .v-ff3", Opera 9.60: ".v-op .v-op96" * * @return */ public String getCSSClass() { - String prefix = "i-"; + String prefix = "v-"; if (cssClass == null) { String bs = getBrowserString().toLowerCase(); diff --git a/src/com/vaadin/terminal/gwt/client/VCaption.java b/src/com/vaadin/terminal/gwt/client/VCaption.java index 730680647e..3f6de7c9b2 100644 --- a/src/com/vaadin/terminal/gwt/client/VCaption.java +++ b/src/com/vaadin/terminal/gwt/client/VCaption.java @@ -12,7 +12,7 @@ import com.vaadin.terminal.gwt.client.ui.Icon; public class VCaption extends HTML { - public static final String CLASSNAME = "i-caption"; + public static final String CLASSNAME = "v-caption"; private final Paintable owner; @@ -79,7 +79,7 @@ public class VCaption extends HTML { } if (uidl.hasAttribute("disabled")) { - style += " " + "i-disabled"; + style += " " + "v-disabled"; } setStyleName(style); @@ -107,7 +107,7 @@ public class VCaption extends HTML { if (uidl.hasAttribute(ATTRIBUTE_CAPTION)) { if (captionText == null) { captionText = DOM.createDiv(); - captionText.setClassName("i-captiontext"); + captionText.setClassName("v-captiontext"); DOM.insertChild(getElement(), captionText, getInsertPosition(ATTRIBUTE_CAPTION)); @@ -139,7 +139,7 @@ public class VCaption extends HTML { if (requiredFieldIndicator == null) { requiredFieldIndicator = DOM.createDiv(); requiredFieldIndicator - .setClassName("i-required-field-indicator"); + .setClassName("v-required-field-indicator"); DOM.setInnerText(requiredFieldIndicator, "*"); DOM.insertChild(getElement(), requiredFieldIndicator, @@ -157,7 +157,7 @@ public class VCaption extends HTML { errorIndicatorElement = DOM.createDiv(); DOM.setInnerHTML(errorIndicatorElement, " "); DOM.setElementProperty(errorIndicatorElement, "className", - "i-errorindicator"); + "v-errorindicator"); DOM.insertChild(getElement(), errorIndicatorElement, getInsertPosition(ATTRIBUTE_ERROR)); diff --git a/src/com/vaadin/terminal/gwt/client/VCaptionWrapper.java b/src/com/vaadin/terminal/gwt/client/VCaptionWrapper.java index f67eb77f25..fb7c7ce5d1 100644 --- a/src/com/vaadin/terminal/gwt/client/VCaptionWrapper.java +++ b/src/com/vaadin/terminal/gwt/client/VCaptionWrapper.java @@ -9,7 +9,7 @@ import com.google.gwt.user.client.ui.Widget; public class VCaptionWrapper extends FlowPanel { - public static final String CLASSNAME = "i-captionwrapper"; + public static final String CLASSNAME = "v-captionwrapper"; VCaption caption; Paintable widget; diff --git a/src/com/vaadin/terminal/gwt/client/VDebugConsole.java b/src/com/vaadin/terminal/gwt/client/VDebugConsole.java index aa7663abee..a377dfce99 100755 --- a/src/com/vaadin/terminal/gwt/client/VDebugConsole.java +++ b/src/com/vaadin/terminal/gwt/client/VDebugConsole.java @@ -84,8 +84,8 @@ public final class VDebugConsole extends VToolkitOverlay implements Console { if (showWindow) { DOM.appendChild(getContainerElement(), caption); setWidget(panel); - caption.setClassName("i-debug-console-caption"); - setStyleName("i-debug-console"); + caption.setClassName("v-debug-console-caption"); + setStyleName("v-debug-console"); DOM.setStyleAttribute(getElement(), "zIndex", 20000 + ""); DOM.setStyleAttribute(getElement(), "overflow", "hidden"); @@ -93,7 +93,7 @@ public final class VDebugConsole extends VToolkitOverlay implements Console { sinkEvents(Event.MOUSEEVENTS); - panel.setStyleName("i-debug-console-content"); + panel.setStyleName("v-debug-console-content"); caption.setInnerHTML("Debug window"); caption.setTitle(help); @@ -117,7 +117,7 @@ public final class VDebugConsole extends VToolkitOverlay implements Console { int height = panel.getOffsetHeight(); panel = new FlowPanel(); panel.setPixelSize(width, height); - panel.setStyleName("i-debug-console-content"); + panel.setStyleName("v-debug-console-content"); panel.add(actions); setWidget(panel); } @@ -305,8 +305,7 @@ public final class VDebugConsole extends VToolkitOverlay implements Console { /* * (non-Javadoc) * - * @see - * com.vaadin.terminal.gwt.client.Console#error(java.lang.String) + * @see com.vaadin.terminal.gwt.client.Console#error(java.lang.String) */ public void error(String msg) { panel.add((new HTML(msg))); @@ -317,8 +316,7 @@ public final class VDebugConsole extends VToolkitOverlay implements Console { /* * (non-Javadoc) * - * @see - * com.vaadin.terminal.gwt.client.Console#printObject(java.lang. + * @see com.vaadin.terminal.gwt.client.Console#printObject(java.lang. * Object) */ public void printObject(Object msg) { @@ -329,8 +327,7 @@ public final class VDebugConsole extends VToolkitOverlay implements Console { /* * (non-Javadoc) * - * @see - * com.vaadin.terminal.gwt.client.Console#dirUIDL(com.vaadin + * @see com.vaadin.terminal.gwt.client.Console#dirUIDL(com.vaadin * .terminal.gwt.client.UIDL) */ public void dirUIDL(UIDL u) { diff --git a/src/com/vaadin/terminal/gwt/client/VErrorMessage.java b/src/com/vaadin/terminal/gwt/client/VErrorMessage.java index 81817405a2..f32bd80b09 100644 --- a/src/com/vaadin/terminal/gwt/client/VErrorMessage.java +++ b/src/com/vaadin/terminal/gwt/client/VErrorMessage.java @@ -13,7 +13,7 @@ import com.google.gwt.user.client.ui.HTML; import com.vaadin.terminal.gwt.client.ui.VToolkitOverlay; public class VErrorMessage extends FlowPanel { - public static final String CLASSNAME = "i-errormessage"; + public static final String CLASSNAME = "v-errormessage"; public VErrorMessage() { super(); diff --git a/src/com/vaadin/terminal/gwt/client/VTooltip.java b/src/com/vaadin/terminal/gwt/client/VTooltip.java index 9e02dc4cc5..ff64896d27 100644 --- a/src/com/vaadin/terminal/gwt/client/VTooltip.java +++ b/src/com/vaadin/terminal/gwt/client/VTooltip.java @@ -15,7 +15,7 @@ import com.vaadin.terminal.gwt.client.ui.VToolkitOverlay; * TODO open for extension */ public class VTooltip extends VToolkitOverlay { - private static final String CLASSNAME = "i-tooltip"; + private static final String CLASSNAME = "v-tooltip"; private static final int MARGIN = 4; public static final int TOOLTIP_EVENTS = Event.ONKEYDOWN | Event.ONMOUSEOVER | Event.ONMOUSEOUT | Event.ONMOUSEMOVE diff --git a/src/com/vaadin/terminal/gwt/client/ui/Field.java b/src/com/vaadin/terminal/gwt/client/ui/Field.java index 66f6497230..517dc35a54 100644 --- a/src/com/vaadin/terminal/gwt/client/ui/Field.java +++ b/src/com/vaadin/terminal/gwt/client/ui/Field.java @@ -5,7 +5,7 @@ package com.vaadin.terminal.gwt.client.ui; /** * This interface indicates that the component is a Field (serverside), and - * wants (for instance) to automatically get the i-modified classname. + * wants (for instance) to automatically get the v-modified classname. * */ public interface Field { diff --git a/src/com/vaadin/terminal/gwt/client/ui/Icon.java b/src/com/vaadin/terminal/gwt/client/ui/Icon.java index d17227955e..854d95b1ed 100644 --- a/src/com/vaadin/terminal/gwt/client/ui/Icon.java +++ b/src/com/vaadin/terminal/gwt/client/ui/Icon.java @@ -16,7 +16,7 @@ public class Icon extends UIObject { public Icon(ApplicationConnection client) { setElement(DOM.createImg()); DOM.setElementProperty(getElement(), "alt", ""); - setStyleName("i-icon"); + setStyleName("v-icon"); this.client = client; client.addPngFix(getElement()); } diff --git a/src/com/vaadin/terminal/gwt/client/ui/VAbsoluteLayout.java b/src/com/vaadin/terminal/gwt/client/ui/VAbsoluteLayout.java index b7b7aa106b..c808494c1d 100644 --- a/src/com/vaadin/terminal/gwt/client/ui/VAbsoluteLayout.java +++ b/src/com/vaadin/terminal/gwt/client/ui/VAbsoluteLayout.java @@ -18,10 +18,10 @@ import com.google.gwt.user.client.ui.Widget; import com.vaadin.terminal.gwt.client.ApplicationConnection; import com.vaadin.terminal.gwt.client.BrowserInfo; import com.vaadin.terminal.gwt.client.Container; -import com.vaadin.terminal.gwt.client.VCaption; import com.vaadin.terminal.gwt.client.Paintable; import com.vaadin.terminal.gwt.client.RenderSpace; import com.vaadin.terminal.gwt.client.UIDL; +import com.vaadin.terminal.gwt.client.VCaption; public class VAbsoluteLayout extends ComplexPanel implements Container { @@ -29,7 +29,7 @@ public class VAbsoluteLayout extends ComplexPanel implements Container { public static final String TAGNAME = "absolutelayout"; /** Class name, prefix in styling */ - public static final String CLASSNAME = "i-absolutelayout"; + public static final String CLASSNAME = "v-absolutelayout"; private DivElement marginElement; diff --git a/src/com/vaadin/terminal/gwt/client/ui/VAccordion.java b/src/com/vaadin/terminal/gwt/client/ui/VAccordion.java index cda5b3a4dd..16daac9b98 100644 --- a/src/com/vaadin/terminal/gwt/client/ui/VAccordion.java +++ b/src/com/vaadin/terminal/gwt/client/ui/VAccordion.java @@ -14,17 +14,17 @@ import com.google.gwt.user.client.ui.Widget; import com.vaadin.terminal.gwt.client.ApplicationConnection; import com.vaadin.terminal.gwt.client.BrowserInfo; import com.vaadin.terminal.gwt.client.ContainerResizedListener; -import com.vaadin.terminal.gwt.client.VCaption; import com.vaadin.terminal.gwt.client.Paintable; import com.vaadin.terminal.gwt.client.RenderInformation; import com.vaadin.terminal.gwt.client.RenderSpace; import com.vaadin.terminal.gwt.client.UIDL; import com.vaadin.terminal.gwt.client.Util; +import com.vaadin.terminal.gwt.client.VCaption; public class VAccordion extends VTabsheetBase implements ContainerResizedListener { - public static final String CLASSNAME = "i-accordion"; + public static final String CLASSNAME = "v-accordion"; private Set paintables = new HashSet(); diff --git a/src/com/vaadin/terminal/gwt/client/ui/VButton.java b/src/com/vaadin/terminal/gwt/client/ui/VButton.java index 789a0f35d1..f20a26c0e2 100644 --- a/src/com/vaadin/terminal/gwt/client/ui/VButton.java +++ b/src/com/vaadin/terminal/gwt/client/ui/VButton.java @@ -12,19 +12,19 @@ import com.google.gwt.user.client.ui.ClickListener; import com.google.gwt.user.client.ui.Widget; import com.vaadin.terminal.gwt.client.ApplicationConnection; import com.vaadin.terminal.gwt.client.BrowserInfo; -import com.vaadin.terminal.gwt.client.VTooltip; import com.vaadin.terminal.gwt.client.Paintable; import com.vaadin.terminal.gwt.client.UIDL; import com.vaadin.terminal.gwt.client.Util; +import com.vaadin.terminal.gwt.client.VTooltip; public class VButton extends Button implements Paintable { private String width = null; - public static final String CLASSNAME = "i-button"; - + public static final String CLASSNAME = "v-button"; + // Used only for IE, because it doesn't support :active CSS selector - private static final String CLASSNAME_DOWN = "i-pressed"; + private static final String CLASSNAME_DOWN = "v-pressed"; String id; @@ -87,7 +87,7 @@ public class VButton extends Button implements Paintable { if (errorIndicatorElement == null) { errorIndicatorElement = DOM.createDiv(); DOM.setElementProperty(errorIndicatorElement, "className", - "i-errorindicator"); + "v-errorindicator"); } DOM.insertChild(getElement(), errorIndicatorElement, 0); @@ -140,8 +140,8 @@ public class VButton extends Button implements Paintable { && event.getButton() == Event.BUTTON_LEFT) { clickPending = true; if (BrowserInfo.get().isIE()) { - // Only for IE, because it doesn't support :active CSS selector - // Simple check is cheaper than DOM manipulation + // Only for IE, because it doesn't support :active CSS selector + // Simple check is cheaper than DOM manipulation addStyleName(CLASSNAME_DOWN); } } else if (DOM.eventGetType(event) == Event.ONMOUSEMOVE) { diff --git a/src/com/vaadin/terminal/gwt/client/ui/VCalendarPanel.java b/src/com/vaadin/terminal/gwt/client/ui/VCalendarPanel.java index afb3349ea7..967179edfc 100644 --- a/src/com/vaadin/terminal/gwt/client/ui/VCalendarPanel.java +++ b/src/com/vaadin/terminal/gwt/client/ui/VCalendarPanel.java @@ -99,10 +99,10 @@ public class VCalendarPanel extends FlexTable implements MouseListener { if (prevMonth == null) { // Only do once prevYear = new VEventButton(); prevYear.setHTML("«"); - prevYear.setStyleName("i-button-prevyear"); + prevYear.setStyleName("v-button-prevyear"); nextYear = new VEventButton(); nextYear.setHTML("»"); - nextYear.setStyleName("i-button-nextyear"); + nextYear.setStyleName("v-button-nextyear"); prevYear.addMouseListener(this); nextYear.addMouseListener(this); setWidget(0, 0, prevYear); @@ -111,10 +111,10 @@ public class VCalendarPanel extends FlexTable implements MouseListener { if (needsMonth) { prevMonth = new VEventButton(); prevMonth.setHTML("‹"); - prevMonth.setStyleName("i-button-prevmonth"); + prevMonth.setStyleName("v-button-prevmonth"); nextMonth = new VEventButton(); nextMonth.setHTML("›"); - nextMonth.setStyleName("i-button-nextmonth"); + nextMonth.setStyleName("v-button-nextmonth"); prevMonth.addMouseListener(this); nextMonth.addMouseListener(this); setWidget(0, 3, nextMonth); @@ -379,6 +379,7 @@ public class VCalendarPanel extends FlexTable implements MouseListener { | Event.MOUSEEVENTS); } + @Override public void addMouseListener(MouseListener listener) { if (mouseListeners == null) { mouseListeners = new MouseListenerCollection(); @@ -386,6 +387,7 @@ public class VCalendarPanel extends FlexTable implements MouseListener { mouseListeners.add(listener); } + @Override public void removeMouseListener(MouseListener listener) { if (mouseListeners != null) { mouseListeners.remove(listener); diff --git a/src/com/vaadin/terminal/gwt/client/ui/VCheckBox.java b/src/com/vaadin/terminal/gwt/client/ui/VCheckBox.java index 2c6470f0d8..42978a2639 100644 --- a/src/com/vaadin/terminal/gwt/client/ui/VCheckBox.java +++ b/src/com/vaadin/terminal/gwt/client/ui/VCheckBox.java @@ -10,15 +10,15 @@ import com.google.gwt.user.client.Event; import com.google.gwt.user.client.ui.ClickListener; import com.google.gwt.user.client.ui.Widget; import com.vaadin.terminal.gwt.client.ApplicationConnection; -import com.vaadin.terminal.gwt.client.VTooltip; import com.vaadin.terminal.gwt.client.Paintable; import com.vaadin.terminal.gwt.client.UIDL; import com.vaadin.terminal.gwt.client.Util; +import com.vaadin.terminal.gwt.client.VTooltip; public class VCheckBox extends com.google.gwt.user.client.ui.CheckBox implements Paintable, Field { - public static final String CLASSNAME = "i-checkbox"; + public static final String CLASSNAME = "v-checkbox"; String id; @@ -68,7 +68,7 @@ public class VCheckBox extends com.google.gwt.user.client.ui.CheckBox implements errorIndicatorElement = DOM.createDiv(); errorIndicatorElement.setInnerHTML(" "); DOM.setElementProperty(errorIndicatorElement, "className", - "i-errorindicator"); + "v-errorindicator"); DOM.appendChild(getElement(), errorIndicatorElement); DOM.sinkEvents(errorIndicatorElement, VTooltip.TOOLTIP_EVENTS | Event.ONCLICK); diff --git a/src/com/vaadin/terminal/gwt/client/ui/VContextMenu.java b/src/com/vaadin/terminal/gwt/client/ui/VContextMenu.java index f0d1e87a8f..30c717418a 100644 --- a/src/com/vaadin/terminal/gwt/client/ui/VContextMenu.java +++ b/src/com/vaadin/terminal/gwt/client/ui/VContextMenu.java @@ -33,7 +33,7 @@ public class VContextMenu extends VToolkitOverlay implements SubPartAware { public VContextMenu() { super(true, false, true); setWidget(menu); - setStyleName("i-contextmenu"); + setStyleName("v-contextmenu"); } /** diff --git a/src/com/vaadin/terminal/gwt/client/ui/VCustomComponent.java b/src/com/vaadin/terminal/gwt/client/ui/VCustomComponent.java index 117c67e6ce..d0c140dac0 100644 --- a/src/com/vaadin/terminal/gwt/client/ui/VCustomComponent.java +++ b/src/com/vaadin/terminal/gwt/client/ui/VCustomComponent.java @@ -19,7 +19,7 @@ import com.vaadin.terminal.gwt.client.Util; public class VCustomComponent extends SimplePanel implements Container { - private static final String CLASSNAME = "i-customcomponent"; + private static final String CLASSNAME = "v-customcomponent"; private String height; private ApplicationConnection client; private boolean rendering; diff --git a/src/com/vaadin/terminal/gwt/client/ui/VCustomLayout.java b/src/com/vaadin/terminal/gwt/client/ui/VCustomLayout.java index 5078accb52..fa4147836f 100644 --- a/src/com/vaadin/terminal/gwt/client/ui/VCustomLayout.java +++ b/src/com/vaadin/terminal/gwt/client/ui/VCustomLayout.java @@ -20,12 +20,12 @@ import com.vaadin.terminal.gwt.client.ApplicationConnection; import com.vaadin.terminal.gwt.client.BrowserInfo; import com.vaadin.terminal.gwt.client.Container; import com.vaadin.terminal.gwt.client.ContainerResizedListener; -import com.vaadin.terminal.gwt.client.VCaption; -import com.vaadin.terminal.gwt.client.VCaptionWrapper; import com.vaadin.terminal.gwt.client.Paintable; import com.vaadin.terminal.gwt.client.RenderSpace; import com.vaadin.terminal.gwt.client.UIDL; import com.vaadin.terminal.gwt.client.Util; +import com.vaadin.terminal.gwt.client.VCaption; +import com.vaadin.terminal.gwt.client.VCaptionWrapper; import com.vaadin.terminal.gwt.client.RenderInformation.FloatSize; /** @@ -37,7 +37,7 @@ import com.vaadin.terminal.gwt.client.RenderInformation.FloatSize; public class VCustomLayout extends ComplexPanel implements Paintable, Container, ContainerResizedListener { - public static final String CLASSNAME = "i-customlayout"; + public static final String CLASSNAME = "v-customlayout"; /** Location-name to containing element in DOM map */ private final HashMap locationToElement = new HashMap(); diff --git a/src/com/vaadin/terminal/gwt/client/ui/VDateField.java b/src/com/vaadin/terminal/gwt/client/ui/VDateField.java index b9b2c3b942..fd9e252fb7 100644 --- a/src/com/vaadin/terminal/gwt/client/ui/VDateField.java +++ b/src/com/vaadin/terminal/gwt/client/ui/VDateField.java @@ -11,14 +11,14 @@ import com.google.gwt.user.client.ui.FlowPanel; import com.vaadin.terminal.gwt.client.ApplicationConnection; import com.vaadin.terminal.gwt.client.ClientExceptionHandler; import com.vaadin.terminal.gwt.client.DateTimeService; -import com.vaadin.terminal.gwt.client.VTooltip; import com.vaadin.terminal.gwt.client.LocaleNotLoadedException; import com.vaadin.terminal.gwt.client.Paintable; import com.vaadin.terminal.gwt.client.UIDL; +import com.vaadin.terminal.gwt.client.VTooltip; public class VDateField extends FlowPanel implements Paintable, Field { - public static final String CLASSNAME = "i-datefield"; + public static final String CLASSNAME = "v-datefield"; protected String id; diff --git a/src/com/vaadin/terminal/gwt/client/ui/VEmbedded.java b/src/com/vaadin/terminal/gwt/client/ui/VEmbedded.java index 8d56821b8d..64052ca5fe 100644 --- a/src/com/vaadin/terminal/gwt/client/ui/VEmbedded.java +++ b/src/com/vaadin/terminal/gwt/client/ui/VEmbedded.java @@ -21,7 +21,7 @@ import com.vaadin.terminal.gwt.client.UIDL; import com.vaadin.terminal.gwt.client.Util; public class VEmbedded extends HTML implements Paintable { - private static String CLASSNAME = "i-embedded"; + private static String CLASSNAME = "v-embedded"; private String height; private String width; diff --git a/src/com/vaadin/terminal/gwt/client/ui/VFilterSelect.java b/src/com/vaadin/terminal/gwt/client/ui/VFilterSelect.java index 378986e389..ee1d657f29 100644 --- a/src/com/vaadin/terminal/gwt/client/ui/VFilterSelect.java +++ b/src/com/vaadin/terminal/gwt/client/ui/VFilterSelect.java @@ -32,10 +32,10 @@ import com.google.gwt.user.client.ui.SuggestOracle.Suggestion; import com.vaadin.terminal.gwt.client.ApplicationConnection; import com.vaadin.terminal.gwt.client.BrowserInfo; import com.vaadin.terminal.gwt.client.Focusable; -import com.vaadin.terminal.gwt.client.VTooltip; import com.vaadin.terminal.gwt.client.Paintable; import com.vaadin.terminal.gwt.client.UIDL; import com.vaadin.terminal.gwt.client.Util; +import com.vaadin.terminal.gwt.client.VTooltip; /** * @@ -64,7 +64,7 @@ public class VFilterSelect extends Composite implements Paintable, Field, if (iconUri != null) { sb.append("\"\""); + sb.append("\" alt=\"\" class=\"v-icon\" />"); } sb.append("" + Util.escapeHTML(caption) + ""); return sb.toString(); @@ -468,17 +468,13 @@ public class VFilterSelect extends Composite implements Paintable, Field, } else { if (currentSuggestion != null) { String text = currentSuggestion.getReplacementString(); - /* TODO? - if (text.equals("")) { - addStyleDependentName(CLASSNAME_PROMPT); - tb.setText(inputPrompt); - prompting = true; - } else { - tb.setText(text); - prompting = false; - removeStyleDependentName(CLASSNAME_PROMPT); - } - */ + /* + * TODO? if (text.equals("")) { + * addStyleDependentName(CLASSNAME_PROMPT); + * tb.setText(inputPrompt); prompting = true; } else { + * tb.setText(text); prompting = false; + * removeStyleDependentName(CLASSNAME_PROMPT); } + */ selectedOptionKey = currentSuggestion.key; } } @@ -503,7 +499,7 @@ public class VFilterSelect extends Composite implements Paintable, Field, public static final int FILTERINGMODE_STARTSWITH = 1; public static final int FILTERINGMODE_CONTAINS = 2; - private static final String CLASSNAME = "i-filterselect"; + private static final String CLASSNAME = "v-filterselect"; public static final int PAGELENTH = 10; @@ -572,7 +568,7 @@ public class VFilterSelect extends Composite implements Paintable, Field, public VFilterSelect() { selectedItemIcon.setVisible(false); - selectedItemIcon.setStyleName("i-icon"); + selectedItemIcon.setStyleName("v-icon"); selectedItemIcon.addLoadListener(new LoadListener() { public void onError(Widget sender) { } diff --git a/src/com/vaadin/terminal/gwt/client/ui/VForm.java b/src/com/vaadin/terminal/gwt/client/ui/VForm.java index 05e235851a..7c1981d3c5 100644 --- a/src/com/vaadin/terminal/gwt/client/ui/VForm.java +++ b/src/com/vaadin/terminal/gwt/client/ui/VForm.java @@ -13,12 +13,12 @@ import com.google.gwt.user.client.ui.Widget; import com.vaadin.terminal.gwt.client.ApplicationConnection; import com.vaadin.terminal.gwt.client.BrowserInfo; import com.vaadin.terminal.gwt.client.Container; -import com.vaadin.terminal.gwt.client.VErrorMessage; import com.vaadin.terminal.gwt.client.Paintable; import com.vaadin.terminal.gwt.client.RenderInformation; import com.vaadin.terminal.gwt.client.RenderSpace; import com.vaadin.terminal.gwt.client.UIDL; import com.vaadin.terminal.gwt.client.Util; +import com.vaadin.terminal.gwt.client.VErrorMessage; public class VForm extends ComplexPanel implements Container { @@ -26,7 +26,7 @@ public class VForm extends ComplexPanel implements Container { private String width = ""; - public static final String CLASSNAME = "i-form"; + public static final String CLASSNAME = "v-form"; private Container lo; private Element legend = DOM.createLegend(); @@ -61,10 +61,10 @@ public class VForm extends ComplexPanel implements Container { DOM.appendChild(fieldSet, legend); DOM.appendChild(legend, caption); DOM.setElementProperty(errorIndicatorElement, "className", - "i-errorindicator"); + "v-errorindicator"); DOM.setStyleAttribute(errorIndicatorElement, "display", "none"); DOM.setInnerText(errorIndicatorElement, " "); // needed for IE - DOM.setElementProperty(desc, "className", "i-form-description"); + DOM.setElementProperty(desc, "className", "v-form-description"); DOM.appendChild(fieldSet, desc); DOM.appendChild(fieldSet, fieldContainer); errorMessage.setVisible(false); diff --git a/src/com/vaadin/terminal/gwt/client/ui/VFormLayout.java b/src/com/vaadin/terminal/gwt/client/ui/VFormLayout.java index 4ffc67b4fb..a1a6dd6f2f 100644 --- a/src/com/vaadin/terminal/gwt/client/ui/VFormLayout.java +++ b/src/com/vaadin/terminal/gwt/client/ui/VFormLayout.java @@ -17,19 +17,19 @@ import com.google.gwt.user.client.ui.SimplePanel; import com.google.gwt.user.client.ui.Widget; import com.vaadin.terminal.gwt.client.ApplicationConnection; import com.vaadin.terminal.gwt.client.Container; -import com.vaadin.terminal.gwt.client.VTooltip; import com.vaadin.terminal.gwt.client.Paintable; import com.vaadin.terminal.gwt.client.RenderSpace; import com.vaadin.terminal.gwt.client.StyleConstants; import com.vaadin.terminal.gwt.client.UIDL; import com.vaadin.terminal.gwt.client.Util; +import com.vaadin.terminal.gwt.client.VTooltip; /** * Two col Layout that places caption on left col and field on right col */ public class VFormLayout extends SimplePanel implements Container { - private final static String CLASSNAME = "i-formlayout"; + private final static String CLASSNAME = "v-formlayout"; private ApplicationConnection client; private VFormLayoutTable table; @@ -248,7 +248,7 @@ public class VFormLayout extends SimplePanel implements Container { public class Caption extends HTML { - public static final String CLASSNAME = "i-caption"; + public static final String CLASSNAME = "v-caption"; private final Paintable owner; @@ -278,7 +278,7 @@ public class VFormLayout extends SimplePanel implements Container { public void updateCaption(UIDL uidl) { setVisible(!uidl.getBooleanAttribute("invisible")); - setStyleName(getElement(), "i-disabled", uidl + setStyleName(getElement(), "v-disabled", uidl .hasAttribute("disabled")); boolean isEmpty = true; @@ -329,7 +329,7 @@ public class VFormLayout extends SimplePanel implements Container { requiredFieldIndicator = DOM.createSpan(); DOM.setInnerText(requiredFieldIndicator, "*"); DOM.setElementProperty(requiredFieldIndicator, "className", - "i-required-field-indicator"); + "v-required-field-indicator"); DOM.appendChild(getElement(), requiredFieldIndicator); } } else { @@ -392,7 +392,7 @@ public class VFormLayout extends SimplePanel implements Container { errorIndicatorElement = DOM.createDiv(); DOM.setInnerHTML(errorIndicatorElement, " "); DOM.setElementProperty(errorIndicatorElement, "className", - "i-errorindicator"); + "v-errorindicator"); DOM.appendChild(getElement(), errorIndicatorElement); } diff --git a/src/com/vaadin/terminal/gwt/client/ui/VGridLayout.java b/src/com/vaadin/terminal/gwt/client/ui/VGridLayout.java index ebaad51785..2e4ba2586b 100644 --- a/src/com/vaadin/terminal/gwt/client/ui/VGridLayout.java +++ b/src/com/vaadin/terminal/gwt/client/ui/VGridLayout.java @@ -30,7 +30,7 @@ import com.vaadin.terminal.gwt.client.ui.layout.ChildComponentContainer; public class VGridLayout extends SimplePanel implements Paintable, Container { - public static final String CLASSNAME = "i-gridlayout"; + public static final String CLASSNAME = "v-gridlayout"; private DivElement margin = Document.get().createDivElement(); diff --git a/src/com/vaadin/terminal/gwt/client/ui/VHorizontalLayout.java b/src/com/vaadin/terminal/gwt/client/ui/VHorizontalLayout.java index 042413c850..5388404c2d 100644 --- a/src/com/vaadin/terminal/gwt/client/ui/VHorizontalLayout.java +++ b/src/com/vaadin/terminal/gwt/client/ui/VHorizontalLayout.java @@ -2,7 +2,7 @@ package com.vaadin.terminal.gwt.client.ui; public class VHorizontalLayout extends VOrderedLayout { - public static final String CLASSNAME = "i-horizontallayout"; + public static final String CLASSNAME = "v-horizontallayout"; public VHorizontalLayout() { super(CLASSNAME, ORIENTATION_HORIZONTAL); diff --git a/src/com/vaadin/terminal/gwt/client/ui/VLabel.java b/src/com/vaadin/terminal/gwt/client/ui/VLabel.java index 5374f3cfc3..63d47ff405 100644 --- a/src/com/vaadin/terminal/gwt/client/ui/VLabel.java +++ b/src/com/vaadin/terminal/gwt/client/ui/VLabel.java @@ -12,15 +12,15 @@ import com.google.gwt.user.client.DOM; import com.google.gwt.user.client.Event; import com.google.gwt.user.client.ui.HTML; import com.vaadin.terminal.gwt.client.ApplicationConnection; -import com.vaadin.terminal.gwt.client.VTooltip; import com.vaadin.terminal.gwt.client.Paintable; import com.vaadin.terminal.gwt.client.UIDL; import com.vaadin.terminal.gwt.client.Util; +import com.vaadin.terminal.gwt.client.VTooltip; public class VLabel extends HTML implements Paintable { - public static final String CLASSNAME = "i-label"; - private static final String CLASSNAME_UNDEFINED_WIDTH = "i-label-undef-w"; + public static final String CLASSNAME = "v-label"; + private static final String CLASSNAME_UNDEFINED_WIDTH = "v-label-undef-w"; private ApplicationConnection client; private int verticalPaddingBorder = 0; diff --git a/src/com/vaadin/terminal/gwt/client/ui/VLink.java b/src/com/vaadin/terminal/gwt/client/ui/VLink.java index 6aee7eb63e..714e4000fb 100644 --- a/src/com/vaadin/terminal/gwt/client/ui/VLink.java +++ b/src/com/vaadin/terminal/gwt/client/ui/VLink.java @@ -12,14 +12,14 @@ import com.google.gwt.user.client.ui.ClickListener; import com.google.gwt.user.client.ui.HTML; import com.google.gwt.user.client.ui.Widget; import com.vaadin.terminal.gwt.client.ApplicationConnection; -import com.vaadin.terminal.gwt.client.VTooltip; import com.vaadin.terminal.gwt.client.Paintable; import com.vaadin.terminal.gwt.client.UIDL; import com.vaadin.terminal.gwt.client.Util; +import com.vaadin.terminal.gwt.client.VTooltip; public class VLink extends HTML implements Paintable, ClickListener { - public static final String CLASSNAME = "i-link"; + public static final String CLASSNAME = "v-link"; private static final int BORDER_STYLE_DEFAULT = 0; private static final int BORDER_STYLE_MINIMAL = 1; @@ -103,7 +103,7 @@ public class VLink extends HTML implements Paintable, ClickListener { if (errorIndicatorElement == null) { errorIndicatorElement = DOM.createDiv(); DOM.setElementProperty(errorIndicatorElement, "className", - "i-errorindicator"); + "v-errorindicator"); } DOM.insertChild(getElement(), errorIndicatorElement, 0); } else if (errorIndicatorElement != null) { diff --git a/src/com/vaadin/terminal/gwt/client/ui/VListSelect.java b/src/com/vaadin/terminal/gwt/client/ui/VListSelect.java index 84443a39e1..c1dc60a9e3 100644 --- a/src/com/vaadin/terminal/gwt/client/ui/VListSelect.java +++ b/src/com/vaadin/terminal/gwt/client/ui/VListSelect.java @@ -11,13 +11,13 @@ import com.google.gwt.user.client.Event; import com.google.gwt.user.client.ui.ListBox; import com.google.gwt.user.client.ui.Widget; import com.vaadin.terminal.gwt.client.ApplicationConnection; -import com.vaadin.terminal.gwt.client.VTooltip; import com.vaadin.terminal.gwt.client.Paintable; import com.vaadin.terminal.gwt.client.UIDL; +import com.vaadin.terminal.gwt.client.VTooltip; public class VListSelect extends VOptionGroupBase { - public static final String CLASSNAME = "i-select"; + public static final String CLASSNAME = "v-select"; private static final int VISIBLE_COUNT = 10; diff --git a/src/com/vaadin/terminal/gwt/client/ui/VMenuBar.java b/src/com/vaadin/terminal/gwt/client/ui/VMenuBar.java index 1a71099370..caced98ac4 100644 --- a/src/com/vaadin/terminal/gwt/client/ui/VMenuBar.java +++ b/src/com/vaadin/terminal/gwt/client/ui/VMenuBar.java @@ -22,7 +22,7 @@ import com.vaadin.terminal.gwt.client.UIDL; public class VMenuBar extends Widget implements Paintable, PopupListener { /** Set the CSS class name to allow styling. */ - public static final String CLASSNAME = "i-menubar"; + public static final String CLASSNAME = "v-menubar"; /** For server connections **/ protected String uidlId; @@ -134,7 +134,7 @@ public class VMenuBar extends Widget implements Paintable, PopupListener { VMenuBar currentMenu = this; while (itr.hasNext()) { - UIDL item = (UIDL) itr.next(); + UIDL item = itr.next(); CustomMenuItem currentItem = null; String itemText = item.getStringAttribute("text"); @@ -184,7 +184,7 @@ public class VMenuBar extends Widget implements Paintable, PopupListener { while (!itr.hasNext() && !iteratorStack.empty()) { itr = iteratorStack.pop(); - currentMenu = (VMenuBar) menuStack.pop(); + currentMenu = menuStack.pop(); } }// while @@ -196,7 +196,7 @@ public class VMenuBar extends Widget implements Paintable, PopupListener { int i = 0; for (; i < getItems().size() && topLevelWidth < ourWidth; i++) { - CustomMenuItem item = (CustomMenuItem) getItems().get(i); + CustomMenuItem item = getItems().get(i); topLevelWidth += item.getOffsetWidth(); } @@ -208,7 +208,7 @@ public class VMenuBar extends Widget implements Paintable, PopupListener { } for (int j = 0; j < toBeCollapsed.size(); j++) { - CustomMenuItem item = (CustomMenuItem) toBeCollapsed.get(j); + CustomMenuItem item = toBeCollapsed.get(j); removeItem(item); // it's ugly, but we have to insert the submenu icon @@ -346,7 +346,7 @@ public class VMenuBar extends Widget implements Paintable, PopupListener { Element targetElement = DOM.eventGetTarget(e); CustomMenuItem targetItem = null; for (int i = 0; i < items.size(); i++) { - CustomMenuItem item = (CustomMenuItem) items.get(i); + CustomMenuItem item = items.get(i); if (DOM.isOrHasChild(item.getElement(), targetElement)) { targetItem = item; } @@ -474,7 +474,7 @@ public class VMenuBar extends Widget implements Paintable, PopupListener { */ public void onShow() { if (!items.isEmpty()) { - ((CustomMenuItem) items.get(0)).setSelected(true); + (items.get(0)).setSelected(true); } } diff --git a/src/com/vaadin/terminal/gwt/client/ui/VNativeSelect.java b/src/com/vaadin/terminal/gwt/client/ui/VNativeSelect.java index 9623c88719..4897519f84 100644 --- a/src/com/vaadin/terminal/gwt/client/ui/VNativeSelect.java +++ b/src/com/vaadin/terminal/gwt/client/ui/VNativeSelect.java @@ -14,7 +14,7 @@ import com.vaadin.terminal.gwt.client.Util; public class VNativeSelect extends VOptionGroupBase implements Field { - public static final String CLASSNAME = "i-select"; + public static final String CLASSNAME = "v-select"; protected TooltipListBox select; diff --git a/src/com/vaadin/terminal/gwt/client/ui/VNotification.java b/src/com/vaadin/terminal/gwt/client/ui/VNotification.java index 2c81cd788c..5567e2d534 100644 --- a/src/com/vaadin/terminal/gwt/client/ui/VNotification.java +++ b/src/com/vaadin/terminal/gwt/client/ui/VNotification.java @@ -30,7 +30,7 @@ public class VNotification extends VToolkitOverlay { public static final int DELAY_FOREVER = -1; public static final int DELAY_NONE = 0; - private static final String STYLENAME = "i-Notification"; + private static final String STYLENAME = "v-Notification"; private static final int mouseMoveThreshold = 7; private static final int Z_INDEX_BASE = 20000; public static final String STYLE_SYSTEM = "system"; diff --git a/src/com/vaadin/terminal/gwt/client/ui/VOptionGroup.java b/src/com/vaadin/terminal/gwt/client/ui/VOptionGroup.java index 8d2f41f2ae..4940af65ab 100644 --- a/src/com/vaadin/terminal/gwt/client/ui/VOptionGroup.java +++ b/src/com/vaadin/terminal/gwt/client/ui/VOptionGroup.java @@ -17,7 +17,7 @@ import com.vaadin.terminal.gwt.client.UIDL; public class VOptionGroup extends VOptionGroupBase { - public static final String CLASSNAME = "i-select-optiongroup"; + public static final String CLASSNAME = "v-select-optiongroup"; private final Panel panel; @@ -43,7 +43,7 @@ public class VOptionGroup extends VOptionGroupBase { op.setText(opUidl.getStringAttribute("caption")); } else { op = new RadioButton(id, opUidl.getStringAttribute("caption")); - op.setStyleName("i-radiobutton"); + op.setStyleName("v-radiobutton"); } op.addStyleName(CLASSNAME_OPTION); op.setChecked(opUidl.getBooleanAttribute("selected")); diff --git a/src/com/vaadin/terminal/gwt/client/ui/VOptionGroupBase.java b/src/com/vaadin/terminal/gwt/client/ui/VOptionGroupBase.java index 906949506a..014c0e0cae 100644 --- a/src/com/vaadin/terminal/gwt/client/ui/VOptionGroupBase.java +++ b/src/com/vaadin/terminal/gwt/client/ui/VOptionGroupBase.java @@ -21,7 +21,7 @@ import com.vaadin.terminal.gwt.client.UIDL; abstract class VOptionGroupBase extends Composite implements Paintable, Field, ClickListener, ChangeListener, KeyboardListener, Focusable { - public static final String CLASSNAME_OPTION = "i-select-option"; + public static final String CLASSNAME_OPTION = "v-select-option"; protected ApplicationConnection client; diff --git a/src/com/vaadin/terminal/gwt/client/ui/VOrderedLayout.java b/src/com/vaadin/terminal/gwt/client/ui/VOrderedLayout.java index 19fadb1c11..5dff715548 100644 --- a/src/com/vaadin/terminal/gwt/client/ui/VOrderedLayout.java +++ b/src/com/vaadin/terminal/gwt/client/ui/VOrderedLayout.java @@ -18,7 +18,7 @@ import com.vaadin.terminal.gwt.client.ui.layout.ChildComponentContainer; public class VOrderedLayout extends CellBasedLayout { - public static final String CLASSNAME = "i-orderedlayout"; + public static final String CLASSNAME = "v-orderedlayout"; private int orientation; @@ -838,8 +838,8 @@ public class VOrderedLayout extends CellBasedLayout { /* * UIDL contains component alignments as a comma separated list. * - * See com.vaadin.terminal.gwt.client.ui.AlignmentInfo.java for - * possible values. + * See com.vaadin.terminal.gwt.client.ui.AlignmentInfo.java for possible + * values. */ final int[] alignments = uidl.getIntArrayAttribute("alignments"); diff --git a/src/com/vaadin/terminal/gwt/client/ui/VPanel.java b/src/com/vaadin/terminal/gwt/client/ui/VPanel.java index e146eb7af5..44e9fa09eb 100644 --- a/src/com/vaadin/terminal/gwt/client/ui/VPanel.java +++ b/src/com/vaadin/terminal/gwt/client/ui/VPanel.java @@ -24,7 +24,7 @@ import com.vaadin.terminal.gwt.client.Util; public class VPanel extends SimplePanel implements Container { - public static final String CLASSNAME = "i-panel"; + public static final String CLASSNAME = "v-panel"; ApplicationConnection client; @@ -216,7 +216,7 @@ public class VPanel extends SimplePanel implements Container { if (errorIndicatorElement == null) { errorIndicatorElement = DOM.createDiv(); DOM.setElementProperty(errorIndicatorElement, "className", - "i-errorindicator"); + "v-errorindicator"); DOM.sinkEvents(errorIndicatorElement, Event.MOUSEEVENTS); sinkEvents(Event.MOUSEEVENTS); } diff --git a/src/com/vaadin/terminal/gwt/client/ui/VPopupView.java b/src/com/vaadin/terminal/gwt/client/ui/VPopupView.java index c89066578a..eb0c432464 100644 --- a/src/com/vaadin/terminal/gwt/client/ui/VPopupView.java +++ b/src/com/vaadin/terminal/gwt/client/ui/VPopupView.java @@ -16,18 +16,18 @@ import com.google.gwt.user.client.ui.RootPanel; import com.google.gwt.user.client.ui.Widget; import com.vaadin.terminal.gwt.client.ApplicationConnection; import com.vaadin.terminal.gwt.client.Container; -import com.vaadin.terminal.gwt.client.VCaption; -import com.vaadin.terminal.gwt.client.VCaptionWrapper; -import com.vaadin.terminal.gwt.client.VTooltip; import com.vaadin.terminal.gwt.client.Paintable; import com.vaadin.terminal.gwt.client.RenderSpace; import com.vaadin.terminal.gwt.client.UIDL; import com.vaadin.terminal.gwt.client.Util; +import com.vaadin.terminal.gwt.client.VCaption; +import com.vaadin.terminal.gwt.client.VCaptionWrapper; +import com.vaadin.terminal.gwt.client.VTooltip; import com.vaadin.terminal.gwt.client.RenderInformation.Size; public class VPopupView extends HTML implements Container { - public static final String CLASSNAME = "i-popupview"; + public static final String CLASSNAME = "v-popupview"; /** For server-client communication */ private String uidlId; diff --git a/src/com/vaadin/terminal/gwt/client/ui/VProgressIndicator.java b/src/com/vaadin/terminal/gwt/client/ui/VProgressIndicator.java index 5da78be59f..58d4d5c021 100644 --- a/src/com/vaadin/terminal/gwt/client/ui/VProgressIndicator.java +++ b/src/com/vaadin/terminal/gwt/client/ui/VProgressIndicator.java @@ -14,7 +14,7 @@ import com.vaadin.terminal.gwt.client.UIDL; public class VProgressIndicator extends Widget implements Paintable { - private static final String CLASSNAME = "i-progressindicator"; + private static final String CLASSNAME = "v-progressindicator"; Element wrapper = DOM.createDiv(); Element indicator = DOM.createDiv(); private ApplicationConnection client; diff --git a/src/com/vaadin/terminal/gwt/client/ui/VScrollTable.java b/src/com/vaadin/terminal/gwt/client/ui/VScrollTable.java index a1efd5d75c..0be25810a7 100644 --- a/src/com/vaadin/terminal/gwt/client/ui/VScrollTable.java +++ b/src/com/vaadin/terminal/gwt/client/ui/VScrollTable.java @@ -66,7 +66,7 @@ import com.vaadin.terminal.gwt.client.ui.VScrollTable.VScrollTableBody.VScrollTa */ public class VScrollTable extends FlowPanel implements Table, ScrollListener { - public static final String CLASSNAME = "i-table"; + public static final String CLASSNAME = "v-table"; /** * multiple of pagelength which component will cache when requesting more * rows @@ -820,7 +820,7 @@ public class VScrollTable extends FlowPanel implements Table, ScrollListener { if (scrollPositionElement == null) { scrollPositionElement = DOM.createDiv(); DOM.setElementProperty(scrollPositionElement, "className", - "i-table-scrollposition"); + "v-table-scrollposition"); DOM.appendChild(getElement(), scrollPositionElement); } @@ -1688,9 +1688,9 @@ public class VScrollTable extends FlowPanel implements Table, ScrollListener { public String getHTML() { final StringBuffer buf = new StringBuffer(); if (collapsed) { - buf.append(""); + buf.append(""); } else { - buf.append(""); + buf.append(""); } buf.append(super.getHTML()); buf.append(""); @@ -1947,7 +1947,7 @@ public class VScrollTable extends FlowPanel implements Table, ScrollListener { row.addStyleName(CLASSNAME + "-row"); } if (row.isSelected()) { - row.addStyleName("i-selected"); + row.addStyleName("v-selected"); } tBodyElement.insertBefore(row.getElement(), tBodyElement .getFirstChild()); @@ -1967,7 +1967,7 @@ public class VScrollTable extends FlowPanel implements Table, ScrollListener { row.addStyleName(CLASSNAME + "-row"); } if (row.isSelected()) { - row.addStyleName("i-selected"); + row.addStyleName("v-selected"); } tBodyElement.appendChild(row.getElement()); adopt(row); @@ -2516,19 +2516,17 @@ public class VScrollTable extends FlowPanel implements Table, ScrollListener { deselectAll(); } selectedRowKeys.add(String.valueOf(rowKey)); - addStyleName("i-selected"); + addStyleName("v-selected"); } else { selectedRowKeys.remove(String.valueOf(rowKey)); - removeStyleName("i-selected"); + removeStyleName("v-selected"); } } /* * (non-Javadoc) * - * @see - * com.vaadin.terminal.gwt.client.ui.IActionOwner#getActions - * () + * @see com.vaadin.terminal.gwt.client.ui.IActionOwner#getActions () */ public Action[] getActions() { if (actionKeys == null) { @@ -2833,7 +2831,7 @@ public class VScrollTable extends FlowPanel implements Table, ScrollListener { s = "\"icon\"" + s; + + "\" alt=\"icon\" class=\"v-icon\">" + s; } return s; } diff --git a/src/com/vaadin/terminal/gwt/client/ui/VSlider.java b/src/com/vaadin/terminal/gwt/client/ui/VSlider.java index a54e22b34c..1ca8b814a5 100644 --- a/src/com/vaadin/terminal/gwt/client/ui/VSlider.java +++ b/src/com/vaadin/terminal/gwt/client/ui/VSlider.java @@ -20,7 +20,7 @@ import com.vaadin.terminal.gwt.client.UIDL; public class VSlider extends Widget implements Paintable, Field, ContainerResizedListener { - public static final String CLASSNAME = "i-slider"; + public static final String CLASSNAME = "v-slider"; /** * Minimum size (width or height, depending on orientation) of the slider diff --git a/src/com/vaadin/terminal/gwt/client/ui/VSplitPanel.java b/src/com/vaadin/terminal/gwt/client/ui/VSplitPanel.java index f359156c72..a1f14af242 100644 --- a/src/com/vaadin/terminal/gwt/client/ui/VSplitPanel.java +++ b/src/com/vaadin/terminal/gwt/client/ui/VSplitPanel.java @@ -26,7 +26,7 @@ import com.vaadin.terminal.gwt.client.Util; public class VSplitPanel extends ComplexPanel implements Container, ContainerResizedListener { - public static final String CLASSNAME = "i-splitpanel"; + public static final String CLASSNAME = "v-splitpanel"; public static final int ORIENTATION_HORIZONTAL = 0; diff --git a/src/com/vaadin/terminal/gwt/client/ui/VTabsheet.java b/src/com/vaadin/terminal/gwt/client/ui/VTabsheet.java index 4cc2887dd0..e9a63c86b2 100644 --- a/src/com/vaadin/terminal/gwt/client/ui/VTabsheet.java +++ b/src/com/vaadin/terminal/gwt/client/ui/VTabsheet.java @@ -19,12 +19,12 @@ import com.google.gwt.user.client.ui.ComplexPanel; import com.google.gwt.user.client.ui.Widget; import com.vaadin.terminal.gwt.client.ApplicationConnection; import com.vaadin.terminal.gwt.client.BrowserInfo; -import com.vaadin.terminal.gwt.client.VCaption; import com.vaadin.terminal.gwt.client.Paintable; import com.vaadin.terminal.gwt.client.RenderInformation; import com.vaadin.terminal.gwt.client.RenderSpace; import com.vaadin.terminal.gwt.client.UIDL; import com.vaadin.terminal.gwt.client.Util; +import com.vaadin.terminal.gwt.client.VCaption; public class VTabsheet extends VTabsheetBase { @@ -187,10 +187,10 @@ public class VTabsheet extends VTabsheetBase { } - public static final String CLASSNAME = "i-tabsheet"; + public static final String CLASSNAME = "v-tabsheet"; - public static final String TABS_CLASSNAME = "i-tabsheet-tabcontainer"; - public static final String SCROLLER_CLASSNAME = "i-tabsheet-scroller"; + public static final String TABS_CLASSNAME = "v-tabsheet-tabcontainer"; + public static final String SCROLLER_CLASSNAME = "v-tabsheet-scroller"; private final Element tabs; // tabbar and 'scroller' container private final Element scroller; // tab-scroller element private final Element scrollerNext; // tab-scroller next button element diff --git a/src/com/vaadin/terminal/gwt/client/ui/VTabsheetPanel.java b/src/com/vaadin/terminal/gwt/client/ui/VTabsheetPanel.java index cc8168337e..c67bc09dea 100644 --- a/src/com/vaadin/terminal/gwt/client/ui/VTabsheetPanel.java +++ b/src/com/vaadin/terminal/gwt/client/ui/VTabsheetPanel.java @@ -155,7 +155,7 @@ public class VTabsheetPanel extends ComplexPanel { // height of widget might have changed due wrapping height = visibleWidget.getOffsetHeight(); } - // i-tabsheet-tabsheetpanel height + // v-tabsheet-tabsheetpanel height getElement().getStyle().setPropertyPx("height", height); // widget wrapper height diff --git a/src/com/vaadin/terminal/gwt/client/ui/VTextArea.java b/src/com/vaadin/terminal/gwt/client/ui/VTextArea.java index 29741afc57..07d0588681 100644 --- a/src/com/vaadin/terminal/gwt/client/ui/VTextArea.java +++ b/src/com/vaadin/terminal/gwt/client/ui/VTextArea.java @@ -22,7 +22,7 @@ import com.vaadin.terminal.gwt.client.UIDL; * */ public class VTextArea extends VTextField { - public static final String CLASSNAME = "i-textarea"; + public static final String CLASSNAME = "v-textarea"; public VTextArea() { super(DOM.createTextArea()); diff --git a/src/com/vaadin/terminal/gwt/client/ui/VTextField.java b/src/com/vaadin/terminal/gwt/client/ui/VTextField.java index 7c14a4dd2c..2d8e9ac219 100644 --- a/src/com/vaadin/terminal/gwt/client/ui/VTextField.java +++ b/src/com/vaadin/terminal/gwt/client/ui/VTextField.java @@ -13,10 +13,10 @@ import com.google.gwt.user.client.ui.TextBoxBase; import com.google.gwt.user.client.ui.Widget; import com.vaadin.terminal.gwt.client.ApplicationConnection; import com.vaadin.terminal.gwt.client.BrowserInfo; -import com.vaadin.terminal.gwt.client.VTooltip; import com.vaadin.terminal.gwt.client.Paintable; import com.vaadin.terminal.gwt.client.UIDL; import com.vaadin.terminal.gwt.client.Util; +import com.vaadin.terminal.gwt.client.VTooltip; /** * This class represents a basic text input field with one row. @@ -30,7 +30,7 @@ public class VTextField extends TextBoxBase implements Paintable, Field, /** * The input node CSS classname. */ - public static final String CLASSNAME = "i-textfield"; + public static final String CLASSNAME = "v-textfield"; /** * This CSS classname is added to the input node on hover. */ diff --git a/src/com/vaadin/terminal/gwt/client/ui/VTextualDate.java b/src/com/vaadin/terminal/gwt/client/ui/VTextualDate.java index 37a70ed7f0..05128c943b 100644 --- a/src/com/vaadin/terminal/gwt/client/ui/VTextualDate.java +++ b/src/com/vaadin/terminal/gwt/client/ui/VTextualDate.java @@ -128,9 +128,9 @@ public class VTextualDate extends VDateField implements Paintable, Field, text.setEnabled(enabled && !readonly); if (readonly) { - text.addStyleName("i-readonly"); + text.addStyleName("v-readonly"); } else { - text.removeStyleName("i-readonly"); + text.removeStyleName("v-readonly"); } } diff --git a/src/com/vaadin/terminal/gwt/client/ui/VToolkitOverlay.java b/src/com/vaadin/terminal/gwt/client/ui/VToolkitOverlay.java index 9ea284b575..0dd4fa6318 100644 --- a/src/com/vaadin/terminal/gwt/client/ui/VToolkitOverlay.java +++ b/src/com/vaadin/terminal/gwt/client/ui/VToolkitOverlay.java @@ -31,7 +31,7 @@ public class VToolkitOverlay extends PopupPanel { * style of shadow, it can use setShadowStyle(String) to give the shadow * element a new style name. */ - public static final String CLASSNAME_SHADOW = "i-shadow"; + public static final String CLASSNAME_SHADOW = "v-shadow"; /* * The shadow element for this overlay. @@ -43,7 +43,7 @@ public class VToolkitOverlay extends PopupPanel { * nine different DIV-elements with the following class names: * * 
-     *   .i-shadow[-stylename]
+     *   .v-shadow[-stylename]
      *   ----------------------------------------------
      *   | .top-left     |   .top    |     .top-right |
      *   |---------------|-----------|----------------|
@@ -190,7 +190,7 @@ public class VToolkitOverlay extends PopupPanel {
      * @param style
      *            The new style name for the shadow element. Will be prefixed by
      *            CLASSNAME_SHADOW, e.g. style=='foobar' -> actual style
-     *            name=='i-shadow-foobar'.
+     *            name=='v-shadow-foobar'.
      */
     protected void setShadowStyle(String style) {
         if (shadow != null) {
diff --git a/src/com/vaadin/terminal/gwt/client/ui/VTree.java b/src/com/vaadin/terminal/gwt/client/ui/VTree.java
index 57887bb019..077dd5cf02 100644
--- a/src/com/vaadin/terminal/gwt/client/ui/VTree.java
+++ b/src/com/vaadin/terminal/gwt/client/ui/VTree.java
@@ -27,7 +27,7 @@ import com.vaadin.terminal.gwt.client.Util;
  */
 public class VTree extends FlowPanel implements Paintable {
 
-    public static final String CLASSNAME = "i-tree";
+    public static final String CLASSNAME = "v-tree";
 
     private Set selectedIds = new HashSet();
     private ApplicationConnection client;
@@ -184,7 +184,7 @@ public class VTree extends FlowPanel implements Paintable {
 
     protected class TreeNode extends SimplePanel implements ActionOwner {
 
-        public static final String CLASSNAME = "i-tree-node";
+        public static final String CLASSNAME = "v-tree-node";
 
         String key;
 
@@ -424,7 +424,7 @@ public class VTree extends FlowPanel implements Paintable {
          */
         protected void setSelected(boolean selected) {
             // add style name to caption dom structure only, not to subtree
-            setStyleName(nodeCaptionDiv, "i-tree-node-selected", selected);
+            setStyleName(nodeCaptionDiv, "v-tree-node-selected", selected);
         }
 
         protected boolean isSelected() {
diff --git a/src/com/vaadin/terminal/gwt/client/ui/VTwinColSelect.java b/src/com/vaadin/terminal/gwt/client/ui/VTwinColSelect.java
index a439b38c43..abd1f4e2d2 100644
--- a/src/com/vaadin/terminal/gwt/client/ui/VTwinColSelect.java
+++ b/src/com/vaadin/terminal/gwt/client/ui/VTwinColSelect.java
@@ -17,7 +17,7 @@ import com.vaadin.terminal.gwt.client.UIDL;
 
 public class VTwinColSelect extends VOptionGroupBase {
 
-    private static final String CLASSNAME = "i-select-twincol";
+    private static final String CLASSNAME = "v-select-twincol";
 
     private static final int VISIBLE_COUNT = 10;
 
diff --git a/src/com/vaadin/terminal/gwt/client/ui/VUpload.java b/src/com/vaadin/terminal/gwt/client/ui/VUpload.java
index 0010bda5c1..666652a15a 100644
--- a/src/com/vaadin/terminal/gwt/client/ui/VUpload.java
+++ b/src/com/vaadin/terminal/gwt/client/ui/VUpload.java
@@ -22,7 +22,7 @@ import com.vaadin.terminal.gwt.client.UIDL;
 public class VUpload extends FormPanel implements Paintable, ClickListener,
         FormHandler {
 
-    public static final String CLASSNAME = "i-upload";
+    public static final String CLASSNAME = "v-upload";
 
     /**
      * FileUpload component that opens native OS dialog to select file.
diff --git a/src/com/vaadin/terminal/gwt/client/ui/VVerticalLayout.java b/src/com/vaadin/terminal/gwt/client/ui/VVerticalLayout.java
index c6b944fc4b..4965e6311e 100644
--- a/src/com/vaadin/terminal/gwt/client/ui/VVerticalLayout.java
+++ b/src/com/vaadin/terminal/gwt/client/ui/VVerticalLayout.java
@@ -2,7 +2,7 @@ package com.vaadin.terminal.gwt.client.ui;
 
 public class VVerticalLayout extends VOrderedLayout {
 
-    public static final String CLASSNAME = "i-verticallayout";
+    public static final String CLASSNAME = "v-verticallayout";
 
     public VVerticalLayout() {
         super(CLASSNAME, ORIENTATION_VERTICAL);
diff --git a/src/com/vaadin/terminal/gwt/client/ui/VView.java b/src/com/vaadin/terminal/gwt/client/ui/VView.java
index a9aaf403b7..b3ed3e9347 100644
--- a/src/com/vaadin/terminal/gwt/client/ui/VView.java
+++ b/src/com/vaadin/terminal/gwt/client/ui/VView.java
@@ -40,7 +40,7 @@ import com.vaadin.terminal.gwt.client.Util;
 public class VView extends SimplePanel implements Container,
         WindowResizeListener, WindowCloseListener {
 
-    private static final String CLASSNAME = "i-view";
+    private static final String CLASSNAME = "v-view";
 
     private String theme;
 
@@ -90,7 +90,7 @@ public class VView extends SimplePanel implements Container,
 
         RootPanel root = RootPanel.get(elementId);
         root.add(this);
-        root.removeStyleName("i-app-loading");
+        root.removeStyleName("v-app-loading");
 
         BrowserInfo browser = BrowserInfo.get();
 
diff --git a/src/com/vaadin/terminal/gwt/client/ui/VWindow.java b/src/com/vaadin/terminal/gwt/client/ui/VWindow.java
index 18a7b6a623..5556d7970f 100644
--- a/src/com/vaadin/terminal/gwt/client/ui/VWindow.java
+++ b/src/com/vaadin/terminal/gwt/client/ui/VWindow.java
@@ -44,7 +44,7 @@ public class VWindow extends VToolkitOverlay implements Container,
 
     private static Vector windowOrder = new Vector();
 
-    public static final String CLASSNAME = "i-window";
+    public static final String CLASSNAME = "v-window";
 
     /**
      * Pixels used by inner borders and paddings horizontally (calculated only
@@ -640,7 +640,7 @@ public class VWindow extends VToolkitOverlay implements Container,
         String html = Util.escapeHTML(c);
         if (icon != null) {
             icon = client.translateToolkitUri(icon);
-            html = "" + html;
+            html = "" + html;
         }
         DOM.setInnerHTML(headerText, html);
     }
@@ -774,7 +774,7 @@ public class VWindow extends VToolkitOverlay implements Container,
 
     @Override
     /*
-     * Width is set to the out-most element (i-window).
+     * Width is set to the out-most element (v-window).
      * 
      * This function should never be called with percentage values (it will
      * throw an exception)
@@ -819,7 +819,7 @@ public class VWindow extends VToolkitOverlay implements Container,
 
     @Override
     /*
-     * Height is set to the out-most element (i-window).
+     * Height is set to the out-most element (v-window).
      * 
      * This function should never be called with percentage values (it will
      * throw an exception)
diff --git a/src/com/vaadin/terminal/gwt/client/ui/richtextarea/VRichTextArea.java b/src/com/vaadin/terminal/gwt/client/ui/richtextarea/VRichTextArea.java
index fea431edcd..55c1cbf4aa 100644
--- a/src/com/vaadin/terminal/gwt/client/ui/richtextarea/VRichTextArea.java
+++ b/src/com/vaadin/terminal/gwt/client/ui/richtextarea/VRichTextArea.java
@@ -35,7 +35,7 @@ public class VRichTextArea extends Composite implements Paintable, Field,
     /**
      * The input node CSS classname.
      */
-    public static final String CLASSNAME = "i-richtextarea";
+    public static final String CLASSNAME = "v-richtextarea";
 
     protected String id;
 
diff --git a/src/com/vaadin/terminal/gwt/server/AbstractApplicationServlet.java b/src/com/vaadin/terminal/gwt/server/AbstractApplicationServlet.java
index a7559459b9..029d28bf0f 100644
--- a/src/com/vaadin/terminal/gwt/server/AbstractApplicationServlet.java
+++ b/src/com/vaadin/terminal/gwt/server/AbstractApplicationServlet.java
@@ -1163,7 +1163,7 @@ public abstract class AbstractApplicationServlet extends HttpServlet {
             page.write("" + title + "");
 
             page
-                    .write("\n\n\n");
+                    .write("\n\n\n");
         }
 
         String appId = appUrl;
@@ -1359,12 +1359,12 @@ public abstract class AbstractApplicationServlet extends HttpServlet {
             style = "style=\"" + reqParam + "\"";
         }
         /*- Add classnames; 
-         *      .i-app 
-         *      .i-app-loading
-         *      .i-app- 
-         *      .i-theme-
+         *      .v-app 
+         *      .v-app-loading
+         *      .v-app- 
+         *      .v-theme-
          */
-        String appClass = "i-app-";
+        String appClass = "v-app-";
         try {
             appClass += getApplicationClass().getSimpleName();
         } catch (ClassNotFoundException e) {
@@ -1374,10 +1374,10 @@ public abstract class AbstractApplicationServlet extends HttpServlet {
         }
         String themeClass = "";
         if (themeName != null) {
-            themeClass = "i-theme-" + themeName.replaceAll("[^a-zA-Z0-9]", "");
+            themeClass = "v-theme-" + themeName.replaceAll("[^a-zA-Z0-9]", "");
         }
 
-        page.write("
\n");
 
diff --git a/src/com/vaadin/ui/LoginForm.java b/src/com/vaadin/ui/LoginForm.java
index 3d3aeaf8b7..6474ff032e 100644
--- a/src/com/vaadin/ui/LoginForm.java
+++ b/src/com/vaadin/ui/LoginForm.java
@@ -152,15 +152,15 @@ public class LoginForm extends CustomComponent {
                 + guessedThemeUri2
                 + "'/>"
                 + ""
-                + "
"
+                + "
"
                 + ""
                 + "
"
                 + "
Username
"
-                + "
"
+                + "
"
                 + "
Password
"
-                + "
"
-                + "
" + "")
+                + "
"
+                + "
" + "")
                 .getBytes();
     }
 
diff --git a/src/com/vaadin/ui/Table.java b/src/com/vaadin/ui/Table.java
index 426560c4a8..9a2fab3139 100644
--- a/src/com/vaadin/ui/Table.java
+++ b/src/com/vaadin/ui/Table.java
@@ -3197,8 +3197,8 @@ public class Table extends AbstractSelect implements Action.Container,
      * Allow to define specific style on cells (and rows) contents. Implements
      * this interface and pass it to Table.setCellStyleGenerator. Row styles are
      * generated when porpertyId is null. The CSS class name that will be added
-     * to the cell content is i-table-cell-content-[style name], and
-     * the row style will be i-table-row-[style name].
+     * to the cell content is v-table-cell-content-[style name], and
+     * the row style will be v-table-row-[style name].
      */
     public interface CellStyleGenerator extends Serializable {
 
@@ -3210,8 +3210,8 @@ public class Table extends AbstractSelect implements Action.Container,
          * @param propertyId
          *            The propertyId of the cell, null when getting row style
          * @return The style name to add to this cell or row. (the CSS class
-         *         name will be i-table-cell-content-[style name], or
-         *         i-table-row-[style name] for rows)
+         *         name will be v-table-cell-content-[style name], or
+         *         v-table-row-[style name] for rows)
          */
         public abstract String getStyle(Object itemId, Object propertyId);
     }
-- 
2.39.5