}
.search-go-button:-moz-locale-dir(rtl) {
- -moz-transform: scaleX(-1);
+ transform: scaleX(-1);
}
.searchbar-engine-menuitem[selected="true"] > .menu-iconic-text {
background-color: #222;
}
- img {
+ .decoded {
background-color: #fff;
color: #222;
}
font-weight: bold;
}
+#alertImage {
+ max-width: 48px;
+ max-height: 48px;
+}
+
.alertText {
-moz-margin-end: 6px;
}
overflow-x: hidden !important;
}
+.autocomplete-richlistitem {
+ padding: 1px 2px;
+}
+
.autocomplete-richlistitem[selected="true"] {
background-color: #336699;
color: white;
}
-.autocomplete-richlistitem {
- padding: 1px 2px;
-}
-
.autocomplete-richlistitem:not(:first-child) {
border-top: 1px solid #666699;
}
text-decoration: underline;
}
-html|span.ac-emphasize-alt {
- text-decoration: underline;
-}
-
.ac-title, .ac-url {
overflow: hidden;
}
/* 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;
panel[type="arrow"] {
background: transparent;
border: none;
- -moz-transition: opacity 300ms;
+ transition: opacity 300ms;
+}
+
+.panel-arrowcontainer[panelopen] {
+ transition-duration: 200ms, 150ms;
+ transition-property: opacity, transform;
+ transition-timing-function: ease-out;
+}
+
+.panel-arrowcontainer:not([panelopen]) {
+ opacity: 0;
+}
+
+.panel-arrowcontainer:not([panelopen])[side="top"] {
+ transform: translateY(-20px);
+}
+
+.panel-arrowcontainer:not([panelopen])[side="bottom"] {
+ transform: translateY(20px);
+}
+
+.panel-arrowcontainer:not([panelopen])[side="left"] {
+ transform: translateX(-20px);
+}
+
+.panel-arrowcontainer:not([panelopen])[side="right"] {
+ transform: translateX(20px);
}
panel[type="arrow"][side="top"],
}
.panel-arrow[side="bottom"] {
- -moz-transform: scaleY(-1);
+ transform: scaleY(-1);
margin-top: -5px;
}
}
.panel-arrow[side="right"] {
- -moz-transform: scaleX(-1);
+ transform: scaleX(-1);
margin-left: -5px;
}
resizer[rtl="true"],
resizer[dir="bottomend"]:-moz-locale-dir(rtl) {
- -moz-transform: scaleX(-1);
+ transform: scaleX(-1);
}
resizer[dir="left"],
resizer[dir="bottomleft"],
resizer[dir="bottomstart"] {
- -moz-transform: scaleX(-1);
+ transform: scaleX(-1);
}
resizer[dir="bottomleft"],
}
.textbox-search-icon:-moz-locale-dir(rtl) {
- -moz-transform: scaleX(-1);
+ transform: scaleX(-1);
}
.textbox-search-icon[searchbutton]:not([disabled]) {
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] {
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 {
#detail-view[loading-extended] .loading {
opacity: 1;
- -moz-transition-property: opacity;
- -moz-transition-duration: 1s;
+ transition-property: opacity;
+ transition-duration: 1s;
}
.detail-view-container {
:-moz-type-unsupported .icon[status="ready"] {
background-image: url("chrome://mozapps/skin/plugins/contentPluginDownload.png");
}
-:-moz-handler-clicktoplay .icon {
+:-moz-handler-clicktoplay .icon,
+:-moz-handler-vulnerable-updatable .icon,
+:-moz-handler-vulnerable-no-update .icon {
background-image: url("chrome://mozapps/skin/plugins/contentPluginClickToPlay.png");
}
:-moz-handler-disabled .icon {
cursor: default;
}
-:-moz-handler-clicktoplay,
-.msgClickToPlay {
+:-moz-handler-clicktoplay .msgClickToPlay,
+:-moz-handler-vulnerable-updatable .msgClickToPlay,
+:-moz-handler-vulnerable-no-update .msgClickToPlay {
cursor: pointer;
}
#back-button:-moz-locale-dir(rtl) > .toolbarbutton-icon,
#forward-button:-moz-locale-dir(rtl),
#forward-button:-moz-locale-dir(rtl) > .toolbarbutton-text {
- -moz-transform: scaleX(-1);
+ transform: scaleX(-1);
}
#nav-bar #back-button {
window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
:-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
#unified-back-forward-button:not([switchingtabs]) > #forward-button {
- -moz-transition: opacity 150ms ease-out;
+ transition: opacity 150ms ease-out;
}
window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
:-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
#unified-back-forward-button:not([switchingtabs]) + #urlbar-container > #urlbar {
- -moz-transition: margin-left 150ms ease-out;
+ transition: margin-left 150ms ease-out;
}
window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
:-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
#unified-back-forward-button[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;
}
window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
:-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
#unified-back-forward-button + #urlbar-container > #urlbar:-moz-locale-dir(rtl) {
/* let winstripe-urlbar-back-button-clip-path clip the urlbar's right side for RTL */
- -moz-transform: scaleX(-1);
+ transform: scaleX(-1);
}
html|*.urlbar-input:-moz-lwtheme:-moz-placeholder,
:-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
#unified-back-forward-button[forwarddisabled] + #urlbar-container > #urlbar > #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(ltr) {
padding-left: 2px;
- -moz-transition: padding-left;
+ transition: padding-left;
}
window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
:-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
#unified-back-forward-button[forwarddisabled] + #urlbar-container > #urlbar > #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(rtl) {
padding-right: 2px;
- -moz-transition: padding-right;
+ transition: padding-right;
}
window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
:-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
#unified-back-forward-button[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;
}
window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
#go-button:-moz-locale-dir(rtl) > .toolbarbutton-icon,
#urlbar-go-button:-moz-locale-dir(rtl) > .toolbarbutton-icon {
- -moz-transform: scaleX(-1);
+ transform: scaleX(-1);
}
#urlbar-go-button:hover,
}
.tab-close-button:-moz-system-metric(touch-enabled) {
- -moz-transform: scale(1.2);
+ transform: scale(1.2);
}
.tab-close-button:hover,
toolbarbutton.chevron:-moz-locale-dir(rtl) > .toolbarbutton-icon,
toolbarbutton.chevron:-moz-locale-dir(rtl):hover > .toolbarbutton-icon {
- -moz-transform: scaleX(-1);
+ transform: scaleX(-1);
}
toolbarbutton.chevron > .toolbarbutton-text,
#notification-popup-box:-moz-locale-dir(rtl),
.notification-anchor-icon:-moz-locale-dir(rtl) {
- -moz-transform: scaleX(-1);
+ transform: scaleX(-1);
}
.notification-anchor-icon {
width: 14px;
height: 14px;
-moz-margin-start: -moz-calc(50% - 7px);
- -moz-transform: rotate(-45deg);
+ transform: rotate(-45deg);
border: 1px solid transparent;
background-clip: padding-box;
background-repeat: no-repeat;
#inspector-breadcrumbs > .scrollbutton-up > .toolbarbutton-icon:-moz-locale-dir(rtl),
#inspector-breadcrumbs > .scrollbutton-down > .toolbarbutton-icon:-moz-locale-dir(ltr) {
-/* -moz-transform: scaleX(-1); */
+/* transform: scaleX(-1); */
}
.inspector-breadcrumbs-button {
width: 7px;
height: 24px;
cursor: ew-resize;
- -moz-transform: translate(12px, -12px);
+ transform: translate(12px, -12px);
background-image: url("chrome://browser/skin/devtools/responsive-vertical-resizer.png");
}
width: 16px;
height: 16px;
cursor: se-resize;
- -moz-transform: translate(12px, 12px);
+ transform: translate(12px, 12px);
background-image: url("chrome://browser/skin/devtools/responsive-se-resizer.png");
}
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;
}
-moz-margin-end: 1px;
margin-top: 2px;
border-bottom: 1px dotted #008484;
- -moz-transition: background 1s ease-in-out;
+ transition: background 1s ease-in-out;
background: #000000;
}
.variable[changed] {
- -moz-transition-duration: 0.4s;
+ transition-duration: 0.4s;
background: #FFCF00;
}
.variable[added] {
- -moz-transition-duration: 0.4s;
+ transition-duration: 0.4s;
background: #008484;
}
@-moz-keyframes showblock {
from {
opacity: 0;
- -moz-transform-origin: top;
- -moz-transform: scaleY(0);
+ transform-origin: top;
+ transform: scaleY(0);
}
to {
opacity: 1;
- -moz-transform-origin: top;
- -moz-transform: scaleY(1);
+ transform-origin: top;
+ transform: scaleY(1);
}
}
border-style: solid;
border-color: #9C9CFF;*/
margin: 5px 0;
- -moz-transform: translateX(-22px); /* account for startcap as well */
+ transform: translateX(-22px); /* account for startcap as well */
}
.splitview-landscape-resizer:-moz-locale-dir(rtl) {
- -moz-transform: translateX(22px);
+ transform: translateX(22px);
}
.splitview-portrait-resizer {
}
.hud-box.animated {
- -moz-transition: height 100ms;
+ transition: height 100ms;
}
.hud-outer-wrapper {
}
@-moz-keyframes downloadsIndicatorNotificationRight {
- from { opacity: 0; -moz-transform: translate(-128px, 128px) scale(8); }
+ from { opacity: 0; transform: translate(-128px, 128px) scale(8); }
20% { opacity: .85; -moz-animation-timing-function: ease-out; }
- to { opacity: 0; -moz-transform: translate(0) scale(1); }
+ to { opacity: 0; transform: translate(0) scale(1); }
}
@-moz-keyframes downloadsIndicatorNotificationLeft {
- from { opacity: 0; -moz-transform: translate(128px, 128px) scale(8); }
+ from { opacity: 0; transform: translate(128px, 128px) scale(8); }
20% { opacity: .85; -moz-animation-timing-function: ease-out; }
- to { opacity: 0; -moz-transform: translate(0) scale(1); }
+ to { opacity: 0; transform: translate(0) scale(1); }
}
#downloads-indicator[notification] > #downloads-indicator-anchor > #downloads-indicator-notification {
border: 1px solid;
border-color: #9C9CFF;
border-radius: 1px;
- -moz-transition: border-color 100ms ease-out;
+ transition: border-color 100ms ease-out;
}
.newtab-cell:empty {
/* 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,
}
.newtab-site[dragged] {
- -moz-transition-property: box-shadow, background-color;
+ transition-property: box-shadow, background-color;
background-color: #002121;
}
}
.search-go-button:-moz-locale-dir(rtl) {
- -moz-transform: scaleX(-1);
+ transform: scaleX(-1);
}
.search-go-button:hover {
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;
}
html[dir=rtl] .expander {
right: auto;
left: 6px;
- -moz-transform: scaleX(-1);
+ transform: scaleX(-1);
}
.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;
}
html[dir=rtl] .resizer {
right: auto;
left: 0;
- -moz-transform: scaleX(-1);
+ transform: scaleX(-1);
}
.iq-resizable-handle {
}
.search-go-button:-moz-locale-dir(rtl) {
- -moz-transform: scaleX(-1);
+ transform: scaleX(-1);
}
.search-go-button:hover {
background-color: #221500;
}
- img {
+ .decoded {
background-color: #FFFFFF;
color: #221500;
}
font-weight: bold;
}
+#alertImage {
+ max-width: 48px;
+ max-height: 48px;
+}
+
.alertText {
-moz-margin-end: 6px;
}
overflow-x: hidden !important;
}
+.autocomplete-richlistitem {
+ padding: 1px 2px;
+}
+
.autocomplete-richlistitem[selected="true"] {
background-color: #008484;
color: #000000;
}
-.autocomplete-richlistitem {
- padding: 1px 2px;
-}
-
.autocomplete-richlistitem:not(:first-child) {
border-top: 1px solid #E7ADE7;
}
text-decoration: underline;
}
-html|span.ac-emphasize-alt {
- text-decoration: underline;
-}
-
.ac-title, .ac-url {
overflow: hidden;
}
/* 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;
panel[type="arrow"] {
background: transparent;
border: none;
- -moz-transition: opacity 300ms;
+ transition: opacity 300ms;
+}
+
+.panel-arrowcontainer[panelopen] {
+ transition-duration: 200ms, 150ms;
+ transition-property: opacity, transform;
+ transition-timing-function: ease-out;
+}
+
+.panel-arrowcontainer:not([panelopen]) {
+ opacity: 0;
+}
+
+.panel-arrowcontainer:not([panelopen])[side="top"] {
+ transform: translateY(-20px);
+}
+
+.panel-arrowcontainer:not([panelopen])[side="bottom"] {
+ transform: translateY(20px);
+}
+
+.panel-arrowcontainer:not([panelopen])[side="left"] {
+ transform: translateX(-20px);
+}
+
+.panel-arrowcontainer:not([panelopen])[side="right"] {
+ transform: translateX(20px);
}
panel[type="arrow"][side="top"],
}
.panel-arrow[side="bottom"] {
- -moz-transform: scaleY(-1);
+ transform: scaleY(-1);
margin-top: -5px;
}
}
.panel-arrow[side="right"] {
- -moz-transform: scaleX(-1);
+ transform: scaleX(-1);
margin-left: -5px;
}
resizer[rtl="true"],
resizer[dir="bottomend"]:-moz-locale-dir(rtl) {
- -moz-transform: scaleX(-1);
+ transform: scaleX(-1);
}
resizer[dir="left"],
resizer[dir="bottomleft"],
resizer[dir="bottomstart"] {
- -moz-transform: scaleX(-1);
+ transform: scaleX(-1);
}
resizer[dir="bottomleft"],
}
.textbox-search-icon:-moz-locale-dir(rtl) {
- -moz-transform: scaleX(-1);
+ transform: scaleX(-1);
}
.textbox-search-icon[searchbutton]:not([disabled]) {
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] {
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 {
#detail-view[loading-extended] .loading {
opacity: 1;
- -moz-transition-property: opacity;
- -moz-transition-duration: 1s;
+ transition-property: opacity;
+ transition-duration: 1s;
}
.detail-view-container {
:-moz-type-unsupported .icon[status="ready"] {
background-image: url("chrome://mozapps/skin/plugins/contentPluginDownload.png");
}
-:-moz-handler-clicktoplay .icon {
+:-moz-handler-clicktoplay .icon,
+:-moz-handler-vulnerable-updatable .icon,
+:-moz-handler-vulnerable-no-update .icon {
background-image: url("chrome://mozapps/skin/plugins/contentPluginClickToPlay.png");
}
:-moz-handler-disabled .icon {
cursor: default;
}
-:-moz-handler-clicktoplay,
-.msgClickToPlay {
+:-moz-handler-clicktoplay .msgClickToPlay,
+:-moz-handler-vulnerable-updatable .msgClickToPlay,
+:-moz-handler-vulnerable-no-update .msgClickToPlay {
cursor: pointer;
}