summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
-rw-r--r--WebContent/ITMILL/themes/base/absolutelayout/absolutelayout.css2
-rw-r--r--WebContent/ITMILL/themes/base/accordion/accordion.css12
-rw-r--r--WebContent/ITMILL/themes/base/button/button.css54
-rw-r--r--WebContent/ITMILL/themes/base/caption/caption.css20
-rw-r--r--WebContent/ITMILL/themes/base/common/common.css110
-rw-r--r--WebContent/ITMILL/themes/base/customcomponent/customcomponent.css2
-rw-r--r--WebContent/ITMILL/themes/base/customlayout/customlayout.css2
-rw-r--r--WebContent/ITMILL/themes/base/datefield/datefield.css50
-rw-r--r--WebContent/ITMILL/themes/base/formlayout/formlayout.css36
-rw-r--r--WebContent/ITMILL/themes/base/gridlayout/gridlayout.css20
-rw-r--r--WebContent/ITMILL/themes/base/link/link.css10
-rw-r--r--WebContent/ITMILL/themes/base/menubar/menubar.css18
-rw-r--r--WebContent/ITMILL/themes/base/notification/notification.css28
-rw-r--r--WebContent/ITMILL/themes/base/orderedlayout/orderedlayout.css48
-rw-r--r--WebContent/ITMILL/themes/base/panel/panel.css30
-rw-r--r--WebContent/ITMILL/themes/base/popupview/popupview.css4
-rw-r--r--WebContent/ITMILL/themes/base/progressindicator/progressindicator.css20
-rw-r--r--WebContent/ITMILL/themes/base/select/select.css90
-rw-r--r--WebContent/ITMILL/themes/base/shadow/shadow.css24
-rw-r--r--WebContent/ITMILL/themes/base/slider/slider.css24
-rw-r--r--WebContent/ITMILL/themes/base/splitpanel/splitpanel.css14
-rw-r--r--WebContent/ITMILL/themes/base/styles.css860
-rw-r--r--WebContent/ITMILL/themes/base/table/table.css70
-rw-r--r--WebContent/ITMILL/themes/base/tabsheet/tabsheet.css50
-rw-r--r--WebContent/ITMILL/themes/base/textfield/textfield.css42
-rw-r--r--WebContent/ITMILL/themes/base/tree/tree.css26
-rw-r--r--WebContent/ITMILL/themes/base/window/window.css54
-rw-r--r--WebContent/ITMILL/themes/contacts/styles.css28
-rw-r--r--WebContent/ITMILL/themes/coverflow/styles.css4
-rw-r--r--WebContent/ITMILL/themes/default/absolutelayout/absolutelayout.css2
-rw-r--r--WebContent/ITMILL/themes/default/accordion/accordion.css8
-rw-r--r--WebContent/ITMILL/themes/default/button/button.css16
-rw-r--r--WebContent/ITMILL/themes/default/caption/caption.css8
-rw-r--r--WebContent/ITMILL/themes/default/common/common.css70
-rw-r--r--WebContent/ITMILL/themes/default/datefield/datefield.css68
-rw-r--r--WebContent/ITMILL/themes/default/formlayout/formlayout.css36
-rw-r--r--WebContent/ITMILL/themes/default/gridlayout/gridlayout.css10
-rw-r--r--WebContent/ITMILL/themes/default/link/link.css2
-rw-r--r--WebContent/ITMILL/themes/default/menubar/menubar.css12
-rw-r--r--WebContent/ITMILL/themes/default/notification/notification.css30
-rw-r--r--WebContent/ITMILL/themes/default/orderedlayout/orderedlayout.css30
-rw-r--r--WebContent/ITMILL/themes/default/panel/panel.css52
-rw-r--r--WebContent/ITMILL/themes/default/popupview/popupview.css2
-rw-r--r--WebContent/ITMILL/themes/default/progressindicator/progressindicator.css12
-rw-r--r--WebContent/ITMILL/themes/default/select/select.css94
-rw-r--r--WebContent/ITMILL/themes/default/shadow/shadow.css20
-rw-r--r--WebContent/ITMILL/themes/default/slider/slider.css32
-rw-r--r--WebContent/ITMILL/themes/default/splitpanel/splitpanel.css16
-rw-r--r--WebContent/ITMILL/themes/default/styles.css1658
-rw-r--r--WebContent/ITMILL/themes/default/table/table.css68
-rw-r--r--WebContent/ITMILL/themes/default/tabsheet/tabsheet.css136
-rw-r--r--WebContent/ITMILL/themes/default/textfield/textfield.css16
-rw-r--r--WebContent/ITMILL/themes/default/tree/tree.css16
-rw-r--r--WebContent/ITMILL/themes/default/window/window.css42
-rw-r--r--WebContent/ITMILL/themes/example/styles.css12
-rw-r--r--WebContent/ITMILL/themes/liferay/styles.css14
-rw-r--r--WebContent/ITMILL/themes/reindeer/button/button.css122
-rw-r--r--WebContent/ITMILL/themes/reindeer/common/common.css88
-rw-r--r--WebContent/ITMILL/themes/reindeer/label/label.css18
-rw-r--r--WebContent/ITMILL/themes/reindeer/layouts/layouts.css36
-rw-r--r--WebContent/ITMILL/themes/reindeer/panel/panel.css26
-rw-r--r--WebContent/ITMILL/themes/reindeer/select/select.css94
-rw-r--r--WebContent/ITMILL/themes/reindeer/splitpanel/splitpanel.css8
-rw-r--r--WebContent/ITMILL/themes/reindeer/styles.css1328
-rw-r--r--WebContent/ITMILL/themes/reindeer/tabsheet/tabsheet.css40
-rw-r--r--WebContent/ITMILL/themes/reindeer/textfield/textfield.css36
-rw-r--r--WebContent/ITMILL/themes/reservr/styles.css14
-rw-r--r--WebContent/ITMILL/themes/sampler/dummy/styles.css2
-rw-r--r--WebContent/ITMILL/themes/sampler/layouts/gridexample.css6
-rw-r--r--WebContent/ITMILL/themes/sampler/layouts/marginexample.css4
-rw-r--r--WebContent/ITMILL/themes/sampler/layouts/spacingexample.css2
-rw-r--r--WebContent/ITMILL/themes/sampler/prominentprimaryaction/styles.css6
-rw-r--r--WebContent/ITMILL/themes/sampler/sampler/styles.css218
-rw-r--r--WebContent/ITMILL/themes/sampler/table/styles.css14
-rw-r--r--WebContent/ITMILL/themes/tests-book/styles.css80
-rw-r--r--WebContent/ITMILL/themes/tests-tickets/styles.css478
-rw-r--r--WebContent/ITMILL/themes/toolkittunes/styles.css58
-rw-r--r--src/com/vaadin/demo/reservation/gwt/client/ui/VGoogleMap.java2
-rw-r--r--src/com/vaadin/demo/reservation/gwt/public/reservr/googlemap/css/googlemap.css2
-rw-r--r--src/com/vaadin/demo/reservation/gwt/public/reservr/styles.css80
-rwxr-xr-xsrc/com/vaadin/terminal/gwt/client/ApplicationConnection.java14
-rw-r--r--src/com/vaadin/terminal/gwt/client/BrowserInfo.java8
-rw-r--r--src/com/vaadin/terminal/gwt/client/VCaption.java10
-rw-r--r--src/com/vaadin/terminal/gwt/client/VCaptionWrapper.java2
-rwxr-xr-xsrc/com/vaadin/terminal/gwt/client/VDebugConsole.java17
-rw-r--r--src/com/vaadin/terminal/gwt/client/VErrorMessage.java2
-rw-r--r--src/com/vaadin/terminal/gwt/client/VTooltip.java2
-rw-r--r--src/com/vaadin/terminal/gwt/client/ui/Field.java2
-rw-r--r--src/com/vaadin/terminal/gwt/client/ui/Icon.java2
-rw-r--r--src/com/vaadin/terminal/gwt/client/ui/VAbsoluteLayout.java4
-rw-r--r--src/com/vaadin/terminal/gwt/client/ui/VAccordion.java4
-rw-r--r--src/com/vaadin/terminal/gwt/client/ui/VButton.java14
-rw-r--r--src/com/vaadin/terminal/gwt/client/ui/VCalendarPanel.java10
-rw-r--r--src/com/vaadin/terminal/gwt/client/ui/VCheckBox.java6
-rw-r--r--src/com/vaadin/terminal/gwt/client/ui/VContextMenu.java2
-rw-r--r--src/com/vaadin/terminal/gwt/client/ui/VCustomComponent.java2
-rw-r--r--src/com/vaadin/terminal/gwt/client/ui/VCustomLayout.java6
-rw-r--r--src/com/vaadin/terminal/gwt/client/ui/VDateField.java4
-rw-r--r--src/com/vaadin/terminal/gwt/client/ui/VEmbedded.java2
-rw-r--r--src/com/vaadin/terminal/gwt/client/ui/VFilterSelect.java26
-rw-r--r--src/com/vaadin/terminal/gwt/client/ui/VForm.java8
-rw-r--r--src/com/vaadin/terminal/gwt/client/ui/VFormLayout.java12
-rw-r--r--src/com/vaadin/terminal/gwt/client/ui/VGridLayout.java2
-rw-r--r--src/com/vaadin/terminal/gwt/client/ui/VHorizontalLayout.java2
-rw-r--r--src/com/vaadin/terminal/gwt/client/ui/VLabel.java6
-rw-r--r--src/com/vaadin/terminal/gwt/client/ui/VLink.java6
-rw-r--r--src/com/vaadin/terminal/gwt/client/ui/VListSelect.java4
-rw-r--r--src/com/vaadin/terminal/gwt/client/ui/VMenuBar.java14
-rw-r--r--src/com/vaadin/terminal/gwt/client/ui/VNativeSelect.java2
-rw-r--r--src/com/vaadin/terminal/gwt/client/ui/VNotification.java2
-rw-r--r--src/com/vaadin/terminal/gwt/client/ui/VOptionGroup.java4
-rw-r--r--src/com/vaadin/terminal/gwt/client/ui/VOptionGroupBase.java2
-rw-r--r--src/com/vaadin/terminal/gwt/client/ui/VOrderedLayout.java6
-rw-r--r--src/com/vaadin/terminal/gwt/client/ui/VPanel.java4
-rw-r--r--src/com/vaadin/terminal/gwt/client/ui/VPopupView.java8
-rw-r--r--src/com/vaadin/terminal/gwt/client/ui/VProgressIndicator.java2
-rw-r--r--src/com/vaadin/terminal/gwt/client/ui/VScrollTable.java22
-rw-r--r--src/com/vaadin/terminal/gwt/client/ui/VSlider.java2
-rw-r--r--src/com/vaadin/terminal/gwt/client/ui/VSplitPanel.java2
-rw-r--r--src/com/vaadin/terminal/gwt/client/ui/VTabsheet.java8
-rw-r--r--src/com/vaadin/terminal/gwt/client/ui/VTabsheetPanel.java2
-rw-r--r--src/com/vaadin/terminal/gwt/client/ui/VTextArea.java2
-rw-r--r--src/com/vaadin/terminal/gwt/client/ui/VTextField.java4
-rw-r--r--src/com/vaadin/terminal/gwt/client/ui/VTextualDate.java4
-rw-r--r--src/com/vaadin/terminal/gwt/client/ui/VToolkitOverlay.java6
-rw-r--r--src/com/vaadin/terminal/gwt/client/ui/VTree.java6
-rw-r--r--src/com/vaadin/terminal/gwt/client/ui/VTwinColSelect.java2
-rw-r--r--src/com/vaadin/terminal/gwt/client/ui/VUpload.java2
-rw-r--r--src/com/vaadin/terminal/gwt/client/ui/VVerticalLayout.java2
-rw-r--r--src/com/vaadin/terminal/gwt/client/ui/VView.java4
-rw-r--r--src/com/vaadin/terminal/gwt/client/ui/VWindow.java8
-rw-r--r--src/com/vaadin/terminal/gwt/client/ui/richtextarea/VRichTextArea.java2
-rw-r--r--src/com/vaadin/terminal/gwt/server/AbstractApplicationServlet.java16
-rw-r--r--src/com/vaadin/ui/LoginForm.java8
-rw-r--r--src/com/vaadin/ui/Table.java8
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 <code>onModuleLoad()</code>.
*/
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, "&nbsp;");
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<Paintable> paintables = new HashSet<Paintable>();
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("&laquo;");
- prevYear.setStyleName("i-button-prevyear");
+ prevYear.setStyleName("v-button-prevyear");
nextYear = new VEventButton();
nextYear.setHTML("&raquo;");
- 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("&lsaquo;");
- prevMonth.setStyleName("i-button-prevmonth");
+ prevMonth.setStyleName("v-button-prevmonth");
nextMonth = new VEventButton();
nextMonth.setHTML("&rsaquo;");
- 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("&nbsp;");
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("<img src=\"");
sb.append(iconUri);
- sb.append("\" alt=\"\" class=\"i-icon\" />");
+ sb.append("\" alt=\"\" class=\"v-icon\" />");
}
sb.append("<span>" + Util.escapeHTML(caption) + "</span>");
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, "&nbsp;");
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("<span class=\"i-off\">");
+ buf.append("<span class=\"v-off\">");
} else {
- buf.append("<span class=\"i-on\">");
+ buf.append("<span class=\"v-on\">");
}
buf.append(super.getHTML());
buf.append("</span>");
@@ -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 = "<img src=\""
+ client.translateToolkitUri(uidl
.getStringAttribute("icon"))
- + "\" alt=\"icon\" class=\"i-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:
*
* <pre>
- * .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<String> selectedIds = new HashSet<String>();
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<VWindow> windowOrder = new Vector<VWindow>();
- 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 = "<img src=\"" + icon + "\" class=\"i-icon\" />" + html;
+ html = "<img src=\"" + icon + "\" class=\"v-icon\" />" + 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>" + title + "</title>");
page
- .write("\n</head>\n<body scroll=\"auto\" class=\"i-generated-body\">\n");
+ .write("\n</head>\n<body scroll=\"auto\" class=\"v-generated-body\">\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-<simpleName for app class>
- * .i-theme-<themeName, remove non-alphanum>
+ * .v-app
+ * .v-app-loading
+ * .v-app-<simpleName for app class>
+ * .v-theme-<themeName, remove non-alphanum>
*/
- 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("<div id=\"" + appId + "\" class=\"i-app i-app-loading "
+ page.write("<div id=\"" + appId + "\" class=\"v-app v-app-loading "
+ themeClass + " " + appClass + "\" "
+ (style != null ? style : "") + "></div>\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
+ "'/>"
+ "</head><body onload='setTarget();' style='margin:0;padding:0;'>"
- + "<div class='i-app i-app-loginpage'>"
+ + "<div class='v-app v-app-loginpage'>"
+ "<iframe name='logintarget' style='width:0;height:0;"
+ "border:0;margin:0;padding:0;'></iframe>"
+ "<form id='loginf' target='logintarget'>"
+ "<div>Username</div><div >"
- + "<input class='i-textfield' style='display:block;' type='text' name='username'></div>"
+ + "<input class='v-textfield' style='display:block;' type='text' name='username'></div>"
+ "<div>Password</div>"
- + "<div><input class='i-textfield' style='display:block;' type='password' name='password'></div>"
- + "<div><input class='i-button' type='submit' value='Login'></div></form></div>" + "</body></html>")
+ + "<div><input class='v-textfield' style='display:block;' type='password' name='password'></div>"
+ + "<div><input class='v-button' type='submit' value='Login'></div></form></div>" + "</body></html>")
.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 <tt>i-table-cell-content-[style name]</tt>, and
- * the row style will be <tt>i-table-row-[style name]</tt>.
+ * to the cell content is <tt>v-table-cell-content-[style name]</tt>, and
+ * the row style will be <tt>v-table-row-[style name]</tt>.
*/
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);
}