"Poro" theme updates: textfield styles.

svn changeset:7681/svn branch:theme_2009_03

8 files changed, 113 insertions, 2 deletions

diff --git a/WebContent/ITMILL/themes/reindeer/button/button.css b/WebContent/ITMILL/themes/reindeer/button/button.css
index 3023690de5..1be0acead1 100644
--- a/WebContent/ITMILL/themes/reindeer/button/button.css
+++ b/WebContent/ITMILL/themes/reindeer/button/button.css
@@ -210,7 +210,7 @@ div > .i-button-small span,
 .i-ie6 .i-button {
 	border: 1px solid #b3b3b3;
 	border-bottom-color: #9a9a9a;
-	background: transparent url(img/right.png) no-repeat 0 -1px;
+	background: #d8d8d8 url(img/right.png) no-repeat 0 -1px;
 	padding: 3px 15px 2px 15px;
 	font-weight: bold;
 	font-size: 11px;
@@ -230,4 +230,10 @@ div > .i-button-small span,
 }
 .i-ie6 .i-button.i-pressed {
 	background: transparent url(img/right-pressed.png) no-repeat 0 -1px;
+}
+/* Buttons on blue background */
+.i-ie6 .blue .i-button {
+	border-color: #84949c;
+	border-top-color: #83939b;
+	border-bottom-color: #888d91;
 }
\ No newline at end of file
diff --git a/WebContent/ITMILL/themes/reindeer/common/img/vertical-sprites.png b/WebContent/ITMILL/themes/reindeer/common/img/vertical-sprites.png
index 07ebba5e3d..99652769d4 100644
--- a/WebContent/ITMILL/themes/reindeer/common/img/vertical-sprites.png
+++ b/WebContent/ITMILL/themes/reindeer/common/img/vertical-sprites.png
diff --git a/WebContent/ITMILL/themes/reindeer/layouts/layouts.css b/WebContent/ITMILL/themes/reindeer/layouts/layouts.css
index 631754b50d..b53ce5bf3c 100644
--- a/WebContent/ITMILL/themes/reindeer/layouts/layouts.css
+++ b/WebContent/ITMILL/themes/reindeer/layouts/layouts.css
@@ -23,4 +23,10 @@
 .i-verticallayout-spacing-on {
 	padding-top: 7px;
 	padding-left: 6px;
+}
+/* Blue background */
+.i-verticallayout-blue,
+.i-horizontallayout-blue,
+.i-orderedlayout-blue {
+	background-color: #bcd3de;
 }
\ No newline at end of file
diff --git a/WebContent/ITMILL/themes/reindeer/styles.css b/WebContent/ITMILL/themes/reindeer/styles.css
index 36f0998768..7c37d5d5ec 100644
--- a/WebContent/ITMILL/themes/reindeer/styles.css
+++ b/WebContent/ITMILL/themes/reindeer/styles.css
@@ -1801,7 +1801,7 @@ div > .i-button-small span,
 .i-ie6 .i-button {
 	border: 1px solid #b3b3b3;
 	border-bottom-color: #9a9a9a;
-	background: transparent url(button/img/right.png) no-repeat 0 -1px;
+	background: #d8d8d8 url(button/img/right.png) no-repeat 0 -1px;
 	padding: 3px 15px 2px 15px;
 	font-weight: bold;
 	font-size: 11px;
@@ -1822,6 +1822,12 @@ div > .i-button-small span,
 .i-ie6 .i-button.i-pressed {
 	background: transparent url(button/img/right-pressed.png) no-repeat 0 -1px;
 }
+/* Buttons on blue background */
+.i-ie6 .blue .i-button {
+	border-color: #84949c;
+	border-top-color: #83939b;
+	border-bottom-color: #888d91;
+}
 
 /* ./WebContent/ITMILL/themes/reindeer/common/common.css */
 .i-generated-body,
@@ -1925,6 +1931,12 @@ div > .i-button-small span,
 	padding-top: 7px;
 	padding-left: 6px;
 }
+/* Blue background */
+.i-verticallayout-blue,
+.i-horizontallayout-blue,
+.i-orderedlayout-blue {
+	background-color: #bcd3de;
+}
 
 /* ./WebContent/ITMILL/themes/reindeer/panel/panel.css */
 .i-panel-caption,
@@ -2046,3 +2058,48 @@ div > .i-button-small span,
 	zoom:1;
 	display:inline;
 }
