Shadow styles for default theme.

svn changeset:5017/svn branch:trunk

15 files changed, 308 insertions, 4 deletions

diff --git a/WebContent/ITMILL/themes/default/common/common.css b/WebContent/ITMILL/themes/default/common/common.css
index 443356fd27..dad8550ea8 100644
--- a/WebContent/ITMILL/themes/default/common/common.css
+++ b/WebContent/ITMILL/themes/default/common/common.css
@@ -108,8 +108,8 @@ input.i-modified,
 }
 
 .i-contextmenu .gwt-MenuBar {
-	border-right: 2px solid #c6cbcc;
-	border-bottom: 2px solid #c6cbcc;
+	border-right: 1px solid #c6cbcc;
+	border-bottom: 1px solid #c6cbcc;
 	border-top: 1px solid #d0d4d5;
 	border-left: 1px solid #d0d4d5;
 }
diff --git a/WebContent/ITMILL/themes/default/formlayout/formlayout.css b/WebContent/ITMILL/themes/default/formlayout/formlayout.css
index e5a27ade38..1a9040032b 100644
--- a/WebContent/ITMILL/themes/default/formlayout/formlayout.css
+++ b/WebContent/ITMILL/themes/default/formlayout/formlayout.css
@@ -49,4 +49,10 @@
 
 * html .i-form-errormessage {
 	height: 20px
+}
+
+.i-form {
+	border: none;
+	margin: 0;
+	padding: 0;
 }
