From: Jouni Koivuviita Date: Fri, 8 May 2009 13:48:05 +0000 (+0000) Subject: Merge new theme branch to 6.0 branch. X-Git-Tag: 6.7.0.beta1~2936 X-Git-Url: https://source.dussan.org/?a=commitdiff_plain;h=12fccb6e2b62c791cf976507e88558d7b6a67dc3;p=vaadin-framework.git Merge new theme branch to 6.0 branch. svn changeset:7689/svn branch:6.0 --- 12fccb6e2b62c791cf976507e88558d7b6a67dc3 diff --cc WebContent/ITMILL/themes/default/styles.css index dbede13bcf,cc59ab2e46..981afe25f8 --- a/WebContent/ITMILL/themes/default/styles.css +++ b/WebContent/ITMILL/themes/default/styles.css @@@ -550,11 -377,1390 +377,1396 @@@ padding: 0; margin: 0; } - - .i-datefield-calendarpanel td span { + .i-datefield-calendarpanel-header td { + text-align: center; + } + .i-datefield-calendarpanel-month { + text-align: center; + white-space: nowrap; + } + .i-datefield-calendarpanel-day, + .i-datefield-calendarpanel-day-today { + cursor: pointer; + } + .i-datefield-calendarpanel-day-today { + border: 1px solid #ddd; + } + .i-disabled .i-datefield-calendarpanel-day, + .i-disabled .i-datefield-calendarpanel-day-today { + cursor: default; + } + .i-datefield-calendarpanel-day-disabled { + cursor: default; + opacity: .5; + } + .i-datefield-calendarpanel-day-selected { + cursor: default; + background: #333; + color: #fff; + } + .i-datefield-time { + white-space: nowrap; + } + .i-datefield-time .i-label { + display: inline; + } + /* Disabled by default + .i-datefield-error .i-textfield, + .i-datefield-error .i-datefield-calendarpanel { + background: #ffe0e0; + } + */ + + /* Disabled by default + .i-datefield-required .i-textfield, + .i-datefield-required .i-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 { + filter: alpha(opacity=30); + } + + /* ./WebContent/ITMILL/themes/base/formlayout/formlayout.css */ + .i-formlayout-cell .i-errorindicator { + display: block; + } + .i-formlayout-captioncell { + text-align:right; + white-space: nowrap; + } + .i-formlayout-captioncell .i-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 { + 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 { + 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 { + 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 { + padding-bottom: 2em; + } + .i-formlayout-margin-left .i-formlayout-captioncell { + padding-left: 2em; + } + .i-formlayout-margin-right .i-formlayout-contentcell { + padding-right: 2em; + } + .i-formlayout-captioncell .i-caption .i-required-field-indicator { + float: none; + } + + /* ./WebContent/ITMILL/themes/base/gridlayout/gridlayout.css */ + .i-gridlayout-margin-top { + padding-top: 2em; + } + .i-gridlayout-margin-bottom { + padding-bottom: 2em; + } + .i-gridlayout-margin-left { + padding-left: 2em; + } + .i-gridlayout-margin-right { + padding-right: 2em; + } + .i-gridlayout-spacing-on { + padding-left: 1em; + padding-top: 1em; + overflow: hidden; + } + .i-gridlayout-spacing, + .i-gridlayout-spacing-off { + padding-left: 0; + padding-top: 0; + } + .i-gridlayout-spacing-off { + overflow: hidden; + } + /* Ensure that resizing gridlayout works in IE */ + .i-ie6 .i-gridlayout, + .i-ie7 .i-gridlayout { + overflow: hidden; + } + + /* ./WebContent/ITMILL/themes/base/link/link.css */ + .i-link { + white-space: nowrap; + } + .i-link a { + vertical-align: middle; + text-decoration: none; + } + .i-link span { + text-decoration: underline; + vertical-align: middle; + } + .i-disabled a { + cursor: default; + } + .i-link img { + vertical-align: middle; + border:none; + } + + /* ./WebContent/ITMILL/themes/base/menubar/menubar.css */ + .i-menubar table { + white-space: nowrap; + border-collapse: collapse; + padding: 0; + margin: 0; + } + .i-menubar table { + white-space: nowrap; + border-collapse: collapse; + padding: 0; + margin: 0; + } + .i-menubar .menuitem { + cursor : default; + } + .i-menubar-submenu { + background: #fff; + } + .i-menubar-submenu table { + white-space: nowrap; + border-collapse: collapse; + padding: 0; + margin: 0; + } + .i-menubar-submenu table td { + white-space: nowrap; + padding: 0; + margin: 0; + } + .i-menubar .menuitem-selected, + .i-menubar-submenu .menuitem-selected { + background: #333; + color: #fff; + } + .i-menubar-submenu .menuitem { + cursor: default; + } + + /* ./WebContent/ITMILL/themes/base/notification/notification.css */ + .i-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 { + display: inline; + white-space: nowrap; + margin: 0 0.5em 0 0; + } + .i-Notification.warning { + background: orange; + } + .i-Notification.error { + background: red; + } + .i-Notification.tray h1 { + display: block; + } + .i-Notification.tray p { + display: block; + } + .i-Notification.system { + background-color: red; + opacity: .7; + filter: alpha(opacity=70); + } + .i-Notification.system h1 { display: block; + margin: 0; + } + .i-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 { + padding-top: 2em; + } + .i-orderedlayout-margin-right, + .i-horizontallayout-margin-right, + .i-verticallayout-margin-right { + padding-right: 2em; + } + .i-orderedlayout-margin-bottom, + .i-horizontallayout-margin-bottom, + .i-verticallayout-margin-bottom { + padding-bottom: 2em; + } + .i-orderedlayout-margin-left, + .i-horizontallayout-margin-left, + .i-verticallayout-margin-left { + padding-left: 2em; + } + .i-orderedlayout-spacing-on, + .i-horizontallayout-spacing-on, + .i-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 { + 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 { + 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 { + outline: none; /* Prevent selection outline which might break layouts or cause scrollbars */ + text-align: left /* Force default alignment */ + } + .i-panel-caption .i-errorindicator { + float: none; + display: inline; + } + .i-panel-caption .i-icon { + display: inline; + vertical-align: middle; + } + .i-panel-caption span { + vertical-align: middle; + } + .i-panel-caption { + white-space: nowrap; + overflow:hidden; + font-weight: bold; + } + .i-panel-nocaption { + overflow: hidden; + } + .i-panel-content { + overflow: auto; + } + .i-panel-deco { + } + + /* ./WebContent/ITMILL/themes/base/popupview/popupview.css */ + .i-popupview { + cursor: pointer; + width: 5px; + height: 5px; + background: #aaa; + } + .i-popupview-popup { + overflow: auto; + } + + /* ./WebContent/ITMILL/themes/base/progressindicator/progressindicator.css */ + .i-progressindicator { + overflow: hidden; /* for IE6 */ + width: 150px; + } + .i-progressindicator-wrapper { + overflow: hidden; /* for IE6 */ + height: 9px; + border: 1px solid #ddd; + } + .i-progressindicator-disabled { + height: 9px; + overflow: hidden; /* for IE6 */ + } + .i-progressindicator-indicator { + height: 9px; + overflow: hidden; /* for IE6 */ + background: #ddd; + } + .i-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 { + display: none; + } + .i-progressindicator-indeterminate-disabled { + height: 16px; + width: 16px; + overflow: hidden; /* for IE6 */ + } + + /* ./WebContent/ITMILL/themes/base/select/select.css */ + .i-select { + text-align: left; + } + .i-select-optiongroup .i-select-option { + display: block; + white-space: nowrap; + } + .i-ie .i-select-optiongroup .i-select-option { + zoom: 1; + } + .i-select-select { + display: block; + } + .i-select-twincol { + white-space: nowrap; + } + .i-select-twincol-options { + float: left; + } + .i-select-twincol-selections { + font-weight: bold; + } + .i-select-twincol-buttons { + float: left; + text-align: center; + } + .i-select-twincol-buttons .i-select-twincol-deco { + clear: both; + } + .i-select-twincol .i-textfield { + display: block; + float: left; + clear: left; + } + .i-select-twincol .i-button { + display: block; + float: left; + } + .i-select-twincol-buttons .i-button { + display: inline; + float: none; + } + .i-filterselect { + white-space: nowrap; + text-align: left; + } + .i-filterselect .i-icon { + float: left; + } + .i-app .i-filterselect-input, + .i-window .i-filterselect-input, + .i-popupview-popup .i-filterselect-input { + float: left; + } + .i-filterselect-prompt .i-filterselect-input { + color: #999; + font-style: italic; + } + .i-filterselect-button { + float: right; + cursor: pointer; + } + .i-filterselect.i-readonly .i-filterselect-button { + display: none; + } + .i-filterselect-suggestpopup { + background: #fff; + border: 1px solid #eee; + } + .i-filterselect-suggestmenu table { + border-collapse: collapse; + border: none; + } + .i-filterselect-suggestmenu .gwt-MenuItem { + white-space: nowrap; + } + .i-filterselect-suggestmenu .gwt-MenuItem .i-icon { + margin-right: 3px; + vertical-align: middle; + } + .i-filterselect-suggestmenu .gwt-MenuItem span { + vertical-align: middle; + } + .i-filterselect-suggestmenu .gwt-MenuItem-selected { + background: #333; + color: #fff; + } + .i-filterselect-nextpage, + .i-filterselect-nextpage-off, + .i-filterselect-prevpage-off, + .i-filterselect-prevpage { + width: 100%; + background: #aaa; + text-align: center; + overflow: hidden; + cursor: pointer; + } + .i-filterselect-nextpage-off, + .i-filterselect-prevpage-off { + color: #666; + opacity: .5; + filter: alpha(opacity=50); + cursor: default; + } + .i-filterselect-nextpage-off span, + .i-filterselect-prevpage-off span { + cursor: default; + } + .i-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 { + 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 { + background: #ffaaaa; + } + */ + + /* ./WebContent/ITMILL/themes/base/shadow/shadow.css */ + .i-shadow { + position: absolute; + } + + .i-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 { + position: absolute; overflow: hidden; + top: -3px; left: 5px; + height: 10px; right: 5px; + background: transparent url(../base/shadow/img/top.png); + } + + .i-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 { + position: absolute; overflow: hidden; + top: 7px; left: -5px; + width: 10px; + bottom: 3px; + background: transparent url(../base/shadow/img/left.png); + } + + .i-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 { + position: absolute; overflow: hidden; + top: 7px; right: -5px; + width: 10px; + bottom: 3px; + background: transparent url(../base/shadow/img/right.png); + } + + .i-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 { + position: absolute; overflow: hidden; + bottom: -7px; left: 5px; + right: 5px; height: 10px; + background: transparent url(../base/shadow/img/bottom.png); + } + + .i-shadow .bottom-right { + position: absolute; overflow: hidden; + bottom: -7px; right: -5px; + width: 10px; height: 10px; + background: transparent url(../base/shadow/img/bottom-right.png); + } + + + + + + /* For IE6 (no transparent png's, we use a blur filter) */ + + .i-ie6 .i-shadow * { + display: none; + } + + .i-ie6 .i-shadow { + background: #000; + filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=2) alpha(opacity=20); + margin-top: -3px; + margin-left: -4px; + } + + /* ./WebContent/ITMILL/themes/base/slider/slider.css */ + .i-slider { + margin: 5px 0; + } + .i-slider-base { + /* changing the borders will require adjustments to ISlider.java */ + height: 2px; + border-top: 1px solid #ddd; + background: #eee; + border-left: 1px solid #ddd; + border-right: 1px solid #eee; + + } + .i-slider-handle { + background: #aaa; + width: 12px; + height: 12px; + margin-top: -5px; + font-size: 0; + cursor: pointer; + } + + .i-slider-vertical { + width: 2px; + height: auto; + margin: 0 5px; + border: none; + border-left: 1px solid #cccfd0; + border-right: 1px solid #cccfd0; + } + .i-slider-vertical .i-slider-base { + width: 2px; + border-bottom: 1px solid #eee; + border-right: none; + } + .i-slider-vertical .i-slider-handle { + width: 12px; + height: 12px; + font-size: 0; + cursor: pointer; + margin-left: -5px; + } + + /* Disabled by default + .i-slider-error .i-slider-base { + background: #FFE0E0; + } + */ + /* Disabled by default + .i-slider-required .i-slider-base { + background: #FFE0E0; + } + */ + + /* IE specific styles */ + .i-ie6 .i-slider, + .i-ie6 .i-slider-vertical { + margin: 0; + } + .i-ie6 .i-slider .i-slider-handle { + margin: -1px 0; + } + .i-ie6 .i-slider-vertical .i-slider-handle { + margin: 0 -1px; + } + + /* ./WebContent/ITMILL/themes/base/splitpanel/splitpanel.css */ + .i-splitpanel-horizontal, + .i-splitpanel-vertical { + overflow: hidden; + } + .i-splitpanel-horizontal .i-splitpanel-hsplitter { + width: 6px; + font-size: 1px; /* for IE6 */ + } + .i-splitpanel-horizontal .i-splitpanel-hsplitter div { + width: 6px; + font-size: 1px; /* for IE6 */ + position: absolute; + top: 0; + bottom: 0; + background: #ddd; + cursor: e-resize; + } + .i-splitpanel-vertical .i-splitpanel-vsplitter { + height: 6px; + font-size: 1px; /* for IE6 */ + } + .i-splitpanel-vertical .i-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 { + height: 99%; + } + + /* ./WebContent/ITMILL/themes/base/table/table.css */ + /* Table theme building instructions + * + * Toolkit scroll table is very complex widget with dozens of features. These + * features set some limitations for theme builder. To keep things working, it + * is safest to try to just override values used in default theme and comfort to + * these instructions. + * + * Borders in table header and in table body need to be same width + * - specify vertical borders on .i-table-header-wrap and .i-table-body + * + * Table cells in body: + * - padding/border for cells is to be defined for td elements (class name: .i-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 + * - 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 + * 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 { + overflow: hidden; + text-align: left; /* Force default alignment */ + } + .i-table-header-wrap { + overflow: hidden; + border: 1px solid #aaa; + border-bottom: none; + background: #efefef; + } + .i-table-header table, + .i-table-table { + border-spacing: 0; + margin: 0; + padding: 0; + border: 0; + } + .i-table-header td { + padding: 0; + } + .i-table-header-cell, + .i-table-header-cell-asc, + .i-table-header-cell-desc { + cursor: pointer; + } + .i-table-resizer { + display: block; + height: 1.2em; + float: right; + background: #aaa; + cursor: col-resize; + width: 1px; + overflow: hidden; + } + .i-table-caption-container { + float: right; + overflow: hidden; + white-space: nowrap; + padding-right: 6px; + } + .i-table-header-cell-asc .i-table-caption-container { + background: transparent url(../base/common/img/sprites.png) no-repeat right 6px; + } + .i-table-header-cell-desc .i-table-caption-container { + background: transparent url(../base/common/img/sprites.png) no-repeat right -10px; + } + .i-table-body { + border: 1px solid #aaa; + } + .i-table-row-spacer { + height: 10px; + overflow: hidden; /* IE hack to allow < one line height divs */ + } + .i-table-row, + .i-table-row-odd { + border: 0; + margin: 0; + padding: 0; + cursor: default; + } + .i-table .i-selected { + background: #999; + color: #fff; + } + .i-table-cell-content { + white-space: nowrap; + overflow: hidden; + padding: 0 6px; + border-right: 1px solid #aaa; + } + .i-table-cell-wrapper { + /* Do not specify any margins, paddings or borders here */ + white-space: nowrap; + overflow: hidden; + } + .i-table-column-selector { + float: right; + background: transparent url(../base/common/img/sprites.png) no-repeat 4px -37px; + margin: -1.2em 0 0 0; + height: 1.2em; + width: 14px; + position: relative; /* hide this from IE, it works without it */ + cursor: pointer; + } + .i-ie6 .i-table-column-selector, + .i-ie7 .i-table-column-selector { + position: static; + } + .i-table-focus-slot-left { + border-left: 2px solid #999; + margin-right: -2px; + } + .i-table-focus-slot-right { + border-right: 2px solid #999; + margin-left: -2px; + } + .i-table-header-drag { + position: absolute; + background: #efefef; + border: 1px solid #eee; + opacity: 0.9; + filter: alpha(opacity=90); + margin-top: 20px; + z-index: 30000; + } + .i-table-scrollposition { + width: 160px; + background: #eee; + border: 1px solid #aaa; + } + .i-table-scrollposition span { + display: block; + text-align: center; + } + /* row in column selector */ + .i-on div { + + } + .i-off div { + color: #ddd; + } + + /* ./WebContent/ITMILL/themes/base/tabsheet/tabsheet.css */ + .i-tabsheet, + .i-tabsheet-content, + .i-tabsheet-deco { + outline: none; /* Prevent selection outline which might break layouts or cause scrollbars */ + text-align: left /* Force default alignment */ + } + .i-tabsheet-tabs { + empty-cells: hide; + border-collapse: collapse; + margin: 0; + padding: 0; + border: 0; + width: 100%; + overflow:hidden; + } + .i-tabsheet-tabitemcell, + .i-tabsheet-spacertd { + margin: 0; + padding: 0; + vertical-align: bottom; + } + .i-tabsheet-spacertd { + width: 100%; + } + .i-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 { + display: none; + } + .i-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 { + border: 1px solid #aaa; + background: #fff; + width: 12px; + height: 1em; + cursor: pointer; + } + .i-tabsheet-scrollerPrev-disabled, + .i-tabsheet-scrollerNext-disabled { + opacity: 0.5; + cursor: default; + } + .i-tabsheet-tabs .i-caption, + .i-tabsheet-tabs .i-caption span { + white-space: nowrap; + } + .i-tabsheet-tabitem { + border: 1px solid #aaa; + border-right: none; + cursor: pointer; + padding: 0.2em 0.5em; + } + .i-tabsheet-tabitem-selected { + cursor: default; + border-bottom-color: #fff; + } + .i-tabsheet-content { + border: 1px solid #aaa; + /* Vertical borders are not supported, use i-tabsheet-tabcontainer and i-tabsheet-deco to present these borders */ + border-top: none; + border-bottom: none; + position: relative; + } + .i-tabsheet-deco { + height: 1px; + background: #aaa; + overflow: hidden; + } + .i-tabsheet-hidetabs .i-tabsheet-content { + border: none; + } + .i-tabsheet-hidetabs .i-tabsheet-deco { + height: 0; + } + + /* ./WebContent/ITMILL/themes/base/textfield/textfield.css */ + .i-textfield { + text-align: left /* Force default alignment */ + } + .i-textarea { + } + .i-textfield-focus, + .i-textarea-focus { + } + input.i-textfield-prompt, + textarea.i-textarea-prompt { + color: #999; + font-style: italic; + } + .i-textfield.i-readonly, + .i-textarea.i-readonly { + background: transparent; + color: #222; + border: none; + } + .i-richtextarea { + border: 1px solid #aaa; + overflow: hidden; + } + .i-richtextarea .gwt-RichTextToolbar .gwt-ToggleButton, + .i-richtextarea .gwt-RichTextToolbar .gwt-PushButton { + float: left; + } + .i-richtextarea .gwt-RichTextToolbar { + white-space: nowrap; + } + .i-richtextarea iframe { + border: 0; + } + /* Disabled by default + .i-textarea-error, + .i-textfield-error, + .i-richtextarea-error iframe.gwt-RichTextArea { + background: #FFE0E0; + } + */ + /* Disabled by default + .i-textarea-required, + .i-textfield-required, + .i-richtextarea-required iframe.gwt-RichTextArea { + background: #FFE0E0; + } + */ + /* Safari focus glow fix */ + .i-sa input:focus, + .i-sa textarea:focus { + outline-width: medium; + } + + /* ./WebContent/ITMILL/themes/base/tree/tree.css */ + .i-tree { + text-align: left /* Force default alignment */ + } + .i-tree-node { + background: transparent url(../base/common/img/sprites.png) no-repeat 5px -37px; + } + .i-tree-node-expanded { + background-position: -5px -10px; + } + div.i-tree-node-leaf { + background: none; + } + .i-tree-node-caption { + margin-left: 1em; + } + .i-tree-node span { + cursor: pointer; + white-space: nowrap; + } + .i-tree-node-selected span { + background: #999; + color: #fff; + } + .i-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 { + 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 { + display: inline; + float: left; + background: orange; + margin: 0; + width: 0.8em; + height: 0.8em; + padding: 0.1em; + filter: alpha(opacity=0); + } + .i-ie6 .i-tree-node, + .i-ie6 .i-tree-node-children { + clear: left; + } + + /* ./WebContent/ITMILL/themes/base/window/window.css */ + .i-window { + background: #fff; + } + .i-window-outerheader { + cursor: move; + padding: 0.3em 1em; + height: 1em; + } + .i-window-header { + font-weight: bold; + } + /* A more specific selector to make sure padding isn't so easily overridden */ + div.i-window-header { + white-space: nowrap; + text-overflow: ellipsis; + -ms-text-overflow: ellipsis; + overflow: hidden; + padding: 0; + } + .i-ie6 .i-window-header { + width: 100%; + } + .i-window-header .i-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 { + overflow: hidden; + } + /* Target Firefox 3 (it doesn't need any trickery, so revert the previous) */ + .i-window-contents, x:-moz-any-link, x:default { + overflow: visible; + } + .i-window-footer { + overflow: hidden; + } + .i-window-resizebox { + display: inline; /* fix IE6 double float margin bug */ + float: right; + width: 10px; + height: 10px; + cursor: se-resize; + background: #ddd; + overflow: hidden; + } + .i-window-resizebox-disabled { + cursor: default; + display: none; + } + .i-window-closebox { + position: absolute; + top: 0; + right: 0; + width: 1em; + height: 1em; + background: red; + cursor: pointer; + overflow: hidden; + } + .i-window-modalitycurtain { + top: 0; + left: 0; + background: #999; + opacity: 0.5; + position: fixed; + width: 100%; + height: 100%; + filter: alpha(opacity=50); + } + /* IE6 workaround for position:fixed; */ + .i-ie6 .i-window-modalitycurtain { + position: absolute; + top: expression(document.documentElement.scrollTop + "px"); + } + /* min-width for IE6 */ + .i-ie6 .i-window { + width: 0; /* */ + } + /* Shadow for window */ + .i-shadow-window { + position: absolute; + } + .i-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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 * { + display: none; + } + .i-ie6 .i-shadow-window { + background: #000; + filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=5) alpha(opacity=20); + margin-top: 2px; + margin-left: 2px; + } + /* Automatically compiled css file from subdirectories. */ + ++/* ./WebContent/ITMILL/themes/default/absolutelayout/absolutelayout.css */ ++.i-absolutelayout-wrapper { ++ position: absolute; ++ overflow:hidden; ++} ++ + /* ./WebContent/ITMILL/themes/default/accordion/accordion.css */ + .i-accordion-item { + background-color: #fff; + } + .i-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 { + padding: 7px 0 6px 18px; + } + .i-accordion-item-open .i-accordion-item-caption { + color: #3b4b57; + background: #d5dee2 url(accordion/img/selected-bg.png); + border-top-color: #cbd7de; + border-bottom-color: #bfc9d4; + text-shadow: #fafafa 0 1px 0; + border-bottom: 1px solid #c8cccd; + } + + /* ./WebContent/ITMILL/themes/default/button/button.css */ + .i-button { + font-size: 13px; + } + .i-checkbox .i-errorindicator { + padding-left: 10px; + } + .i-ie6 .i-button, + .i-ie7 .i-button { + padding-left: 10px; + padding-right: 10px; + } + .i-ie6 .i-checkbox .i-errorindicator { + padding-right: 4px; + } + .i-ie7 .i-checkbox .i-errorindicator { + padding-right: 7px; + } + .i-ie6 .i-button .i-errorindicator, + .i-ie7 .i-button .i-errorindicator { + padding-right: 5px; + } + + /* ./WebContent/ITMILL/themes/default/caption/caption.css */ + .i-captionwrapper { + margin: 0.3em 0 0 0; + } + .i-errorindicator { + width: 12px; + height: 16px; + background: transparent url(icons/16/error.png) no-repeat top right; + } + .i-ie6 .i-errorindicator { + /* gif for transparency */ + background-image: url(icons/16/error.gif); + } + .i-ie7 .i-errorindicator { + margin-left: -3px; + } + + /* ./WebContent/ITMILL/themes/default/common/common.css */ + .i-generated-body { + background: #e9eced; + } + .i-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 { + 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 { + font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif; + color: #464f52; + font-size: 13px; + } + .i-app select, + .i-window select { + padding: 0; + } + /* Custom tooltip */ + .i-tooltip { + background-color: #fffcdd; + border: 1px solid #b8b295; + border-top-color: #d5d2c1; + border-left-color: #d5d2c1; + font-size: 11px; + line-height: 13px; + font-family: arial, helvetica, tahoma, verdana, sans-serif; + color: #5d5444; + } + .i-tooltip-text { + padding: 2px 4px; + border: none; + border-top: 1px solid #fffef5; + border-bottom: 1px solid #fbf8d9; + } + .i-tooltip .i-errormessage { + padding: 3px 4px 3px 4px; + background: #ffecc6; + color: #b74100; + border: none; + border-top: 1px solid #fff3dc; + border-bottom: 1px solid #ead7b1; + } + .i-tooltip .i-errormessage h2 { + font-size: 16px; + font-weight: normal; + color: #ab3101; + margin: 2px 0 8px 0; + } + .i-tooltip .i-errormessage h3 { + font-size: 13px; + font-weight: bold; + margin: 1px 0 4px 0; + } + .i-contextmenu { + background: #e9eced url(tabsheet/img/tab-bg.png); + font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif; + background-color: #f6f7f7; + color: #464f52; + font-size: 12px; + line-height: 14px; + } + .i-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 { + padding: 2px 0; + } + .i-contextmenu .gwt-MenuItem div { + padding: 1px 20px 1px 8px; + } + .i-contextmenu .gwt-MenuItem-selected div { + color: #fff; + background: #5daee8; + } + .i-contextmenu .gwt-MenuItem img { + margin-right: 10px; + } + .i-loading-indicator, + .i-loading-indicator-delay, + .i-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 { + background-image: url(common/img/loading-indicator-delay.gif); + } + .i-loading-indicator-wait { + background-image: url(common/img/loading-indicator-wait.gif); } + /* ./WebContent/ITMILL/themes/default/datefield/datefield.css */ + .i-datefield-button { + font-size:13px; + width: 22px; + height: 24px; + padding: 0; + overflow: hidden; + border: none; + background: transparent url(datefield/img/open-button.png) no-repeat right 0; + vertical-align: top; + } + .i-datefield-popup { + font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif; + color: #464f52; + font-size: 12px; + background: #f6f7f7; + border: 1px solid #b6bbbc; + padding: 6px; + } + .i-datefield-calendarpanel { + width: 19em; + font-size: 12px; + } + .i-datefield-popup .i-datefield-calendarpanel { + width: 16em; + } + .i-datefield-calendarpanel td { + text-align: right; + } + .i-datefield-calendarpanel td span { + display: block; + } .i-datefield-calendarpanel-header { height: 30px; } diff --cc WebContent/ITMILL/themes/default/table/table.css index e8afe7fdae,55e7063de9..8396e7c67a --- a/WebContent/ITMILL/themes/default/table/table.css +++ b/WebContent/ITMILL/themes/default/table/table.css @@@ -219,17 -115,14 +115,14 @@@ font-size: 15px; text-shadow: #ffffff 2px 2px 0; } - - --/* row in column selector */ --.i-on div { -- background: transparent url(img/check.gif) no-repeat 2px 50%; -- text-indent: 6px; ++/* row in column selector */ ++.i-on div { ++ background: transparent url(img/check.gif) no-repeat 2px 50%; ++ text-indent: 6px; } --.i-off div { ++.i-off div { text-indent: 6px; } - .i-table .i-link { display: inline; } diff --cc WebContent/ITMILL/themes/reindeer/styles.css index 0000000000,7c37d5d5ec..2dac968181 mode 000000,100644..100644 --- a/WebContent/ITMILL/themes/reindeer/styles.css +++ b/WebContent/ITMILL/themes/reindeer/styles.css @@@ -1,0 -1,2105 +1,2067 @@@ + /* Automatically compiled css file from subdirectories. */ + + /* ./WebContent/ITMILL/themes/base/absolutelayout/absolutelayout.css */ + .i-absolutelayout-wrapper { + position: absolute; + overflow: hidden; + } + + /* ./WebContent/ITMILL/themes/base/accordion/accordion.css */ + .i-accordion { + position: relative; + outline: none; + overflow: hidden; + text-align: left /* Force default alignment */ + } + .i-accordion-item { + position: relative; + } + .i-accordion-item-caption { + overflow: hidden; + white-space: nowrap; + background: #eee; + border-bottom: 1px solid #ddd; + } + .i-accordion-item-caption .i-caption { + cursor: pointer; + } + .i-accordion-item-open .i-accordion-item-caption .i-caption { + cursor: default; + } + .i-accordion-item-content { + position: absolute; + overflow: auto; + width: 100%; + } + + /* ./WebContent/ITMILL/themes/base/button/button.css */ + .i-button { + cursor: pointer; + white-space: nowrap; + margin: 0; + } + .i-button span { + white-space: nowrap; + } + .i-checkbox input { + vertical-align: middle; + } + .i-button img, + .i-checkbox img { + display: inline; + vertical-align: middle; + margin-right: 3px; + } + .i-button span, + .i-checkbox label { + vertical-align: middle; + } + .i-button-link { + border: none; + text-align: left; + background: none; + padding: 0; + } + /* Inset Safari focus outline a bit */ + .i-sa .i-button-link:focus { + outline-offset: -3px; + } + .i-button-link span { + text-decoration: underline; + } + .i-checkbox { + white-space: nowrap; + } + .i-checkbox .i-errorindicator { + float: none; + display: inline; + padding-left: 1em; + background-position: left; + } + /* Fixes streched buttons in IE6 and IE7*/ + .i-ie6 .i-button { + width: 1px; + } + .i-ie6 .i-button, + .i-ie7 .i-button, + .i-ie8 .i-button { + overflow: visible; + padding-left: 1em; + padding-right: 1em; + } + /* Error indicator on checkbox fix for IE6 */ + .i-ie6 .i-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 { + background-position: right; + display: inline; + float: left; + padding-left: 0; + padding-right: 0.4em; + } + /* Error indicator on checkbox fix for IE7 */ + .i-ie7 .i-checkbox *, + .i-ie8 .i-checkbox * { + float: left; + } + .i-ie7 .i-checkbox .i-errorindicator, + .i-ie8 .i-checkbox .i-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 { + display: inline; + padding-right: 0.5em; + } + /* Disabled by default + .i-checkbox-error { + background: #ffe0e0; + } + */ + /* Disabled by default + .i-checkbox-required { + background: #ffe0e0; + } + */ + + /* ./WebContent/ITMILL/themes/base/caption/caption.css */ + .i-captionwrapper { + text-align: left; /* Force default alignment */ + } + .i-caption { + overflow: hidden; + white-space: nowrap; + } + .i-errorindicator { + float: left; + } + .i-caption .i-icon { + float: left; + padding-right: 2px; + vertical-align: middle; + } + .i-caption .i-captiontext { + float: left; + overflow: hidden; + vertical-align: middle; + } + .i-caption .i-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 { + display: inline; + } + + /* ./WebContent/ITMILL/themes/base/common/common.css */ + /* References the BODY tag generated by Vaadin application servlet */ + .i-generated-body { + width: 100%; + height: 100%; + border: 0; + margin: 0; + overflow: hidden; + } + .i-app { + height: 100%; + } + .i-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 */ + } + .i-view { + height: 100%; + width: 100%; + overflow: auto; + /* avoid scrollbars with margins in root layout */ + outline: none; + margin-top: -1px; + border-top: 1px solid transparent; + position: relative; + } + /** + * Try to handle printing somehow. Reasonable printing support + * needs application specific planning and CSS tuning. + */ + @media print { + .i-generated-body { + height: auto; + min-height: 20cm; + overflow: visible; + } + .i-app { + height: auto; + min-height: 20cm; + } + .i-view { + overflow: visible; + } + .i-gridlayout { + overflow: visible !important; + } + } + .i-view:active, + .i-view:focus { + outline: none; + } + .i-app select, + .i-window select { + margin: 0; + } + .i-disabled { + opacity: .3; + filter: alpha(opacity=30); + cursor: default; + } + .i-disabled * { + cursor: default; + } + * html .i-disabled { + zoom: 1; + } + *+html .i-disabled { + zoom: 1; + } + .i-disabled .i-disabled { + opacity: 1; + } + .i-required-field-indicator { + padding-left: 2px; + color: red; + } + + /* 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 { + background: #ffffe0; + } + */ + .i-tooltip { + cursor: default; + background: #fff; + } + .i-tooltip-text { + overflow: auto; + } + .i-tooltip .i-errormessage { + overflow: auto; + } + .i-contextmenu { + background: #fff; + } + .i-contextmenu .gwt-MenuItem { + cursor: pointer; + vertical-align: middle; + padding: 0; + border: 0; + margin: 0; + } + .i-contextmenu .gwt-MenuItem div { + cursor: pointer; + vertical-align: middle; + white-space: nowrap; + } + .i-contextmenu .gwt-MenuItem-selected div { + background: #aaa; + color: #fff; + } + .i-contextmenu table { + border-collapse: collapse; + margin: 0; + padding: 0; + } + .i-contextmenu .gwt-MenuItem img { + margin-right: 1em; + vertical-align: middle; + } + /* Label has tiny paddings to include possible content margins */ + .i-label { + padding-top: 1px; + padding-bottom: 1px; + } + /* A label with undefined width is always considered to be on one line */ + .i-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 { + height: 16px; + position: absolute; + top: 0; + right: 0; + z-index: 30000; + } + /* Debug dialog */ + .i-debug-console { + background: #fff; + opacity: .9; + border: 1px solid #000; + font-family: sans-serif; + } + .i-debug-console-caption { + background: #000; + border-bottom: 1px solid grey; + color: white; + font-weight: bold; + } + .i-debug-console-content { + font-size: x-small; + overflow: auto; + } + .i-debug-console-content input { + font-size: xx-small; + } + /* Debug style */ + .i-app .invalidlayout, + .i-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 { + padding: 2px; + } + + /* ./WebContent/ITMILL/themes/base/customcomponent/customcomponent.css */ + .i-customcomponent { + overflow: hidden; + } + + /* ./WebContent/ITMILL/themes/base/customlayout/customlayout.css */ + .i-customlayout { + overflow: hidden; + } + + /* ./WebContent/ITMILL/themes/base/datefield/datefield.css */ + .i-datefield { + white-space: nowrap; + } + .i-datefield-textfield { + vertical-align: top; + } + .i-datefield-button { + cursor: pointer; + } + .i-datefield-calendarpanel table { + width: 100%; + } + .i-datefield-calendarpanel td { + width: 14.2%; + padding: 0; + margin: 0; + } + .i-datefield-calendarpanel-header td { + text-align: center; + } + .i-datefield-calendarpanel-month { + text-align: center; + white-space: nowrap; + } + .i-datefield-calendarpanel-day, + .i-datefield-calendarpanel-day-today { + cursor: pointer; + } + .i-datefield-calendarpanel-day-today { + border: 1px solid #ddd; + } + .i-disabled .i-datefield-calendarpanel-day, + .i-disabled .i-datefield-calendarpanel-day-today { + cursor: default; + } + .i-datefield-calendarpanel-day-disabled { + cursor: default; + opacity: .5; + } + .i-datefield-calendarpanel-day-selected { + cursor: default; + background: #333; + color: #fff; + } + .i-datefield-time { + white-space: nowrap; + } + .i-datefield-time .i-label { + display: inline; + } + /* Disabled by default + .i-datefield-error .i-textfield, + .i-datefield-error .i-datefield-calendarpanel { + background: #ffe0e0; + } + */ + + /* Disabled by default + .i-datefield-required .i-textfield, + .i-datefield-required .i-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 { + filter: alpha(opacity=30); + } + + /* ./WebContent/ITMILL/themes/base/formlayout/formlayout.css */ + .i-formlayout-cell .i-errorindicator { + display: block; + } + .i-formlayout-captioncell { + text-align:right; + white-space: nowrap; + } + .i-formlayout-captioncell .i-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 { + 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 { + 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 { + 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 { + padding-bottom: 2em; + } + .i-formlayout-margin-left .i-formlayout-captioncell { + padding-left: 2em; + } + .i-formlayout-margin-right .i-formlayout-contentcell { + padding-right: 2em; + } + .i-formlayout-captioncell .i-caption .i-required-field-indicator { + float: none; + } + + /* ./WebContent/ITMILL/themes/base/gridlayout/gridlayout.css */ + .i-gridlayout-margin-top { + padding-top: 2em; + } + .i-gridlayout-margin-bottom { + padding-bottom: 2em; + } + .i-gridlayout-margin-left { + padding-left: 2em; + } + .i-gridlayout-margin-right { + padding-right: 2em; + } + .i-gridlayout-spacing-on { + padding-left: 1em; + padding-top: 1em; + overflow: hidden; + } + .i-gridlayout-spacing, + .i-gridlayout-spacing-off { + padding-left: 0; + padding-top: 0; + } + .i-gridlayout-spacing-off { + overflow: hidden; + } + /* Ensure that resizing gridlayout works in IE */ + .i-ie6 .i-gridlayout, + .i-ie7 .i-gridlayout { + overflow: hidden; + } + + /* ./WebContent/ITMILL/themes/base/link/link.css */ + .i-link { + white-space: nowrap; + } + .i-link a { + vertical-align: middle; + text-decoration: none; + } + .i-link span { + text-decoration: underline; + vertical-align: middle; + } + .i-disabled a { + cursor: default; + } + .i-link img { + vertical-align: middle; + border:none; + } + + /* ./WebContent/ITMILL/themes/base/menubar/menubar.css */ + .i-menubar table { + white-space: nowrap; + border-collapse: collapse; + padding: 0; + margin: 0; + } + .i-menubar table { + white-space: nowrap; + border-collapse: collapse; + padding: 0; + margin: 0; + } + .i-menubar .menuitem { + cursor : default; + } + .i-menubar-submenu { + background: #fff; + } + .i-menubar-submenu table { + white-space: nowrap; + border-collapse: collapse; + padding: 0; + margin: 0; + } + .i-menubar-submenu table td { + white-space: nowrap; + padding: 0; + margin: 0; + } + .i-menubar .menuitem-selected, + .i-menubar-submenu .menuitem-selected { + background: #333; + color: #fff; + } + .i-menubar-submenu .menuitem { + cursor: default; + } + + /* ./WebContent/ITMILL/themes/base/notification/notification.css */ + .i-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 { + display: inline; + white-space: nowrap; + margin: 0 0.5em 0 0; + } + .i-Notification.warning { + background: orange; + } + .i-Notification.error { + background: red; + } + .i-Notification.tray h1 { + display: block; + } + .i-Notification.tray p { + display: block; + } + .i-Notification.system { + background-color: red; + opacity: .7; + filter: alpha(opacity=70); + } + .i-Notification.system h1 { + display: block; + margin: 0; + } + .i-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 { + padding-top: 2em; + } + .i-orderedlayout-margin-right, + .i-horizontallayout-margin-right, + .i-verticallayout-margin-right { + padding-right: 2em; + } + .i-orderedlayout-margin-bottom, + .i-horizontallayout-margin-bottom, + .i-verticallayout-margin-bottom { + padding-bottom: 2em; + } + .i-orderedlayout-margin-left, + .i-horizontallayout-margin-left, + .i-verticallayout-margin-left { + padding-left: 2em; + } + .i-orderedlayout-spacing-on, + .i-horizontallayout-spacing-on, + .i-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 { + 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 { + 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 { + outline: none; /* Prevent selection outline which might break layouts or cause scrollbars */ + text-align: left /* Force default alignment */ + } + .i-panel-caption .i-errorindicator { + float: none; + display: inline; + } + .i-panel-caption .i-icon { + display: inline; + vertical-align: middle; + } + .i-panel-caption span { + vertical-align: middle; + } + .i-panel-caption { + white-space: nowrap; + overflow:hidden; + font-weight: bold; + } + .i-panel-nocaption { + overflow: hidden; + } + .i-panel-content { + overflow: auto; + } + .i-panel-deco { + } + + /* ./WebContent/ITMILL/themes/base/popupview/popupview.css */ + .i-popupview { + cursor: pointer; + width: 5px; + height: 5px; + background: #aaa; + } + .i-popupview-popup { + overflow: auto; + } + + /* ./WebContent/ITMILL/themes/base/progressindicator/progressindicator.css */ + .i-progressindicator { + overflow: hidden; /* for IE6 */ + width: 150px; + } + .i-progressindicator-wrapper { + overflow: hidden; /* for IE6 */ + height: 9px; + border: 1px solid #ddd; + } + .i-progressindicator-disabled { + height: 9px; + overflow: hidden; /* for IE6 */ + } + .i-progressindicator-indicator { + height: 9px; + overflow: hidden; /* for IE6 */ + background: #ddd; + } + .i-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 { + display: none; + } + .i-progressindicator-indeterminate-disabled { + height: 16px; + width: 16px; + overflow: hidden; /* for IE6 */ + } + + /* ./WebContent/ITMILL/themes/base/select/select.css */ + .i-select { + text-align: left; + } + .i-select-optiongroup .i-select-option { + display: block; + white-space: nowrap; + } + .i-ie .i-select-optiongroup .i-select-option { + zoom: 1; + } + .i-select-select { + display: block; + } + .i-select-twincol { + white-space: nowrap; + } + .i-select-twincol-options { + float: left; + } + .i-select-twincol-selections { + font-weight: bold; + } + .i-select-twincol-buttons { + float: left; + text-align: center; + } + .i-select-twincol-buttons .i-select-twincol-deco { + clear: both; + } + .i-select-twincol .i-textfield { + display: block; + float: left; + clear: left; + } + .i-select-twincol .i-button { + display: block; + float: left; + } + .i-select-twincol-buttons .i-button { + display: inline; + float: none; + } + .i-filterselect { + white-space: nowrap; + text-align: left; + } + .i-filterselect .i-icon { + float: left; + } + .i-app .i-filterselect-input, + .i-window .i-filterselect-input, + .i-popupview-popup .i-filterselect-input { + float: left; + } + .i-filterselect-prompt .i-filterselect-input { + color: #999; + font-style: italic; + } + .i-filterselect-button { + float: right; + cursor: pointer; + } + .i-filterselect.i-readonly .i-filterselect-button { + display: none; + } + .i-filterselect-suggestpopup { + background: #fff; + border: 1px solid #eee; + } + .i-filterselect-suggestmenu table { + border-collapse: collapse; + border: none; + } + .i-filterselect-suggestmenu .gwt-MenuItem { + white-space: nowrap; + } + .i-filterselect-suggestmenu .gwt-MenuItem .i-icon { + margin-right: 3px; + vertical-align: middle; + } + .i-filterselect-suggestmenu .gwt-MenuItem span { + vertical-align: middle; + } + .i-filterselect-suggestmenu .gwt-MenuItem-selected { + background: #333; + color: #fff; + } + .i-filterselect-nextpage, + .i-filterselect-nextpage-off, + .i-filterselect-prevpage-off, + .i-filterselect-prevpage { + width: 100%; + background: #aaa; + text-align: center; + overflow: hidden; + cursor: pointer; + } + .i-filterselect-nextpage-off, + .i-filterselect-prevpage-off { + color: #666; + opacity: .5; + filter: alpha(opacity=50); + cursor: default; + } + .i-filterselect-nextpage-off span, + .i-filterselect-prevpage-off span { + cursor: default; + } + .i-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 { + 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 { + background: #ffaaaa; + } + */ + + /* ./WebContent/ITMILL/themes/base/shadow/shadow.css */ + .i-shadow { + position: absolute; + } + + .i-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 { + position: absolute; overflow: hidden; + top: -3px; left: 5px; + height: 10px; right: 5px; + background: transparent url(../base/shadow/img/top.png); + } + + .i-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 { + position: absolute; overflow: hidden; + top: 7px; left: -5px; + width: 10px; + bottom: 3px; + background: transparent url(../base/shadow/img/left.png); + } + + .i-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 { + position: absolute; overflow: hidden; + top: 7px; right: -5px; + width: 10px; + bottom: 3px; + background: transparent url(../base/shadow/img/right.png); + } + + .i-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 { + position: absolute; overflow: hidden; + bottom: -7px; left: 5px; + right: 5px; height: 10px; + background: transparent url(../base/shadow/img/bottom.png); + } + + .i-shadow .bottom-right { + position: absolute; overflow: hidden; + bottom: -7px; right: -5px; + width: 10px; height: 10px; + background: transparent url(../base/shadow/img/bottom-right.png); + } + + + + + + /* For IE6 (no transparent png's, we use a blur filter) */ + + .i-ie6 .i-shadow * { + display: none; + } + + .i-ie6 .i-shadow { + background: #000; + filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=2) alpha(opacity=20); + margin-top: -3px; + margin-left: -4px; + } + + /* ./WebContent/ITMILL/themes/base/slider/slider.css */ + .i-slider { + margin: 5px 0; + } + .i-slider-base { + /* changing the borders will require adjustments to ISlider.java */ + height: 2px; + border-top: 1px solid #ddd; + background: #eee; + border-left: 1px solid #ddd; + border-right: 1px solid #eee; + + } + .i-slider-handle { + background: #aaa; + width: 12px; + height: 12px; + margin-top: -5px; + font-size: 0; + cursor: pointer; + } + + .i-slider-vertical { + width: 2px; + height: auto; + margin: 0 5px; + border: none; + border-left: 1px solid #cccfd0; + border-right: 1px solid #cccfd0; + } + .i-slider-vertical .i-slider-base { + width: 2px; + border-bottom: 1px solid #eee; + border-right: none; + } + .i-slider-vertical .i-slider-handle { + width: 12px; + height: 12px; + font-size: 0; + cursor: pointer; + margin-left: -5px; + } + + /* Disabled by default + .i-slider-error .i-slider-base { + background: #FFE0E0; + } + */ + /* Disabled by default + .i-slider-required .i-slider-base { + background: #FFE0E0; + } + */ + + /* IE specific styles */ + .i-ie6 .i-slider, + .i-ie6 .i-slider-vertical { + margin: 0; + } + .i-ie6 .i-slider .i-slider-handle { + margin: -1px 0; + } + .i-ie6 .i-slider-vertical .i-slider-handle { + margin: 0 -1px; + } + + /* ./WebContent/ITMILL/themes/base/splitpanel/splitpanel.css */ + .i-splitpanel-horizontal, + .i-splitpanel-vertical { + overflow: hidden; + } + .i-splitpanel-horizontal .i-splitpanel-hsplitter { + width: 6px; + font-size: 1px; /* for IE6 */ + } + .i-splitpanel-horizontal .i-splitpanel-hsplitter div { + width: 6px; + font-size: 1px; /* for IE6 */ + position: absolute; + top: 0; + bottom: 0; + background: #ddd; + cursor: e-resize; + } + .i-splitpanel-vertical .i-splitpanel-vsplitter { + height: 6px; + font-size: 1px; /* for IE6 */ + } + .i-splitpanel-vertical .i-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 { + height: 99%; + } + + /* ./WebContent/ITMILL/themes/base/table/table.css */ + /* Table theme building instructions + * + * Toolkit scroll table is very complex widget with dozens of features. These + * features set some limitations for theme builder. To keep things working, it + * is safest to try to just override values used in default theme and comfort to + * these instructions. + * + * Borders in table header and in table body need to be same width + * - specify vertical borders on .i-table-header-wrap and .i-table-body + * + * Table cells in body: + * - padding/border for cells is to be defined for td elements (class name: .i-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 + * - 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 + * 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 { + overflow: hidden; + text-align: left; /* Force default alignment */ + } + .i-table-header-wrap { + overflow: hidden; + border: 1px solid #aaa; + border-bottom: none; + background: #efefef; + } + .i-table-header table, + .i-table-table { + border-spacing: 0; + margin: 0; + padding: 0; + border: 0; + } + .i-table-header td { + padding: 0; + } + .i-table-header-cell, + .i-table-header-cell-asc, + .i-table-header-cell-desc { + cursor: pointer; + } + .i-table-resizer { + display: block; + height: 1.2em; + float: right; + background: #aaa; + cursor: col-resize; + width: 1px; + overflow: hidden; + } + .i-table-caption-container { + float: right; + overflow: hidden; + white-space: nowrap; + padding-right: 6px; + } + .i-table-header-cell-asc .i-table-caption-container { + background: transparent url(../base/common/img/sprites.png) no-repeat right 6px; + } + .i-table-header-cell-desc .i-table-caption-container { + background: transparent url(../base/common/img/sprites.png) no-repeat right -10px; + } + .i-table-body { + border: 1px solid #aaa; + } + .i-table-row-spacer { + height: 10px; + overflow: hidden; /* IE hack to allow < one line height divs */ + } + .i-table-row, + .i-table-row-odd { + border: 0; + margin: 0; + padding: 0; + cursor: default; + } + .i-table .i-selected { + background: #999; + color: #fff; + } + .i-table-cell-content { + white-space: nowrap; + overflow: hidden; + padding: 0 6px; + border-right: 1px solid #aaa; + } + .i-table-cell-wrapper { + /* Do not specify any margins, paddings or borders here */ + white-space: nowrap; + overflow: hidden; + } + .i-table-column-selector { + float: right; + background: transparent url(../base/common/img/sprites.png) no-repeat 4px -37px; + margin: -1.2em 0 0 0; + height: 1.2em; + width: 14px; + position: relative; /* hide this from IE, it works without it */ + cursor: pointer; + } + .i-ie6 .i-table-column-selector, + .i-ie7 .i-table-column-selector { + position: static; + } + .i-table-focus-slot-left { + border-left: 2px solid #999; + margin-right: -2px; + } + .i-table-focus-slot-right { + border-right: 2px solid #999; + margin-left: -2px; + } + .i-table-header-drag { + position: absolute; + background: #efefef; + border: 1px solid #eee; + opacity: 0.9; + filter: alpha(opacity=90); + margin-top: 20px; + z-index: 30000; + } + .i-table-scrollposition { + width: 160px; + background: #eee; + border: 1px solid #aaa; + } + .i-table-scrollposition span { + display: block; + text-align: center; + } + /* row in column selector */ + .i-on div { + + } + .i-off div { + color: #ddd; + } + + /* ./WebContent/ITMILL/themes/base/tabsheet/tabsheet.css */ + .i-tabsheet, + .i-tabsheet-content, + .i-tabsheet-deco { + outline: none; /* Prevent selection outline which might break layouts or cause scrollbars */ + text-align: left /* Force default alignment */ + } + .i-tabsheet-tabs { + empty-cells: hide; + border-collapse: collapse; + margin: 0; + padding: 0; + border: 0; + width: 100%; + overflow:hidden; + } + .i-tabsheet-tabitemcell, + .i-tabsheet-spacertd { + margin: 0; + padding: 0; + vertical-align: bottom; + } + .i-tabsheet-spacertd { + width: 100%; + } + .i-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 { + display: none; + } + .i-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 { + border: 1px solid #aaa; + background: #fff; + width: 12px; + height: 1em; + cursor: pointer; + } + .i-tabsheet-scrollerPrev-disabled, + .i-tabsheet-scrollerNext-disabled { + opacity: 0.5; + cursor: default; + } + .i-tabsheet-tabs .i-caption, + .i-tabsheet-tabs .i-caption span { + white-space: nowrap; + } + .i-tabsheet-tabitem { + border: 1px solid #aaa; + border-right: none; + cursor: pointer; + padding: 0.2em 0.5em; + } + .i-tabsheet-tabitem-selected { + cursor: default; + border-bottom-color: #fff; + } + .i-tabsheet-content { + border: 1px solid #aaa; + /* Vertical borders are not supported, use i-tabsheet-tabcontainer and i-tabsheet-deco to present these borders */ + border-top: none; + border-bottom: none; + position: relative; + } + .i-tabsheet-deco { + height: 1px; + background: #aaa; + overflow: hidden; + } + .i-tabsheet-hidetabs .i-tabsheet-content { + border: none; + } + .i-tabsheet-hidetabs .i-tabsheet-deco { + height: 0; + } + + /* ./WebContent/ITMILL/themes/base/textfield/textfield.css */ + .i-textfield { + text-align: left /* Force default alignment */ + } + .i-textarea { + } + .i-textfield-focus, + .i-textarea-focus { + } + input.i-textfield-prompt, + textarea.i-textarea-prompt { + color: #999; + font-style: italic; + } + .i-textfield.i-readonly, + .i-textarea.i-readonly { + background: transparent; + color: #222; + border: none; + } + .i-richtextarea { + border: 1px solid #aaa; + overflow: hidden; + } + .i-richtextarea .gwt-RichTextToolbar .gwt-ToggleButton, + .i-richtextarea .gwt-RichTextToolbar .gwt-PushButton { + float: left; + } + .i-richtextarea .gwt-RichTextToolbar { + white-space: nowrap; + } + .i-richtextarea iframe { + border: 0; + } + /* Disabled by default + .i-textarea-error, + .i-textfield-error, + .i-richtextarea-error iframe.gwt-RichTextArea { + background: #FFE0E0; + } + */ + /* Disabled by default + .i-textarea-required, + .i-textfield-required, + .i-richtextarea-required iframe.gwt-RichTextArea { + background: #FFE0E0; + } + */ + /* Safari focus glow fix */ + .i-sa input:focus, + .i-sa textarea:focus { + outline-width: medium; + } + + /* ./WebContent/ITMILL/themes/base/tree/tree.css */ + .i-tree { + text-align: left /* Force default alignment */ + } + .i-tree-node { + background: transparent url(../base/common/img/sprites.png) no-repeat 5px -37px; + } + .i-tree-node-expanded { + background-position: -5px -10px; + } + div.i-tree-node-leaf { + background: none; + } + .i-tree-node-caption { + margin-left: 1em; + } + .i-tree-node span { + cursor: pointer; + white-space: nowrap; + } + .i-tree-node-selected span { + background: #999; + color: #fff; + } + .i-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 { + 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 { + display: inline; + float: left; + background: orange; + margin: 0; + width: 0.8em; + height: 0.8em; + padding: 0.1em; + filter: alpha(opacity=0); + } + .i-ie6 .i-tree-node, + .i-ie6 .i-tree-node-children { + clear: left; + } + + /* ./WebContent/ITMILL/themes/base/window/window.css */ + .i-window { + background: #fff; + } + .i-window-outerheader { + cursor: move; + padding: 0.3em 1em; + height: 1em; + } + .i-window-header { + font-weight: bold; + } + /* A more specific selector to make sure padding isn't so easily overridden */ + div.i-window-header { + white-space: nowrap; + text-overflow: ellipsis; + -ms-text-overflow: ellipsis; + overflow: hidden; + padding: 0; + } + .i-ie6 .i-window-header { + width: 100%; + } + .i-window-header .i-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 { + overflow: hidden; + } + /* Target Firefox 3 (it doesn't need any trickery, so revert the previous) */ + .i-window-contents, x:-moz-any-link, x:default { + overflow: visible; + } + .i-window-footer { + overflow: hidden; + } + .i-window-resizebox { + display: inline; /* fix IE6 double float margin bug */ + float: right; + width: 10px; + height: 10px; + cursor: se-resize; + background: #ddd; + overflow: hidden; + } + .i-window-resizebox-disabled { + cursor: default; + display: none; + } + .i-window-closebox { + position: absolute; + top: 0; + right: 0; + width: 1em; + height: 1em; + background: red; + cursor: pointer; + overflow: hidden; + } + .i-window-modalitycurtain { + top: 0; + left: 0; + background: #999; + opacity: 0.5; + position: fixed; + width: 100%; + height: 100%; + filter: alpha(opacity=50); + } + /* IE6 workaround for position:fixed; */ + .i-ie6 .i-window-modalitycurtain { + position: absolute; + top: expression(document.documentElement.scrollTop + "px"); + } + /* min-width for IE6 */ + .i-ie6 .i-window { + width: 0; /* */ + } + /* Shadow for window */ + .i-shadow-window { + position: absolute; + } + .i-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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 * { + display: none; + } + .i-ie6 .i-shadow-window { + background: #000; + filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=5) alpha(opacity=20); + margin-top: 2px; + margin-left: 2px; + } + /* Automatically compiled css file from subdirectories. */ + + /* ./WebContent/ITMILL/themes/reindeer/a-sprite-definitions/a-sprite-definitions.css */ ++/** sprite: verticals; sprite-image: url(common/img/vertical-sprites.png); sprite-layout: vertical */ + ++/** sprite: horizontals; sprite-image: url(common/img/horizontal-sprites.png); sprite-layout: horizontal */ + ++/** sprite: buttons; sprite-image: url(button/img/button-sprites.png); sprite-layout: vertical */ + + /* ./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. + */ + div > .i-button, + .i-ie7 .i-button { + height: 26px; + padding: 0 0 0 6px; + background-color: transparent; + background-repeat: no-repeat; - background-image: url(button/img/button-sprites.png); - -background-image: url(button/img/button-sprites-ie6.png); - background-position: left -0px; ++ background-image: url(button/img/left.png); /** sprite-ref: buttons */ + border: none; + cursor: default; + } + div > .i-button span, + .i-ie7 .i-button span { + display: inline-block; + height: 22px; + padding: 4px 15px 0 9px; + background-color: transparent; + background-repeat: no-repeat; + background-position: right top; - background-image: url(button/img/button-sprites.png); - -background-image: url(button/img/button-sprites-ie6.png); - background-position: right -26px; ++ background-image: url(button/img/right.png); /** sprite-ref: buttons; sprite-alignment: right */ + text-shadow: #fff 0 1px 0; + font-weight: bold; + font-size: 11px; + line-height: 16px; + float: none; + } + .i-sa .i-button span { + height: 21px; + padding-top: 5px; + } + .i-button:focus { - background-image: url(button/img/button-sprites.png); - -background-image: url(button/img/button-sprites-ie6.png); - background-position: left -52px; ++ background-image: url(button/img/left-focus.png); /** sprite-ref: buttons */ + outline: none; + } + .i-button:focus span { - background-image: url(button/img/button-sprites.png); - -background-image: url(button/img/button-sprites-ie6.png); - background-position: right -78px; ++ background-image: url(button/img/right-focus.png); /** sprite-ref: buttons; sprite-alignment: right */ + outline: none; + } + .i-button:active, + .i-ie7 .i-button.i-pressed { - background-image: url(button/img/button-sprites.png); - -background-image: url(button/img/button-sprites-ie6.png); - background-position: left -104px; ++ background-image: url(button/img/left-pressed.png); /** sprite-ref: buttons */ + outline: none; + } + .i-button:active span, + .i-ie7 .i-button.i-pressed span { - background-image: url(button/img/button-sprites.png); - -background-image: url(button/img/button-sprites-ie6.png); - background-position: right -130px; ++ background-image: url(button/img/right-pressed.png); /** sprite-ref: buttons; sprite-alignment: right */ + outline: none; + } + .i-ie7 .i-button.i-pressed span { + position: relative; + } + /* FF3 & FF2 */ + .i-button::-moz-focus-inner { + border: none; + padding: 0; + } + .i-ff2 .i-button span { + display: -moz-inline-box; + padding-top: 6px; + height: 20px; + } + /* IE7 */ + .i-ie7 .i-button.i-pressed .i-icon { + position: relative; + z-index: 2; + } + /* Opera */ + .i-op .i-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 { + display: inline-block; + width: 16px; + height: 16px; + overflow: hidden; + position: relative; + margin: 0 3px 0 0; + } + .i-ff2 .i-button .i-icon { + display: block; + float: left; + margin-top: 4px; + } + .i-ff2 .i-button-link .i-icon { + margin: 0; + } + .i-button .i-icon + span, + .i-button .i-icon + .i-errorindicator + span { + margin-left: -19px; + padding-left: 19px; + } + .i-ie7 .i-button .i-icon + span, + .i-ie7 .i-button .i-icon + .i-errorindicator + span { + margin-left: -23px; + padding-left: 23px; + } + /* Buttons with error indicator */ + div > .i-button .i-errorindicator, + .i-ie7 .i-button .i-errorindicator { + display: inline; + position: absolute; + width: 5px; + height: 26px; + background: transparent url(../default/icons/16/error.png) no-repeat 50%; + overflow: hidden; + } + .i-ie6 .i-button .i-errorindicator { + position: absolute; + width: 5px; + height: 18px; + background: transparent url(../default/icons/16/error.gif) no-repeat 50%; + overflow: hidden; + margin-left: -10px; + } + /* Link style buttons */ + .i-button.i-button-link, + .i-ie7 .i-button-link.i-pressed { + background: transparent; + height: auto; + padding: 0; + cursor: pointer; + } + .i-button.i-button-link span, + .i-ie7 .i-button-link.i-pressed span { + background: transparent; + height: auto; + padding: 0; + display: inline; + font-weight: normal; + color: #1b699f; + } + .i-button.i-button-link .i-icon + span { + margin: 0; + padding: 0; + } + .i-button-link:focus { + outline: 1px dotted #1b699f; + } + /** + * Default action button style -------------------------- + */ + div > .i-button-primary, + .i-ie7 .i-button-primary { - background-image: url(button/img/button-sprites.png); - -background-image: url(button/img/button-sprites-ie6.png); - background-position: left -156px; ++ background-image: url(button/img/primary-left.png); /** sprite-ref: buttons */ + } + div > .i-button-primary span, + .i-ie7 .i-button-primary span { - background-image: url(button/img/button-sprites.png); - -background-image: url(button/img/button-sprites-ie6.png); - background-position: right -182px; ++ background-image: url(button/img/primary-right.png); /** sprite-ref: buttons; sprite-alignment: right */ + } + .i-button-primary:focus { - background-image: url(button/img/button-sprites.png); - -background-image: url(button/img/button-sprites-ie6.png); - background-position: left -208px; ++ background-image: url(button/img/primary-left-focus.png); /** sprite-ref: buttons */ + } + .i-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; ++ background-image: url(button/img/primary-right-focus.png); /** sprite-ref: buttons; sprite-alignment: right */ + } + .i-button-primary:active, + .i-ie7 .i-button-primary.i-pressed { - background-image: url(button/img/button-sprites.png); - -background-image: url(button/img/button-sprites-ie6.png); - background-position: left -260px; ++ background-image: url(button/img/primary-left-pressed.png); /** sprite-ref: buttons */ + } + .i-button-primary:active span, + .i-ie7 .i-button-primary.i-pressed span { - background-image: url(button/img/button-sprites.png); - -background-image: url(button/img/button-sprites-ie6.png); - background-position: right -286px; ++ background-image: url(button/img/primary-right-pressed.png); /** sprite-ref: buttons; sprite-alignment: right */ + } + /* + * Small-style -------------------------- + */ + div > .i-button-small, + .i-ie7 .i-button-small { - background-image: url(button/img/button-sprites.png); - -background-image: url(button/img/button-sprites-ie6.png); - background-position: left -312px; ++ background-image: url(button/img/small-left.png); /** sprite-ref: buttons */ + height: 20px; + } + div > .i-button-small span, + .i-ie7 .i-button-small span { - background-image: url(button/img/button-sprites.png); - -background-image: url(button/img/button-sprites-ie6.png); - background-position: right -332px; ++ background-image: url(button/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 { + height: 17px; + padding-top: 3px; + } + .i-sa .i-button-small span { + height: 18px; + padding-top: 2px; + } + .i-button-small:focus { - background-image: url(button/img/button-sprites.png); - -background-image: url(button/img/button-sprites-ie6.png); - background-position: left -352px; ++ background-image: url(button/img/small-left-focus.png); /** sprite-ref: buttons */ + } + .i-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; ++ background-image: url(button/img/small-right-focus.png); /** sprite-ref: buttons; sprite-alignment: right */ + } + .i-button-small:active, + .i-ie7 .i-button-small.i-pressed { - background-image: url(button/img/button-sprites.png); - -background-image: url(button/img/button-sprites-ie6.png); - background-position: left -392px; ++ background-image: url(button/img/small-left-pressed.png); /** sprite-ref: buttons */ + } + .i-button-small:active span, + .i-ie7 .i-button-small.i-pressed span { - background-image: url(button/img/button-sprites.png); - -background-image: url(button/img/button-sprites-ie6.png); - background-position: right -412px; ++ background-image: url(button/img/small-right-pressed.png); /** sprite-ref: buttons; sprite-alignment: right */ + } + + /** + * IE6 buttons -------------------------- + */ + .i-ie6 .i-button { + border: 1px solid #b3b3b3; + border-bottom-color: #9a9a9a; + background: #d8d8d8 url(button/img/right.png) no-repeat 0 -1px; + padding: 3px 15px 2px 15px; + font-weight: bold; + font-size: 11px; + line-height: 16px; + height: 16px; + outline: none; + } + .i-ie6 .i-button-primary { + background-image: url(button/img/primary-right.png); + } + .i-ie6 .i-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 { + background: transparent url(button/img/right-pressed.png) no-repeat 0 -1px; + } + /* Buttons on blue background */ + .i-ie6 .blue .i-button { + border-color: #84949c; + border-top-color: #83939b; + border-bottom-color: #888d91; + } + + /* ./WebContent/ITMILL/themes/reindeer/common/common.css */ + .i-generated-body, + .i-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 { + 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 { + font-family: Helvetica, Arial, "Lucida Grande", Geneva, Tahoma, Verdana, sans-serif; + } + + /* ./WebContent/ITMILL/themes/reindeer/label/label.css */ + .i-label { + line-height: 18px; + } + .i-label-h1, + .i-label-h2, + .i-caption-h1, + .i-caption-h2 { + font-size: 24px; + line-height: 30px; + font-weight: bold; + color: #44698b; + } + .i-ie6 .i-label-h1 { + font-size: 1px; + line-height: normal; + } + .i-label-h2, + .i-caption-h2 { + font-size: 16px; + line-height: 22px; + } + .i-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 { + padding-top: 18px; + } + .i-orderedlayout-margin-right, + .i-horizontallayout-margin-right, + .i-verticallayout-margin-right { + padding-right: 18px; + } + .i-orderedlayout-margin-bottom, + .i-horizontallayout-margin-bottom, + .i-verticallayout-margin-bottom { + padding-bottom: 18px; + } + .i-orderedlayout-margin-left, + .i-horizontallayout-margin-left, + .i-verticallayout-margin-left { + padding-left: 18px; + } + .i-orderedlayout-spacing-on, + .i-horizontallayout-spacing-on, + .i-verticallayout-spacing-on { + padding-top: 7px; + padding-left: 6px; + } + /* Blue background */ + .i-verticallayout-blue, + .i-horizontallayout-blue, + .i-orderedlayout-blue { + background-color: #bcd3de; + } + + /* ./WebContent/ITMILL/themes/reindeer/panel/panel.css */ + .i-panel-caption, + .i-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 { + border-bottom-color: rgba(0,0,0,.1); + } + .i-panel-caption { + padding-bottom: 2px; + } + .i-panel-content { + border: 1px solid #dcdcdc; + border-bottom: none; + border-top: none; + background: #fff; + } + .i-sa .i-panel-content, + .i-ff3 .i-panel-content { + border-color: rgba(0,0,0,.1); + } + .i-panel-deco { + height: 1px; + border-top: 1px solid #bebebe; + background: #e2e2e2; + overflow: hidden; + } + .i-sa .i-panel-deco, + .i-ff3 .i-panel-deco { + border-top-color: rgba(0,0,0,.1); + background: rgba(0,0,0,.08); + } + + /* ./WebContent/ITMILL/themes/reindeer/splitpanel/splitpanel.css */ + .i-splitpanel-horizontal .i-splitpanel-hsplitter { + width: 7px; + background-repeat: repeat-y; - background-image: url(common/img/horizontal-sprites.png); - background-position: -0px top; ++ background-image: url(splitpanel/img/hor-bg.png); /** sprite-ref: horizontals; sprite-alignment: repeat */ + } + .i-splitpanel-horizontal .i-splitpanel-hsplitter div { + width: 7px; + background: transparent; + background-repeat: no-repeat; + background-position: 50%; - background-image: url(common/img/horizontal-sprites.png); - background-position: -7px center; ++ background-image: url(splitpanel/img/hor-handle.png); /** sprite-ref: horizontals; sprite-alignment: middle */ + } + .i-splitpanel-vertical .i-splitpanel-vsplitter { + height: 7px; + background-repeat: repeat-x; - background-image: url(common/img/vertical-sprites.png); - background-position: left -0px; ++ background-image: url(splitpanel/img/ver-bg.png); /** sprite-ref: verticals; sprite-alignment: repeat */ + } + .i-splitpanel-vertical .i-splitpanel-vsplitter div { + height: 7px; + background: transparent; + background-repeat: no-repeat; + background-position: 50%; - background-image: url(common/img/vertical-sprites.png); - background-position: center -7px; ++ background-image: url(splitpanel/img/ver-handle.png); /** sprite-ref: verticals; sprite-alignment: center */ + } + + /* ./WebContent/ITMILL/themes/reindeer/tabsheet/tabsheet.css */ + .i-tabsheet-spacertd div { + border-color: #bfbfbf; + border-left: none; + } + .i-tabsheet-tabitem { + border: none; + border-bottom: 1px solid #bfbfbf; + padding: 5px 16px; + color: #4d748f; + } + .i-tabsheet-tabitem-selected { + border: 1px solid #bfbfbf; + border-bottom: none; + color: #222; + padding: 4px 15px 6px 15px; + } + .i-tabsheet-content { + border: none; + } + .i-tabsheet-deco { + height: 0; + } + .i-tabsheet-tabs .i-icon, + .i-tabsheet-tabs .i-captiontext, + .i-tabsheet-tabs .i-errorindicator { + display: inline; + float: none; + } + .i-sa .i-tabsheet-tabs .i-captiontext { + display: inline-block; + } + .i-tabsheet-tabs .i-icon { + width: 16px !important; + height: 16px !important; + } + .i-tabsheet-tabs .i-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 { + display: -moz-inline-stack; + } + .i-ie6 .i-tabsheet-tabs .i-errorindicator { + background-image: url(../default/icons/16/error.gif); + } + .i-ie .i-tabsheet-tabs .i-errorindicator { + zoom:1; + display:inline; + } + /* Tabsheet on blue background */ + .blue .i-tabsheet-spacertd div, + .blue .i-tabsheet-tabitem, + .blue .i-tabsheet-tabitem-selected { + border-color: #7c8a91; + } + + /* ./WebContent/ITMILL/themes/reindeer/textfield/textfield.css */ + .i-textfield { + line-height: normal; + height: 19px; + border: 1px solid #bcbdbe; + border-top-color: #a2a3a4; + border-bottom-color: #d2d3d4; + background: #fff; + background-repeat: repeat-x; - background-image: url(common/img/vertical-sprites.png); - background-position: left -14px; ++ background-image: url(textfield/img/bg.png); /** sprite-ref: verticals; sprite-alignment: repeat */ + -moz-border-radius: 3px; + } + /* Need more specific selector because of #2384 fixes in base/common/common.css */ + .i-app input.i-textfield { + padding: 3px 3px 0 3px; + } + /* Textfield on blue background */ + .blue .i-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 { + -moz-border-radius: 0; + border: none; + background: transparent; + border-width: 0 3px 0 3px; + padding: 4px 0 0 0; + height: 20px; + -webkit-border-image: url(textfield/img/bg-border-image.png) 0 3 0 3 stretch stretch; + -moz-border-image: url(textfield/img/bg-border-image.png) 0 3 0 3 stretch stretch; + -o-border-image: url(textfield/img/bg-border-image.png) 0 3 0 3 stretch stretch; + + } diff --cc src/com/itmill/toolkit/terminal/gwt/client/ui/IButton.java index b4965d580c,52f2c05bc3..b6724e4786 --- a/src/com/itmill/toolkit/terminal/gwt/client/ui/IButton.java +++ b/src/com/itmill/toolkit/terminal/gwt/client/ui/IButton.java @@@ -22,6 -22,7 +22,9 @@@ public class IButton extends Button imp private String width = null; public static final String CLASSNAME = "i-button"; ++ ++ // Used only for IE, because it doesn't support :active CSS selector + private static final String CLASSNAME_DOWN = "i-pressed"; String id; @@@ -136,6 -137,9 +139,11 @@@ } else if (DOM.eventGetType(event) == Event.ONMOUSEDOWN && 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 + addStyleName(CLASSNAME_DOWN); + } } else if (DOM.eventGetType(event) == Event.ONMOUSEMOVE) { clickPending = false; } else if (DOM.eventGetType(event) == Event.ONMOUSEOUT) {