-.i-absolutelayout-wrapper {
+.v-absolutelayout-wrapper {
position: absolute;
overflow: hidden;
}
\ No newline at end of file
-.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%;
-.i-button {\r
+.v-button {\r
cursor: pointer;\r
white-space: nowrap;\r
margin: 0;\r
}\r
-.i-button span {\r
+.v-button span {\r
white-space: nowrap;\r
}\r
-.i-checkbox input {\r
+.v-checkbox input {\r
vertical-align: middle;\r
}\r
-.i-button img,\r
-.i-checkbox img {\r
+.v-button img,\r
+.v-checkbox img {\r
display: inline;\r
vertical-align: middle;\r
margin-right: 3px;\r
}\r
-.i-button span,\r
-.i-checkbox label {\r
+.v-button span,\r
+.v-checkbox label {\r
vertical-align: middle;\r
}\r
-.i-button-link {\r
+.v-button-link {\r
border: none;\r
text-align: left;\r
background: none;\r
padding: 0;\r
}\r
/* Inset Safari focus outline a bit */\r
-.i-sa .i-button-link:focus {\r
+.v-sa .v-button-link:focus {\r
outline-offset: -3px;\r
}\r
-.i-button-link span {\r
+.v-button-link span {\r
text-decoration: underline;\r
}\r
-.i-checkbox {\r
+.v-checkbox {\r
white-space: nowrap; \r
}\r
-.i-checkbox .i-errorindicator {\r
+.v-checkbox .v-errorindicator {\r
float: none;\r
display: inline;\r
padding-left: 1em;\r
background-position: left;\r
}\r
/* Fixes streched buttons in IE6 and IE7*/\r
-.i-ie6 .i-button {\r
+.v-ie6 .v-button {\r
width: 1px;\r
}\r
-.i-ie6 .i-button,\r
-.i-ie7 .i-button,\r
-.i-ie8 .i-button {\r
+.v-ie6 .v-button,\r
+.v-ie7 .v-button,\r
+.v-ie8 .v-button {\r
overflow: visible;\r
padding-left: 1em;\r
padding-right: 1em;\r
}\r
/* Error indicator on checkbox fix for IE6 */\r
-.i-ie6 .i-checkbox * {\r
+.v-ie6 .v-checkbox * {\r
float: left;\r
display: inline; /* In effect, does nothing, since float:left forces block-rendering, but will fix "double-float-margin-bug" */\r
}\r
-.i-ie6 .i-checkbox .i-errorindicator {\r
+.v-ie6 .v-checkbox .v-errorindicator {\r
background-position: right;\r
display: inline;\r
float: left;\r
padding-right: 0.4em;\r
}\r
/* Error indicator on checkbox fix for IE7 */\r
-.i-ie7 .i-checkbox *,\r
-.i-ie8 .i-checkbox * {\r
+.v-ie7 .v-checkbox *,\r
+.v-ie8 .v-checkbox * {\r
float: left;\r
}\r
-.i-ie7 .i-checkbox .i-errorindicator,\r
-.i-ie8 .i-checkbox .i-errorindicator {\r
+.v-ie7 .v-checkbox .v-errorindicator,\r
+.v-ie8 .v-checkbox .v-errorindicator {\r
background-position: right;\r
float: left;\r
padding-left: 0;\r
padding-right: 0.7em;\r
}\r
/* Error indicator on button fix for IE */\r
-.i-ie6 button .i-errorindicator,\r
-.i-ie7 button .i-errorindicator,\r
-.i-ie8 button .i-errorindicator {\r
+.v-ie6 button .v-errorindicator,\r
+.v-ie7 button .v-errorindicator,\r
+.v-ie8 button .v-errorindicator {\r
display: inline;\r
padding-right: 0.5em;\r
}\r
/* Disabled by default\r
-.i-checkbox-error {\r
+.v-checkbox-error {\r
background: #ffe0e0;\r
}\r
*/\r
/* Disabled by default\r
-.i-checkbox-required {\r
+.v-checkbox-required {\r
background: #ffe0e0;\r
}\r
*/
\ No newline at end of file
-.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
/* 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;
* 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;
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
-.i-customcomponent {
+.v-customcomponent {
overflow: hidden;
}
\ No newline at end of file
-.i-customlayout {
+.v-customlayout {
overflow: hidden;
}
\ No newline at end of file
-.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
-.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
-.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
-.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
-.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
-.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;
}\r
-.i-Notification.system {\r
+.v-Notification.system {\r
background-color: red;\r
opacity: .7;\r
filter: alpha(opacity=70);\r
}\r
-.i-Notification.system h1 {\r
+.v-Notification.system h1 {\r
display: block;\r
margin: 0;\r
}\r
-.i-Notification.system p {\r
+.v-Notification.system p {\r
white-space: nowrap;\r
}
\ No newline at end of file
-.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;
}
-.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
-.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
-.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 */
-.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
-.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;
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;
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;
/* 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;
-.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;
border-right: 1px solid #eee;
}
-.i-slider-handle {
+.v-slider-handle {
background: #aaa;
width: 12px;
height: 12px;
cursor: pointer;
}
-.i-slider-vertical {
+.v-slider-vertical {
width: 2px;
height: auto;
margin: 0 5px;
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;
}
/* 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
-.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;
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
/* 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;
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;
* 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;
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;
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;
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;
/* 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;
}
/* ./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;
border-right: 1px solid #eee;
}
-.i-slider-handle {
+.v-slider-handle {
background: #aaa;
width: 12px;
height: 12px;
cursor: pointer;
}
-.i-slider-vertical {
+.v-slider-vertical {
width: 2px;
height: auto;
margin: 0 5px;
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;
}
/* 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;
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%;
}
* 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;
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;
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;
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;
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;
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;
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;
cursor: pointer;
overflow: hidden;
}
-.i-window-modalitycurtain {
+.v-window-modalitycurtain {
top: 0;
left: 0;
background: #999;
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;
* 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;
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;
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;
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 */\r
-.i-on div {
+.v-on div {
\r
}
-.i-off div {\r
+.v-off div {\r
color: #ddd;
}
\ No newline at end of file
-.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;
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
-.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
-.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;
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
-.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;
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;
cursor: pointer;
overflow: hidden;
}
-.i-window-modalitycurtain {
+.v-window-modalitycurtain {
top: 0;
left: 0;
background: #999;
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;
@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;
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;
background: #ccc url(images/gradient.png) repeat-x bottom left;
}
-.i-panel-caption-view {
+.v-panel-caption-view {
color: #004b98;
}
}
/* 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;
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%;
@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
-.i-absolutelayout-wrapper {
+.v-absolutelayout-wrapper {
position: absolute;
overflow:hidden;
}
-.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;
-.i-button {\r
+.v-button {\r
font-size: 13px;\r
}\r
-.i-checkbox .i-errorindicator {\r
+.v-checkbox .v-errorindicator {\r
padding-left: 10px;\r
}
-.i-ie6 .i-button,\r
-.i-ie7 .i-button {
+.v-ie6 .v-button,\r
+.v-ie7 .v-button {
padding-left: 10px;
padding-right: 10px;
}
-.i-ie6 .i-checkbox .i-errorindicator {\r
+.v-ie6 .v-checkbox .v-errorindicator {\r
padding-right: 4px;\r
}
-.i-ie7 .i-checkbox .i-errorindicator {\r
+.v-ie7 .v-checkbox .v-errorindicator {\r
padding-right: 7px;\r
}
-.i-ie6 .i-button .i-errorindicator,\r
-.i-ie7 .i-button .i-errorindicator {\r
+.v-ie6 .v-button .v-errorindicator,\r
+.v-ie7 .v-button .v-errorindicator {\r
padding-right: 5px;\r
}
\ No newline at end of file
-.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
-.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;
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;
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;
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
-.i-datefield-button {
+.v-datefield-button {
font-size:13px;\r
width: 22px;\r
height: 24px;\r
background: transparent url(img/open-button.png) no-repeat right 0;
vertical-align: top;\r
}\r
-.i-datefield-popup {\r
+.v-datefield-popup {\r
font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif;\r
color: #464f52;\r
font-size: 12px;\r
border: 1px solid #b6bbbc;\r
padding: 6px;\r
}\r
-.i-datefield-calendarpanel {\r
+.v-datefield-calendarpanel {\r
width: 19em;\r
font-size: 12px;\r
}\r
-.i-datefield-popup .i-datefield-calendarpanel {\r
+.v-datefield-popup .v-datefield-calendarpanel {\r
width: 16em;\r
}\r
-.i-datefield-calendarpanel td {\r
+.v-datefield-calendarpanel td {\r
text-align: right;\r
}\r
-.i-datefield-calendarpanel td span {\r
+.v-datefield-calendarpanel td span {\r
display: block;\r
}\r
-.i-datefield-calendarpanel-header {\r
+.v-datefield-calendarpanel-header {\r
height: 30px;\r
}\r
-.i-datefield-calendarpanel-header,\r
-.i-datefield-calendarpanel strong {\r
+.v-datefield-calendarpanel-header,\r
+.v-datefield-calendarpanel strong {\r
font-size: 13px;\r
}\r
-.i-datefield-popup .i-datefield-calendarpanel-header,\r
-.i-datefield-popup .i-datefield-calendarpanel strong {\r
+.v-datefield-popup .v-datefield-calendarpanel-header,\r
+.v-datefield-popup .v-datefield-calendarpanel strong {\r
font-size: 12px;\r
}\r
-.i-datefield-calendarpanel-month {\r
+.v-datefield-calendarpanel-month {\r
font-weight: bold;\r
text-shadow: #ffffff 2px 2px 0;\r
}\r
/* Year buttons */\r
-.i-datefield-calendarpanel .i-button-prevyear,\r
-.i-datefield-calendarpanel .i-button-nextyear {\r
+.v-datefield-calendarpanel .v-button-prevyear,\r
+.v-datefield-calendarpanel .v-button-nextyear {\r
display: block;\r
width: 16px;\r
height: 16px;\r
text-indent: -90000px;\r
margin: 0 auto;\r
}\r
-.i-datefield-calendarpanel .i-button-nextyear {\r
+.v-datefield-calendarpanel .v-button-nextyear {\r
background: transparent url(img/nextyear.png) no-repeat;\r
}\r
-.i-datefield-calendarpanel .i-button-prevyear:hover,\r
-.i-datefield-calendarpanel .i-button-nextyear:hover {\r
+.v-datefield-calendarpanel .v-button-prevyear:hover,\r
+.v-datefield-calendarpanel .v-button-nextyear:hover {\r
background-position: left bottom;\r
}\r
/* Month buttons */\r
-.i-datefield-calendarpanel .i-button-prevmonth,\r
-.i-datefield-calendarpanel .i-button-nextmonth {\r
+.v-datefield-calendarpanel .v-button-prevmonth,\r
+.v-datefield-calendarpanel .v-button-nextmonth {\r
display: block;\r
width: 11px;\r
height: 16px;\r
text-indent: -90000px;\r
margin: 0 auto;\r
}\r
-.i-datefield-calendarpanel .i-button-nextmonth {\r
+.v-datefield-calendarpanel .v-button-nextmonth {\r
background: transparent url(img/nextmonth.png) no-repeat;\r
}\r
-.i-datefield-calendarpanel .i-button-prevmonth:hover,\r
-.i-datefield-calendarpanel .i-button-nextmonth:hover {\r
+.v-datefield-calendarpanel .v-button-prevmonth:hover,\r
+.v-datefield-calendarpanel .v-button-nextmonth:hover {\r
background-position: left bottom;\r
}\r
-.i-datefield-calendarpanel strong {\r
+.v-datefield-calendarpanel strong {\r
color: #ee5311;\r
display: block;\r
width: 20px;\r
}\r
-.i-datefield-calendarpanel-day,\r
-.i-datefield-calendarpanel-day-today {\r
+.v-datefield-calendarpanel-day,\r
+.v-datefield-calendarpanel-day-today {\r
padding: 1px 3px;\r
width: 14px;\r
height: 16px;\r
}\r
-.i-datefield-calendarpanel-day-today {\r
+.v-datefield-calendarpanel-day-today {\r
border: 1px solid #429ce9;\r
width: 12px;\r
height: 14px\r
}\r
-.i-datefield-calendarpanel-day-entry {\r
+.v-datefield-calendarpanel-day-entry {\r
color: #6a98b5;\r
}\r
-.i-datefield-calendarpanel-day-disabled {\r
+.v-datefield-calendarpanel-day-disabled {\r
font-weight: normal;\r
color: #dddddd;\r
}\r
-.i-datefield-calendarpanel-day-entry.i-datefield-calendarpanel-day-disabled {\r
+.v-datefield-calendarpanel-day-entry.v-datefield-calendarpanel-day-disabled {\r
color: #afd6f8;\r
}\r
-.i-datefield-calendarpanel-day-selected {\r
+.v-datefield-calendarpanel-day-selected {\r
font-weight: bold;\r
width: 14px;\r
height: 16px;\r
background: transparent url(img/selected-bg.png) no-repeat 50% 50%;\r
border: none;\r
}\r
-.i-datefield-time {\r
+.v-datefield-time {\r
font-size: 11px;\r
}\r
-.i-datefield-time .i-select {\r
+.v-datefield-time .v-select {\r
font-size: 10px;\r
padding: 0;\r
margin: 0;\r
}
-.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;
-.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;
-.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
-.i-link a {
+.v-link a {
color: #464f52;
}
\ No newline at end of file
-.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;
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
-.i-Notification {
+.v-Notification {
font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif;
background-color: #818e92;
color: #ffffff;
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;
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;
-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;
-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;
}\r
-.i-Notification.system {\r
+.v-Notification.system {\r
background-color: #ff0a0a;\r
opacity: 0.7;\r
filter: alpha(opacity=70);\r
}\r
-.i-Notification.system h1 {\r
+.v-Notification.system h1 {\r
display: block;\r
margin: 0;\r
}\r
-.i-Notification.system p {\r
+.v-Notification.system p {\r
white-space: nowrap;\r
}
\ No newline at end of file
-.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
-.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;
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;
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
-.i-popupview-popup {
+.v-popupview-popup {
border: 1px solid #babfc0;
border-bottom: 1px solid #dee2e3;
background: #fff;
-.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
-.i-select-select {\r
+.v-select-select {\r
font-size: 13px;\r
}\r
/* Twincol style */\r
-.i-select-twincol-options,\r
-.i-select-twincol-selections {\r
+.v-select-twincol-options,\r
+.v-select-twincol-selections {\r
font-size: 13px;\r
}\r
-.i-select-twincol-buttons {\r
+.v-select-twincol-buttons {\r
padding: 2px; /* does not work in first render in FF ? */\r
}
/** 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;
padding: 3px 0 0 2px;
font-size: 13px;
}\r
-.i-filterselect-prompt .i-filterselect-input {\r
+.v-filterselect-prompt .v-filterselect-input {\r
font-style: normal;\r
}
-.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;
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%;
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%;
/* 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;
}
*/
/* 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
-.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;
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;
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;
-.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;
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;
-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;
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;
}
/* 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
-.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;
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);
/* 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;
}
/* 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;
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;
* 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;
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;
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;
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;
/* 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;
}
/* ./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;
border-right: 1px solid #eee;
}
-.i-slider-handle {
+.v-slider-handle {
background: #aaa;
width: 12px;
height: 12px;
cursor: pointer;
}
-.i-slider-vertical {
+.v-slider-vertical {
width: 2px;
height: auto;
margin: 0 5px;
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;
}
/* 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;
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%;
}
* 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;
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;
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;
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;
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;
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;
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;
cursor: pointer;
overflow: hidden;
}
-.i-window-modalitycurtain {
+.v-window-modalitycurtain {
top: 0;
left: 0;
background: #999;
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;
/* 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;
}
/* ./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;
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;
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;
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;
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;
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;
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;
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;
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;
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;
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;
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;
-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;
-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;
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;
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;
}
/* ./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;
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;
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%;
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%;
/* 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;
}
*/
/* 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;
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;
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;
}
/* ./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;
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;
-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;
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;
}
/* 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;
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);
/* 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;
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;
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;
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
}
/* ./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;
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;
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;
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;
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;
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;
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;
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;
font-size: 13px;
height: 18px;
}
-.i-textarea {
+.v-textarea {
background: #fff url(textfield/img/bg.png) repeat-x;
padding: 2px;
border: 1px solid #b6b6b6;
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;
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;
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;
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);
-.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;
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;
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;
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
-.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;
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;
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;
}\r
-.i-tabsheet-hidetabs .i-tabsheet-content {\r
+.v-tabsheet-hidetabs .v-tabsheet-content {\r
border-top: 1px solid #b5babb;\r
}\r
-.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;
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;
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;
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;
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;
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
-.i-textfield {
+.v-textfield {
background: #fff url(img/bg.png) repeat-x;
padding: 2px;
border: 1px solid #b6b6b6;
font-size: 13px;
height: 18px;
}
-.i-textarea {
+.v-textarea {
background: #fff url(img/bg.png) repeat-x;
padding: 2px;
border: 1px solid #b6b6b6;
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
-.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;
-.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;
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;
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;
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);
@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;
/******************************************************************************
* For FormExample.java
******************************************************************************/
-.i-form legend {
+.v-form legend {
color: #464f52;
}
-.i-orderedlayout-formroot td {
+.v-orderedlayout-formroot td {
vertical-align: top;
}
* 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;
}
* 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;
padding: 3px 0px 0px 4px;
}\r
-.simplereserver div.i-datefield-entrycalendar-hours {\r
+.simplereserver div.v-datefield-entrycalendar-hours {\r
height: 200px;\r
overflow: auto;\r
}\r
/* 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;
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;
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;
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;
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;
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;
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;
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;
-.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;
-.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;
-.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
-.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
-.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 */
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;
-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%;
-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;
-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 */
-.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;
/* 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;
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;
* 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;
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;
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;
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;
/* 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;
}
/* ./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;
border-right: 1px solid #eee;
}
-.i-slider-handle {
+.v-slider-handle {
background: #aaa;
width: 12px;
height: 12px;
cursor: pointer;
}
-.i-slider-vertical {
+.v-slider-vertical {
width: 2px;
height: auto;
margin: 0 5px;
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;
}
/* 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;
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%;
}
* 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;
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;
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;
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;
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;
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;
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;
cursor: pointer;
overflow: hidden;
}
-.i-window-modalitycurtain {
+.v-window-modalitycurtain {
top: 0;
left: 0;
background: #999;
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;
/* ./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;
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;
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;
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;
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;
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;
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;
/*
* 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;
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;
/**
* 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;
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);
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);
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;
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;
-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);
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%;
-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;
-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;
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;
}
/* ./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;
-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;
-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;
}
-.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
-.i-textfield {
+.v-textfield {
line-height: normal;
height: 19px;
border: 1px solid #bcbdbe;
-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;
-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
@import url(../default/styles.css);
/* Reservr styles */\r
-.i-app-ReservationApplication {\r
+.v-app-ReservationApplication {\r
background-color: #E9ECED;\r
background-image: url(bmw.jpg);\r
background-repeat: no-repeat;\r
background-position: top right;\r
}\r
\r
-.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;\r
font-size: 22px;\r
letter-spacing: -0.03em;\r
}
-.i-app-ReservationApplication .i-label-slogan {
+.v-app-ReservationApplication .v-label-slogan {
color: black;
padding-left: 15px;
padding-bottom: 10px;
font-style: italic;
}\r
\r
-.i-caption {\r
+.v-caption {\r
color: #F14C1A;\r
font-size: 16px;\r
}
\r
\r
-.i-label-arrow {\r
+.v-label-arrow {\r
line-height: 160px;\r
font-family: Times New Roman;\r
color: #F14C1A;\r
margin: 0 20px 0 12px;\r
}\r
\r
-.i-button-important-link {\r
+.v-button-important-link {\r
border: 0px;\r
text-align: left;\r
text-decoration: none;\r
font-weight: bold;\r
}\r
\r
-.i-app-ReservationApplication .i-button-selected-link {\r
+.v-app-ReservationApplication .v-button-selected-link {\r
border: 0px;\r
text-align: left;\r
text-decoration: none;\r
/* 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
-.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
-.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
-.i-gridlayout-spacingexample {
+.v-gridlayout-spacingexample {
/* background for the layout, for clarity */
background-color: #ccc;
}
\ No newline at end of file
-.i-button-primary {
+.v-button-primary {
/* PNG with alpha as background */
background: #66aa00 url(prominentbg.png) bottom right;
/* make PNG work in IE */
-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;
/******************************************************************************
* 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;
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;
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;
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;
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;
}
-.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;
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;
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;
-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;
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;
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;
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;
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;
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;
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;
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;
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;
}
-.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;
/* 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;
}
/* 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. */
}
* 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;
}
/* 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;
}
/* 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;
}
@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;
}
/* 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;
}
/* 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;
}
/* Ticket 1902 */
/*****************************************************************************/
-.i-orderedlayout-red-background {
+.v-orderedlayout-red-background {
background: red;
}
/* Ticket 1921 */
/*****************************************************************************/
-.i-orderedlayout-red {
+.v-orderedlayout-red {
background: red;
}
-.i-orderedlayout-blue {
+.v-orderedlayout-blue {
background: blue;
}
/* 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;
text-align: center;
}
- .i-button-test-page-change
+ .v-button-test-page-change
{
width: 100px;
height: 50px;
/* 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;
}
/* No ticket, just for general test cases */
/*****************************************************************************/
-.i-label-no-padding {
+.v-label-no-padding {
padding: 0;
background: lime;
}
/* 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;
}
/*****************************************************************************/
/* 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;
}
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;
}
/* 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;
}
/* 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;
-.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;
}
-.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;
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;
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;
/* -- 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;
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;
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;
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;
}
/* -- 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;
}
#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;
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;
}
#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;
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;
/* 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;
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;
}
-.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;
}
-.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;
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;
}
/* #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;
}
}
/* 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;
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;
}
-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;
margin: 0;
}
-.tTunes .status .i-slider-base {
+.tTunes .status .v-slider-base {
border: none;
height: 7px;
border-left: 1px solid #000;
background: transparent;
}
-.tTunes .status .i-slider-handle {
+.tTunes .status .v-slider-handle {
margin: 0;
width: 7px;
height: 7px;
-.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;
background: #d1d7e2;
}
-.tTunes .sidebar .i-label {
+.tTunes .sidebar .v-label {
padding: 7px 0 3px 10px;
font-weight: bold;
text-transform: uppercase;
text-shadow: #fff 0 1px 0;
}
-.tTunes .sidebar .i-button {
+.tTunes .sidebar .v-button {
text-align: left;
border: none;
background: transparent;
padding: 2px 0;
}
-.tTunes .sidebar .i-button span {
+.tTunes .sidebar .v-button span {
padding-left: 25px;
}
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;
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;
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
\r
public class VGoogleMap extends Composite implements Paintable {\r
\r
- public static final String CLASSNAME = "i-googlemap";\r
+ public static final String CLASSNAME = "v-googlemap";\r
\r
private final MapWidget widget = new MapWidget();\r
\r
-.i-googlemap {\r
+.v-googlemap {\r
margin-top: 5px;\r
border: 1px solid #d6d6d6;\r
}
\ No newline at end of file
@import "googlemap/css/googlemap.css";\r
\r
/* Entrycalendar styles */\r
-.i-datefield-entrycalendar-hours {\r
+.v-datefield-entrycalendar-hours {\r
width: 240px;\r
height: auto;\r
}\r
-.i-datefield-entrycalendar-hours table {\r
+.v-datefield-entrycalendar-hours table {\r
table-layout: fixed;\r
}\r
-.i-datefield-entrycalendar-hours table tr {\r
+.v-datefield-entrycalendar-hours table tr {\r
height: 1em;\r
}\r
-.i-datefield-entrycalendar-row-even {\r
+.v-datefield-entrycalendar-row-even {\r
cursor: pointer;\r
background: #fff;\r
height: 1em;\r
}\r
-.i-datefield-entrycalendar-row-odd {\r
+.v-datefield-entrycalendar-row-odd {\r
cursor: pointer;\r
background: #f6f7f7;\r
height: 1em;\r
}\r
-.i-datefield-entrycalendar-row-selected {\r
+.v-datefield-entrycalendar-row-selected {\r
color: #fff;\r
background: #5daee8 url(img/calendar-time-selected.gif) no-repeat;\r
}\r
-.i-datefield-calendarpanel td.i-datefield-entrycalendar-time {
+.v-datefield-calendarpanel td.v-datefield-entrycalendar-time {
width: 55px;
padding: 2px 0px;
white-space: nowrap;
}
-td.i-datefield-entrycalendar-time span {
+td.v-datefield-entrycalendar-time span {
width: 47px;
padding: 0px 4px;
text-align: right;
display: block;
}\r
-td.i-datefield-entrycalendar-entry {\r
+td.v-datefield-entrycalendar-entry {\r
overflow: hidden;\r
}\r
-td.i-datefield-entrycalendar-entry span {\r
+td.v-datefield-entrycalendar-entry span {\r
display: block;\r
overflow: hidden;\r
padding: 2px;\r
background-position: 0px 0px;\r
text-align: left;\r
}\r
-.i-datefield-calendarpanel td.i-datefield-entrycalendar-entry {\r
+.v-datefield-calendarpanel td.v-datefield-entrycalendar-entry {\r
background-color: #F24C1A;\r
color: #fff;\r
background-image: url(img/entry-bg.jpg);\r
}\r
\r
/* Reservr styles */\r
-.i-datefield-entrycalendar-01 {\r
+.v-datefield-entrycalendar-01 {\r
\r
}\r
-.i-datefield-entrycalendar-02 {\r
+.v-datefield-entrycalendar-02 {\r
\r
}\r
-.i-datefield-entrycalendar-03 {\r
+.v-datefield-entrycalendar-03 {\r
\r
}\r
-.i-datefield-entrycalendar-04 {\r
+.v-datefield-entrycalendar-04 {\r
\r
}\r
-.i-datefield-entrycalendar-05 {\r
+.v-datefield-entrycalendar-05 {\r
\r
}\r
-.i-datefield-entrycalendar-06 {\r
+.v-datefield-entrycalendar-06 {\r
\r
}\r
-.i-datefield-entrycalendar-07 {\r
+.v-datefield-entrycalendar-07 {\r
\r
}\r
-.i-datefield-entrycalendar-08 {\r
+.v-datefield-entrycalendar-08 {\r
\r
}\r
-.i-datefield-entrycalendar-09 {\r
+.v-datefield-entrycalendar-09 {\r
\r
}\r
-.i-datefield-entrycalendar-10 {\r
+.v-datefield-entrycalendar-10 {\r
\r
}\r
-.i-datefield-entrycalendar-11 {\r
+.v-datefield-entrycalendar-11 {\r
\r
}\r
-.i-datefield-entrycalendar-12 {\r
+.v-datefield-entrycalendar-12 {\r
\r
}\r
-.i-datefield-entrycalendar-13 {\r
+.v-datefield-entrycalendar-13 {\r
\r
}\r
-.i-datefield-entrycalendar-14 {\r
+.v-datefield-entrycalendar-14 {\r
\r
}\r
-.i-datefield-entrycalendar-15 {\r
+.v-datefield-entrycalendar-15 {\r
\r
}\r
-.i-datefield-entrycalendar-16 {\r
+.v-datefield-entrycalendar-16 {\r
\r
}\r
-.i-datefield-entrycalendar-17 {\r
+.v-datefield-entrycalendar-17 {\r
\r
}\r
-.i-datefield-entrycalendar-18 {\r
+.v-datefield-entrycalendar-18 {\r
\r
}\r
-.i-datefield-entrycalendar-19 {\r
+.v-datefield-entrycalendar-19 {\r
\r
}\r
-.i-datefield-entrycalendar-20 {\r
+.v-datefield-entrycalendar-20 {\r
\r
}\r
-.i-datefield-entrycalendar-21 {\r
+.v-datefield-entrycalendar-21 {\r
\r
}\r
-.i-datefield-entrycalendar-22 {\r
+.v-datefield-entrycalendar-22 {\r
\r
}\r
-.i-datefield-entrycalendar-23 {\r
+.v-datefield-entrycalendar-23 {\r
\r
}\r
-.i-datefield-entrycalendar-24 {\r
+.v-datefield-entrycalendar-24 {\r
\r
}\r
-.i-datefield-entrycalendar-25 {\r
+.v-datefield-entrycalendar-25 {\r
\r
}\r
-.i-datefield-entrycalendar-26 {\r
+.v-datefield-entrycalendar-26 {\r
\r
}\r
-.i-datefield-entrycalendar-27 {\r
+.v-datefield-entrycalendar-27 {\r
\r
}\r
-.i-datefield-entrycalendar-28 {\r
+.v-datefield-entrycalendar-28 {\r
\r
}\r
-.i-datefield-entrycalendar-29 {\r
+.v-datefield-entrycalendar-29 {\r
\r
}\r
\r
* Entry point classes define <code>onModuleLoad()</code>.
*/
public class ApplicationConnection {
- private static final String MODIFIED_CLASSNAME = "i-modified";
+ private static final String MODIFIED_CLASSNAME = "v-modified";
private static final String REQUIRED_CLASSNAME_EXT = "-required";
console
.log("Assuming CSS loading is not complete, "
+ "postponing render phase. "
- + "(.i-loading-indicator height == 0)");
+ + "(.v-loading-indicator height == 0)");
cssWaits++;
} else {
handleReceivedJSONMessage(response);
DOM.appendChild(view.getElement(), loadElement);
ApplicationConnection.getConsole().log("inserting load indicator");
}
- DOM.setElementProperty(loadElement, "className", "i-loading-indicator");
+ DOM.setElementProperty(loadElement, "className", "v-loading-indicator");
DOM.setStyleAttribute(loadElement, "display", "block");
// Initialize other timers
loadTimer2 = new Timer() {
@Override
public void run() {
DOM.setElementProperty(loadElement, "className",
- "i-loading-indicator-delay");
+ "v-loading-indicator-delay");
}
};
// Second one kicks in at 1500ms from request start
@Override
public void run() {
DOM.setElementProperty(loadElement, "className",
- "i-loading-indicator-wait");
+ "v-loading-indicator-wait");
}
};
// Third one kicks in at 5000ms from request start
// first disabling and read-only status
if (!enabled) {
styleBuf.append(" ");
- styleBuf.append("i-disabled");
+ styleBuf.append("v-disabled");
}
if (uidl.getBooleanAttribute("readonly")) {
styleBuf.append(" ");
- styleBuf.append("i-readonly");
+ styleBuf.append("v-readonly");
}
// add additional styles as css classes, prefixed with component default
private static String cssClass = null;
static {
- // Add browser dependent i-* classnames to body to help css hacks
+ // Add browser dependent v-* classnames to body to help css hacks
String browserClassnames = get().getCSSClass();
RootPanel.get().addStyleName(browserClassnames);
}
* This is quite simple at the moment, more heuristics will be added when
* needed.
*
- * Examples: Internet Explorer 6: ".i-ie .i-ie6", Firefox 3.0.4:
- * ".i-ff .i-ff3", Opera 9.60: ".i-op .i-op96"
+ * Examples: Internet Explorer 6: ".v-ie .v-ie6", Firefox 3.0.4:
+ * ".v-ff .v-ff3", Opera 9.60: ".v-op .v-op96"
*
* @return
*/
public String getCSSClass() {
- String prefix = "i-";
+ String prefix = "v-";
if (cssClass == null) {
String bs = getBrowserString().toLowerCase();
public class VCaption extends HTML {
- public static final String CLASSNAME = "i-caption";
+ public static final String CLASSNAME = "v-caption";
private final Paintable owner;
}
if (uidl.hasAttribute("disabled")) {
- style += " " + "i-disabled";
+ style += " " + "v-disabled";
}
setStyleName(style);
if (uidl.hasAttribute(ATTRIBUTE_CAPTION)) {
if (captionText == null) {
captionText = DOM.createDiv();
- captionText.setClassName("i-captiontext");
+ captionText.setClassName("v-captiontext");
DOM.insertChild(getElement(), captionText,
getInsertPosition(ATTRIBUTE_CAPTION));
if (requiredFieldIndicator == null) {
requiredFieldIndicator = DOM.createDiv();
requiredFieldIndicator
- .setClassName("i-required-field-indicator");
+ .setClassName("v-required-field-indicator");
DOM.setInnerText(requiredFieldIndicator, "*");
DOM.insertChild(getElement(), requiredFieldIndicator,
errorIndicatorElement = DOM.createDiv();
DOM.setInnerHTML(errorIndicatorElement, " ");
DOM.setElementProperty(errorIndicatorElement, "className",
- "i-errorindicator");
+ "v-errorindicator");
DOM.insertChild(getElement(), errorIndicatorElement,
getInsertPosition(ATTRIBUTE_ERROR));
public class VCaptionWrapper extends FlowPanel {
- public static final String CLASSNAME = "i-captionwrapper";
+ public static final String CLASSNAME = "v-captionwrapper";
VCaption caption;
Paintable widget;
if (showWindow) {
DOM.appendChild(getContainerElement(), caption);
setWidget(panel);
- caption.setClassName("i-debug-console-caption");
- setStyleName("i-debug-console");
+ caption.setClassName("v-debug-console-caption");
+ setStyleName("v-debug-console");
DOM.setStyleAttribute(getElement(), "zIndex", 20000 + "");
DOM.setStyleAttribute(getElement(), "overflow", "hidden");
sinkEvents(Event.MOUSEEVENTS);
- panel.setStyleName("i-debug-console-content");
+ panel.setStyleName("v-debug-console-content");
caption.setInnerHTML("Debug window");
caption.setTitle(help);
int height = panel.getOffsetHeight();
panel = new FlowPanel();
panel.setPixelSize(width, height);
- panel.setStyleName("i-debug-console-content");
+ panel.setStyleName("v-debug-console-content");
panel.add(actions);
setWidget(panel);
}
/*
* (non-Javadoc)
*
- * @see
- * com.vaadin.terminal.gwt.client.Console#error(java.lang.String)
+ * @see com.vaadin.terminal.gwt.client.Console#error(java.lang.String)
*/
public void error(String msg) {
panel.add((new HTML(msg)));
/*
* (non-Javadoc)
*
- * @see
- * com.vaadin.terminal.gwt.client.Console#printObject(java.lang.
+ * @see com.vaadin.terminal.gwt.client.Console#printObject(java.lang.
* Object)
*/
public void printObject(Object msg) {
/*
* (non-Javadoc)
*
- * @see
- * com.vaadin.terminal.gwt.client.Console#dirUIDL(com.vaadin
+ * @see com.vaadin.terminal.gwt.client.Console#dirUIDL(com.vaadin
* .terminal.gwt.client.UIDL)
*/
public void dirUIDL(UIDL u) {
import com.vaadin.terminal.gwt.client.ui.VToolkitOverlay;
public class VErrorMessage extends FlowPanel {
- public static final String CLASSNAME = "i-errormessage";
+ public static final String CLASSNAME = "v-errormessage";
public VErrorMessage() {
super();
* TODO open for extension
*/
public class VTooltip extends VToolkitOverlay {
- private static final String CLASSNAME = "i-tooltip";
+ private static final String CLASSNAME = "v-tooltip";
private static final int MARGIN = 4;
public static final int TOOLTIP_EVENTS = Event.ONKEYDOWN
| Event.ONMOUSEOVER | Event.ONMOUSEOUT | Event.ONMOUSEMOVE
\r
/**\r
* This interface indicates that the component is a Field (serverside), and\r
- * wants (for instance) to automatically get the i-modified classname.\r
+ * wants (for instance) to automatically get the v-modified classname.\r
* \r
*/\r
public interface Field {\r
public Icon(ApplicationConnection client) {
setElement(DOM.createImg());
DOM.setElementProperty(getElement(), "alt", "");
- setStyleName("i-icon");
+ setStyleName("v-icon");
this.client = client;
client.addPngFix(getElement());
}
import com.vaadin.terminal.gwt.client.ApplicationConnection;
import com.vaadin.terminal.gwt.client.BrowserInfo;
import com.vaadin.terminal.gwt.client.Container;
-import com.vaadin.terminal.gwt.client.VCaption;
import com.vaadin.terminal.gwt.client.Paintable;
import com.vaadin.terminal.gwt.client.RenderSpace;
import com.vaadin.terminal.gwt.client.UIDL;
+import com.vaadin.terminal.gwt.client.VCaption;
public class VAbsoluteLayout extends ComplexPanel implements Container {
public static final String TAGNAME = "absolutelayout";
/** Class name, prefix in styling */
- public static final String CLASSNAME = "i-absolutelayout";
+ public static final String CLASSNAME = "v-absolutelayout";
private DivElement marginElement;
import com.vaadin.terminal.gwt.client.ApplicationConnection;
import com.vaadin.terminal.gwt.client.BrowserInfo;
import com.vaadin.terminal.gwt.client.ContainerResizedListener;
-import com.vaadin.terminal.gwt.client.VCaption;
import com.vaadin.terminal.gwt.client.Paintable;
import com.vaadin.terminal.gwt.client.RenderInformation;
import com.vaadin.terminal.gwt.client.RenderSpace;
import com.vaadin.terminal.gwt.client.UIDL;
import com.vaadin.terminal.gwt.client.Util;
+import com.vaadin.terminal.gwt.client.VCaption;
public class VAccordion extends VTabsheetBase implements
ContainerResizedListener {
- public static final String CLASSNAME = "i-accordion";
+ public static final String CLASSNAME = "v-accordion";
private Set<Paintable> paintables = new HashSet<Paintable>();
import com.google.gwt.user.client.ui.Widget;
import com.vaadin.terminal.gwt.client.ApplicationConnection;
import com.vaadin.terminal.gwt.client.BrowserInfo;
-import com.vaadin.terminal.gwt.client.VTooltip;
import com.vaadin.terminal.gwt.client.Paintable;
import com.vaadin.terminal.gwt.client.UIDL;
import com.vaadin.terminal.gwt.client.Util;
+import com.vaadin.terminal.gwt.client.VTooltip;
public class VButton extends Button implements Paintable {
private String width = null;
- public static final String CLASSNAME = "i-button";
-
+ public static final String CLASSNAME = "v-button";
+
// Used only for IE, because it doesn't support :active CSS selector
- private static final String CLASSNAME_DOWN = "i-pressed";
+ private static final String CLASSNAME_DOWN = "v-pressed";
String id;
if (errorIndicatorElement == null) {
errorIndicatorElement = DOM.createDiv();
DOM.setElementProperty(errorIndicatorElement, "className",
- "i-errorindicator");
+ "v-errorindicator");
}
DOM.insertChild(getElement(), errorIndicatorElement, 0);
&& event.getButton() == Event.BUTTON_LEFT) {
clickPending = true;
if (BrowserInfo.get().isIE()) {
- // Only for IE, because it doesn't support :active CSS selector
- // Simple check is cheaper than DOM manipulation
+ // Only for IE, because it doesn't support :active CSS selector
+ // Simple check is cheaper than DOM manipulation
addStyleName(CLASSNAME_DOWN);
}
} else if (DOM.eventGetType(event) == Event.ONMOUSEMOVE) {
if (prevMonth == null) { // Only do once\r
prevYear = new VEventButton();\r
prevYear.setHTML("«");\r
- prevYear.setStyleName("i-button-prevyear");\r
+ prevYear.setStyleName("v-button-prevyear");\r
nextYear = new VEventButton();\r
nextYear.setHTML("»");\r
- nextYear.setStyleName("i-button-nextyear");\r
+ nextYear.setStyleName("v-button-nextyear");\r
prevYear.addMouseListener(this);\r
nextYear.addMouseListener(this);\r
setWidget(0, 0, prevYear);\r
if (needsMonth) {\r
prevMonth = new VEventButton();\r
prevMonth.setHTML("‹");\r
- prevMonth.setStyleName("i-button-prevmonth");\r
+ prevMonth.setStyleName("v-button-prevmonth");\r
nextMonth = new VEventButton();\r
nextMonth.setHTML("›");\r
- nextMonth.setStyleName("i-button-nextmonth");\r
+ nextMonth.setStyleName("v-button-nextmonth");\r
prevMonth.addMouseListener(this);\r
nextMonth.addMouseListener(this);\r
setWidget(0, 3, nextMonth);\r
| Event.MOUSEEVENTS);\r
}\r
\r
+ @Override\r
public void addMouseListener(MouseListener listener) {\r
if (mouseListeners == null) {\r
mouseListeners = new MouseListenerCollection();\r
mouseListeners.add(listener);\r
}\r
\r
+ @Override\r
public void removeMouseListener(MouseListener listener) {\r
if (mouseListeners != null) {\r
mouseListeners.remove(listener);\r
import com.google.gwt.user.client.ui.ClickListener;
import com.google.gwt.user.client.ui.Widget;
import com.vaadin.terminal.gwt.client.ApplicationConnection;
-import com.vaadin.terminal.gwt.client.VTooltip;
import com.vaadin.terminal.gwt.client.Paintable;
import com.vaadin.terminal.gwt.client.UIDL;
import com.vaadin.terminal.gwt.client.Util;
+import com.vaadin.terminal.gwt.client.VTooltip;
public class VCheckBox extends com.google.gwt.user.client.ui.CheckBox implements
Paintable, Field {
- public static final String CLASSNAME = "i-checkbox";
+ public static final String CLASSNAME = "v-checkbox";
String id;
errorIndicatorElement = DOM.createDiv();
errorIndicatorElement.setInnerHTML(" ");
DOM.setElementProperty(errorIndicatorElement, "className",
- "i-errorindicator");
+ "v-errorindicator");
DOM.appendChild(getElement(), errorIndicatorElement);
DOM.sinkEvents(errorIndicatorElement, VTooltip.TOOLTIP_EVENTS
| Event.ONCLICK);
public VContextMenu() {
super(true, false, true);
setWidget(menu);
- setStyleName("i-contextmenu");
+ setStyleName("v-contextmenu");
}
/**
public class VCustomComponent extends SimplePanel implements Container {
- private static final String CLASSNAME = "i-customcomponent";
+ private static final String CLASSNAME = "v-customcomponent";
private String height;
private ApplicationConnection client;
private boolean rendering;
import com.vaadin.terminal.gwt.client.BrowserInfo;
import com.vaadin.terminal.gwt.client.Container;
import com.vaadin.terminal.gwt.client.ContainerResizedListener;
-import com.vaadin.terminal.gwt.client.VCaption;
-import com.vaadin.terminal.gwt.client.VCaptionWrapper;
import com.vaadin.terminal.gwt.client.Paintable;
import com.vaadin.terminal.gwt.client.RenderSpace;
import com.vaadin.terminal.gwt.client.UIDL;
import com.vaadin.terminal.gwt.client.Util;
+import com.vaadin.terminal.gwt.client.VCaption;
+import com.vaadin.terminal.gwt.client.VCaptionWrapper;
import com.vaadin.terminal.gwt.client.RenderInformation.FloatSize;
/**
public class VCustomLayout extends ComplexPanel implements Paintable,
Container, ContainerResizedListener {
- public static final String CLASSNAME = "i-customlayout";
+ public static final String CLASSNAME = "v-customlayout";
/** Location-name to containing element in DOM map */
private final HashMap locationToElement = new HashMap();
import com.vaadin.terminal.gwt.client.ApplicationConnection;\r
import com.vaadin.terminal.gwt.client.ClientExceptionHandler;\r
import com.vaadin.terminal.gwt.client.DateTimeService;\r
-import com.vaadin.terminal.gwt.client.VTooltip;\r
import com.vaadin.terminal.gwt.client.LocaleNotLoadedException;\r
import com.vaadin.terminal.gwt.client.Paintable;\r
import com.vaadin.terminal.gwt.client.UIDL;\r
+import com.vaadin.terminal.gwt.client.VTooltip;\r
\r
public class VDateField extends FlowPanel implements Paintable, Field {\r
\r
- public static final String CLASSNAME = "i-datefield";\r
+ public static final String CLASSNAME = "v-datefield";\r
\r
protected String id;\r
\r
import com.vaadin.terminal.gwt.client.Util;
public class VEmbedded extends HTML implements Paintable {
- private static String CLASSNAME = "i-embedded";
+ private static String CLASSNAME = "v-embedded";
private String height;
private String width;
import com.vaadin.terminal.gwt.client.ApplicationConnection;
import com.vaadin.terminal.gwt.client.BrowserInfo;
import com.vaadin.terminal.gwt.client.Focusable;
-import com.vaadin.terminal.gwt.client.VTooltip;
import com.vaadin.terminal.gwt.client.Paintable;
import com.vaadin.terminal.gwt.client.UIDL;
import com.vaadin.terminal.gwt.client.Util;
+import com.vaadin.terminal.gwt.client.VTooltip;
/**
*
if (iconUri != null) {
sb.append("<img src=\"");
sb.append(iconUri);
- sb.append("\" alt=\"\" class=\"i-icon\" />");
+ sb.append("\" alt=\"\" class=\"v-icon\" />");
}
sb.append("<span>" + Util.escapeHTML(caption) + "</span>");
return sb.toString();
} else {
if (currentSuggestion != null) {
String text = currentSuggestion.getReplacementString();
- /* TODO?
- if (text.equals("")) {
- addStyleDependentName(CLASSNAME_PROMPT);
- tb.setText(inputPrompt);
- prompting = true;
- } else {
- tb.setText(text);
- prompting = false;
- removeStyleDependentName(CLASSNAME_PROMPT);
- }
- */
+ /*
+ * TODO? if (text.equals("")) {
+ * addStyleDependentName(CLASSNAME_PROMPT);
+ * tb.setText(inputPrompt); prompting = true; } else {
+ * tb.setText(text); prompting = false;
+ * removeStyleDependentName(CLASSNAME_PROMPT); }
+ */
selectedOptionKey = currentSuggestion.key;
}
}
public static final int FILTERINGMODE_STARTSWITH = 1;
public static final int FILTERINGMODE_CONTAINS = 2;
- private static final String CLASSNAME = "i-filterselect";
+ private static final String CLASSNAME = "v-filterselect";
public static final int PAGELENTH = 10;
public VFilterSelect() {
selectedItemIcon.setVisible(false);
- selectedItemIcon.setStyleName("i-icon");
+ selectedItemIcon.setStyleName("v-icon");
selectedItemIcon.addLoadListener(new LoadListener() {
public void onError(Widget sender) {
}
import com.vaadin.terminal.gwt.client.ApplicationConnection;\r
import com.vaadin.terminal.gwt.client.BrowserInfo;\r
import com.vaadin.terminal.gwt.client.Container;\r
-import com.vaadin.terminal.gwt.client.VErrorMessage;\r
import com.vaadin.terminal.gwt.client.Paintable;\r
import com.vaadin.terminal.gwt.client.RenderInformation;\r
import com.vaadin.terminal.gwt.client.RenderSpace;\r
import com.vaadin.terminal.gwt.client.UIDL;\r
import com.vaadin.terminal.gwt.client.Util;\r
+import com.vaadin.terminal.gwt.client.VErrorMessage;\r
\r
public class VForm extends ComplexPanel implements Container {\r
\r
\r
private String width = "";\r
\r
- public static final String CLASSNAME = "i-form";\r
+ public static final String CLASSNAME = "v-form";\r
\r
private Container lo;\r
private Element legend = DOM.createLegend();\r
DOM.appendChild(fieldSet, legend);\r
DOM.appendChild(legend, caption);\r
DOM.setElementProperty(errorIndicatorElement, "className",\r
- "i-errorindicator");\r
+ "v-errorindicator");\r
DOM.setStyleAttribute(errorIndicatorElement, "display", "none");\r
DOM.setInnerText(errorIndicatorElement, " "); // needed for IE\r
- DOM.setElementProperty(desc, "className", "i-form-description");\r
+ DOM.setElementProperty(desc, "className", "v-form-description");\r
DOM.appendChild(fieldSet, desc);\r
DOM.appendChild(fieldSet, fieldContainer);\r
errorMessage.setVisible(false);\r
import com.google.gwt.user.client.ui.Widget;
import com.vaadin.terminal.gwt.client.ApplicationConnection;
import com.vaadin.terminal.gwt.client.Container;
-import com.vaadin.terminal.gwt.client.VTooltip;
import com.vaadin.terminal.gwt.client.Paintable;
import com.vaadin.terminal.gwt.client.RenderSpace;
import com.vaadin.terminal.gwt.client.StyleConstants;
import com.vaadin.terminal.gwt.client.UIDL;
import com.vaadin.terminal.gwt.client.Util;
+import com.vaadin.terminal.gwt.client.VTooltip;
/**
* Two col Layout that places caption on left col and field on right col
*/
public class VFormLayout extends SimplePanel implements Container {
- private final static String CLASSNAME = "i-formlayout";
+ private final static String CLASSNAME = "v-formlayout";
private ApplicationConnection client;
private VFormLayoutTable table;
public class Caption extends HTML {
- public static final String CLASSNAME = "i-caption";
+ public static final String CLASSNAME = "v-caption";
private final Paintable owner;
public void updateCaption(UIDL uidl) {
setVisible(!uidl.getBooleanAttribute("invisible"));
- setStyleName(getElement(), "i-disabled", uidl
+ setStyleName(getElement(), "v-disabled", uidl
.hasAttribute("disabled"));
boolean isEmpty = true;
requiredFieldIndicator = DOM.createSpan();
DOM.setInnerText(requiredFieldIndicator, "*");
DOM.setElementProperty(requiredFieldIndicator, "className",
- "i-required-field-indicator");
+ "v-required-field-indicator");
DOM.appendChild(getElement(), requiredFieldIndicator);
}
} else {
errorIndicatorElement = DOM.createDiv();
DOM.setInnerHTML(errorIndicatorElement, " ");
DOM.setElementProperty(errorIndicatorElement, "className",
- "i-errorindicator");
+ "v-errorindicator");
DOM.appendChild(getElement(), errorIndicatorElement);
}
public class VGridLayout extends SimplePanel implements Paintable, Container {
- public static final String CLASSNAME = "i-gridlayout";
+ public static final String CLASSNAME = "v-gridlayout";
private DivElement margin = Document.get().createDivElement();
\r
public class VHorizontalLayout extends VOrderedLayout {\r
\r
- public static final String CLASSNAME = "i-horizontallayout";\r
+ public static final String CLASSNAME = "v-horizontallayout";\r
\r
public VHorizontalLayout() {\r
super(CLASSNAME, ORIENTATION_HORIZONTAL);\r
import com.google.gwt.user.client.Event;
import com.google.gwt.user.client.ui.HTML;
import com.vaadin.terminal.gwt.client.ApplicationConnection;
-import com.vaadin.terminal.gwt.client.VTooltip;
import com.vaadin.terminal.gwt.client.Paintable;
import com.vaadin.terminal.gwt.client.UIDL;
import com.vaadin.terminal.gwt.client.Util;
+import com.vaadin.terminal.gwt.client.VTooltip;
public class VLabel extends HTML implements Paintable {
- public static final String CLASSNAME = "i-label";
- private static final String CLASSNAME_UNDEFINED_WIDTH = "i-label-undef-w";
+ public static final String CLASSNAME = "v-label";
+ private static final String CLASSNAME_UNDEFINED_WIDTH = "v-label-undef-w";
private ApplicationConnection client;
private int verticalPaddingBorder = 0;
import com.google.gwt.user.client.ui.HTML;
import com.google.gwt.user.client.ui.Widget;
import com.vaadin.terminal.gwt.client.ApplicationConnection;
-import com.vaadin.terminal.gwt.client.VTooltip;
import com.vaadin.terminal.gwt.client.Paintable;
import com.vaadin.terminal.gwt.client.UIDL;
import com.vaadin.terminal.gwt.client.Util;
+import com.vaadin.terminal.gwt.client.VTooltip;
public class VLink extends HTML implements Paintable, ClickListener {
- public static final String CLASSNAME = "i-link";
+ public static final String CLASSNAME = "v-link";
private static final int BORDER_STYLE_DEFAULT = 0;
private static final int BORDER_STYLE_MINIMAL = 1;
if (errorIndicatorElement == null) {
errorIndicatorElement = DOM.createDiv();
DOM.setElementProperty(errorIndicatorElement, "className",
- "i-errorindicator");
+ "v-errorindicator");
}
DOM.insertChild(getElement(), errorIndicatorElement, 0);
} else if (errorIndicatorElement != null) {
import com.google.gwt.user.client.ui.ListBox;
import com.google.gwt.user.client.ui.Widget;
import com.vaadin.terminal.gwt.client.ApplicationConnection;
-import com.vaadin.terminal.gwt.client.VTooltip;
import com.vaadin.terminal.gwt.client.Paintable;
import com.vaadin.terminal.gwt.client.UIDL;
+import com.vaadin.terminal.gwt.client.VTooltip;
public class VListSelect extends VOptionGroupBase {
- public static final String CLASSNAME = "i-select";
+ public static final String CLASSNAME = "v-select";
private static final int VISIBLE_COUNT = 10;
public class VMenuBar extends Widget implements Paintable, PopupListener {
/** Set the CSS class name to allow styling. */
- public static final String CLASSNAME = "i-menubar";
+ public static final String CLASSNAME = "v-menubar";
/** For server connections **/
protected String uidlId;
VMenuBar currentMenu = this;
while (itr.hasNext()) {
- UIDL item = (UIDL) itr.next();
+ UIDL item = itr.next();
CustomMenuItem currentItem = null;
String itemText = item.getStringAttribute("text");
while (!itr.hasNext() && !iteratorStack.empty()) {
itr = iteratorStack.pop();
- currentMenu = (VMenuBar) menuStack.pop();
+ currentMenu = menuStack.pop();
}
}// while
int i = 0;
for (; i < getItems().size() && topLevelWidth < ourWidth; i++) {
- CustomMenuItem item = (CustomMenuItem) getItems().get(i);
+ CustomMenuItem item = getItems().get(i);
topLevelWidth += item.getOffsetWidth();
}
}
for (int j = 0; j < toBeCollapsed.size(); j++) {
- CustomMenuItem item = (CustomMenuItem) toBeCollapsed.get(j);
+ CustomMenuItem item = toBeCollapsed.get(j);
removeItem(item);
// it's ugly, but we have to insert the submenu icon
Element targetElement = DOM.eventGetTarget(e);
CustomMenuItem targetItem = null;
for (int i = 0; i < items.size(); i++) {
- CustomMenuItem item = (CustomMenuItem) items.get(i);
+ CustomMenuItem item = items.get(i);
if (DOM.isOrHasChild(item.getElement(), targetElement)) {
targetItem = item;
}
*/
public void onShow() {
if (!items.isEmpty()) {
- ((CustomMenuItem) items.get(0)).setSelected(true);
+ (items.get(0)).setSelected(true);
}
}
public class VNativeSelect extends VOptionGroupBase implements Field {
- public static final String CLASSNAME = "i-select";
+ public static final String CLASSNAME = "v-select";
protected TooltipListBox select;
public static final int DELAY_FOREVER = -1;\r
public static final int DELAY_NONE = 0;\r
\r
- private static final String STYLENAME = "i-Notification";\r
+ private static final String STYLENAME = "v-Notification";\r
private static final int mouseMoveThreshold = 7;\r
private static final int Z_INDEX_BASE = 20000;\r
public static final String STYLE_SYSTEM = "system";\r
\r
public class VOptionGroup extends VOptionGroupBase {\r
\r
- public static final String CLASSNAME = "i-select-optiongroup";\r
+ public static final String CLASSNAME = "v-select-optiongroup";\r
\r
private final Panel panel;\r
\r
op.setText(opUidl.getStringAttribute("caption"));\r
} else {\r
op = new RadioButton(id, opUidl.getStringAttribute("caption"));\r
- op.setStyleName("i-radiobutton");\r
+ op.setStyleName("v-radiobutton");\r
}\r
op.addStyleName(CLASSNAME_OPTION);\r
op.setChecked(opUidl.getBooleanAttribute("selected"));\r
abstract class VOptionGroupBase extends Composite implements Paintable, Field,\r
ClickListener, ChangeListener, KeyboardListener, Focusable {\r
\r
- public static final String CLASSNAME_OPTION = "i-select-option";\r
+ public static final String CLASSNAME_OPTION = "v-select-option";\r
\r
protected ApplicationConnection client;\r
\r
\r
public class VOrderedLayout extends CellBasedLayout {\r
\r
- public static final String CLASSNAME = "i-orderedlayout";\r
+ public static final String CLASSNAME = "v-orderedlayout";\r
\r
private int orientation;\r
\r
/*\r
* UIDL contains component alignments as a comma separated list.\r
* \r
- * See com.vaadin.terminal.gwt.client.ui.AlignmentInfo.java for\r
- * possible values.\r
+ * See com.vaadin.terminal.gwt.client.ui.AlignmentInfo.java for possible\r
+ * values.\r
*/\r
final int[] alignments = uidl.getIntArrayAttribute("alignments");\r
\r
public class VPanel extends SimplePanel implements Container {
- public static final String CLASSNAME = "i-panel";
+ public static final String CLASSNAME = "v-panel";
ApplicationConnection client;
if (errorIndicatorElement == null) {
errorIndicatorElement = DOM.createDiv();
DOM.setElementProperty(errorIndicatorElement, "className",
- "i-errorindicator");
+ "v-errorindicator");
DOM.sinkEvents(errorIndicatorElement, Event.MOUSEEVENTS);
sinkEvents(Event.MOUSEEVENTS);
}
import com.google.gwt.user.client.ui.Widget;
import com.vaadin.terminal.gwt.client.ApplicationConnection;
import com.vaadin.terminal.gwt.client.Container;
-import com.vaadin.terminal.gwt.client.VCaption;
-import com.vaadin.terminal.gwt.client.VCaptionWrapper;
-import com.vaadin.terminal.gwt.client.VTooltip;
import com.vaadin.terminal.gwt.client.Paintable;
import com.vaadin.terminal.gwt.client.RenderSpace;
import com.vaadin.terminal.gwt.client.UIDL;
import com.vaadin.terminal.gwt.client.Util;
+import com.vaadin.terminal.gwt.client.VCaption;
+import com.vaadin.terminal.gwt.client.VCaptionWrapper;
+import com.vaadin.terminal.gwt.client.VTooltip;
import com.vaadin.terminal.gwt.client.RenderInformation.Size;
public class VPopupView extends HTML implements Container {
- public static final String CLASSNAME = "i-popupview";
+ public static final String CLASSNAME = "v-popupview";
/** For server-client communication */
private String uidlId;
public class VProgressIndicator extends Widget implements Paintable {
- private static final String CLASSNAME = "i-progressindicator";
+ private static final String CLASSNAME = "v-progressindicator";
Element wrapper = DOM.createDiv();
Element indicator = DOM.createDiv();
private ApplicationConnection client;
*/
public class VScrollTable extends FlowPanel implements Table, ScrollListener {
- public static final String CLASSNAME = "i-table";
+ public static final String CLASSNAME = "v-table";
/**
* multiple of pagelength which component will cache when requesting more
* rows
if (scrollPositionElement == null) {
scrollPositionElement = DOM.createDiv();
DOM.setElementProperty(scrollPositionElement, "className",
- "i-table-scrollposition");
+ "v-table-scrollposition");
DOM.appendChild(getElement(), scrollPositionElement);
}
public String getHTML() {
final StringBuffer buf = new StringBuffer();
if (collapsed) {
- buf.append("<span class=\"i-off\">");
+ buf.append("<span class=\"v-off\">");
} else {
- buf.append("<span class=\"i-on\">");
+ buf.append("<span class=\"v-on\">");
}
buf.append(super.getHTML());
buf.append("</span>");
row.addStyleName(CLASSNAME + "-row");
}
if (row.isSelected()) {
- row.addStyleName("i-selected");
+ row.addStyleName("v-selected");
}
tBodyElement.insertBefore(row.getElement(), tBodyElement
.getFirstChild());
row.addStyleName(CLASSNAME + "-row");
}
if (row.isSelected()) {
- row.addStyleName("i-selected");
+ row.addStyleName("v-selected");
}
tBodyElement.appendChild(row.getElement());
adopt(row);
deselectAll();
}
selectedRowKeys.add(String.valueOf(rowKey));
- addStyleName("i-selected");
+ addStyleName("v-selected");
} else {
selectedRowKeys.remove(String.valueOf(rowKey));
- removeStyleName("i-selected");
+ removeStyleName("v-selected");
}
}
/*
* (non-Javadoc)
*
- * @see
- * com.vaadin.terminal.gwt.client.ui.IActionOwner#getActions
- * ()
+ * @see com.vaadin.terminal.gwt.client.ui.IActionOwner#getActions ()
*/
public Action[] getActions() {
if (actionKeys == null) {
s = "<img src=\""
+ client.translateToolkitUri(uidl
.getStringAttribute("icon"))
- + "\" alt=\"icon\" class=\"i-icon\">" + s;
+ + "\" alt=\"icon\" class=\"v-icon\">" + s;
}
return s;
}
public class VSlider extends Widget implements Paintable, Field,\r
ContainerResizedListener {\r
\r
- public static final String CLASSNAME = "i-slider";\r
+ public static final String CLASSNAME = "v-slider";\r
\r
/**\r
* Minimum size (width or height, depending on orientation) of the slider\r
public class VSplitPanel extends ComplexPanel implements Container,
ContainerResizedListener {
- public static final String CLASSNAME = "i-splitpanel";
+ public static final String CLASSNAME = "v-splitpanel";
public static final int ORIENTATION_HORIZONTAL = 0;
import com.google.gwt.user.client.ui.Widget;
import com.vaadin.terminal.gwt.client.ApplicationConnection;
import com.vaadin.terminal.gwt.client.BrowserInfo;
-import com.vaadin.terminal.gwt.client.VCaption;
import com.vaadin.terminal.gwt.client.Paintable;
import com.vaadin.terminal.gwt.client.RenderInformation;
import com.vaadin.terminal.gwt.client.RenderSpace;
import com.vaadin.terminal.gwt.client.UIDL;
import com.vaadin.terminal.gwt.client.Util;
+import com.vaadin.terminal.gwt.client.VCaption;
public class VTabsheet extends VTabsheetBase {
}
- public static final String CLASSNAME = "i-tabsheet";
+ public static final String CLASSNAME = "v-tabsheet";
- public static final String TABS_CLASSNAME = "i-tabsheet-tabcontainer";
- public static final String SCROLLER_CLASSNAME = "i-tabsheet-scroller";
+ public static final String TABS_CLASSNAME = "v-tabsheet-tabcontainer";
+ public static final String SCROLLER_CLASSNAME = "v-tabsheet-scroller";
private final Element tabs; // tabbar and 'scroller' container
private final Element scroller; // tab-scroller element
private final Element scrollerNext; // tab-scroller next button element
// height of widget might have changed due wrapping\r
height = visibleWidget.getOffsetHeight();\r
}\r
- // i-tabsheet-tabsheetpanel height\r
+ // v-tabsheet-tabsheetpanel height\r
getElement().getStyle().setPropertyPx("height", height);\r
\r
// widget wrapper height\r
* \r
*/\r
public class VTextArea extends VTextField {\r
- public static final String CLASSNAME = "i-textarea";\r
+ public static final String CLASSNAME = "v-textarea";\r
\r
public VTextArea() {\r
super(DOM.createTextArea());\r
import com.google.gwt.user.client.ui.Widget;
import com.vaadin.terminal.gwt.client.ApplicationConnection;
import com.vaadin.terminal.gwt.client.BrowserInfo;
-import com.vaadin.terminal.gwt.client.VTooltip;
import com.vaadin.terminal.gwt.client.Paintable;
import com.vaadin.terminal.gwt.client.UIDL;
import com.vaadin.terminal.gwt.client.Util;
+import com.vaadin.terminal.gwt.client.VTooltip;
/**
* This class represents a basic text input field with one row.
/**
* The input node CSS classname.
*/
- public static final String CLASSNAME = "i-textfield";
+ public static final String CLASSNAME = "v-textfield";
/**
* This CSS classname is added to the input node on hover.
*/
text.setEnabled(enabled && !readonly);\r
\r
if (readonly) {\r
- text.addStyleName("i-readonly");\r
+ text.addStyleName("v-readonly");\r
} else {\r
- text.removeStyleName("i-readonly");\r
+ text.removeStyleName("v-readonly");\r
}\r
\r
}\r
* style of shadow, it can use setShadowStyle(String) to give the shadow
* element a new style name.
*/
- public static final String CLASSNAME_SHADOW = "i-shadow";
+ public static final String CLASSNAME_SHADOW = "v-shadow";
/*
* The shadow element for this overlay.
* nine different DIV-elements with the following class names:
*
* <pre>
- * .i-shadow[-stylename]
+ * .v-shadow[-stylename]
* ----------------------------------------------
* | .top-left | .top | .top-right |
* |---------------|-----------|----------------|
* @param style
* The new style name for the shadow element. Will be prefixed by
* CLASSNAME_SHADOW, e.g. style=='foobar' -> actual style
- * name=='i-shadow-foobar'.
+ * name=='v-shadow-foobar'.
*/
protected void setShadowStyle(String style) {
if (shadow != null) {
*/
public class VTree extends FlowPanel implements Paintable {
- public static final String CLASSNAME = "i-tree";
+ public static final String CLASSNAME = "v-tree";
private Set<String> selectedIds = new HashSet<String>();
private ApplicationConnection client;
protected class TreeNode extends SimplePanel implements ActionOwner {
- public static final String CLASSNAME = "i-tree-node";
+ public static final String CLASSNAME = "v-tree-node";
String key;
*/
protected void setSelected(boolean selected) {
// add style name to caption dom structure only, not to subtree
- setStyleName(nodeCaptionDiv, "i-tree-node-selected", selected);
+ setStyleName(nodeCaptionDiv, "v-tree-node-selected", selected);
}
protected boolean isSelected() {
\r
public class VTwinColSelect extends VOptionGroupBase {\r
\r
- private static final String CLASSNAME = "i-select-twincol";\r
+ private static final String CLASSNAME = "v-select-twincol";\r
\r
private static final int VISIBLE_COUNT = 10;\r
\r
public class VUpload extends FormPanel implements Paintable, ClickListener,
FormHandler {
- public static final String CLASSNAME = "i-upload";
+ public static final String CLASSNAME = "v-upload";
/**
* FileUpload component that opens native OS dialog to select file.
\r
public class VVerticalLayout extends VOrderedLayout {\r
\r
- public static final String CLASSNAME = "i-verticallayout";\r
+ public static final String CLASSNAME = "v-verticallayout";\r
\r
public VVerticalLayout() {\r
super(CLASSNAME, ORIENTATION_VERTICAL);\r
public class VView extends SimplePanel implements Container,
WindowResizeListener, WindowCloseListener {
- private static final String CLASSNAME = "i-view";
+ private static final String CLASSNAME = "v-view";
private String theme;
RootPanel root = RootPanel.get(elementId);
root.add(this);
- root.removeStyleName("i-app-loading");
+ root.removeStyleName("v-app-loading");
BrowserInfo browser = BrowserInfo.get();
private static Vector<VWindow> windowOrder = new Vector<VWindow>();
- public static final String CLASSNAME = "i-window";
+ public static final String CLASSNAME = "v-window";
/**
* Pixels used by inner borders and paddings horizontally (calculated only
String html = Util.escapeHTML(c);
if (icon != null) {
icon = client.translateToolkitUri(icon);
- html = "<img src=\"" + icon + "\" class=\"i-icon\" />" + html;
+ html = "<img src=\"" + icon + "\" class=\"v-icon\" />" + html;
}
DOM.setInnerHTML(headerText, html);
}
@Override
/*
- * Width is set to the out-most element (i-window).
+ * Width is set to the out-most element (v-window).
*
* This function should never be called with percentage values (it will
* throw an exception)
@Override
/*
- * Height is set to the out-most element (i-window).
+ * Height is set to the out-most element (v-window).
*
* This function should never be called with percentage values (it will
* throw an exception)
/**
* The input node CSS classname.
*/
- public static final String CLASSNAME = "i-richtextarea";
+ public static final String CLASSNAME = "v-richtextarea";
protected String id;
page.write("<title>" + title + "</title>");
page
- .write("\n</head>\n<body scroll=\"auto\" class=\"i-generated-body\">\n");
+ .write("\n</head>\n<body scroll=\"auto\" class=\"v-generated-body\">\n");
}
String appId = appUrl;
style = "style=\"" + reqParam + "\"";
}
/*- Add classnames;
- * .i-app
- * .i-app-loading
- * .i-app-<simpleName for app class>
- * .i-theme-<themeName, remove non-alphanum>
+ * .v-app
+ * .v-app-loading
+ * .v-app-<simpleName for app class>
+ * .v-theme-<themeName, remove non-alphanum>
*/
- String appClass = "i-app-";
+ String appClass = "v-app-";
try {
appClass += getApplicationClass().getSimpleName();
} catch (ClassNotFoundException e) {
}
String themeClass = "";
if (themeName != null) {
- themeClass = "i-theme-" + themeName.replaceAll("[^a-zA-Z0-9]", "");
+ themeClass = "v-theme-" + themeName.replaceAll("[^a-zA-Z0-9]", "");
}
- page.write("<div id=\"" + appId + "\" class=\"i-app i-app-loading "
+ page.write("<div id=\"" + appId + "\" class=\"v-app v-app-loading "
+ themeClass + " " + appClass + "\" "
+ (style != null ? style : "") + "></div>\n");
+ guessedThemeUri2
+ "'/>"
+ "</head><body onload='setTarget();' style='margin:0;padding:0;'>"
- + "<div class='i-app i-app-loginpage'>"
+ + "<div class='v-app v-app-loginpage'>"
+ "<iframe name='logintarget' style='width:0;height:0;"
+ "border:0;margin:0;padding:0;'></iframe>"
+ "<form id='loginf' target='logintarget'>"
+ "<div>Username</div><div >"
- + "<input class='i-textfield' style='display:block;' type='text' name='username'></div>"
+ + "<input class='v-textfield' style='display:block;' type='text' name='username'></div>"
+ "<div>Password</div>"
- + "<div><input class='i-textfield' style='display:block;' type='password' name='password'></div>"
- + "<div><input class='i-button' type='submit' value='Login'></div></form></div>" + "</body></html>")
+ + "<div><input class='v-textfield' style='display:block;' type='password' name='password'></div>"
+ + "<div><input class='v-button' type='submit' value='Login'></div></form></div>" + "</body></html>")
.getBytes();
}
* Allow to define specific style on cells (and rows) contents. Implements
* this interface and pass it to Table.setCellStyleGenerator. Row styles are
* generated when porpertyId is null. The CSS class name that will be added
- * to the cell content is <tt>i-table-cell-content-[style name]</tt>, and
- * the row style will be <tt>i-table-row-[style name]</tt>.
+ * to the cell content is <tt>v-table-cell-content-[style name]</tt>, and
+ * the row style will be <tt>v-table-row-[style name]</tt>.
*/
public interface CellStyleGenerator extends Serializable {
* @param propertyId
* The propertyId of the cell, null when getting row style
* @return The style name to add to this cell or row. (the CSS class
- * name will be i-table-cell-content-[style name], or
- * i-table-row-[style name] for rows)
+ * name will be v-table-cell-content-[style name], or
+ * v-table-row-[style name] for rows)
*/
public abstract String getStyle(Object itemId, Object propertyId);
}
projects / vaadin-framework.git / commitdiff