From: Jouni Koivuviita Date: Fri, 8 May 2009 12:39:49 +0000 (+0000) Subject: "Poro" theme updates: textfield styles. X-Git-Tag: 6.7.0.beta1~2936^2~3 X-Git-Url: https://source.dussan.org/?a=commitdiff_plain;h=bd46d5a0db8273834a4e9af2ae3b649ba1ce273f;p=vaadin-framework.git "Poro" theme updates: textfield styles. svn changeset:7681/svn branch:theme_2009_03 --- 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 Binary files a/WebContent/ITMILL/themes/reindeer/common/img/vertical-sprites.png and b/WebContent/ITMILL/themes/reindeer/common/img/vertical-sprites.png differ 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 Binary files /dev/null and b/WebContent/ITMILL/themes/reindeer/textfield/img/bg-border-image.png differ 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 Binary files /dev/null and b/WebContent/ITMILL/themes/reindeer/textfield/img/bg.png differ 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