From 64d30355cd9f09ba0faff690fd798abc79533a8e Mon Sep 17 00:00:00 2001 From: Jouni Koivuviita Date: Mon, 11 May 2009 13:59:18 +0000 Subject: [PATCH] "Poro" theme update: * new textfield style "small" * select theme fixed for IE (still no icon support) * tooltip styles added svn changeset:7743/svn branch:6.0 --- .../ITMILL/themes/reindeer/common/common.css | 28 ++++++++ .../ITMILL/themes/reindeer/select/select.css | 19 ------ WebContent/ITMILL/themes/reindeer/styles.css | 64 +++++++++++++------ .../themes/reindeer/textfield/textfield.css | 17 +++++ 4 files changed, 90 insertions(+), 38 deletions(-) diff --git a/WebContent/ITMILL/themes/reindeer/common/common.css b/WebContent/ITMILL/themes/reindeer/common/common.css index 5acf6909b7..c3be298a30 100644 --- a/WebContent/ITMILL/themes/reindeer/common/common.css +++ b/WebContent/ITMILL/themes/reindeer/common/common.css @@ -56,4 +56,32 @@ } .i-ie7 .i-errorindicator { margin-left: -3px; +} +.i-tooltip { + background-color: #fffcdd; + border: 1px solid #b8b295; + font-size: 11px; + line-height: 13px; + color: #222; +} +.i-tooltip-text { + padding: 2px 4px; +} +.i-tooltip .i-errormessage { + padding: 3px 4px; + background: #ffecc6; + color: #b74100; + border: none; + border-top: 1px solid #fff3dc; +} +.i-tooltip .i-errormessage h2 { + font-size: 16px; + font-weight: normal; + color: #ab3101; + margin: 2px 0 8px 0; +} +.i-tooltip .i-errormessage h3 { + font-size: 13px; + font-weight: bold; + margin: 1px 0 4px 0; } \ No newline at end of file diff --git a/WebContent/ITMILL/themes/reindeer/select/select.css b/WebContent/ITMILL/themes/reindeer/select/select.css index a54c0a7b8b..736587932b 100644 --- a/WebContent/ITMILL/themes/reindeer/select/select.css +++ b/WebContent/ITMILL/themes/reindeer/select/select.css @@ -57,21 +57,6 @@ .i-readonly .i-filterselect-button:hover { background-image: url(img/right.png); /** sprite-ref: verticals */ } -/* IE6 needs some manual adjustments */ -.i-ie6 input.i-filterselect-input { - border-top: 1px solid #a2a3a4; - padding-top: 2px; -} -.i-ie6 .i-filterselect-button { - border-top: 1px solid #a2a3a4; - height: 23px; - cursor: pointer; -} -.i-ie6 .i-filterselect-focus input.i-filterselect-input, -.i-ie6 .i-filterselect-focus .i-filterselect-button { - border-top-color: #5b97d0; -} - .i-filterselect-suggestpopup { background: #f8f8f9; border: none; @@ -97,10 +82,6 @@ color: #fff; text-shadow: #3b5a7a 0 1px 0; } -/* IE fails to position background images properly inside table elements */ -.i-ie .i-filterselect-suggestmenu .gwt-MenuItem-selected { - background: transparent url(img/sel-bg.png) repeat-x; -} .i-filterselect-nextpage, .i-filterselect-nextpage-off, .i-filterselect-prevpage-off, diff --git a/WebContent/ITMILL/themes/reindeer/styles.css b/WebContent/ITMILL/themes/reindeer/styles.css index 69129abd0f..472fd11516 100644 --- a/WebContent/ITMILL/themes/reindeer/styles.css +++ b/WebContent/ITMILL/themes/reindeer/styles.css @@ -1889,6 +1889,34 @@ div > .i-button-small span, .i-ie7 .i-errorindicator { margin-left: -3px; } +.i-tooltip { + background-color: #fffcdd; + border: 1px solid #b8b295; + font-size: 11px; + line-height: 13px; + color: #222; +} +.i-tooltip-text { + padding: 2px 4px; +} +.i-tooltip .i-errormessage { + padding: 3px 4px; + background: #ffecc6; + color: #b74100; + border: none; + border-top: 1px solid #fff3dc; +} +.i-tooltip .i-errormessage h2 { + font-size: 16px; + font-weight: normal; + color: #ab3101; + margin: 2px 0 8px 0; +} +.i-tooltip .i-errormessage h3 { + font-size: 13px; + font-weight: bold; + margin: 1px 0 4px 0; +} /* ./WebContent/ITMILL/themes/reindeer/label/label.css */ .i-label { @@ -2071,21 +2099,6 @@ div > .i-button-small span, -background-image: url(common/img/vertical-sprites-ie6.png); background-position: left -242px; } -/* IE6 needs some manual adjustments */ -.i-ie6 input.i-filterselect-input { - border-top: 1px solid #a2a3a4; - padding-top: 2px; -} -.i-ie6 .i-filterselect-button { - border-top: 1px solid #a2a3a4; - height: 23px; - cursor: pointer; -} -.i-ie6 .i-filterselect-focus input.i-filterselect-input, -.i-ie6 .i-filterselect-focus .i-filterselect-button { - border-top-color: #5b97d0; -} - .i-filterselect-suggestpopup { background: #f8f8f9; border: none; @@ -2113,10 +2126,6 @@ div > .i-button-small span, color: #fff; text-shadow: #3b5a7a 0 1px 0; } -/* IE fails to position background images properly inside table elements */ -.i-ie .i-filterselect-suggestmenu .gwt-MenuItem-selected { - background: transparent url(select/img/sel-bg.png) repeat-x; -} .i-filterselect-nextpage, .i-filterselect-nextpage-off, .i-filterselect-prevpage-off, @@ -2352,6 +2361,10 @@ div > .i-button-small span, border-bottom-color: #5ca0df; outline: none; } +input.i-textfield-prompt { + font-style: normal; + color: #999; +} /* Textfield on blue background */ .blue .i-textfield { border-color: #92a2aa; @@ -2380,3 +2393,16 @@ div > .i-button-small span, -moz-border-image: url(textfield/img/bg-border-image-focus.png) 0 3 0 3 stretch stretch; -o-border-image: url(textfield/img/bg-border-image-focus.png) 0 3 0 3 stretch stretch; } +/* Small style textfield */ +.i-app input.i-textfield-small, +.i-sa input.i-textfield-small, +.i-ff35 input.i-textfield-small, +.i-op input.i-textfield-small { + font-size: 11px; + height: 15px; +} +.i-sa input.i-textfield-small, +.i-ff35 input.i-textfield-small, +.i-op input.i-textfield-small { + height: 16px; +} diff --git a/WebContent/ITMILL/themes/reindeer/textfield/textfield.css b/WebContent/ITMILL/themes/reindeer/textfield/textfield.css index b2064d58c1..f95c14ccef 100644 --- a/WebContent/ITMILL/themes/reindeer/textfield/textfield.css +++ b/WebContent/ITMILL/themes/reindeer/textfield/textfield.css @@ -19,6 +19,10 @@ border-bottom-color: #5ca0df; outline: none; } +input.i-textfield-prompt { + font-style: normal; + color: #999; +} /* Textfield on blue background */ .blue .i-textfield { border-color: #92a2aa; @@ -46,4 +50,17 @@ -webkit-border-image: url(img/bg-border-image-focus.png) 0 3 0 3 stretch stretch; -moz-border-image: url(img/bg-border-image-focus.png) 0 3 0 3 stretch stretch; -o-border-image: url(img/bg-border-image-focus.png) 0 3 0 3 stretch stretch; +} +/* Small style textfield */ +.i-app input.i-textfield-small, +.i-sa input.i-textfield-small, +.i-ff35 input.i-textfield-small, +.i-op input.i-textfield-small { + font-size: 11px; + height: 15px; +} +.i-sa input.i-textfield-small, +.i-ff35 input.i-textfield-small, +.i-op input.i-textfield-small { + height: 16px; } \ No newline at end of file -- 2.39.5