Bug 772456 - Replace '-moz-transition' with 'transition' in toolkit/. r=dao

This commit is contained in:
Ekanan Ketunuti 2012-07-11 08:35:26 +07:00
parent e209ab981d
commit 988277546a
10 changed files with 75 additions and 75 deletions

View File

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

View File

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

View File

@ -16,7 +16,7 @@ panel {
/* ::::: arrow panel ::::: */
panel[type="arrow"] {
-moz-transition: opacity 300ms;
transition: opacity 300ms;
-moz-appearance: none;
}

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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