mirror of
https://github.com/mozilla/gecko-dev.git
synced 2025-01-15 06:20:41 +00:00
Bug 772460 - Replace '-moz-transition' with 'transition' in browser/. r=dao
This commit is contained in:
parent
3948cd6e33
commit
dfb1713467
@ -97,8 +97,8 @@ body[dir=rtl] #searchText {
|
||||
box-shadow: 0 0 2px hsla(0,0%,100%,.5) inset,
|
||||
0 1px 0 hsla(0,0%,100%,.2);
|
||||
cursor: pointer;
|
||||
-moz-transition-property: background-color, border-color, box-shadow;
|
||||
-moz-transition-duration: 150ms;
|
||||
transition-property: background-color, border-color, box-shadow;
|
||||
transition-duration: 150ms;
|
||||
}
|
||||
|
||||
body[dir=rtl] #searchSubmit {
|
||||
@ -129,7 +129,7 @@ body[dir=rtl] #searchSubmit {
|
||||
#searchText + #searchSubmit:hover:active {
|
||||
box-shadow: 0 1px 1px hsla(211,79%,6%,.1) inset,
|
||||
0 0 1px hsla(211,79%,6%,.2) inset;
|
||||
-moz-transition-duration: 0ms;
|
||||
transition-duration: 0ms;
|
||||
}
|
||||
|
||||
#defaultSnippet1,
|
||||
@ -196,8 +196,8 @@ body[narrow] #launcher[session] {
|
||||
color: #525c66;
|
||||
font-size: 75%;
|
||||
cursor: pointer;
|
||||
-moz-transition-property: background-color, border-color, box-shadow;
|
||||
-moz-transition-duration: 150ms;
|
||||
transition-property: background-color, border-color, box-shadow;
|
||||
transition-duration: 150ms;
|
||||
}
|
||||
|
||||
body[narrow] #launcher[session] > .launchButton {
|
||||
@ -214,7 +214,7 @@ body[narrow] #launcher[session] > .launchButton {
|
||||
border-color: hsla(210,54%,20%,.2) hsla(210,54%,20%,.23) hsla(210,54%,20%,.25);
|
||||
box-shadow: 0 1px 1px hsla(211,79%,6%,.05) inset,
|
||||
0 0 1px hsla(211,79%,6%,.1) inset;
|
||||
-moz-transition-duration: 0ms;
|
||||
transition-duration: 0ms;
|
||||
}
|
||||
|
||||
.launchButton[hidden],
|
||||
@ -314,7 +314,7 @@ body[narrow] #restorePreviousSession::before {
|
||||
position: relative; /* pin wordmark to edge of document, not of viewport */
|
||||
-moz-box-ordinal-group: 0;
|
||||
opacity: .5;
|
||||
-moz-transition: opacity 150ms;
|
||||
transition: opacity 150ms;
|
||||
}
|
||||
|
||||
#aboutMozilla:hover {
|
||||
|
@ -38,18 +38,18 @@ tabbrowser {
|
||||
max-width: 250px;
|
||||
min-width: 100px;
|
||||
width: 0;
|
||||
-moz-transition: min-width 200ms ease-out,
|
||||
max-width 250ms ease-out,
|
||||
opacity 50ms ease-out 20ms /* hide the tab for the first 20ms of the max-width transition */;
|
||||
transition: min-width 200ms ease-out,
|
||||
max-width 250ms ease-out,
|
||||
opacity 50ms ease-out 20ms /* hide the tab for the first 20ms of the max-width transition */;
|
||||
}
|
||||
|
||||
.tabbrowser-tab:not([pinned]):not([fadein]) {
|
||||
max-width: 0.1px;
|
||||
min-width: 0.1px;
|
||||
opacity: 0 !important;
|
||||
-moz-transition: min-width 200ms ease-out,
|
||||
max-width 250ms ease-out,
|
||||
opacity 50ms ease-out 180ms /* hide the tab for the last 20ms of the max-width transition */;
|
||||
transition: min-width 200ms ease-out,
|
||||
max-width 250ms ease-out,
|
||||
opacity 50ms ease-out 180ms /* hide the tab for the last 20ms of the max-width transition */;
|
||||
}
|
||||
|
||||
.tab-throbber:not([fadein]):not([pinned]),
|
||||
@ -377,8 +377,8 @@ window[chromehidden~="toolbar"] toolbar:not(.toolbar-primary):not(.chromeclass-m
|
||||
}
|
||||
|
||||
#full-screen-warning-container[fade-warning-out] {
|
||||
-moz-transition-property: opacity !important;
|
||||
-moz-transition-duration: 500ms !important;
|
||||
transition-property: opacity !important;
|
||||
transition-duration: 500ms !important;
|
||||
opacity: 0.0;
|
||||
}
|
||||
|
||||
@ -518,17 +518,17 @@ statuspanel[type=status] {
|
||||
}
|
||||
|
||||
statuspanel[type=overLink] {
|
||||
-moz-transition: opacity 120ms ease-out;
|
||||
transition: opacity 120ms ease-out;
|
||||
direction: ltr;
|
||||
}
|
||||
|
||||
statuspanel[inactive] {
|
||||
-moz-transition: none;
|
||||
transition: none;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
statuspanel[inactive][previoustype=overLink] {
|
||||
-moz-transition: opacity 200ms ease-out;
|
||||
transition: opacity 200ms ease-out;
|
||||
}
|
||||
|
||||
.statuspanel-inner {
|
||||
@ -589,14 +589,14 @@ vbox[anonid=browserContainer][responsivemode] {
|
||||
}
|
||||
|
||||
stack[anonid=browserStack][responsivemode] {
|
||||
-moz-transition-duration: 200ms;
|
||||
-moz-transition-timing-function: linear;
|
||||
transition-duration: 200ms;
|
||||
transition-timing-function: linear;
|
||||
}
|
||||
|
||||
stack[anonid=browserStack][responsivemode] {
|
||||
-moz-transition-property: min-width, max-width, min-height, max-height;
|
||||
transition-property: min-width, max-width, min-height, max-height;
|
||||
}
|
||||
|
||||
stack[anonid=browserStack][responsivemode][notransition] {
|
||||
-moz-transition: none;
|
||||
transition: none;
|
||||
}
|
||||
|
@ -25,9 +25,9 @@
|
||||
#highlighter-veil-container:not([disable-transitions]) > #highlighter-veil-middlebox,
|
||||
#highlighter-veil-container:not([disable-transitions]) > #highlighter-veil-middlebox > .highlighter-veil,
|
||||
#highlighter-veil-container:not([disable-transitions]) > #highlighter-veil-middlebox > #highlighter-veil-transparentbox {
|
||||
-moz-transition-property: width, height;
|
||||
-moz-transition-duration: 0.1s;
|
||||
-moz-transition-timing-function: linear;
|
||||
transition-property: width, height;
|
||||
transition-duration: 0.1s;
|
||||
transition-timing-function: linear;
|
||||
}
|
||||
|
||||
#highlighter-veil-bottombox,
|
||||
@ -53,9 +53,9 @@
|
||||
}
|
||||
|
||||
#highlighter-nodeinfobar-container:not([disable-transitions]) {
|
||||
-moz-transition-property: top, left;
|
||||
-moz-transition-duration: 0.1s;
|
||||
-moz-transition-timing-function: linear;
|
||||
transition-property: top, left;
|
||||
transition-duration: 0.1s;
|
||||
transition-timing-function: linear;
|
||||
}
|
||||
|
||||
#highlighter-nodeinfobar-text {
|
||||
@ -120,8 +120,8 @@ html|*#highlighter-nodeinfobar-tagname {
|
||||
}
|
||||
|
||||
#inspector-layoutview-container:not([disable-transitions]) > iframe {
|
||||
-moz-transition-property: height;
|
||||
-moz-transition-duration: 0.2s;
|
||||
transition-property: height;
|
||||
transition-duration: 0.2s;
|
||||
}
|
||||
|
||||
#inspector-layoutview-container > iframe[open] {
|
||||
|
@ -68,8 +68,8 @@ input[type=button] {
|
||||
-moz-box-orient: vertical;
|
||||
min-width: 600px;
|
||||
min-height: 400px;
|
||||
-moz-transition: 100ms ease-out;
|
||||
-moz-transition-property: opacity;
|
||||
transition: 100ms ease-out;
|
||||
transition-property: opacity;
|
||||
}
|
||||
|
||||
#newtab-grid[page-disabled] {
|
||||
@ -99,8 +99,8 @@ input[type=button] {
|
||||
.newtab-site {
|
||||
position: relative;
|
||||
-moz-box-flex: 1;
|
||||
-moz-transition: 100ms ease-out;
|
||||
-moz-transition-property: top, left, opacity;
|
||||
transition: 100ms ease-out;
|
||||
transition-property: top, left, opacity;
|
||||
}
|
||||
|
||||
.newtab-site[frozen] {
|
||||
@ -109,7 +109,7 @@ input[type=button] {
|
||||
}
|
||||
|
||||
.newtab-site[dragged] {
|
||||
-moz-transition-property: none;
|
||||
transition-property: none;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
@ -125,7 +125,7 @@ input[type=button] {
|
||||
|
||||
.newtab-thumbnail {
|
||||
opacity: .8;
|
||||
-moz-transition: opacity 100ms ease-out;
|
||||
transition: opacity 100ms ease-out;
|
||||
}
|
||||
|
||||
.newtab-thumbnail[dragged],
|
||||
@ -150,7 +150,7 @@ input[type=button] {
|
||||
position: absolute;
|
||||
top: 4px;
|
||||
opacity: 0;
|
||||
-moz-transition: opacity 100ms ease-out;
|
||||
transition: opacity 100ms ease-out;
|
||||
}
|
||||
|
||||
.newtab-control:-moz-focusring,
|
||||
|
@ -51,5 +51,5 @@ tabpanels {
|
||||
}
|
||||
|
||||
.tabbrowser-tabs:not(:hover) > .tabbrowser-arrowscrollbox > .closing-tabs-spacer {
|
||||
-moz-transition: width .15s ease-out;
|
||||
transition: width .15s ease-out;
|
||||
}
|
||||
|
@ -568,9 +568,9 @@ iQClass.prototype = {
|
||||
});
|
||||
|
||||
this.css({
|
||||
'-moz-transition-property': Object.keys(css).join(", "),
|
||||
'-moz-transition-duration': (duration / 1000) + 's',
|
||||
'-moz-transition-timing-function': easing
|
||||
'transition-property': Object.keys(css).join(", "),
|
||||
'transition-duration': (duration / 1000) + 's',
|
||||
'transition-timing-function': easing
|
||||
});
|
||||
|
||||
this.css(css);
|
||||
@ -578,9 +578,9 @@ iQClass.prototype = {
|
||||
let self = this;
|
||||
setTimeout(function() {
|
||||
self.css({
|
||||
'-moz-transition-property': 'none',
|
||||
'-moz-transition-duration': '',
|
||||
'-moz-transition-timing-function': ''
|
||||
'transition-property': 'none',
|
||||
'transition-duration': '',
|
||||
'transition-timing-function': ''
|
||||
});
|
||||
|
||||
if (typeof options.complete == "function")
|
||||
|
@ -27,7 +27,7 @@ function onTabViewShown() {
|
||||
// we need to stop the setBounds() css animation or else the test will
|
||||
// fail in single-mode because the group is newly created "ontabshown".
|
||||
let $container = contentWindow.iQ(currentActiveGroup.container);
|
||||
$container.css("-moz-transition-property", "none");
|
||||
$container.css("transition-property", "none");
|
||||
|
||||
currentActiveGroup.setPosition(40, 40, true);
|
||||
currentActiveGroup.arrange({animate: false});
|
||||
|
@ -36,10 +36,10 @@ const TRANSITION_CLASS = "moz-styleeditor-transitioning";
|
||||
const TRANSITION_DURATION_MS = 500;
|
||||
const TRANSITION_RULE = "\
|
||||
:root.moz-styleeditor-transitioning, :root.moz-styleeditor-transitioning * {\
|
||||
-moz-transition-duration: " + TRANSITION_DURATION_MS + "ms !important; \
|
||||
-moz-transition-delay: 0ms !important;\
|
||||
-moz-transition-timing-function: ease-out !important;\
|
||||
-moz-transition-property: all !important;\
|
||||
transition-duration: " + TRANSITION_DURATION_MS + "ms !important; \
|
||||
transition-delay: 0ms !important;\
|
||||
transition-timing-function: ease-out !important;\
|
||||
transition-property: all !important;\
|
||||
}";
|
||||
|
||||
/**
|
||||
|
@ -586,7 +586,7 @@ toolbar[mode="full"] .toolbarbutton-1 > .toolbarbutton-menubutton-button {
|
||||
}
|
||||
|
||||
@conditionalForwardWithUrlbar@:not([switchingtabs]) > #forward-button {
|
||||
-moz-transition: @forwardTransitionLength@ ease-out;
|
||||
transition: @forwardTransitionLength@ ease-out;
|
||||
}
|
||||
|
||||
@conditionalForwardWithUrlbar@ > #forward-button[disabled] {
|
||||
@ -938,8 +938,8 @@ toolbar[iconsize="small"] #feed-button {
|
||||
}
|
||||
|
||||
@conditionalForwardWithUrlbar@:not([switchingtabs]) + #urlbar-container > #urlbar {
|
||||
-moz-transition: margin-left @forwardTransitionLength@ ease-out,
|
||||
margin-right @forwardTransitionLength@ ease-out;
|
||||
transition: margin-left @forwardTransitionLength@ ease-out,
|
||||
margin-right @forwardTransitionLength@ ease-out;
|
||||
}
|
||||
|
||||
@conditionalForwardWithUrlbar@[forwarddisabled] + #urlbar-container > #urlbar:-moz-locale-dir(ltr) {
|
||||
@ -1642,13 +1642,13 @@ richlistitem[type~="action"][actiontype="switchtab"] > .ac-url-box > .ac-action-
|
||||
.tabbrowser-arrowscrollbox > .scrollbutton-down {
|
||||
-moz-border-start: 2px solid transparent;
|
||||
-moz-border-end: 0;
|
||||
-moz-transition: 1s box-shadow ease-out;
|
||||
transition: 1s box-shadow ease-out;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.tabbrowser-arrowscrollbox > .scrollbutton-down[notifybgtab] {
|
||||
box-shadow: 0 0 5px 5px Highlight inset;
|
||||
-moz-transition: none;
|
||||
transition: none;
|
||||
}
|
||||
|
||||
.tabbrowser-arrowscrollbox > .scrollbutton-up:not([disabled]):-moz-locale-dir(ltr),
|
||||
|
@ -103,17 +103,17 @@
|
||||
margin-top: 2px;
|
||||
border-bottom: 1px dotted #ddd;
|
||||
border-radius: 8px;
|
||||
-moz-transition: background 1s ease-in-out;
|
||||
transition: background 1s ease-in-out;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.variable[changed] {
|
||||
-moz-transition-duration: 0.4s;
|
||||
transition-duration: 0.4s;
|
||||
background: rgba(255, 255, 0, 0.65);
|
||||
}
|
||||
|
||||
.variable[added] {
|
||||
-moz-transition-duration: 0.4s;
|
||||
transition-duration: 0.4s;
|
||||
background: rgba(0, 255, 0, 0.15);
|
||||
}
|
||||
|
||||
|
@ -8,7 +8,7 @@
|
||||
}
|
||||
|
||||
.hud-box.animated {
|
||||
-moz-transition: height 100ms;
|
||||
transition: height 100ms;
|
||||
}
|
||||
|
||||
.hud-splitter {
|
||||
|
@ -44,7 +44,7 @@
|
||||
border: 1px solid;
|
||||
border-color: rgba(8,22,37,.12) rgba(8,22,37,.14) rgba(8,22,37,.16);
|
||||
border-radius: 1px;
|
||||
-moz-transition: border-color 100ms ease-out;
|
||||
transition: border-color 100ms ease-out;
|
||||
}
|
||||
|
||||
.newtab-cell:empty {
|
||||
@ -63,7 +63,7 @@
|
||||
/* SITES */
|
||||
.newtab-site {
|
||||
text-decoration: none;
|
||||
-moz-transition-property: top, left, opacity, box-shadow, background-color;
|
||||
transition-property: top, left, opacity, box-shadow, background-color;
|
||||
}
|
||||
|
||||
.newtab-site:hover,
|
||||
@ -72,7 +72,7 @@
|
||||
}
|
||||
|
||||
.newtab-site[dragged] {
|
||||
-moz-transition-property: box-shadow, background-color;
|
||||
transition-property: box-shadow, background-color;
|
||||
background-color: rgb(242,242,242);
|
||||
}
|
||||
|
||||
|
@ -126,9 +126,9 @@ html[dir=rtl] .expander {
|
||||
.close:hover,
|
||||
.expander:hover,
|
||||
.appTabIcon:hover {
|
||||
-moz-transition-property: opacity;
|
||||
-moz-transition-duration: 0.5s;
|
||||
-moz-transition-timing-function: ease-out;
|
||||
transition-property: opacity;
|
||||
transition-duration: 0.5s;
|
||||
transition-timing-function: ease-out;
|
||||
}
|
||||
|
||||
.favicon img:hover,
|
||||
|
@ -526,7 +526,7 @@ toolbar[mode="icons"] #forward-button {
|
||||
}
|
||||
|
||||
@conditionalForwardWithUrlbar@:not([switchingtabs]) > #forward-button {
|
||||
-moz-transition: opacity @forwardTransitionLength@ ease-out;
|
||||
transition: opacity @forwardTransitionLength@ ease-out;
|
||||
}
|
||||
|
||||
@conditionalForwardWithUrlbar@ > #forward-button:hover:active:not(:-moz-lwtheme) {
|
||||
@ -895,7 +895,7 @@ toolbar[mode="icons"] #zoom-in-button {
|
||||
}
|
||||
|
||||
@conditionalForwardWithUrlbar@:not([switchingtabs]) + #urlbar-container > #urlbar {
|
||||
-moz-transition: margin-left @forwardTransitionLength@ ease-out;
|
||||
transition: margin-left @forwardTransitionLength@ ease-out;
|
||||
}
|
||||
|
||||
@conditionalForwardWithUrlbar@ + #urlbar-container > #urlbar:-moz-locale-dir(ltr) {
|
||||
@ -918,7 +918,7 @@ toolbar[mode="icons"] #zoom-in-button {
|
||||
|
||||
@conditionalForwardWithUrlbar@[forwarddisabled]:hover:not([switchingtabs]) + #urlbar-container > #urlbar {
|
||||
/* delay the hiding of the forward button when hovered to avoid accidental clicks on the url bar */
|
||||
-moz-transition-delay: 100s;
|
||||
transition-delay: 100s;
|
||||
}
|
||||
|
||||
@conditionalForwardWithUrlbar@[forwarddisabled]:not(:hover) + #urlbar-container > #urlbar {
|
||||
@ -961,18 +961,18 @@ toolbar[mode="icons"] #zoom-in-button {
|
||||
}
|
||||
|
||||
@conditionalForwardWithUrlbar@[forwarddisabled] + #urlbar-container > #urlbar > #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(ltr) {
|
||||
-moz-transition: 0s padding-left;
|
||||
transition: 0s padding-left;
|
||||
padding-left: 10px;
|
||||
}
|
||||
|
||||
@conditionalForwardWithUrlbar@[forwarddisabled] + #urlbar-container > #urlbar > #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(rtl) {
|
||||
-moz-transition: 0s padding-right;
|
||||
transition: 0s padding-right;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
@conditionalForwardWithUrlbar@[forwarddisabled]:hover:not([switchingtabs]) + #urlbar-container > #urlbar > #notification-popup-box[hidden] + #identity-box {
|
||||
/* delay the hiding of the forward button when hovered to avoid accidental clicks on the url bar */
|
||||
-moz-transition-delay: 100s;
|
||||
transition-delay: 100s;
|
||||
}
|
||||
|
||||
@conditionalForwardWithUrlbar@[forwarddisabled]:not(:hover) + #urlbar-container > #urlbar > #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(ltr) {
|
||||
@ -1673,9 +1673,9 @@ toolbarbutton.chevron > .toolbarbutton-menu-dropmarker {
|
||||
}
|
||||
|
||||
.tabbrowser-tab:not([pinned]):not([fadein]) {
|
||||
-moz-transition: min-width 200ms ease-out /* copied from browser/base/content/browser.css */,
|
||||
max-width 250ms ease-out /* copied from browser/base/content/browser.css */,
|
||||
opacity 50ms ease-out 100ms /* hide the tab for the last 100ms of the max-width transition */;
|
||||
transition: min-width 200ms ease-out /* copied from browser/base/content/browser.css */,
|
||||
max-width 250ms ease-out /* copied from browser/base/content/browser.css */,
|
||||
opacity 50ms ease-out 100ms /* hide the tab for the last 100ms of the max-width transition */;
|
||||
}
|
||||
|
||||
.tab-stack {
|
||||
@ -2015,12 +2015,12 @@ toolbarbutton.chevron > .toolbarbutton-menu-dropmarker {
|
||||
|
||||
.tabbrowser-arrowscrollbox > .scrollbutton-down {
|
||||
-moz-border-start: 2px solid transparent;
|
||||
-moz-transition: 1s background-color ease-out;
|
||||
transition: 1s background-color ease-out;
|
||||
}
|
||||
|
||||
.tabbrowser-arrowscrollbox > .scrollbutton-down[notifybgtab] {
|
||||
background-color: Highlight;
|
||||
-moz-transition: none;
|
||||
transition: none;
|
||||
}
|
||||
|
||||
.tabbrowser-arrowscrollbox > .scrollbutton-up:-moz-locale-dir(ltr),
|
||||
|
@ -105,17 +105,17 @@
|
||||
margin-top: 2px;
|
||||
border-bottom: 1px dotted #ddd;
|
||||
border-radius: 8px;
|
||||
-moz-transition: background 1s ease-in-out;
|
||||
transition: background 1s ease-in-out;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.variable[changed] {
|
||||
-moz-transition-duration: 0.4s;
|
||||
transition-duration: 0.4s;
|
||||
background: rgba(255, 255, 0, 0.65);
|
||||
}
|
||||
|
||||
.variable[added] {
|
||||
-moz-transition-duration: 0.4s;
|
||||
transition-duration: 0.4s;
|
||||
background: rgba(0, 255, 0, 0.15);
|
||||
}
|
||||
|
||||
|
@ -10,7 +10,7 @@
|
||||
}
|
||||
|
||||
.hud-box.animated {
|
||||
-moz-transition: height 100ms;
|
||||
transition: height 100ms;
|
||||
}
|
||||
|
||||
.hud-splitter {
|
||||
|
@ -44,7 +44,7 @@
|
||||
border: 1px solid;
|
||||
border-color: rgba(8,22,37,.12) rgba(8,22,37,.14) rgba(8,22,37,.16);
|
||||
border-radius: 1px;
|
||||
-moz-transition: border-color 100ms ease-out;
|
||||
transition: border-color 100ms ease-out;
|
||||
}
|
||||
|
||||
.newtab-cell:empty {
|
||||
@ -63,7 +63,7 @@
|
||||
/* SITES */
|
||||
.newtab-site {
|
||||
text-decoration: none;
|
||||
-moz-transition-property: top, left, opacity, box-shadow, background-color;
|
||||
transition-property: top, left, opacity, box-shadow, background-color;
|
||||
}
|
||||
|
||||
.newtab-site:hover,
|
||||
@ -72,7 +72,7 @@
|
||||
}
|
||||
|
||||
.newtab-site[dragged] {
|
||||
-moz-transition-property: box-shadow, background-color;
|
||||
transition-property: box-shadow, background-color;
|
||||
background-color: rgb(242,242,242);
|
||||
}
|
||||
|
||||
|
@ -107,9 +107,9 @@ html[dir=rtl] .close {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
background: url(chrome://global/skin/icons/resizer.png) no-repeat;
|
||||
-moz-transition-property: opacity;
|
||||
-moz-transition-duration: 0.5s;
|
||||
-moz-transition-timing-function: ease-out;
|
||||
transition-property: opacity;
|
||||
transition-duration: 0.5s;
|
||||
transition-timing-function: ease-out;
|
||||
opacity: 0.2;
|
||||
}
|
||||
|
||||
@ -121,9 +121,9 @@ html[dir=rtl] .expander {
|
||||
|
||||
.expander:hover,
|
||||
.appTabIcon:hover {
|
||||
-moz-transition-property: opacity;
|
||||
-moz-transition-duration: 0.5s;
|
||||
-moz-transition-timing-function: ease-out;
|
||||
transition-property: opacity;
|
||||
transition-duration: 0.5s;
|
||||
transition-timing-function: ease-out;
|
||||
opacity: 1.0;
|
||||
}
|
||||
|
||||
|
@ -359,7 +359,7 @@
|
||||
border: 1px solid #b8d6fb;
|
||||
box-shadow: inset 0 0 1px white;
|
||||
background: -moz-linear-gradient(#fafbfd, #ebf3fd);
|
||||
-moz-transition: .2s ease-in;
|
||||
transition: .2s ease-in;
|
||||
}
|
||||
}
|
||||
|
||||
@ -699,8 +699,8 @@ toolbar[mode=full] .toolbarbutton-1 > .toolbarbutton-menubutton-button {
|
||||
box-shadow: 0 1px hsla(0,0%,100%,0) inset,
|
||||
0 1px hsla(210,54%,20%,0),
|
||||
0 0 2px hsla(210,54%,20%,0);
|
||||
-moz-transition-property: background-color, border-color, box-shadow;
|
||||
-moz-transition-duration: 150ms;
|
||||
transition-property: background-color, border-color, box-shadow;
|
||||
transition-duration: 150ms;
|
||||
}
|
||||
|
||||
@navbarLargeIcons@ .toolbarbutton-1:not(:-moz-any(@primaryToolbarButtons@)) > .toolbarbutton-icon,
|
||||
@ -779,7 +779,7 @@ toolbar[mode=full] .toolbarbutton-1 > .toolbarbutton-menubutton-button {
|
||||
0 1px 0 hsla(210,54%,20%,0),
|
||||
0 0 2px hsla(210,54%,20%,0);
|
||||
text-shadow: none;
|
||||
-moz-transition: none;
|
||||
transition: none;
|
||||
}
|
||||
|
||||
@navbarLargeIcons@ .toolbarbutton-1:-moz-any(:hover,[open]) > .toolbarbutton-menubutton-dropmarker:not([disabled]) > .dropmarker-icon {
|
||||
@ -788,7 +788,7 @@ toolbar[mode=full] .toolbarbutton-1 > .toolbarbutton-menubutton-button {
|
||||
|
||||
@navbarLargeIcons@ .toolbarbutton-1[checked]:not(:active):hover > .toolbarbutton-icon {
|
||||
background-color: rgba(90%,90%,90%,.4);
|
||||
-moz-transition: background-color .4s;
|
||||
transition: background-color .4s;
|
||||
}
|
||||
|
||||
:-moz-any(#TabsToolbar, #addon-bar) .toolbarbutton-1,
|
||||
@ -863,7 +863,7 @@ toolbar[mode=full] .toolbarbutton-1 > .toolbarbutton-menubutton-button {
|
||||
}
|
||||
|
||||
@conditionalForwardWithUrlbar@:not([switchingtabs]) > #forward-button {
|
||||
-moz-transition: opacity @forwardTransitionLength@ ease-out;
|
||||
transition: opacity @forwardTransitionLength@ ease-out;
|
||||
}
|
||||
|
||||
@conditionalForwardWithUrlbar@:not(:hover) > #forward-button[disabled] {
|
||||
@ -898,8 +898,8 @@ toolbar[mode=full] .toolbarbutton-1 > .toolbarbutton-menubutton-button {
|
||||
0 0 0 1px hsla(0,0%,100%,.3) inset,
|
||||
0 0 0 1px hsla(210,54%,20%,.25),
|
||||
0 1px 0 hsla(210,54%,20%,.35);
|
||||
-moz-transition-property: background-color, box-shadow;
|
||||
-moz-transition-duration: 250ms;
|
||||
transition-property: background-color, box-shadow;
|
||||
transition-duration: 250ms;
|
||||
}
|
||||
|
||||
@conditionalForwardWithUrlbar@ > #back-button:not([disabled="true"]):not([open="true"]):not(:active):hover > .toolbarbutton-icon {
|
||||
@ -918,13 +918,13 @@ toolbar[mode=full] .toolbarbutton-1 > .toolbarbutton-menubutton-button {
|
||||
0 0 1px hsla(210,54%,20%,.2) inset,
|
||||
0 0 0 1px hsla(210,54%,20%,.4),
|
||||
0 1px 0 hsla(210,54%,20%,.2);
|
||||
-moz-transition: none;
|
||||
transition: none;
|
||||
}
|
||||
|
||||
@conditionalForwardWithUrlbar@ > #back-button[disabled] > .toolbarbutton-icon {
|
||||
box-shadow: 0 0 0 1px hsla(210,54%,20%,.55),
|
||||
0 1px 0 hsla(210,54%,20%,.65);
|
||||
-moz-transition: none;
|
||||
transition: none;
|
||||
}
|
||||
|
||||
.unified-nav-back[_moz-menuactive]:-moz-locale-dir(ltr),
|
||||
@ -1202,7 +1202,7 @@ toolbar[mode=full] .toolbarbutton-1 > .toolbarbutton-menubutton-button {
|
||||
}
|
||||
|
||||
@conditionalForwardWithUrlbar@:not([switchingtabs]) + #urlbar-container > #urlbar {
|
||||
-moz-transition: margin-left @forwardTransitionLength@ ease-out;
|
||||
transition: margin-left @forwardTransitionLength@ ease-out;
|
||||
}
|
||||
|
||||
@conditionalForwardWithUrlbar@ + #urlbar-container > #urlbar:-moz-locale-dir(ltr) {
|
||||
@ -1225,7 +1225,7 @@ toolbar[mode=full] .toolbarbutton-1 > .toolbarbutton-menubutton-button {
|
||||
|
||||
@conditionalForwardWithUrlbar@[forwarddisabled]:hover:not([switchingtabs]) + #urlbar-container > #urlbar {
|
||||
/* delay the hiding of the forward button when hovered to avoid accidental clicks on the url bar */
|
||||
-moz-transition-delay: 100s;
|
||||
transition-delay: 100s;
|
||||
}
|
||||
|
||||
@conditionalForwardWithUrlbar@[forwarddisabled]:not(:hover) + #urlbar-container > #urlbar {
|
||||
@ -1341,17 +1341,17 @@ html|*.urlbar-input:-moz-lwtheme:-moz-placeholder,
|
||||
|
||||
@conditionalForwardWithUrlbar@[forwarddisabled] + #urlbar-container > #urlbar > #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(ltr) {
|
||||
padding-left: 5px;
|
||||
-moz-transition: padding-left;
|
||||
transition: padding-left;
|
||||
}
|
||||
|
||||
@conditionalForwardWithUrlbar@[forwarddisabled] + #urlbar-container > #urlbar > #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(rtl) {
|
||||
padding-right: 5px;
|
||||
-moz-transition: padding-right;
|
||||
transition: padding-right;
|
||||
}
|
||||
|
||||
@conditionalForwardWithUrlbar@[forwarddisabled]:hover:not([switchingtabs]) + #urlbar-container > #urlbar > #notification-popup-box[hidden] + #identity-box {
|
||||
/* forward button hiding is delayed when hovered */
|
||||
-moz-transition-delay: 100s;
|
||||
transition-delay: 100s;
|
||||
}
|
||||
|
||||
@conditionalForwardWithUrlbar@[forwarddisabled]:not(:hover) + #urlbar-container > #urlbar > #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(ltr) {
|
||||
@ -1965,12 +1965,12 @@ richlistitem[type~="action"][actiontype="switchtab"][selected="true"] > .ac-url-
|
||||
}
|
||||
|
||||
.tabbrowser-arrowscrollbox > .scrollbutton-down {
|
||||
-moz-transition: 1s background-color ease-out;
|
||||
transition: 1s background-color ease-out;
|
||||
}
|
||||
|
||||
.tabbrowser-arrowscrollbox > .scrollbutton-down[notifybgtab] {
|
||||
background-color: Highlight;
|
||||
-moz-transition: none;
|
||||
transition: none;
|
||||
}
|
||||
|
||||
.tabbrowser-arrowscrollbox > .scrollbutton-up:not([disabled]),
|
||||
|
@ -92,9 +92,9 @@
|
||||
padding-bottom: 0;
|
||||
-moz-padding-start: 18px;
|
||||
-moz-padding-end: 12px;
|
||||
-moz-transition-property: background-color, border-color, box-shadow;
|
||||
-moz-transition-duration: 150ms;
|
||||
-moz-transition-timing-function: ease;
|
||||
transition-property: background-color, border-color, box-shadow;
|
||||
transition-duration: 150ms;
|
||||
transition-timing-function: ease;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
|
@ -103,17 +103,17 @@
|
||||
margin-top: 2px;
|
||||
border-bottom: 1px dotted #ddd;
|
||||
border-radius: 8px;
|
||||
-moz-transition: background 1s ease-in-out;
|
||||
transition: background 1s ease-in-out;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.variable[changed] {
|
||||
-moz-transition-duration: 0.4s;
|
||||
transition-duration: 0.4s;
|
||||
background: rgba(255, 255, 0, 0.65);
|
||||
}
|
||||
|
||||
.variable[added] {
|
||||
-moz-transition-duration: 0.4s;
|
||||
transition-duration: 0.4s;
|
||||
background: rgba(0, 255, 0, 0.15);
|
||||
}
|
||||
|
||||
|
@ -8,7 +8,7 @@
|
||||
}
|
||||
|
||||
.hud-box.animated {
|
||||
-moz-transition: height 100ms;
|
||||
transition: height 100ms;
|
||||
}
|
||||
|
||||
.hud-splitter {
|
||||
|
@ -44,7 +44,7 @@
|
||||
border: 1px solid;
|
||||
border-color: rgba(8,22,37,.12) rgba(8,22,37,.14) rgba(8,22,37,.16);
|
||||
border-radius: 1px;
|
||||
-moz-transition: border-color 100ms ease-out;
|
||||
transition: border-color 100ms ease-out;
|
||||
}
|
||||
|
||||
.newtab-cell:empty {
|
||||
@ -63,7 +63,7 @@
|
||||
/* SITES */
|
||||
.newtab-site {
|
||||
text-decoration: none;
|
||||
-moz-transition-property: top, left, opacity, box-shadow, background-color;
|
||||
transition-property: top, left, opacity, box-shadow, background-color;
|
||||
}
|
||||
|
||||
.newtab-site:hover,
|
||||
@ -72,7 +72,7 @@
|
||||
}
|
||||
|
||||
.newtab-site[dragged] {
|
||||
-moz-transition-property: box-shadow, background-color;
|
||||
transition-property: box-shadow, background-color;
|
||||
background-color: rgb(242,242,242);
|
||||
}
|
||||
|
||||
|
@ -108,9 +108,9 @@ html[dir=rtl] .close {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
background: url(chrome://global/skin/icons/resizer.png) no-repeat;
|
||||
-moz-transition-property: opacity;
|
||||
-moz-transition-duration: 0.5s;
|
||||
-moz-transition-timing-function: ease-out;
|
||||
transition-property: opacity;
|
||||
transition-duration: 0.5s;
|
||||
transition-timing-function: ease-out;
|
||||
opacity: 0.2;
|
||||
}
|
||||
|
||||
@ -122,9 +122,9 @@ html[dir=rtl] .expander {
|
||||
|
||||
.expander:hover,
|
||||
.appTabIcon:hover {
|
||||
-moz-transition-property: opacity;
|
||||
-moz-transition-duration: 0.5s;
|
||||
-moz-transition-timing-function: ease-out;
|
||||
transition-property: opacity;
|
||||
transition-duration: 0.5s;
|
||||
transition-timing-function: ease-out;
|
||||
opacity: 1.0;
|
||||
}
|
||||
|
||||
|
Loading…
x
Reference in New Issue
Block a user