diff options
| author | Henri Sara <henri.sara@itmill.com> | 2009-05-12 07:55:26 +0000 |
|---|---|---|
| committer | Henri Sara <henri.sara@itmill.com> | 2009-05-12 07:55:26 +0000 |
| commit | 3916d280468cf22e2411d3fca3343894915cae1f (patch) | |
| tree | 3ec0b6bb43c6c081a50ffef3b8163400c3e621f4 /WebContent/ITMILL | |
| parent | 0eec7306e60b370b2be30f489931cf742615d98d (diff) | |
| download | vaadin-framework-3916d280468cf22e2411d3fca3343894915cae1f.tar.gz vaadin-framework-3916d280468cf22e2411d3fca3343894915cae1f.zip | |
#2904 Renamed CSS prefix "i-" to "v-"
svn changeset:7752/svn branch:6.0
Diffstat (limited to 'WebContent/ITMILL')
77 files changed, 3456 insertions, 3456 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 |