]> source.dussan.org Git - vaadin-framework.git/commitdiff
"Base" theme initial commit.
authorJouni Koivuviita <jouni.koivuviita@itmill.com>
Wed, 8 Apr 2009 13:21:03 +0000 (13:21 +0000)
committerJouni Koivuviita <jouni.koivuviita@itmill.com>
Wed, 8 Apr 2009 13:21:03 +0000 (13:21 +0000)
svn changeset:7371/svn branch:theme_2009_03

42 files changed:
WebContent/ITMILL/themes/base/accordion/accordion.css [new file with mode: 0644]
WebContent/ITMILL/themes/base/button/button.css [new file with mode: 0644]
WebContent/ITMILL/themes/base/caption/caption.css [new file with mode: 0644]
WebContent/ITMILL/themes/base/common/common.css [new file with mode: 0644]
WebContent/ITMILL/themes/base/coordinatelayout/coordinatelayout.css [new file with mode: 0644]
WebContent/ITMILL/themes/base/datefield/datefield.css [new file with mode: 0644]
WebContent/ITMILL/themes/base/formlayout/formlayout.css [new file with mode: 0644]
WebContent/ITMILL/themes/base/gridlayout/gridlayout.css [new file with mode: 0644]
WebContent/ITMILL/themes/base/menubar/menubar.css [new file with mode: 0644]
WebContent/ITMILL/themes/base/notification/notification.css [new file with mode: 0644]
WebContent/ITMILL/themes/base/orderedlayout/orderedlayout.css [new file with mode: 0644]
WebContent/ITMILL/themes/base/panel/panel.css [new file with mode: 0644]
WebContent/ITMILL/themes/base/popupview/popupview.css [new file with mode: 0644]
WebContent/ITMILL/themes/base/progressindicator/progressindicator.css [new file with mode: 0644]
WebContent/ITMILL/themes/base/select/select.css [new file with mode: 0644]
WebContent/ITMILL/themes/base/shadow/img/bottom-left.png [new file with mode: 0644]
WebContent/ITMILL/themes/base/shadow/img/bottom-right.png [new file with mode: 0644]
WebContent/ITMILL/themes/base/shadow/img/bottom.png [new file with mode: 0644]
WebContent/ITMILL/themes/base/shadow/img/center.png [new file with mode: 0644]
WebContent/ITMILL/themes/base/shadow/img/left.png [new file with mode: 0644]
WebContent/ITMILL/themes/base/shadow/img/right.png [new file with mode: 0644]
WebContent/ITMILL/themes/base/shadow/img/top-left.png [new file with mode: 0644]
WebContent/ITMILL/themes/base/shadow/img/top-right.png [new file with mode: 0644]
WebContent/ITMILL/themes/base/shadow/img/top.png [new file with mode: 0644]
WebContent/ITMILL/themes/base/shadow/shadow.css [new file with mode: 0644]
WebContent/ITMILL/themes/base/slider/slider.css [new file with mode: 0644]
WebContent/ITMILL/themes/base/splitpanel/splitpanel.css [new file with mode: 0644]
WebContent/ITMILL/themes/base/styles.css [new file with mode: 0644]
WebContent/ITMILL/themes/base/table/table.css [new file with mode: 0644]
WebContent/ITMILL/themes/base/tabsheet/tabsheet.css [new file with mode: 0644]
WebContent/ITMILL/themes/base/textfield/textfield.css [new file with mode: 0644]
WebContent/ITMILL/themes/base/tree/tree.css [new file with mode: 0644]
WebContent/ITMILL/themes/base/window/img/shadow/bottom-left.png [new file with mode: 0644]
WebContent/ITMILL/themes/base/window/img/shadow/bottom-right.png [new file with mode: 0644]
WebContent/ITMILL/themes/base/window/img/shadow/bottom.png [new file with mode: 0644]
WebContent/ITMILL/themes/base/window/img/shadow/center.png [new file with mode: 0644]
WebContent/ITMILL/themes/base/window/img/shadow/left.png [new file with mode: 0644]
WebContent/ITMILL/themes/base/window/img/shadow/right.png [new file with mode: 0644]
WebContent/ITMILL/themes/base/window/img/shadow/top-left.png [new file with mode: 0644]
WebContent/ITMILL/themes/base/window/img/shadow/top-right.png [new file with mode: 0644]
WebContent/ITMILL/themes/base/window/img/shadow/top.png [new file with mode: 0644]
WebContent/ITMILL/themes/base/window/window.css [new file with mode: 0644]

