wine/gecko
0
0
Fork 0
mirror of https://gitlab.winehq.org/wine/wine-gecko.git synced 2024-09-13 09:24:08 -07:00
Code Issues Packages Projects Releases Wiki Activity

Bug 771975 - Remove -moz-prefixed gradients usage from browser and toolkit. r=dao

Browse Source
This commit is contained in:
Masatoshi Kimura 2013-04-07 23:28:34 +09:00
parent bcd9623a38
commit ee83ace034
24 changed files with 125 additions and 126 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
browser/app/profile/extensions/testpilot@labs.mozilla.com/skin/linux/feedback.css
View File

@ -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;

6
browser/app/profile/extensions/testpilot@labs.mozilla.com/skin/mac/feedback.css
View File

@ -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);

14
browser/metro/theme/content.css
View File

@ -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],

2
browser/themes/linux/aboutSocialError.css
View File

@ -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);

2
browser/themes/osx/aboutSocialError.css
View File

@ -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);

2
browser/themes/osx/shared.inc
View File

@ -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;

2
browser/themes/windows/aboutSocialError.css
View File

@ -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);

10
browser/themes/windows/downloads/allDownloadsViewOverlay-aero.css
View File

@ -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);

2
browser/themes/windows/places/organizer-aero.css
View File

@ -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));
}
}

4
toolkit/themes/linux/global/inContentUI.css
View File

@ -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;
}

2
toolkit/themes/linux/global/notification.css
View File

@ -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;
}

24
toolkit/themes/linux/mozapps/extensions/extensions.css
View File

@ -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"] {

2
toolkit/themes/osx/global/autocomplete.css
View File

@ -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 {

8
toolkit/themes/osx/global/inContentUI.css
View File

@ -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);
}

14
toolkit/themes/osx/global/shared.inc
View File

@ -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)

4
toolkit/themes/osx/global/tabprompts.css
View File

@ -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);

56
toolkit/themes/osx/mozapps/extensions/extensions.css
View File

@ -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));
}

10
toolkit/themes/windows/global/autocomplete.css
View File

@ -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);

2
toolkit/themes/windows/global/findBar.css
View File

@ -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;

21
toolkit/themes/windows/global/inContentUI.css
View File

@ -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);

8
toolkit/themes/windows/global/notification.css
View File

@ -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

8
toolkit/themes/windows/global/popup.css
View File

@ -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"],

44
toolkit/themes/windows/mozapps/extensions/extensions.css
View File

@ -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);

2
toolkit/themes/windows/mozapps/extensions/selectAddons.css
View File

@ -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;