\ No newline at end of file
diff --git a/WebContent/ITMILL/themes/default/icons/32/document-edit.png b/WebContent/ITMILL/themes/default/icons/32/document-edit.png
new file mode 100644
index 0000000000..1d17383ca7
--- /dev/null
+++ b/WebContent/ITMILL/themes/default/icons/32/document-edit.png
diff --git a/WebContent/ITMILL/themes/default/icons/64/document-edit.png b/WebContent/ITMILL/themes/default/icons/64/document-edit.png
new file mode 100644
index 0000000000..6af96c9b77
--- /dev/null
+++ b/WebContent/ITMILL/themes/default/icons/64/document-edit.png
diff --git a/WebContent/ITMILL/themes/default/shadow/img/bottom-left.png b/WebContent/ITMILL/themes/default/shadow/img/bottom-left.png
new file mode 100644
index 0000000000..b119a13119
--- /dev/null
+++ b/WebContent/ITMILL/themes/default/shadow/img/bottom-left.png
diff --git a/WebContent/ITMILL/themes/default/shadow/img/bottom-right.png b/WebContent/ITMILL/themes/default/shadow/img/bottom-right.png
new file mode 100644
index 0000000000..50aaa3bedc
--- /dev/null
+++ b/WebContent/ITMILL/themes/default/shadow/img/bottom-right.png
diff --git a/WebContent/ITMILL/themes/default/shadow/img/bottom.png b/WebContent/ITMILL/themes/default/shadow/img/bottom.png
new file mode 100644
index 0000000000..96af859986
--- /dev/null
+++ b/WebContent/ITMILL/themes/default/shadow/img/bottom.png
diff --git a/WebContent/ITMILL/themes/default/shadow/img/center.png b/WebContent/ITMILL/themes/default/shadow/img/center.png
new file mode 100644
index 0000000000..d6fb99a889
--- /dev/null
+++ b/WebContent/ITMILL/themes/default/shadow/img/center.png
diff --git a/WebContent/ITMILL/themes/default/shadow/img/left.png b/WebContent/ITMILL/themes/default/shadow/img/left.png
new file mode 100644
index 0000000000..4c3611c842
--- /dev/null
+++ b/WebContent/ITMILL/themes/default/shadow/img/left.png
diff --git a/WebContent/ITMILL/themes/default/shadow/img/right.png b/WebContent/ITMILL/themes/default/shadow/img/right.png
new file mode 100644
index 0000000000..34a46e7b13
--- /dev/null
+++ b/WebContent/ITMILL/themes/default/shadow/img/right.png
diff --git a/WebContent/ITMILL/themes/default/shadow/img/top-left.png b/WebContent/ITMILL/themes/default/shadow/img/top-left.png
new file mode 100644
index 0000000000..27cf4d3f61
--- /dev/null
+++ b/WebContent/ITMILL/themes/default/shadow/img/top-left.png
diff --git a/WebContent/ITMILL/themes/default/shadow/img/top-right.png b/WebContent/ITMILL/themes/default/shadow/img/top-right.png
new file mode 100644
index 0000000000..7f187ca556
--- /dev/null
+++ b/WebContent/ITMILL/themes/default/shadow/img/top-right.png
diff --git a/WebContent/ITMILL/themes/default/shadow/img/top.png b/WebContent/ITMILL/themes/default/shadow/img/top.png
new file mode 100644
index 0000000000..b654d78da9
--- /dev/null
+++ b/WebContent/ITMILL/themes/default/shadow/img/top.png
diff --git a/WebContent/ITMILL/themes/default/shadow/shadow.css b/WebContent/ITMILL/themes/default/shadow/shadow.css
new file mode 100644
index 0000000000..fb7395d4d9
--- /dev/null
+++ b/WebContent/ITMILL/themes/default/shadow/shadow.css
@@ -0,0 +1,145 @@
+.i-shadow {
+	position: absolute;
+	overflow: auto;
+}
+
+.i-shadow .top-left {
+    position: absolute; overflow: hidden;
+    top: 0;             left: 0;
+    width: 8px;         height: 8px;
+    background: transparent url(img/top-left.png);
+}
+
+.i-shadow .top {
+    position: absolute; overflow: hidden;
+    top: 0;             left: 8px;
+    height: 8px;
+    right: 8px;
+    background: transparent url(img/top.png);
+}
+
+.i-shadow .top-right {
+    position: absolute; overflow: hidden;
+    top: 0;             right: 0;
+    width: 8px;         height: 8px;
+    background: transparent url(img/top-right.png);
+}
+
+.i-shadow .left {
+    position: absolute; overflow: hidden;
+    top: 8px;           left: 0;
+    width: 8px;
+    bottom: 8px;
+    background: transparent url(img/left.png);
+}
+
+.i-shadow .center {
+    position: absolute; overflow: hidden;
+    top: 8px;           left: 8px;
+    bottom: 8px;        right: 8px;
+    background: transparent url(img/center.png);
+}
+
+.i-shadow .right {
+    position: absolute; overflow: hidden;
+    top: 8px;           right: 0;
+    width: 8px;
+    bottom: 8px;
+    background: transparent url(img/right.png);
+}
+
+.i-shadow .bottom-left {
+    position: absolute; overflow: hidden;
+    bottom: 0;           left: 0;
+    width: 8px;          height: 8px;
+    background: transparent url(img/bottom-left.png);
+}
+
+.i-shadow .bottom {
+    position: absolute; overflow: hidden;
+    bottom: 0;           left: 8px;
+    right: 8px;          height: 8px;
+    background: transparent url(img/bottom.png);
+}
+
+.i-shadow .bottom-right {
+    position: absolute; overflow: hidden;
+    bottom: 0;           right: 0;
+    width: 8px;          height: 8px;
+    background: transparent url(img/bottom-right.png);
+}
+
+
+
+
+
+/* And all the same for IE6 (transparent png's) */
+
+* html .i-shadow .top-left {
+    background: transparent;
+    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="ITMILL/themes/default/shadow/img/top-left.png", sizingMethod='crop');
+    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../ITMILL/themes/default/shadow/img/top-left.png", sizingMethod='crop');
+    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../ITMILL/themes/default/shadow/img/top-left.png", sizingMethod='crop');
+}
+
+* html .i-shadow .top {
+    background: transparent;
+    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="ITMILL/themes/default/shadow/img/top.png", sizingMethod='scale');
+    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../ITMILL/themes/default/shadow/img/top.png", sizingMethod='scale');
+    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../ITMILL/themes/default/shadow/img/top.png", sizingMethod='scale');
+    width: expression(this.parentNode.offsetWidth - this.previousSibling.offsetWidth - this.nextSibling.offsetWidth);
+}
+
+* html .i-shadow .top-right {
+    background: transparent;
+    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="ITMILL/themes/default/shadow/img/top-right.png", sizingMethod='crop');
+    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../ITMILL/themes/default/shadow/img/top-right.png", sizingMethod='crop');
+    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../ITMILL/themes/default/shadow/img/top-right.png", sizingMethod='crop');
+}
+
+* html .i-shadow .left {
+    background: transparent;
+    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="ITMILL/themes/default/shadow/img/left.png", sizingMethod='scale');
+    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../ITMILL/themes/default/shadow/img/left.png", sizingMethod='scale');
+    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../ITMILL/themes/default/shadow/img/left.png", sizingMethod='scale');
+    height: expression(this.parentNode.offsetHeight - this.parentNode.firstChild.offsetHeight - this.parentNode.childNodes[6].offsetHeight);
+}
+
+* html .i-shadow .center {
+    background: transparent;
+    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="ITMILL/themes/default/shadow/img/center.png", sizingMethod='scale');
+    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../ITMILL/themes/default/shadow/img/center.png", sizingMethod='scale');
+    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../ITMILL/themes/default/shadow/img/center.png", sizingMethod='scale');
+    height: expression(this.parentNode.offsetHeight - this.parentNode.firstChild.offsetHeight - this.parentNode.childNodes[6].offsetHeight);
+    width: expression(this.parentNode.offsetWidth - this.previousSibling.offsetWidth - this.nextSibling.offsetWidth);
+}
+
+* html .i-shadow .right {
+    background: transparent;
+    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="ITMILL/themes/default/shadow/img/right.png", sizingMethod='scale');
+    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../ITMILL/themes/default/shadow/img/right.png", sizingMethod='scale');
+    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../ITMILL/themes/default/shadow/img/right.png", sizingMethod='scale');
+    height: expression(this.parentNode.offsetHeight - this.parentNode.firstChild.offsetHeight - this.parentNode.childNodes[6].offsetHeight);
+}
+
+* html .i-shadow .bottom-left {
+    background: transparent;
+    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="ITMILL/themes/default/shadow/img/bottom-left.png", sizingMethod='crop');
+    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../ITMILL/themes/default/shadow/img/bottom-left.png", sizingMethod='crop');
+    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../ITMILL/themes/default/shadow/img/bottom-left.png", sizingMethod='crop');
+}
+
+* html .i-shadow .bottom {
+    background: transparent;
+    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="ITMILL/themes/default/shadow/img/bottom.png", sizingMethod='scale');
+    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../ITMILL/themes/default/shadow/img/bottom.png", sizingMethod='scale');
+    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../ITMILL/themes/default/shadow/img/bottom.png", sizingMethod='scale');
+    width: expression(this.parentNode.offsetWidth - this.previousSibling.offsetWidth - this.nextSibling.offsetWidth);
+}
+
+* html .i-shadow .bottom-right {
+    background: transparent;
+    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="ITMILL/themes/default/shadow/img/bottom-right.png", sizingMethod='crop');
+    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../ITMILL/themes/default/shadow/img/bottom-right.png", sizingMethod='crop');
+    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../ITMILL/themes/default/shadow/img/bottom-right.png", sizingMethod='crop');
+}
\ No newline at end of file
diff --git a/WebContent/ITMILL/themes/default/styles.css b/WebContent/ITMILL/themes/default/styles.css
index eacde80159..6067792ab4 100644
--- a/WebContent/ITMILL/themes/default/styles.css
+++ b/WebContent/ITMILL/themes/default/styles.css
@@ -51,6 +51,7 @@
 
 /* fixes streched buttons in IE6 */
 * html .i-button {
+	width: 1px;
 	overflow: visible;
 	padding-left: 10px;
 	padding-right: 10px;
@@ -62,6 +63,7 @@
 	padding-right: 10px;
 }
 
