From bd46d5a0db8273834a4e9af2ae3b649ba1ce273f Mon Sep 17 00:00:00 2001 From: Jouni Koivuviita Date: Fri, 8 May 2009 12:39:49 +0000 Subject: [PATCH] "Poro" theme updates: textfield styles. svn changeset:7681/svn branch:theme_2009_03 --- .../ITMILL/themes/reindeer/button/button.css | 8 ++- .../reindeer/common/img/vertical-sprites.png | Bin 228 -> 236 bytes .../themes/reindeer/layouts/layouts.css | 6 ++ WebContent/ITMILL/themes/reindeer/styles.css | 59 +++++++++++++++++- .../themes/reindeer/tabsheet/tabsheet.css | 6 ++ .../textfield/img/bg-border-image.png | Bin 0 -> 243 bytes .../themes/reindeer/textfield/img/bg.png | Bin 0 -> 124 bytes .../themes/reindeer/textfield/textfield.css | 36 +++++++++++ 8 files changed, 113 insertions(+), 2 deletions(-) create mode 100644 WebContent/ITMILL/themes/reindeer/textfield/img/bg-border-image.png create mode 100644 WebContent/ITMILL/themes/reindeer/textfield/img/bg.png create mode 100644 WebContent/ITMILL/themes/reindeer/textfield/textfield.css 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 07ebba5e3db6054321e5508df19d3d96846cce01..99652769d4089d36cd67c15db54a4e25b6929283 100644 GIT binary patch delta 176 zcmV;h08jtq0qg;g7Y+{y0{{R3d4<{A0000&ktH#I-rnA#sjz>Jn|zCxjh(5Lqp!xt z$bnLBo&W#<0d!JMQvg8b*k%9#09Z*xK~#9!t .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 0000000000000000000000000000000000000000..38fe3e6d7b50f6d07783b12cce0535a770120d50 GIT binary patch literal 243 zcmeAS@N?(olHy`uVBq!ia0vp^96&6=!3HFc-`pbrq$EpRBT9nv(@M${i&7aJQ}UBi z6+Ckj(^G>|6H_V+Po~-c6;1VYaSW-rmGtNTfBWXXd5(6>Vh7Hiww`$L%qcZRWz(Y< z58l(`i~MxppmTTHnR%P%A3S%_@{>Iu!=&US1qL_K3xSNvkL%}ba