diff options
author | Jouni Koivuviita <jouni.koivuviita@itmill.com> | 2009-05-11 13:59:18 +0000 |
---|---|---|
committer | Jouni Koivuviita <jouni.koivuviita@itmill.com> | 2009-05-11 13:59:18 +0000 |
commit | 64d30355cd9f09ba0faff690fd798abc79533a8e (patch) | |
tree | 889e054fc818fff0ee40580e132eb579a7798fc7 | |
parent | 1981ddc3b1a44de32e145c03a89b5a0f27807ac4 (diff) | |
download | vaadin-framework-64d30355cd9f09ba0faff690fd798abc79533a8e.tar.gz vaadin-framework-64d30355cd9f09ba0faff690fd798abc79533a8e.zip |
"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
-rw-r--r-- | WebContent/ITMILL/themes/reindeer/common/common.css | 28 | ||||
-rw-r--r-- | WebContent/ITMILL/themes/reindeer/select/select.css | 19 | ||||
-rw-r--r-- | WebContent/ITMILL/themes/reindeer/styles.css | 64 | ||||
-rw-r--r-- | WebContent/ITMILL/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 |