+/* Tabsheet on blue background */
+.blue .i-tabsheet-spacertd div,
+.blue .i-tabsheet-tabitem,
+.blue .i-tabsheet-tabitem-selected  {
+	border-color: #7c8a91;
+}
+
+/* ./WebContent/ITMILL/themes/reindeer/textfield/textfield.css */
+.i-textfield {
+	line-height: normal;
+	height: 19px;
+	border: 1px solid #bcbdbe;
+	border-top-color: #a2a3a4;
+	border-bottom-color: #d2d3d4;
+	background: #fff;
+	background-repeat: repeat-x;
+  background-image: url(common/img/vertical-sprites.png);
+  background-position: left -14px;
+	-moz-border-radius: 3px;
+}
+/* Need more specific selector because of #2384 fixes in base/common/common.css */
+.i-app input.i-textfield {
+	padding: 3px 3px 0 3px;
+}
+/* Textfield on blue background */
+.blue .i-textfield {
+	border-color: #92a2aa;
+	border-top-color: #7c8a90;
+	border-bottom-color: #a1b3bc;
+}
+/* Capable browsers get fancier border images */
+.i-sa input.i-textfield,
+.i-ff35 input.i-textfield,
+.i-op input.i-textfield {
+	-moz-border-radius: 0;
+	border: none;
+	background: transparent;
+	border-width: 0 3px 0 3px;
+	padding: 4px 0 0 0;
+	height: 20px;
+	-webkit-border-image: url(textfield/img/bg-border-image.png) 0 3 0 3 stretch stretch;
+	-moz-border-image: url(textfield/img/bg-border-image.png) 0 3 0 3 stretch stretch;
+	-o-border-image: url(textfield/img/bg-border-image.png) 0 3 0 3 stretch stretch;
+	
+}
diff --git a/WebContent/ITMILL/themes/reindeer/tabsheet/tabsheet.css b/WebContent/ITMILL/themes/reindeer/tabsheet/tabsheet.css
index 8341e0fac0..0b4c425a71 100644
--- a/WebContent/ITMILL/themes/reindeer/tabsheet/tabsheet.css
+++ b/WebContent/ITMILL/themes/reindeer/tabsheet/tabsheet.css
@@ -49,4 +49,10 @@
 .i-ie .i-tabsheet-tabs .i-errorindicator {
 	zoom:1;
 	display:inline;
+}
+/* Tabsheet on blue background */
+.blue .i-tabsheet-spacertd div,
+.blue .i-tabsheet-tabitem,
+.blue .i-tabsheet-tabitem-selected  {
+	border-color: #7c8a91;
 }
\ No newline at end of file
diff --git a/WebContent/ITMILL/themes/reindeer/textfield/img/bg-border-image.png b/WebContent/ITMILL/themes/reindeer/textfield/img/bg-border-image.png
new file mode 100644
index 0000000000..38fe3e6d7b
--- /dev/null
+++ b/WebContent/ITMILL/themes/reindeer/textfield/img/bg-border-image.png
diff --git a/WebContent/ITMILL/themes/reindeer/textfield/img/bg.png b/WebContent/ITMILL/themes/reindeer/textfield/img/bg.png
new file mode 100644
index 0000000000..4096e9d524
--- /dev/null
+++ b/WebContent/ITMILL/themes/reindeer/textfield/img/bg.png
diff --git a/WebContent/ITMILL/themes/reindeer/textfield/textfield.css b/WebContent/ITMILL/themes/reindeer/textfield/textfield.css
new file mode 100644
index 0000000000..6943cb53eb
--- /dev/null
+++ b/WebContent/ITMILL/themes/reindeer/textfield/textfield.css
@@ -0,0 +1,36 @@
+.i-textfield {
+	line-height: normal;
+	height: 19px;
+	border: 1px solid #bcbdbe;
+	border-top-color: #a2a3a4;
+	border-bottom-color: #d2d3d4;
+	background: #fff;
+	background-repeat: repeat-x;
+	background-image: url(img/bg.png); /** sprite-ref: verticals; sprite-alignment: repeat */
+	-moz-border-radius: 3px;
+}
+/* Need more specific selector because of #2384 fixes in base/common/common.css */
+.i-app input.i-textfield {
+	padding: 3px 3px 0 3px;
+}
+/* Textfield on blue background */
+.blue .i-textfield {
+	border-color: #92a2aa;
+	border-top-color: #7c8a90;
+	border-bottom-color: #a1b3bc;
+}
+/* Capable browsers get fancier border images */
+.i-sa input.i-textfield,
+.i-ff35 input.i-textfield,
+.i-op input.i-textfield {
+	-moz-border-radius: 0;
+	border: none;
+	background: transparent;
+	border-width: 0 3px 0 3px;
+	padding: 4px 0 0 0;
+	height: 20px;
+	-webkit-border-image: url(img/bg-border-image.png) 0 3 0 3 stretch stretch;
+	-moz-border-image: url(img/bg-border-image.png) 0 3 0 3 stretch stretch;
+	-o-border-image: url(img/bg-border-image.png) 0 3 0 3 stretch stretch;
+	
+}
\ No newline at end of file