From d18d93c31584e0d91332a4755758603fcff6614a Mon Sep 17 00:00:00 2001 From: Masatoshi Kimura Date: Sun, 7 Apr 2013 23:28:34 +0900 Subject: [PATCH] Bug 771975 - Remove -moz-prefixed gradients usage from browser and toolkit. r=dao --- .../skin/linux/feedback.css | 2 +- .../skin/mac/feedback.css | 6 +- browser/metro/theme/content.css | 14 ++--- browser/themes/linux/aboutSocialError.css | 2 +- browser/themes/osx/aboutSocialError.css | 2 +- browser/themes/osx/shared.inc | 2 +- browser/themes/windows/aboutSocialError.css | 2 +- .../allDownloadsViewOverlay-aero.css | 10 ++-- .../themes/windows/places/organizer-aero.css | 2 +- toolkit/themes/linux/global/inContentUI.css | 4 +- toolkit/themes/linux/global/notification.css | 2 +- .../linux/mozapps/extensions/extensions.css | 24 ++++---- toolkit/themes/osx/global/autocomplete.css | 2 +- toolkit/themes/osx/global/inContentUI.css | 8 +-- toolkit/themes/osx/global/shared.inc | 14 ++--- toolkit/themes/osx/global/tabprompts.css | 4 +- .../osx/mozapps/extensions/extensions.css | 56 +++++++++---------- .../themes/windows/global/autocomplete.css | 10 ++-- toolkit/themes/windows/global/findBar.css | 2 +- toolkit/themes/windows/global/inContentUI.css | 21 ++++--- .../themes/windows/global/notification.css | 8 +-- toolkit/themes/windows/global/popup.css | 8 +-- .../windows/mozapps/extensions/extensions.css | 44 +++++++-------- .../mozapps/extensions/selectAddons.css | 2 +- 24 files changed, 125 insertions(+), 126 deletions(-) diff --git a/browser/app/profile/extensions/testpilot@labs.mozilla.com/skin/linux/feedback.css b/browser/app/profile/extensions/testpilot@labs.mozilla.com/skin/linux/feedback.css index 467d9e04d173..dd940ad9875b 100644 --- a/browser/app/profile/extensions/testpilot@labs.mozilla.com/skin/linux/feedback.css +++ b/browser/app/profile/extensions/testpilot@labs.mozilla.com/skin/linux/feedback.css @@ -6,7 +6,7 @@ -moz-appearance: none; border-image: none; background-color: Menu; - background-image: -moz-linear-gradient(hsla(0,0%,100%,.2), transparent); + background-image: linear-gradient(hsla(0,0%,100%,.2), transparent); box-shadow: inset 0 0 7px hsla(0,0%,100%,.2), inset 0 1px 0 hsla(0,0%,100%,.3); border-radius: 4px; diff --git a/browser/app/profile/extensions/testpilot@labs.mozilla.com/skin/mac/feedback.css b/browser/app/profile/extensions/testpilot@labs.mozilla.com/skin/mac/feedback.css index c88497ecec48..8280249bc8d6 100644 --- a/browser/app/profile/extensions/testpilot@labs.mozilla.com/skin/mac/feedback.css +++ b/browser/app/profile/extensions/testpilot@labs.mozilla.com/skin/mac/feedback.css @@ -7,8 +7,8 @@ #pilot-notification-submit { -moz-appearance: none; background: #666 - -moz-linear-gradient(rgba(110,110,110,.9), rgba(70,70,70,.9) 49%, - rgba(60,60,60,.9) 51%, rgba(50,50,50,.9)); + linear-gradient(rgba(110,110,110,.9), rgba(70,70,70,.9) 49%, + rgba(60,60,60,.9) 51%, rgba(50,50,50,.9)); background-clip: padding-box; background-origin: padding-box; border-radius: 12px; @@ -21,7 +21,7 @@ } #pilot-notification-submit:hover:active { - background: -moz-linear-gradient(rgba(40,40,40,.9), rgba(70,70,70,.9)); + background: linear-gradient(rgba(40,40,40,.9), rgba(70,70,70,.9)); box-shadow: inset 0 0 2px rgba(0,0,0,.2), inset 0 1px 5px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.1); diff --git a/browser/metro/theme/content.css b/browser/metro/theme/content.css index a15b8e4a0be0..849f5270dd93 100644 --- a/browser/metro/theme/content.css +++ b/browser/metro/theme/content.css @@ -131,11 +131,11 @@ button { } input[type="checkbox"] { - background: white -moz-linear-gradient(top, rgba(115,115,115,0.5) 0, rgba(215,215,215,0.5) 2px, rgba(255,255,255,0.2) 6px); + background: white linear-gradient(rgba(115,115,115,0.5) 0, rgba(215,215,215,0.5) 2px, rgba(255,255,255,0.2) 6px); } input[type="radio"] { - background: -moz-radial-gradient(6px 6px, cover, rgba(255,255,255,0.2) 3px, rgba(195,195,195,0.5) 5px, rgba(115,115,115,0.5) 100%); + background: radial-gradient(at 6px 6px, rgba(255,255,255,0.2) 3px, rgba(195,195,195,0.5) 5px, rgba(115,115,115,0.5) 100%); } select { @@ -186,11 +186,11 @@ input[type="radio"]:focus { } input[type="checkbox"]:focus { - background: white -moz-linear-gradient(top, rgba(27,113,177,0.5) 0, rgba(198,225,246,0.2) 2px, rgba(255,255,255,0.2) 6px); + background: white linear-gradient(rgba(27,113,177,0.5) 0, rgba(198,225,246,0.2) 2px, rgba(255,255,255,0.2) 6px); } input[type="radio"]:focus { - background: -moz-radial-gradient(6px 6px, cover, rgba(255,255,255,0.2) 3px, rgba(198,225,246,0.2) 5px, rgba(27,113,177,0.5) 100%); + background: radial-gradient(at 6px 6px, rgba(255,255,255,0.2) 3px, rgba(198,225,246,0.2) 5px, rgba(27,113,177,0.5) 100%); } /* we need to be specific for selects because the above rules are specific too */ @@ -206,13 +206,13 @@ button[disabled], border-color: rgba(125,125,125,0.4); border-style: solid; border-width: 1px; - background: transparent -moz-linear-gradient(top, rgba(185,185,185,0.4) 0, rgba(235,235,235,0.4) 3px, rgba(255,255,255,0.4) 100%); + background: transparent linear-gradient(rgba(185,185,185,0.4) 0, rgba(235,235,235,0.4) 3px, rgba(255,255,255,0.4) 100%); } select:not([size]):not([multiple])[disabled], select[size="0"][disabled], select[size="1"][disabled] { - background: transparent -moz-linear-gradient(top, rgba(255,255,255,0.4) 0, rgba(235,235,235,0.4) 3px, rgba(185,185,185,0.4) 100%); + background: transparent linear-gradient(rgba(255,255,255,0.4) 0, rgba(235,235,235,0.4) 3px, rgba(185,185,185,0.4) 100%); } input[type="button"][disabled], @@ -220,7 +220,7 @@ input[type="submit"][disabled], input[type="reset"][disabled], button[disabled] { padding: 0 7px 0 7px; - background: transparent -moz-linear-gradient(top, rgba(255,255,255,0.4) 0, rgba(235,235,235,0.4) 3px, rgba(185,185,185,0.4) 100%); + background: transparent linear-gradient(rgba(255,255,255,0.4) 0, rgba(235,235,235,0.4) 3px, rgba(185,185,185,0.4) 100%); } input[type="radio"][disabled], diff --git a/browser/themes/linux/aboutSocialError.css b/browser/themes/linux/aboutSocialError.css index 3ad252eb15c9..d1a9ad53c901 100644 --- a/browser/themes/linux/aboutSocialError.css +++ b/browser/themes/linux/aboutSocialError.css @@ -61,7 +61,7 @@ button { padding: 2px 6px; line-height: 1.2; background-color: hsla(210,30%,95%,.1); - background-image: -moz-linear-gradient(hsla(0,0%,100%,.6), hsla(0,0%,100%,.1)); + background-image: linear-gradient(hsla(0,0%,100%,.6), hsla(0,0%,100%,.1)); background-clip: padding-box; border: 1px solid hsla(210,15%,25%,.4); border-color: hsla(210,15%,25%,.3) hsla(210,15%,25%,.35) hsla(210,15%,25%,.4); diff --git a/browser/themes/osx/aboutSocialError.css b/browser/themes/osx/aboutSocialError.css index 3ad252eb15c9..d1a9ad53c901 100644 --- a/browser/themes/osx/aboutSocialError.css +++ b/browser/themes/osx/aboutSocialError.css @@ -61,7 +61,7 @@ button { padding: 2px 6px; line-height: 1.2; background-color: hsla(210,30%,95%,.1); - background-image: -moz-linear-gradient(hsla(0,0%,100%,.6), hsla(0,0%,100%,.1)); + background-image: linear-gradient(hsla(0,0%,100%,.6), hsla(0,0%,100%,.1)); background-clip: padding-box; border: 1px solid hsla(210,15%,25%,.4); border-color: hsla(210,15%,25%,.3) hsla(210,15%,25%,.35) hsla(210,15%,25%,.4); diff --git a/browser/themes/osx/shared.inc b/browser/themes/osx/shared.inc index 1d685e2d0d84..2e8a8f269f46 100644 --- a/browser/themes/osx/shared.inc +++ b/browser/themes/osx/shared.inc @@ -1,6 +1,6 @@ %include ../../../toolkit/themes/osx/global/shared.inc %include ../shared/browser.inc -%define hudButton -moz-appearance: none; color: #434343; border-radius: 4px; border: 1px solid #b5b5b5; background: -moz-linear-gradient(#fff, #f2f2f2); box-shadow: inset 0 1px rgba(255,255,255,.8), inset 0 0 1px rgba(255,255, 255,.25), 0 1px rgba(255,255,255,.3); background-clip: padding-box; background-origin: padding-box; padding: 2px 6px; +%define hudButton -moz-appearance: none; color: #434343; border-radius: 4px; border: 1px solid #b5b5b5; background: linear-gradient(#fff, #f2f2f2); box-shadow: inset 0 1px rgba(255,255,255,.8), inset 0 0 1px rgba(255,255, 255,.25), 0 1px rgba(255,255,255,.3); background-clip: padding-box; background-origin: padding-box; padding: 2px 6px; %define hudButtonPressed box-shadow: inset 0 1px 4px -3px #000, 0 1px rgba(255,255,255,.3); %define hudButtonFocused box-shadow: 0 0 1px -moz-mac-focusring inset, 0 0 4px 1px -moz-mac-focusring, 0 0 2px 1px -moz-mac-focusring; diff --git a/browser/themes/windows/aboutSocialError.css b/browser/themes/windows/aboutSocialError.css index 3ad252eb15c9..d1a9ad53c901 100644 --- a/browser/themes/windows/aboutSocialError.css +++ b/browser/themes/windows/aboutSocialError.css @@ -61,7 +61,7 @@ button { padding: 2px 6px; line-height: 1.2; background-color: hsla(210,30%,95%,.1); - background-image: -moz-linear-gradient(hsla(0,0%,100%,.6), hsla(0,0%,100%,.1)); + background-image: linear-gradient(hsla(0,0%,100%,.6), hsla(0,0%,100%,.1)); background-clip: padding-box; border: 1px solid hsla(210,15%,25%,.4); border-color: hsla(210,15%,25%,.3) hsla(210,15%,25%,.35) hsla(210,15%,25%,.4); diff --git a/browser/themes/windows/downloads/allDownloadsViewOverlay-aero.css b/browser/themes/windows/downloads/allDownloadsViewOverlay-aero.css index 4e08aa29ff0b..1907fc152bc7 100644 --- a/browser/themes/windows/downloads/allDownloadsViewOverlay-aero.css +++ b/browser/themes/windows/downloads/allDownloadsViewOverlay-aero.css @@ -21,11 +21,11 @@ background-color: transparent; /* four gradients for the bevel highlights on each edge, one for blue background */ background-image: - -moz-linear-gradient(to bottom, rgba(255,255,255,0.9) 3px, rgba(255,255,255,0) 3px), - -moz-linear-gradient(to right, rgba(255,255,255,0.5) 3px, rgba(255,255,255,0) 3px), - -moz-linear-gradient(to left, rgba(255,255,255,0.5) 3px, rgba(255,255,255,0) 3px), - -moz-linear-gradient(to top, rgba(255,255,255,0.4) 3px, rgba(255,255,255,0) 3px), - -moz-linear-gradient(to bottom, rgba(163,196,247,0.3), rgba(122,180,246,0.3)); + linear-gradient(to bottom, rgba(255,255,255,0.9) 3px, rgba(255,255,255,0) 3px), + linear-gradient(to right, rgba(255,255,255,0.5) 3px, rgba(255,255,255,0) 3px), + linear-gradient(to left, rgba(255,255,255,0.5) 3px, rgba(255,255,255,0) 3px), + linear-gradient(to top, rgba(255,255,255,0.4) 3px, rgba(255,255,255,0) 3px), + linear-gradient(to bottom, rgba(163,196,247,0.3), rgba(122,180,246,0.3)); background-clip: content-box; border-radius: 6px; outline: 1px solid rgb(124,163,206); diff --git a/browser/themes/windows/places/organizer-aero.css b/browser/themes/windows/places/organizer-aero.css index 8d709c5d429f..645aff64b4b3 100644 --- a/browser/themes/windows/places/organizer-aero.css +++ b/browser/themes/windows/places/organizer-aero.css @@ -31,7 +31,7 @@ } #placesToolbar { - background-image: -moz-linear-gradient(@toolbarHighlight@, rgba(255,255,255,0)); + background-image: linear-gradient(@toolbarHighlight@, rgba(255,255,255,0)); } } diff --git a/toolkit/themes/linux/global/inContentUI.css b/toolkit/themes/linux/global/inContentUI.css index 88ae16d6731f..98a430ee7adc 100644 --- a/toolkit/themes/linux/global/inContentUI.css +++ b/toolkit/themes/linux/global/inContentUI.css @@ -15,8 +15,8 @@ -moz-appearance: none; padding: 18px; background-color: Window; - background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 160px), - -moz-linear-gradient(-moz-dialog, Window 160px); + background-image: linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 160px), + linear-gradient(-moz-dialog, Window 160px); color: WindowText; } diff --git a/toolkit/themes/linux/global/notification.css b/toolkit/themes/linux/global/notification.css index ed632f222869..c29d876f73ea 100644 --- a/toolkit/themes/linux/global/notification.css +++ b/toolkit/themes/linux/global/notification.css @@ -16,7 +16,7 @@ notification[type="info"] { } notification[type="critical"] { - background-image: -moz-linear-gradient(rgb(212,0,0), rgb(152,0,0)); + background-image: linear-gradient(rgb(212,0,0), rgb(152,0,0)); color: white; } diff --git a/toolkit/themes/linux/mozapps/extensions/extensions.css b/toolkit/themes/linux/mozapps/extensions/extensions.css index 316e6f77c8a7..5968095a77a8 100644 --- a/toolkit/themes/linux/mozapps/extensions/extensions.css +++ b/toolkit/themes/linux/mozapps/extensions/extensions.css @@ -499,21 +499,21 @@ } .addon[active="false"] { - background-image: -moz-linear-gradient(rgba(135, 135, 135, 0.2), - rgba(135, 135, 135, 0.1)); + background-image: linear-gradient(rgba(135, 135, 135, 0.2), + rgba(135, 135, 135, 0.1)); } .addon-view[notification="warning"] { background-image: url("chrome://mozapps/skin/extensions/stripes-warning.png"), - -moz-linear-gradient(rgba(255, 255, 0, 0.04), - rgba(255, 255, 0, 0)); + linear-gradient(rgba(255, 255, 0, 0.04), + rgba(255, 255, 0, 0)); background-repeat: repeat-x; } .addon-view[notification="error"] { background-image: url("chrome://mozapps/skin/extensions/stripes-error.png"), - -moz-linear-gradient(rgba(255, 0, 0, 0.04), - rgba(255, 0, 0, 0)); + linear-gradient(rgba(255, 0, 0, 0.04), + rgba(255, 0, 0, 0)); background-repeat: repeat-x; } @@ -521,16 +521,16 @@ .addon-view[pending="upgrade"], .addon-view[pending="install"] { background-image: url("chrome://mozapps/skin/extensions/stripes-info-positive.png"), - -moz-linear-gradient(rgba(0, 255, 0, 0.04), - rgba(0, 255, 0, 0)); + linear-gradient(rgba(0, 255, 0, 0.04), + rgba(0, 255, 0, 0)); background-repeat: repeat-x; } .addon-view[pending="disable"], .addon-view[pending="uninstall"] { background-image: url("chrome://mozapps/skin/extensions/stripes-info-negative.png"), - -moz-linear-gradient(rgba(128, 128, 128, 0.04), - rgba(128, 128, 128, 0)); + linear-gradient(rgba(128, 128, 128, 0.04), + rgba(128, 128, 128, 0)); background-repeat: repeat-x; } @@ -723,8 +723,8 @@ setting { } #detail-view[active="false"]:not([pending]):not([notification]) { - background-image: -moz-linear-gradient(rgba(135, 135, 135, 0.1), - rgba(135, 135, 135, 0)); + background-image: linear-gradient(rgba(135, 135, 135, 0.1), + rgba(135, 135, 135, 0)); } setting[first-row="true"] { diff --git a/toolkit/themes/osx/global/autocomplete.css b/toolkit/themes/osx/global/autocomplete.css index 8b72379a8ec7..92d6e2a17761 100644 --- a/toolkit/themes/osx/global/autocomplete.css +++ b/toolkit/themes/osx/global/autocomplete.css @@ -95,7 +95,7 @@ treechildren.autocomplete-treebody::-moz-tree-cell-text(selected) { .autocomplete-richlistitem[selected="true"] { background-color: Highlight; color: HighlightText; - background-image: -moz-linear-gradient(rgba(255,255,255,0.3), transparent); + background-image: linear-gradient(rgba(255,255,255,0.3), transparent); } .autocomplete-richlistitem { diff --git a/toolkit/themes/osx/global/inContentUI.css b/toolkit/themes/osx/global/inContentUI.css index df881de1bdf9..c119ec156dee 100644 --- a/toolkit/themes/osx/global/inContentUI.css +++ b/toolkit/themes/osx/global/inContentUI.css @@ -18,7 +18,7 @@ background-image: /* Texture */ url("chrome://global/skin/inContentUI/background-texture.png"), /* Gradient */ - -moz-linear-gradient(top, #ADB5C2, #BFC6D1); + linear-gradient(#ADB5C2, #BFC6D1); } html|html { @@ -29,7 +29,7 @@ html|html { *|*.main-content { /* Needed to allow the radius to clip the inner content, see bug 595656 */ overflow: hidden; - background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0.05)); + background-image: linear-gradient(rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0.05)); border: 1px solid rgba(50, 65, 92, 0.4); border-radius: 5px; } @@ -45,7 +45,7 @@ colorpicker[type="button"] { border: 1px solid rgba(60,73,97,0.5); box-shadow: inset 0 1px rgba(255,255,255,0.25), 0 1px rgba(255,255,255,0.25); background-color: transparent; - background-image: -moz-linear-gradient(rgba(255,255,255,0.45), rgba(255,255,255,0.2)); + background-image: linear-gradient(rgba(255,255,255,0.45), rgba(255,255,255,0.2)); background-clip: padding-box; color: #252F3B; text-shadow: @loweredShadow@; @@ -70,7 +70,7 @@ button:not([disabled="true"]):active:hover, menulist[open="true"]:not([disabled="true"]), colorpicker[type="button"][open="true"]:not([disabled="true"]) { box-shadow: inset 0 1px 3px rgba(0,0,0,.2), 0 1px rgba(255,255,255,0.25); - background-image: -moz-linear-gradient(rgba(45,54,71,0.3), rgba(45,54,71,0.1)); + background-image: linear-gradient(rgba(45,54,71,0.3), rgba(45,54,71,0.1)); border-color: rgba(60,73,97,0.7); } diff --git a/toolkit/themes/osx/global/shared.inc b/toolkit/themes/osx/global/shared.inc index b249489ba8c5..7274f6cc1d0c 100644 --- a/toolkit/themes/osx/global/shared.inc +++ b/toolkit/themes/osx/global/shared.inc @@ -9,22 +9,22 @@ %define roundButtonPressedBackground #dadada %define roundButtonPressedShadow 0 1px rgba(255,255,255,.4), inset 0 1px 3px rgba(0,0,0,.2) -%define scopeBarBackground -moz-linear-gradient(top, #E8E8E8, #D0D0D0) repeat-x +%define scopeBarBackground linear-gradient(#E8E8E8, #D0D0D0) repeat-x %define scopeBarSeparatorBorder 1px solid #888 %define scopeBarTitleColor #6D6D6D %define sidebarItemBorderTop 1px solid #94A1C0 -%define sidebarItemBackground -moz-linear-gradient(top, #A0B0CF, #7386AB) repeat-x +%define sidebarItemBackground linear-gradient(#A0B0CF, #7386AB) repeat-x %define sidebarItemFocusedBorderTop 1px solid #5382C5 -%define sidebarItemFocusedBackground -moz-linear-gradient(top, #6494D4, #2559AC) repeat-x +%define sidebarItemFocusedBackground linear-gradient(#6494D4, #2559AC) repeat-x %define sidebarItemGraphiteBorderTop 1px solid #97A4B1 -%define sidebarItemGraphiteBackground -moz-linear-gradient(top, #AAB7C4, #8393A4) repeat-x +%define sidebarItemGraphiteBackground linear-gradient(#AAB7C4, #8393A4) repeat-x %define sidebarItemGraphiteFocusedBorderTop 1px solid #6B798D -%define sidebarItemGraphiteFocusedBackground -moz-linear-gradient(top, #8293A6, #425972) repeat-x +%define sidebarItemGraphiteFocusedBackground linear-gradient(#8293A6, #425972) repeat-x %define sidebarItemInactiveBorderTop 1px solid #979797 -%define sidebarItemInactiveBackground -moz-linear-gradient(top, #B4B4B4, #8A8A8A) repeat-x +%define sidebarItemInactiveBackground linear-gradient(#B4B4B4, #8A8A8A) repeat-x %define toolbarbuttonCornerRadius 3px -%define toolbarbuttonBackground -moz-linear-gradient(top, #FFF, #ADADAD) repeat-x +%define toolbarbuttonBackground linear-gradient(#FFF, #ADADAD) repeat-x %define toolbarbuttonPressedInnerShadow inset rgba(0, 0, 0, 0.3) 0 -6px 10px, inset #000 0 1px 3px, inset rgba(0, 0, 0, 0.2) 0 1px 3px %define toolbarbuttonInactiveBorderColor rgba(146, 146, 146, 0.84) diff --git a/toolkit/themes/osx/global/tabprompts.css b/toolkit/themes/osx/global/tabprompts.css index 7baf876a88fc..0ccdc62c003a 100644 --- a/toolkit/themes/osx/global/tabprompts.css +++ b/toolkit/themes/osx/global/tabprompts.css @@ -35,7 +35,7 @@ button { -moz-margin-start: 8px; border-radius: 2px; background-color: hsl(0,0%,90%); - background-image: -moz-linear-gradient(hsla(0,0%,100%,.7), hsla(0,0%,100%,0)); + background-image: linear-gradient(hsla(0,0%,100%,.7), hsla(0,0%,100%,0)); background-clip: padding-box; border: 1px solid; border-color: hsl(0,0%,65%) hsl(0,0%,60%) hsl(0,0%,50%); @@ -53,7 +53,7 @@ button:hover { } button:hover:active { - background-image: -moz-linear-gradient(hsla(0,0%,100%,.2), hsla(0,0%,100%,0)); + background-image: linear-gradient(hsla(0,0%,100%,.2), hsla(0,0%,100%,0)); background-color: hsl(0,0%,70%); box-shadow: 0 1px 0 hsla(0,0%,100%,.2) inset, 0 1px 3px hsla(0,0%,0%,.2); diff --git a/toolkit/themes/osx/mozapps/extensions/extensions.css b/toolkit/themes/osx/mozapps/extensions/extensions.css index 912be60d3e04..89a02dd70c31 100644 --- a/toolkit/themes/osx/mozapps/extensions/extensions.css +++ b/toolkit/themes/osx/mozapps/extensions/extensions.css @@ -122,7 +122,7 @@ font-size: 12px; border: 1px solid #A8B8D1; border-radius: 8px; - background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.7), rgba(236, 241, 247, 0.7)); + background-image: linear-gradient(rgba(255, 255, 255, 0.7), rgba(236, 241, 247, 0.7)); background-clip: padding-box; box-shadow: 0 -3px 0 rgba(58, 78, 103, 0.05) inset, 0 3px 0 rgba(175, 195, 220, 0.3); @@ -312,7 +312,7 @@ border: 1px solid rgba(60,73,97,0.5); border-radius: 10000px; box-shadow: inset 0 1px 1px rgba(0,0,0,0.15), 0 1px rgba(255,255,255,0.25); - background: -moz-linear-gradient(rgba(255,255,255,0.2), rgba(255,255,255,0.3)); + background: linear-gradient(rgba(255,255,255,0.2), rgba(255,255,255,0.3)); background-clip: padding-box; } @@ -346,7 +346,7 @@ margin: 0; min-height: 31px; border-bottom: 1px solid rgba(50, 65, 92, 0.4); - background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.05)); + background-image: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.05)); } @@ -575,26 +575,26 @@ } .addon-view[notification="warning"] { - background-image: -moz-linear-gradient(rgba(255, 255, 0, 0.2), rgba(255, 255, 0, 0.1)); + background-image: linear-gradient(rgba(255, 255, 0, 0.2), rgba(255, 255, 0, 0.1)); } .addon-view[notification="error"] { - background-image: -moz-linear-gradient(rgba(255, 0, 0, 0.2), rgba(255, 0, 0, 0.1)); + background-image: linear-gradient(rgba(255, 0, 0, 0.2), rgba(255, 0, 0, 0.1)); } .addon-view[notification="info"] { - background-image: -moz-linear-gradient(rgba(0, 0, 255, 0.2), rgba(0, 0, 255, 0.1)); + background-image: linear-gradient(rgba(0, 0, 255, 0.2), rgba(0, 0, 255, 0.1)); } .addon-view[pending="enable"], .addon-view[pending="upgrade"], .addon-view[pending="install"] { - background-image: -moz-linear-gradient(rgba(0, 255, 0, 0.2), rgba(0, 255, 0, 0.1)); + background-image: linear-gradient(rgba(0, 255, 0, 0.2), rgba(0, 255, 0, 0.1)); } .addon-view[pending="disable"], .addon-view[pending="uninstall"] { - background-image: -moz-linear-gradient(rgba(128, 128, 128, 0.2), rgba(128, 128, 128, 0.1)); + background-image: linear-gradient(rgba(128, 128, 128, 0.2), rgba(128, 128, 128, 0.1)); } .addon .relnotes-container { @@ -637,8 +637,8 @@ .addon[active="false"] { background-color: rgba(135, 135, 135, 0.1); - background-image: -moz-linear-gradient(rgba(135, 135, 135, 0), - rgba(135, 135, 135, 0.1)); + background-image: linear-gradient(rgba(135, 135, 135, 0), + rgba(135, 135, 135, 0.1)); } .addon-view[active="false"], @@ -648,15 +648,15 @@ .addon-view[notification="warning"] { background-image: url("chrome://mozapps/skin/extensions/stripes-warning.png"), - -moz-linear-gradient(rgba(255, 255, 0, 0.04), - rgba(255, 255, 0, 0)); + linear-gradient(rgba(255, 255, 0, 0.04), + rgba(255, 255, 0, 0)); background-repeat: repeat-x; } .addon-view[notification="error"] { background-image: url("chrome://mozapps/skin/extensions/stripes-error.png"), - -moz-linear-gradient(rgba(255, 0, 0, 0.04), - rgba(255, 0, 0, 0)); + linear-gradient(rgba(255, 0, 0, 0.04), + rgba(255, 0, 0, 0)); background-repeat: repeat-x; } @@ -664,16 +664,16 @@ .addon-view[pending="upgrade"], .addon-view[pending="install"] { background-image: url("chrome://mozapps/skin/extensions/stripes-info-positive.png"), - -moz-linear-gradient(rgba(0, 255, 0, 0.04), - rgba(0, 255, 0, 0)); + linear-gradient(rgba(0, 255, 0, 0.04), + rgba(0, 255, 0, 0)); background-repeat: repeat-x; } .addon-view[pending="disable"], .addon-view[pending="uninstall"] { background-image: url("chrome://mozapps/skin/extensions/stripes-info-negative.png"), - -moz-linear-gradient(rgba(128, 128, 128, 0.04), - rgba(128, 128, 128, 0)); + linear-gradient(rgba(128, 128, 128, 0.04), + rgba(128, 128, 128, 0)); background-repeat: repeat-x; } @@ -791,7 +791,7 @@ #detail-screenshot[loading] { background-image: url("chrome://global/skin/icons/loading_16.png"), - -moz-linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)); + linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)); background-position: 50% 50%; background-repeat: no-repeat; border-radius: 3px; @@ -799,7 +799,7 @@ #detail-screenshot[loading="error"] { background-image: url("chrome://global/skin/media/error.png"), - -moz-linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)); + linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)); } #detail-desc-container { @@ -845,8 +845,8 @@ border-radius: 3px; list-style-image: url("chrome://mozapps/skin/extensions/heart.png"); background-color: #2F73EF; - background-image: -moz-linear-gradient(rgba(251, 252, 253, 0.70), rgba(246, 247, 248, 0.27) 49%, - rgba(231, 232, 233, 0.25) 51%, rgba(225, 226, 229, 0.1)); + background-image: linear-gradient(rgba(251, 252, 253, 0.70), rgba(246, 247, 248, 0.27) 49%, + rgba(231, 232, 233, 0.25) 51%, rgba(225, 226, 229, 0.1)); } #detail-contrib-btn .button-box { @@ -903,8 +903,8 @@ setting { } #detail-view[active="false"]:not([pending]):not([notification]) { - background-image: -moz-linear-gradient(rgba(135, 135, 135, 0.1), - rgba(135, 135, 135, 0)); + background-image: linear-gradient(rgba(135, 135, 135, 0.1), + rgba(135, 135, 135, 0)); } setting[first-row="true"] { @@ -970,7 +970,7 @@ setting[type="radio"] > radiogroup { /*** download progress ***/ .download-progress { - background-image: -moz-linear-gradient(top, #DCDEE3, #CBCED6); + background-image: linear-gradient(#DCDEE3, #CBCED6); border: 1px solid #858898; border-radius: 3px; box-shadow: inset #E3E8EC 0 1px 1px, @loweredShadow@; @@ -996,7 +996,7 @@ setting[type="radio"] > radiogroup { .download-progress[mode="undetermined"] .end-cap, .download-progress .progress .progress-bar { -moz-appearance: none; - background-image: -moz-linear-gradient(#6AC47E, #4FAC6A); + background-image: linear-gradient(#6AC47E, #4FAC6A); margin-top: -1px; margin-bottom: -1px; border: 1px solid #2E773A; @@ -1138,7 +1138,7 @@ button.button-link:not([disabled="true"]):active:hover { border: 1px solid rgba(60,73,97,0.5); border-radius: @toolbarbuttonCornerRadius@; box-shadow: inset 0 1px rgba(255,255,255,0.25), 0 1px rgba(255,255,255,0.25); - background: -moz-linear-gradient(rgba(255,255,255,0.45), rgba(255,255,255,0)); + background: linear-gradient(rgba(255,255,255,0.45), rgba(255,255,255,0)); background-clip: padding-box; } @@ -1154,5 +1154,5 @@ button.button-link:not([disabled="true"]):active:hover { .header-button[open="true"] { border-color: rgba(45,54,71,0.7); box-shadow: inset 0 0 4px rgb(45,54,71), 0 1px rgba(255,255,255,0.25); - background-image: -moz-linear-gradient(rgba(45,54,71,0.6), rgba(45,54,71,0)); + background-image: linear-gradient(rgba(45,54,71,0.6), rgba(45,54,71,0)); } diff --git a/toolkit/themes/windows/global/autocomplete.css b/toolkit/themes/windows/global/autocomplete.css index b2ab12089011..294d3760c1d3 100644 --- a/toolkit/themes/windows/global/autocomplete.css +++ b/toolkit/themes/windows/global/autocomplete.css @@ -116,11 +116,11 @@ treechildren.autocomplete-treebody::-moz-tree-cell-text(selected) { background-color: transparent; /* four gradients for the bevel highlights on each edge, one for blue background */ background-image: - -moz-linear-gradient(to bottom, rgba(255,255,255,0.9) 3px, rgba(255,255,255,0) 3px), - -moz-linear-gradient(to right, rgba(255,255,255,0.5) 3px, rgba(255,255,255,0) 3px), - -moz-linear-gradient(to left, rgba(255,255,255,0.5) 3px, rgba(255,255,255,0) 3px), - -moz-linear-gradient(to top, rgba(255,255,255,0.4) 3px, rgba(255,255,255,0) 3px), - -moz-linear-gradient(to bottom, rgba(163,196,247,0.3), rgba(122,180,246,0.3)); + linear-gradient(to bottom, rgba(255,255,255,0.9) 3px, rgba(255,255,255,0) 3px), + linear-gradient(to right, rgba(255,255,255,0.5) 3px, rgba(255,255,255,0) 3px), + linear-gradient(to left, rgba(255,255,255,0.5) 3px, rgba(255,255,255,0) 3px), + linear-gradient(to top, rgba(255,255,255,0.4) 3px, rgba(255,255,255,0) 3px), + linear-gradient(to bottom, rgba(163,196,247,0.3), rgba(122,180,246,0.3)); background-clip: content-box; border-radius: 6px; outline: 1px solid rgb(124,163,206); diff --git a/toolkit/themes/windows/global/findBar.css b/toolkit/themes/windows/global/findBar.css index ee256f4a5c0d..b91de6247125 100644 --- a/toolkit/themes/windows/global/findBar.css +++ b/toolkit/themes/windows/global/findBar.css @@ -22,7 +22,7 @@ findbar { padding-top: 1px; - background-image: -moz-linear-gradient(rgba(0,0,0,.15) 1px, rgba(255,255,255,.15) 1px); + background-image: linear-gradient(rgba(0,0,0,.15) 1px, rgba(255,255,255,.15) 1px); background-size: 100% 2px; background-repeat: no-repeat; min-width: 1px; diff --git a/toolkit/themes/windows/global/inContentUI.css b/toolkit/themes/windows/global/inContentUI.css index 24207239c1a3..94b959815bf7 100644 --- a/toolkit/themes/windows/global/inContentUI.css +++ b/toolkit/themes/windows/global/inContentUI.css @@ -17,7 +17,7 @@ color: -moz-dialogText; background-color: -moz-dialog; background-image: /* Fade-out texture at the top, and blend with browser tab */ - -moz-linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255,0) 30%), + linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255,0) 30%), /* Texture */ url("chrome://global/skin/inContentUI/background-texture.png"); } @@ -32,7 +32,7 @@ html|html { color: #000; background-color: #CCD9EA; background-image: /* Fade-out texture at the top */ - -moz-linear-gradient(top, rgb(237,245,252), rgba(237,245,252,0) 156px), + linear-gradient(rgb(237,245,252), rgba(237,245,252,0) 156px), /* Texture */ url("chrome://global/skin/inContentUI/background-texture.png"); } @@ -43,11 +43,11 @@ html|html { color: #000; /* Blame shorlander for this monstrosity. */ background-image: /* Fade-out texture and light beams at the top */ - -moz-linear-gradient(top, rgb(237,245,252) 3px, rgba(237,245,252,0) 156px), + linear-gradient(rgb(237,245,252) 3px, rgba(237,245,252,0) 156px), /* Side gradients */ - -moz-linear-gradient(left, - rgba(255,255,255,0.2), rgba(255,255,255,0) 40%, - rgba(255,255,255,0) 60%, rgba(255,255,255,0.2)), + linear-gradient(to right, + rgba(255,255,255,0.2), rgba(255,255,255,0) 40%, + rgba(255,255,255,0) 60%, rgba(255,255,255,0.2)), /* Aero-style light beams */ -moz-linear-gradient(left 32deg, /* First light beam */ @@ -73,9 +73,8 @@ html|html { /* Needed to allow the radius to clip the inner content, see bug 595656 */ overflow: hidden; background-color: rgba(255, 255, 255, 0.35); - background-image: -moz-linear-gradient(top, - rgba(255, 255, 255, 0), - rgba(255, 255, 255, 0.75)); + background-image: linear-gradient(rgba(255, 255, 255, 0), + rgba(255, 255, 255, 0.75)); border: 1px solid #C3CEDF; border-radius: 5px; } @@ -89,8 +88,8 @@ html|html { -moz-appearance: none; color: black; padding: 0 5px; - background: -moz-linear-gradient(rgba(251, 252, 253, 0.95), rgba(246, 247, 248, 0) 49%, - rgba(211, 212, 213, 0.45) 51%, rgba(225, 226, 229, 0.3)); + background: linear-gradient(rgba(251, 252, 253, 0.95), rgba(246, 247, 248, 0) 49%, + rgba(211, 212, 213, 0.45) 51%, rgba(225, 226, 229, 0.3)); background-clip: padding-box; border-radius: 3px; border: 1px solid rgba(31, 64, 100, 0.4); diff --git a/toolkit/themes/windows/global/notification.css b/toolkit/themes/windows/global/notification.css index d4758453d8f0..0481d0919605 100644 --- a/toolkit/themes/windows/global/notification.css +++ b/toolkit/themes/windows/global/notification.css @@ -16,7 +16,7 @@ notification[type="info"] { } notification[type="critical"] { - background-image: -moz-linear-gradient(rgb(212,0,0), rgb(152,0,0)); + background-image: linear-gradient(rgb(212,0,0), rgb(152,0,0)); color: white; } @@ -96,7 +96,7 @@ XXX: apply styles to all themes until bug 509642 is fixed margin: 0; border: 1px solid rgba(0,0,0,.35); %ifdef WINDOWS_AERO - background-image: -moz-linear-gradient(top, rgba(250,250,250,.6), rgba(175,175,175,.25) 49%, rgba(0,0,0,.12) 51%, rgba(0,0,0,.09) 60%, rgba(0,0,0,.05)); + background-image: linear-gradient(rgba(250,250,250,.6), rgba(175,175,175,.25) 49%, rgba(0,0,0,.12) 51%, rgba(0,0,0,.09) 60%, rgba(0,0,0,.05)); box-shadow: 0 0 1px 1px rgba(255,255,255,.75) inset; %else box-shadow: 0 1px 0 rgba(255,255,255,.5) inset, @@ -146,7 +146,7 @@ XXX: apply styles to all themes until bug 509642 is fixed .popup-notification-menubutton > .button-menubutton-button:hover, .popup-notification-menubutton > .button-menubutton-dropmarker:hover { %ifdef WINDOWS_AERO - background-image: -moz-linear-gradient(top, rgba(250,250,250,.9), rgba(200,200,200,.6) 49%, rgba(0,0,0,.23) 51%, rgba(0,0,0,.17) 60%, rgba(0,0,0,.05)); + background-image: linear-gradient(rgba(250,250,250,.9), rgba(200,200,200,.6) 49%, rgba(0,0,0,.23) 51%, rgba(0,0,0,.17) 60%, rgba(0,0,0,.05)); box-shadow: 0 0 0 1px white inset, 0 0 2px 1px rgba(255,255,255,.75) inset; %else @@ -159,7 +159,7 @@ XXX: apply styles to all themes until bug 509642 is fixed .popup-notification-menubutton > .button-menubutton-dropmarker:hover:active, .popup-notification-menubutton[open="true"] > .button-menubutton-dropmarker { %ifdef WINDOWS_AERO - background-image: -moz-linear-gradient(top, rgba(250,250,250,.9), rgba(200,200,200,.6) 49%, rgba(0,0,0,.23) 51%, rgba(0,0,0,.17) 60%, rgba(0,0,0,.05)); + background-image: linear-gradient(rgba(250,250,250,.9), rgba(200,200,200,.6) 49%, rgba(0,0,0,.23) 51%, rgba(0,0,0,.17) 60%, rgba(0,0,0,.05)); %else background-color: rgba(0,0,0,.05); %endif diff --git a/toolkit/themes/windows/global/popup.css b/toolkit/themes/windows/global/popup.css index a3dc700124c1..02e51dfdad4c 100644 --- a/toolkit/themes/windows/global/popup.css +++ b/toolkit/themes/windows/global/popup.css @@ -126,19 +126,19 @@ panel[type="arrow"][side="right"] { } .panel-arrowcontent[side="top"] { - background-image: -moz-linear-gradient(top, white 1px, rgba(255,255,255,0) 15px); + background-image: linear-gradient(white 1px, rgba(255,255,255,0) 15px); } .panel-arrowcontent[side="bottom"] { - background-image: -moz-linear-gradient(bottom, white 1px, rgba(255,255,255,0) 15px); + background-image: linear-gradient(to top, white 1px, rgba(255,255,255,0) 15px); } .panel-arrowcontent[side="left"] { - background-image: -moz-linear-gradient(left, white 1px, rgba(255,255,255,0) 15px); + background-image: linear-gradient(to right, white 1px, rgba(255,255,255,0) 15px); } .panel-arrowcontent[side="right"] { - background-image: -moz-linear-gradient(right, white 1px, rgba(255,255,255,0) 15px); + background-image: linear-gradient(to left, white 1px, rgba(255,255,255,0) 15px); } .panel-arrow[side="top"], diff --git a/toolkit/themes/windows/mozapps/extensions/extensions.css b/toolkit/themes/windows/mozapps/extensions/extensions.css index 52c2cd8bc9e1..ef03128a58a3 100644 --- a/toolkit/themes/windows/mozapps/extensions/extensions.css +++ b/toolkit/themes/windows/mozapps/extensions/extensions.css @@ -135,7 +135,7 @@ color: #373D48; border: 1px solid #A8B8D1; border-radius: 8px; - background-image: -moz-linear-gradient(top, #FFF, #ECF1F7); + background-image: linear-gradient(#FFF, #ECF1F7); background-clip: padding-box; box-shadow: 2px 2px 4px #999; } @@ -604,8 +604,8 @@ .addon[active="false"] { background-color: rgba(135, 135, 135, 0.1); - background-image: -moz-linear-gradient(rgba(135, 135, 135, 0), - rgba(135, 135, 135, 0.1)); + background-image: linear-gradient(rgba(135, 135, 135, 0), + rgba(135, 135, 135, 0.1)); } .addon-view[active="false"], @@ -615,15 +615,15 @@ .addon-view[notification="warning"] { background-image: url("chrome://mozapps/skin/extensions/stripes-warning.png"), - -moz-linear-gradient(rgba(255, 255, 0, 0.04), - rgba(255, 255, 0, 0)); + linear-gradient(rgba(255, 255, 0, 0.04), + rgba(255, 255, 0, 0)); background-repeat: repeat-x; } .addon-view[notification="error"] { background-image: url("chrome://mozapps/skin/extensions/stripes-error.png"), - -moz-linear-gradient(rgba(255, 0, 0, 0.04), - rgba(255, 0, 0, 0)); + linear-gradient(rgba(255, 0, 0, 0.04), + rgba(255, 0, 0, 0)); background-repeat: repeat-x; } @@ -631,16 +631,16 @@ .addon-view[pending="upgrade"], .addon-view[pending="install"] { background-image: url("chrome://mozapps/skin/extensions/stripes-info-positive.png"), - -moz-linear-gradient(rgba(0, 255, 0, 0.04), - rgba(0, 255, 0, 0)); + linear-gradient(rgba(0, 255, 0, 0.04), + rgba(0, 255, 0, 0)); background-repeat: repeat-x; } .addon-view[pending="disable"], .addon-view[pending="uninstall"] { background-image: url("chrome://mozapps/skin/extensions/stripes-info-negative.png"), - -moz-linear-gradient(rgba(128, 128, 128, 0.04), - rgba(128, 128, 128, 0)); + linear-gradient(rgba(128, 128, 128, 0.04), + rgba(128, 128, 128, 0)); background-repeat: repeat-x; } @@ -768,7 +768,7 @@ #detail-screenshot[loading] { background-image: url("chrome://global/skin/icons/loading_16.png"), - -moz-linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)); + linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)); background-position: 50% 50%; background-repeat: no-repeat; border-radius: 3px; @@ -776,7 +776,7 @@ #detail-screenshot[loading="error"] { background-image: url("chrome://global/skin/media/error.png"), - -moz-linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)); + linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)); } #detail-desc-container { @@ -822,8 +822,8 @@ border-radius: 3px; list-style-image: url("chrome://mozapps/skin/extensions/heart.png"); background-color: #2F73EF; - background-image: -moz-linear-gradient(rgba(251, 252, 253, 0.70), rgba(246, 247, 248, 0.27) 49%, - rgba(231, 232, 233, 0.25) 51%, rgba(225, 226, 229, 0.1)); + background-image: linear-gradient(rgba(251, 252, 253, 0.70), rgba(246, 247, 248, 0.27) 49%, + rgba(231, 232, 233, 0.25) 51%, rgba(225, 226, 229, 0.1)); } #detail-contrib-btn .button-box { @@ -881,8 +881,8 @@ setting { } #detail-view[active="false"]:not([pending]):not([notification]) { - background-image: -moz-linear-gradient(rgba(135, 135, 135, 0.1), - rgba(135, 135, 135, 0)); + background-image: linear-gradient(rgba(135, 135, 135, 0.1), + rgba(135, 135, 135, 0)); } setting[first-row="true"] { @@ -952,8 +952,8 @@ menulist { /* Fixes some styling inconsistencies */ .download-progress { background-color: rgba(151,152,153,.05); - background-image: -moz-linear-gradient(rgba(251, 252, 253, 0.95), rgba(246, 247, 248, 0.47) 49%, - rgba(231, 232, 233, 0.45) 51%, rgba(225, 226, 229, 0.3)); + background-image: linear-gradient(rgba(251, 252, 253, 0.95), rgba(246, 247, 248, 0.47) 49%, + rgba(231, 232, 233, 0.45) 51%, rgba(225, 226, 229, 0.3)); background-clip: padding-box; border-radius: 3px; border: 1px solid; @@ -978,7 +978,7 @@ menulist { /* Fixes some styling inconsistencies */ .download-progress[mode="undetermined"] .end-cap, .download-progress .progress .progress-bar { -moz-appearance: none; - background-image: -moz-linear-gradient(#92DDA0, #6FC483 49%, #5EB272 51%, #80CE91); + background-image: linear-gradient(#92DDA0, #6FC483 49%, #5EB272 51%, #80CE91); margin-top: -1px; margin-bottom: -1px; border: 1px solid; @@ -1135,8 +1135,8 @@ button.button-link:not([disabled="true"]):active:hover { padding: 1px 3px; color: #444; text-shadow: 0 0 3px white; - background: -moz-linear-gradient(rgba(251, 252, 253, 0.95), rgba(246, 247, 248, 0) 49%, - rgba(211, 212, 213, 0.45) 51%, rgba(225, 226, 229, 0.3)); + background: linear-gradient(rgba(251, 252, 253, 0.95), rgba(246, 247, 248, 0) 49%, + rgba(211, 212, 213, 0.45) 51%, rgba(225, 226, 229, 0.3)); background-clip: padding-box; border-radius: 2.5px; border: 1px solid rgba(31, 64, 100, 0.4); diff --git a/toolkit/themes/windows/mozapps/extensions/selectAddons.css b/toolkit/themes/windows/mozapps/extensions/selectAddons.css index 22136ec46552..6f836d44e6ea 100644 --- a/toolkit/themes/windows/mozapps/extensions/selectAddons.css +++ b/toolkit/themes/windows/mozapps/extensions/selectAddons.css @@ -71,7 +71,7 @@ #select-header .select-icon, #select-header .select-name, #select-header .select-action { - background-image: -moz-linear-gradient(top, #D6E5F5 0%, Window 100%); + background-image: linear-gradient(#D6E5F5 0%, Window 100%); background-size: 1px 100%; background-position: right; background-repeat: no-repeat;