* You can obtain one at http://mozilla.org/MPL/2.0/. */
body {
- padding: 64px 0;
-}
-
-@media (max-width: 785px) {
- body {
- padding-top: 64px;
- padding-inline-end: 0;
- padding-bottom: 64px;
- padding-inline-start: 51px;
- }
+ padding: 64px 51px;
}
@media print {
line-height: 1.66em;
}
-a {
+a:link {
text-decoration: underline;
font-weight: normal;
}
-a,
-a:visited,
-a:hover,
-a:active {
+a:link,
+a:link:hover,
+a:link:active {
color: #0095dd;
}
+a:visited {
+ color: #c2e;
+}
+
* {
max-width: 100%;
height: auto;
border-radius: 5px;
}
+li {
+ margin-bottom: 0;
+}
+
+li > ul,
+li > ol {
+ margin-bottom: -10px;
+}
+
p > img:only-child,
p > a:only-child > img:only-child,
.wp-caption img,
animation-name: alert-fadeout-animation;
}
+#alertBox[animate]:not([clicked]):not([closing]):hover {
+ /* !important is necessary because CSS animations have highest
+ importance in the cascade with exception to !important rules. */
+ opacity: 1 !important;
+}
+
@keyframes alert-animation {
from {
opacity: 0;
-moz-binding: url("chrome://global/content/bindings/popup.xml#popup-scrollbars");
}
+/* ::::: Variables ::::: */
+:root {
+ --panel-arrowcontent-padding: 6px;
+ --panel-arrowcontent-background: #CCD0DD;
+ --panel-arrowcontent-color: #000000;
+ --panel-arrowcontent-border-color: #CCD0DD;
+}
+
/* ::::: root elements ::::: */
window,
xul|*.help-button > xul|*.button-box > xul|*.button-text {
display: none;
}
+*/
+html|*.help-button {
+ width: 16px;
+ height: 16px;
+ border: 0;
+ padding: 0;
+ display: inline-block;
+ background-image: url("chrome://global/skin/in-content/help-glyph.svg#help");
+ background-repeat: no-repeat;
+ background-position: center center;
+ background-size: contain;
+}
+
+html|*.help-button:hover {
+ background-image: url("chrome://global/skin/in-content/help-glyph.svg#help-hover");
+}
+html|*.help-button:hover:active {
+ background-image: url("chrome://global/skin/in-content/help-glyph.svg#help-pressed");
+}
+/*
xul|*.spinbuttons-button {
min-height: initial;
margin-inline-start: 10px !important;
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
-/* ::::: Variables ::::: */
-.panel-arrowcontent {
- --panel-arrowcontent-padding: 6px;
- --panel-arrowcontent-background: #CCD0DD;
- --panel-arrowcontent-color: #000000;
- --panel-arrowcontent-border: 1px outset #CCD0DD;
-}
-
/* ::::: menupopup ::::: */
menupopup,
color: var(--panel-arrowcontent-color);
background: var(--panel-arrowcontent-background);
background-clip: padding-box;
- border: var(--panel-arrowcontent-border);
+ border: 1px outset var(--panel-arrowcontent-border-color);
margin: 0px;
}
.panel-arrow[side="top"],
.panel-arrow[side="bottom"] {
- list-style-image: url("chrome://global/skin/arrow/panelarrow-vertical.svg");
+ list-style-image: var(--panel-arrow-image-vertical,
+ url("chrome://global/skin/arrow/panelarrow-vertical.svg"));
position: relative;
margin-left: 10px;
margin-right: 10px;
/* ::::: print preview toolbar ::::: */
-/* ..... page navigation ..... */
-
-.home-arrow, .end-arrow:-moz-locale-dir(rtl) {
- list-style-image: url("chrome://global/skin/arrow/arrow-left-sharp-end.gif");
-}
-
-.end-arrow, .home-arrow:-moz-locale-dir(rtl) {
- list-style-image: url("chrome://global/skin/arrow/arrow-right-sharp-end.gif");
-}
-
-.previous-arrow, .next-arrow:-moz-locale-dir(rtl) {
- list-style-image: url("chrome://global/skin/arrow/arrow-left-sharp.gif");
-}
-
-.next-arrow, .previous-arrow:-moz-locale-dir(rtl) {
- list-style-image: url("chrome://global/skin/arrow/arrow-right-sharp.gif");
-}
-
-/* ...... scale in/decrement ..... */
-
-.up-arrow {
- list-style-image: url("chrome://global/skin/arrow/arrow-up-sharp.gif");
+.navigate-button {
+ min-width: 1.9em;
}
-.down-arrow {
- list-style-image: url("chrome://global/skin/arrow/arrow-dn-sharp.gif");
+.navigate-button > .toolbarbutton-icon {
+ display: none;
}
/* ..... orientation ..... */
#disabled-unsigned-addons-info {
margin-bottom: 2em;
- margin-inline-end: 48px;
+ margin-right: 48px;
+ margin-left: 48px;
}
#disabled-unsigned-addons-heading {
padding: 10px;
}
-.loadingBox {
- padding: 3px 5px;
-}
-
-.remoteLoadingThrobber {
- margin-top: 3px;
-}
-
-.remoteLoadingThrobber[state="loading"] {
- list-style-image: url("chrome://global/skin/icons/loading.gif");
-}
-
-.remoteLoadingThrobber[state="error"] {
- list-style-image: url("chrome://global/skin/icons/information-16.png");
-}
-
.wizard-buttons-separator {
margin-top: 0 !important;
}
-#licenseContent, #incompatibleListbox {
- margin-inline-start: 6px;
- margin-inline-end: 6px;
-}
-
.inline-link {
color: blue;
text-decoration: none;
font-size: larger;
}
-/* License Page */
-#licenseContent {
-/* -moz-appearance: listbox; */
-}
-
-/* Incompatible List Page */
-#incompatibleListbox {
- margin-bottom: 6px;
-}
-
/* Downloading Page */
#downloadStatusLine {
-moz-box-align: center;
-moz-box-direction: reverse;
}
-html|*.urlbar-input:-moz-lwtheme::-moz-placeholder,
-.searchbar-textbox:-moz-lwtheme > .autocomplete-textbox-container > .textbox-input-box > html|*.textbox-input::-moz-placeholder {
+html|*.urlbar-input:-moz-lwtheme::placeholder,
+.searchbar-textbox:-moz-lwtheme > .autocomplete-textbox-container > .textbox-input-box > html|*.textbox-input::placeholder {
color: #E7ADE7;
}
background-color: #000000;
color: #E7ADE7;
}
-#newtab-search-text::-moz-placeholder {
+#newtab-search-text::placeholder {
color: #8050B0;
}
#newtab-search-text:focus {
border-color: #008484;
}
-.devtools-textinput::-moz-placeholder,
-.devtools-searchinput::-moz-placeholder,
-.devtools-filterinput::-moz-placeholder,
-.devtools-plaininput::-moz-placeholder {
+.devtools-textinput::placeholder,
+.devtools-searchinput::placeholder,
+.devtools-filterinput::placeholder,
+.devtools-plaininput::placeholder {
color: #8050B0;
opacity: 1.0;
}
visibility: hidden;
}
-.devtools-searchinput .textbox-input::-moz-placeholder,
-.devtools-filterinput .textbox-input::-moz-placeholder {
+.devtools-searchinput .textbox-input::placeholder,
+.devtools-filterinput .textbox-input::placeholder {
font-style: normal;
}
* You can obtain one at http://mozilla.org/MPL/2.0/. */
body {
- padding: 64px 0;
-}
-
-@media (max-width: 785px) {
- body {
- padding-top: 64px;
- padding-inline-end: 0;
- padding-bottom: 64px;
- padding-inline-start: 51px;
- }
+ padding: 64px 51px;
}
@media print {
line-height: 1.66em;
}
-a {
+a:link {
text-decoration: underline;
font-weight: normal;
}
-a,
-a:visited,
-a:hover,
-a:active {
+a:link,
+a:link:hover,
+a:link:active {
color: #0095dd;
}
+a:visited {
+ color: #c2e;
+}
+
* {
max-width: 100%;
height: auto;
border-radius: 5px;
}
+li {
+ margin-bottom: 0;
+}
+
+li > ul,
+li > ol {
+ margin-bottom: -10px;
+}
+
p > img:only-child,
p > a:only-child > img:only-child,
.wp-caption img,
animation-name: alert-fadeout-animation;
}
+#alertBox[animate]:not([clicked]):not([closing]):hover {
+ /* !important is necessary because CSS animations have highest
+ importance in the cascade with exception to !important rules. */
+ opacity: 1 !important;
+}
+
@keyframes alert-animation {
from {
opacity: 0;
}
}
+/* ::::: Variables ::::: */
+:root {
+ --panel-arrowcontent-padding: 6px;
+ --panel-arrowcontent-background: #000000;
+ --panel-arrowcontent-color: #FF9F00;
+ --panel-arrowcontent-border-color: #FF9F00;
+}
+
/* ::::: root elements ::::: */
window,
xul|*.help-button > xul|*.button-box > xul|*.button-text {
display: none;
}
+
+html|*.help-button {
+ width: 16px;
+ height: 16px;
+ border: 0;
+ padding: 0;
+ display: inline-block;
+ background-image: url("chrome://global/skin/in-content/help-glyph.svg#help");
+ background-repeat: no-repeat;
+ background-position: center center;
+ background-size: contain;
+}
+
+html|*.help-button:hover {
+ background-image: url("chrome://global/skin/in-content/help-glyph.svg#help-hover");
+}
+
+html|*.help-button:hover:active {
+ background-image: url("chrome://global/skin/in-content/help-glyph.svg#help-pressed");
+}
/*
xul|*.spinbuttons-button {
min-height: initial;
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
-/* ::::: Variables ::::: */
-.panel-arrowcontent {
- --panel-arrowcontent-padding: 6px;
- --panel-arrowcontent-background: #000000;
- --panel-arrowcontent-color: #FF9F00;
- --panel-arrowcontent-border-color: #FF9F00;
-}
-
/* ::::: menupopup ::::: */
menupopup,
.panel-arrow[side="top"],
.panel-arrow[side="bottom"] {
- list-style-image: url("chrome://global/skin/arrow/panelarrow-vertical.svg");
+ list-style-image: var(--panel-arrow-image-vertical,
+ url("chrome://global/skin/arrow/panelarrow-vertical.svg"));
position: relative;
margin-left: 10px;
margin-right: 10px;
/* ::::: print preview toolbar ::::: */
-/* ..... page navigation ..... */
-
-.home-arrow, .end-arrow:-moz-locale-dir(rtl) {
- list-style-image: url("chrome://global/skin/arrow/arrow-left-sharp-end.gif");
-}
-
-.home-arrow:hover, .end-arrow:-moz-locale-dir(rtl):hover {
- list-style-image: url("chrome://global/skin/arrow/arrow-left-sharp-end-hover.gif");
-}
-
-.end-arrow, .home-arrow:-moz-locale-dir(rtl) {
- list-style-image: url("chrome://global/skin/arrow/arrow-right-sharp-end.gif");
-}
-
-.end-arrow:hover, .home-arrow:-moz-locale-dir(rtl):hover {
- list-style-image: url("chrome://global/skin/arrow/arrow-right-sharp-end-hover.gif");
-}
-
-.previous-arrow, .next-arrow:-moz-locale-dir(rtl) {
- list-style-image: url("chrome://global/skin/arrow/arrow-left-sharp.gif");
-}
-
-.previous-arrow:hover, .next-arrow:-moz-locale-dir(rtl):hover {
- list-style-image: url("chrome://global/skin/arrow/arrow-left-sharp-hover.gif");
-}
-
-.next-arrow, .previous-arrow:-moz-locale-dir(rtl) {
- list-style-image: url("chrome://global/skin/arrow/arrow-right-sharp.gif");
-}
-
-.next-arrow:hover, .previous-arrow:-moz-locale-dir(rtl):hover {
- list-style-image: url("chrome://global/skin/arrow/arrow-right-sharp-hover.gif");
-}
-
-/* ...... scale in/decrement ..... */
-
-.up-arrow {
- list-style-image: url("chrome://global/skin/arrow/arrow-up-sharp.gif");
+.navigate-button {
+ min-width: 1.9em;
}
-.down-arrow {
- list-style-image: url("chrome://global/skin/arrow/arrow-dn-sharp.gif");
+.navigate-button > .toolbarbutton-icon {
+ display: none;
}
/* ..... orientation ..... */
font: inherit;
}
-html|*.textbox-input::-moz-placeholder,
-html|*.textbox-textarea::-moz-placeholder {
+html|*.textbox-input::placeholder,
+html|*.textbox-textarea::placeholder {
color: #8050B0;
opacity: 1.0;
}
#disabled-unsigned-addons-info {
margin-bottom: 2em;
- margin-inline-end: 48px;
+ margin-right: 48px;
+ margin-left: 48px;
}
#disabled-unsigned-addons-heading {
padding: 10px;
}
-.loadingBox {
- padding: 3px 5px;
-}
-
-.remoteLoadingThrobber {
- margin-top: 3px;
-}
-
-.remoteLoadingThrobber[state="loading"] {
- list-style-image: url("chrome://global/skin/icons/loading.png");
-}
-
-@media (min-resolution: 1.1dppx) {
- .remoteLoadingThrobber[state="loading"] {
- width: 16px;
- list-style-image: url("chrome://global/skin/icons/loading@2x.png");
- }
-}
-
-.remoteLoadingThrobber[state="error"] {
- list-style-image: url("chrome://global/skin/icons/information-16.png");
-}
-
.wizard-buttons-separator {
margin-top: 0 !important;
}
-#licenseContent, #incompatibleListbox {
- margin-inline-start: 6px;
- margin-inline-end: 6px;
-}
-
.inline-link {
color: #3333FF;
text-decoration: none;
font-size: larger;
}
-/* License Page */
-#licenseContent {
-/* -moz-appearance: listbox; */
-}
-
-/* Incompatible List Page */
-#incompatibleListbox {
- margin-bottom: 6px;
-}
-
/* Downloading Page */
#downloadStatusLine {
-moz-box-align: center;