From 1961060085b9ae08bc7bd455f1214842741bb4e5 Mon Sep 17 00:00:00 2001 From: Matti Tahvonen Date: Thu, 14 May 2009 11:33:35 +0000 Subject: [PATCH] fixes #2901, added common position relative hack for IE svn changeset:7804/svn branch:6.0 --- .../themes/base/splitpanel/splitpanel.css | 7 + WebContent/VAADIN/themes/base/styles.css | 7 + WebContent/VAADIN/themes/default/styles.css | 7 + WebContent/VAADIN/themes/reindeer/styles.css | 301 +++++------------- 4 files changed, 105 insertions(+), 217 deletions(-) diff --git a/WebContent/VAADIN/themes/base/splitpanel/splitpanel.css b/WebContent/VAADIN/themes/base/splitpanel/splitpanel.css index 7406c4f3c8..2e8df90a63 100644 --- a/WebContent/VAADIN/themes/base/splitpanel/splitpanel.css +++ b/WebContent/VAADIN/themes/base/splitpanel/splitpanel.css @@ -28,4 +28,11 @@ /* IE specific styles */ .v-ie6 .v-splitpanel-horizontal .v-splitpanel-hsplitter div { height: 99%; +} + +.v-ie6 .v-splitpanel-first-container, +.v-ie6 .v-splitpanel-second-container, +.v-ie7 .v-splitpanel-first-container, +.v-ie7 .v-splitpanel-second-container { + position:relative; } \ No newline at end of file diff --git a/WebContent/VAADIN/themes/base/styles.css b/WebContent/VAADIN/themes/base/styles.css index b52c8a51dc..a1872104ae 100644 --- a/WebContent/VAADIN/themes/base/styles.css +++ b/WebContent/VAADIN/themes/base/styles.css @@ -1058,6 +1058,13 @@ height: 99%; } +.v-ie6 .v-splitpanel-first-container, +.v-ie6 .v-splitpanel-second-container, +.v-ie7 .v-splitpanel-first-container, +.v-ie7 .v-splitpanel-second-container { + position:relative; +} + /* ./WebContent/VAADIN/themes/base/table/table.css */ /* Table theme building instructions * diff --git a/WebContent/VAADIN/themes/default/styles.css b/WebContent/VAADIN/themes/default/styles.css index 5f39650ea9..557929c932 100644 --- a/WebContent/VAADIN/themes/default/styles.css +++ b/WebContent/VAADIN/themes/default/styles.css @@ -1058,6 +1058,13 @@ height: 99%; } +.v-ie6 .v-splitpanel-first-container, +.v-ie6 .v-splitpanel-second-container, +.v-ie7 .v-splitpanel-first-container, +.v-ie7 .v-splitpanel-second-container { + position:relative; +} + /* ./WebContent/VAADIN/themes/base/table/table.css */ /* Table theme building instructions * diff --git a/WebContent/VAADIN/themes/reindeer/styles.css b/WebContent/VAADIN/themes/reindeer/styles.css index 0184a7f2d1..124d1dc33e 100644 --- a/WebContent/VAADIN/themes/reindeer/styles.css +++ b/WebContent/VAADIN/themes/reindeer/styles.css @@ -1058,6 +1058,13 @@ height: 99%; } +.v-ie6 .v-splitpanel-first-container, +.v-ie6 .v-splitpanel-second-container, +.v-ie7 .v-splitpanel-first-container, +.v-ie7 .v-splitpanel-second-container { + position:relative; +} + /* ./WebContent/VAADIN/themes/base/table/table.css */ /* Table theme building instructions * @@ -1552,10 +1559,14 @@ div.v-window-header { /*------------ * General vertical and horizontal sprites * -----------*/ +/** sprite: verticals; sprite-image: url(common/img/vertical-sprites.png); sprite-layout: vertical */ +/** sprite: horizontals; sprite-image: url(common/img/horizontal-sprites.png); sprite-layout: horizontal */ /*------------ * Buttons * -----------*/ +/** sprite: buttons; sprite-image: url(button/img/button-sprites.png); sprite-layout: vertical */ +/** sprite: buttons-black; sprite-image: url(button/img/button-black-sprites.png); sprite-layout: vertical */ /* ./WebContent/VAADIN/themes/reindeer/button/button.css */ /* We serve simpler buttons for IE6, since it doesn't support the adjacent @@ -1567,9 +1578,7 @@ div > .v-button, padding: 0 0 0 6px; background-color: transparent; background-repeat: no-repeat; - background-image: url(button/img/button-sprites.png); - -background-image: url(button/img/button-sprites-ie6.png); - background-position: left -0px; + background-image: url(button/img/left.png); /** sprite-ref: buttons */ border: none; cursor: default; } @@ -1581,9 +1590,7 @@ div > .v-button span, background-color: transparent; background-repeat: no-repeat; background-position: right top; - background-image: url(button/img/button-sprites.png); - -background-image: url(button/img/button-sprites-ie6.png); - background-position: right -26px; + background-image: url(button/img/right.png); /** sprite-ref: buttons; sprite-alignment: right */ text-shadow: #fff 0 1px 0; font-weight: bold; font-size: 11px; @@ -1595,29 +1602,21 @@ div > .v-button span, padding-top: 5px; } .v-button:focus { - background-image: url(button/img/button-sprites.png); - -background-image: url(button/img/button-sprites-ie6.png); - background-position: left -52px; + background-image: url(button/img/left-focus.png); /** sprite-ref: buttons */ outline: none; } .v-button:focus span { - background-image: url(button/img/button-sprites.png); - -background-image: url(button/img/button-sprites-ie6.png); - background-position: right -78px; + background-image: url(button/img/right-focus.png); /** sprite-ref: buttons; sprite-alignment: right */ outline: none; } .v-button:active, .v-ie7 .v-button.v-pressed { - background-image: url(button/img/button-sprites.png); - -background-image: url(button/img/button-sprites-ie6.png); - background-position: left -104px; + background-image: url(button/img/left-pressed.png); /** sprite-ref: buttons */ outline: none; } .v-button:active span, .v-ie7 .v-button.v-pressed span { - background-image: url(button/img/button-sprites.png); - -background-image: url(button/img/button-sprites-ie6.png); - background-position: right -130px; + background-image: url(button/img/right-pressed.png); /** sprite-ref: buttons; sprite-alignment: right */ outline: none; } .v-ie7 .v-button.v-pressed span { @@ -1729,53 +1728,37 @@ div > .v-button .v-errorindicator, */ div > .v-button-primary, .v-ie7 .v-button-primary { - background-image: url(button/img/button-sprites.png); - -background-image: url(button/img/button-sprites-ie6.png); - background-position: left -156px; + background-image: url(button/img/primary-left.png); /** sprite-ref: buttons */ } div > .v-button-primary span, .v-ie7 .v-button-primary span { - background-image: url(button/img/button-sprites.png); - -background-image: url(button/img/button-sprites-ie6.png); - background-position: right -182px; + background-image: url(button/img/primary-right.png); /** sprite-ref: buttons; sprite-alignment: right */ } .v-button-primary:focus { - background-image: url(button/img/button-sprites.png); - -background-image: url(button/img/button-sprites-ie6.png); - background-position: left -208px; + background-image: url(button/img/primary-left-focus.png); /** sprite-ref: buttons */ } .v-button-primary:focus span { - background-image: url(button/img/button-sprites.png); - -background-image: url(button/img/button-sprites-ie6.png); - background-position: right -234px; + background-image: url(button/img/primary-right-focus.png); /** sprite-ref: buttons; sprite-alignment: right */ } .v-button-primary:active, .v-ie7 .v-button-primary.v-pressed { - background-image: url(button/img/button-sprites.png); - -background-image: url(button/img/button-sprites-ie6.png); - background-position: left -260px; + background-image: url(button/img/primary-left-pressed.png); /** sprite-ref: buttons */ } .v-button-primary:active span, .v-ie7 .v-button-primary.v-pressed span { - background-image: url(button/img/button-sprites.png); - -background-image: url(button/img/button-sprites-ie6.png); - background-position: right -286px; + background-image: url(button/img/primary-right-pressed.png); /** sprite-ref: buttons; sprite-alignment: right */ } /* * Small-style -------------------------- */ div > .v-button-small, .v-ie7 .v-button-small { - background-image: url(button/img/button-sprites.png); - -background-image: url(button/img/button-sprites-ie6.png); - background-position: left -312px; + background-image: url(button/img/small-left.png); /** sprite-ref: buttons */ height: 20px; } div > .v-button-small span, .v-ie7 .v-button-small span { - background-image: url(button/img/button-sprites.png); - -background-image: url(button/img/button-sprites-ie6.png); - background-position: right -332px; + background-image: url(button/img/small-right.png); /** sprite-ref: buttons; sprite-alignment: right */ height: 19px; padding: 1px 11px 0 5px; font-weight: normal; @@ -1789,26 +1772,18 @@ div > .v-button-small span, padding-top: 2px; } .v-button-small:focus { - background-image: url(button/img/button-sprites.png); - -background-image: url(button/img/button-sprites-ie6.png); - background-position: left -352px; + background-image: url(button/img/small-left-focus.png); /** sprite-ref: buttons */ } .v-button-small:focus span { - background-image: url(button/img/button-sprites.png); - -background-image: url(button/img/button-sprites-ie6.png); - background-position: right -372px; + background-image: url(button/img/small-right-focus.png); /** sprite-ref: buttons; sprite-alignment: right */ } .v-button-small:active, .v-ie7 .v-button-small.v-pressed { - background-image: url(button/img/button-sprites.png); - -background-image: url(button/img/button-sprites-ie6.png); - background-position: left -392px; + background-image: url(button/img/small-left-pressed.png); /** sprite-ref: buttons */ } .v-button-small:active span, .v-ie7 .v-button-small.v-pressed span { - background-image: url(button/img/button-sprites.png); - -background-image: url(button/img/button-sprites-ie6.png); - background-position: right -412px; + background-image: url(button/img/small-right-pressed.png); /** sprite-ref: buttons; sprite-alignment: right */ } /** @@ -1964,9 +1939,7 @@ div > .v-button-small span, } .v-contextmenu .gwt-MenuItem-selected { background: transparent repeat-x; - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -0px; + background-image: url(common/img/sel-bg.png); /** sprite-ref: verticals; sprite-alignment: repeat */ color: #fff; text-shadow: #3b5a7a 0 1px 0; } @@ -1995,9 +1968,7 @@ div > .v-button-small span, td.v-datefield-calendarpanel-month { height: 23px; background-repeat: repeat-x; - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -20px; + background-image: url(datefield/img/header-bg.png); /** sprite-ref: verticals; sprite-alignment: repeat */ } span.v-datefield-calendarpanel-month { display: block; @@ -2036,9 +2007,7 @@ td.v-datefield-calendarpanel-nextyear { border: none; background: transparent; background-repeat: no-repeat; - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -43px; + background-image: url(datefield/img/year-prev.png); /** sprite-ref: verticals */ overflow: hidden; padding: 0; text-indent: -9999px; @@ -2053,29 +2022,21 @@ td.v-datefield-calendarpanel-nextyear { } .v-datefield-calendarpanel-nextyear button { background-position: left top; - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -66px; + background-image: url(datefield/img/year-next.png); /** sprite-ref: verticals */ } .v-datefield-calendarpanel-prevyear button:active, .v-ie .v-datefield-calendarpanel-prevyear button.v-pressed { - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -89px; + background-image: url(datefield/img/year-prev-pressed.png); /** sprite-ref: verticals */ } .v-datefield-calendarpanel-nextyear button:active, .v-ie .v-datefield-calendarpanel-nextyear button.v-pressed { - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -112px; + background-image: url(datefield/img/year-next-pressed.png); /** sprite-ref: verticals */ } .v-datefield-calendarpanel-prevmonth, .v-datefield-calendarpanel-nextmonth { width: 24px; background-repeat: repeat-x; - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -135px; + background-image: url(datefield/img/header-bg.png); /** sprite-ref: verticals; sprite-alignment: repeat */ } .v-datefield-calendarpanel-prevmonth button, .v-datefield-calendarpanel-nextmonth button { @@ -2085,9 +2046,7 @@ td.v-datefield-calendarpanel-nextyear { border-right: 1px solid #d8d8d8; background: transparent; background-position: center top; - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: center -158px; + background-image: url(datefield/img/month-prev.png); /** sprite-ref: verticals; sprite-alignment: center */ min-width: 24px; margin-top: 1px; } @@ -2100,23 +2059,17 @@ td.v-datefield-calendarpanel-nextyear { width: 24px; } .v-datefield-calendarpanel-nextmonth button { - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: center -179px; + background-image: url(datefield/img/month-next.png); /** sprite-ref: verticals; sprite-alignment: center */ } .v-datefield-calendarpanel-prevmonth button:active, .v-ie .v-datefield-calendarpanel-prevmonth button.v-pressed { background-position: center top; - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: center -200px; + background-image: url(datefield/img/month-prev-pressed.png); /** sprite-ref: verticals; sprite-alignment: center */ } .v-datefield-calendarpanel-nextmonth button:active, .v-ie .v-datefield-calendarpanel-nextmonth button.v-pressed { background-position: center top; - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: center -221px; + background-image: url(datefield/img/month-next-pressed.png); /** sprite-ref: verticals; sprite-alignment: center */ } .v-datefield-calendarpanel-body, .v-datefield-calendarpanel-time { @@ -2134,9 +2087,7 @@ td.v-datefield-calendarpanel-nextyear { width: 14.2%; overflow: hidden; background-repeat: repeat-x; - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -242px; + background-image: url(datefield/img/weekday-bg.png); /** sprite-ref: verticals; sprite-alignment: repeat; sprite-margin-bottom: 3px */ font-size: 10px; line-height: normal; text-transform: uppercase; @@ -2153,16 +2104,12 @@ td.v-datefield-calendarpanel-nextyear { } .v-datefield-calendarpanel .v-first { background-repeat: no-repeat; - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -261px; + background-image: url(datefield/img/weekday-first.png); /** sprite-ref: verticals; sprite-margin-bottom: 3px */ } .v-datefield-calendarpanel .v-last { background-repeat: no-repeat; background-position: right top; - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: right -280px; + background-image: url(datefield/img/weekday-last.png); /** sprite-ref: verticals; sprite-alignment: right */ } /* IE fails to position backgrounds inside table element */ .v-ie .v-datefield-calendarpanel-weekdays td { @@ -2246,15 +2193,11 @@ td.v-datefield-calendarpanel-nextyear { background: transparent; border: none; padding: 0; - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -296px; + background-image: url(datefield/img/popup-btn.png); /** sprite-ref: verticals */ cursor: default; } .v-datefield-popupcalendar .v-datefield-button:active { - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -319px; + background-image: url(datefield/img/popup-btn-pressed.png); /** sprite-ref: verticals */ } /* ./WebContent/VAADIN/themes/reindeer/label/label.css */ @@ -2374,18 +2317,14 @@ td.v-datefield-calendarpanel-nextyear { .v-filterselect { height: 24px; background-repeat: no-repeat; - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -342px; + background-image: url(select/img/left.png); /** sprite-ref: verticals; sprite-margin-bottom: 1px */ padding-left: 2px; } .v-app .v-filterselect-input, .v-window .v-filterselect-input, .v-popupview-popup .v-filterselect-input { background: transparent repeat-x; - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -367px; + background-image: url(select/img/center.png); /** sprite-ref: verticals; sprite-alignment: repeat */ border: none; height: 21px; } @@ -2402,54 +2341,36 @@ td.v-datefield-calendarpanel-nextyear { outline: none; } .v-filterselect-focus { - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -391px; + background-image: url(select/img/left-focus.png); /** sprite-ref: verticals; sprite-margin-bottom: 1px */ } .v-filterselect-focus .v-filterselect-input { - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -416px; + background-image: url(select/img/center-focus.png); /** sprite-ref: verticals; sprite-alignment: repeat */ } .v-filterselect-button { overflow: hidden; width: 25px; height: 24px; - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -440px; + background-image: url(select/img/right.png); /** sprite-ref: verticals */ cursor: default; } .v-filterselect-button:hover { - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -464px; + background-image: url(select/img/right-hover.png); /** sprite-ref: verticals */ } .v-filterselect-button:active { - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -488px; + background-image: url(select/img/right-pressed.png); /** sprite-ref: verticals */ } .v-filterselect-focus .v-filterselect-button { - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -512px; + background-image: url(select/img/right-focus.png); /** sprite-ref: verticals */ } .v-filterselect-focus .v-filterselect-button:hover { - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -536px; + background-image: url(select/img/right-focus-hover.png); /** sprite-ref: verticals */ } .v-filterselect-focus .v-filterselect-button:active { - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -560px; + background-image: url(select/img/right-focus-pressed.png); /** sprite-ref: verticals */ } .v-disabled .v-filterselect-button:hover, .v-readonly .v-filterselect-button:hover { - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -584px; + background-image: url(select/img/right.png); /** sprite-ref: verticals */ } .v-filterselect-suggestpopup { background: #f8f8f9; @@ -2473,9 +2394,7 @@ td.v-datefield-calendarpanel-nextyear { } .v-filterselect-suggestmenu .gwt-MenuItem-selected { background: transparent repeat-x; - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -608px; + background-image: url(common/img/sel-bg.png); /** sprite-ref: verticals; sprite-alignment: repeat */ color: #fff; text-shadow: #3b5a7a 0 1px 0; } @@ -2489,27 +2408,19 @@ td.v-datefield-calendarpanel-nextyear { } .v-filterselect-nextpage:hover { background-repeat: repeat-x; - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -628px; + background-image: url(select/img/page-down-hover.png); /** sprite-ref: verticals; sprite-alignment: repeat */ } .v-filterselect-prevpage:hover { background-repeat: repeat-x; - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -639px; + background-image: url(select/img/page-up-hover.png); /** sprite-ref: verticals; sprite-alignment: repeat */ } .v-filterselect-nextpage:active { background-repeat: repeat-x; - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -650px; + background-image: url(select/img/page-down-pressed.png); /** sprite-ref: verticals; sprite-alignment: repeat */ } .v-filterselect-prevpage:active { background-repeat: repeat-x; - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -661px; + background-image: url(select/img/page-up-pressed.png); /** sprite-ref: verticals; sprite-alignment: repeat */ } .v-filterselect-nextpage-off span, .v-filterselect-prevpage-off span { @@ -2523,27 +2434,19 @@ td.v-datefield-calendarpanel-nextyear { overflow: hidden; text-indent: -99999px; background: transparent no-repeat center 3px; - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: center -672px; + background-image: url(select/img/arrow-down.png); /** sprite-ref: verticals; sprite-margin-top: 3px; sprite-margin-bottom: 3px; sprite-alignment: center */ user-select: none; -moz-user-select: none; -webkit-user-select: none; } .v-filterselect-prevpage span { - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: center -683px; + background-image: url(select/img/arrow-up.png); /** sprite-ref: verticals; sprite-margin-top: 3px; sprite-margin-bottom: 3px; sprite-alignment: center */ } .v-filterselect-nextpage:hover span { - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: center -694px; + background-image: url(select/img/arrow-down-hover.png); /** sprite-ref: verticals; sprite-margin-top: 3px; sprite-margin-bottom: 3px; sprite-alignment: center */ } .v-filterselect-prevpage:hover span { - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: center -705px; + background-image: url(select/img/arrow-up-hover.png); /** sprite-ref: verticals; sprite-margin-top: 3px; sprite-margin-bottom: 3px; sprite-alignment: center */ } .v-filterselect-status { text-shadow: #e9eaeb 0 1px 0; @@ -2554,9 +2457,7 @@ td.v-datefield-calendarpanel-nextyear { height: 11px; overflow: hidden; background-repeat: repeat-x; - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -716px; + background-image: url(select/img/status-bg.png); /** sprite-ref: verticals; sprite-alignment: repeat */ -moz-border-radius-bottomleft: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-left-radius: 3px; @@ -2607,17 +2508,13 @@ td.v-datefield-calendarpanel-nextyear { } .v-slider-handle { background: transparent; - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -733px; + background-image: url(slider/img/knob.png); /** sprite-ref: verticals */ width: 10px; height: 10px; margin-top: -5px; } .v-slider-handle:active { - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -743px; + background-image: url(slider/img/knob-pressed.png); /** sprite-ref: verticals */ } .v-slider-vertical { width: 2px; @@ -2643,32 +2540,26 @@ td.v-datefield-calendarpanel-nextyear { .v-splitpanel-horizontal .v-splitpanel-hsplitter { width: 7px; background-repeat: repeat-y; - background-image: url(common/img/horizontal-sprites.png); - background-position: -0px top; + background-image: url(splitpanel/img/hor-bg.png); /** sprite-ref: horizontals; sprite-alignment: repeat */ } .v-splitpanel-horizontal .v-splitpanel-hsplitter div { width: 7px; background: transparent; background-repeat: no-repeat; background-position: 50%; - background-image: url(common/img/horizontal-sprites.png); - background-position: -7px center; + background-image: url(splitpanel/img/hor-handle.png); /** sprite-ref: horizontals; sprite-alignment: center */ } .v-splitpanel-vertical .v-splitpanel-vsplitter { height: 7px; background-repeat: repeat-x; - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -753px; + background-image: url(splitpanel/img/ver-bg.png); /** sprite-ref: verticals; sprite-alignment: repeat */ } .v-splitpanel-vertical .v-splitpanel-vsplitter div { height: 7px; background: transparent; background-repeat: no-repeat; background-position: 50%; - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: center -760px; + background-image: url(splitpanel/img/ver-handle.png); /** sprite-ref: verticals; sprite-alignment: center */ } /* ./WebContent/VAADIN/themes/reindeer/table/table.css */ @@ -2676,9 +2567,7 @@ td.v-datefield-calendarpanel-nextyear { border-color: #2b3033; border-top: none; background: transparent repeat-x; - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -767px; + background-image: url(table/img/header-bg.png); /** sprite-ref: verticals; sprite-alignment: repeat */ height: 20px; text-transform: uppercase; font-size: 10px; @@ -2711,15 +2600,11 @@ td.v-datefield-calendarpanel-nextyear { } .v-table-header-cell-asc .v-table-caption-container { background: transparent no-repeat right 7px; - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: right -787px; + background-image: url(table/img/asc.png); /** sprite-ref: verticals; sprite-alignment: right; sprite-margin-top: 7px; sprite-margin-bottom: 6px; sprite-margin-right: 6px; */ } .v-table-header-cell-desc .v-table-caption-container { background: transparent no-repeat right 7px; - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: right -806px; + background-image: url(table/img/desc.png); /** sprite-ref: verticals; sprite-alignment: right; sprite-margin-top: 7px; sprite-margin-bottom: 6px; sprite-margin-right: 6px; */ } .v-table-body { border-color: #c2c3c4; @@ -2743,9 +2628,7 @@ td.v-datefield-calendarpanel-nextyear { } .v-table .v-selected { background: #4d749f repeat-x; - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -825px; + background-image: url(common/img/sel-bg.png); /** sprite-ref: verticals; sprite-alignment: repeat */ color: #fff; text-shadow: #3b5a7a 0 1px 0; } @@ -2757,14 +2640,10 @@ td.v-datefield-calendarpanel-nextyear { height: 20px; margin-top: -20px; background: transparent no-repeat; - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -845px; + background-image: url(table/img/col-sel.png); /** sprite-ref: verticals */ } .v-table-column-selector:active { - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -865px; + background-image: url(table/img/col-sel-pressed.png); /** sprite-ref: verticals */ } .v-table-focus-slot-left { border-left-color: #9ca1a5; @@ -2777,9 +2656,7 @@ td.v-datefield-calendarpanel-nextyear { .v-table-header-drag { font-family: arial, helvetica, verdana, sans-serif; background: transparent repeat-x; - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -885px; + background-image: url(table/img/header-bg.png); /** sprite-ref: verticals; sprite-alignment: repeat */ padding: 4px; text-transform: uppercase; font-size: 10px; @@ -2802,9 +2679,7 @@ td.v-datefield-calendarpanel-nextyear { } .v-table-scrollposition span { background: transparent repeat-x; - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -905px; + background-image: url(table/img/scroll-indic-bg.png); /** sprite-ref: verticals; sprite-alignment: repeat */ border: 1px solid #939494; border-top: none; border-bottom-color: #7d7e80; @@ -2824,9 +2699,7 @@ td.v-datefield-calendarpanel-nextyear { .v-contextmenu .v-off { display: block; background: transparent no-repeat 0 4px; - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -926px; + background-image: url(common/icons/bullet.png); /** sprite-ref: verticals; sprite-margin-top: 4px; sprite-margin-bottom: 4px */ padding-left: 12px; padding-right: 4px; } @@ -2835,9 +2708,7 @@ td.v-datefield-calendarpanel-nextyear { color: #666; } .v-contextmenu .gwt-MenuItem-selected .v-on { - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -940px; + background-image: url(common/icons/bullet-white.png); /** sprite-ref: verticals; sprite-margin-top: 4px; sprite-margin-bottom: 5px */ } /* Borderless style */ .v-table-borderless .v-table-header-wrap, @@ -2919,9 +2790,7 @@ td.v-datefield-calendarpanel-nextyear { border-bottom-color: #d2d3d4; background: #fff; background-repeat: repeat-x; - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -955px; + background-image: url(textfield/img/bg.png); /** sprite-ref: verticals; sprite-alignment: repeat; sprite-margin-bottom: 22px */ border-radius: 3px; -moz-border-radius: 3px; } @@ -3012,9 +2881,7 @@ input.v-textfield-prompt { } .v-tree-node-selected span { background: #4d749f repeat-x; - background-image: url(common/img/vertical-sprites.png); - -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -978px; + background-image: url(common/img/sel-bg.png); /* sprite-ref: verticals; sprite-alignment: repeat */ color: #fff; padding: 1px 2px; -webkit-border-radius: 2px; -- 2.39.5