diff --git a/WebContent/ITMILL/themes/base/accordion/accordion.css b/WebContent/ITMILL/themes/base/accordion/accordion.css
new file mode 100644 (file)
index 0000000..7461f61
--- /dev/null
@@ -0,0 +1,28 @@
+.i-accordion {
+       position: relative;
+       outline: none;
+       overflow: hidden;
+       text-align: left /* Force default alignment */
+}
+
+.i-accordion-item {
+       position: relative; 
+}
+
+.i-accordion-item-caption {
+       white-space: nowrap;
+}
+
+.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%;
+}
\ No newline at end of file
diff --git a/WebContent/ITMILL/themes/base/button/button.css b/WebContent/ITMILL/themes/base/button/button.css
new file mode 100644 (file)
index 0000000..a375682
--- /dev/null
@@ -0,0 +1,57 @@
+.i-button {\r
+       cursor: pointer;\r
+       white-space: nowrap;\r
+       margin: 0;\r
+}\r
+.i-button img {
+       display:inline;
+}\r
+
+.i-button-link {
+       border: none;
+       text-align: left;
+       text-decoration: underline;
+       background: none;\r
+       padding: 0;
+}\r
+.i-sa .i-button-link:focus {\r
+       outline-offset: -3px;\r
+}
+.i-button-link span {
+       text-decoration: underline;
+}
+
+/* fixes streched buttons in IE6 */
+.i-ie6 .i-button {
+       width: 1px;
+       overflow: visible;
+       padding-left: 10px;
+       padding-right: 10px;
+}
+/* fixes streched buttons in IE7 */
+.i-ie7 .i-button {
+       overflow: visible;
+       padding-left: 10px;
+       padding-right: 10px;
+       width: expression(this.offsetWidth + "px");
+}
+\r
+/* Error indicator on checkbox fix for IE */\r
+.i-ie .i-checkbox * {\r
+       display: block;\r
+       float: left;\r
+}\r
+\r
+.i-ie .i-checkbox .i-errorindicator {\r
+       padding-right: 4px;\r
+}\r
+\r
+.i-ie7 .i-checkbox .i-errorindicator {\r
+       padding-right: 7px;\r
+}\r
+\r
+/* Error indicator on button fix for IE */\r
+.i-ie button .i-errorindicator {\r
+       display: inline;\r
+       padding-right:5 px;\r
+}\r
diff --git a/WebContent/ITMILL/themes/base/caption/caption.css b/WebContent/ITMILL/themes/base/caption/caption.css
new file mode 100644 (file)
index 0000000..a2ec3b7
--- /dev/null
@@ -0,0 +1,24 @@
+.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;
+}
+.i-caption .i-captiontext {
+       float: left;
+       overflow: hidden;
+}
+
+.i-caption .i-required-field-indicator {
+       float: left;
+}
\ No newline at end of file
diff --git a/WebContent/ITMILL/themes/base/common/common.css b/WebContent/ITMILL/themes/base/common/common.css
new file mode 100644 (file)
index 0000000..e9a623e
--- /dev/null
@@ -0,0 +1,213 @@
+.i-generated-body {
+       width:100%;
+       height:100%;
+       border:0;
+       margin:0;
+       overflow:hidden;
+}
+
+.i-app {
+       height: 100%;
+}
+
+.i-app-loading {
+       /* Specify initial loading-throbber styles with this selector (e.g. a banner that is shown before app starts) */
+}
+
+.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 cope 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 input, 
+.i-window input, 
+.i-app select, 
+.i-window select, 
+.i-app textarea, 
+.i-window textarea, 
+.i-app button,
+.i-window button,
+.i-contextmenu,
+.i-datefield-popup {
+       /* Specify application global font style and color with this selector */
+}
+
+.i-app select,
+.i-window select {
+       padding: 0;
+       margin: 0;
+}
+
+.i-disabled {
+       opacity: 0.3;
+       filter: Alpha(opacity=30);
+}
+.i-ie .i-disabled {
+       zoom: 1;
+}
+.i-disabled .i-disabled {
+       opacity: 1.0;
+       filter: Alpha(opacity=100);
+}
+.i-required-field-indicator {
+       padding-left:2px;
+       color: red;
+}
+
+/**
+ * Custom tooltip
+ */
+.i-tooltip {
+       /* The outer element */
+}
+
+.i-tooltip-text {
+       /* The main tooltip text (i.e. help text) */
+       overflow: auto;
+}
+
+.i-tooltip .i-errormessage {
+       /* Additional error message that is shown in case of a component error */
+       overflow: auto;
+ }
+
+.i-tooltip .i-errormessage h2 {
+       /* Error messages often include HTML tags in them */
+}
+
+.i-tooltip .i-errormessage h3 {
+       
+}
+
+/**
+ * Context menu styles 
+ */
+
+.i-contextmenu {
+       background: #efefef;
+       border: 1px solid #ddd;
+}
+
+.i-contextmenu .gwt-MenuBar {
+       /* DIV element inside the context menu, which contains all actions */
+}
+
+.i-contextmenu table {
+       
+}
+
+.i-contextmenu .gwt-MenuItem {
+       cursor: pointer;
+       /* Action item (TD element) */
+}
+
+.i-contextmenu .gwt-MenuItem div {
+       white-space: nowrap;
+}
+
+.i-contextmenu .gwt-MenuItem-selected div {
+       
+}
+
+.i-contextmenu .gwt-MenuItem img {
+       /* Action icon */
+}
+
+
+/**
+ * Link component styles
+ */
+.i-link a {
+       
+}
+
+/**
+ * Label has tiny paddings to include contents margins.
+ */
+.i-label {
+       
+}
+
+/* Loading indicator states (top-right-corner throbber).
+ * 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 {
+       /* remember to specify height */
+       height: 1px;
+}
+.i-loading-indicator-delay {
+       /* shown after ~3 seconds of loading */
+}
+.i-loading-indicator-wait {
+       /* shown after ~10 seconds of loading */
+}
+
+/* debug dialog */
+
+.i-debug-console {
+       background:white;
+       opacity: 0.85;  
+       border: 1px solid black;
+       font-family:sans-serif;
+}
+.i-debug-console-caption {
+       background:black;
+       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;
+       
+}
\ No newline at end of file
diff --git a/WebContent/ITMILL/themes/base/coordinatelayout/coordinatelayout.css b/WebContent/ITMILL/themes/base/coordinatelayout/coordinatelayout.css
new file mode 100644 (file)
index 0000000..8caf47d
--- /dev/null
@@ -0,0 +1,3 @@
+.i-coordinatelayout-margin-values {
+       margin: 0;
+}
\ No newline at end of file
diff --git a/WebContent/ITMILL/themes/base/datefield/datefield.css b/WebContent/ITMILL/themes/base/datefield/datefield.css
new file mode 100644 (file)
index 0000000..bcf7432
--- /dev/null
@@ -0,0 +1,76 @@
+.i-datefield {
+       white-space: nowrap;
+}
+
+.i-datefield-calendarpanel {
+       width: 19em;
+       font-size: 12px;
+}
+
+.i-datefield-popup .i-datefield-calendarpanel {
+       width: 16em;
+}
+
+.i-datefield-calendarpanel table {
+       width: 100%;
+}
+
+.i-datefield-calendarpanel td {
+       text-align: right;
+       width: 14.2%;
+       padding: 0;
+       margin: 0;
+}
+
+.i-datefield-calendarpanel td span {
+       display: block;
+}
+
+.i-datefield-calendarpanel-month {
+       white-space: nowrap;
+}
+
+.i-datefield-calendarpanel-day,
+.i-datefield-calendarpanel-day-today {
+       cursor: pointer;
+}
+
+.i-disabled .i-datefield-calendarpanel-day,
+.i-disabled .i-datefield-calendarpanel-day-today {
+       cursor: default;
+}
+
+.i-datefield-calendarpanel-day-entry {
+       color: #999;
+}
+
+.i-datefield-calendarpanel-day-disabled {
+       color: #ddd;
+}
+
+.i-datefield-calendarpanel-day-entry.i-datefield-calendarpanel-day-disabled {
+       color: #bbb;
+}
+
+.i-datefield-calendarpanel-day-selected {
+       font-weight: bold;
+       cursor: default;
+}
+
+.i-datefield-time {
+       white-space: nowrap;
+}
+
+.i-datefield-time .i-label {
+       display: inline;
+}
+
+.i-datefield-rendererror .i-textfield {
+       background: #ff9999;
+}
+
+/* IE somehow loses generic i-disabled alpha. See #1960 */
+.i-ie .i-disabled .i-datefield-button,
+.i-ie .i-disabled .i-datefield-textfield {
+       filter: alpha(opacity=30);
+}
\ No newline at end of file
diff --git a/WebContent/ITMILL/themes/base/formlayout/formlayout.css b/WebContent/ITMILL/themes/base/formlayout/formlayout.css
new file mode 100644 (file)
index 0000000..fad6fcf
--- /dev/null
@@ -0,0 +1,77 @@
+.i-formlayout-errorcell .i-errorindicator {
+       width: 10px;
+       height: 16px;
+       display: block;
+       background: transparent url(../icons/16/error.png) no-repeat top right;
+}
+
+.i-formlayout-captioncell {
+       text-align: right;
+       white-space: nowrap;
+}
+
+.i-formlayout-captioncell .i-caption {
+       overflow: visible;
+}
+
+.i-formlayout-contentcell {
+       width:100%;
+}
+
+.i-formlayout-error-indicator {
+/* fix width so layout is not jumpy when error disappears */
+       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 {
+       padding-top: 8px;
+}
+
+.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: 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 {
+       padding-bottom: 15px;
+}
+.i-formlayout-margin-left .i-formlayout-captioncell {
+       padding-left: 18px;
+} 
+.i-formlayout-margin-right .i-formlayout-contentcell {
+       padding-right: 18px;
+}
+
+/* Form */
+
+.i-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;
+}
+
+* html .i-form-errormessage {
+       height: 20px
+}
+
+.i-form {
+       border: none;
+       margin: 0;
+       padding: 0;
+}
+
+.i-form .i-caption .i-required-field-indicator {
+       float: none;
+}
\ No newline at end of file
diff --git a/WebContent/ITMILL/themes/base/gridlayout/gridlayout.css b/WebContent/ITMILL/themes/base/gridlayout/gridlayout.css
new file mode 100644 (file)
index 0000000..c973ba8
--- /dev/null
@@ -0,0 +1,36 @@
+/* Margin values if defined from server side */
+.i-gridlayout-margin-top {
+       padding-top: 15px;
+}
+.i-gridlayout-margin-bottom {
+       padding-bottom: 15px;
+}
+.i-gridlayout-margin-left {
+       padding-left: 18px;
+} 
+.i-gridlayout-margin-right {
+       padding-right: 18px;
+}
+
+/* 
+ * Spacing values used by IGridLayout. (element does not exist in DOM)
+ * Use padding-left for horizontal spacing and padding-top for vertical.
+ */
+.i-gridlayout-spacing-on {
+       padding-left:8px;
+       padding-top:8px;
+}
+.i-gridlayout-spacing-off {
+       padding-left:0px;
+       padding-top:0px;
+}
+
+.i-gridlayout-spacing,
+.i-gridlayout-spacing-off {
+       padding-left:0px;
+       padding-top:0px;
+}
+
+.i-gridlayout {
+       overflow:hidden;
+}
\ No newline at end of file
diff --git a/WebContent/ITMILL/themes/base/menubar/menubar.css b/WebContent/ITMILL/themes/base/menubar/menubar.css
new file mode 100644 (file)
index 0000000..b2523ae
--- /dev/null
@@ -0,0 +1,24 @@
+/*Top menu */
+.i-menubar table {
+       white-space: nowrap;
+}
+
+.i-menubar .menuitem{
+        cursor : default;
+ }
+
+.i-menubar .menuitem-selected {
+       background: #eee;
+ }
+
+.i-menubar-submenu {
+        white-space: nowrap;
+}
+
+.i-menubar-submenu .menuitem { 
+    cursor: default;
+}
+
+.i-menubar-submenu .menuitem-selected {
+       background: #eee;
+}
diff --git a/WebContent/ITMILL/themes/base/notification/notification.css b/WebContent/ITMILL/themes/base/notification/notification.css
new file mode 100644 (file)
index 0000000..2f52cba
--- /dev/null
@@ -0,0 +1,46 @@
+.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;
+}\r
+\r
+.i-Notification.system {\r
+       background-color: red;\r
+       opacity: 0.7;\r
+       filter: alpha(opacity=70);\r
+}\r
+.i-Notification.system h1 {\r
+       display: block;\r
+       margin: 0;\r
+}\r
+.i-Notification.system p {\r
+       white-space: nowrap;\r
+}
diff --git a/WebContent/ITMILL/themes/base/orderedlayout/orderedlayout.css b/WebContent/ITMILL/themes/base/orderedlayout/orderedlayout.css
new file mode 100644 (file)
index 0000000..fd06f9f
--- /dev/null
@@ -0,0 +1,29 @@
+.i-orderedlayout {
+       overflow: hidden;
+}
+
+.i-orderedlayout-margin-top {
+       padding-top: 15px;
+}
+
+.i-orderedlayout-margin-right {
+       padding-right: 18px;
+}
+
+.i-orderedlayout-margin-bottom {
+       padding-bottom: 15px;
+}
+
+.i-orderedlayout-margin-left {
+       padding-left: 18px;
+}
+
+.i-orderedlayout-spacing-on {
+       padding-top: 8px;
+       padding-left: 8px;
+}
+/** This can be used to define spacing if spacing is off server side */
+.i-orderedlayout-spacing-off {
+       padding-top: 0;
+       padding-left: 0;
+}
diff --git a/WebContent/ITMILL/themes/base/panel/panel.css b/WebContent/ITMILL/themes/base/panel/panel.css
new file mode 100644 (file)
index 0000000..c448dac
--- /dev/null
@@ -0,0 +1,29 @@
+.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;
+       padding-right:1 8px;
+       display: inline;
+}
+
+.i-panel-caption .i-icon {
+       display: inline;
+}
+
+.i-panel-caption {
+       font-weight: bold;
+}
+
+.i-panel-content {
+       overflow: auto;
+}
\ No newline at end of file
diff --git a/WebContent/ITMILL/themes/base/popupview/popupview.css b/WebContent/ITMILL/themes/base/popupview/popupview.css
new file mode 100644 (file)
index 0000000..accb1b5
--- /dev/null
@@ -0,0 +1,8 @@
+.i-popupview {
+       cursor: pointer;
+}
+
+.i-popupview-popup {
+       background:     white;
+       overflow: auto;
+}
\ No newline at end of file
diff --git a/WebContent/ITMILL/themes/base/progressindicator/progressindicator.css b/WebContent/ITMILL/themes/base/progressindicator/progressindicator.css
new file mode 100644 (file)
index 0000000..10e91a6
--- /dev/null
@@ -0,0 +1,34 @@
+.i-progressindicator-wrapper {
+       overflow: hidden; /* for IE6 */
+       height: 9px;
+}
+
+.i-progressindicator {
+       background: #eee;
+       overflow: hidden; /* for IE6 */
+       width: 150px;
+}
+.i-progressindicator-disabled {
+       background: #efefef;
+       height: 9px;
+       overflow: hidden; /* for IE6 */
+}
+
+.i-progressindicator-indicator {
+       background: #ddd;
+       height: 9px;
+       overflow: hidden; /* for IE6 */
+}
+
+.i-progressindicator-indeterminate {
+       background: #eee;
+       height: 16px;
+       width: 16px;
+       overflow: hidden; /* for IE6 */
+}
+.i-progressindicator-disabled-indeterminate {
+       background: #efefef;
+       height: 16px;
+       width: 16px;
+       overflow: hidden; /* for IE6 */
+}
\ No newline at end of file
diff --git a/WebContent/ITMILL/themes/base/select/select.css b/WebContent/ITMILL/themes/base/select/select.css
new file mode 100644 (file)
index 0000000..069296b
--- /dev/null
@@ -0,0 +1,137 @@
+.i-select {
+       text-align: left /* Force default alignment */\r
+}\r
+\r
+.i-select-optiongroup .i-select-option {\r
+       display: block;\r
+       white-space: nowrap;
+}
+
+.i-ie .i-select-optiongroup .i-select-option {
+       zoom: 1;
+}
+\r
+.i-select-select {\r
+       display: block;\r
+}\r
+\r
+/* Twincol style */\r
+.i-select-twincol {\r
+       white-space: nowrap;\r
+}\r
+.i-select-twincol-options {\r
+       float: left;\r
+}\r
+.i-select-twincol-selections {\r
+       font-weight: bold;\r
+}\r
+\r
+.i-select-twincol-buttons {\r
+       float: left;\r
+       padding: 2px; /* does not work in first render in FF ? */\r
+       text-align: center;\r
+}\r
+\r
+.i-select-twincol-buttons .i-select-twincol-deco {\r
+       clear:both;\r
+}\r
+\r
+.i-select-twincol .i-textfield {\r
+       display: block;\r
+       float: left;\r
+       clear: left;\r
+}\r
+\r
+.i-select-twincol .i-button {\r
+       display: block;\r
+       float: left;\r
+}\r
+\r
+.i-select-twincol-buttons .i-button {\r
+       display: inline;\r
+       float: none;\r
+}
+
+/** Filterselect aka ComboBox styles */
+
+.i-filterselect {
+       white-space: nowrap;
+       text-align: left /* Force default alignment */
+}
+
+.i-filterselect-input {
+       float: left;
+       margin: 0;
+}
+
+.i-filterselect-button {
+       float: right;
+       width: 1em;
+       height: 1em;
+       cursor: pointer;
+       background: #ddd;
+}
+
+.i-filterselect-suggestpopup {
+       background: #eee;
+       border: 1px solid #ddd;
+}
+
+.i-filterselect-suggestmenu table {
+       border-collapse: collapse;
+       border: none;
+       padding: 0;
+       margin: 0;
+}
+
+.i-filterselect-suggestmenu .gwt-MenuItem {
+       cursor: pointer;
+       height: 1em;
+       white-space: nowrap;
+}
+
+.i-filterselect-suggestmenu .gwt-MenuItem-selected {
+       background: #999;
+       color: #fff;
+}
+
+.i-filterselect-nextpage,
+.i-filterselect-nextpage-off,
+.i-filterselect-prevpage-off,
+.i-filterselect-prevpage {
+       overflow: hidden;
+}
+
+.i-filterselect-nextpage span,
+.i-filterselect-nextpage-off span,
+.i-filterselect-prevpage-off span,
+.i-filterselect-prevpage span {
+       display: block;
+       background: #ddd;
+       cursor: pointer;
+       overflow: hidden;
+       text-align: center;
+}
+
+.i-filterselect-nextpage-off,
+.i-filterselect-prevpage-off {
+       opacity: 0.5;
+       filter: Alpha(opacity=50);
+}
+.i-filterselect-nextpage-off span,
+.i-filterselect-prevpage-off span {
+       cursor: default;
+}
+
+.i-filterselect-status {
+       white-space: nowrap;
+       text-align: center;
+}
+
+.i-filterselect-error {
+       background: #ff2222;
+}
+
+.i-filterselect-error .i-filterselect-button {
+       background: red;
+}
\ No newline at end of file
diff --git a/WebContent/ITMILL/themes/base/shadow/img/bottom-left.png b/WebContent/ITMILL/themes/base/shadow/img/bottom-left.png
new file mode 100644 (file)
index 0000000..b119a13
Binary files /dev/null and b/WebContent/ITMILL/themes/base/shadow/img/bottom-left.png differ
diff --git a/WebContent/ITMILL/themes/base/shadow/img/bottom-right.png b/WebContent/ITMILL/themes/base/shadow/img/bottom-right.png
new file mode 100644 (file)
index 0000000..50aaa3b
Binary files /dev/null and b/WebContent/ITMILL/themes/base/shadow/img/bottom-right.png differ
diff --git a/WebContent/ITMILL/themes/base/shadow/img/bottom.png b/WebContent/ITMILL/themes/base/shadow/img/bottom.png
new file mode 100644 (file)
index 0000000..96af859
Binary files /dev/null and b/WebContent/ITMILL/themes/base/shadow/img/bottom.png differ
diff --git a/WebContent/ITMILL/themes/base/shadow/img/center.png b/WebContent/ITMILL/themes/base/shadow/img/center.png
new file mode 100644 (file)
index 0000000..d6fb99a
Binary files /dev/null and b/WebContent/ITMILL/themes/base/shadow/img/center.png differ
diff --git a/WebContent/ITMILL/themes/base/shadow/img/left.png b/WebContent/ITMILL/themes/base/shadow/img/left.png
new file mode 100644 (file)
index 0000000..4c3611c
Binary files /dev/null and b/WebContent/ITMILL/themes/base/shadow/img/left.png differ
diff --git a/WebContent/ITMILL/themes/base/shadow/img/right.png b/WebContent/ITMILL/themes/base/shadow/img/right.png
new file mode 100644 (file)
index 0000000..34a46e7
Binary files /dev/null and b/WebContent/ITMILL/themes/base/shadow/img/right.png differ
diff --git a/WebContent/ITMILL/themes/base/shadow/img/top-left.png b/WebContent/ITMILL/themes/base/shadow/img/top-left.png
new file mode 100644 (file)
index 0000000..27cf4d3
Binary files /dev/null and b/WebContent/ITMILL/themes/base/shadow/img/top-left.png differ
diff --git a/WebContent/ITMILL/themes/base/shadow/img/top-right.png b/WebContent/ITMILL/themes/base/shadow/img/top-right.png
new file mode 100644 (file)
index 0000000..7f187ca
Binary files /dev/null and b/WebContent/ITMILL/themes/base/shadow/img/top-right.png differ
diff --git a/WebContent/ITMILL/themes/base/shadow/img/top.png b/WebContent/ITMILL/themes/base/shadow/img/top.png
new file mode 100644 (file)
index 0000000..b654d78
Binary files /dev/null and b/WebContent/ITMILL/themes/base/shadow/img/top.png differ
diff --git a/WebContent/ITMILL/themes/base/shadow/shadow.css b/WebContent/ITMILL/themes/base/shadow/shadow.css
new file mode 100644 (file)
index 0000000..dbe1a78
--- /dev/null
@@ -0,0 +1,85 @@
+.i-shadow {
+       position: absolute;
+}
+
+.i-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 {
+    position: absolute; overflow: hidden;
+    top: -3px;             left: 4px;
+    height: 8px;           right: 4px;
+    background: transparent url(img/top.png);
+}
+
+.i-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 {
+    position: absolute; overflow: hidden;
+    top: 5px;           left: -4px;
+    width: 8px;
+    bottom: 3px;
+    background: transparent url(img/left.png);
+}
+
+.i-shadow .center {
+    position: absolute; overflow: hidden;
+    top: 5px;           left: 4px;
+    bottom: 3px;        right: 4px;
+    background: transparent url(img/center.png);
+}
+
+.i-shadow .right {
+    position: absolute; overflow: hidden;
+    top: 5px;           right: -4px;
+    width: 8px;
+    bottom: 3px;
+    background: transparent url(img/right.png);
+}
+
+.i-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 {
+    position: absolute; overflow: hidden;
+    bottom: -5px;           left: 4px;
+    right: 4px;          height: 8px;
+    background: transparent url(img/bottom.png);
+}
+
+.i-shadow .bottom-right {
+    position: absolute; overflow: hidden;
+    bottom: -5px;           right: -4px;
+    width: 8px;          height: 8px;
+    background: transparent url(img/bottom-right.png);
+}
+
+
+
+
+
+/* For IE6 (no transparent png's, we use a blur filter) */
+
+* html .i-shadow * {
+       display: none;
+}
+
+* html .i-shadow {
+       background: #000;
+       filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=2) alpha(opacity=20);
+       margin-top: -3px;
+       margin-left: -4px;
+}  
\ No newline at end of file
diff --git a/WebContent/ITMILL/themes/base/slider/slider.css b/WebContent/ITMILL/themes/base/slider/slider.css
new file mode 100644 (file)
index 0000000..d92057e
--- /dev/null
@@ -0,0 +1,75 @@
+/*--------------------------
+  Default (horizontal) styles
+  --------------------------*/
+
+.i-slider {
+       height: 12px;
+       width: 200px;
+       margin: 5px 0;  
+}
+
+.i-slider-base {
+       /* changing the borders will require adjustments to ISlider.java (offsetHeight should be 3px, 1px borders on the sides) */
+       height: 3px;
+       background: #efefef;
+       border-left: 1px solid #eee;
+       border-right: 1px solid #eee;
+       
+}
+
+.i-slider-handle {
+       background: #ddd;
+       width: 12px;
+       height: 12px;
+       margin-top: -5px;
+       font-size: 0;
+       cursor: pointer;
+}
+
+
+/*-----------------
+  Vertical styles 
+  -----------------*/
+
+.i-slider-vertical {
+       width: 3px;
+       height: auto;
+       margin: 0 5px;
+       border: none;
+       border-left: 1px solid #eee;
+       border-right: 1px solid #eee;
+}
+
+.i-slider-vertical .i-slider-base {
+       width: 3px;
+       border-left: none;
+       border-right: none;
+       background: #efefef;
+       border-top: 1px solid #eee;
+       border-bottom: 1px solid #eee;  
+}
+
+.i-slider-vertical .i-slider-handle {
+       background: #ddd;
+       width: 12px;
+       height: 12px;
+       font-size: 0;
+       cursor: pointer;
+       margin-left: -5px;
+}
+
+
+/* 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;
+}
\ No newline at end of file
diff --git a/WebContent/ITMILL/themes/base/splitpanel/splitpanel.css b/WebContent/ITMILL/themes/base/splitpanel/splitpanel.css
new file mode 100644 (file)
index 0000000..4e0e1a0
--- /dev/null
@@ -0,0 +1,41 @@
+.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%;
+}
\ No newline at end of file
diff --git a/WebContent/ITMILL/themes/base/styles.css b/WebContent/ITMILL/themes/base/styles.css
new file mode 100644 (file)
index 0000000..12fb314
--- /dev/null
@@ -0,0 +1,1503 @@
+/* Automatically compiled css file from subdirectories. */
+
+/* ./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 {
+       white-space: nowrap;
+}
+
+.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 img {
+       display:inline;
+}
+
+.i-button-link {
+       border: none;
+       text-align: left;
+       text-decoration: underline;
+       background: none;
+       padding: 0;
+}
+.i-sa .i-button-link:focus {
+       outline-offset: -3px;
+}
+.i-button-link span {
+       text-decoration: underline;
+}
+
+/* fixes streched buttons in IE6 */
+.i-ie6 .i-button {
+       width: 1px;
+       overflow: visible;
+       padding-left: 10px;
+       padding-right: 10px;
+}
+/* fixes streched buttons in IE7 */
+.i-ie7 .i-button {
+       overflow: visible;
+       padding-left: 10px;
+       padding-right: 10px;
+       width: expression(this.offsetWidth + "px");
+}
+
+/* Error indicator on checkbox fix for IE */
+.i-ie .i-checkbox * {
+       display: block;
+       float: left;
+}
+
+.i-ie .i-checkbox .i-errorindicator {
+       padding-right: 4px;
+}
+
+.i-ie7 .i-checkbox .i-errorindicator {
+       padding-right: 7px;
+}
+
+/* Error indicator on button fix for IE */
+.i-ie button .i-errorindicator {
+       display: inline;
+       padding-right:5 px;
+}
+
+/* ./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;
+}
+.i-caption .i-captiontext {
+       float: left;
+       overflow: hidden;
+}
+
+.i-caption .i-required-field-indicator {
+       float: left;
+}
+
+/* ./WebContent/ITMILL/themes/base/common/common.css */
+.i-generated-body {
+       width:100%;
+       height:100%;
+       border:0;
+       margin:0;
+       overflow:hidden;
+}
+
+.i-app {
+       height: 100%;
+}
+
+.i-app-loading {
+       /* Specify initial loading-throbber styles with this selector (e.g. a banner that is shown before app starts) */
+}
+
+.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 cope 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 input, 
+.i-window input, 
+.i-app select, 
+.i-window select, 
+.i-app textarea, 
+.i-window textarea, 
+.i-app button,
+.i-window button,
+.i-contextmenu,
+.i-datefield-popup {
+       /* Specify application global font style and color with this selector */
+}
+
+.i-app select,
+.i-window select {
+       padding: 0;
+       margin: 0;
+}
+
+.i-disabled {
+       opacity: 0.3;
+       filter: Alpha(opacity=30);
+}
+.i-ie .i-disabled {
+       zoom: 1;
+}
+.i-disabled .i-disabled {
+       opacity: 1.0;
+       filter: Alpha(opacity=100);
+}
+.i-required-field-indicator {
+       padding-left:2px;
+       color: red;
+}
+
+/**
+ * Custom tooltip
+ */
+.i-tooltip {
+       /* The outer element */
+}
+
+.i-tooltip-text {
+       /* The main tooltip text (i.e. help text) */
+       overflow: auto;
+}
+
+.i-tooltip .i-errormessage {
+       /* Additional error message that is shown in case of a component error */
+       overflow: auto;
+ }
+
+.i-tooltip .i-errormessage h2 {
+       /* Error messages often include HTML tags in them */
+}
+
+.i-tooltip .i-errormessage h3 {
+       
+}
+
+/**
+ * Context menu styles 
+ */
+
+.i-contextmenu {
+       background: #efefef;
+       border: 1px solid #ddd;
+}
+
+.i-contextmenu .gwt-MenuBar {
+       /* DIV element inside the context menu, which contains all actions */
+}
+
+.i-contextmenu table {
+       
+}
+
+.i-contextmenu .gwt-MenuItem {
+       cursor: pointer;
+       /* Action item (TD element) */
+}
+
+.i-contextmenu .gwt-MenuItem div {
+       white-space: nowrap;
+}
+
+.i-contextmenu .gwt-MenuItem-selected div {
+       
+}
+
+.i-contextmenu .gwt-MenuItem img {
+       /* Action icon */
+}
+
+
+/**
+ * Link component styles
+ */
+.i-link a {
+       
+}
+
+/**
+ * Label has tiny paddings to include contents margins.
+ */
+.i-label {
+       
+}
+
+/* Loading indicator states (top-right-corner throbber).
+ * 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 {
+       /* remember to specify height */
+       height: 1px;
+}
+.i-loading-indicator-delay {
+       /* shown after ~3 seconds of loading */
+}
+.i-loading-indicator-wait {
+       /* shown after ~10 seconds of loading */
+}
+
+/* debug dialog */
+
+.i-debug-console {
+       background:white;
+       opacity: 0.85;  
+       border: 1px solid black;
+       font-family:sans-serif;
+}
+.i-debug-console-caption {
+       background:black;
+       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;
+       
+}
+
+/* ./WebContent/ITMILL/themes/base/coordinatelayout/coordinatelayout.css */
+.i-coordinatelayout-margin-values {
+       margin: 0;
+}
+
+/* ./WebContent/ITMILL/themes/base/datefield/datefield.css */
+.i-datefield {
+       white-space: nowrap;
+}
+
+.i-datefield-calendarpanel {
+       width: 19em;
+       font-size: 12px;
+}
+
+.i-datefield-popup .i-datefield-calendarpanel {
+       width: 16em;
+}
+
+.i-datefield-calendarpanel table {
+       width: 100%;
+}
+
+.i-datefield-calendarpanel td {
+       text-align: right;
+       width: 14.2%;
+       padding: 0;
+       margin: 0;
+}
+
+.i-datefield-calendarpanel td span {
+       display: block;
+}
+
+.i-datefield-calendarpanel-month {
+       white-space: nowrap;
+}
+
+.i-datefield-calendarpanel-day,
+.i-datefield-calendarpanel-day-today {
+       cursor: pointer;
+}
+
+.i-disabled .i-datefield-calendarpanel-day,
+.i-disabled .i-datefield-calendarpanel-day-today {
+       cursor: default;
+}
+
+.i-datefield-calendarpanel-day-entry {
+       color: #999;
+}
+
+.i-datefield-calendarpanel-day-disabled {
+       color: #ddd;
+}
+
+.i-datefield-calendarpanel-day-entry.i-datefield-calendarpanel-day-disabled {
+       color: #bbb;
+}
+
+.i-datefield-calendarpanel-day-selected {
+       font-weight: bold;
+       cursor: default;
+}
+
+.i-datefield-time {
+       white-space: nowrap;
+}
+
+.i-datefield-time .i-label {
+       display: inline;
+}
+
+.i-datefield-rendererror .i-textfield {
+       background: #ff9999;
+}
+
+/* IE somehow loses generic i-disabled alpha. See #1960 */
+.i-ie .i-disabled .i-datefield-button,
+.i-ie .i-disabled .i-datefield-textfield {
+       filter: alpha(opacity=30);
+}
+
+/* ./WebContent/ITMILL/themes/base/formlayout/formlayout.css */
+.i-formlayout-errorcell .i-errorindicator {
+       width: 10px;
+       height: 16px;
+       display: block;
+       background: transparent url(icons/16/error.png) no-repeat top right;
+}
+
+.i-formlayout-captioncell {
+       text-align: right;
+       white-space: nowrap;
+}
+
+.i-formlayout-captioncell .i-caption {
+       overflow: visible;
+}
+
+.i-formlayout-contentcell {
+       width:100%;
+}
+
+.i-formlayout-error-indicator {
+/* fix width so layout is not jumpy when error disappears */
+       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 {
+       padding-top: 8px;
+}
+
+.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: 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 {
+       padding-bottom: 15px;
+}
+.i-formlayout-margin-left .i-formlayout-captioncell {
+       padding-left: 18px;
+} 
+.i-formlayout-margin-right .i-formlayout-contentcell {
+       padding-right: 18px;
+}
+
+/* Form */
+
+.i-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;
+}
+
+* html .i-form-errormessage {
+       height: 20px
+}
+
+.i-form {
+       border: none;
+       margin: 0;
+       padding: 0;
+}
+
+.i-form .i-caption .i-required-field-indicator {
+       float: none;
+}
+
+/* ./WebContent/ITMILL/themes/base/gridlayout/gridlayout.css */
+/* Margin values if defined from server side */
+.i-gridlayout-margin-top {
+       padding-top: 15px;
+}
+.i-gridlayout-margin-bottom {
+       padding-bottom: 15px;
+}
+.i-gridlayout-margin-left {
+       padding-left: 18px;
+} 
+.i-gridlayout-margin-right {
+       padding-right: 18px;
+}
+
+/* 
+ * Spacing values used by IGridLayout. (element does not exist in DOM)
+ * Use padding-left for horizontal spacing and padding-top for vertical.
+ */
+.i-gridlayout-spacing-on {
+       padding-left:8px;
+       padding-top:8px;
+}
+.i-gridlayout-spacing-off {
+       padding-left:0px;
+       padding-top:0px;
+}
+
+.i-gridlayout-spacing,
+.i-gridlayout-spacing-off {
+       padding-left:0px;
+       padding-top:0px;
+}
+
+.i-gridlayout {
+       overflow:hidden;
+}
+
+/* ./WebContent/ITMILL/themes/base/menubar/menubar.css */
+/*Top menu */
+.i-menubar table {
+       white-space: nowrap;
+}
+
+.i-menubar .menuitem{
+        cursor : default;
+ }
+
+.i-menubar .menuitem-selected {
+       background: #eee;
+ }
+
+.i-menubar-submenu {
+        white-space: nowrap;
+}
+
+.i-menubar-submenu .menuitem { 
+    cursor: default;
+}
+
+.i-menubar-submenu .menuitem-selected {
+       background: #eee;
+}
+
+/* ./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: 0.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 {
+       overflow: hidden;
+}
+
+.i-orderedlayout-margin-top {
+       padding-top: 15px;
+}
+
+.i-orderedlayout-margin-right {
+       padding-right: 18px;
+}
+
+.i-orderedlayout-margin-bottom {
+       padding-bottom: 15px;
+}
+
+.i-orderedlayout-margin-left {
+       padding-left: 18px;
+}
+
+.i-orderedlayout-spacing-on {
+       padding-top: 8px;
+       padding-left: 8px;
+}
+/** This can be used to define spacing if spacing is off server side */
+.i-orderedlayout-spacing-off {
+       padding-top: 0;
+       padding-left: 0;
+}
+
+/* ./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;
+       padding-right:1 8px;
+       display: inline;
+}
+
+.i-panel-caption .i-icon {
+       display: inline;
+}
+
+.i-panel-caption {
+       font-weight: bold;
+}
+
+.i-panel-content {
+       overflow: auto;
+}
+
+/* ./WebContent/ITMILL/themes/base/popupview/popupview.css */
+.i-popupview {
+       cursor: pointer;
+}
+
+.i-popupview-popup {
+       background:     white;
+       overflow: auto;
+}
+
+/* ./WebContent/ITMILL/themes/base/progressindicator/progressindicator.css */
+.i-progressindicator-wrapper {
+       overflow: hidden; /* for IE6 */
+       height: 9px;
+}
+
+.i-progressindicator {
+       background: #eee;
+       overflow: hidden; /* for IE6 */
+       width: 150px;
+}
+.i-progressindicator-disabled {
+       background: #efefef;
+       height: 9px;
+       overflow: hidden; /* for IE6 */
+}
+
+.i-progressindicator-indicator {
+       background: #ddd;
+       height: 9px;
+       overflow: hidden; /* for IE6 */
+}
+
+.i-progressindicator-indeterminate {
+       background: #eee;
+       height: 16px;
+       width: 16px;
+       overflow: hidden; /* for IE6 */
+}
+.i-progressindicator-disabled-indeterminate {
+       background: #efefef;
+       height: 16px;
+       width: 16px;
+       overflow: hidden; /* for IE6 */
+}
+
+/* ./WebContent/ITMILL/themes/base/select/select.css */
+.i-select {
+       text-align: left /* Force default alignment */
+}
+
+.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;
+}
+
+/* Twincol style */
+.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;
+       padding: 2px; /* does not work in first render in FF ? */
+       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;
+}
+
+/** Filterselect aka ComboBox styles */
+
+.i-filterselect {
+       white-space: nowrap;
+       text-align: left /* Force default alignment */
+}
+
+.i-filterselect-input {
+       float: left;
+       margin: 0;
+}
+
+.i-filterselect-button {
+       float: right;
+       width: 1em;
+       height: 1em;
+       cursor: pointer;
+       background: #ddd;
+}
+
+.i-filterselect-suggestpopup {
+       background: #eee;
+       border: 1px solid #ddd;
+}
+
+.i-filterselect-suggestmenu table {
+       border-collapse: collapse;
+       border: none;
+       padding: 0;
+       margin: 0;
+}
+
+.i-filterselect-suggestmenu .gwt-MenuItem {
+       cursor: pointer;
+       height: 1em;
+       white-space: nowrap;
+}
+
+.i-filterselect-suggestmenu .gwt-MenuItem-selected {
+       background: #999;
+       color: #fff;
+}
+
+.i-filterselect-nextpage,
+.i-filterselect-nextpage-off,
+.i-filterselect-prevpage-off,
+.i-filterselect-prevpage {
+       overflow: hidden;
+}
+
+.i-filterselect-nextpage span,
+.i-filterselect-nextpage-off span,
+.i-filterselect-prevpage-off span,
+.i-filterselect-prevpage span {
+       display: block;
+       background: #ddd;
+       cursor: pointer;
+       overflow: hidden;
+       text-align: center;
+}
+
+.i-filterselect-nextpage-off,
+.i-filterselect-prevpage-off {
+       opacity: 0.5;
+       filter: Alpha(opacity=50);
+}
+.i-filterselect-nextpage-off span,
+.i-filterselect-prevpage-off span {
+       cursor: default;
+}
+
+.i-filterselect-status {
+       white-space: nowrap;
+       text-align: center;
+}
+
+.i-filterselect-error {
+       background: #ff2222;
+}
+
+.i-filterselect-error .i-filterselect-button {
+       background: red;
+}
+
+/* ./WebContent/ITMILL/themes/base/shadow/shadow.css */
+.i-shadow {
+       position: absolute;
+}
+
+.i-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 {
+    position: absolute; overflow: hidden;
+    top: -3px;             left: 4px;
+    height: 8px;           right: 4px;
+    background: transparent url(shadow/img/top.png);
+}
+
+.i-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 {
+    position: absolute; overflow: hidden;
+    top: 5px;           left: -4px;
+    width: 8px;
+    bottom: 3px;
+    background: transparent url(shadow/img/left.png);
+}
+
+.i-shadow .center {
+    position: absolute; overflow: hidden;
+    top: 5px;           left: 4px;
+    bottom: 3px;        right: 4px;
+    background: transparent url(shadow/img/center.png);
+}
+
+.i-shadow .right {
+    position: absolute; overflow: hidden;
+    top: 5px;           right: -4px;
+    width: 8px;
+    bottom: 3px;
+    background: transparent url(shadow/img/right.png);
+}
+
+.i-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 {
+    position: absolute; overflow: hidden;
+    bottom: -5px;           left: 4px;
+    right: 4px;          height: 8px;
+    background: transparent url(shadow/img/bottom.png);
+}
+
+.i-shadow .bottom-right {
+    position: absolute; overflow: hidden;
+    bottom: -5px;           right: -4px;
+    width: 8px;          height: 8px;
+    background: transparent url(shadow/img/bottom-right.png);
+}
+
+
+
+
+
+/* For IE6 (no transparent png's, we use a blur filter) */
+
+* html .i-shadow * {
+       display: none;
+}
+
+* html .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 */
+/*--------------------------
+  Default (horizontal) styles
+  --------------------------*/
+
+.i-slider {
+       height: 12px;
+       width: 200px;
+       margin: 5px 0;  
+}
+
+.i-slider-base {
+       /* changing the borders will require adjustments to ISlider.java (offsetHeight should be 3px, 1px borders on the sides) */
+       height: 3px;
+       background: #efefef;
+       border-left: 1px solid #eee;
+       border-right: 1px solid #eee;
+       
+}
+
+.i-slider-handle {
+       background: #ddd;
+       width: 12px;
+       height: 12px;
+       margin-top: -5px;
+       font-size: 0;
+       cursor: pointer;
+}
+
+
+/*-----------------
+  Vertical styles 
+  -----------------*/
+
+.i-slider-vertical {
+       width: 3px;
+       height: auto;
+       margin: 0 5px;
+       border: none;
+       border-left: 1px solid #eee;
+       border-right: 1px solid #eee;
+}
+
+.i-slider-vertical .i-slider-base {
+       width: 3px;
+       border-left: none;
+       border-right: none;
+       background: #efefef;
+       border-top: 1px solid #eee;
+       border-bottom: 1px solid #eee;  
+}
+
+.i-slider-vertical .i-slider-handle {
+       background: #ddd;
+       width: 12px;
+       height: 12px;
+       font-size: 0;
+       cursor: pointer;
+       margin-left: -5px;
+}
+
+
+/* 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 */
+.i-table {
+       overflow: hidden;
+       text-align: left /* Force default alignment */
+}
+
+.i-table-header-wrap {
+       background: #efefef;
+       border: 1px solid #ddd;
+       overflow: hidden;
+}
+
+.i-table-header table,
+.i-table-table {
+       border-collapse: collapse;
+       margin: 0;
+       padding: 0;
+       border: 0;
+}
+
+.i-table-header td,
+.i-table-table td {
+       margin: 0;
+       padding: 0;
+       border: 0;
+}
+
+.i-table-header td {
+       cursor: pointer;
+}
+
+.i-table-resizer {
+       display: block;
+       height: 1em;
+       float: right;
+       background: #ddd;
+       cursor: col-resize;
+}
+
+.i-table-caption-container {
+       float: right;
+       overflow: hidden;
+       white-space: nowrap;
+}
+
+.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;
+}
+
+.i-table .i-selected {
+       background: #999;
+       color: #fff;
+}
+
+.i-table-row td,
+.i-table-row-odd td {
+       padding: 0;
+}
+.i-table-cell-content {
+       white-space: nowrap;
+       overflow: hidden;
+       padding: 3px 0 3px 3px;
+       margin-right: 5px;
+}
+
+.i-table-column-selector {
+       float: right;
+       background: #ddd;
+       margin: -1em 0 0 0;
+       height: 1em;
+       width: 0.5em;
+       position: relative; /* hide this from IE, it works without it */
+}
+
+.i-ie .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.5;
+       filter: alpha(opacity=50);
+       margin-top: 20px;
+       z-index: 30000;
+}
+
+.i-table-scrollposition {
+       width: 160px;
+       background: #eee;
+}
+
+.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;
+       border-bottom: 1px solid #ddd;
+}
+
+.i-tabsheet-tabs td {
+       margin:0;
+       padding:0;
+       vertical-align: bottom;
+}
+
+.i-tabsheet-spacertd {
+       width: 100%;
+}
+
+.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 {
+       border: none;
+       width: 0.5em;
+       height: 1em;
+       background: #ddd;
+       cursor: pointer;
+}
+.i-tabsheet-scrollerPrev-disabled,
+.i-tabsheet-scrollerNext-disabled {
+       border: none;
+       width: 0.5em;
+       height: 1em;
+       background: #efefef;
+}
+
+.i-tabsheet-tabs .i-caption {
+       white-space: nowrap;
+}
+
+/* for IE (does not inherit) */
+.i-tabsheet-tabs .i-caption span {
+       white-space: nowrap;
+}
+
+.i-tabsheet-tabitem {
+       cursor: pointer;
+}
+
+.i-tabsheet-tabitem-selected {
+       background: #ddd;
+}
+
+.i-tabsheet-content {
+       position: relative;
+}
+
+/* ./WebContent/ITMILL/themes/base/textfield/textfield.css */
+.i-textfield {
+       text-align: left /* Force default alignment */
+}
+
+.i-richtextarea {
+       overflow: hidden;
+}
+
+.i-richtextarea iframe {
+       border: 0;
+}
+
+/* ./WebContent/ITMILL/themes/base/tree/tree.css */
+.i-tree {
+       text-align: left /* Force default alignment */
+}
+
+/* ie6compatnode is hidden from non ie6 browsers, because ie6 
+ * uses weird hack to sink all events properly 
+ */
+.i-tree-node-ie6compatnode {
+       display: none;
+}
+
+.i-ie6 .i-tree-node-ie6compatnode {
+       display: inline;
+       float: left;
+       background: #000;
+       margin: 0;
+       width: 14px;
+       height: 10px;
+       padding: 1px;
+       filter: Alpha(opacity=0);
+}
+
+.i-ie6 .i-tree-node {
+       clear: both;
+}
+
+.i-tree-node-caption {
+       margin-left: 16px;
+}
+
+.i-tree-node span {
+       cursor: pointer;
+       white-space: nowrap;
+}
+.i-tree-node-selected span {
+       background: #999;
+       color: #fff;
+       cursor: pointer;
+}
+.i-tree-node-children {
+       padding-left: 16px;
+}
+
+/* ./WebContent/ITMILL/themes/base/window/window.css */
+.i-window {
+       background: #fff;
+}
+
+.i-window-outerheader {
+       cursor: move;
+}
+
+.i-window-header {
+       white-space: nowrap;
+       text-overflow: ellipsis;
+       overflow: hidden;
+}
+
+.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 {
+       height: 10px;
+}
+
+.i-window-resizebox {
+       position: relative; /* Needed to position the element over ScrollPanel, which is also relatively positioned */
+       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;
+       background: transparent;
+}
+
+.i-window-closebox {
+       position: absolute;
+       top: 0;
+       right: 0;
+       width: 12px;
+       height: 12px;
+       background: red;
+       cursor: pointer;
+       overflow: hidden;
+}
+
+.i-window-modalitycurtain {
+       top: 0;
+       left: 0;
+       background: white;
+       opacity: 0.5;
+       position: fixed;
+       width: 100%;
+       height: 100%;
+       filter: alpha(opacity=50);
+}
+
+/* IE6 workaround for position:fixed; */
+* html .i-window-modalitycurtain { 
+       position: absolute;
+       top: expression(document.documentElement.scrollTop + "px"); 
+}
+
+/* IE specific styles */
+
+* html .i-window {
+       width: 0; /* min-size for IE6 */
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+/* Shadow for window */
+
+.i-shadow-window {
+       position: absolute;
+}
+
+.i-shadow-window .top-left {
+    position: absolute; overflow: hidden;
+    top: -13px;             left: -20px;
+    width: 39px;         height: 39px;
+    background: transparent url(window/img/shadow/top-left.png);
+}
+
+.i-shadow-window .top {
+    position: absolute; overflow: hidden;
+    top: -13px;             left: 19px;
+    height: 39px;
+    right: 19px;
+    background: transparent url(window/img/shadow/top.png);
+}
+
+.i-shadow-window .top-right {
+    position: absolute; overflow: hidden;
+    top: -13px;             right: -20px;
+    width: 39px;         height: 39px;
+    background: transparent url(window/img/shadow/top-right.png);
+}
+
+.i-shadow-window .left {
+    position: absolute; overflow: hidden;
+    top: 26px;           left: -20px;
+    width: 39px;
+    bottom: 12px;
+    background: transparent url(window/img/shadow/left.png);
+}
+
+.i-shadow-window .center {
+    position: absolute; overflow: hidden;
+    top: 26px;           left: 19px;
+    bottom: 12px;        right: 19px;
+    background: transparent url(window/img/shadow/center.png);
+}
+
+.i-shadow-window .right {
+    position: absolute; overflow: hidden;
+    top: 26px;           right: -20px;
+    width: 39px;
+    bottom: 12px;
+    background: transparent url(window/img/shadow/right.png);
+}
+
+.i-shadow-window .bottom-left {
+    position: absolute; overflow: hidden;
+    bottom: -27px;           left: -20px;
+    width: 39px;          height: 39px;
+    background: transparent url(window/img/shadow/bottom-left.png);
+}
+
+.i-shadow-window .bottom {
+    position: absolute; overflow: hidden;
+    bottom: -27px;           left: 19px;
+    right: 19px;          height: 39px;
+    background: transparent url(window/img/shadow/bottom.png);
+}
+
+.i-shadow-window .bottom-right {
+    position: absolute; overflow: hidden;
+    bottom: -27px;           right: -20px;
+    width: 39px;          height: 39px;
+    background: transparent url(window/img/shadow/bottom-right.png);
+}
+
+
+/* For IE6 (no transparent png's, we use a blur filter) */
+
+* html .i-shadow-window * {
+       display: none;
+}
+
+* html .i-shadow-window {
+       background: #000;
+       filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=5) alpha(opacity=20);
+       margin-top: 2px;
+       margin-left: 2px;
+}
diff --git a/WebContent/ITMILL/themes/base/table/table.css b/WebContent/ITMILL/themes/base/table/table.css
new file mode 100644 (file)
index 0000000..c7ce948
--- /dev/null
@@ -0,0 +1,122 @@
+.i-table {
+       overflow: hidden;
+       text-align: left /* Force default alignment */
+}
+
+.i-table-header-wrap {
+       background: #efefef;
+       border: 1px solid #ddd;
+       overflow: hidden;
+}
+
+.i-table-header table,
+.i-table-table {
+       border-collapse: collapse;
+       margin: 0;
+       padding: 0;
+       border: 0;
+}
+
+.i-table-header td,
+.i-table-table td {
+       margin: 0;
+       padding: 0;
+       border: 0;
+}
+
+.i-table-header td {
+       cursor: pointer;
+}
+
+.i-table-resizer {
+       display: block;
+       height: 1em;
+       float: right;
+       background: #ddd;
+       cursor: col-resize;
+}
+
+.i-table-caption-container {
+       float: right;
+       overflow: hidden;
+       white-space: nowrap;
+}
+
+.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;
+}
+
+.i-table .i-selected {
+       background: #999;
+       color: #fff;
+}
+
+.i-table-row td,
+.i-table-row-odd td {
+       padding: 0;
+}
+.i-table-cell-content {
+       white-space: nowrap;
+       overflow: hidden;
+       padding: 3px 0 3px 3px;
+       margin-right: 5px;
+}
+
+.i-table-column-selector {
+       float: right;
+       background: #ddd;
+       margin: -1em 0 0 0;
+       height: 1em;
+       width: 0.5em;
+       position: relative; /* hide this from IE, it works without it */
+}
+
+.i-ie .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.5;
+       filter: alpha(opacity=50);
+       margin-top: 20px;
+       z-index: 30000;
+}
+
+.i-table-scrollposition {
+       width: 160px;
+       background: #eee;
+}
+
+.i-table-scrollposition span {
+       display: block;
+       text-align: center;
+}
+
+
+/* row in column selector */\r
+.i-on div {
+       \r
+}
+.i-off div {\r
+       color: #ddd;
+}
\ No newline at end of file
diff --git a/WebContent/ITMILL/themes/base/tabsheet/tabsheet.css b/WebContent/ITMILL/themes/base/tabsheet/tabsheet.css
new file mode 100644 (file)
index 0000000..85c3daa
--- /dev/null
@@ -0,0 +1,74 @@
+.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;
+       border-bottom: 1px solid #ddd;
+}
+
+.i-tabsheet-tabs td {
+       margin:0;
+       padding:0;
+       vertical-align: bottom;
+}
+
+.i-tabsheet-spacertd {
+       width: 100%;
+}
+
+.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 {
+       border: none;
+       width: 0.5em;
+       height: 1em;
+       background: #ddd;
+       cursor: pointer;
+}
+.i-tabsheet-scrollerPrev-disabled,
+.i-tabsheet-scrollerNext-disabled {
+       border: none;
+       width: 0.5em;
+       height: 1em;
+       background: #efefef;
+}
+
+.i-tabsheet-tabs .i-caption {
+       white-space: nowrap;
+}
+
+/* for IE (does not inherit) */
+.i-tabsheet-tabs .i-caption span {
+       white-space: nowrap;
+}
+
+.i-tabsheet-tabitem {
+       cursor: pointer;
+}
+
+.i-tabsheet-tabitem-selected {
+       background: #ddd;
+}
+
+.i-tabsheet-content {
+       position: relative;
+}
\ No newline at end of file
diff --git a/WebContent/ITMILL/themes/base/textfield/textfield.css b/WebContent/ITMILL/themes/base/textfield/textfield.css
new file mode 100644 (file)
index 0000000..7cf0e25
--- /dev/null
@@ -0,0 +1,11 @@
+.i-textfield {
+       text-align: left /* Force default alignment */
+}
+
+.i-richtextarea {
+       overflow: hidden;
+}
+
+.i-richtextarea iframe {
+       border: 0;
+}
\ No newline at end of file
diff --git a/WebContent/ITMILL/themes/base/tree/tree.css b/WebContent/ITMILL/themes/base/tree/tree.css
new file mode 100644 (file)
index 0000000..8bde3c4
--- /dev/null
@@ -0,0 +1,42 @@
+.i-tree {
+       text-align: left /* Force default alignment */
+}
+
+/* ie6compatnode is hidden from non ie6 browsers, because ie6 
+ * uses weird hack to sink all events properly 
+ */
+.i-tree-node-ie6compatnode {
+       display: none;
+}
+
+.i-ie6 .i-tree-node-ie6compatnode {
+       display: inline;
+       float: left;
+       background: #000;
+       margin: 0;
+       width: 14px;
+       height: 10px;
+       padding: 1px;
+       filter: Alpha(opacity=0);
+}
+
+.i-ie6 .i-tree-node {
+       clear: both;
+}
+
+.i-tree-node-caption {
+       margin-left: 16px;
+}
+
+.i-tree-node span {
+       cursor: pointer;
+       white-space: nowrap;
+}
+.i-tree-node-selected span {
+       background: #999;
+       color: #fff;
+       cursor: pointer;
+}
+.i-tree-node-children {
+       padding-left: 16px;
+}
diff --git a/WebContent/ITMILL/themes/base/window/img/shadow/bottom-left.png b/WebContent/ITMILL/themes/base/window/img/shadow/bottom-left.png
new file mode 100644 (file)
index 0000000..1ffd763
Binary files /dev/null and b/WebContent/ITMILL/themes/base/window/img/shadow/bottom-left.png differ
diff --git a/WebContent/ITMILL/themes/base/window/img/shadow/bottom-right.png b/WebContent/ITMILL/themes/base/window/img/shadow/bottom-right.png
new file mode 100644 (file)
index 0000000..af3552a
Binary files /dev/null and b/WebContent/ITMILL/themes/base/window/img/shadow/bottom-right.png differ
diff --git a/WebContent/ITMILL/themes/base/window/img/shadow/bottom.png b/WebContent/ITMILL/themes/base/window/img/shadow/bottom.png
new file mode 100644 (file)
index 0000000..ed24b66
Binary files /dev/null and b/WebContent/ITMILL/themes/base/window/img/shadow/bottom.png differ
diff --git a/WebContent/ITMILL/themes/base/window/img/shadow/center.png b/WebContent/ITMILL/themes/base/window/img/shadow/center.png
new file mode 100644 (file)
index 0000000..f3825db
Binary files /dev/null and b/WebContent/ITMILL/themes/base/window/img/shadow/center.png differ
diff --git a/WebContent/ITMILL/themes/base/window/img/shadow/left.png b/WebContent/ITMILL/themes/base/window/img/shadow/left.png
new file mode 100644 (file)
index 0000000..4c0b430
Binary files /dev/null and b/WebContent/ITMILL/themes/base/window/img/shadow/left.png differ
diff --git a/WebContent/ITMILL/themes/base/window/img/shadow/right.png b/WebContent/ITMILL/themes/base/window/img/shadow/right.png
new file mode 100644 (file)
index 0000000..f81cfa0
Binary files /dev/null and b/WebContent/ITMILL/themes/base/window/img/shadow/right.png differ
diff --git a/WebContent/ITMILL/themes/base/window/img/shadow/top-left.png b/WebContent/ITMILL/themes/base/window/img/shadow/top-left.png
new file mode 100644 (file)
index 0000000..7f79389
Binary files /dev/null and b/WebContent/ITMILL/themes/base/window/img/shadow/top-left.png differ
diff --git a/WebContent/ITMILL/themes/base/window/img/shadow/top-right.png b/WebContent/ITMILL/themes/base/window/img/shadow/top-right.png
new file mode 100644 (file)
index 0000000..feb490d
Binary files /dev/null and b/WebContent/ITMILL/themes/base/window/img/shadow/top-right.png differ
diff --git a/WebContent/ITMILL/themes/base/window/img/shadow/top.png b/WebContent/ITMILL/themes/base/window/img/shadow/top.png
new file mode 100644 (file)
index 0000000..10bcc45
Binary files /dev/null and b/WebContent/ITMILL/themes/base/window/img/shadow/top.png differ
diff --git a/WebContent/ITMILL/themes/base/window/window.css b/WebContent/ITMILL/themes/base/window/window.css
new file mode 100644 (file)
index 0000000..41b7f54
--- /dev/null
@@ -0,0 +1,185 @@
+.i-window {
+       background: #fff;
+}
+
+.i-window-outerheader {
+       cursor: move;
+}
+
+.i-window-header {
+       white-space: nowrap;
+       text-overflow: ellipsis;
+       overflow: hidden;
+}
+
+.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 {
+       height: 10px;
+}
+
+.i-window-resizebox {
+       position: relative; /* Needed to position the element over ScrollPanel, which is also relatively positioned */
+       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;
+       background: transparent;
+}
+
+.i-window-closebox {
+       position: absolute;
+       top: 0;
+       right: 0;
+       width: 12px;
+       height: 12px;
+       background: red;
+       cursor: pointer;
+       overflow: hidden;
+}
+
+.i-window-modalitycurtain {
+       top: 0;
+       left: 0;
+       background: white;
+       opacity: 0.5;
+       position: fixed;
+       width: 100%;
+       height: 100%;
+       filter: alpha(opacity=50);
+}
+
+/* IE6 workaround for position:fixed; */
+* html .i-window-modalitycurtain { 
+       position: absolute;
+       top: expression(document.documentElement.scrollTop + "px"); 
+}
+
+/* IE specific styles */
+
+* html .i-window {
+       width: 0; /* min-size for IE6 */
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+/* Shadow for window */
+
+.i-shadow-window {
+       position: absolute;
+}
+
+.i-shadow-window .top-left {
+    position: absolute; overflow: hidden;
+    top: -13px;             left: -20px;
+    width: 39px;         height: 39px;
+    background: transparent url(img/shadow/top-left.png);
+}
+
+.i-shadow-window .top {
+    position: absolute; overflow: hidden;
+    top: -13px;             left: 19px;
+    height: 39px;
+    right: 19px;
+    background: transparent url(img/shadow/top.png);
+}
+
+.i-shadow-window .top-right {
+    position: absolute; overflow: hidden;
+    top: -13px;             right: -20px;
+    width: 39px;         height: 39px;
+    background: transparent url(img/shadow/top-right.png);
+}
+
+.i-shadow-window .left {
+    position: absolute; overflow: hidden;
+    top: 26px;           left: -20px;
+    width: 39px;
+    bottom: 12px;
+    background: transparent url(img/shadow/left.png);
+}
+
+.i-shadow-window .center {
+    position: absolute; overflow: hidden;
+    top: 26px;           left: 19px;
+    bottom: 12px;        right: 19px;
+    background: transparent url(img/shadow/center.png);
+}
+
+.i-shadow-window .right {
+    position: absolute; overflow: hidden;
+    top: 26px;           right: -20px;
+    width: 39px;
+    bottom: 12px;
+    background: transparent url(img/shadow/right.png);
+}
+
+.i-shadow-window .bottom-left {
+    position: absolute; overflow: hidden;
+    bottom: -27px;           left: -20px;
+    width: 39px;          height: 39px;
+    background: transparent url(img/shadow/bottom-left.png);
+}
+
+.i-shadow-window .bottom {
+    position: absolute; overflow: hidden;
+    bottom: -27px;           left: 19px;
+    right: 19px;          height: 39px;
+    background: transparent url(img/shadow/bottom.png);
+}
+
+.i-shadow-window .bottom-right {
+    position: absolute; overflow: hidden;
+    bottom: -27px;           right: -20px;
+    width: 39px;          height: 39px;
+    background: transparent url(img/shadow/bottom-right.png);
+}
+
+
+/* For IE6 (no transparent png's, we use a blur filter) */
+
+* html .i-shadow-window * {
+       display: none;
+}
+
+* html .i-shadow-window {
+       background: #000;
+       filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=5) alpha(opacity=20);
+       margin-top: 2px;
+       margin-left: 2px;
+}
\ No newline at end of file