+
 /* Disabled by default
 .i-checkbox-error {
 	background:transparent;
@@ -225,8 +227,8 @@ input.i-modified,
 }
 
 .i-contextmenu .gwt-MenuBar {
-	border-right: 2px solid #c6cbcc;
-	border-bottom: 2px solid #c6cbcc;
+	border-right: 1px solid #c6cbcc;
+	border-bottom: 1px solid #c6cbcc;
 	border-top: 1px solid #d0d4d5;
 	border-left: 1px solid #d0d4d5;
 }
@@ -583,6 +585,12 @@ input.i-modified,
 * html .i-form-errormessage {
 	height: 20px
 }
+
+.i-form {
+	border: none;
+	margin: 0;
+	padding: 0;
+}
 .i-gridlayout-margin-top {
 	padding-top: 15px;
 }
@@ -1209,6 +1217,151 @@ input.i-modified,
 }
 
 
+.i-shadow {
+	position: absolute;
+	overflow: auto;
+}
+
+.i-shadow .top-left {
+    position: absolute; overflow: hidden;
+    top: 0;             left: 0;
+    width: 8px;         height: 8px;
+    background: transparent url(shadow/img/top-left.png);
+}
+
+.i-shadow .top {
+    position: absolute; overflow: hidden;
+    top: 0;             left: 8px;
+    height: 8px;
+    right: 8px;
+    background: transparent url(shadow/img/top.png);
+}
+
+.i-shadow .top-right {
+    position: absolute; overflow: hidden;
+    top: 0;             right: 0;
+    width: 8px;         height: 8px;
+    background: transparent url(shadow/img/top-right.png);
+}
+
+.i-shadow .left {
+    position: absolute; overflow: hidden;
+    top: 8px;           left: 0;
+    width: 8px;
+    bottom: 8px;
+    background: transparent url(shadow/img/left.png);
+}
+
+.i-shadow .center {
+    position: absolute; overflow: hidden;
+    top: 8px;           left: 8px;
+    bottom: 8px;        right: 8px;
+    background: transparent url(shadow/img/center.png);
+}
+
+.i-shadow .right {
+    position: absolute; overflow: hidden;
+    top: 8px;           right: 0;
+    width: 8px;
+    bottom: 8px;
+    background: transparent url(shadow/img/right.png);
+}
+
+.i-shadow .bottom-left {
+    position: absolute; overflow: hidden;
+    bottom: 0;           left: 0;
+    width: 8px;          height: 8px;
+    background: transparent url(shadow/img/bottom-left.png);
+}
+
+.i-shadow .bottom {
+    position: absolute; overflow: hidden;
+    bottom: 0;           left: 8px;
+    right: 8px;          height: 8px;
+    background: transparent url(shadow/img/bottom.png);
+}
+
+.i-shadow .bottom-right {
+    position: absolute; overflow: hidden;
+    bottom: 0;           right: 0;
+    width: 8px;          height: 8px;
+    background: transparent url(shadow/img/bottom-right.png);
+}
+
+
+
+
+
+/* And all the same for IE6 (transparent png's) */
+
+* html .i-shadow .top-left {
+    background: transparent;
+    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="ITMILL/themes/default/shadow/img/top-left.png", sizingMethod='crop');
+    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../ITMILL/themes/default/shadow/img/top-left.png", sizingMethod='crop');
+    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../ITMILL/themes/default/shadow/img/top-left.png", sizingMethod='crop');
+}
+
+* html .i-shadow .top {
+    background: transparent;
+    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="ITMILL/themes/default/shadow/img/top.png", sizingMethod='scale');
+    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../ITMILL/themes/default/shadow/img/top.png", sizingMethod='scale');
+    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../ITMILL/themes/default/shadow/img/top.png", sizingMethod='scale');
+    width: expression(this.parentNode.offsetWidth - this.previousSibling.offsetWidth - this.nextSibling.offsetWidth);
+}
+
+* html .i-shadow .top-right {
+    background: transparent;
+    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="ITMILL/themes/default/shadow/img/top-right.png", sizingMethod='crop');
+    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../ITMILL/themes/default/shadow/img/top-right.png", sizingMethod='crop');
+    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../ITMILL/themes/default/shadow/img/top-right.png", sizingMethod='crop');
+}
+
+* html .i-shadow .left {
+    background: transparent;
+    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="ITMILL/themes/default/shadow/img/left.png", sizingMethod='scale');
+    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../ITMILL/themes/default/shadow/img/left.png", sizingMethod='scale');
+    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../ITMILL/themes/default/shadow/img/left.png", sizingMethod='scale');
+    height: expression(this.parentNode.offsetHeight - this.parentNode.firstChild.offsetHeight - this.parentNode.childNodes[6].offsetHeight);
+}
+
+* html .i-shadow .center {
+    background: transparent;
+    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="ITMILL/themes/default/shadow/img/center.png", sizingMethod='scale');
+    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../ITMILL/themes/default/shadow/img/center.png", sizingMethod='scale');
+    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../ITMILL/themes/default/shadow/img/center.png", sizingMethod='scale');
+    height: expression(this.parentNode.offsetHeight - this.parentNode.firstChild.offsetHeight - this.parentNode.childNodes[6].offsetHeight);
+    width: expression(this.parentNode.offsetWidth - this.previousSibling.offsetWidth - this.nextSibling.offsetWidth);
+}
+
+* html .i-shadow .right {
+    background: transparent;
+    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="ITMILL/themes/default/shadow/img/right.png", sizingMethod='scale');
+    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../ITMILL/themes/default/shadow/img/right.png", sizingMethod='scale');
+    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../ITMILL/themes/default/shadow/img/right.png", sizingMethod='scale');
+    height: expression(this.parentNode.offsetHeight - this.parentNode.firstChild.offsetHeight - this.parentNode.childNodes[6].offsetHeight);
+}
+
+* html .i-shadow .bottom-left {
+    background: transparent;
+    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="ITMILL/themes/default/shadow/img/bottom-left.png", sizingMethod='crop');
+    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../ITMILL/themes/default/shadow/img/bottom-left.png", sizingMethod='crop');
+    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../ITMILL/themes/default/shadow/img/bottom-left.png", sizingMethod='crop');
+}
+
+* html .i-shadow .bottom {
+    background: transparent;
+    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="ITMILL/themes/default/shadow/img/bottom.png", sizingMethod='scale');
+    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../ITMILL/themes/default/shadow/img/bottom.png", sizingMethod='scale');
+    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../ITMILL/themes/default/shadow/img/bottom.png", sizingMethod='scale');
+    width: expression(this.parentNode.offsetWidth - this.previousSibling.offsetWidth - this.nextSibling.offsetWidth);
+}
+
+* html .i-shadow .bottom-right {
+    background: transparent;
+    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="ITMILL/themes/default/shadow/img/bottom-right.png", sizingMethod='crop');
+    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../ITMILL/themes/default/shadow/img/bottom-right.png", sizingMethod='crop');
+    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../ITMILL/themes/default/shadow/img/bottom-right.png", sizingMethod='crop');
+}
 /*--------------------------
   Default (horizontal) styles
   --------------------------*/