mirror of
https://gitlab.winehq.org/wine/wine-gecko.git
synced 2024-09-13 09:24:08 -07:00
Bug 772456 - Replace '-moz-transition' with 'transition' in toolkit/. r=dao
This commit is contained in:
parent
e209ab981d
commit
988277546a
@ -41,24 +41,24 @@
|
||||
* (in case a 3rd party theme does not provide transitions).
|
||||
*/
|
||||
.controlBar:not([immediate]) {
|
||||
-moz-transition-property: opacity;
|
||||
-moz-transition-duration: 1ms;
|
||||
transition-property: opacity;
|
||||
transition-duration: 1ms;
|
||||
}
|
||||
.controlBar[fadeout] {
|
||||
opacity: 0;
|
||||
}
|
||||
.volumeStack:not([immediate]) {
|
||||
-moz-transition-property: opacity, margin-top;
|
||||
-moz-transition-duration: 1ms, 1ms;
|
||||
transition-property: opacity, margin-top;
|
||||
transition-duration: 1ms, 1ms;
|
||||
}
|
||||
.volumeStack[fadeout] {
|
||||
opacity: 0;
|
||||
margin-top: 0;
|
||||
}
|
||||
.statusOverlay:not([immediate]) {
|
||||
-moz-transition-property: opacity;
|
||||
-moz-transition-duration: 1ms;
|
||||
-moz-transition-delay: 750ms;
|
||||
transition-property: opacity;
|
||||
transition-duration: 1ms;
|
||||
transition-delay: 750ms;
|
||||
}
|
||||
.statusOverlay[fadeout] {
|
||||
opacity: 0;
|
||||
|
@ -201,7 +201,7 @@ notificationbox {
|
||||
|
||||
notification {
|
||||
-moz-binding: url("chrome://global/content/bindings/notification.xml#notification");
|
||||
-moz-transition: margin-top 300ms, opacity 300ms;
|
||||
transition: margin-top 300ms, opacity 300ms;
|
||||
}
|
||||
|
||||
/*********** popup notification ************/
|
||||
|
@ -16,7 +16,7 @@ panel {
|
||||
/* ::::: arrow panel ::::: */
|
||||
|
||||
panel[type="arrow"] {
|
||||
-moz-transition: opacity 300ms;
|
||||
transition: opacity 300ms;
|
||||
-moz-appearance: none;
|
||||
}
|
||||
|
||||
|
@ -152,14 +152,14 @@
|
||||
border-bottom: 0;
|
||||
height: 0;
|
||||
opacity: 0;
|
||||
-moz-transition-property: height, opacity;
|
||||
-moz-transition-duration: 1s, 0.8s;
|
||||
transition-property: height, opacity;
|
||||
transition-duration: 1s, 0.8s;
|
||||
}
|
||||
|
||||
.category:not([disabled]) {
|
||||
height: 52px;
|
||||
-moz-transition-property: height, opacity;
|
||||
-moz-transition-duration: 1s, 0.8s;
|
||||
transition-property: height, opacity;
|
||||
transition-duration: 1s, 0.8s;
|
||||
}
|
||||
|
||||
.category[selected] {
|
||||
@ -530,14 +530,14 @@
|
||||
height: 0;
|
||||
overflow: hidden;
|
||||
opacity: 0;
|
||||
-moz-transition-property: height, opacity;
|
||||
-moz-transition-duration: 0.5s, 0.5s;
|
||||
transition-property: height, opacity;
|
||||
transition-duration: 0.5s, 0.5s;
|
||||
}
|
||||
|
||||
.addon[show-relnotes] .relnotes-container {
|
||||
opacity: 1;
|
||||
-moz-transition-property: height, opacity;
|
||||
-moz-transition-duration: 0.5s, 0.5s;
|
||||
transition-property: height, opacity;
|
||||
transition-duration: 0.5s, 0.5s;
|
||||
}
|
||||
|
||||
.addon .relnotes-header {
|
||||
@ -595,8 +595,8 @@
|
||||
-moz-box-align: center;
|
||||
-moz-box-pack: center;
|
||||
opacity: 1;
|
||||
-moz-transition-property: opacity;
|
||||
-moz-transition-duration: 1s;
|
||||
transition-property: opacity;
|
||||
transition-duration: 1s;
|
||||
}
|
||||
|
||||
.detail-view-container {
|
||||
|
@ -248,36 +248,36 @@ html|table {
|
||||
|
||||
/* CSS Transitions */
|
||||
.clickToPlay {
|
||||
-moz-transition-property: opacity, background-size;
|
||||
-moz-transition-duration: 400ms, 400ms;
|
||||
transition-property: opacity, background-size;
|
||||
transition-duration: 400ms, 400ms;
|
||||
}
|
||||
.clickToPlay[fadeout] {
|
||||
background-size: auto, 192px 192px;
|
||||
opacity: 0;
|
||||
}
|
||||
.clickToPlay[fadeout][immediate] {
|
||||
-moz-transition-property: opacity, background-size;
|
||||
-moz-transition-duration: 0s, 0s;
|
||||
transition-property: opacity, background-size;
|
||||
transition-duration: 0s, 0s;
|
||||
}
|
||||
.controlBar:not([immediate]) {
|
||||
-moz-transition-property: opacity;
|
||||
-moz-transition-duration: 200ms;
|
||||
transition-property: opacity;
|
||||
transition-duration: 200ms;
|
||||
}
|
||||
.controlBar[fadeout] {
|
||||
opacity: 0;
|
||||
}
|
||||
.volumeStack:not([immediate]) {
|
||||
-moz-transition-property: opacity, margin-top;
|
||||
-moz-transition-duration: 200ms, 200ms;
|
||||
transition-property: opacity, margin-top;
|
||||
transition-duration: 200ms, 200ms;
|
||||
}
|
||||
.volumeStack[fadeout] {
|
||||
opacity: 0;
|
||||
margin-top: 0;
|
||||
}
|
||||
.statusOverlay:not([immediate]) {
|
||||
-moz-transition-property: opacity;
|
||||
-moz-transition-duration: 300ms;
|
||||
-moz-transition-delay: 750ms;
|
||||
transition-property: opacity;
|
||||
transition-duration: 300ms;
|
||||
transition-delay: 750ms;
|
||||
}
|
||||
.statusOverlay[fadeout] {
|
||||
opacity: 0;
|
||||
|
@ -25,13 +25,13 @@ panel[titlebar] {
|
||||
panel[type="arrow"] {
|
||||
-moz-appearance: none;
|
||||
background: transparent;
|
||||
-moz-transition: opacity 300ms;
|
||||
transition: opacity 300ms;
|
||||
}
|
||||
|
||||
.panel-arrowcontainer[panelopen] {
|
||||
-moz-transition-duration: 250ms;
|
||||
-moz-transition-property: opacity;
|
||||
-moz-transition-timing-function: ease-out;
|
||||
transition-duration: 250ms;
|
||||
transition-property: opacity;
|
||||
transition-timing-function: ease-out;
|
||||
}
|
||||
|
||||
.panel-arrowcontainer:not([panelopen]) {
|
||||
|
@ -184,14 +184,14 @@
|
||||
border-bottom: 0;
|
||||
height: 0;
|
||||
opacity: 0;
|
||||
-moz-transition-property: height, opacity;
|
||||
-moz-transition-duration: 1s, 0.8s;
|
||||
transition-property: height, opacity;
|
||||
transition-duration: 1s, 0.8s;
|
||||
}
|
||||
|
||||
.category:not([disabled]) {
|
||||
height: 52px;
|
||||
-moz-transition-property: height, opacity;
|
||||
-moz-transition-duration: 1s, 0.8s;
|
||||
transition-property: height, opacity;
|
||||
transition-duration: 1s, 0.8s;
|
||||
}
|
||||
|
||||
.category[selected] {
|
||||
@ -592,14 +592,14 @@
|
||||
height: 0;
|
||||
overflow: hidden;
|
||||
opacity: 0;
|
||||
-moz-transition-property: height, opacity;
|
||||
-moz-transition-duration: 0.5s, 0.5s;
|
||||
transition-property: height, opacity;
|
||||
transition-duration: 0.5s, 0.5s;
|
||||
}
|
||||
|
||||
.addon[show-relnotes] .relnotes-container {
|
||||
opacity: 1;
|
||||
-moz-transition-property: height, opacity;
|
||||
-moz-transition-duration: 0.5s, 0.5s;
|
||||
transition-property: height, opacity;
|
||||
transition-duration: 0.5s, 0.5s;
|
||||
}
|
||||
|
||||
.addon .relnotes-header {
|
||||
@ -734,8 +734,8 @@
|
||||
|
||||
#detail-view[loading-extended] .loading {
|
||||
opacity: 1;
|
||||
-moz-transition-property: opacity;
|
||||
-moz-transition-duration: 1s;
|
||||
transition-property: opacity;
|
||||
transition-duration: 1s;
|
||||
}
|
||||
|
||||
.detail-view-container {
|
||||
@ -852,9 +852,9 @@
|
||||
background-color: #0459F7;
|
||||
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1),
|
||||
0 0 3.5px hsl(190, 90%, 80%);
|
||||
-moz-transition: background-color .4s ease-in,
|
||||
border-color .3s ease-in,
|
||||
box-shadow .3s ease-in
|
||||
transition: background-color .4s ease-in,
|
||||
border-color .3s ease-in,
|
||||
box-shadow .3s ease-in;
|
||||
}
|
||||
|
||||
#detail-contrib-btn:active:hover {
|
||||
|
@ -256,36 +256,36 @@ html|table {
|
||||
|
||||
/* CSS Transitions */
|
||||
.clickToPlay {
|
||||
-moz-transition-property: opacity, background-size;
|
||||
-moz-transition-duration: 400ms, 400ms;
|
||||
transition-property: opacity, background-size;
|
||||
transition-duration: 400ms, 400ms;
|
||||
}
|
||||
.clickToPlay[fadeout] {
|
||||
background-size: auto, 192px 192px;
|
||||
opacity: 0;
|
||||
}
|
||||
.clickToPlay[fadeout][immediate] {
|
||||
-moz-transition-property: opacity, background-size;
|
||||
-moz-transition-duration: 0s, 0s;
|
||||
transition-property: opacity, background-size;
|
||||
transition-duration: 0s, 0s;
|
||||
}
|
||||
.controlBar:not([immediate]) {
|
||||
-moz-transition-property: opacity;
|
||||
-moz-transition-duration: 200ms;
|
||||
transition-property: opacity;
|
||||
transition-duration: 200ms;
|
||||
}
|
||||
.controlBar[fadeout] {
|
||||
opacity: 0;
|
||||
}
|
||||
.volumeStack:not([immediate]) {
|
||||
-moz-transition-property: opacity, margin-top;
|
||||
-moz-transition-duration: 200ms, 200ms;
|
||||
transition-property: opacity, margin-top;
|
||||
transition-duration: 200ms, 200ms;
|
||||
}
|
||||
.volumeStack[fadeout] {
|
||||
opacity: 0;
|
||||
margin-top: 0;
|
||||
}
|
||||
.statusOverlay:not([immediate]) {
|
||||
-moz-transition-property: opacity;
|
||||
-moz-transition-duration: 300ms;
|
||||
-moz-transition-delay: 750ms;
|
||||
transition-property: opacity;
|
||||
transition-duration: 300ms;
|
||||
transition-delay: 750ms;
|
||||
}
|
||||
.statusOverlay[fadeout] {
|
||||
opacity: 0;
|
||||
|
@ -33,13 +33,13 @@ panel[type="arrow"] {
|
||||
-moz-appearance: none;
|
||||
background: transparent;
|
||||
border: none;
|
||||
-moz-transition: opacity 300ms;
|
||||
transition: opacity 300ms;
|
||||
}
|
||||
|
||||
.panel-arrowcontainer[panelopen] {
|
||||
-moz-transition-duration: 250ms;
|
||||
-moz-transition-property: opacity;
|
||||
-moz-transition-timing-function: ease-out;
|
||||
transition-duration: 250ms;
|
||||
transition-property: opacity;
|
||||
transition-timing-function: ease-out;
|
||||
}
|
||||
|
||||
.panel-arrowcontainer:not([panelopen]) {
|
||||
|
@ -196,14 +196,14 @@
|
||||
border-bottom: 0;
|
||||
height: 0;
|
||||
opacity: 0;
|
||||
-moz-transition-property: height, opacity;
|
||||
-moz-transition-duration: 1s, 0.8s;
|
||||
transition-property: height, opacity;
|
||||
transition-duration: 1s, 0.8s;
|
||||
}
|
||||
|
||||
.category:not([disabled]) {
|
||||
height: 52px;
|
||||
-moz-transition-property: height, opacity;
|
||||
-moz-transition-duration: 1s, 0.8s;
|
||||
transition-property: height, opacity;
|
||||
transition-duration: 1s, 0.8s;
|
||||
}
|
||||
|
||||
.category[selected] {
|
||||
@ -560,14 +560,14 @@
|
||||
height: 0;
|
||||
overflow: hidden;
|
||||
opacity: 0;
|
||||
-moz-transition-property: height, opacity;
|
||||
-moz-transition-duration: 0.5s, 0.5s;
|
||||
transition-property: height, opacity;
|
||||
transition-duration: 0.5s, 0.5s;
|
||||
}
|
||||
|
||||
.addon[show-relnotes] .relnotes-container {
|
||||
opacity: 1;
|
||||
-moz-transition-property: height, opacity;
|
||||
-moz-transition-duration: 0.5s, 0.5s;
|
||||
transition-property: height, opacity;
|
||||
transition-duration: 0.5s, 0.5s;
|
||||
}
|
||||
|
||||
.addon .relnotes-header {
|
||||
@ -712,8 +712,8 @@
|
||||
|
||||
#detail-view[loading-extended] .loading {
|
||||
opacity: 1;
|
||||
-moz-transition-property: opacity;
|
||||
-moz-transition-duration: 1s;
|
||||
transition-property: opacity;
|
||||
transition-duration: 1s;
|
||||
}
|
||||
|
||||
.detail-view-container {
|
||||
@ -830,9 +830,9 @@
|
||||
background-color: #0459F7;
|
||||
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1),
|
||||
0 0 3.5px hsl(190, 90%, 80%);
|
||||
-moz-transition: background-color .4s ease-in,
|
||||
border-color .3s ease-in,
|
||||
box-shadow .3s ease-in
|
||||
transition: background-color .4s ease-in,
|
||||
border-color .3s ease-in,
|
||||
box-shadow .3s ease-in;
|
||||
}
|
||||
|
||||
#detail-contrib-btn:active:hover {
|
||||
|
Loading…
Reference in New Issue
Block a user