Skip to content

Instantly share code, notes, and snippets.

@peterbe

peterbe/beta.original.css.diff

Created July 16, 2019 13:42
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save peterbe/5474f032f52e84bd2cb21ded2e01938b to your computer and use it in GitHub Desktop.
Save peterbe/5474f032f52e84bd2cb21ded2e01938b to your computer and use it in GitHub Desktop.
Download ZIP
Raw
beta.original.css.diff
38,53d37
< }
< .text-content pre {
< border-left-width: 5px;
< }
< .text-content html[dir="rtl"] pre,
< html[dir="rtl"] .text-content pre {
< border-left-width: 0;
< border-right-width: 5px;
< }
< .text-content pre > :last-child {
< margin-bottom: 0;
< }
< .text-content pre > :last-child {
< padding-bottom: 0;
< }
< .text-content pre p {
58,61c42,44
< .text-content pre p dl,
< .text-content pre p p,
< .text-content pre p ul {
< max-width: 100%;
---
> .text-content pre > :last-child {
> margin-bottom: 0;
> padding-bottom: 0;
69,206d51
< .highlight-spanned.highlight,
< .text-content h3.highlight-spanned,
< .text-content h5.highlight-spanned {
< padding: 0;
< background-color: inherit;
< color: inherit;
< }
< .highlight-spanned.highlight a,
< .text-content h3.highlight-spanned a,
< .text-content h5.highlight-spanned a {
< color: inherit;
< }
< .highlight,
< .highlight .highlight-span,
< .text-content h3,
< .text-content h3 .highlight-span,
< .text-content h5,
< .text-content h5 .highlight-span {
< background-color: #333;
< color: #fff;
< font-weight: 400;
< line-height: 1.25;
< padding: 0 4px;
< -webkit-box-decoration-break: clone;
< box-decoration-break: clone;
< }
< .highlight .highlight-span a,
< .highlight a,
< .text-content h3 .highlight-span a,
< .text-content h3 a,
< .text-content h5 .highlight-span a,
< .text-content h5 a {
< color: #83d0f2;
< }
< .highlight .highlight-span a[name],
< .highlight a[name],
< .text-content h3 .highlight-span a[name],
< .text-content h3 a[name],
< .text-content h5 .highlight-span a[name],
< .text-content h5 a[name] {
< color: inherit;
< text-decoration: none;
< }
< .highlight .highlight-span code,
< .highlight code,
< .text-content h3 .highlight-span code,
< .text-content h3 code,
< .text-content h5 .highlight-span code,
< .text-content h5 code {
< background-color: rgba(255, 255, 255, 0.4) !important;
< color: #fff !important;
< }
< .cta-link {
< -moz-appearance: none;
< -webkit-appearance: none;
< appearance: none;
< font-size: inherit;
< font-weight: inherit;
< letter-spacing: inherit;
< line-height: inherit;
< background-color: transparent;
< text-transform: inherit;
< border: 0;
< padding: 0;
< color: #3d7e9a;
< position: relative;
< box-sizing: border-box;
< display: inline-block;
< border-bottom: 2px solid;
< }
< .cta-link:focus,
< .cta-link:hover {
< text-decoration: underline;
< }
< .cta-link {
< padding: 10px 30px 10px 0;
< text-align: left;
< }
< html[dir="rtl"] .cta-link {
< padding: 10px 0 10px 30px;
< text-align: right;
< }
< .cta-link .icon-arrow,
< .cta-link .icon-envelope {
< position: absolute;
< top: 30%;
< }
< .cta-link .icon-arrow,
< .cta-link .icon-envelope {
< left: auto;
< }
< html[dir="rtl"] .cta-link .icon-arrow,
< html[dir="rtl"] .cta-link .icon-envelope {
< left: 0;
< right: auto;
< }
< .cta-link .icon-arrow,
< .cta-link .icon-envelope {
< right: 0;
< }
< html[dir="rtl"] .cta-link .icon-arrow,
< html[dir="rtl"] .cta-link .icon-envelope {
< right: auto;
< left: 0;
< }
< .cta-link .icon-arrow,
< .cta-link .icon-envelope {
< transition: right 0.2s;
< }
< html[dir="rtl"] .cta-link .icon-arrow,
< html[dir="rtl"] .cta-link .icon-envelope {
< transition: left 0.2s;
< }
< .cta-link:focus,
< .cta-link:hover {
< text-decoration: none;
< }
< .cta-link:focus .icon-arrow,
< .cta-link:hover .icon-arrow {
< right: -5px;
< }
< html[dir="rtl"] .cta-link:focus .icon-arrow,
< html[dir="rtl"] .cta-link:hover .icon-arrow {
< right: 10px;
< left: -5px;
< }
< .cta-link:focus .icon-arrow,
< .cta-link:hover .icon-arrow {
< left: auto;
< }
< html[dir="rtl"] .cta-link:focus .icon-arrow,
< html[dir="rtl"] .cta-link:hover .icon-arrow {
< left: 10px;
< right: auto;
< }
< .cta-link i[class^="icon-"] {
< margin-top: 4px;
< }
208,209d52
< abbr,
< address,
211,214d53
< aside,
< audio,
< b,
< blockquote,
216,218d54
< canvas,
< caption,
< cite,
221,223d56
< del,
< details,
< dfn,
225d57
< dl,
227,230d58
< em,
< fieldset,
< figcaption,
< figure,
234,238d61
< h2,
< h3,
< h4,
< h5,
< h6,
240,241d62
< hgroup,
< hr,
243,247d63
< i,
< iframe,
< img,
< ins,
< kbd,
249d64
< legend,
251,252d65
< mark,
< menu,
254d66
< object,
256d67
< p,
258,259d68
< q,
< samp,
261d69
< small,
264,272d71
< sub,
< summary,
< sup,
< table,
< tbody,
< td,
< tfoot,
< th,
< thead,
274,277c73
< tr,
< ul,
< var,
< video {
---
> ul {
282,288c78,87
< address,
< caption,
< cite,
< code,
< dfn,
< th,
< var {
---
> details,
> dl,
> h2,
> h4,
> p,
> summary {
> padding: 0;
> border: 0;
> }
> code {
293,298c92
< aside,
< audio,
< canvas,
< figcaption,
< figure,
< figure img,
---
> details,
301,302d94
< hgroup,
< main,
305c97
< video {
---
> summary {
308,310d99
< a img {
< border: 0;
< }
328,349d116
< aside {
< width: 48.5%;
< float: right;
< background: #eee;
< padding: 20px;
< margin-left: 20px;
< margin-bottom: 20px;
< }
< aside > :last-child {
< margin-bottom: 0;
< }
< aside > :last-child {
< padding-bottom: 0;
< }
< aside h3:first-child,
< aside h4:first-child {
< margin-top: 0;
< }
< main {
< background: #fff;
< min-height: 200px;
< }
352,360c119
< display: block;
< margin-bottom: 20px;
< }
< details {
< margin-left: 20px;
< }
< html[dir="rtl"] details {
< margin-left: 0;
< margin-right: 20px;
---
> margin: 0 0 20px 20px;
363d121
< display: block;
366,382c124
< }
< summary {
< margin-left: -20px;
< }
< html[dir="rtl"] summary {
< margin-left: 0;
< margin-right: -20px;
< }
< summary h1,
< summary h2,
< summary h3,
< summary h4,
< summary h5,
< summary h6 {
< display: inline-block;
< margin-bottom: 0;
< color: inherit;
---
> margin: 0 0 0 -20px;
391,392d132
< }
< summary:before {
395,416c135,137
< html[dir="rtl"] summary:before {
< content: "◀︎";
< }
< details[open] > summary {
< margin-bottom: 10px;
< }
< details[open] > summary:before {
< content: "\25BC\FE0E";
< }
< hr {
< border-top: 3px solid #3d7e9a;
< height: 0;
< margin: 20px 0;
< box-sizing: border-box;
< max-width: 42rem;
< }
< @media print {
< header {
< display: none;
< }
< }
< h1 {
---
> h1,
> h2,
> h4 {
423c144,145
< h2 {
---
> h2,
> h4 {
426,427d147
< font-family: x-locale-heading-primary, zillaslab, Palatino,
< "Palatino Linotype", x-locale-heading-secondary, serif;
437,444d156
< h3 {
< margin: 20px 0;
< font-size: 26px;
< font-size: 1.44444rem;
< font-family: x-locale-heading-primary, zillaslab, Palatino,
< "Palatino Linotype", x-locale-heading-secondary, serif;
< line-height: 1.2;
< }
446c158
< margin: 30px 0 20px 0;
---
> margin: 30px 0 20px;
449,459d160
< font-family: x-locale-heading-primary, zillaslab, Palatino,
< "Palatino Linotype", x-locale-heading-secondary, serif;
< line-height: 1.2;
< }
< h5 {
< margin: 10px 0;
< font-size: 18px;
< font-size: 1rem;
< font-family: x-locale-heading-primary, zillaslab, Palatino,
< "Palatino Linotype", x-locale-heading-secondary, serif;
< line-height: 1.2;
461,469c162
< h6 {
< margin: 10px 0;
< font-size: 18px;
< font-size: 1rem;
< font-family: x-locale-heading-primary, zillaslab, Palatino,
< "Palatino Linotype", x-locale-heading-secondary, serif;
< line-height: 1.2;
< }
< p {
---
> .text-content dd {
472,483c165,166
< blockquote {
< box-sizing: border-box;
< max-width: 42rem;
< font-size: 24px;
< font-size: 1.33333rem;
< border: 3px solid #83d0f2;
< border-width: 3px 0;
< padding: 20px 0;
< margin-bottom: 20px;
< }
< blockquote > p:last-child {
< margin-bottom: 0;
---
> p {
> margin: 0 0 24px;
485d167
< article > blockquote:first-child,
498c180,183
< a:hover {
---
> a:hover,
> article a:active,
> article a:focus,
> article a:hover {
501,516d185
< a i[class^="icon-"]:before {
< cursor: pointer;
< }
< a[name] {
< color: inherit;
< text-decoration: none;
< }
< abbr[title] {
< cursor: help;
< text-decoration: dotted underline;
< }
< sup {
< position: relative;
< top: -0.15em;
< vertical-align: top;
< }
531,545d199
< .index :not(pre) > * > code,
< .index :not(pre) > code,
< .indexListTerm :not(pre) > * > code,
< .indexListTerm :not(pre) > code {
< background-color: transparent;
< padding: 0;
< }
< .toc :not(pre) > * > code,
< .toc :not(pre) > code {
< background-color: inherit;
< color: inherit;
< font-family: inherit;
< font-size: inherit;
< padding: 0;
< }
555,582d208
< @media all and (max-width: 47.9375em) {
< h1 code,
< h2 code,
< h3 code,
< h4 code,
< h5 code,
< h6 code {
< word-break: break-all;
< }
< }
< kbd {
< background-color: #eee;
< border-radius: 3px;
< border: 1px solid #b4b4b4;
< box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2),
< 0 2px 0 0 rgba(255, 255, 255, 0.7) inset;
< color: #333;
< display: inline-block;
< font-family: consolas, "Liberation Mono", courier, monospace;
< font-size: 0.85em;
< font-weight: 700;
< line-height: 1;
< padding: 2px 4px;
< white-space: nowrap;
< }
< var {
< font-style: italic;
< }
585d210
< optgroup,
587,588c212
< select,
< textarea {
---
> select {
593a218,221
> }
> input,
> option,
> select {
597,602c225
< input[type="number"],
< input[type="password"],
< input[type="search"],
< input[type="text"],
< input[type="url"],
< textarea {
---
> input[type="search"] {
610,615c233
< input[type="number"]::-webkit-input-placeholder,
< input[type="password"]::-webkit-input-placeholder,
< input[type="search"]::-webkit-input-placeholder,
< input[type="text"]::-webkit-input-placeholder,
< input[type="url"]::-webkit-input-placeholder,
< textarea::-webkit-input-placeholder {
---
> input[type="search"]::-webkit-input-placeholder {
619,624c237
< input[type="number"]:-ms-input-placeholder,
< input[type="password"]:-ms-input-placeholder,
< input[type="search"]:-ms-input-placeholder,
< input[type="text"]:-ms-input-placeholder,
< input[type="url"]:-ms-input-placeholder,
< textarea:-ms-input-placeholder {
---
> input[type="search"]:-ms-input-placeholder {
628,633c241
< input[type="number"]::-moz-placeholder,
< input[type="password"]::-moz-placeholder,
< input[type="search"]::-moz-placeholder,
< input[type="text"]::-moz-placeholder,
< input[type="url"]::-moz-placeholder,
< textarea::-moz-placeholder {
---
> input[type="search"]::-moz-placeholder {
637,642c245
< input[type="number"]::placeholder,
< input[type="password"]::placeholder,
< input[type="search"]::placeholder,
< input[type="text"]::placeholder,
< input[type="url"]::placeholder,
< textarea::placeholder {
---
> input[type="search"]::placeholder {
645,648d247
< textarea {
< color: #333;
< font-weight: 400;
< }
673,678d271
< .disabled,
< [disabled] {
< pointer-events: none;
< cursor: not-allowed;
< opacity: 0.5;
< }
680,683c273
< button,
< input[type="button"],
< input[type="submit"] {
< border: 0;
---
> button {
696,698c286
< button.neutral,
< input[type="button"].neutral,
< input[type="submit"].neutral {
---
> button.neutral {
702,752d289
< .button.negative,
< button.negative,
< input[type="button"].negative,
< input[type="submit"].negative {
< border-color: #b65456;
< color: #b65456;
< }
< .button.positive,
< button.positive,
< input[type="button"].positive,
< input[type="submit"].positive {
< min-height: 32px;
< border-color: #4d9f0c;
< color: #3a7408;
< }
< .button.transparent,
< button.transparent,
< input[type="button"].transparent,
< input[type="submit"].transparent {
< background-color: transparent;
< border: 0;
< padding-left: 0;
< padding-right: 0;
< }
< .button.link,
< button.link,
< input[type="button"].link,
< input[type="submit"].link {
< -moz-appearance: none;
< -webkit-appearance: none;
< appearance: none;
< font-size: inherit;
< font-weight: inherit;
< letter-spacing: inherit;
< line-height: inherit;
< background-color: transparent;
< text-transform: inherit;
< border: 0;
< padding: 0;
< color: #3d7e9a;
< }
< .button.link:focus,
< .button.link:hover,
< button.link:focus,
< button.link:hover,
< input[type="button"].link:focus,
< input[type="button"].link:hover,
< input[type="submit"].link:focus,
< input[type="submit"].link:hover {
< text-decoration: underline;
< }
754,756c291
< button::-moz-focus-inner,
< input[type="button"]::-moz-focus-inner,
< input[type="submit"]::-moz-focus-inner {
---
> button::-moz-focus-inner {
760,772d294
< .button i[class^="icon-"],
< button i[class^="icon-"],
< input[type="button"] i[class^="icon-"],
< input[type="submit"] i[class^="icon-"] {
< font-size: 19px;
< font-size: 1.05556rem;
< }
< .button i[class^="icon-"]:before,
< button i[class^="icon-"]:before,
< input[type="button"] i[class^="icon-"]:before,
< input[type="submit"] i[class^="icon-"]:before {
< cursor: pointer;
< }
774,776c296
< button:not(.only-icon) i[class^="icon-"],
< input[type="button"]:not(.only-icon) i[class^="icon-"],
< input[type="submit"]:not(.only-icon) i[class^="icon-"] {
---
> button:not(.only-icon) i[class^="icon-"] {
780,787d299
< html[dir="rtl"] .button:not(.only-icon) i[class^="icon-"],
< html[dir="rtl"] button:not(.only-icon) i[class^="icon-"],
< html[dir="rtl"] input[type="button"]:not(.only-icon) i[class^="icon-"],
< html[dir="rtl"] input[type="submit"]:not(.only-icon) i[class^="icon-"] {
< float: right;
< margin-right: 0;
< margin-left: 10px;
< }
793,847d304
< table {
< margin-bottom: 24px;
< }
< caption {
< font-weight: 700;
< }
< caption,
< th {
< text-align: left;
< }
< html[dir="rtl"] caption,
< html[dir="rtl"] th {
< text-align: right;
< }
< iframe,
< img,
< video {
< max-width: 100%;
< }
< img,
< video {
< height: auto !important;
< }
< .icon-only-inline i.icon-beaker,
< .icon-only-inline i.icon-trash,
< .icon-only-inline i.icon-warning-sign,
< .prevnext .icon-arrow-left,
< .prevnext .icon-arrow-right,
< .prevnext .icon-arrow-up,
< .standard-table i.icon-cogs,
< i.icon-beaker,
< i.icon-info-sign,
< i.icon-thumbs-down-alt,
< i.icon-trash,
< i.icon-warning-sign {
< display: inline-block;
< content: "";
< background-repeat: no-repeat;
< }
< i[class^="icon-"] {
< cursor: default;
< display: inline-block;
< }
< i[class^="icon-"]:before {
< display: inline-block;
< text-decoration: none;
< }
< label i[class^="icon-"]:first-child {
< margin-left: 0;
< margin-right: 10px;
< }
< html[dir="rtl"] label i[class^="icon-"]:first-child {
< margin-left: 10px;
< margin-right: 0;
< }
852,860d308
< .icon-arrow-left,
< .icon-arrow-right,
< .icon-arrow-up,
< .icon-book,
< .icon-caret-down,
< .icon-caret-right,
< .icon-check-mark,
< .icon-chevron-down,
< .icon-chevron-up,
862,880c310
< .icon-cogs,
< .icon-exclamation-circle,
< .icon-exclamation-triangle,
< .icon-external-link,
< .icon-eye,
< .icon-file,
< .icon-flask,
< .icon-gear,
< .icon-globe,
< .icon-info-circle,
< .icon-language,
< .icon-lock,
< .icon-pencil,
< .icon-plain-text,
< .icon-play,
< .icon-shield,
< .icon-tags,
< .icon-undo,
< .search-icon .icon-search {
---
> .icon-tags {
884,981c314,315
< .prevnext .icon-arrow-left {
< background-image: url("../../arrows/arrow-left.52215ddfcdd4.svg");
< background-size: 16px;
< width: 16px;
< height: 20px;
< vertical-align: sub;
< }
< .prevnext .icon-arrow-up {
< background-image: url("../../arrows/arrow-up.7bcf357a852e.svg");
< background-size: 16px;
< width: 16px;
< height: 20px;
< vertical-align: sub;
< }
< .prevnext .icon-arrow-right {
< background-image: url("../../arrows/arrow-right.cbc8b4f075cc.svg");
< background-size: 16px;
< width: 16px;
< height: 20px;
< vertical-align: sub;
< }
< i.icon-thumbs-down-alt {
< background-image: url("../../emojis/thumbs-down.63ec272cd3f4.svg");
< background-size: 16px;
< width: 16px;
< height: 20px;
< vertical-align: bottom;
< }
< i.icon-beaker {
< background-image: url("../../general/flask.6c6c1a459b56.svg");
< background-size: 16px;
< width: 16px;
< height: 20px;
< vertical-align: text-bottom;
< }
< i.icon-warning-sign {
< background-image: url("../../notifications/exclamation-triangle.6d44000df248.svg");
< background-size: 16px;
< width: 16px;
< height: 20px;
< vertical-align: bottom;
< }
< i.icon-trash {
< background-image: url("../../general/trash.79fdf785540e.svg");
< background-size: 16px;
< width: 16px;
< height: 20px;
< vertical-align: text-bottom;
< }
< i.icon-info-sign {
< background-image: url("../../notifications/info-circle.6f96056ac6bb.svg");
< background-size: 24px;
< width: 24px;
< height: 30px;
< }
< .icon-only-inline i.icon-beaker {
< background-image: url(data:image/svg+xml;base64,PHN2ZyBzdHlsZT0iZmlsbDogIzA5ZDsiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI2IiBoZWlnaHQ9IjI4IiBhcmlhLWhpZGRlbj0idHJ1ZSI+PHBhdGggZD0iTTIzLjg1OSAyMi42MjVDMjUuMDMxIDI0LjQ4NCAyNC4yMDMgMjYgMjIgMjZINGMtMi4yMDMgMC0zLjAzMS0xLjUxNi0xLjg1OS0zLjM3NUwxMCAxMC4yMzRWNEg5Yy0uNTQ3IDAtMS0uNDUzLTEtMXMuNDUzLTEgMS0xaDhjLjU0NyAwIDEgLjQ1MyAxIDFzLS40NTMgMS0xIDFoLTF2Ni4yMzR6TTExLjY4OCAxMS4yOTdMNy40MzggMThoMTEuMTI1bC00LjI1LTYuNzAzLS4zMTMtLjQ4NFY0aC0ydjYuODEzeiIvPjwvc3ZnPg);
< background-size: 16px;
< width: 16px;
< height: 20px;
< }
< .icon-only-inline i.icon-warning-sign {
< background-image: url(data:image/svg+xml;base64,PHN2ZyBzdHlsZT0iZmlsbDogI2RiMDsiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI4IiBoZWlnaHQ9IjI4IiBhcmlhLWhpZGRlbj0idHJ1ZSI+PHBhdGggZD0iTTE2IDIxLjQ4NHYtMi45NjlhLjUwOC41MDggMCAwIDAtLjUtLjUxNmgtM2MtLjI4MSAwLS41LjIzNC0uNS41MTZ2Mi45NjljMCAuMjgxLjIxOS41MTYuNS41MTZoM2MuMjgxIDAgLjUtLjIzNC41LS41MTZ6bS0uMDMxLTUuODQzbC4yODEtNy4xNzJhLjM3OC4zNzggMCAwIDAtLjE1Ni0uMjk3QzE2IDguMDk0IDE1Ljg2IDggMTUuNzE5IDhoLTMuNDM3Yy0uMTQxIDAtLjI4MS4wOTQtLjM3NS4xNzItLjEwOS4wNzgtLjE1Ni4yMzQtLjE1Ni4zMjhsLjI2NiA3LjE0MWMwIC4yMDMuMjM0LjM1OS41MzEuMzU5aDIuODkxYy4yODEgMCAuNTE2LS4xNTYuNTMxLS4zNTl6TTE1Ljc1IDEuMDQ3bDEyIDIyYy4zNDQuNjA5LjMyOCAxLjM1OS0uMDMxIDEuOTY5UzI2LjcwMyAyNiAyNiAyNkgyYy0uNzAzIDAtMS4zNTktLjM3NS0xLjcxOS0uOTg0cy0uMzc1LTEuMzU5LS4wMzEtMS45NjlsMTItMjJhMS45ODggMS45ODggMCAwIDEgMy41IDB6Ii8+PC9zdmc+);
< background-size: 16px;
< width: 16px;
< height: 20px;
< }
< .icon-only-inline i.icon-trash {
< background-image: url(data:image/svg+xml;base64,PHN2ZyBzdHlsZT0iZmlsbDogI2QwMDsiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjIyIiBoZWlnaHQ9IjI4IiB2aWV3Qm94PSIwIDAgMjIgMjgiIGFyaWEtaGlkZGVuPSJ0cnVlIj48cGF0aCBkPSJNOCAyMS41di0xMWMwLS4yODEtLjIxOS0uNS0uNS0uNWgtMWMtLjI4MSAwLS41LjIxOS0uNS41djExYzAgLjI4MS4yMTkuNS41LjVoMWMuMjgxIDAgLjUtLjIxOS41LS41em00IDB2LTExYzAtLjI4MS0uMjE5LS41LS41LS41aC0xYy0uMjgxIDAtLjUuMjE5LS41LjV2MTFjMCAuMjgxLjIxOS41LjUuNWgxYy4yODEgMCAuNS0uMjE5LjUtLjV6bTQgMHYtMTFjMC0uMjgxLS4yMTktLjUtLjUtLjVoLTFjLS4yODEgMC0uNS4yMTktLjUuNXYxMWMwIC4yODEuMjE5LjUuNS41aDFjLjI4MSAwIC41LS4yMTkuNS0uNXpNNy41IDZoN2wtLjc1LTEuODI4QS42LjYgMCAwIDAgMTMuNDg0IDRIOC41MzFhLjUyNi41MjYgMCAwIDAtLjI2Ni4xNzJ6bTE0LjUuNXYxYzAgLjI4MS0uMjE5LjUtLjUuNUgyMHYxNC44MTJjMCAxLjcxOS0xLjEyNSAzLjE4Ny0yLjUgMy4xODdoLTEzYy0xLjM3NSAwLTIuNS0xLjQwNi0yLjUtMy4xMjVWNy45OTlILjVhLjQ5NC40OTQgMCAwIDEtLjUtLjV2LTFjMC0uMjgxLjIxOS0uNS41LS41aDQuODI4TDYuNDIyIDMuMzljLjMxMy0uNzY2IDEuMjUtMS4zOTEgMi4wNzgtMS4zOTFoNWMuODI4IDAgMS43NjYuNjI1IDIuMDc4IDEuMzkxbDEuMDk0IDIuNjA5SDIxLjVjLjI4MSAwIC41LjIxOS41LjV6Ii8+PC9zdmc+);
< background-size: 16px;
< width: 16px;
< height: 20px;
< }
< .standard-table i.icon-cogs {
< background-image: url("../../general/cogs.b0c3ac3f2387.svg");
< background-size: 16px;
< width: 16px;
< height: 20px;
< }
< .login-link .icon {
< margin-left: 5px;
< vertical-align: text-bottom;
< }
< .icon-language {
< vertical-align: bottom;
< }
< .page-tags .icon-tags {
< width: 24px;
< height: 24px;
< vertical-align: bottom;
< }
< .page-attachments .icon-paperclip,
< .page-attachments .icon-question-mark,
< .page-tags .icon-question-mark,
< .revision-comment-link .icon-question-mark {
< vertical-align: bottom;
< }
< .tag-attach-list .icon-tags {
---
> .contributors-sub .icon-clock {
> margin-right: 5px;
984d317
< .contributors-sub .icon-clock,
997,1080d329
< button[type="submit"] .icon-check-mark {
< vertical-align: bottom;
< }
< .site.github .icon-github {
< margin-right: 5px;
< vertical-align: bottom;
< }
< .user-buttons .icon-pencil {
< margin-right: 5px;
< vertical-align: bottom;
< }
< .user-buttons .icon-gear {
< vertical-align: bottom;
< }
< .user-links .icon-discourse,
< .user-links .icon-facebook,
< .user-links .icon-github,
< .user-links .icon-group,
< .user-links .icon-linkedin,
< .user-links .icon-stack-overflow,
< .user-links .icon-twitter {
< margin-right: 5px;
< width: 21px;
< height: 21px;
< vertical-align: inherit;
< }
< .user-links .icon-facebook,
< .user-links .icon-linkedin {
< vertical-align: top;
< }
< .user-links .icon-github,
< .user-links .icon-twitter {
< vertical-align: bottom;
< }
< .attachment .icon-paperclip {
< width: 16px;
< height: 16px;
< vertical-align: bottom;
< }
< .search-results-filters .icon-checkbox,
< .search-results-filters .icon-list {
< vertical-align: middle;
< }
< .search-results-filters .icon-checkbox {
< margin-bottom: 2px;
< width: 16px;
< height: 16px;
< }
< .search-results-container .icon-file {
< margin-right: 10px;
< width: 21px;
< height: 21px;
< }
< .email_list .icon-trash {
< vertical-align: middle;
< }
< .dashboard-detail-details .icon-book,
< .dashboard-detail-details .icon-pencil,
< .dashboard-detail-details .icon-play,
< .dashboard-detail-details .icon-undo {
< float: left;
< margin-right: 5px;
< }
< .column-hacks .icon-arrow {
< vertical-align: text-bottom;
< }
< @media all and (max-width: 47.9375em) {
< .column-hacks .icon-star,
< .column-involved .icon-smile {
< width: 16px;
< height: 16px;
< }
< }
< .clear {
< clear: both;
< }
< .clear:after {
< content: " ";
< clear: both;
< display: table;
< }
< .align-center {
< text-align: center;
< }
1088,1091d336
< main > .center {
< padding-top: 30px;
< padding-bottom: 30px;
< }
1098,1109c343
< .wiki-main-content .center {
< padding-left: 0;
< padding-right: 0;
< }
< @media print {
< .center {
< padding-left: 0;
< padding-right: 0;
< }
< }
< .hidden,
< .is-hidden {
---
> .hidden {
1112,1147d345
< .translate-rendered .hidden,
< .translate-rendered .is-hidden,
< body[contenteditable] .hidden,
< body[contenteditable] .is-hidden,
< html.cke_panel_container .hidden,
< html.cke_panel_container .is-hidden {
< position: relative;
< display: block;
< border: 2px dotted #000;
< padding: 3px;
< }
< .translate-rendered .hidden:before,
< .translate-rendered .is-hidden:before,
< body[contenteditable] .hidden:before,
< body[contenteditable] .is-hidden:before,
< html.cke_panel_container .hidden:before,
< html.cke_panel_container .is-hidden:before {
< font-size: 14px;
< font-size: 0.77778rem;
< font-family: Helvetica, arial, sans-serif;
< content: "hidden";
< position: absolute;
< top: -17px;
< left: -2px;
< z-index: 10;
< display: block;
< padding: 0 2px;
< background: #000;
< color: #fff;
< }
< .title {
< font-weight: 700;
< color: #333;
< text-decoration: none;
< display: block;
< }
1152,1154c350,355
< .larger {
< font-size: 19px;
< font-size: 1.05556rem;
---
> .text-content dl,
> .text-content ol,
> .text-content p,
> .text-content ul {
> box-sizing: border-box;
> max-width: 42rem;
1156,1157c357,360
< .grid-padding {
< padding: 20px;
---
> .text-content ol,
> .text-content ul {
> margin-bottom: 24px;
> padding-left: 40px;
1159,1163c362,363
< .fixed {
< position: fixed;
< top: 0;
< z-index: 10;
< overflow-y: auto;
---
> .text-content ul {
> list-style: disc;
1165,1170c365,366
< .media,
< .media-body,
< .notification,
< .notification-message {
< overflow: hidden;
< zoom: 1;
---
> .text-content ol {
> list-style-type: decimal;
1172,1175c368,369
< .media-side,
< .notification-img {
< float: left;
< margin-right: 10px;
---
> .text-content li {
> margin-bottom: 6px;
1177,1181c371,383
< html[dir="rtl"] .media-side,
< html[dir="rtl"] .notification-img {
< float: right;
< margin-right: 0;
< margin-left: 10px;
---
> .note p > strong,
> .text-content dt,
> .warning p > strong {
> font-style: normal;
> font-weight: 700;
> }
> .text-content dd {
> padding-left: 20px;
> }
> .text-content article[id="wikiArticle"] > div:not([class]) > h2,
> .text-content article[id="wikiArticle"] > h2 {
> position: relative;
> margin-top: 103px;
1183,1184c385,388
< .media-side img,
< .notification-img img {
---
> .text-content article[id="wikiArticle"] > div:not([class]) > h2:before,
> .text-content article[id="wikiArticle"] > h2:before {
> border-top: 3px solid #3d7e9a;
> content: "";
1185a390,393
> position: absolute;
> top: -50px;
> width: 100%;
> left: 0;
1187,1190c395,409
< .media-reverse .media-side,
< .media-reverse .notification-img {
< float: right;
< margin-left: 10px;
---
> .text-content
> article[id="wikiArticle"]
> > div:first-child:empty
> + div:not([class])
> > h2:first-child,
> .text-content article[id="wikiArticle"] > div:first-child:empty + h2,
> .text-content article[id="wikiArticle"] > h2:first-child,
> .text-content
> article[id="wikiArticle"]
> > p:first-child:empty
> + div:not([class])
> > h2:first-child,
> .text-content article[id="wikiArticle"] > p:first-child:empty + h2 {
> margin-top: 0;
> padding-top: 0;
1192,1196c411,444
< html[dir="rtl"] .media-reverse .media-side,
< html[dir="rtl"] .media-reverse .notification-img {
< float: left;
< margin-left: 0;
< margin-right: 10px;
---
> .text-content
> article[id="wikiArticle"]
> > div:first-child:empty
> + div:not([class])
> > h2:first-child:before,
> .text-content article[id="wikiArticle"] > div:first-child:empty + h2:before,
> .text-content article[id="wikiArticle"] > h2:first-child:before,
> .text-content
> article[id="wikiArticle"]
> > p:first-child:empty
> + div:not([class])
> > h2:first-child:before,
> .text-content article[id="wikiArticle"] > p:first-child:empty + h2:before {
> display: none;
> }
> .text-content
> article[id="wikiArticle"]
> > div:not([class])
> > h3
> .highlight-span {
> padding: 0 4px 0 20px;
> }
> @media all and (min-width: 47.9385em) {
> .text-content
> article[id="wikiArticle"]
> > div:not([class])
> > h3
> .highlight-span {
> padding: 0 4px 0 40px;
> }
> }
> .text-content div:not(.line-highlight):empty,
> .text-content p:empty {
> display: none;
1199,1205c447,449
< .media-mobile-stack .media-body,
< .media-mobile-stack .media-side,
< .media-mobile-stack .notification-img,
< .media-mobile-stack .notification-message {
< float: none;
< margin-left: 0;
< margin-right: 0;
---
> .column-container > [class^="column-"],
> .column-half {
> clear: both;
1207c451,454
< .media-mobile-stack.media-reverse {
---
> .column-container > [class^="column-"]:after,
> .column-half:after {
> content: " ";
> clear: both;
1209,1218d455
< caption-side: top;
< width: 100%;
< }
< .media-mobile-stack.media-reverse .media-side,
< .media-mobile-stack.media-reverse .notification-img {
< display: table-cell;
< }
< .media-mobile-stack.media-reverse .media-body,
< .media-mobile-stack.media-reverse .notification-message {
< display: table-caption;
1221,1228c458,460
< @media all and (max-width: 29.9375em) {
< .media-small-mobile-stack .media-body,
< .media-small-mobile-stack .media-side,
< .media-small-mobile-stack .notification-img,
< .media-small-mobile-stack .notification-message {
< float: none;
< margin-left: 0;
< margin-right: 0;
---
> @media all and (min-width: 47.9385em) {
> .column-container {
> clear: both;
1230c462,464
< .media-small-mobile-stack.media-reverse {
---
> .column-container:after {
> content: " ";
> clear: both;
1232,1233d465
< caption-side: top;
< width: 100%;
1235,1237c467,476
< .media-small-mobile-stack.media-reverse .media-side,
< .media-small-mobile-stack.media-reverse .notification-img {
< display: table-cell;
---
> .column-container > [class^="column-"] {
> margin-right: 3%;
> min-height: 1px;
> float: left;
> }
> .column-container > [class^="column-"]:first-child {
> margin-right: 3%;
> }
> .column-container > [class^="column-"]:last-child {
> margin-right: 0;
1239,1241c478,479
< .media-small-mobile-stack.media-reverse .media-body,
< .media-small-mobile-stack.media-reverse .notification-message {
< display: table-caption;
---
> .column-half {
> width: 48.5%;
1244,1245c482,485
< .only-icon i[class^="icon-"] {
< margin-top: -1px !important;
---
> .global-notice {
> position: relative;
> margin: 0 0 -1px;
> background: #eee;
1247,1248c487,490
< .bump-left-padding {
< padding-left: 40px;
---
> .global-notice .wrap {
> font-size: 16px;
> font-size: 0.88889rem;
> padding: 10px 24px;
1250,1251c492,495
< .light-grey-background {
< background-color: #eee;
---
> .global-notice .wrap > p:last-child,
> .moreinfo dd:last-child,
> .text-content pre[class*="language-"] > :last-child {
> margin-bottom: 0;
1253,1254c497
< .full-width {
< display: block;
---
> #nav-access {
1256,1260d498
< }
< .toggler {
< position: relative;
< }
< .toggler i[class^="icon-"] {
1262,1263c500,501
< top: 3px;
< color: #333;
---
> top: -20em;
> z-index: 1001;
1265,1389c503,506
< .toggler i[class^="icon-"] {
< right: 10px;
< }
< html[dir="rtl"] .toggler i[class^="icon-"] {
< right: auto;
< left: 10px;
< }
< .toggler .icon-caret-right {
< -webkit-transform: rotate(0);
< -ms-transform: rotate(0);
< transform: rotate(0);
< }
< html[dir="rtl"] .toggler .icon-caret-right {
< -webkit-transform: rotate(180deg);
< -ms-transform: rotate(180deg);
< transform: rotate(180deg);
< }
< .toggle-container.closed {
< display: none;
< }
< .subnav .toggler,
< .subnav > ol > li > a {
< padding: 20px 40px 20px 20px;
< border-bottom: 1px dotted #d4dde4;
< text-transform: uppercase;
< display: block;
< }
< .subnav ol ol {
< display: none;
< }
< .no-js .subnav ol ol {
< display: block;
< }
< .subnav .toggleable.current,
< .subnav > ol > li.current {
< background: #eee;
< }
< .subnav i[class^="icon-"] {
< top: 23px;
< }
< .subnav i[class^="icon-"] {
< right: 20px;
< }
< html[dir="rtl"] .subnav i[class^="icon-"] {
< right: auto;
< left: 20px;
< }
< .subnav .toggle-container a {
< font-size: 16px;
< font-size: 0.88889rem;
< display: block;
< padding: 6px 20px;
< }
< .subnav .toggle-container .toggleable {
< background: #e9eef1;
< }
< .subnav .toggle-container .toggleable .toggler {
< font-weight: 700;
< color: #333;
< text-decoration: none;
< display: block;
< font-weight: 400;
< padding-top: 10px;
< padding-bottom: 10px;
< border: 0;
< }
< .subnav .toggle-container .toggleable .toggler i {
< top: 10px;
< }
< .subnav .toggle-container .toggleable .toggle-container a {
< padding-left: 30px;
< }
< .subnav .toggle-container li.current > a:not(.toggler) {
< position: relative;
< color: #fff;
< background-color: #333;
< }
< .subnav .toggle-container li.current > a:not(.toggler):after,
< .subnav .toggle-container li.current > a:not(.toggler):before {
< content: " ";
< height: 0;
< position: absolute;
< width: 0;
< border: 10px solid transparent;
< }
< .subnav .toggle-container li.current > a:not(.toggler):before {
< border-right-color: #fff;
< position: absolute;
< top: 20%;
< right: 0;
< }
< .subnav a {
< text-decoration: none;
< }
< .subnav a:active,
< .subnav a:focus,
< .subnav a:hover {
< text-decoration: underline;
< }
< .notification {
< border-radius: 2px;
< border-style: solid;
< border-width: 2px;
< margin-bottom: 20px;
< padding: 10px;
< position: relative;
< }
< body > .notification {
< margin-bottom: 0;
< }
< .text-content .notification {
< box-sizing: border-box;
< max-width: 42rem;
< }
< .notification.closed {
< display: none;
< }
< .notification.clickable {
< cursor: pointer;
< }
< .notification button.close {
< background: 0 0;
< border: 0;
< display: block;
< padding: 2px;
---
> #nav-access a {
> background: #fff;
> background: rgba(255, 255, 255, 0.9);
> padding: 12px 10px;
1391c508
< top: 0;
---
> left: 0;
1392a510,511
> font-weight: 700;
> text-align: center;
1394,1470c513,516
< .notification {
< background-color: #eee;
< border-color: #696969;
< color: #333;
< }
< .notification .notification-button {
< background-color: #696969;
< color: #333;
< }
< .notification .notification-button:focus,
< .notification .notification-button:hover {
< background: 0 0;
< text-decoration: none;
< }
< .notification button.close {
< color: #696969;
< }
< .notification button.close:focus,
< .notification button.close:hover {
< color: #4c4c4c;
< }
< .notification.info {
< background-color: #e4f0f5;
< border-color: #3d7e9a;
< color: #333;
< }
< .notification.info .notification-button {
< background-color: #3d7e9a;
< color: #333;
< }
< .notification.info .notification-button:focus,
< .notification.info .notification-button:hover {
< background: 0 0;
< text-decoration: none;
< }
< .notification.info button.close {
< color: #3d7e9a;
< }
< .notification.info button.close:focus,
< .notification.info button.close:hover {
< color: #285c76;
< }
< .notification.success {
< background-color: #ebf8e1;
< border-color: #4d9f0c;
< color: #333;
< }
< .notification.success .notification-button {
< background-color: #4d9f0c;
< color: #333;
< }
< .notification.success .notification-button:focus,
< .notification.success .notification-button:hover {
< background: 0 0;
< text-decoration: none;
< }
< .notification.success button.close {
< color: #4d9f0c;
< }
< .notification.success button.close:focus,
< .notification.success button.close:hover {
< color: #3a7408;
< }
< .notification.warning {
< background-color: #fff3d4;
< border-color: #f6b73c;
< color: #333;
< border-width: 2px;
< font-style: normal;
< }
< .notification.warning .notification-button {
< background-color: #f6b73c;
< color: #333;
< }
< .notification.warning .notification-button:focus,
< .notification.warning .notification-button:hover {
< background: 0 0;
---
> #nav-access a:focus,
> #nav-access a:hover {
> box-shadow: 3px 3px 5px #aaa;
> top: 20em;
1473,1474c519,520
< .notification.warning button.close {
< color: #f6b73c;
---
> a[class*="logoContainer"] {
> outline: 0;
1476,1486c522,523
< .notification.warning button.close:focus,
< .notification.warning button.close:hover {
< color: #b28529;
< }
< .notification.warning a,
< .notification.warning a:focus,
< .notification.warning a:hover,
< .notification.warning a:visited {
< border-bottom: 0;
< color: #3d7e9a;
< text-decoration: none;
---
> a[class*="logoContainer"]:focus-visible {
> outline: unset;
1488,1490c525,533
< .notification.warning a:focus,
< .notification.warning a:hover {
< text-decoration: underline;
---
> @media all and (min-width: 63.9385em) {
> html:not(.no-js) .nav-tools > a {
> text-decoration: none;
> }
> html:not(.no-js) .nav-tools > a i[class^="icon-"] {
> display: inline-block;
> float: none;
> margin-left: 5px;
> }
1492,1495c535,543
< .notification.error {
< background-color: #ffe7e8;
< border-color: #e66465;
< color: #333;
---
> @media all and (min-width: 47.9385em) {
> html:not(.no-js) .login > a {
> text-decoration: none;
> }
> html:not(.no-js) .login > a i[class^="icon-"] {
> display: inline-block;
> float: none;
> margin-left: 5px;
> }
1497,1498c545
< .notification.error .notification-button {
< background-color: #e66465;
---
> html:not(.no-js) .nav-main-item > a {
1500,1503d546
< }
< .notification.error .notification-button:focus,
< .notification.error .notification-button:hover {
< background: 0 0;
1506,1536c549,557
< .notification.error button.close {
< color: #e66465;
< }
< .notification.error button.close:focus,
< .notification.error button.close:hover {
< color: #b65456;
< }
< .notification-message :first-child {
< margin-top: 0;
< }
< .notification-button {
< border: 1px solid;
< border-radius: 2px;
< display: inline-block;
< line-height: 1;
< margin: 5px 5px 0 0;
< padding: 2px 5px 3px;
< text-transform: none;
< }
< .notification.warning .notification-button {
< border: 1px solid;
< margin: 5px 5px 0 0;
< padding: 2px 5px 3px;
< }
< .notification-tray {
< position: fixed;
< top: 10px;
< right: 10px;
< z-index: 999999;
< width: 300px;
< font-size: 16px;
---
> @media all and (min-width: 47.9385em) {
> html:not(.no-js) .nav-main-item > a {
> text-decoration: none;
> }
> html:not(.no-js) .nav-main-item > a i[class^="icon-"] {
> display: inline-block;
> float: none;
> margin-left: 5px;
> }
1538,1539c559,562
< .notification-tray .notification {
< margin-bottom: 8px;
---
> div[class*="titlebar"] h1 {
> font-size: 32px;
> font-size: 1.77778rem;
> hyphens: auto;
1541,1543c564,567
< @media print {
< .notification-tray {
< display: none;
---
> @media all and (min-width: 29.9385em) {
> div[class*="titlebar"] h1 {
> font-size: 51px;
> font-size: 2.83333rem;
1546c570
< ul.option-list {
---
> .nav-footer {
1548,1551c572,575
< float: left;
< list-style-type: none;
< max-width: 100%;
< overflow: hidden;
---
> padding-top: 15px;
> padding-bottom: 15px;
> background-color: #222;
> color: #fff;
1553c577,579
< ul.option-list:after {
---
> .footer-group:after,
> .languages:after,
> .nav-footer:after {
1558,1559c584,585
< ul.option-list {
< padding-left: 20px;
---
> .nav-footer a {
> color: #83d0f2;
1561,1563c587,598
< html[dir="rtl"] ul.option-list {
< padding-left: 0;
< padding-right: 20px;
---
> .nav-footer-logo,
> .nav-footer-mozilla {
> width: 219px;
> height: 48px;
> background: url(https://developer.mozilla.org/static/img/web-docs-sprite.22a6a085cf14.svg)
> 100% -58px no-repeat;
> background-size: 219px auto;
> display: block;
> direction: ltr;
> text-indent: -9999px;
> overflow: hidden;
> margin-bottom: 15px;
1565,1566c600,605
< ul.option-list li {
< clear: both;
---
> .nav-footer-mozilla {
> width: 114px;
> height: 32px;
> background: url(https://developer.mozilla.org/static/img/web-docs-sprite.22a6a085cf14.svg) -96px -171px
> no-repeat;
> background-size: 420px auto;
1568,1569c607,610
< ul.option-list li:after {
< content: " ";
---
> .footer-title {
> display: none;
> }
> .footer-group {
1571c612,614
< display: table;
---
> border-bottom: 1px solid #fff;
> padding-bottom: 15px;
> margin-bottom: 15px;
1573,1576c616,618
< .option-list-options {
< float: right;
< margin-left: 20px;
< text-align: right;
---
> .footer-group a {
> display: inline-block;
> padding: 10px 0;
1578,1582c620,624
< html[dir="rtl"] .option-list-options {
< float: left;
< margin-left: 20px;
< margin-right: 20px;
< text-align: left;
---
> .footer-social {
> font-size: 24px;
> font-size: 1.33333rem;
> display: inline-block;
> margin-right: 10px;
1584,1587c626,627
< @media all and (max-width: 47.9375em) {
< .option-list-options {
< width: 100%;
< }
---
> .footer-social a {
> padding-right: 20px;
1589,1593c629,633
< .text-content dl,
< .text-content ol,
< .text-content ul {
< box-sizing: border-box;
< max-width: 42rem;
---
> .languages {
> clear: both;
> border-bottom: 1px solid #fff;
> padding-bottom: 15px;
> margin-bottom: 15px;
1595,1596c635,637
< .text-content ul {
< list-style: disc;
---
> .languages label {
> font-size: 14px;
> font-size: 0.77778rem;
1598,1599c639,642
< .text-content ul ul {
< list-style: circle;
---
> .footer-tos {
> font-size: 19px;
> font-size: 1.05556rem;
> margin-bottom: 15px;
1601,1766c644,646
< .text-content ol ol,
< .text-content ol ul,
< .text-content ul ol,
< .text-content ul ul {
< margin-bottom: 0;
< padding-top: 6px;
< }
< .text-content ol,
< .text-content ul {
< margin-bottom: 24px;
< }
< .text-content ol,
< .text-content ul {
< padding-left: 40px;
< }
< html[dir="rtl"] .text-content ol,
< html[dir="rtl"] .text-content ul {
< padding-left: 0;
< padding-right: 40px;
< }
< .text-content ol.no-bullets,
< .text-content ul.no-bullets {
< list-style-type: none;
< }
< .text-content ol.no-bullets,
< .text-content ul.no-bullets {
< padding-left: 0;
< }
< html[dir="rtl"] .text-content ol.no-bullets,
< html[dir="rtl"] .text-content ul.no-bullets {
< padding-left: 0;
< padding-right: 0;
< }
< .text-content ol {
< list-style-type: decimal;
< }
< .text-content li {
< margin-bottom: 6px;
< }
< .text-content > li:last-child {
< padding-bottom: 0;
< }
< .text-content dt {
< font-style: normal;
< font-weight: 700;
< }
< .text-content dd {
< margin-bottom: 24px;
< }
< .text-content dd {
< padding-left: 20px;
< }
< html[dir="rtl"] .text-content dd {
< padding-left: 0;
< padding-right: 20px;
< }
< .text-content img.lwrap {
< padding: 0 20px 10px 0;
< }
< .text-content img.rwrap {
< padding: 0 0 10px 20px;
< }
< .text-content article[id="wikiArticle"] > div:not([class]) > h2,
< .text-content article[id="wikiArticle"] > h2 {
< position: relative;
< margin-top: 103px;
< }
< .text-content article[id="wikiArticle"] > div:not([class]) > h2:before,
< .text-content article[id="wikiArticle"] > h2:before {
< border-top: 3px solid #3d7e9a;
< content: "";
< display: block;
< position: absolute;
< top: -50px;
< width: 100%;
< }
< .text-content article[id="wikiArticle"] > div:not([class]) > h2:before,
< .text-content article[id="wikiArticle"] > h2:before {
< left: 0;
< }
< html[dir="rtl"]
< .text-content
< article[id="wikiArticle"]
< > div:not([class])
< > h2:before,
< html[dir="rtl"] .text-content article[id="wikiArticle"] > h2:before {
< left: auto;
< right: 0;
< }
< .text-content
< article[id="wikiArticle"]
< > div:first-child:empty
< + div:not([class])
< > h2:first-child,
< .text-content article[id="wikiArticle"] > div:first-child:empty + h2,
< .text-content article[id="wikiArticle"] > h2:first-child,
< .text-content
< article[id="wikiArticle"]
< > p:first-child:empty
< + div:not([class])
< > h2:first-child,
< .text-content article[id="wikiArticle"] > p:first-child:empty + h2 {
< margin-top: 0;
< padding-top: 0;
< }
< .text-content
< article[id="wikiArticle"]
< > div:first-child:empty
< + div:not([class])
< > h2:first-child:before,
< .text-content article[id="wikiArticle"] > div:first-child:empty + h2:before,
< .text-content article[id="wikiArticle"] > h2:first-child:before,
< .text-content
< article[id="wikiArticle"]
< > p:first-child:empty
< + div:not([class])
< > h2:first-child:before,
< .text-content article[id="wikiArticle"] > p:first-child:empty + h2:before {
< display: none;
< }
< .text-content article[id="wikiArticle"] > blockquote + h2,
< .text-content article[id="wikiArticle"] > hr + h2 {
< margin-top: -23px;
< padding-top: 43px;
< background-color: #fff;
< }
< .text-content article[id="wikiArticle"] > blockquote + h2:before,
< .text-content article[id="wikiArticle"] > hr + h2:before {
< top: 0;
< }
< .text-content.boxed > h2 {
< position: relative;
< margin-top: 103px;
< }
< .text-content.boxed > h2:before {
< border-top: 3px solid #3d7e9a;
< content: "";
< display: block;
< position: absolute;
< top: -50px;
< width: 100%;
< }
< .text-content.boxed > h2:before {
< left: 0;
< }
< html[dir="rtl"] .text-content.boxed > h2:before {
< left: auto;
< right: 0;
< }
< .text-content article[id="wikiArticle"] > div:not([class]) > h3 .highlight-span,
< .text-content article[id="wikiArticle"] > h3 .highlight-span,
< .text-content article[id="wikiArticle"] > h3:not(.highlight-spanned) {
< padding: 0 4px 0 20px;
< }
< html[dir="rtl"]
< .text-content
< article[id="wikiArticle"]
< > div:not([class])
< > h3
< .highlight-span,
< html[dir="rtl"] .text-content article[id="wikiArticle"] > h3 .highlight-span,
< html[dir="rtl"]
< .text-content
< article[id="wikiArticle"]
< > h3:not(.highlight-spanned) {
< padding: 0 20px 0 4px;
---
> .footer-tos li {
> display: inline-block;
> margin-right: 20px;
1769,1776c649,651
< .text-content
< article[id="wikiArticle"]
< > div:not([class])
< > h3
< .highlight-span,
< .text-content article[id="wikiArticle"] > h3 .highlight-span,
< .text-content article[id="wikiArticle"] > h3:not(.highlight-spanned) {
< padding: 0 4px 0 40px;
---
> .nav-footer {
> padding-top: 24px;
> padding-bottom: 24px;
1778,1789c653,655
< html[dir="rtl"]
< .text-content
< article[id="wikiArticle"]
< > div:not([class])
< > h3
< .highlight-span,
< html[dir="rtl"] .text-content article[id="wikiArticle"] > h3 .highlight-span,
< html[dir="rtl"]
< .text-content
< article[id="wikiArticle"]
< > h3:not(.highlight-spanned) {
< padding: 0 40px 0 4px;
---
> .nav-footer-logo,
> .nav-footer-mozilla {
> margin-bottom: 24px;
1791,1955c657,658
< }
< .text-content table {
< box-sizing: border-box;
< width: 100%;
< max-width: 100%;
< border-collapse: collapse;
< border: solid #e0e0dc;
< border-width: 1px 0 0 1px;
< }
< .text-content table dl,
< .text-content table p,
< .text-content table ul {
< max-width: 100%;
< }
< .text-content table.standard-table:not(.learn-box) {
< border: 2px solid #fff;
< }
< .text-content table.standard-table:not(.learn-box) td {
< background-color: #f9fafb;
< background-color: rgba(212, 221, 228, 0.15);
< border: 2px solid #fff;
< box-shadow: inset 0 -1px 0 0 rgba(212, 221, 228, 0.5);
< }
< .text-content
< table.standard-table:not(.learn-box):not(.nostripe)
< tr:nth-child(odd)
< td {
< background-color: #f4f7f8;
< background-color: rgba(212, 221, 228, 0.25);
< }
< .text-content table.standard-table:not(.learn-box) td.header,
< .text-content table.standard-table:not(.learn-box) th {
< border: 2px solid #fff;
< border-bottom: 2px solid #d4dde4;
< background: #eaeef2;
< background: rgba(212, 221, 228, 0.5);
< padding: 2px 8px 4px;
< font-family: x-locale-heading-primary, zillaslab, Palatino,
< "Palatino Linotype", x-locale-heading-secondary, serif;
< font-weight: 700;
< }
< .text-content table.standard-table:not(.learn-box).fullwidth {
< width: 100%;
< }
< .text-content table.fullwidth-table {
< background: #fff;
< border-width: 1px;
< border-style: solid;
< border-color: #eaeef2;
< border-color: rgba(212, 221, 228, 0.5);
< margin-bottom: 20px;
< width: 100%;
< }
< .text-content table.fullwidth-table td {
< border: 1px solid #ccc;
< padding: 5px;
< vertical-align: top;
< }
< .text-content table.fullwidth-table td {
< text-align: left;
< }
< html[dir="rtl"] .text-content table.fullwidth-table td {
< text-align: right;
< }
< .text-content table.fullwidth-table td.header,
< .text-content table.fullwidth-table th {
< background: #eaeef2;
< background: rgba(212, 221, 228, 0.5);
< border: 1px solid #d4dde4;
< padding: 5px;
< }
< .text-content td,
< .text-content th {
< border: solid #e0e0dc;
< border-width: 0 1px 1px 0;
< padding: 6px 8px;
< }
< .text-content td,
< .text-content th {
< text-align: left;
< }
< html[dir="rtl"] .text-content td,
< html[dir="rtl"] .text-content th {
< text-align: right;
< }
< .text-content thead th {
< background: #eaeef2;
< background: rgba(212, 221, 228, 0.5);
< }
< .text-content div:not(.line-highlight):empty,
< .text-content p:empty {
< display: none;
< }
< .text-content p {
< box-sizing: border-box;
< max-width: 42rem;
< }
< .text-content pre {
< box-sizing: border-box;
< width: 100%;
< max-width: 100%;
< }
< .text-content pre dl,
< .text-content pre p,
< .text-content pre ul {
< max-width: 100%;
< }
< .ui-helper-hidden-accessible {
< display: none;
< }
< .ui-autocomplete {
< background: #fff;
< border: 1px solid #e3e3e3;
< border-top: 0;
< cursor: default;
< padding-top: 2px;
< position: absolute;
< box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.08);
< }
< .ui-menu {
< float: left;
< list-style: none;
< margin: 0;
< padding: 0;
< }
< .ui-menu .ui-menu-item {
< clear: left;
< float: left;
< margin: 0;
< padding: 0;
< width: 100%;
< zoom: 1;
< }
< .ui-menu .ui-menu-item a {
< display: block;
< line-height: 1.5;
< text-decoration: none;
< zoom: 1;
< }
< .ui-menu .ui-state-active,
< .ui-menu .ui-state-focus,
< .ui-menu .ui-state-highlight,
< .ui-menu .ui-state-hover {
< background: #eee;
< }
< @media all and (max-width: 47.9375em) {
< .column-1,
< .column-10,
< .column-11,
< .column-12,
< .column-2,
< .column-3,
< .column-4,
< .column-5,
< .column-6,
< .column-7,
< .column-8,
< .column-9,
< .column-all,
< .column-container > [class^="column-"],
< .column-half,
< .column-quarter,
< .column-strip,
< .column-third {
< clear: both;
---
> .footer-title {
> display: none;
1957,1977c660,662
< .column-10:after,
< .column-11:after,
< .column-12:after,
< .column-1:after,
< .column-2:after,
< .column-3:after,
< .column-4:after,
< .column-5:after,
< .column-6:after,
< .column-7:after,
< .column-8:after,
< .column-9:after,
< .column-all:after,
< .column-container > [class^="column-"]:after,
< .column-half:after,
< .column-quarter:after,
< .column-strip:after,
< .column-third:after {
< content: " ";
< clear: both;
< display: table;
---
> .footer-group {
> padding-bottom: 24px;
> margin-bottom: 24px;
1979,1981c664,670
< }
< @media all and (min-width: 47.9385em) {
< .column-container {
---
> .footer-group a {
> padding: 5px 0;
> }
> .footer-social a {
> padding-right: 10px;
> }
> .languages {
1982a672
> padding-bottom: 24px;
1984c674
< .column-container:after {
---
> .languages:after {
1987,7864c677,685
< display: table;
< }
< .column-container > [class^="column-"] {
< margin-right: 3%;
< min-height: 1px;
< }
< .column-container > [class^="column-"] {
< float: left;
< }
< html[dir="rtl"] .column-container > [class^="column-"] {
< float: right;
< }
< .column-container > [class^="column-"]:first-child {
< margin-right: 3%;
< }
< html[dir="rtl"] .column-container > [class^="column-"]:first-child {
< margin-right: 0;
< }
< .column-container > [class^="column-"]:last-child {
< margin-right: 0;
< }
< html[dir="rtl"] .column-container > [class^="column-"]:last-child {
< margin-right: 3%;
< }
< .column-container.column-container-reverse > [class^="column-"] {
< float: right;
< }
< html[dir="rtl"]
< .column-container.column-container-reverse
< > [class^="column-"] {
< float: left;
< }
< .column-container.column-container-reverse > [class^="column-"]:first-child {
< margin-right: 0;
< }
< html[dir="rtl"]
< .column-container.column-container-reverse
< > [class^="column-"]:first-child {
< margin-right: 3%;
< }
< .column-container.column-container-reverse > [class^="column-"]:last-child {
< margin-right: 3%;
< }
< html[dir="rtl"]
< .column-container.column-container-reverse
< > [class^="column-"]:last-child {
< margin-right: 0;
< }
< .column-closed {
< display: none;
< }
< .column-1 {
< width: 5.58333%;
< }
< .column-2 {
< width: 14.16667%;
< }
< .column-3,
< .column-quarter,
< .column-strip {
< width: 22.75%;
< }
< .column-4,
< .column-third {
< width: 31.33333%;
< }
< .column-5 {
< width: 39.91667%;
< }
< .column-6,
< .column-half {
< width: 48.5%;
< }
< .column-7 {
< width: 57.08333%;
< }
< .column-8 {
< width: 65.66667%;
< }
< .column-9,
< .column-main {
< width: 74.25%;
< }
< .column-10 {
< width: 82.83333%;
< }
< .column-11 {
< width: 91.41667%;
< }
< .column-12,
< .column-all {
< width: auto;
< margin: 0;
< float: none;
< }
< }
< .cols-2 {
< -moz-column-count: 2;
< -webkit-column-count: 2;
< column-count: 2;
< -moz-column-gap: 10px;
< -webkit-column-gap: 10px;
< column-gap: 10px;
< }
< .cols-3 {
< -moz-column-count: 3;
< -webkit-column-count: 3;
< column-count: 3;
< -moz-column-gap: 10px;
< -webkit-column-gap: 10px;
< column-gap: 10px;
< }
< .cols-4 {
< -moz-column-count: 4;
< -webkit-column-count: 4;
< column-count: 4;
< -moz-column-gap: 10px;
< -webkit-column-gap: 10px;
< column-gap: 10px;
< }
< .global-notice {
< position: relative;
< margin: 0 0 -1px;
< background: #eee;
< }
< .global-notice .wrap {
< font-size: 16px;
< font-size: 0.88889rem;
< padding: 10px 24px;
< }
< .global-notice .wrap > p:last-child {
< margin-bottom: 0;
< }
< @media print {
< .global-notice {
< display: none;
< }
< }
< #nav-access {
< width: 100%;
< position: absolute;
< top: -20em;
< z-index: 1001;
< }
< #nav-access a {
< background: #fff;
< background: rgba(255, 255, 255, 0.9);
< padding: 12px 10px;
< position: absolute;
< left: 0;
< right: 0;
< font-weight: 700;
< text-align: center;
< }
< #nav-access a:focus,
< #nav-access a:hover {
< box-shadow: 3px 3px 5px #aaa;
< top: 20em;
< text-decoration: none;
< }
< #main-header {
< clear: both;
< position: relative;
< z-index: 96;
< border: 5px solid #83d0f2;
< border-width: 5px 0 0;
< background-color: #fff;
< }
< #main-header:after {
< content: " ";
< clear: both;
< display: table;
< }
< .header-main {
< display: flex;
< flex-direction: column;
< padding: 15px 15px 0;
< }
< @media all and (min-width: 47.9385em) {
< .header-main {
< display: block;
< }
< }
< @media all and (min-width: 63.9385em) {
< .header-main {
< display: flex;
< flex-direction: row;
< padding-top: 0;
< }
< .header-main {
< padding-left: 15px;
< padding-right: 0;
< }
< html[dir="rtl"] .header-main {
< padding-left: 0;
< padding-right: 15px;
< }
< }
< a[class*="logoContainer"] {
< outline: 0;
< }
< a[class*="logoContainer"]:focus-visible {
< outline: unset;
< }
< .logo {
< position: relative;
< z-index: 97;
< width: 170px;
< height: 30px;
< background: url("../../img/web-docs-sprite.22a6a085cf14.svg") 100% 0 no-repeat;
< background-size: 219px auto;
< display: block;
< direction: ltr;
< text-indent: -9999px;
< overflow: hidden;
< flex-shrink: 1;
< }
< @media all and (min-width: 47.9385em) {
< .logo {
< display: block;
< position: relative;
< height: 48px;
< }
< }
< @media all and (min-width: 63.9385em) {
< .logo {
< background-size: 100% auto;
< margin-top: 15px;
< width: 219px;
< }
< }
< .submenu {
< box-sizing: border-box;
< display: none;
< position: absolute;
< z-index: 99;
< top: 100%;
< width: 250px;
< padding: 15px;
< border-top: 5px solid #eee;
< box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15);
< background-color: #fff;
< }
< .submenu {
< right: 0;
< text-align: left;
< }
< html[dir="rtl"] .submenu {
< right: auto;
< left: 0;
< text-align: right;
< }
< .submenu.submenu-cols-2 {
< width: 500px;
< }
< .submenu .submenu-column {
< box-sizing: border-box;
< display: inline-block;
< vertical-align: text-top;
< width: 250px;
< }
< .submenu .submenu-column {
< padding-right: 20px;
< }
< html[dir="rtl"] .submenu .submenu-column {
< padding-right: 0;
< padding-left: 20px;
< }
< @supports (width: -webkit-max-content) or (width: -moz-max-content) or
< (width: max-content) {
< .submenu,
< .submenu.submenu-cols-2 {
< width: -webkit-max-content;
< width: -moz-max-content;
< width: -ms-max-content;
< width: max-content;
< }
< .submenu .submenu-column {
< width: -webkit-max-content;
< width: -moz-max-content;
< width: -ms-max-content;
< width: max-content;
< }
< .submenu .submenu-column + .submenu-column {
< padding-left: 40px;
< }
< html[dir="rtl"] .submenu .submenu-column + .submenu-column {
< padding-left: 20px;
< padding-right: 40px;
< }
< }
< .submenu .title {
< font-family: x-locale-heading-primary, zillaslab, Palatino,
< "Palatino Linotype", x-locale-heading-secondary, serif;
< font-size: 24px;
< font-size: 1.33333rem;
< }
< .submenu i[class^="icon-"] {
< margin-left: 5px;
< }
< html[dir="rtl"] .submenu i[class^="icon-"] {
< margin-left: 0;
< margin-right: 5px;
< }
< .submenu a {
< display: block;
< padding: 5px 0;
< margin-bottom: 5px;
< }
< .page-buttons .submenu {
< border-top: 5px solid #9b9b9b;
< }
< .page-buttons .submenu {
< left: auto;
< right: 0;
< }
< html[dir="rtl"] .page-buttons .submenu {
< left: auto;
< right: auto;
< right: auto;
< left: 0;
< }
< .submenu-close {
< position: absolute;
< top: 0;
< z-index: 1;
< }
< .submenu-close {
< right: 0;
< }
< html[dir="rtl"] .submenu-close {
< right: auto;
< left: 0;
< }
< @media all and (max-width: 47.9375em) {
< .nav-main .submenu {
< position: relative;
< width: 100%;
< padding: 0;
< border-top: 0;
< box-shadow: none;
< }
< .nav-main .submenu a {
< display: block;
< }
< .nav-main .submenu .submenu-column,
< .nav-main .submenu.submenu-cols-2 {
< width: 100%;
< }
< .nav-main .submenu .submenu-column + .submenu-column,
< .nav-main .submenu.submenu-cols-2 + .submenu-column {
< padding-left: 0;
< }
< html[dir="rtl"] .nav-main .submenu .submenu-column + .submenu-column,
< html[dir="rtl"] .nav-main .submenu.submenu-cols-2 + .submenu-column {
< padding-left: 0;
< padding-right: 0;
< }
< }
< @media all and (min-width: 74.9375em) {
< .submenu-close {
< display: none;
< }
< }
< .nav-toolbox-wrapper {
< display: block;
< }
< @media all and (min-width: 47.9385em) {
< .nav-toolbox-wrapper {
< display: flex;
< flex-direction: row;
< margin-top: 24px;
< border-top: 5px solid #eee;
< }
< .nav-toolbox-wrapper .toolbox {
< text-align: right;
< }
< html[dir="rtl"] .nav-toolbox-wrapper .toolbox {
< text-align: left;
< }
< }
< @media all and (min-width: 63.9385em) {
< .nav-toolbox-wrapper {
< margin-top: 0;
< border-top: 0;
< flex-grow: 2;
< flex-shrink: 2;
< }
< }
< .nav-toolbox-wrapper.hidden {
< display: none;
< }
< .toolbox {
< display: block;
< position: relative;
< z-index: 97;
< }
< @media all and (min-width: 47.9385em) {
< .toolbox {
< flex-grow: 2;
< flex-shrink: 2;
< }
< }
< @media all and (min-width: 63.9385em) {
< .toolbox {
< text-align: right;
< }
< .toolbox > ul > li > a {
< padding: 0 10px;
< }
< .toolbox > ul > li > a {
< color: #333;
< }
< .toolbox > ul > li > a:focus,
< .toolbox > ul > li > a:hover {
< color: #333;
< }
< }
< .toolbox.hidden {
< display: none;
< }
< .nav-tools {
< display: none;
< }
< @media all and (min-width: 63.9385em) {
< .nav-tools {
< display: inline-block;
< position: relative;
< border: 0;
< }
< .nav-tools > a {
< display: inline-block;
< line-height: 88px;
< padding: 0 10px;
< }
< html:not(.no-js) .nav-tools > a {
< text-decoration: none;
< }
< html:not(.no-js) .nav-tools > a i[class^="icon-"] {
< display: inline-block;
< float: none;
< margin-left: 5px;
< }
< html[dir="rtl"]:not(.no-js) .nav-tools > a i[class^="icon-"] {
< margin-right: 5px;
< }
< .nav-tools > a:focus,
< .nav-tools > a:hover {
< background-color: #eee;
< color: #333;
< }
< }
< @media all and (min-width: 47.9385em) {
< .nav-login {
< display: inline-block;
< }
< }
< @media all and (max-width: 47.9375em) {
< .login {
< border-bottom: 1px solid #333;
< }
< .login > a {
< display: block;
< padding: 6px 0;
< }
< .login > a i[class^="icon-"] {
< float: right;
< }
< html[dir="rtl"] .login > a i[class^="icon-"] {
< float: left;
< }
< .login .submenu {
< position: relative;
< width: 100%;
< padding: 0;
< border-top: 0;
< box-shadow: none;
< }
< .login .submenu a {
< display: block;
< }
< .login-form {
< display: block;
< margin: 6px 0;
< }
< .button.logout {
< display: block;
< }
< .login-photo {
< display: none;
< }
< }
< @media all and (min-width: 47.9385em) {
< .login-name {
< display: none;
< }
< .login {
< display: inline-block;
< position: relative;
< border: 0;
< }
< .login > a {
< display: inline-block;
< line-height: 88px;
< padding: 0 10px;
< }
< html:not(.no-js) .login > a {
< text-decoration: none;
< }
< html:not(.no-js) .login > a i[class^="icon-"] {
< display: inline-block;
< float: none;
< margin-left: 5px;
< }
< html[dir="rtl"]:not(.no-js) .login > a i[class^="icon-"] {
< margin-right: 5px;
< }
< .login > a:focus,
< .login > a:hover {
< background-color: #eee;
< color: #333;
< }
< .login > a {
< color: #333;
< }
< .login > a:focus,
< .login > a:hover {
< text-decoration: underline;
< }
< .login-photo {
< border-radius: 50%;
< max-width: 50px;
< max-height: 50px;
< vertical-align: middle;
< overflow: hidden;
< }
< }
< @media all and (min-width: 47.9385em) {
< .login > a {
< padding: 0 10px;
< }
< }
< .nav-main {
< display: block;
< position: relative;
< z-index: 95;
< }
< @media all and (min-width: 47.9385em) {
< .nav-main {
< min-height: 88px;
< }
< }
< @media all and (min-width: 63.9385em) {
< .nav-main {
< min-height: 0;
< padding-top: 0;
< }
< .nav-main:after {
< display: none;
< }
< }
< html:not(.no-js) .nav-main-item > a {
< color: #333;
< text-decoration: none;
< }
< .expanded .nav-main {
< flex-grow: 2;
< flex-shrink: 2;
< }
< .nav-main-item {
< border-bottom: 1px solid #333;
< }
< .nav-main-item > a {
< display: block;
< padding: 6px 0;
< }
< .nav-main-item > a i[class^="icon-"] {
< float: right;
< }
< html[dir="rtl"] .nav-main-item > a i[class^="icon-"] {
< float: left;
< }
< @media all and (min-width: 47.9385em) {
< .nav-main-item {
< display: inline-block;
< position: relative;
< border: 0;
< }
< .nav-main-item > a {
< display: inline-block;
< line-height: 88px;
< padding: 0 10px;
< }
< html:not(.no-js) .nav-main-item > a {
< text-decoration: none;
< }
< html:not(.no-js) .nav-main-item > a i[class^="icon-"] {
< display: inline-block;
< float: none;
< margin-left: 5px;
< }
< html[dir="rtl"]:not(.no-js) .nav-main-item > a i[class^="icon-"] {
< margin-right: 5px;
< }
< .nav-main-item > a:focus,
< .nav-main-item > a:hover {
< background-color: #eee;
< color: #333;
< }
< }
< @media all and (min-width: 63.9385em) {
< .nav-main-item > a {
< padding: 0 10px;
< }
< }
< .nav-main-search {
< display: block;
< position: relative;
< background-color: transparent;
< }
< @media all and (min-width: 47.9385em) {
< .nav-main-search {
< position: absolute;
< top: 15px;
< min-width: 100px;
< }
< .nav-main-search {
< right: 15px;
< }
< html[dir="rtl"] .nav-main-search {
< right: auto;
< left: 15px;
< }
< }
< @media all and (min-width: 63.9385em) {
< .nav-main-search {
< display: inline-block;
< background-color: #222;
< position: relative;
< top: 0;
< vertical-align: top;
< }
< .nav-main-search {
< right: auto;
< }
< html[dir="rtl"] .nav-main-search {
< right: auto;
< left: auto;
< }
< }
< .nav-main-search input[type="search"] {
< color: #333;
< margin: 6px auto;
< width: 100%;
< }
< .nav-main-search input[type="search"] {
< padding-left: 2.5em;
< }
< html[dir="rtl"] .nav-main-search input[type="search"] {
< padding-left: 0;
< padding-right: 2.5em;
< }
< @media all and (min-width: 63.9385em) {
< .nav-main-search input[type="search"] {
< background-color: #222;
< color: #fff;
< border: 0;
< border-bottom: 1px solid #fff;
< border-radius: unset;
< -webkit-appearance: none;
< outline: 0;
< }
< .nav-main-search input[type="search"] {
< margin-right: 50px;
< margin-left: 75px;
< }
< html[dir="rtl"] .nav-main-search input[type="search"] {
< margin-right: 75px;
< margin-left: 50px;
< }
< .nav-main-search input[type="search"] {
< padding-left: 0;
< }
< html[dir="rtl"] .nav-main-search input[type="search"] {
< padding-left: 0;
< padding-right: 0;
< }
< }
< @media all and (min-width: 74.9375em) {
< .nav-main-search input[type="search"] {
< width: 335px;
< }
< }
< @media all and (min-width: 63.9385em) and (max-width: 74.9375em) {
< .nav-main-search input[type="search"] {
< width: 255px;
< }
< .nav-main-search input[type="search"] {
< margin-right: 15px;
< margin-left: 15px;
< }
< html[dir="rtl"] .nav-main-search input[type="search"] {
< margin-right: 15px;
< margin-left: 15px;
< }
< }
< .search-trigger {
< position: absolute;
< top: 12px;
< z-index: 2;
< }
< .search-trigger {
< left: 15px;
< }
< html[dir="rtl"] .search-trigger {
< left: auto;
< right: 15px;
< }
< @media all and (min-width: 63.9385em) {
< .search-trigger {
< position: absolute;
< top: 5px;
< color: #fff;
< }
< .search-trigger {
< left: 30%;
< right: auto;
< }
< html[dir="rtl"] .search-trigger {
< left: 30%;
< right: auto;
< }
< }
< .search-trigger i[class^="icon-"] {
< cursor: pointer;
< }
< @media all and (min-width: 63.9385em) {
< .search-trigger i[class^="icon-"] {
< font-size: 32px;
< font-size: 1.77778rem;
< }
< }
< .close-header-search {
< display: none;
< }
< @media all and (min-width: 63.9385em) {
< .nav-main-search {
< cursor: pointer;
< }
< .search-wrap {
< width: 0;
< overflow: hidden;
< line-height: 88px;
< -moz-transition-property: width, opacity;
< -webkit-transition-property: width, opacity;
< transition-property: width, opacity;
< -moz-transition-duration: 0.5s;
< -webkit-transition-duration: 0.5s;
< transition-duration: 0.5s;
< }
< .expanded .nav-main-search {
< cursor: default;
< }
< .expanded .search-trigger {
< left: 15px;
< }
< html[dir="rtl"] .expanded .search-trigger {
< left: auto;
< right: 15px;
< }
< }
< @media all and (min-width: 63.9385em) and (min-width: 63.9385em) and (max-width: 74.9375em) {
< .expanded .search-trigger {
< display: none;
< }
< }
< @media all and (min-width: 63.9385em) {
< .expanded .close-header-search {
< position: absolute;
< top: 20px;
< display: inline-block;
< color: #fff;
< }
< .expanded .close-header-search {
< right: 45px;
< }
< html[dir="rtl"] .expanded .close-header-search {
< right: auto;
< left: 45px;
< }
< }
< @media all and (min-width: 63.9385em) and (min-width: 63.9385em) and (max-width: 74.9375em) {
< .expanded .close-header-search {
< right: 25px;
< }
< html[dir="rtl"] .expanded .close-header-search {
< right: auto;
< left: 25px;
< }
< }
< @media all and (min-width: 63.9385em) and (max-width: 74.9375em) {
< .expanded .search-wrap {
< width: 300px;
< }
< }
< @media all and (min-width: 74.9375em) {
< .expanded .search-wrap {
< width: 450px;
< }
< }
< html[lang="de"] .nav-main-search {
< min-width: 80px;
< }
< @media all and (min-width: 63.9385em) and (max-width: 74.9375em) {
< html[lang="de"] .expanded .search-wrap {
< width: 280px;
< }
< }
< .search-form {
< display: block;
< margin: 20px auto 40px auto;
< padding: 0;
< position: relative;
< width: 100%;
< max-width: 775px;
< }
< .search-form.home-search-form {
< margin: 40px auto;
< }
< .search-form > input#home-q,
< .search-form > input#search-q {
< display: block;
< width: 100%;
< margin: 0 auto;
< padding: 10px;
< background: #fff;
< font-size: 19px;
< font-size: 1.05556rem;
< }
< .search-form > input#home-q,
< .search-form > input#search-q {
< padding-left: 48px;
< }
< html[dir="rtl"] .search-form > input#home-q,
< html[dir="rtl"] .search-form > input#search-q {
< padding-left: 0;
< padding-right: 48px;
< }
< .search-form > input#home-q::-webkit-input-placeholder,
< .search-form > input#search-q::-webkit-input-placeholder {
< color: #333;
< }
< .search-form > input#home-q:-ms-input-placeholder,
< .search-form > input#search-q:-ms-input-placeholder {
< color: #333;
< }
< .search-form > input#home-q::-moz-placeholder,
< .search-form > input#search-q::-moz-placeholder {
< color: #333;
< }
< .search-form > input#home-q::placeholder,
< .search-form > input#search-q::placeholder {
< color: #333;
< }
< .search-form .search-icon {
< position: absolute;
< top: 0;
< bottom: 0;
< width: 48px;
< display: flex;
< align-items: center;
< justify-content: center;
< }
< .search-form .search-icon {
< left: 0;
< }
< html[dir="rtl"] .search-form .search-icon {
< left: auto;
< right: 0;
< }
< .search-form .search-icon:after {
< content: "";
< position: absolute;
< top: 10px;
< bottom: 10px;
< display: block;
< border-left: 1px solid #9b9b9b;
< }
< .search-form .search-icon:after {
< left: 40px;
< }
< html[dir="rtl"] .search-form .search-icon:after {
< left: auto;
< right: 40px;
< }
< @media all and (min-width: 63.9385em) {
< .search-form.home-search-form {
< margin: 0 auto 30px auto;
< }
< .search-form > input#home-q,
< .search-form > input#search-q {
< padding: 20px;
< }
< .search-form > input#home-q,
< .search-form > input#search-q {
< padding-left: 70px;
< }
< html[dir="rtl"] .search-form > input#home-q,
< html[dir="rtl"] .search-form > input#search-q {
< padding-left: 0;
< padding-right: 70px;
< }
< .search-form .search-icon {
< width: 60px;
< }
< .search-form .search-icon:after {
< top: 20px;
< bottom: 20px;
< }
< .search-form .search-icon:after {
< left: 54px;
< }
< html[dir="rtl"] .search-form .search-icon:after {
< left: auto;
< right: 54px;
< }
< }
< .document-head {
< position: relative;
< z-index: 88;
< clear: both;
< background-color: #f5f9fa;
< padding: 30px 0 30px 0;
< }
< .document-title h1,
< div[class*="titlebar"] h1 {
< font-size: 32px;
< font-size: 1.77778rem;
< hyphens: auto;
< }
< @media all and (min-width: 29.9385em) {
< .document-title h1,
< div[class*="titlebar"] h1 {
< font-size: 51px;
< font-size: 2.83333rem;
< }
< }
< .document-title em,
< div[class*="titlebar"] em {
< font-style: normal;
< text-transform: none;
< }
< .document-title em,
< div[class*="titlebar"] em {
< margin-left: -3px;
< }
< html[dir="rtl"] .document-title em,
< html[dir="rtl"] div[class*="titlebar"] em {
< margin-left: 0;
< margin-right: -3px;
< }
< .document-actions {
< padding-bottom: 0;
< }
< .document-actions {
< text-align: right;
< }
< html[dir="rtl"] .document-actions {
< text-align: left;
< }
< .document-actions .page-buttons {
< float: none;
< }
< html[dir="rtl"] .document-actions .page-buttons {
< float: none;
< }
< @media all and (min-width: 29.9385em) {
< @supports (display: flex) {
< .document-head .center {
< display: flex;
< justify-content: space-between;
< flex-wrap: wrap;
< }
< .document-head .center .document-title {
< flex-grow: 1;
< }
< .document-head .center .document-actions {
< flex-grow: 9999;
< }
< .document-head .center .document-actions {
< text-align: right;
< }
< html[dir="rtl"] .document-head .center .document-actions {
< text-align: left;
< }
< }
< }
< .title-prefix {
< font-size: 24px;
< font-size: 1.33333rem;
< display: block;
< color: #696969;
< }
< .title-properties button.link {
< font-size: 16px;
< font-size: 0.88889rem;
< font-weight: 700;
< }
< .title-locale {
< font-size: 16px;
< font-size: 0.88889rem;
< }
< .nav-footer {
< clear: both;
< padding-top: 15px;
< padding-bottom: 15px;
< background-color: #222;
< color: #fff;
< }
< .nav-footer:after {
< content: " ";
< clear: both;
< display: table;
< }
< .nav-footer a {
< color: #83d0f2;
< }
< .nav-footer-logo,
< .nav-footer-mozilla {
< width: 219px;
< height: 48px;
< background: url("../../img/web-docs-sprite.22a6a085cf14.svg") 100% -58px no-repeat;
< background-size: 219px auto;
< display: block;
< direction: ltr;
< text-indent: -9999px;
< overflow: hidden;
< margin-bottom: 15px;
< }
< .nav-footer-mozilla {
< width: 114px;
< height: 32px;
< background: url("../../img/web-docs-sprite.22a6a085cf14.svg") -96px -171px
< no-repeat;
< background-size: 420px auto;
< }
< .footer-title {
< display: none;
< }
< .footer-group {
< clear: both;
< border-bottom: 1px solid #fff;
< padding-bottom: 15px;
< margin-bottom: 15px;
< }
< .footer-group:after {
< content: " ";
< clear: both;
< display: table;
< }
< .footer-group a {
< display: inline-block;
< padding: 10px 0;
< }
< .footer-social {
< font-size: 24px;
< font-size: 1.33333rem;
< display: inline-block;
< }
< .footer-social {
< margin-right: 10px;
< }
< html[dir="rtl"] .footer-social {
< margin-right: 0;
< margin-left: 10px;
< }
< .footer-social a {
< padding-right: 20px;
< }
< html[dir="rtl"] .footer-social a {
< padding-right: 0;
< padding-left: 20px;
< }
< .languages {
< clear: both;
< border-bottom: 1px solid #fff;
< padding-bottom: 15px;
< margin-bottom: 15px;
< }
< .languages:after {
< content: " ";
< clear: both;
< display: table;
< }
< .languages label {
< font-size: 14px;
< font-size: 0.77778rem;
< }
< .footer-tos {
< font-size: 19px;
< font-size: 1.05556rem;
< margin-bottom: 15px;
< }
< .footer-tos li {
< display: inline-block;
< }
< .footer-tos li {
< margin-right: 20px;
< }
< html[dir="rtl"] .footer-tos li {
< margin-right: 0;
< margin-left: 20px;
< }
< @media all and (min-width: 47.9385em) {
< .nav-footer {
< padding-top: 24px;
< padding-bottom: 24px;
< }
< .nav-footer-logo,
< .nav-footer-mozilla {
< margin-bottom: 24px;
< }
< .footer-title {
< display: none;
< }
< .footer-group {
< padding-bottom: 24px;
< margin-bottom: 24px;
< }
< .footer-group a {
< padding: 5px 0;
< }
< .footer-social a {
< padding-right: 10px;
< }
< html[dir="rtl"] .footer-social a {
< padding-right: 0;
< padding-left: 10px;
< }
< .languages {
< clear: both;
< padding-bottom: 24px;
< margin-bottom: 24px;
< }
< .languages:after {
< content: " ";
< clear: both;
< display: table;
< }
< .languages select {
< max-width: 22.75%;
< }
< .footer-tos {
< margin-bottom: 24px;
< }
< }
< @media all and (min-width: 63.9385em) {
< .nav-footer {
< position: relative;
< padding: 60px 20px;
< }
< .nav-footer-logo,
< .nav-footer-mozilla {
< margin-bottom: 40px;
< }
< .footer-title {
< display: block;
< font-size: 20px;
< font-size: 1.11111rem;
< font-family: Arial, x-locale-body, sans-serif;
< letter-spacing: -0.00278rem;
< }
< .footer-group {
< border-bottom: none;
< padding-bottom: 0;
< margin-bottom: 0;
< }
< .footer-group-mdn {
< position: absolute;
< top: 20px;
< width: 22.75%;
< }
< .footer-group-mdn {
< left: 39.91667%;
< }
< html[dir="rtl"] .footer-group-mdn {
< left: auto;
< right: 39.91667%;
< }
< .footer-group-mozilla {
< position: absolute;
< top: 20px;
< width: 22.75%;
< }
< .footer-group-mozilla {
< left: 65.66667%;
< }
< html[dir="rtl"] .footer-group-mozilla {
< left: auto;
< right: 65.66667%;
< }
< .languages {
< border-bottom: none;
< padding-bottom: 0;
< margin-bottom: 20px;
< }
< .languages label {
< display: block;
< }
< .footer-tos {
< margin-bottom: 20px;
< }
< }
< @media print {
< .nav-footer {
< display: none;
< }
< }
< .contentinfo {
< font-size: 14px;
< font-size: 0.77778rem;
< }
< .contentinfo p {
< display: inline;
< }
< @media all and (min-width: 63.9385em) {
< .contentinfo {
< width: 31.33333%;
< }
< }
< .socialaccount-providers li {
< margin: 0 20px 0 0;
< display: inline-block;
< }
< .socialaccount-providers li span.signin {
< min-width: 140px;
< }
< a.github-button {
< border-radius: 3px;
< z-index: 2;
< display: inline-block;
< font-weight: 700;
< }
< a.github-button:focus span {
< text-decoration: underline;
< }
< a.github-button span {
< text-decoration: none;
< display: block;
< float: left;
< font-size: 18px;
< font-size: 1rem;
< line-height: 24px;
< color: #fff;
< padding: 0 10px 0 20px;
< position: relative;
< }
< a.github-button span:after {
< content: "";
< position: absolute;
< top: 0;
< right: -12px;
< width: 24px;
< height: 24px;
< z-index: 1;
< -webkit-transform: scale(0.707) rotate(45deg);
< -ms-transform: scale(0.707) rotate(45deg);
< transform: scale(0.707) rotate(45deg);
< border-radius: 0 3px 0 50px;
< }
< a.github-button span.github-icon {
< padding-left: 3px;
< border-radius: 3px 0 0 3px;
< background: -webkit-linear-gradient(#43a6e2, #287cc2);
< background: -moz-linear-gradient(#43a6e2, #287cc2);
< background: -ms-linear-gradient(#43a6e2, #287cc2);
< background: linear-gradient(#43a6e2, #287cc2);
< height: 24px;
< }
< a.github-button span.github-icon:after {
< background: -webkit-linear-gradient(left top, #43a6e2, #287cc2);
< background: -moz-linear-gradient(left top, #43a6e2, #287cc2);
< background: -ms-linear-gradient(left top, #43a6e2, #287cc2);
< background: linear-gradient(left top, #43a6e2, #287cc2);
< }
< a.github-button span.github-icon i {
< position: relative;
< top: 2px;
< left: 5px;
< width: 15px;
< height: 15px;
< display: inline-block;
< }
< a.github-button span.signin {
< text-shadow: 0 1.5px 1px rgba(0, 0, 0, 0.35);
< line-height: 23px;
< padding-bottom: 1px;
< }
< a.github-button span.signin:after {
< z-index: 2;
< background: -webkit-linear-gradient(top left, #56565a, #3a3a3a);
< background: -moz-linear-gradient(top left, #56565a, #3a3a3a);
< background: -ms-linear-gradient(top left, #56565a, #3a3a3a);
< background: linear-gradient(top left, #56565a, #3a3a3a);
< }
< a.github-button span.signin {
< background: -webkit-linear-gradient(#56565a, #3a3a3a);
< background: -moz-linear-gradient(#56565a, #3a3a3a);
< background: -ms-linear-gradient(#56565a, #3a3a3a);
< background: linear-gradient(#56565a, #3a3a3a);
< }
< a.github-button span.github-icon {
< background: -webkit-linear-gradient(#5d649a, #63397b);
< background: -moz-linear-gradient(#5d649a, #63397b);
< background: -ms-linear-gradient(#5d649a, #63397b);
< background: linear-gradient(#5d649a, #63397b);
< }
< a.github-button span.github-icon:after {
< background: -webkit-linear-gradient(left top, #5d649a, #63397b);
< background: -moz-linear-gradient(left top, #5d649a, #63397b);
< background: -ms-linear-gradient(left top, #5d649a, #63397b);
< background: linear-gradient(left top, #5d649a, #63397b);
< }
< a.github-button span.github-icon i[class^="icon-"] {
< top: 0;
< left: 8px;
< }
< #feature-test-element {
< position: absolute;
< left: 0;
< top: -999999px;
< width: 0;
< height: 0;
< overflow: hidden;
< z-index: 1;
< }
< @media all and (max-width: 74.9375em) {
< #feature-test-element {
< z-index: 2;
< }
< }
< @media all and (max-width: 63.9375em) {
< #feature-test-element {
< z-index: 3;
< }
< }
< @media all and (max-width: 47.9375em) {
< #feature-test-element {
< z-index: 4;
< }
< }
< ol.pagination {
< margin: 20px 0;
< padding: 0 0 30px 0;
< }
< ol.pagination li {
< padding: 0 2px;
< }
< ol.pagination li {
< float: left;
< }
< html[dir="rtl"] ol.pagination li {
< float: right;
< }
< ol.pagination li.prev,
< ol.pagination li.prev a {
< padding-left: 0;
< }
< html[dir="rtl"] ol.pagination li.prev,
< html[dir="rtl"] ol.pagination li.prev a {
< padding-left: inherit;
< padding-right: 0;
< }
< ol.pagination li a {
< padding: 3px 8px 5px;
< }
< ol.pagination li a {
< float: left;
< }
< html[dir="rtl"] ol.pagination li a {
< float: right;
< }
< ol.pagination li a:hover {
< text-decoration: underline;
< }
< ol.pagination li.selected a {
< background: #3d7e9a;
< color: #fff;
< border-radius: 5px;
< }
< #wikiArticle > p:first-child:empty {
< display: none;
< }
< #wikiArticle {
< padding-bottom: 20px;
< border-bottom: 3px solid #3d7e9a;
< }
< p.field-explanation {
< margin-bottom: 0;
< }
< #content-main.full {
< clear: both;
< float: none;
< width: 100%;
< }
< .main {
< float: left;
< width: 670px;
< }
< @media all and (max-width: 47.9375em) {
< .header-clear {
< display: none;
< }
< }
< .form-group {
< margin-bottom: 20px;
< }
< ul.tags li {
< background: #eee;
< border: 1px solid #cee9f9;
< border-radius: 2px;
< display: inline-block;
< padding: 3px 10px 4px;
< }
< ul.tags li {
< margin: 0 10px 10px 0;
< }
< html[dir="rtl"] ul.tags li,
< ul.tags html[dir="rtl"] li {
< margin: 0 0 10px 10px;
< }
< ul.tags {
< background-color: transparent;
< border: none;
< clear: both;
< margin-bottom: 0;
< width: 100%;
< }
< ul.tags {
< padding-left: 0;
< }
< html[dir="rtl"] ul.tags {
< padding-left: 0;
< padding-right: 0;
< }
< .user-edit ul.tags,
< .wiki-block ul.tags {
< margin-bottom: -10px;
< }
< ul.tags li label {
< margin-bottom: 0;
< }
< ul.tags li a {
< color: #285c76;
< }
< ul.tags-small li {
< padding: 1px 3px;
< }
< ul.tags-small li {
< margin: 0 6px 6px 0;
< }
< html[dir="rtl"] ul.tags-small li {
< margin: 0 0 6px 6px;
< }
< .tag-attach-list .tags-small {
< clear: none;
< display: inline;
< }
< ul.errorlist {
< color: #900;
< font-weight: 700;
< }
< ul.errorlist li {
< margin: 5px 0;
< }
< .notification.error .errorlist {
< color: #333;
< }
< .compact dt {
< display: inline;
< font-weight: 700;
< }
< .compact dd {
< display: inline;
< margin-bottom: 0;
< }
< .compact dd {
< padding-left: 8px;
< }
< html[dir="rtl"] .compact dd {
< padding-left: 0;
< padding-right: 8px;
< }
< .compact dd:after {
< content: "\A";
< white-space: pre;
< }
< .newsletter-teaser {
< margin-top: 0;
< margin-bottom: 20px;
< font-size: 42px;
< font-size: 2.33333rem;
< }
< .newsletter-description {
< margin-bottom: 20px;
< font-family: x-locale-heading-primary, zillaslab, Palatino,
< "Palatino Linotype", x-locale-heading-secondary, serif;
< }
< .newsletter-fields {
< margin-bottom: 20px;
< }
< input.newsletter-input-email {
< box-sizing: border-box;
< width: 100%;
< padding: 10px;
< }
< .newsletter-hide {
< position: absolute;
< top: 10px;
< z-index: 11;
< border: none;
< padding: 0;
< }
< .newsletter-hide {
< right: 10px;
< }
< html[dir="rtl"] .newsletter-hide {
< right: auto;
< left: 10px;
< }
< .newsletter-errors .errorlist {
< list-style-type: none;
< }
< .newsletter-errors .errorlist {
< padding-left: 0;
< }
< html[dir="rtl"] .newsletter-errors .errorlist {
< padding-left: 0;
< padding-right: 0;
< }
< .newsletter-lang {
< margin-top: 20px;
< margin-bottom: 0;
< font-style: italic;
< }
< .newsletter-thanks h2 {
< margin-top: 0;
< margin-bottom: 20px;
< }
< .newsletter-submit {
< position: relative;
< width: 100%;
< padding: 10px;
< }
< .newsletter-submit {
< text-align: left;
< }
< html[dir="rtl"] .newsletter-submit {
< text-align: right;
< }
< .newsletter-submit .icon-arrow {
< position: absolute;
< top: 30%;
< }
< .newsletter-submit .icon-arrow {
< right: 10px;
< }
< html[dir="rtl"] .newsletter-submit .icon-arrow {
< right: 10px;
< left: 10px;
< }
< .newsletter-submit .icon-arrow {
< left: auto;
< }
< html[dir="rtl"] .newsletter-submit .icon-arrow {
< left: 10px;
< right: auto;
< }
< .newsletter-submit .icon-arrow {
< transition: right 0.2s;
< }
< html[dir="rtl"] .newsletter-submit .icon-arrow {
< transition: left 0.2s;
< }
< .newsletter-submit:focus,
< .newsletter-submit:hover {
< text-decoration: none;
< }
< .newsletter-submit:focus .icon-arrow,
< .newsletter-submit:hover .icon-arrow {
< right: 5px;
< }
< html[dir="rtl"] .newsletter-submit:focus .icon-arrow,
< html[dir="rtl"] .newsletter-submit:hover .icon-arrow {
< right: 10px;
< left: 5px;
< }
< .newsletter-submit:focus .icon-arrow,
< .newsletter-submit:hover .icon-arrow {
< left: auto;
< }
< html[dir="rtl"] .newsletter-submit:focus .icon-arrow,
< html[dir="rtl"] .newsletter-submit:hover .icon-arrow {
< left: 15px;
< right: auto;
< }
< @media all and (min-width: 29.9385em) {
< .callout-newsletter .form-input,
< .newsletter-box .form-input {
< padding: 7px 10px 6px 10px;
< }
< .callout-newsletter .newsletter-fields,
< .newsletter-box .newsletter-fields {
< display: flex;
< flex-wrap: wrap;
< }
< .callout-newsletter .newsletter-errors,
< .callout-newsletter .newsletter-group-privacy,
< .newsletter-box .newsletter-errors,
< .newsletter-box .newsletter-group-privacy {
< width: 100%;
< }
< .callout-newsletter .newsletter-group-email,
< .newsletter-box .newsletter-group-email {
< width: 60%;
< margin-bottom: 0;
< }
< .callout-newsletter .newsletter-group-privacy,
< .newsletter-box .newsletter-group-privacy {
< order: 4;
< }
< .callout-newsletter .newsletter-group-submit,
< .newsletter-box .newsletter-group-submit {
< box-sizing: border-box;
< width: 40%;
< }
< .callout-newsletter .newsletter-group-submit,
< .newsletter-box .newsletter-group-submit {
< padding-left: 20px;
< }
< html[dir="rtl"] .callout-newsletter .newsletter-group-submit,
< html[dir="rtl"] .newsletter-box .newsletter-group-submit {
< padding-left: 0;
< padding-right: 20px;
< }
< .callout-newsletter .newsletter-submit,
< .newsletter-box .newsletter-submit {
< width: 100%;
< }
< }
< @media all and (min-width: 63.9385em) {
< @supports (display: grid) {
< .callout-newsletter,
< .newsletter-box {
< display: flex;
< align-items: flex-end;
< }
< .callout-newsletter .newsletter,
< .newsletter-box .newsletter {
< width: 100%;
< }
< .callout-newsletter .newsletter-form,
< .newsletter-box .newsletter-form {
< display: grid;
< grid-column-gap: 20px;
< grid-template-columns: 1fr 1fr;
< }
< .callout-newsletter .newsletter-form.hidden,
< .newsletter-box .newsletter-form.hidden {
< display: none;
< }
< .callout-newsletter .newsletter-fields,
< .newsletter-box .newsletter-fields {
< display: block;
< }
< .callout-newsletter .newsletter-group-email,
< .newsletter-box .newsletter-group-email {
< width: auto;
< margin-bottom: 20px;
< }
< .callout-newsletter .newsletter-input-email,
< .newsletter-box .newsletter-input-email {
< max-width: none;
< }
< .callout-newsletter .newsletter-group-submit,
< .newsletter-box .newsletter-group-submit {
< width: auto;
< }
< .callout-newsletter .newsletter-group-submit,
< .newsletter-box .newsletter-group-submit {
< padding-left: 0;
< }
< html[dir="rtl"] .callout-newsletter .newsletter-group-submit,
< html[dir="rtl"] .newsletter-box .newsletter-group-submit {
< padding-left: 0;
< padding-right: 0;
< }
< .callout-newsletter .newsletter-submit,
< .newsletter-box .newsletter-submit {
< width: 100%;
< }
< .callout-newsletter .newsletter-description,
< .newsletter-box .newsletter-description {
< margin-bottom: 0;
< font-size: 18px;
< font-size: 1rem;
< }
< .newsletter-head {
< grid-column: 1/2;
< }
< .newsletter-fields {
< grid-column: 2/3;
< align-self: end;
< }
< input.newsletter-input-email {
< margin-top: 10px;
< }
< }
< }
< @media all and (min-width: 74.9375em) {
< @supports (display: grid) {
< .callout-newsletter .newsletter-form,
< .newsletter-box .newsletter-form {
< grid-template-columns: 2fr 1fr;
< }
< .callout-newsletter .newsletter-input-email,
< .callout-newsletter .newsletter-submit,
< .newsletter-box .newsletter-input-email,
< .newsletter-box .newsletter-submit {
< height: 50px;
< }
< }
< }
< .callout-newsletter .newsletter-teaser,
< .callout-newsletter .newsletter-thanks h2 {
< font-size: 26px;
< font-size: 1.44444rem;
< }
< .callout-newsletter .newsletter-fields,
< .callout-newsletter .newsletter-thanks p {
< margin-bottom: 0;
< }
< .callout-newsletter a {
< color: #000;
< text-decoration: underline;
< }
< .callout-newsletter a:focus,
< .callout-newsletter a:hover {
< text-decoration: none;
< }
< .newsletter-box {
< position: relative;
< border-top: 3px solid #333;
< padding: 20px 0;
< margin-top: 40px;
< background-color: #fff;
< }
< .newsletter-box.hidden {
< display: none;
< }
< .newsletter-box .newsletter-teaser:before {
< content: "";
< display: block;
< height: 0.5em;
< width: 1.5em;
< }
< .newsletter-box .newsletter-teaser:before {
< float: right;
< }
< html[dir="rtl"] .newsletter-box .newsletter-teaser:before {
< float: left;
< }
< .newsletter-box .newsletter-description {
< font-size: 24px;
< font-size: 1.33333rem;
< }
< .newsletter-box .newsletter-fields {
< margin-bottom: 0;
< }
< @media all and (min-width: 47.9385em) {
< .newsletter-box {
< padding: 40px;
< }
< }
< @media all and (min-width: 63.9385em) {
< .newsletter-box .newsletter-teaser {
< font-size: 51px;
< font-size: 2.83333rem;
< }
< .newsletter-box .newsletter-description {
< font-size: 26px;
< font-size: 1.44444rem;
< }
< }
< @media print {
< .newsletter-box {
< display: none;
< }
< }
< .contribution-page-header {
< background-image: linear-gradient(to right, #83cff3, #ebf8e1);
< min-width: 320px;
< overflow: hidden;
< position: relative;
< }
< .contribution-page-header .column-container {
< box-sizing: border-box;
< margin: 0 auto;
< max-height: 100%;
< max-width: 1320px;
< padding: 36px 56px;
< position: relative;
< transition: padding 0.3s ease;
< }
< .contribution-page-header .column-container > .column-half {
< box-sizing: border-box;
< }
< .contribution-page-header .column-container > .column-half .container {
< margin: 0 auto;
< max-width: 540px;
< }
< @media all and (max-width: 47.9375em) {
< .contribution-page-header .column-container {
< padding: 12px;
< }
< }
< .contribution-page-header .backdrop-image {
< display: none;
< }
< @media all and (min-width: 63.9385em) {
< .contribution-page-header .backdrop-image {
< bottom: -150px;
< left: auto;
< position: absolute;
< right: 0;
< z-index: -1;
< }
< }
< .payment-terms-container {
< margin: 0 auto;
< padding: 16px 86px;
< max-width: 1320px;
< }
< .contributions-page .section {
< display: flex;
< position: relative;
< margin: 0 auto;
< padding: 56px 18px;
< max-width: 1160px;
< }
< .contributions-page .section .sub-section {
< margin-bottom: 2em;
< }
< @media all and (max-width: 47.9375em) {
< .contributions-page .section {
< display: block;
< }
< .contributions-page .section .faqs,
< .contributions-page .section h2 {
< display: block;
< }
< .contributions-page .section .faqs .faq,
< .contributions-page .section h2 .faq {
< margin: 30px 0;
< }
< }
< .contributions-page .backdrop-image {
< display: none;
< }
< @media all and (min-width: 63.9385em) {
< .contributions-page .backdrop-image {
< display: block;
< position: absolute;
< top: 30px;
< left: 70px;
< width: 410px;
< height: auto;
< }
< }
< .contributions-page .index {
< flex: 30%;
< z-index: 99;
< }
< .contributions-page .index h2 {
< border-bottom: 2px solid #333;
< }
< .contributions-page .faqs {
< flex: 60%;
< }
< .contributions-page .faqs a {
< border-bottom: 1px solid #3143e2;
< color: #3143e2;
< padding-bottom: 1px;
< text-decoration: none;
< }
< .contributions-page .faqs .faq {
< background-color: #fff;
< border: 2px solid #333;
< border-radius: 4px;
< margin: 2em;
< padding: 48px;
< position: relative;
< }
< .contributions-page .faqs .faq ul {
< list-style-type: initial;
< padding-left: 1em;
< }
< .contributions-page .faqs .faq .faq-number {
< background: #333;
< box-sizing: border-box;
< color: #fff;
< font-family: x-locale-heading-primary, zillaslab, Palatino,
< "Palatino Linotype", x-locale-heading-secondary, serif;
< font-size: 36px;
< font-weight: 500;
< height: 45px;
< left: -22px;
< line-height: 40px;
< padding: 0;
< position: absolute;
< text-align: center;
< top: 42px;
< width: 45px;
< }
< .contributions-page .faqs .faq .small {
< display: block;
< font-weight: 700;
< }
< .contributions-page .faqs h3 {
< font-size: 1.8em;
< font-weight: 400;
< margin-top: 0;
< }
< .blockIndicator,
< .geckoVersionNote,
< .inheritsbox,
< .note,
< .notice,
< .overheadIndicator,
< .standardNoteBlock,
< .warning {
< box-sizing: border-box;
< max-width: 42rem;
< overflow: hidden;
< margin-bottom: 20px;
< padding: 10px;
< clear: both;
< clear: none;
< background-color: #eee;
< font-family: x-locale-heading-primary, zillaslab, Palatino,
< "Palatino Linotype", x-locale-heading-secondary, serif;
< font-size: 18px;
< font-size: 1rem;
< }
< .blockIndicator,
< .geckoVersionNote,
< .inheritsbox,
< .note,
< .notice,
< .overheadIndicator,
< .standardNoteBlock,
< .warning {
< border-left-width: 5px;
< border-left-style: solid;
< }
< html[dir="rtl"] .blockIndicator,
< html[dir="rtl"] .geckoVersionNote,
< html[dir="rtl"] .inheritsbox,
< html[dir="rtl"] .note,
< html[dir="rtl"] .notice,
< html[dir="rtl"] .overheadIndicator,
< html[dir="rtl"] .standardNoteBlock,
< html[dir="rtl"] .warning {
< border-left-width: 0;
< border-right-width: 5px;
< border-left-style: none;
< border-right-style: solid;
< }
< .blockIndicator > :last-child,
< .geckoVersionNote > :last-child,
< .inheritsbox > :last-child,
< .note > :last-child,
< .notice > :last-child,
< .overheadIndicator > :last-child,
< .standardNoteBlock > :last-child,
< .warning > :last-child {
< margin-bottom: 0;
< }
< .blockIndicator > :last-child,
< .geckoVersionNote > :last-child,
< .inheritsbox > :last-child,
< .note > :last-child,
< .notice > :last-child,
< .overheadIndicator > :last-child,
< .standardNoteBlock > :last-child,
< .warning > :last-child {
< padding-bottom: 0;
< }
< .blockIndicator:after,
< .geckoVersionNote:after,
< .inheritsbox:after,
< .note:after,
< .notice:after,
< .overheadIndicator:after,
< .standardNoteBlock:after,
< .warning:after {
< content: " ";
< clear: both;
< display: table;
< }
< .blockIndicator:before,
< .geckoVersionNote:before,
< .inheritsbox:before,
< .note:before,
< .notice:before,
< .overheadIndicator:before,
< .standardNoteBlock:before,
< .warning:before {
< display: inline-block;
< width: 30px;
< }
< .blockIndicator:before,
< .geckoVersionNote:before,
< .inheritsbox:before,
< .note:before,
< .notice:before,
< .overheadIndicator:before,
< .standardNoteBlock:before,
< .warning:before {
< float: left;
< margin: -1px 0 -5px -25px;
< }
< html[dir="rtl"] .blockIndicator:before,
< html[dir="rtl"] .geckoVersionNote:before,
< html[dir="rtl"] .inheritsbox:before,
< html[dir="rtl"] .note:before,
< html[dir="rtl"] .notice:before,
< html[dir="rtl"] .overheadIndicator:before,
< html[dir="rtl"] .standardNoteBlock:before,
< html[dir="rtl"] .warning:before {
< float: right;
< margin: -5px -25px -5px 0;
< }
< .blockIndicator pre,
< .geckoVersionNote pre,
< .inheritsbox pre,
< .note pre,
< .notice pre,
< .overheadIndicator pre,
< .standardNoteBlock pre,
< .warning pre {
< color: #333;
< }
< .bannerHeading,
< .blockIndicator p > strong,
< .geckoVersionHeading,
< .geckoVersionNote p > strong,
< .inheritsbox p > strong,
< .note p > strong,
< .notice p > strong,
< .overheadIndicator p > strong,
< .standardNoteBlock p > strong,
< .warning p > strong {
< font-style: normal;
< font-weight: 700;
< }
< .draft,
< .notice:not(.experimental),
< .translationInProgress,
< .warning#doc-rendering-in-progress,
< .warning#doc-rendering-scheduled,
< .warning#kserrors,
< .warning.warning-review {
< box-sizing: border-box;
< max-width: 42rem;
< }
< .draft,
< .notice:not(.experimental),
< .translationInProgress,
< .warning#doc-rendering-in-progress,
< .warning#doc-rendering-scheduled,
< .warning#kserrors,
< .warning.warning-review {
< border-width: 2px;
< border-style: solid;
< }
< html[dir="rtl"] .draft,
< html[dir="rtl"] .notice:not(.experimental),
< html[dir="rtl"] .translationInProgress,
< html[dir="rtl"] .warning#doc-rendering-in-progress,
< html[dir="rtl"] .warning#doc-rendering-scheduled,
< html[dir="rtl"] .warning#kserrors,
< html[dir="rtl"] .warning.warning-review {
< border-width: 2px;
< border-style: solid;
< }
< .indicatorInHeadline,
< .inlineIndicator,
< .spec-CR:before,
< .spec-Draft:before,
< .spec-ED:before,
< .spec-Living:before,
< .spec-PR:before,
< .spec-RC:before,
< .spec-REC:before,
< .spec-RFC:before,
< .spec-Standard:before,
< .spec-WD:before {
< display: inline-block;
< min-width: 20px;
< vertical-align: baseline;
< border-radius: 2px;
< padding: 0.45em 0.35em;
< background-color: #eee;
< font-family: Helvetica, arial, sans-serif;
< font-size: 14px;
< font-weight: 400;
< line-height: normal;
< }
< .indicatorInHeadline,
< .inlineIndicator,
< .spec-CR:before,
< .spec-Draft:before,
< .spec-ED:before,
< .spec-Living:before,
< .spec-PR:before,
< .spec-RC:before,
< .spec-REC:before,
< .spec-RFC:before,
< .spec-Standard:before,
< .spec-WD:before {
< margin-left: 10px;
< border-left: 4px solid;
< }
< html[dir="rtl"] .indicatorInHeadline,
< html[dir="rtl"] .inlineIndicator,
< html[dir="rtl"] .spec-CR:before,
< html[dir="rtl"] .spec-Draft:before,
< html[dir="rtl"] .spec-ED:before,
< html[dir="rtl"] .spec-Living:before,
< html[dir="rtl"] .spec-PR:before,
< html[dir="rtl"] .spec-RC:before,
< html[dir="rtl"] .spec-REC:before,
< html[dir="rtl"] .spec-RFC:before,
< html[dir="rtl"] .spec-Standard:before,
< html[dir="rtl"] .spec-WD:before {
< margin-left: 0;
< margin-right: 10px;
< border-left: none;
< border-right: 4px solid;
< }
< .indicatorInHeadline:before,
< .inlineIndicator:before {
< display: inline-block;
< }
< .indicatorInHeadline:before,
< .inlineIndicator:before {
< margin-left: -22px;
< margin-right: 3px;
< }
< html[dir="rtl"] .indicatorInHeadline:before,
< html[dir="rtl"] .inlineIndicator:before {
< margin-left: 3px;
< margin-right: -22px;
< }
< #doc-rendering-in-progress.warning,
< #doc-rendering-scheduled.warning,
< #kserrors.warning,
< .deprecated,
< .draft,
< .experimental,
< .experimentalBadge,
< .indicatorInHeadline,
< .inlineIndicator,
< .inlineIndicator.deprecated,
< .inlineIndicator.experimental,
< .inlineIndicator.experimentalBadge,
< .inlineIndicator.nonStandard,
< .inlineIndicator.nonstandardBadge,
< .install,
< .nonStandard,
< .nonstandardBadge,
< .note,
< .obsolete,
< .privilegedBadge,
< .secureContexts,
< .translationInProgress,
< .warning.warning-review,
< .warning:not(.notification) {
< padding-left: 25px;
< }
< html[dir="rtl"] #doc-rendering-in-progress.warning,
< html[dir="rtl"] #doc-rendering-scheduled.warning,
< html[dir="rtl"] #kserrors.warning,
< html[dir="rtl"] .deprecated,
< html[dir="rtl"] .draft,
< html[dir="rtl"] .experimental,
< html[dir="rtl"] .experimentalBadge,
< html[dir="rtl"] .indicatorInHeadline,
< html[dir="rtl"] .inlineIndicator,
< html[dir="rtl"] .install,
< html[dir="rtl"] .nonStandard,
< html[dir="rtl"] .nonstandardBadge,
< html[dir="rtl"] .note,
< html[dir="rtl"] .obsolete,
< html[dir="rtl"] .privilegedBadge,
< html[dir="rtl"] .secureContexts,
< html[dir="rtl"] .translationInProgress,
< html[dir="rtl"] .warning.warning-review,
< html[dir="rtl"] .warning:not(.notification) {
< padding-left: 0.35em;
< padding-right: 25px;
< }
< #doc-rendering-in-progress.warning i[class^="icon-"],
< #doc-rendering-scheduled.warning i[class^="icon-"],
< #kserrors.warning i[class^="icon-"],
< .deprecated i[class^="icon-"],
< .draft i[class^="icon-"],
< .experimental i[class^="icon-"],
< .experimentalBadge i[class^="icon-"],
< .indicatorInHeadline i[class^="icon-"],
< .inlineIndicator i[class^="icon-"],
< .install i[class^="icon-"],
< .nonStandard i[class^="icon-"],
< .nonstandardBadge i[class^="icon-"],
< .note i[class^="icon-"],
< .obsolete i[class^="icon-"],
< .privilegedBadge i[class^="icon-"],
< .secureContexts i[class^="icon-"],
< .translationInProgress i[class^="icon-"],
< .warning.warning-review i[class^="icon-"],
< .warning:not(.notification) i[class^="icon-"] {
< display: none;
< }
< .inlineIndicator.deprecated:before,.inlineIndicator.experimental:before,.inlineIndicator.experimentalBadge:before,.inlineIndicator.nonStandard:before,.inlineIndicator.nonstandardBadge:before,div.index.widgeted li.webcomp::after,html[dir=ltr] .communitymailinglist .external-icon:not([href^='https://mdn.mozillademos.org']):not(.ignore-external):before,html[dir=ltr] .external-icon:not([href^='https://mdn.mozillademos.org']):not(.ignore-external):before,html[dir=rtl] .communitymailinglist .external-icon:not([href^='https://mdn.mozillademos.org']):not(.ignore-external):after,html[dir=rtl] .external-icon:not([href^='https://mdn.mozillademos.org']):not(.ignore-external):after {
< display: inline-block;
< content: "";
< background-repeat: no-repeat;
< }
< #doc-rendering-in-progress.warning,
< #doc-rendering-scheduled.warning,
< #kserrors.warning,
< .noscript,
< .readOnly {
< color: #fff;
< }
< #doc-rendering-in-progress.warning a,
< #doc-rendering-scheduled.warning a,
< #kserrors.warning a,
< .noscript a,
< .readOnly a {
< color: #fff;
< }
< .indicator-info,
< .optional,
< .template-jsOverrides {
< background: #eee;
< border-color: #696969;
< }
< .domLevel,
< .experimental,
< .experimentalBadge,
< .firefoxVersionBadge,
< .geckoMinVer,
< .geckoMinVerMethod,
< .geckoVersionBadge,
< .geckoVersionNote,
< .htmlVer,
< .indicator-version,
< .jsMinVer,
< .jsMinVerHeader,
< .mbMinVer,
< .mobileOnly,
< .notXPCOM,
< .projectSpecific,
< .smMinVerHeader,
< .standardNote,
< .tbMinVer {
< background: #e4f0f5;
< border-color: #3d7e9a;
< }
< .draft,
< .indicator-warning,
< .note,
< .notice,
< .prefixBox,
< .privilegedBadge,
< .renamed,
< .secureContexts,
< .todo,
< .translationInProgress,
< .warning.warning-review {
< background: #fff3d4;
< border-color: #f6b73c;
< }
< .deprecated,
< .deprecatedBadge,
< .indicator-danger,
< .nonStandard,
< .nonstandardBadge,
< .obsolete,
< .obsoleteBadge,
< .unimplemented,
< .unimplementedBadge,
< .warning {
< background: #ffe7e8;
< border-color: #e66465;
< }
< .readable-line-length {
< max-width: 42rem;
< }
< .reviews {
< background: #fff3d4;
< border-color: #f6b73c;
< color: #333;
< }
< article {
< position: relative;
< }
< article a {
< text-decoration: none;
< }
< article a:active,
< article a:focus,
< article a:hover {
< text-decoration: underline;
< }
< article a[name]:active,
< article a[name]:focus,
< article a[name]:hover {
< text-decoration: none;
< }
< article a.new {
< color: #900;
< }
< article .local-anchor .icon,
< article .section-link .icon {
< color: #3d7e9a;
< width: 21px;
< height: 21px;
< pointer-events: none;
< }
< article .local-anchor .icon,
< article .section-link .icon {
< margin-left: 10px;
< }
< html[dir="rtl"] article .local-anchor .icon,
< html[dir="rtl"] article .section-link .icon {
< margin-left: 0;
< margin-right: 10px;
< }
< article .local-anchor span,
< article .section-link span {
< border: 0;
< clip: rect(0 0 0 0);
< height: 1px;
< margin: -1px;
< overflow: hidden;
< padding: 0;
< position: absolute !important;
< width: 1px;
< }
< .document-list {
< list-style-type: disc;
< list-style-position: inside;
< margin-bottom: 20px;
< }
< .document-list li {
< margin-bottom: 7px;
< }
< .document-list li:last-child {
< margin-bottom: 0;
< }
< .external-icon:not([href^='https://mdn.mozillademos.org']):not(.ignore-external) {
< white-space: pre-line;
< }
< html[dir=ltr] .external-icon:not([href^='https://mdn.mozillademos.org']):not(.ignore-external):before,html[dir=rtl] .external-icon:not([href^='https://mdn.mozillademos.org']):not(.ignore-external):after {
< background-image: url("../../general/external-link.fb3c293b9226.svg");
< background-size: 12px;
< width: 12px;
< height: 20px;
< margin-top: 3px;
< margin-right: 3px;
< vertical-align: text-top;
< }
< html[dir=rtl] .external-icon:not([href^='https://mdn.mozillademos.org']):not(.ignore-external):after {
< transform: rotateY(180deg);
< }
< .external-icon:not([href^='https://mdn.mozillademos.org']):not(.ignore-external):focus:after,.external-icon:not([href^='https://mdn.mozillademos.org']):not(.ignore-external):focus:before,.external-icon:not([href^='https://mdn.mozillademos.org']):not(.ignore-external):hover:after,.external-icon:not([href^='https://mdn.mozillademos.org']):not(.ignore-external):hover:before {
< text-decoration: none;
< }
< html[dir=ltr] .communitymailinglist .external-icon:not([href^='https://mdn.mozillademos.org']):not(.ignore-external):before,html[dir=rtl] .communitymailinglist .external-icon:not([href^='https://mdn.mozillademos.org']):not(.ignore-external):after {
< background-image: url(data:image/svg+xml;base64,PHN2ZyBzdHlsZT0iZmlsbDogI2ZmZjsiIGNsYXNzPSJpY29uIGljb24tZXh0ZXJuYWwtbGluayIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgYXJpYS1oaWRkZW49InRydWUiPjxwYXRoIGQ9Ik0yMiAxNC41djVjMCAyLjQ4NC0yLjAxNiA0LjUtNC41IDQuNWgtMTNBNC41MDIgNC41MDIgMCAwIDEgMCAxOS41di0xM0MwIDQuMDE2IDIuMDE2IDIgNC41IDJoMTFjLjI4MSAwIC41LjIxOS41LjV2MWMwIC4yODEtLjIxOS41LS41LjVoLTExQTIuNTA3IDIuNTA3IDAgMCAwIDIgNi41djEzQzIgMjAuODc1IDMuMTI1IDIyIDQuNSAyMmgxM2MxLjM3NSAwIDIuNS0xLjEyNSAyLjUtMi41di01YzAtLjI4MS4yMTktLjUuNS0uNWgxYy4yODEgMCAuNS4yMTkuNS41ek0yOCAxdjhjMCAuNTQ3LS40NTMgMS0xIDFhLjk5Ljk5IDAgMCAxLS43MDMtLjI5N2wtMi43NS0yLjc1TDEzLjM2IDE3LjE0Yy0uMDk0LjA5NC0uMjM0LjE1Ni0uMzU5LjE1NnMtLjI2Ni0uMDYzLS4zNTktLjE1NmwtMS43ODEtMS43ODFjLS4wOTQtLjA5NC0uMTU2LS4yMzQtLjE1Ni0uMzU5cy4wNjMtLjI2Ni4xNTYtLjM1OUwyMS4wNDggNC40NTRsLTIuNzUtMi43NWEuOTk2Ljk5NiAwIDAgMS0uMjk3LS43MDNjMC0uNTQ3LjQ1My0xIDEtMWg4Yy41NDcgMCAxIC40NTMgMSAxeiIvPjwvc3ZnPg==);
< background-size: 12px;
< width: 12px;
< height: 20px;
< margin-top: 5px;
< margin-right: 3px;
< vertical-align: middle;
< }
< #wiki-column-container {
< overflow: auto;
< clear: both;
< }
< .wiki-column {
< padding-bottom: 40px;
< }
< #wiki-left {
< position: relative;
< }
< @media all and (min-width: 47.9385em) {
< .wiki-main-content {
< min-height: 300px;
< }
< .wiki-column {
< min-height: 1px;
< }
< #wiki-column-container.wiki-left-closed #wiki-content {
< width: auto;
< margin: 0;
< float: none;
< float: none;
< width: auto;
< }
< }
< @media print {
< #wiki-left {
< display: none;
< }
< }
< .wiki-block {
< clear: both;
< margin-top: 40px;
< padding-left: 0;
< padding-right: 0;
< }
< .wiki-block:after {
< content: " ";
< clear: both;
< display: table;
< }
< details summary + .wiki-block {
< margin-top: 0;
< }
< #trans-version .wiki-block {
< border: 0;
< padding-top: 0;
< }
< #trans-meta .wiki-block {
< border: 0;
< padding-top: 0;
< }
< #trans-meta .wiki-block:last-child {
< margin-bottom: 40px;
< }
< .quick-links-head {
< font-size: 20px;
< font-size: 1.11111rem;
< font-family: x-locale-heading-primary, zillaslab, Palatino,
< "Palatino Linotype", x-locale-heading-secondary, serif;
< display: inline-block;
< margin-bottom: 20px;
< width: 100%;
< }
< .quick-links {
< margin-bottom: 20px;
< position: relative;
< overflow: hidden;
< font-size: 16px;
< font-size: 0.88889rem;
< }
< .quick-links a,
< .quick-links li > em,
< .quick-links li > s {
< display: inline-block;
< max-width: 100%;
< position: relative;
< overflow: hidden;
< text-overflow: ellipsis;
< hyphens: auto;
< }
< .quick-links a.new {
< color: #900;
< }
< .quick-links li {
< line-height: 1.2;
< padding-bottom: 20px;
< }
< .quick-links li li {
< padding-bottom: 10px;
< }
< .quick-links li li {
< padding-left: 20px;
< }
< html[dir="rtl"] .quick-links li li {
< padding-left: 0;
< padding-right: 20px;
< }
< .quick-links li li:first-child {
< padding-top: 10px;
< }
< .quick-links li li ol {
< padding-bottom: 10px;
< }
< .quick-links .toggle summary {
< color: #333;
< display: inline-block;
< }
< .quick-links .toggle summary i[class^="icon-"] {
< font-size: 18px;
< font-size: 1rem;
< color: #3d7e9a;
< position: absolute;
< top: 1px;
< }
< .quick-links .toggle summary i[class^="icon-"] {
< left: 0;
< }
< html[dir="rtl"] .quick-links .toggle summary i[class^="icon-"] {
< left: auto;
< right: 0;
< }
< .quick-links summary a {
< display: inline;
< }
< .quick-links details {
< margin-bottom: 10px;
< margin-left: 0;
< padding-left: 20px;
< }
< .quick-links details li {
< padding-left: 0;
< }
< .quick-links details li li {
< padding-left: 20px;
< }
< .quick-links details summary:before {
< font-size: 0.6rem;
< }
< .quick-links .sidebar-icon {
< opacity: 0.3;
< }
< .quick-links .sidebar-icon {
< margin-left: 0;
< margin-right: 4px;
< }
< html[dir="rtl"] .quick-links .sidebar-icon {
< margin-left: 4px;
< margin-right: 0;
< }
< .quick-links .sidebar-icon i[class^="icon-"] {
< font-size: 18px;
< font-size: 1rem;
< width: 16px;
< vertical-align: top;
< }
< .quick-links .sidebar-icon:first-child {
< margin-left: -20px;
< margin-right: 4px;
< }
< html[dir="rtl"] .quick-links .sidebar-icon:first-child {
< margin-left: 4px;
< margin-right: -20px;
< }
< .quick-links li.webextension-api-sidebar {
< padding-left: 20px;
< position: relative;
< left: -20px;
< padding-top: 0.5em;
< margin-bottom: 0.5em;
< }
< .quick-links li.webextension-api-sidebar ol {
< padding-bottom: 0;
< }
< .reviews {
< box-sizing: border-box;
< max-width: 42rem;
< overflow: hidden;
< margin-bottom: 20px;
< padding: 10px;
< font-size: 16px;
< font-size: 0.88889rem;
< }
< .reviews {
< border-left-width: 5px;
< border-left-style: solid;
< }
< html[dir="rtl"] .reviews {
< border-left-width: 0;
< border-right-width: 5px;
< border-left-style: none;
< border-right-style: solid;
< }
< .reviews p {
< margin: 0;
< }
< .reviews ul {
< padding-bottom: 6px;
< }
< .reviews li {
< display: grid;
< grid-template-columns: -webkit-min-content 1fr;
< grid-template-columns: min-content 1fr;
< grid-gap: 8px;
< padding-top: 6px;
< }
< .contributors {
< color: #696969;
< font-size: 16px;
< font-size: 0.88889rem;
< }
< .contributors-sub {
< padding: 4px 0;
< }
< @media print {
< .contributors {
< display: none;
< }
< }
< .contributors-sub header {
< display: inline;
< }
< .contributors-sub h4 {
< display: inline-block;
< margin: 5px;
< font-size: 21px;
< font-size: 1.16667rem;
< }
< .contributors-sub ul {
< display: inline;
< margin: 0;
< padding: 0;
< list-style: none;
< }
< .contributors-sub ul li {
< display: inline;
< }
< .toc {
< display: none;
< background-color: #222;
< color: #fff;
< line-height: 1;
< top: 0;
< z-index: 79;
< }
< .toc .no-js .toc {
< display: none;
< }
< .toc.hidden {
< display: none;
< }
< .toc-head {
< display: inline-block;
< font-family: x-locale-heading-primary, zillaslab, Palatino,
< "Palatino Linotype", x-locale-heading-secondary, serif;
< font-size: 22px;
< font-size: 1.22222rem;
< }
< .toc-head {
< padding-right: 20px;
< }
< html[dir="rtl"] .toc-head {
< padding-right: 0;
< padding-left: 20px;
< }
< .toc-links {
< display: inline;
< }
< .toc-links ol {
< display: none;
< }
< .toc-links li {
< display: inline-block;
< word-wrap: nowrap;
< }
< .toc-links a {
< position: relative;
< color: #83d0f2;
< display: inline-block;
< font-size: 18px;
< font-size: 1rem;
< letter-spacing: 0.02em;
< white-space: nowrap;
< text-decoration: none;
< }
< .toc-links a {
< padding: 15px 30px 15px 0;
< }
< html[dir="rtl"] .toc-links a {
< padding: 15px 0 15px 30px;
< }
< .toc-links a:focus,
< .toc-links a:hover {
< color: #fff;
< }
< .toc-links li:last-child a {
< padding: 15px 0 15px 0;
< }
< html[dir="rtl"] .toc-links li:last-child a {
< padding: 15px 0 15px 0;
< }
< @media all and (min-width: 47.9385em) {
< .toc {
< display: block;
< }
< }
< @media all and (min-width: 47.9385em) and (min-height: 42.5em) {
< .toc {
< position: -webkit-sticky;
< position: sticky;
< }
< .toc_tall {
< position: static;
< }
< .toc-links li a:after {
< content: "";
< display: block;
< position: absolute;
< bottom: 0;
< width: calc(100% - 30px);
< height: 0;
< background-color: #83d0f2;
< transition: height 0.1s;
< }
< .toc-links li a:after {
< left: 0;
< }
< html[dir="rtl"] .toc-links li a:after {
< left: 30px;
< right: 0;
< }
< .toc-links li a.toc-current:after {
< height: 3px;
< }
< .toc_tall .toc-links li a.toc-current:after {
< height: 0;
< }
< .toc-links li:last-child a:after {
< width: 100%;
< }
< }
< body .topicpage-table {
< clear: both;
< width: 100%;
< border: none;
< display: block;
< border-collapse: collapse;
< margin-bottom: 20px;
< }
< body .topicpage-table td,
< body .topicpage-table th,
< body .topicpage-table tr {
< border: none;
< display: block;
< padding: 0;
< vertical-align: top;
< }
< .topicpage-table h2 {
< font-family: x-locale-heading-primary, zillaslab, Palatino,
< "Palatino Linotype", x-locale-heading-secondary, serif;
< margin-top: 0;
< }
< .topicpage-table ul {
< padding-left: 20px;
< }
< .topicpage-table small {
< font-size: 16px;
< }
< @media all and (min-width: 63.9385em) {
< body .topicpage-table {
< display: table;
< border-collapse: collapse;
< }
< body .topicpage-table tr {
< display: table-row;
< }
< body .topicpage-table .section,
< body .topicpage-table td,
< body .topicpage-table th {
< display: table-cell;
< width: 50%;
< padding: 0 20px;
< }
< body .topicpage-table .section,
< body .topicpage-table td,
< body .topicpage-table th {
< border-left: solid 6px #eaeff2;
< }
< html[dir="rtl"] body .topicpage-table .section,
< html[dir="rtl"] body .topicpage-table td,
< html[dir="rtl"] body .topicpage-table th {
< border-left: none;
< border-right: solid 6px #eaeff2;
< }
< body .topicpage-table .section:first-child,
< body .topicpage-table td:first-child,
< body .topicpage-table th:first-child {
< border-left: none;
< padding-left: 0;
< }
< html[dir="rtl"] body .topicpage-table .section:first-child,
< html[dir="rtl"] body .topicpage-table td:first-child,
< html[dir="rtl"] body .topicpage-table th:first-child {
< border-left: solid 6px #eaeff2;
< border-right: none;
< padding-left: 20px;
< padding-right: 0;
< }
< body .topicpage-table .section:last-child,
< body .topicpage-table td:last-child,
< body .topicpage-table th:last-child {
< padding-right: 0;
< }
< html[dir="rtl"] body .topicpage-table .section:last-child,
< html[dir="rtl"] body .topicpage-table td:last-child,
< html[dir="rtl"] body .topicpage-table th:last-child {
< padding-right: 20px;
< padding-left: 0;
< }
< }
< #kserrors ul {
< list-style-type: none;
< padding-left: 0 !important;
< }
< .kserrors-details {
< padding: 20px 0;
< }
< @media all and (max-width: 63.9375em) {
< .page-print {
< display: none;
< }
< }
< @media print {
< a.edit-section {
< display: none;
< }
< }
< @media print {
< #offline-dialog-content {
< display: none;
< }
< }
< .intrinsic-wrapper {
< max-width: 640px;
< margin: 0 auto;
< }
< .intrinsic-container {
< position: relative;
< height: 0;
< overflow: hidden;
< padding-bottom: 56.25%;
< }
< .intrinsic-container-4x3 {
< padding-bottom: 75%;
< }
< .intrinsic-container iframe {
< position: absolute;
< top: 0;
< left: 0;
< width: 100%;
< height: 100%;
< }
< .text-content .cssprop,
< .text-content .htmlelt,
< .text-content .learn-box,
< .text-content .properties,
< .text-content .summary-box-events,
< .text-content .summary-box-js {
< box-sizing: border-box;
< max-width: 42rem;
< width: 100%;
< display: table;
< margin: 0 0 20px 0;
< border-style: solid;
< background: #e4f0f5;
< border-collapse: separate;
< border-color: #3d7e9a;
< }
< .text-content .cssprop,
< .text-content .htmlelt,
< .text-content .learn-box,
< .text-content .properties,
< .text-content .summary-box-events,
< .text-content .summary-box-js {
< clear: left;
< }
< html[dir="rtl"] .text-content .cssprop,
< html[dir="rtl"] .text-content .htmlelt,
< html[dir="rtl"] .text-content .learn-box,
< html[dir="rtl"] .text-content .properties,
< html[dir="rtl"] .text-content .summary-box-events,
< html[dir="rtl"] .text-content .summary-box-js {
< clear: right;
< }
< .text-content .cssprop,
< .text-content .htmlelt,
< .text-content .learn-box,
< .text-content .properties,
< .text-content .summary-box-events,
< .text-content .summary-box-js {
< padding: 12px 32px 12px 12px;
< border-width: 0 0 0 5px;
< }
< html[dir="rtl"] .text-content .cssprop,
< html[dir="rtl"] .text-content .htmlelt,
< html[dir="rtl"] .text-content .learn-box,
< html[dir="rtl"] .text-content .properties,
< html[dir="rtl"] .text-content .summary-box-events,
< html[dir="rtl"] .text-content .summary-box-js {
< padding: 12px 12px 12px 32px;
< border-width: 0 5px 0 0;
< }
< @media all and (max-width: 29.9375em) {
< .text-content .cssprop,
< .text-content .htmlelt,
< .text-content .learn-box,
< .text-content .properties,
< .text-content .summary-box-events,
< .text-content .summary-box-js {
< padding: 8px;
< }
< html[dir="rtl"] .text-content .cssprop,
< html[dir="rtl"] .text-content .htmlelt,
< html[dir="rtl"] .text-content .learn-box,
< html[dir="rtl"] .text-content .properties,
< html[dir="rtl"] .text-content .summary-box-events,
< html[dir="rtl"] .text-content .summary-box-js {
< padding: 8px;
< }
< }
< .cssprop li,
< .htmlelt li,
< .learn-box li,
< .properties li,
< .summary-box-events li,
< .summary-box-js li {
< display: table-row;
< margin: 0;
< }
< .cssprop li dfn,
< .htmlelt li dfn,
< .learn-box li dfn,
< .properties li dfn,
< .summary-box-events li dfn,
< .summary-box-js li dfn {
< display: table-cell;
< width: 30%;
< border-bottom: none;
< font-weight: 700;
< white-space: pre;
< cursor: inherit;
< }
< .cssprop li dfn,
< .htmlelt li dfn,
< .learn-box li dfn,
< .properties li dfn,
< .summary-box-events li dfn,
< .summary-box-js li dfn {
< padding: 8px 16px 8px 8px;
< }
< html[dir="rtl"] .cssprop li dfn,
< html[dir="rtl"] .htmlelt li dfn,
< html[dir="rtl"] .learn-box li dfn,
< html[dir="rtl"] .properties li dfn,
< html[dir="rtl"] .summary-box-events li dfn,
< html[dir="rtl"] .summary-box-js li dfn {
< padding: 8px 8px 8px 16px;
< }
< .cssprop li li,
< .htmlelt li li,
< .learn-box li li,
< .properties li li,
< .summary-box-events li li,
< .summary-box-js li li {
< display: list-item;
< list-style-type: disc;
< line-height: 1;
< }
< .cssprop th,
< .htmlelt th,
< .learn-box th,
< .properties th,
< .summary-box-events th,
< .summary-box-js th {
< min-width: 150px;
< font-weight: 700;
< }
< .cssprop td,
< .cssprop th,
< .htmlelt td,
< .htmlelt th,
< .learn-box td,
< .learn-box th,
< .properties td,
< .properties th,
< .summary-box-events td,
< .summary-box-events th,
< .summary-box-js td,
< .summary-box-js th {
< border-width: 0;
< vertical-align: top;
< }
< .cssprop td li,
< .cssprop th li,
< .htmlelt td li,
< .htmlelt th li,
< .learn-box td li,
< .learn-box th li,
< .properties td li,
< .properties th li,
< .summary-box-events td li,
< .summary-box-events th li,
< .summary-box-js td li,
< .summary-box-js th li {
< display: list-item;
< list-style-type: disc;
< line-height: 1;
< }
< .text-content .learn-box {
< border-color: #f69d3c;
< background-color: #ffe8d4;
< }
< @media all and (max-width: 29.9375em) {
< .learn-box td,
< .learn-box th,
< .properties td,
< .properties th {
< display: block;
< }
< .learn-box th,
< .properties th {
< padding-bottom: 0;
< }
< .learn-box td,
< .properties td {
< padding-top: 0;
< padding-left: 40px;
< }
< }
< .spec-ED {
< color: #e61919;
< }
< .spec-Draft,
< .spec-WD {
< color: #e66e33;
< }
< .spec-CR,
< .spec-RC {
< color: #00978e;
< }
< .spec-PR {
< color: #72ac35;
< }
< .spec-REC,
< .spec-RFC {
< color: #309c40;
< hyphens: auto;
< }
< .spec-Living,
< .spec-Standard {
< color: #00539f;
< }
< .spec-CR:before,
< .spec-Draft:before,
< .spec-ED:before,
< .spec-Living:before,
< .spec-PR:before,
< .spec-RC:before,
< .spec-REC:before,
< .spec-RFC:before,
< .spec-Standard:before,
< .spec-WD:before {
< font-weight: 700;
< direction: ltr;
< }
< .spec-CR:before,
< .spec-Draft:before,
< .spec-ED:before,
< .spec-Living:before,
< .spec-PR:before,
< .spec-RC:before,
< .spec-REC:before,
< .spec-RFC:before,
< .spec-Standard:before,
< .spec-WD:before {
< margin: 0.2em 0.6em 0 0;
< }
< html[dir="rtl"] .spec-CR:before,
< html[dir="rtl"] .spec-Draft:before,
< html[dir="rtl"] .spec-ED:before,
< html[dir="rtl"] .spec-Living:before,
< html[dir="rtl"] .spec-PR:before,
< html[dir="rtl"] .spec-RC:before,
< html[dir="rtl"] .spec-REC:before,
< html[dir="rtl"] .spec-RFC:before,
< html[dir="rtl"] .spec-Standard:before,
< html[dir="rtl"] .spec-WD:before {
< margin: 0.2em 0.6em 0;
< }
< .spec-ED:before {
< content: "ED";
< background: #f4c1c2;
< }
< .spec-WD:before {
< content: "WD";
< background: #f4d7c9;
< }
< .spec-CR:before,
< .spec-RC:before {
< content: "CR";
< background: #bae1e0;
< }
< .spec-RC:before {
< content: "RC";
< }
< .spec-PR:before {
< content: "PR";
< background: #d7e6c9;
< }
< .spec-REC:before {
< content: "REC";
< background: #c6e2cc;
< }
< .spec-Living:before {
< content: "LS";
< background: #bad0e4;
< }
< .spec-RFC:before {
< content: "RFC";
< background: #bad0e4;
< }
< .spec-Standard:before {
< content: "ST";
< background: #bad0e4;
< }
< .spec-Draft:before {
< content: "D";
< background: #f4d7c9;
< }
< .blockIndicator code,
< .geckoVersionNote code,
< .inheritsbox code,
< .note code,
< .notice code,
< .overheadIndicator code,
< .standardNoteBlock code,
< .warning code {
< font-size: 18px;
< font-size: 1rem;
< }
< .blockIndicator + .blockIndicator,
< .blockIndicator + .note,
< .blockIndicator + .notice,
< .blockIndicator + .overheadIndicator,
< .blockIndicator + .properties,
< .blockIndicator + .warning,
< .blockIndicator + p:empty + .blockIndicator,
< .blockIndicator + p:empty + .note,
< .blockIndicator + p:empty + .notice,
< .blockIndicator + p:empty + .overheadIndicator,
< .blockIndicator + p:empty + .properties,
< .blockIndicator + p:empty + .warning,
< .note + .blockIndicator,
< .note + .note,
< .note + .notice,
< .note + .overheadIndicator,
< .note + .properties,
< .note + .warning,
< .note + p:empty + .blockIndicator,
< .note + p:empty + .note,
< .note + p:empty + .notice,
< .note + p:empty + .overheadIndicator,
< .note + p:empty + .properties,
< .note + p:empty + .warning,
< .notice + .blockIndicator,
< .notice + .note,
< .notice + .notice,
< .notice + .overheadIndicator,
< .notice + .properties,
< .notice + .warning,
< .notice + p:empty + .blockIndicator,
< .notice + p:empty + .note,
< .notice + p:empty + .notice,
< .notice + p:empty + .overheadIndicator,
< .notice + p:empty + .properties,
< .notice + p:empty + .warning,
< .overheadIndicator + .blockIndicator,
< .overheadIndicator + .note,
< .overheadIndicator + .notice,
< .overheadIndicator + .overheadIndicator,
< .overheadIndicator + .properties,
< .overheadIndicator + .warning,
< .overheadIndicator + p:empty + .blockIndicator,
< .overheadIndicator + p:empty + .note,
< .overheadIndicator + p:empty + .notice,
< .overheadIndicator + p:empty + .overheadIndicator,
< .overheadIndicator + p:empty + .properties,
< .overheadIndicator + p:empty + .warning,
< .properties + .blockIndicator,
< .properties + .note,
< .properties + .notice,
< .properties + .overheadIndicator,
< .properties + .properties,
< .properties + .warning,
< .properties + p:empty + .blockIndicator,
< .properties + p:empty + .note,
< .properties + p:empty + .notice,
< .properties + p:empty + .overheadIndicator,
< .properties + p:empty + .properties,
< .properties + p:empty + .warning,
< .warning + .blockIndicator,
< .warning + .note,
< .warning + .notice,
< .warning + .overheadIndicator,
< .warning + .properties,
< .warning + .warning,
< .warning + p:empty + .blockIndicator,
< .warning + p:empty + .note,
< .warning + p:empty + .notice,
< .warning + p:empty + .overheadIndicator,
< .warning + p:empty + .properties,
< .warning + p:empty + .warning,
< pre + .blockIndicator,
< pre + .note,
< pre + .notice,
< pre + .overheadIndicator,
< pre + .properties,
< pre + .warning,
< pre + p:empty + .blockIndicator,
< pre + p:empty + .note,
< pre + p:empty + .notice,
< pre + p:empty + .overheadIndicator,
< pre + p:empty + .properties,
< pre + p:empty + .warning {
< margin-top: -15px;
< }
< .blockIndicator + p:empty + pre,
< .blockIndicator + pre,
< .note + p:empty + pre,
< .note + pre,
< .notice + p:empty + pre,
< .notice + pre,
< .overheadIndicator + p:empty + pre,
< .overheadIndicator + pre,
< .properties + p:empty + pre,
< .properties + pre,
< .warning + p:empty + pre,
< .warning + pre,
< pre + p:empty + pre,
< pre + pre {
< margin-top: -15px !important;
< }
< .warning pre:last-child {
< padding-bottom: 15px;
< }
< .geckoVersionNote > p:first-child:empty {
< display: none;
< }
< .indicatorInHeadline[title],
< .inlineIndicator[title] {
< cursor: help;
< }
< .headingWithIndicator {
< position: relative;
< clear: both;
< }
< .headingWithIndicator:after {
< content: " ";
< clear: both;
< display: table;
< }
< .headingWithIndicator h2 {
< position: relative;
< margin-top: 103px;
< }
< .headingWithIndicator h2:before {
< border-top: 3px solid #3d7e9a;
< content: "";
< display: block;
< position: absolute;
< top: -50px;
< width: 100%;
< }
< .headingWithIndicator h2:before {
< left: 0;
< }
< html[dir="rtl"] .headingWithIndicator h2:before {
< left: auto;
< right: 0;
< }
< .headingWithIndicator h2 + .indicatorInHeadline {
< position: absolute;
< top: 6px;
< }
< .headingWithIndicator h2 + .indicatorInHeadline {
< right: 0;
< }
< html[dir="rtl"] .headingWithIndicator h2 + .indicatorInHeadline {
< right: auto;
< left: 0;
< }
< .headingWithIndicator h3,
< .headingWithIndicator h4,
< .headingWithIndicator h5,
< .headingWithIndicator h6 {
< float: left;
< }
< html[dir="rtl"] .headingWithIndicator h3,
< html[dir="rtl"] .headingWithIndicator h4,
< html[dir="rtl"] .headingWithIndicator h5,
< html[dir="rtl"] .headingWithIndicator h6 {
< float: right;
< }
< .indicatorInHeadline {
< float: right;
< }
< html[dir="rtl"] .indicatorInHeadline {
< float: left;
< }
< #kserrors.warning:before {
< content: "";
< background-image: url(data:image/svg+xml;base64,PHN2ZyBzdHlsZT0iZmlsbDogI2ZmZjsiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI4Ij48cGF0aCBkPSJNMTcuNzE5IDE5LjIwM2EuOTkzLjk5MyAwIDAgMS0uNjQxIDEuMjUgMS4wMDcgMS4wMDcgMCAwIDEtMS4yNjYtLjY1NkMxNS4yOTYgMTguMTI1IDEzLjc0OSAxNyAxMS45OTkgMTdzLTMuMjk3IDEuMTI1LTMuODEzIDIuNzk3Yy0uMTcyLjUzMS0uNzM0LjgyOC0xLjI1LjY1Ni0uNTMxLS4xNzItLjgyOC0uNzE5LS42NTYtMS4yNUM3LjA2MSAxNi42ODcgOS4zNTggMTUgMTEuOTk5IDE1czQuOTM3IDEuNjg3IDUuNzE5IDQuMjAzek0xMCAxMGMwIDEuMTA5LS44OTEgMi0yIDJzLTItLjg5MS0yLTIgLjg5MS0yIDItMiAyIC44OTEgMiAyem04IDBjMCAxLjEwOS0uODkxIDItMiAycy0yLS44OTEtMi0yIC44OTEtMiAyLTIgMiAuODkxIDIgMnptNCA0YzAtNS41MTYtNC40ODQtMTAtMTAtMTBTMiA4LjQ4NCAyIDE0czQuNDg0IDEwIDEwIDEwIDEwLTQuNDg0IDEwLTEwem0yIDBjMCA2LjYyNS01LjM3NSAxMi0xMiAxMlMwIDIwLjYyNSAwIDE0IDUuMzc1IDIgMTIgMnMxMiA1LjM3NSAxMiAxMnoiLz48L3N2Zz4=);
< background-repeat: no-repeat;
< background-size: 16px;
< margin-top: 5px;
< margin-left: -20px;
< width: 16px;
< height: 20px;
< }
< #doc-rendering-in-progress.warning:before,
< #doc-rendering-scheduled.warning:before {
< content: "";
< background-image: url(data:image/svg+xml;base64,PHN2ZyBzdHlsZT0iZmlsbDogI2ZmZjsiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI4IiB2aWV3Qm94PSIwIDAgMjQgMjgiPjxwYXRoIGQ9Ik0xNCA4LjV2N2MwIC4yODEtLjIxOS41LS41LjVoLTVhLjQ5NC40OTQgMCAwIDEtLjUtLjV2LTFjMC0uMjgxLjIxOS0uNS41LS41SDEyVjguNWMwLS4yODEuMjE5LS41LjUtLjVoMWMuMjgxIDAgLjUuMjE5LjUuNXptNi41IDUuNWMwLTQuNjg4LTMuODEzLTguNS04LjUtOC41UzMuNSA5LjMxMyAzLjUgMTRzMy44MTMgOC41IDguNSA4LjUgOC41LTMuODEzIDguNS04LjV6bTMuNSAwYzAgNi42MjUtNS4zNzUgMTItMTIgMTJTMCAyMC42MjUgMCAxNCA1LjM3NSAyIDEyIDJzMTIgNS4zNzUgMTIgMTJ6Ii8+PC9zdmc+);
< background-repeat: no-repeat;
< background-size: 16px;
< margin-top: 5px;
< margin-left: -20px;
< width: 16px;
< height: 20px;
< }
< .experimental:before,
< .experimentalBadge:before {
< content: "";
< background-image: url("../../general/flask.6c6c1a459b56.svg");
< background-repeat: no-repeat;
< background-size: 16px;
< margin-top: 5px;
< margin-left: -20px;
< width: 16px;
< height: 20px;
< }
< .inlineIndicator.experimental:before,
< .inlineIndicator.experimentalBadge:before {
< background-image: url("../../general/flask.6c6c1a459b56.svg");
< background-size: 16px;
< margin: 0 5px 0 -20px;
< width: 16px;
< height: 20px;
< vertical-align: middle;
< }
< .warning:not(.notification):before {
< content: "";
< background-image: url("../../notifications/exclamation-circle.6890adcd878f.svg");
< background-repeat: no-repeat;
< background-size: 16px;
< margin-top: 5px;
< margin-left: -20px;
< width: 16px;
< height: 20px;
< }
< .deprecated:before {
< content: "";
< background-image: url("../../emojis/thumbs-down.63ec272cd3f4.svg");
< background-repeat: no-repeat;
< background-size: 16px;
< margin-top: 5px;
< margin-left: -20px;
< width: 16px;
< height: 20px;
< }
< .inlineIndicator.deprecated:before {
< background-image: url("../../emojis/thumbs-down.63ec272cd3f4.svg");
< background-size: 16px;
< margin: 0 5px 0 -20px;
< width: 16px;
< height: 20px;
< vertical-align: middle;
< }
< .draft:before,
< .translationInProgress:before,
< .warning.warning-review:before {
< content: "";
< background-image: url("../../tools/pencil.0ca34437c911.svg");
< background-repeat: no-repeat;
< background-size: 16px;
< margin-top: 5px;
< margin-left: -20px;
< width: 16px;
< height: 20px;
< }
< .note:before {
< content: "";
< background-image: url("../../file-icons/file.7ac510b78865.svg");
< background-repeat: no-repeat;
< background-size: 16px;
< margin-top: 5px;
< margin-left: -20px;
< width: 16px;
< height: 20px;
< }
< .note:before {
< -webkit-transform: scaleY(-1) scaleX(1);
< -ms-transform: scaleY(-1) scaleX(1);
< transform: scaleY(-1) scaleX(1);
< }
< .obsolete:before {
< content: "";
< background-image: url("../../general/trash.79fdf785540e.svg");
< background-repeat: no-repeat;
< background-size: 16px;
< margin-top: 5px;
< margin-left: -20px;
< width: 16px;
< height: 20px;
< }
< .nonStandard:before,
< .nonstandardBadge:before {
< content: "";
< background-image: url("../../notifications/exclamation-triangle.6d44000df248.svg");
< background-repeat: no-repeat;
< background-size: 16px;
< margin-top: 5px;
< margin-left: -20px;
< width: 16px;
< height: 20px;
< }
< .inlineIndicator.nonStandard:before,
< .inlineIndicator.nonstandardBadge:before {
< background-image: url("../../notifications/exclamation-triangle.6d44000df248.svg");
< background-size: 16px;
< margin: 0 5px 0 -20px;
< width: 16px;
< height: 20px;
< vertical-align: middle;
< }
< .install:before,
< .privilegedBadge:before {
< content: "";
< background-image: url("../../general/shield.355055509d30.svg");
< background-repeat: no-repeat;
< background-size: 16px;
< margin-top: 5px;
< margin-left: -20px;
< width: 16px;
< height: 20px;
< }
< .secureContexts:before {
< content: "";
< background-image: url("../../general/lock.141264cae240.svg");
< background-repeat: no-repeat;
< background-size: 16px;
< margin-top: 5px;
< margin-left: -20px;
< width: 16px;
< height: 20px;
< }
< .inlineIndicator.secureContexts:before {
< background-size: 12px;
< margin-top: 0;
< width: 12px;
< height: 16px;
< }
< #doc-rendering-in-progress.warning,
< #doc-rendering-scheduled.warning,
< #kserrors.warning {
< border-color: #b65456;
< background-color: #b65456;
< }
< .inheritsbox {
< border-color: #3d7e9a;
< background: #e4f0f5;
< }
< .noscript {
< border-color: #f20000;
< background: red;
< }
< .readOnly {
< border-color: #4b4b4b;
< background: #595959;
< }
< .geckoVersionHeading {
< margin: -10px -10px 4px;
< padding: 6px 8px;
< background: -theme-pale-medium(#3d7e9a);
< }
< .geckoVersionHeading > div {
< font-family: Helvetica, arial, sans-serif;
< }
< a.glossaryLink:not(.new):active,
< a.glossaryLink:not(.new):focus,
< a.glossaryLink:not(.new):hover,
< a.glossaryLink:not(.new):link,
< a.glossaryLink:not(.new):visited {
< color: inherit;
< text-decoration: none;
< border-bottom: 1px dashed #aaa;
< cursor: help;
< }
< .communitybox {
< box-sizing: border-box;
< max-width: 42rem;
< padding: 13px;
< background-color: #e4f0f5;
< font-size: 18px;
< font-size: 1rem;
< }
< .communitybox {
< border: 0;
< }
< html[dir="rtl"] .communitybox {
< border: 0;
< }
< .communitybox strong {
< font-size: 19px;
< font-size: 1.05556rem;
< }
< .communitybox ul {
< padding: 0;
< margin-bottom: 0;
< list-style-type: none;
< }
< .communitybox h2 {
< margin: 0;
< }
< .communitybox h3 {
< font-style: normal;
< }
< .communitysubhead {
< font-size: 19px;
< font-size: 1.05556rem;
< font-weight: 700;
< }
< .column-half .communitysubhead {
< margin-top: 13px;
< margin-bottom: 6px;
< }
< ul.communitymailinglist {
< margin: 13px 0 -6px 0;
< }
< .communitymailinglist li {
< display: inline-block;
< margin: 0 0 6px;
< }
< .communitymailinglist a {
< background: #3d7e9a;
< display: inline-block;
< color: #fff;
< padding: 3px 6px;
< border-radius: 3px;
< }
< .communitymailinglist a {
< margin-right: 3px;
< }
< html[dir="rtl"] .communitymailinglist a {
< margin-right: 0;
< margin-left: 3px;
< }
< .communitycontact {
< margin-top: 13px;
< }
< .communitycontact a {
< border-bottom-width: 1px;
< border-bottom-style: solid;
< border-bottom-color: #a9bec8;
< border-bottom-color: rgba(255, 255, 255, 0.6);
< }
< .communitycontact a:focus,
< .communitycontact a:hover {
< text-decoration: none;
< border-bottom-color: #eaeff1;
< border-bottom-color: rgba(255, 255, 255, 0.9);
< }
< .mega {
< margin-bottom: 20px;
< border-radius: 6px;
< padding: 20px 40px;
< font-size: 28px;
< font-size: 1.55556rem;
< line-height: 1.5;
< text-align: center;
< text-transform: none;
< }
< .mega div {
< font-size: 16px;
< font-size: 0.88889rem;
< }
< .interactive {
< box-sizing: border-box;
< background-color: #f5f9fa;
< color: #333;
< padding: 10px;
< border: 1px solid #eaf2f4;
< height: 550px;
< width: 100%;
< }
< .interactive.interactive-js {
< height: 490px;
< }
< .interactive.taller {
< height: 692px;
< }
< .interactive.shorter {
< height: 410px;
< }
< .interactive.tabbed {
< height: 430px;
< }
< .no-js .interactive {
< background-color: #f8f8f8;
< height: 240px;
< }
< .interactive-editor-survey {
< margin: 0 auto 20px;
< max-width: 600px;
< text-align: center;
< }
< .interactive.tabbed-shorter {
< height: 375px;
< }
< .interactive.tabbed-standard {
< height: 445px;
< }
< .interactive.tabbed-taller {
< height: 655px;
< }
< @media all and (min-width: 63.9385em) {
< .interactive {
< height: 390px;
< }
< }
< #edit-document #article-head {
< position: relative;
< }
< .crumbs {
< border: 1px solid #d7d7d7;
< border-width: 1px 0;
< margin: 20px 0;
< padding: 20px 0;
< font-size: 16px;
< font-size: 0.88889rem;
< }
< @media all and (min-width: 47.9385em) {
< .crumbs {
< border-top-width: 0;
< margin-top: 0;
< padding-bottom: 10px;
< padding-top: 0;
< }
< }
< @media all and (min-width: 63.9385em) {
< .crumbs {
< padding-bottom: 15px;
< }
< }
< .crumbs li {
< display: inline;
< }
< .crumbs a {
< text-decoration: none;
< }
< .crumbs a:focus span,
< .crumbs a:hover span {
< text-decoration: underline;
< }
< .crumbs span {
< display: inline-block;
< position: relative;
< border-top: 15px solid transparent;
< border-bottom: 15px solid transparent;
< line-height: 1.5;
< hyphens: auto;
< }
< .crumbs span {
< padding-right: 5px;
< }
< html[dir="rtl"] .crumbs span {
< padding-right: 0;
< padding-left: 5px;
< }
< @media all and (min-width: 47.9385em) {
< .crumbs span {
< border-top: none;
< border-bottom: 10px solid transparent;
< }
< }
< @media all and (min-width: 63.9385em) {
< .crumbs span {
< border-bottom: 5px solid transparent;
< }
< }
< .crumbs span:after {
< margin: 10px 5px 5px;
< vertical-align: bottom;
< display: inline-block;
< content: "";
< background-image: url("../../arrows/chevron-right.a102b6151ae9.svg");
< right: auto;
< left: auto;
< background-size: 8px;
< background-repeat: no-repeat;
< width: 8px;
< height: 10px;
< height: 11px;
< }
< html[dir="rtl"] .crumbs span:after {
< background-image: url("../../arrows/chevron-left.06601ce6a2a4.svg");
< right: auto;
< left: auto;
< }
< .crumbs li:last-child span:after {
< display: none;
< }
< @media print {
< .crumbs {
< display: none;
< }
< }
< #page-buttons,
< .page-buttons {
< padding: 5px 0;
< width: auto;
< }
< #page-buttons,
< .page-buttons {
< float: right;
< }
< html[dir="rtl"] #page-buttons,
< html[dir="rtl"] .page-buttons {
< float: left;
< }
< #page-buttons > li,
< .page-buttons > li {
< margin-left: 10px;
< display: inline-block;
< position: relative;
< }
< #page-buttons > li,
< .page-buttons > li {
< text-align: left;
< }
< html[dir="rtl"] #page-buttons > li,
< html[dir="rtl"] .page-buttons > li {
< text-align: right;
< }
< @media all and (max-width: 47.9375em) {
< .page-buttons > li.page-buttons-advanced,
< .page-buttons > li.page-buttons-edit {
< display: none;
< }
< }
< @media print {
< .page-buttons {
< display: none;
< }
< }
< .move-page #page-buttons {
< right: auto;
< top: auto;
< text-align: left;
< float: none;
< margin: 20px 0;
< position: relative;
< }
< #translate-document header .page-buttons {
< clear: both;
< margin-bottom: 0;
< }
< #edit-document .page-buttons,
< #new-document .page-buttons,
< #translate-document .page-buttons {
< z-index: 1;
< }
< #edit-document .page-buttons,
< #new-document .page-buttons,
< #translate-document .page-buttons,
< .move-page .page-buttons {
< float: none;
< padding: 0;
< margin-bottom: -10px;
< }
< #edit-document .page-buttons,
< #new-document .page-buttons,
< #translate-document .page-buttons,
< .move-page .page-buttons {
< text-align: right;
< }
< html[dir="rtl"] #edit-document .page-buttons,
< html[dir="rtl"] #new-document .page-buttons,
< html[dir="rtl"] #translate-document .page-buttons,
< html[dir="rtl"] .move-page .page-buttons {
< text-align: left;
< }
< #edit-document .page-buttons li,
< #new-document .page-buttons li,
< #translate-document .page-buttons li,
< .move-page .page-buttons li {
< margin-bottom: 10px;
< }
< .alllinks {
< display: block;
< text-align: right;
< }
< div.bug {
< font-style: italic;
< overflow: hidden;
< }
< div.bug > :last-child {
< margin-bottom: 0;
< }
< div.bug > :last-child {
< padding-bottom: 0;
< }
< div.bug pre {
< color: #333;
< }
< .callout-box {
< width: 31.33333%;
< min-width: 200px;
< box-sizing: border-box;
< background: #eee;
< border: 1px solid #f1f1f1;
< padding: 20px;
< position: relative;
< text-align: center;
< min-width: 200px;
< z-index: 2;
< }
< .callout-box {
< float: right;
< margin: 0 0 10px 20px;
< }
< html[dir="rtl"] .callout-box {
< float: left;
< margin: 0 20px 10px 0;
< }
< .callout-box h3:first-child,
< .callout-box h4:first-child {
< margin-top: 0;
< }
< @media all and (max-width: 29.9375em) {
< .callout-box {
< width: 100%;
< }
< .callout-box {
< margin: 0;
< }
< html[dir="rtl"] .callout-box {
< margin: 0;
< }
< }
< .callout-box {
< margin-bottom: 20px;
< }
< html[dir="rtl"] .callout-box {
< margin-bottom: 20px;
< }
< @media all and (max-width: 29.9375em) {
< .callout-box {
< margin-bottom: 20px;
< }
< html[dir="rtl"] .callout-box {
< margin-bottom: 20px;
< }
< }
< h2 > .collapse-trigger {
< font-size: 22px;
< font-size: 1.22222rem;
< background-color: inherit;
< border: inherit;
< color: inherit;
< display: inline-block;
< font-family: inherit;
< font-weight: 400;
< letter-spacing: inherit;
< line-height: inherit;
< margin: 0;
< padding: 0;
< position: relative;
< text-decoration: inherit;
< text-align: left;
< }
< h2 > .collapse-trigger:before {
< margin-right: 10px;
< display: inline-block;
< content: "";
< background-image: url("../../arrows/chevron-right.a102b6151ae9.svg");
< right: auto;
< left: auto;
< background-size: 8px;
< background-repeat: no-repeat;
< width: 8px;
< height: 20px;
< background-position: 0 8px;
< cursor: pointer;
< }
< html[dir="rtl"] h2 > .collapse-trigger:before {
< background-image: url("../../arrows/chevron-left.06601ce6a2a4.svg");
< right: auto;
< left: auto;
< }
< h2 > .collapse-trigger[aria-expanded="true"]:before {
< background-position: 0;
< transform: rotate(90deg);
< vertical-align: text-top;
< }
< html[dir="rtl"] h2 > .collapse-trigger:before {
< background-position: 5px 10px;
< padding-left: 10px;
< }
< html[dir="rtl"] h2 > .collapse-trigger[aria-expanded="true"]:before {
< transform: rotate(-90deg);
< vertical-align: top;
< }
< .collapsible > :first-child {
< margin-top: 0;
< }
< .collapsible[aria-hidden="true"] {
< display: none;
< }
< .text-content .card-grid {
< box-sizing: border-box;
< width: 100%;
< max-width: 100%;
< margin: 0 0 20px;
< list-style-type: none;
< }
< .text-content .card-grid dl,
< .text-content .card-grid p,
< .text-content .card-grid ul {
< max-width: 100%;
< }
< .text-content .card-grid {
< padding: 0;
< }
< html[dir="rtl"] .text-content .card-grid {
< padding: 0;
< }
< .text-content .card-grid > li {
< padding: 10px;
< background-color: #eee;
< }
< .text-content .card-grid > li > a:first-child,
< .text-content .card-grid > li > span:first-child {
< display: block;
< margin-bottom: 12px;
< font-size: 26px;
< font-size: 1.44444rem;
< line-height: 1;
< font-family: x-locale-heading-primary, zillaslab, Palatino,
< "Palatino Linotype", x-locale-heading-secondary, serif;
< }
< @media all and (min-width: 47.9385em) {
< .text-content .card-grid {
< display: flex;
< justify-content: center;
< flex-wrap: wrap;
< margin: 0 0 10px;
< }
< .text-content .card-grid > li {
< flex: 1;
< margin: 0 10px 10px;
< }
< .text-content .card-grid > li:first-child {
< margin-left: 0;
< }
< .text-content .card-grid > li:last-child {
< margin-right: 0;
< }
< }
< .multiColumnList {
< -moz-column-width: 250px;
< -webkit-column-width: 250px;
< -ms-column-width: 250px;
< column-width: 250px;
< }
< .wideColumnBox {
< -moz-column-width: 375px;
< -webkit-column-width: 375px;
< -ms-column-width: 375px;
< column-width: 375px;
< }
< .multiColumnList li,
< .wideColumnBoxList li {
< list-style-type: none;
< page-break-inside: avoid;
< }
< .twocolumns {
< -moz-column-count: 2;
< -webkit-column-count: 2;
< column-count: 2;
< -moz-column-gap: 20px;
< -webkit-column-gap: 20px;
< column-gap: 20px;
< }
< body[contenteditable] .twocolumns {
< border: 2px dotted #adf;
< column-rule: 2px dotted #adf;
< }
< .threecolumns {
< -moz-column-count: 3;
< -webkit-column-count: 3;
< column-count: 3;
< -moz-column-gap: 20px;
< -webkit-column-gap: 20px;
< column-gap: 20px;
< }
< body[contenteditable] .threecolumns {
< border: 2px dotted #adf;
< column-rule: 2px dotted #adf;
< }
< @media all and (max-width: 29.9375em) {
< .threecolumns,
< .twocolumns {
< -moz-column-count: 1;
< -webkit-column-count: 1;
< column-count: 1;
< }
< }
< ul.directory-tree {
< padding-left: 0;
< }
< html[dir="rtl"] ul.directory-tree {
< padding-left: 0;
< padding-right: 0;
< }
< ul.directory-tree,
< ul.directory-tree ul {
< list-style: none;
< }
< ul.directory-tree,
< ul.directory-tree ul {
< margin-left: 0;
< }
< html[dir="rtl"] ul.directory-tree,
< html[dir="rtl"] ul.directory-tree ul {
< margin-left: 0;
< margin-right: 0;
< }
< ul.directory-tree ul {
< padding-left: 28px;
< }
< html[dir="rtl"] ul.directory-tree ul {
< padding-left: 0;
< padding-right: 28px;
< }
< ul.directory-tree ul li {
< position: relative;
< }
< ul.directory-tree ul li:after,
< ul.directory-tree ul li:before {
< content: "";
< position: absolute;
< display: block;
< }
< ul.directory-tree ul li:after,
< ul.directory-tree ul li:before {
< left: -15px;
< }
< html[dir="rtl"] ul.directory-tree ul li:after,
< html[dir="rtl"] ul.directory-tree ul li:before {
< left: auto;
< right: -15px;
< }
< ul.directory-tree ul li:before {
< top: 0;
< height: 0.75em;
< width: 10px;
< border-bottom: 1px solid #696969;
< }
< ul.directory-tree ul li:before {
< border-left: 1px solid #696969;
< }
< html[dir="rtl"] ul.directory-tree ul li:before {
< border-left: none;
< border-right: 1px solid #696969;
< }
< ul.directory-tree ul li:after {
< bottom: -7px;
< height: 100%;
< }
< ul.directory-tree ul li:after {
< border-left: 1px solid #696969;
< }
< html[dir="rtl"] ul.directory-tree ul li:after {
< border-left: none;
< border-right: 1px solid #696969;
< }
< ul.directory-tree ul li:last-child:after {
< display: none;
< }
< .fancyTOC {
< counter-reset: fancytoc;
< -moz-columns: 18em;
< -webkit-columns: 18em;
< columns: 18em;
< column-gap: 20px;
< margin-bottom: 20px;
< }
< .fancyTOC .button {
< display: block;
< margin-bottom: 20px;
< -webkit-column-break-inside: avoid;
< page-break-inside: avoid;
< break-inside: avoid;
< break-inside: avoid-column;
< }
< .fancyTOC a::before {
< counter-increment: fancytoc;
< content: counter(fancytoc) ". ";
< }
< .fancyTOC a::after {
< content: " \00bb";
< speak: none;
< }
< p.footnote {
< font-size: 16px;
< font-size: 0.88889rem;
< font-style: italic;
< color: #696969;
< }
< .horizFlexboxContainer {
< max-width: 620px;
< margin: 0 auto 20px auto;
< padding: 6px 8px;
< background-color: #eee;
< }
< .smallTextMultiColumnBoxHeading {
< border-bottom: 2px solid #fff;
< font-size: 24px;
< font-size: 1.33333rem;
< font-weight: 700;
< text-align: center;
< }
< table.html5ArticleToc {
< width: 100%;
< border: 0;
< }
< .html5ArticleToc td {
< padding-top: 12px;
< vertical-align: top;
< }
< .html5ArticleToc ul {
< -moz-column-width: 100px;
< -webkit-column-width: 100px;
< -ms-column-width: 100px;
< column-width: 100px;
< margin-bottom: 0;
< list-style-type: none;
< }
< .html5ArticleToc ul {
< padding-left: 0;
< }
< html[dir="rtl"] .html5ArticleToc ul {
< padding-left: 0;
< padding-right: 0;
< }
< .html5ArticleToc li {
< font-size: 16px;
< font-size: 0.88889rem;
< }
< .landingPageBox {
< width: 100%;
< padding: 0;
< border-bottom: 3px solid #3d7e9a;
< margin-bottom: 20px;
< }
< .landingPageBox ul {
< padding-left: 44px;
< }
< dd.landingPageList,
< dt.landingPageList {
< page-break-after: avoid;
< }
< .moreinfo {
< box-sizing: border-box;
< max-width: 42rem;
< position: relative;
< padding: 10px 20px 20px 30px;
< margin-bottom: 20px;
< background: #eee;
< }
< .moreinfo h3:first-child,
< .moreinfo h4:first-child {
< margin-top: 0;
< }
< .moreinfo dl {
< margin-bottom: 0;
< }
< .moreinfo dd {
< margin-bottom: 10px;
< }
< .moreinfo dd:last-child {
< margin-bottom: 0;
< }
< .moreinfo:after {
< border-top: 20px solid transparent;
< border-bottom: 20px solid transparent;
< border-left: 15px solid #fff;
< content: "";
< display: block;
< left: 0;
< position: absolute;
< top: 5px;
< }
< .licenseblock,
< .originaldocinfo {
< font-size: 16px;
< font-size: 0.88889rem;
< position: relative;
< margin-top: 103px;
< background: #eee;
< border: 2px solid #696969;
< padding: 20px 20px 0;
< }
< .licenseblock:before,
< .originaldocinfo:before {
< border-top: 3px solid #3d7e9a;
< content: "";
< display: block;
< position: absolute;
< top: -50px;
< width: 100%;
< }
< .licenseblock:before,
< .originaldocinfo:before {
< left: 0;
< }
< html[dir="rtl"] .licenseblock:before,
< html[dir="rtl"] .originaldocinfo:before {
< left: auto;
< right: 0;
< }
< .originaldocinfo h2 {
< font-size: 18px;
< font-size: 1rem;
< margin-top: 0;
< }
< .pull-aside {
< width: 31.33333%;
< min-width: 200px;
< }
< .pull-aside {
< float: right;
< margin: 0 0 10px 20px;
< }
< html[dir="rtl"] .pull-aside {
< float: left;
< margin: 0 20px 10px 0;
< }
< .pull-aside h3:first-child,
< .pull-aside h4:first-child {
< margin-top: 0;
< }
< @media all and (max-width: 29.9375em) {
< .pull-aside {
< width: 100%;
< }
< .pull-aside {
< margin: 0;
< }
< html[dir="rtl"] .pull-aside {
< margin: 0;
< }
< }
< .prevnext {
< box-sizing: border-box;
< max-width: 42rem;
< }
< .footnote {
< vertical-align: super;
< font-size: 60%;
< }
< s.deprecatedElement,
< s.nonStdElement,
< s.obsoleteElement {
< text-decoration: none;
< opacity: 0.3;
< }
< s.deprecatedElement:focus,
< s.deprecatedElement:hover,
< s.nonStdElement:focus,
< s.nonStdElement:hover,
< s.obsoleteElement:focus,
< s.obsoleteElement:hover {
< opacity: 1;
< }
< div.index.widgeted {
< -moz-columns: 10em;
< -webkit-columns: 10em;
< columns: 10em;
< }
< div.index.widgeted li {
< padding-left: 18px;
< }
< div.index.widgeted li.html5 {
< background-image: url(https://developer.mozilla.org/files/3855/HTML5_Badge_16.png);
< background-repeat: no-repeat;
< background-position: left 4px;
< }
< [dir="rtl"] div.index.widgeted li {
< padding-right: 18px;
< }
< [dir="rtl"] div.index.widgeted li.html5 {
< background-image: url(https://developer.mozilla.org/files/3855/HTML5_Badge_16.png);
< background-repeat: no-repeat;
< background-position: right 4px;
< }
< [dir="rtl"] div.index.widgeted span {
< padding-right: 24px;
< }
< div.index.widgeted li.webcomp::after {
< background-image: url("../../general/cogs.b0c3ac3f2387.svg");
< background-size: 16px;
< width: 16px;
< height: 20px;
< }
< .cleared {
< clear: both;
< }
< .clearLeft {
< clear: left;
< }
< #wikiArticle .breadcrumbs {
< display: block;
< margin-bottom: 1em;
< }
< div.index {
< -moz-columns: 18em;
< -webkit-columns: 18em;
< columns: 18em;
< margin-bottom: 20px;
< }
< div.index > span {
< font-family: serif;
< font-size: 1.6em;
< }
< div.index ol,
< div.index ul {
< margin-left: 0;
< padding-left: 0;
< list-style-type: none;
< }
< .indexListRow {
< display: -webkit-flex;
< display: -moz-flex;
< display: -ms-flex;
< display: flex;
< -webkit-flex-direction: row;
< flex-direction: row;
< -webkit-flex-wrap: wrap;
< flex-wrap: wrap;
< -webkit-justify-content: flex-start;
< justify-content: flex-start;
< -webkit-align-content: stretch;
< align-content: stretch;
< -webkit-align-items: flex-start;
< align-items: flex-start;
< }
< .indexListTerm {
< -webkit-order: 0;
< order: 0;
< -webkit-flex: 0 1 auto;
< flex: 0 1 auto;
< -webkit-align-self: flex-start;
< align-self: flex-start;
< }
< .indexListBadges {
< -webkit-order: 0;
< order: 0;
< -webkit-flex: 0 1 auto;
< flex: 0 1 auto;
< -webkit-align-self: flex-end;
< align-self: flex-end;
< padding-left: 6px;
< margin-right: 6px;
< }
< table.compat-table {
< border-color: #fff;
< border-color: transparent;
< border-collapse: collapse;
< margin: 0;
< }
< table.compat-table td {
< padding: 5px;
< border-width: 1px;
< border-style: solid;
< border-color: #f4f7f8;
< border-color: rgba(212, 221, 228, 0.25);
< font-size: 12px;
< background: #fff;
< vertical-align: top;
< word-wrap: break-word;
< }
< table.compat-table td.header,
< table.compat-table th {
< border: none;
< background: 0 0;
< padding: 2px 4px 8px;
< font-size: 16px;
< font-size: 0.88889rem;
< line-height: 1;
< font-family: x-locale-heading-primary, zillaslab, Palatino,
< "Palatino Linotype", x-locale-heading-secondary, serif;
< }
< div.action-driven {
< display: inline-block;
< float: none;
< min-height: 8.5em;
< margin: 0.8em;
< box-shadow: 0.2em 0.1em 0.1em grey;
< vertical-align: top;
< }
< div.action-driven > div {
< font-size: 20px;
< font-size: 1.11111rem;
< text-transform: uppercase;
< font-family: x-locale-heading-primary, zillaslab, Palatino,
< "Palatino Linotype", x-locale-heading-secondary, serif;
< }
< dl {
< margin-bottom: 20px;
< }
< .deprecatedMethod,
< .noscriptMethod,
< .renamedMethod,
< .unimplementedMethod {
< font-weight: 700;
< }
< .previousPage {
< margin-bottom: 20px;
< }
< .previousPage {
< float: left;
< margin-right: 20px;
< }
< html[dir="rtl"] .previousPage {
< float: right;
< margin-right: 0;
< margin-left: 20px;
< }
< .nextPage {
< margin-top: 20px;
< }
< .nextPage {
< float: right;
< margin-left: 20px;
< }
< html[dir="rtl"] .nextPage {
< float: left;
< margin-left: 0;
< margin-right: 20px;
< }
< a.liveSample {
< display: inline-block;
< margin: 0 3px 1em;
< font-size: 1.25em;
< color: #fff;
< }
< a.liveSample:link,
< a.liveSample:visited {
< background-color: #069;
< }
< a.liveSample:focus,
< a.liveSample:hover {
< background-color: #0099e6;
< }
< [dir="rtl"] a.liveSample {
< background-position: left 40% !important;
< padding: 0.35em 0.75em 0.2em !important;
< }
< .standardSidebar {
< background: #eee;
< padding: 20px 15px;
< padding: 5px 15px;
< background: #eee;
< font-size: 0.85em;
< position: relative;
< z-index: 2;
< }
< .standardSidebar {
< margin: 0 0 15px 15px;
< float: right;
< }
< html[dir="rtl"] .standardSidebar {
< margin: 0 15px 15px 0;
< float: left;
< }
< @media all and (max-width: 29.9375em) {
< html .standardSidebar {
< float: none;
< margin: 0 0 15px 0;
< }
< }
< .correct {
< color: green;
< }
< .incorrect {
< color: red;
< }
< .best {
< color: #396;
< }
< .done {
< text-decoration: line-through;
< }
< .tuto_details,
< .tuto_example {
< border: 1px solid #36b;
< padding: 0.5em;
< margin-bottom: 1em;
< }
< .tuto_details {
< background: #f4f4f4;
< }
< .tuto_example {
< background: #fffff4;
< }
< .tuto_type {
< font-weight: 700;
< text-align: left;
< }
< a.tutospecial:link,
< a.tutospecial:visited {
< padding: 1px 10px;
< color: #fff;
< background: #555;
< border-radius: 3px;
< border: 1px outset #333;
< border: 1px outset rgba(50, 50, 50, 0.5);
< font-family: georgia, serif;
< font-size: 14px;
< font-style: italic;
< text-decoration: none;
< }
< a.tutospecial:active,
< a.tutospecial:focus,
< a.tutospecial:hover {
< background-color: #666;
< }
< #tutochallenge {
< display: none;
< }
< #tutochallenge a.hideAnswer {
< font-size: 12px;
< text-align: right;
< display: block;
< }
< #tutochallenge:target {
< display: block;
< }
< #tutochallenge + a {
< font-size: 12px;
< text-align: right;
< display: block;
< }
< #tutochallenge:target + a {
< display: none;
< }
< table.fxosScreenGrid,
< table.fxosScreenGrid tr {
< border: none;
< }
< table.fxosScreenGrid td,
< table.fxosScreenGrid th {
< border: none;
< width: 340px;
< vertical-align: top;
< }
< div.fxosLiveSampleWrapper {
< width: 328px;
< padding: 6px 4px;
< text-align: center;
< border: 1px solid #b8b2a4;
< background-color: #f3ecdd;
< }
< .rightButtonBox {
< float: right;
< width: 250px;
< position: relative;
< z-index: 2;
< }
< [dir="rtl"] .rightButtonBox {
< margin: 0 15px 15px 0;
< float: left;
< }
< .bug-resolved {
< text-decoration: line-through;
< }
< .templateLink {
< border: 1px solid #ccc;
< padding: 1px;
< }
< #wikiArticle i.icon-beaker,
< #wikiArticle i.icon-stethoscope,
< #wikiArticle i.icon-thumbs-down-alt,
< #wikiArticle i.icon-trash,
< #wikiArticle i.icon-warning-sign {
< cursor: default;
< }
< #wikiArticle i.icon-stethoscope {
< color: #483d8b;
< }
< .htab {
< margin: 0 auto 1em;
< }
< .htab > ul {
< width: 150px;
< text-align: left;
< display: inline;
< padding: 0;
< margin: 0 auto;
< position: relative;
< top: 0;
< }
< .htab > ul > li {
< background-color: #f1f6f8 !important;
< border: 1px solid transparent;
< border-top-width: 2px;
< border-radius: 0;
< color: #4d4e53;
< display: inline;
< height: 32px;
< list-style-type: none;
< margin: auto;
< opacity: 0.75;
< position: relative;
< padding: 5px 6px 3px 6px;
< text-align: left;
< font-family: x-locale-heading-primary, zillaslab, Palatino,
< "Palatino Linotype", x-locale-heading-secondary, serif;
< font-size: 14px;
< font-size: 0.77778rem;
< }
< .htab > ul > li.selected {
< background-color: #eaeff2 !important;
< border-top-color: #f4f7f8;
< border-top-color: rgba(212, 221, 228, 0.25);
< font-weight: 700;
< opacity: 1 !important;
< padding-top: 4px;
< position: relative;
< z-index: 10;
< }
< .htab > ul > li.selected a {
< color: #000;
< }
< .htab > div {
< background-color: #eaeff2;
< margin-top: 0;
< border: none;
< padding: 12px;
< position: relative;
< z-index: 9;
< word-wrap: break-word;
< }
< .htab > ul,
< .htab > ul > li,
< .htab > ul > li > a {
< cursor: pointer;
< }
< .htab > ul > li > a {
< padding: 2px 18px 4px;
< text-decoration: none;
< }
< .htab > ul > li > a:focus,
< .htab > ul > li > a:hover {
< text-decoration: underline;
< }
< a.download-button {
< margin-bottom: 20px;
< padding: 10px;
< text-align: center;
< display: inline-block;
< border: 2px solid;
< white-space: nowrap;
< color: #4d9f0c;
< background-color: #fff;
< }
< li.download-box {
< position: relative;
< text-align: center;
< }
< li.download-box img {
< float: none;
< }
< li.download-box p {
< padding-bottom: 3em;
< }
< .download-box .download-button {
< position: absolute;
< bottom: 0;
< left: 50%;
< -webkit-transform: translate(-50%, 0);
< -ms-transform: translate(-50%, 0);
< transform: translate(-50%, 0);
< }
< @media all and (max-width: 47.9375em) {
< .download-desc > span:first-child {
< font-weight: 700;
< display: block;
< }
< }
< span.comment {
< display: none;
< }
< pre span.comment {
< display: inline;
< }
< dd > dl.reference-values {
< padding-left: 40px;
< }
< li.webextension-api-sidebar {
< background-color: #eee;
< }
< .sample-code-frame {
< border: 1px solid #3d7e9a;
< max-width: calc(100% - 40px - 6px);
< padding: 20px;
< width: calc(100% - 40px - 6px);
< }
< .sample-code-frame {
< border-width: 1px 1px 1px 5px;
< }
< html[dir="rtl"] .sample-code-frame {
< border-width: 1px 5px 1px 1px;
< }
< .sample-code-table .sample-code-frame {
< border: 0;
< max-width: 100%;
< padding: 0;
< width: auto;
< }
< .sample-code-table .sample-code-frame {
< border-width: 0;
< }
< html[dir="rtl"] .sample-code-table .sample-code-frame {
< border-width: 0;
< }
< .open-in-host-container {
< text-align: right;
< }
< html[dir="rtl"] .open-in-host-container {
< text-align: left;
< }
< .open-in-host {
< width: 100%;
< margin-bottom: 10px;
< }
< @media all and (min-width: 29.9385em) {
< .open-in-host {
< margin-bottom: 20px;
< width: auto;
< }
< .open-in-host {
< margin-right: 20px;
< }
< html[dir="rtl"] .open-in-host {
< margin-right: 0;
< margin-left: 20px;
< }
< .open-in-host:last-child {
< margin-right: 0;
< }
< html[dir="rtl"] .open-in-host:last-child {
< margin-right: 0;
< margin-left: 0;
< }
< }
< @media print {
< .open-in-host-container {
< display: none;
< }
< }
< .section-edit {
< font-size: 16px;
< font-size: 0.88889rem;
< opacity: 0;
< }
< .section-edit {
< float: right;
< margin-left: 20px;
< }
< html[dir="rtl"] .section-edit {
< float: left;
< margin-left: 0;
< margin-right: 20px;
< }
< @media all and (max-width: 47.9375em) {
< .section-edit {
< display: none;
< }
< }
< .section-edit:focus,
< h2:hover .section-edit {
< opacity: 1;
< }
< .parent-suggest-container {
< position: relative;
< }
< .parent-suggest-container.show .parent-suggest-link {
< display: none;
< }
< .parent-suggest-container.show #parent-suggest-input-container {
< display: block;
< opacity: 1;
< top: -22px;
< left: 0;
< -moz-transition: opacity, top 0.4s;
< -webkit-transition: opacity, top 0.4s;
< transition: opacity, top 0.4s;
< }
< #parent-suggest-input-container {
< background: #eaeff2;
< background: -webkit-linear-gradient(top, #eaeff2, #d4dde4);
< background: -moz-linear-gradient(top, #eaeff2, #d4dde4);
< background: -ms-linear-gradient(top, #eaeff2, #d4dde4);
< background: linear-gradient(top, #eaeff2, #d4dde4);
< padding: 10px;
< border: 1px solid #d4dde4;
< box-shadow: 0 5px 10px #ccc;
< position: absolute;
< margin-left: 20px;
< opacity: 0;
< top: -10px;
< left: -90000px;
< }
< #parent-suggest-input-container:after,
< #parent-suggest-input-container:before {
< content: " ";
< height: 0;
< position: absolute;
< width: 0;
< border: 7px solid transparent;
< }
< #parent-suggest-input-container:before {
< border-right: 7px solid #dfe6eb;
< border-left: 0;
< left: -7px;
< top: 20px;
< }
< #parent-suggest-input-container:after {
< border-right: 6px solid #dfe6eb;
< border-left: 0;
< left: -6px;
< top: 21px;
< }
< .parent-suggest-link {
< display: inline-block;
< margin-left: 40px;
< color: #3d7e9a;
< text-transform: none;
< }
< .parent-suggest-link:hover {
< text-decoration: underline;
< }
< #parent-suggestion {
< width: 300px;
< }
< .move-descendants {
< border: 1px solid #dfe6eb;
< padding: 10px 10px 0 10px;
< background: #eaeff2;
< resize: vertical;
< margin-bottom: 20px;
< }
< .move-descendants a {
< display: inline-block;
< margin: 0 0 10px 0;
< }
< #doc-source textarea {
< height: 400px;
< width: 100%;
< }
< .delete-document textarea {
< width: 500px;
< max-width: 100%;
< margin-bottom: 20px;
< }
< .delete-document label {
< display: block;
< }
< #delete-revision label {
< display: block;
< font-size: 16px;
< margin: 15px 0 0;
< }
< #delete-revision textarea {
< height: 80px;
< margin-bottom: 20px;
< width: 90%;
< }
< .wiki-promo-sauce-labs {
< background-color: #ebebeb;
< background-repeat: no-repeat;
< }
< .wiki-promo-sauce-labs .wiki-promo-copy strong {
< font-size: 16px;
< font-size: 0.88889rem;
< }
< .wiki-promo-sauce-labs .wiki-promo-link {
< display: inline-block;
< }
< .wiki-promo-sauce-labs .wiki-promo-link:active,
< .wiki-promo-sauce-labs .wiki-promo-link:focus,
< .wiki-promo-sauce-labs .wiki-promo-link:hover {
< text-decoration: none;
< }
< .wiki-promo-sauce-labs .wiki-promo-link span,
< .wiki-promo-sauce-labs .wiki-promo-link:after {
< background: #82d1f6;
< color: #fff;
< display: inline-block;
< height: 38px;
< line-height: 38px;
< overflow: hidden;
< }
< .wiki-promo-sauce-labs .wiki-promo-link span {
< padding: 0 25px;
< }
< #wiki-promo-sauce-labs-a {
< clear: both;
< background-image: url("data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAAUsAAABjCAMAAAAl4dJDAAADAFBMVEVMaXEjHx8jICAkHyIkHyEjICAzMzMjICAlHyIjHyAjICAjHyAjICAjHyA/Hz8jIiMkICEsISEkHyA4ODglHyIjICAjHyD///8jHyAkHyAmISFtbW0jHyAjHyIjHyAjHyEkHyEsIyMjHyAjICAjHyAjHyAjHyAjHyAzMzMmJSYkHyAjHyI/Pz8jHyAjHh8jIyMjHyAkISEjHyEjHyAsLCwlICAkICAjIyMkHyAjHyAqKiokHiIjHyElHyAkICIjHyAnIiIjHyAjHyAjICAjISEjHyAjHyEjHyEjHyAjHyAmJiYjHyAnIiIkHyEnJycoHyMtKS0jHyAkIyQjHyAjHyEkHyIkHyIjHyAjHyAjHyAjHyEqHyomHyIjHyAjICAjISEnJyciHyAqIiIjHyAjHyAkHyQjICAkIyMjHyAkICAlICAkICAkHyAjHyAjHyEjIyMlHyIkISEjHyAjHyAkJCQjHyAqKiojHyAjHyAkHyEkHyEkICAoISEkHyEjHiEmIiIjHyAjICAmJiYjICAkICAjHyEjHyAjICAlISGD0vUlIiIlJSUjHyAkHyEkICAjHyAjICAjHyAkISGC0/UjHyAjHyEmIiIkHyEvNjwlIiIkHyAqLjEjHyAkICAjICAjHyAjICAoKS0jIiOC0vQjHyBCWWdytNEjICEtMTYpLTA3RU222Aa32QYjIiOC0vWI1PaL5/+C0fWE0fWD0fWE1PmC0fWG1PiC0vaM2f8jHyAtMTQrKR9IYnG22AZDRhosKx4sKh+32Aa53AqnxQgxMR622Ab//1W22QeE0/c2Q0qC0fUoKSwlJCZciJ1rp8IjHyCC0fW22AZUeItAVWFsqMR7xOVJZnZci6Blm7RilKtqpcC11wZWfpJystBndBMvLx6z1AYxMR03Nxx7jRBBRRpTeIqw0Ac8PhxZZBeJng59kRCszAiBz/N1hhI8TllQcoRSWRc5PByUrgxfkKc2QkyguwpsexNibRVbZhZHTRpTXBeBlg+duQqnxQk3RU16weJT62YRAAAAz3RSTlMA6ZZpuEcFtUr2Vuj3+gg6YxeTCVin/gH0xTUCv0DkkFoOy6bWqvmHCv7NUAT1/DLEVZJ/Cy5uI5T9En6KX0HMHdrCXWvioXOt7RPxLDcZHxCwKdx5SGHw6uaCGCfUTWQN7BXenTCeG71TPWaN4ZgrUkvvpQfgBsmymqh+JXjvO9K+IVd17bvnRJszIthwhMiO80VS3bk8auFDm9K8xrfQtuD+4HvFSPb+/ezocuPNHgv9amsw9ieEFPvn/szvx++hxzPPdp8D10en7PW/kPGhnhjmAAAQi0lEQVR42u3ceVzTeX7H8TegYBAERRMlGAmGhJFwDJfAIhIQQW5QFuSWgAyHjhwyHFLxqFovxI5jtY6609ltt7u9292l9323b5ztubOdndmd3e7R7X3fv18Qf6D58eUnCR7j8w+NefgHj5f5fZL8fr+P8L7ycizVMa7EC5I9G6EqJ3bzIMTG+vyxsKRNHR/tlkbfDNL0BhayPgdA1G5g1xos4BVux/PuRmTkpDUy0n2vOgavuMiaMqjy3zJZD+QwFqjcdvIj3jKCLtFww17MbBjvchRqyhItDQDSNoYBA8N9q+DeFb2e1OsdeL4122xBwTZbpNtSPACgmbuhJktfDUluISSZDhPcS87Pt/Jsfi6effucsiiD1nk5GMd2YISXocY4ar0EtGasB5DgjKh//o/x1+lyXGtLJLH4YCKDFqpwzqcB3VYzgCibEc9zyyJbORBO08mTJ9O5DhjYVe3m7ecqVKwpJFnThIWUZWJFACQlWMi+/rV4prWOc+rg9iRuAZDAs5mX9tPaCy3O+62vgICxrRrPvdZG7p+ingyBxCE/yqe1Cc++nHVO6/7+9mVN2dh64WZwbZYBkt4ovtZr6GFw7FPSI2tFfxMey8piyuJ3YZkYxqWUAMoGcF85JFkMLsVTIMTVwxeP4dgkC1MHL0ifWlfBvdh1ihB4wG624VFd7DPjybM7OdQ0pmMTtNvKfshO0wL3sqhohgdsjw8ux4w15RXKh5NRuJO+wit64d5xvm4HxtiPh2ymLBbqjBv1HTMPzrIBboWHKo7BE3bzJmRd14JJx6XBBV+W2+gVfnCvidcAxPI25lg7APhSthWwl8G9ep7FjNusxvKoaOMIJGN6Th0tJhMrAPTyUIlKy10rPS5AteVJ6krgP8Ssuc8dMu1KqWUqyjlp7nauroJbKYzzh0sUj2MZxOy4G0yWAljP+GQzjKuO8i4Ag4O0JG931zIBHuer2hL91J1xsiYHD1zIJ7mRFgAT0u+kWsw7jISsJEMXg2WwmZy6FgrAbmI3fhtARy1XAjg/XEsefPItY/pJOkPmpUx8eRv7QgEE1rJx/Qq1mDvY1wVgu4NbsDwt7xTdf2D59V+795nPAmP3E9rrnoaWQHlTiB2KXEalACFhkA28YcCaCI7DHcMG6iN8h6zclrJMLSPg4sdf/aV7ks8ihG/C5ePqLZOD1UwFL1KxSkuRZjYaMM8EC+CWMTmOZEZbC7Rpy1uzpJbN/OV7st9BF3OFLeu4ZEGP2dL/KDsBmEfv1I5frgBwlbUpUGGOvX6qHlrZ2Jf06uO0dLRDVspfeV9u+RnY6AtZke9CLZP93erYy4ABfzHzY7esyqUNKHdQlt8AjDEq1bNXVMMpScwL09ySdLwNwHCR/yq3/K2SjSwFkH1migu1HIV7x2p5GGJrHrNlZCOZkQNDFHdmt3Yl0mJHkZW82Lz0q4AKQz4jism+pBJoYdzsu5qsAnAunt/873d/4zf7ZgruZHDAjgo84gDvbNq0KZ+HNs0jPzljPJ6OTQtKVm0pHlVbuedmNrCShz71Mz+LMAsDgeO+PgzwZEsk0RYTOkHyzR0x2nIeZDokkVZST3JkAEApD2TCHR2XbINqS/Go6mckJJf5yenpn/ppnOY6SHoZoPmKqmDyAUhNryFr0ougQSWzINs+nJ9RsyIWslS9rl6l5dshjxrigdiQxUlWaykeVUrLHn55enr6536ymW1Ky6VeUVUYa1kCSUwlucWAxWtnXCvuM2BWIa+otAzEo+xn2GjGoqxfoKV4VG3l0GYjEMq/nZb8RCELAMPxEQZ44oqqYpjJkFzSS79rUen2a0ECdfXClgqzhdfsS24pHlW+JC8aUdHHr//N9I8XUFcGRJHs9+i8RDXHAdRRnwYtDBE0HQOQg1lrBwH7CItTVVueLKzcjpThW5uB3hNJA5CUr+bw0luKR1Xq5QOsBgIz+CM/+mPUhwIhLM46D8+2HKzhdkMS9T3QJkWO2XWGO5uNkJT2W6XTMNEsLoVqyyHyNkZJH8NAHLkLsnAdTy+uZURTU9MRWt23FI+qE9wHYOVFks5YANe5DdrcuAqRfu7bzWDquqBNzAkGUXYOgMFESRBrwqHe8i55BnXkHkNYEHkJLkf0+s5FtYynbMptS/GoKmVxBWRVV0tcrWN8uBKedoTxnMw+zOIEaBN2i3tG1/ryJoAuHs2J3cm+81igZcOZV6pQseG1auDlqIMxmHGautLFtMwfGhoKYLBKS9GoCmAh5jvIRJWLOIo0aBMTxz3hMG5gbYPGOxzDuluAKu7Jzs4eoQ3AqgQs0FLNYfqcXOK8FI+qj2fwdExBYnMKgLC83H0t3XrOK5VFNyKgUeH+VwH4BzA/53HuMhmnSzsWomPzWjUdJ+g4tlagm9EqLUWjSonZR3IFgBGSNVJKtYs4ilXQ6MYFyMJymfU4LUNPyEYgaLlkESothaNKiTmRFjxVhJQ4fUEEmQYvMu8zeu0ORx37VqurPbBa5Hv4ysItxaMqcCVwlxH9Z7gJ2JyHJyPZZLLyrCkXYtrn5ZK+92gdVTsoS8MyEBzjT19LraOqJVKW+aKlSkvxqFp+ojscn8qWz6gXLV+09AZDjMT4tLUsyvZL7rlSl1ad8yy17FyejwP26N2LbpmaNa7nLOdwtuGZaHl6hz2a1iAmGjrrDPCmcxxZXEtDbBTJuMS25GJm+d7aI+f0G3j6W9aRr+v0HSk6vYUc9mpMXwYuquX5KDIjv2sQwFnWA8b2LXryUOzT3rKOUw4yEYgmD+m8FLPIlcGwPygFOJIpaGm0ZdBUMMl2zLYEkpl7h4w2L0vLequ1AI+hncwzrt8RBvh3NvtfJVfB884f2gJJCCsBJDnPL9iyIpfxthT0BJTMabnDkm28Xsy9DcvR0o88hscRxUsAQt5OvgHgFJ12eFy3dX8pJD3cASDkbFDoAi3LGmeWnQ2A0nLGhZ2sDV+Glmc4DhUt60M7oMZYx4vw30rJihRE0HcQHrbmICPWQuacyoSkPpc3B9RaZloY9CoUJQl2PHBsI/uqtLf0z1TEQJ0RLhXBTFb+NE+DibTGwr1dPmQPbNyYlLWHu1FA9o3Cs5LpWANZO8/AJWwvR1Va2nMZxPEYuFXk5B7mt2pu2UnFTagqWA+XPDIVQHiSPx52i1FD7FsDt7by9bpW/0n+0ec/12DNKDLva2QEPMtcyMQySOroB1nHJka3qLS00ZRqSYaK9InWRN42aG1ZbVJkQUVLNPPgUsm9kFtyUxkeomMRHGxf4A6Qcv7B9PTvf2EnQ5TbJz3pUvDqEAAWfT0kb/hY09TmZbh+6jhSoCoGZbXs9sa8rLIwrhSylCC6guf4cPVmzOdgXZ41o1XtdTnSDnPGW/83Pf2pPdyOqsNeaInS/HSggYmQ+R4Kh0pL4zba4EZKQYFdOWD3FHm+5cuTdJTcf0jORO14k1OnMU8kJelwr41kHob4v1/64z/kNtwgeVu4RKRdUSewjwUzMdQ/X3byUAweYb/uQ4Zi1jXaPN3S3kNWmjFjA00GuPgncWYaKaorr103wj1DVyFzkZNPyYESjPDWVbuGJSItS4BRLBed29jGMTyi00HJESjBi80ebhlKBuC+gUmuw6wrZJamHbHDQFHWtjvpOcAobwEaloi0LAFWn4Og5XkyPgtzGTaPTpD/8Pe0GHFfm55s9nDL+lwyfRAuvWQ27jsdT0uVlt1FdqHCCImhCMfIEAiWiJawBChoeYUXraGYI/MMyQ++9v5XGYlZ++IiGOHhljDa9JzogOwga40PPoBwawoWr2UTj/ZsdHYDgRarbyMtrYIlIi+ev7QwpHUN5rjGD9772jfufXvOyxLmipbgqRaPv4839bG2Xa56gG1wKXPQ6gdAW0xJXIzRRFJKKVoi8l7Lek7aMdcb/Mr/SMsD91+Wik2s9nhLlEcxFEA22QuX43Seh0YtiZXnJ3itks6S/vFW4RKR91qu5AnMM8b37km+xYtGzNXDMc+3xGC63DKdkwP3W1ZWQDMDkEaJDTCIl4i81zKNvpjn7ZmW3+ZuzNPNg15oCaQABhO3YkaYAQs6EjirHXNlRko6NCwReaPlZe7DPOf4wXekQ/xDXsc81bz9GC0LX5OMYmGlZCcWZyNnbfH2EpH2lkncNiLJmTtSvvrdr31Ik/JWkzMiucVEjS0NQBVl8nu0Aeo6srPXeK6leInIWy196ZKKB8q2UZI/55lUukxoa1mwN9Rex5HS0ou8WpFsyoaAZ1qKl4i81zKL/ackZijsgb7D3TFQmE9JLvMVTS0LSDp9eA5IpqWYjMterpbiJSLPOsobcDnNK1iUPG7Q0rKA+h4L6TQCVTryzAbGbYYW4VQhaLnEJSLxmXz1XfxODkFxZNc83VAk87KGluupD4XxVKAdEvOuEBjaGHfMiy2XukQkPpMvbrmd+6FI5Dw6KAIYqKFlQ4a14+GVhvxBbS2jlnCMa1oiEp/Jr3jZrZXzW6KWDYY5LQvTHzg8t6V/DXM0tMSGmUl/oa5y5JIZgOEOr8OrLT21RKScyRceJJaHWu5mtOWc0vI4HohRWqYe7mYjtLTMow8APysltV1AA/UnvdlyaUtEojP54eyLfsS1R1o2kewXtbxJMnnxLYtGG8keIJb85rf+6z9YI2V8jRkRfkbvtxQvEQkoZ/IFP8yrj7Q0mmizKy3v7n6gX2nZ0KbPyFl8y17ywHAHcJHflb6OvvufbANKK4NI81JblqSmhjIqVVIm+D9KBEtEqpQz+dpb4jQnxO89vlI6LS0j7ABO8ivv3pP8C02QmCdpFix8CVti7oVGweK/YIlITHvLlNXMw33VO+Z58Hxq/FSVppYBMz/Bh/dk79MKWQ3NgpvutbUULP4Lloi80RJ5PJDjv6CUO7wCTS3HGwCs5S98Q275j3QAMLwR5J2WyuK/d5aIxC1Dwh64TaG9RWHz5QVvlX6tCJ4MUwwrLcnxY0AE/106yL/zIS8DsSaSZsHCl+aW4sV/8RLR0lt6w2xL+8q2PvYA7T/Mv37v3z6gwwxM0JmVIFj4+tznP/kDs36eB4QtxYv/4iWipbd8U6fipZdeeotvvaSOep267jkzwAHguJOS3A6gnuwQLil9//QXqYgTtRQv/ostvaW675ue/nP+2bSqP+X3YjFyOQbJYO9YQQhkAbQtquWX/2TGO+KWgsV/77RUzu8X0CSf3/d6y2wGmR9+ZjJTtPAlt/yL6Rl/KW4pWPz3bEvBdwYvttyso6+h3tY5c54o7VJYywSdZRDQ2FKw+P+8tMQ5HRODSFMKULqRXD1OZzk83lK8+C9Wsk6R91S2xFUd9UMmngLWMSqKckrPtxQv/os1UbH7Sbesj1Uk4IFzG0qQxjfT0lYzAdWV5fBCS/Hiv1hOqKLribUU/8OWZVDigMzzLQWL/8/ivEzoV/hhvn1JkkAvtRQv/j/9Lb1B+Xz5pRlfV2/ZqNy74Wbx/0VLDd97BNfPXrR0+cLv/t4PzvoEi1e5NfYEWp6j6WPzWDmrcpVbndJf+sV33vki//kdVX/HuI+5pK3yrjSKVa5SVwoP8uNHWgQ8qNfnEZ/+9EtUbAx4yAkfDRwBT8oUZzkD1NngXT805zzMP/ETeIot/Z4ir7dUPr/91YuWL1q+aPmi5bPc8v8BWRaKbCNsackAAAAASUVORK5CYII=");
< min-height: 106px;
< }
< #wiki-promo-sauce-labs-a:after {
< content: " ";
< clear: both;
< display: table;
< }
< #wiki-promo-sauce-labs-a {
< background-position: bottom 20px right 20px;
< padding: 20px 350px 20px 25px;
< }
< html[dir="rtl"] #wiki-promo-sauce-labs-a {
< background-position: bottom 20px left 20px;
< background-position: bottom 20px right 20px;
< padding: 20px 25px 20px 350px;
< padding: 20px 350px 20px 25px;
< }
< #wiki-promo-sauce-labs-a .wiki-promo-copy,
< #wiki-promo-sauce-labs-a .wiki-promo-cta {
< box-sizing: border-box;
< }
< #wiki-promo-sauce-labs-a .wiki-promo-copy,
< #wiki-promo-sauce-labs-a .wiki-promo-cta {
< float: left;
< }
< html[dir="rtl"] #wiki-promo-sauce-labs-a .wiki-promo-copy,
< html[dir="rtl"] #wiki-promo-sauce-labs-a .wiki-promo-cta {
< float: right;
< float: left;
< }
< #wiki-promo-sauce-labs-a .wiki-promo-copy {
< width: 50%;
< }
< #wiki-promo-sauce-labs-a .wiki-promo-copy {
< padding: 0 20px 0 0;
< }
< html[dir="rtl"] #wiki-promo-sauce-labs-a .wiki-promo-copy {
< padding: 0 0 0 20px;
< padding: 0 20px 0 0;
< }
< #wiki-promo-sauce-labs-a .wiki-promo-copy p {
< margin-bottom: 10px;
< }
< #wiki-promo-sauce-labs-a .wiki-promo-cta {
< padding-top: 47px;
< text-align: center;
< width: 50%;
< }
< #wiki-promo-sauce-labs-b {
< background-image: url("data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAANIAAACLCAMAAAAjxjdPAAADAFBMVEVMaXH///////////8AAAD///////////8AAAD///////8AAAAAAAD///////////////////////////////8AAAAAAAD///////////8AAAD///////8AAAAAAAAAAAD////7+/v///////////////95eXng4OD4+PiVlZWdnZ3y8vIAAADQ0ND8/PyRkZH7+/sAAAD////6ugD/jI6C0fX7uwPIyMj/9tuieQBsUAANCgDY2NiSkpK22AZBMAD9/f0wMDBqTwDR0dG/jgAyMjJWVlb+6rGurq6AgIAPEBCGhob7wx6q3/geHh6oqKhFboH/+/vj9P3t7e1WiqJiYmJebwS35foqMQJEUAN7kQVCQkKVsQVoqMSuzgbMzMz/+fj/8vMPCAj/mJrW8Pz7/v/+//8yUV/tgoTO7fz/7+8eEBBCJSX/wsP/nJ7D6Pq85/oyJQBUVFT/urv/vr//3N3T7/z/trj/9fX4uAD/0dL/2doEAwPUngDb8v2G0/X/yMn/lJa2hwCz5PlZj6hCaXv0hof70FJ0dHRVPgD4iIrJ6/v9i43Gb3DUdHb/1NW9vb3D5fbZ8fwrFxim3vj/7OwJBQU3Hh7BaWsJCgrn9v3d8/07ISGL1PWUUVI3ODjmfoD/sbL/qqxGR0j/oKL/19iXl5ePj4/ie32BRkfs+P739/fz+v6d2/eLi4vk5OOP1vb4/P7/kJL/6upLWV+Bl6OqZWaY2fZneYKzYWO6urqfn59bW1t+fn6cuMUTEwDb29thNDWpXF3ceHpyPj9PT0+v4vjz8/P/5uf/pKV1QEHmqwAnKSrDw8OLTE3OcnQ6XWyg3PedVVZoaGg9PT1gYGCkpKQ1PgIhIQEVFRWysrIXDAxSLC3Pz8+jWVonP0rE6frQ0ND7xi6EhISMZwCRrAWfvAZ6WwBpOTpdbXVLNwAdLjUZGRltbW381menfADIlQD/9tz6ugH88dLsrwD+7bu3jhZvZk52iwS3iABQgJYvTFldRQB2vd1DQ0MqGQ9BvNsLAAAAMXRSTlMA1/LPRIX7w+7H9x8n7t7q57zkESALwsDFsKR8jtKIclydUJw4NIjIfabTzVLz8g7wK+lr7AAACEtJREFUeNrt23lYFPcZwHGMRhNj4hG1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");
< min-height: 139px;
< }
< #wiki-promo-sauce-labs-b {
< background-position: bottom right 20px;
< padding: 20px 250px 20px 25px;
< }
< html[dir="rtl"] #wiki-promo-sauce-labs-b {
< background-position: bottom left 20px;
< background-position: bottom right 20px;
< padding: 20px 25px 20px 250px;
< padding: 20px 250px 20px 25px;
< }
< #wiki-promo-sauce-labs-c {
< background-color: transparent;
< background-image: url("data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAAL4AAACbCAMAAADry9EqAAADAFBMVEVMaXEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACC0fUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAsSVYAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACB0fUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAC22Aa22Qe22AeD0/cHDA59yu262QeC0fYvTlsIDhBBaXsAAQEMDgAOEQCszQVidAO52AcjKwECAwC32Aa32wgmLQG22AY2QAEDBAAFBwBnpsaH1/coQEtgmLI7X28oP0iC0vYGCw0KDxKE0vW44g632AY9YXMMFRiD0vUeMTlsr8wAAACC0fW22AZEboEhNj8AAQERGyCAz/Nkob1ViaFLeY4dLzc7RgGy0wWdugUIDhAFBwQ1PwEQFACVsQQYHAAlLAGBmgSatwVvhAOszAV5kQMsNAEoLwGpyQUlPEcbIQBPXgKgvgVmeQNBTQKtzQVkdwNJVwJMWgIWGgCnxwUwOQFNWwKPqgQTHyQiNkB2vt8QGx90tqckAAAAz3RSTlMA7f7fRVkgWKchpqsbero6vYVC3sVVAmfkA/z2dwoZ5iYFwPP1/fkiZgkNQNI19wHPPhMQGJmRHG8t5ynqSMIGPAyd1+Iv4I0VD5TDT8mAXQiuJ0wSy93rlh7uU2riYoh0t/C0xzf7ctl+oisf47nxVqraYHVGMZvVghdjBIpLobLZzbGpXnzvOKRsREFahr5p24Mzjru1vCSfeVSLzMRRpXitI/6x2WD6/CHJ657u+v7674FC+PhPOdXlp/6BcSD9ctw4j99gbBLAhVTd98bgK18NAAAPc0lEQVR42u3cd1yTeYLH8S9RdBAURYz0CEloQxIIUhOMFAU0NCkDgysCK23mxLEwDjZWEbFhLzO2mZ27rXfH9d57/+rM7LXZaTvb9/Z6b3tPoTxA+kRM7uX7j0ACL/g8D7/fw/Pk9TwPAlJ/pciM4GShJB1BxxZqA2q5ure3jLcAHC8IqvqbjDlXX87zQHVq3LD9HluCqN/WyTgyntZYACOMJ+OE/iCqtxbZs1m8HoKcw9QUJjUHT/8JoR6AIRkygw3Ibeb+WASCzrhauHSO2VhgG59BIMid5BBcsmloh+jXf+2P/vg2JElGlQWBoI5r4UYhmyH4zd94h+S9SAiuMxxPVg4kp1gJYDwZzhwt6eRLAH77fX7wP9//AifbpSUqr8uE/+QOl8IbtrxsiBLjGQmgMjoJjl0PIZkDxP4uv/+/Dx9+8Rh1BUCmjjQ2VMNfGvgKvNDWzFUQ3aHGBOA1Wp+FQzE8PLYDgJ1f+eLDhw8/hVHeBVB1OUXFZU8o//xzDM+EaAVbITC9Fhe320l+BET5/K2Hgt/HZmZDsuQJ5ZtW6nt6IbENMgqSKKuwRC7yV/D3fuczX/48UMAKP+cfbmnR8fmWlm3wSISKo2pIjjPkKGQ7yYsO8wsgus5+SKJYA0mFv/KNlIXDM/bn2dkEURlfhSR2QqXvVzvMt7bmADhETS4Epk7p72x5pY8e5ttTJUtMcOJBe3sNw9vbxzFX4qE7G+DIsmYuuSZGP8dGiKpu0XoejrwhZHILgGjW7ACaBhhiBmwhpLW1FJ5YQVmOl2O/7nmSI01wwNbKLAAXqK2fmpjbk+DElm5pehe0UHX4Xiq1UQBC2RcVC3eGqgFkaHnbZrMd4zbppUxP8+1kdreW0Wo4sjxa2nMZhZx/7CicGuMNCJpatWRctwWCfu6FWyWpZ2pz0c4aqZvFahi6WeOwv65jKeYpZz/QVkw7HKoCTDHcN/3EudIQXoCkvuhaLiRNWhrc15McvJvFXoiuMK+TpNzvnpm6WGk9VcKZcRpL4dYbjMYCHex2X5+/eRXJ1AJACiG1E0NrhX4/5SdGDMO9Vmo3AzYLprQ1AUl9PBnrth7AeHhhLmTXyq42AW2e9pdzDCjQ0I5PRj1AbdTlCt63QzAU3qOdKOpjdhNcyTWyFQ61VfBVeMBOnjw1ODt1fe8/QUEPu2wAbrCHpLt6YIQdcCijmCXwxOkzJG+aAT/0Z7eXZrERqIqbbDN0K+vP79VOZvXaMI+BWrPTowfPJJbss8Af1M+agDfYfPfuKWnKDs3W91MSnYl5bnINZEP5KfdGCjMhqdewEU9CGiV180boZILZdnwJBxYexpXLvXf1FFWch+gCu9R4ItbvFmVCqZnnpEWLVy2D0rKEFiZAEBvN1Px1kTs3kbsgUK9lQ3s9AkMijTaIXuJpzDpQQ7LLDMFKthRBYOqltg2CQhWpfX0DAkEVrZBs4znMiqZ2hd0GQUGqfhx/8CUITjAcorbeZrIOgUDdRXk9ZrNkTn4kZDvZ/aU/fPTol34eKKAxA7LXAyQfedxUKh0ra2xz8schy+evfu6R4Id/ASjmDsgGAiV/OIYVd8e2U2WHw/xW/vIjyY8Aa1nkPP/o8sWQiHnSmikIWQfH+Qf5i3L+59DEuEzn+YlcDMswn+nCyqsXMzEvPyshDCILf+69qbVfyxSIYs+/3OUov+eZx00n5bu3potkikmeHD/7N+LY/5lDPT0GCHKsJLP2LMzX4fHx8r0Rm/2sjlEQZC7hT37rmz/1060qXoUonPtrLUDg5sv6pzbzBZ2UGHvVECRNxm0EAj+/jGWQnb4UMrm1bAckZi0NQZAf1tOTBkcm2O0qf2W4K93h3nnga/7Lzo6pzDoOucjfS39a6WN+7iRfg0Ol5TzhMn/NOqfyGHd1necafM5HIVXpAKru2GbHk90k1G9iRZrL/ENwboLaIXhsjc/5cv9wpY7WjkyIxkf0PLw8U6r3Od90lpq2RciX+41kC7kLons0akidk3oMMy5adIaHo+fJVj7poi7aA0lu8pcX5nrQ3zCEQu6F4E0OViUfWeusHhH0qzA3+UU0DmyGa6FFAJome8zSLvUAgKMH0uAsXxXpWL9KfzDSOxq3+dhPsrywCW51sqKvr0/LRkic58OJMeqG4JW17vM7WKEhjWdz4MZpSs7YfM3Hq9QU+DvfwIpke6eeLO81wxXbDkkbPMpPskEwXA9BRhUkyZeYlennfFMFDcCLVzVk6us58NXc/KM3GbIZppc4eAiw63gCktxydsb6Nx/57IAg1n5TT/Zt8Uv+A5KbEEUyW55deyAJs7LVq/x9OYIB1jrPz+F+yNaQE/BLfiPJ1cgh2QyUk7wG2biRvd7kT2l1nh9rZRFEK8nd8E+++hlVjAEoUxXnAEtD9PmYtk6lf+BFfs0mQQWvO89HHvshqKT+CPyUDySaZh/ViZiVwHiDP8c+SpgFqMvYsw7+yXftZRa/6M98WxfftIUzjgf9kx/q2sUsxuwK9YjVk3ycZe1enunXM90v+fQfj/LbSRZvwWXq9/kjf4U7n13hIa1H+Yk6br0t7Y5Nljzmse/nfR5ZQ3kBRMeoiwzC/EjzzFYhpDro8mepz65DsObLnuY/zQ/U/ExD+65z6y+WhKmfYH7s9fw07/Or605s5TTjpn7Dk8p/ltp6b/NzRo0kddmfvUnN67diVCTLE6qfSH4+X4J3+TmbSNWlwiITkMMUALn2/GKy62rpYubbIDLFcLn4xOP8qhNkiIbrAcj5kgM8Q8a0L15+by9Ee5iaCeCGxcP8C8U09pfu4371nPxN3DVeQ5YlLk5+6SgTlGfAxWjXeZTfq+elNCC2Yfnc/NCbpVCv1zGrYDHyLeVsboPoCndBcMDIyqPu849RVavGLDF/7o+tsDz+/Dta5tkgKmKPGaKhFm7a6C6/g6pCKOUeMkCpbZDFYY87P5RMh6yWt6ZLtlOT7Dq/kHrG3IZzuc3U8YrZ9/yJrUrPwqGhmOmhgyzuhOx0PJ9Ru8zf3KPalcKVcM6uv7KhmZ0mn/PzqFQCx6pWMeQQBLepSoLIlsfUna7Hfm4MJ5CYDlf2RSDiOR70OT9nvVIBnFDX6vXrACQwGpIULjHAdX4r78fCAyWMD3vs2/2l1jEANdwNifVULlznX9NPWuBEzst3MGuAI489HxElQIGKaZAcMcFNfjc74NgL3aQ+CTOGtTT4Od/9xYNu8oeoMzv+rrI4ksZczKrkqUXJvzjR6Gl+HuNGxzHf0YiJeP7Kf36X+Zhxu1Wr10cE1uGK7Qx7FmwzzS8Pknz3va+pjEmYYSetTAis/OM8mVQ7jDnaNFR99B//9ejRu8zHrNg1lkY2B1Z+JV/BfPf5XemsMmnlz5GRqs8NqPx7vIB5DPzo22K9vPLnSmFjIOWb4pmJedbzX6T6f1elJmGeSr4RSPkvUuNgq/uvUv57XIL50nkikPIjGY35cvhvXxXz/9nBVv48b3yC/OSdonT/5ZfwUoQoEQpZfFc4ofI7H7AEs2IjRI2s+QT5JZRs8Vt+O2VHoFDUxQ++9zG5DQptlB32LT9DbD7BS9u21XACgCHWH/mNjI8RhULpdifJ4p1QSooRWZntU37GDY4YbGe4AchhCy6kcDTWD/lRvARHzHssajiQw+2+5GfcouCKtOxqjfAJ6Xt/Lo2YYuEVeOMiR73Nl+s1mzu01B6A4KCRISvPd830v5kGp9ychlqvSj0650tF84VBaYwdPuSvomYHYA4thSQ3NBPY0yVvg7ccJrMtPuajj0NQ2Mz5VkPpFEN9yH+GeZhj9rYPmcW0PseKDB/zB3hubr4uS2nt3HyTlW/6kG/RT///rrdssEFSpIrfCKCONbaMLD7ADHOKUyUL8k+zE1HJivztUIpS5idiD5fAh3y8JO89FQzEk4OtZsVLhcwDzjIdM5Lo1K4F+ea4niye9ig/MSR8lPm+5Btu8DqAIStVf/sxuTUMwCjDXwBgYHzh7lS+oMwPedahTgf5uEkWe5a/dJKkwev85IkWUpUGJFbww79/9Oib32O2GogkeXgl0EpBJZT5GjhU5ijfTmsiFPnFeUrdinwkNTAbXudXk5r8cWlX8OvSvtS3P2Y7gKi8EKlj39mBB/A5X13OIx5ueZJbeNGXfK0aok5+55HkH1gGUeZsh8/5WM7iTEzbmD7fccw4yHK1L/mDkGTxa3L+N9gpd/gj37SdrfBEmo5L8QnyL/Ebcv63+Lr/8lGUytr1HrjHFfApX3Ur3QxgjB9K9V/9Oo+ImYXRvuYbo5S20TPFjVELDYzYxQ9jIwlRSsUz+fUjqeSZeqBqkH8nzN1/+kfGZABVPaTurPf5i3/VXO6BFtYBaJzkR+9++BPUjgNIYNbyRPiSX7/alT99++23ybfd+IDRq10bnvOb8yAYP0nBpiIIRrgG8DrfvU8JdzZ6h3/+0LWvMA0eS0rVWyCx3Gl/E5ILDCn1ND/xRdEoDwqPEYufn89RLLCdb3iaH8pZMYufn81sM6AuxZRMSLfw6AyS/KQ+ZlfV9XVdvw1BUZ7upP3FtaypDop8uT+VghQI+ihIFeuDI1/uv3LgmlGfBAzRWnQuRqwPnnxsvBgLNPDVy5cb2ArYdlUjiPJly5V3zgq+/MRWUb46KPNnPc1/mv94FHEwYZ4VnPXcUqdKEgQ//tZbb73Dt9x4nx0JMvtSr1jgRjoDWRncOB7iyBfef59zrFroVogP7q/ySi988pmHf8H//ssZ7zAWwUPO/+uHM57mP81/mv80//95/u7t20vgTFWYks37/KQwpVj43VaqkuBMOJXGvc//NJUK4G/XyGj4If8HfzXDq3x1vQ2fwBqyF04lbVCqh2N/IuTPMZtfsEHpKBaI4vPwXimmlJNh8gu++/yX/+yHFH70x9Rwwj/5ydvSIbOQ2RDdWIrF5Xt+xKc5nT9GjkGUrV9pwmIrPHlyP+NOnjzZBCW10oKqC1byImTZpAWi++SpaiyyY5wyDIUwKm3CXAlxnCyEbBnZB0nVavJKERaX4ciRu9QdOXIkw9P8zAZSE4kpveQEZu59T11dIIz9+qVKBihY+shLVZh2n7yGafYucps6oKfua6TuBUzbqGfFvKG42ON/R14lPFfdQGrvYMpl8jqmJa4gdacR4Hp7OHO12A3FW7IbDpN9RQh4kTGculqsqYfFasjateRoKYJA1V7yHASnybzZnYfUcwgO6n69lHqKPDSTv8SAoHF+H4BSI88kY0pHLoLMPnIAwWuUtCN45ZSU2ODC/wEfm4IMYEFcPwAAAABJRU5ErkJggg==");
< margin-top: 20px;
< min-height: 155px;
< }
< #wiki-promo-sauce-labs-c {
< background-position: bottom right 20px;
< padding: 0 230px 0 0;
< }
< html[dir="rtl"] #wiki-promo-sauce-labs-c {
< background-position: bottom left 20px;
< background-position: bottom right 20px;
< padding: 0 0 0 230px;
< padding: 0 230px 0 0;
< }
< #wiki-promo-sauce-labs-c .wiki-promo-copy {
< padding-top: 30px;
< }
< #wiki-promo-sauce-labs-c .wiki-promo-copy strong {
< font-weight: 400;
< }
< @media (-webkit-min-device-pixel-ratio: 1.5),
< (min--moz-device-pixel-ratio: 1.5),
< (-o-min-device-pixel-ratio: 3 / 2),
< (min-resolution: 1.5dppx) {
< #wiki-promo-sauce-labs-a {
< background-image: url("data:image/png;charset=utf-8;base64,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");
< background-size: 331px 99px;
< }
< #wiki-promo-sauce-labs-b {
< background-image: url("data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAAaQAAAEWCAMAAAAekBN5AAAC9FBMVEVMaXH////////////////////////////////////////////////////////////+/v7////////////////////////////////////IyMgBAQFwcHAAAAD09PQREhMAAAAAAAD///8AAAAAAAC5ubkBAQHq6uoAAAD8/PwDAwMMDA0AAADg4OA4ODgyMjIpKSklJSUjIyPR0dF0dHR6enqAgICFhYXk5OQAAAAXFxcAAADt+f7k9f3p9/7x+v71/P/4/f+55vqC0fUbHR0hISG25PqK1PWH0/Ws4fne8/yx4/nI6/qO1fab2vfS7vuW2fef3Pio3/nC6PrV8PvY2NhsbGxDQ0O+vr6E0vXKysqj3viZmZnFxcWcnJyioqJHR0etra3Z8fz///+Kior///88PDz///8IBQWwsLBfX1/c3NxcXFwHCgz5+fkAAAAAAAAAAADO7fuWlpbExMSRkZHu7u78zUb7vAb+7Lj8yz36ugD+7LZkZGRNTU0AAABWVlbepgBLOABeRQDZoQAcFQD+7bv95qX934f++Of81WIjKgI+SQNpfQS22AainImPagD1tgDDkQAFBQCtgQAQDwDtsACEYgA8ISE0HBz/6ur/3t7/4eH/5OX/6Oj/7e3/8PD/8vL/9fX/9/j7iYv/jI7of4H/urv/z9D/1NUiExMdEQ//tbc+SE0ZKC8pQk1QUFDD5fa62+tOfpP/k5T/mZv/j5H/////wsP/+/z/oqT/ycr/2Nj/qav///9WQABjSQD/nqDQmwD/srP/29vVnwD/rq//////////pqdziAT///9OXAOHoQUAAACurq6CRkeFSkt3QkPUc3XYd3nEa2ycVVbNcHGPTk/jfH6WUlMNBwUpFha4ZGbvg4VRLCxbMTL+i41vPT4WCwveeXv1hohGJid0ipMvTFllNzerXV6Wsb08YHFkob2qfwCbcwBVZQOOqAWlwwYjGgB3v+BoqMRyXBxxVACCYQA9LgDculb/9NNg3OBlAAAA0HRSTlMAC0eGtcfN0tbZ3uLo7fT7//++OaN4JmAEaOMg/63//+5RV/9y////Df///8b///////////////86/0X///////////////////////////////////////////+x//////+b/6z/ff////////+A3WX/////////////////mv////////////////////////////////////////////////////////////////////////+U////////jv//////////gnH//3L//4vPqKAj9gAAEDNJREFUeAHs1wNiBEEQheFaG7W27d04y/j+N8rMdGxUh++7wt+ooms2u8PpMrgVj8lr8Bn8poApqISU8JWIJcocijniBJrEE2EWEkjaCOSlnCwplCaQlg6zsESGQFSW5eXyBILiEdagUBTMBD7WoVSuVEkI1FiPQr3eIBmQYD2a9XqrSiLAx3q06/V6pUMSIMx6dHt1qQcPWJe+EWlAEiDKLxmOLONrE2U6nc5mW69H6nUIBET4Je2CYduyo+xa9gz7r0eq50keIolRkQ7oJ0OkMiIh0s+ASIBIWGYRCZEQScRh3TAnKYi0WD5h9cjijvV9mzuOEElHpOMTUeufHwmRNoiESFIQ6RSRxIQQCZEAkb4dIgEiIdKZbCREOkekHy34yyMh0sVnI1VJK0S6ZOcuvBNXHiiO//S55D5X2LP3FE4qS7dsVwsBpoIEp77u7u76f79JhqTwApW3wHL2zKcuR7/RmSHZXN4oOKUSdlFHGs5IpTQAsySyCcAoV8QOpCFN9T+SjlSFw7ITcMwPYyQdqYRWtR1H2qsjDTpS6QNG0r7sFKnesDMWJGNiMQRHfcgi6UhFE66DS2EysjwCacZK2TuKNNnXSDpSHa6VMJUlFS21OjSRdKRsGo74GD3TcNWGJpKOtJCEY5lSeIpSZBGOxtBE0pFUpUVK0ybWDpP8A5KREduRXXcjHT0gHfvvtmk/7v6pS6QvgpFkpTRwnOQypBMkYwBS66JVpSQ6KTVM/FPaFz/+e+tInjRwwDsXTZCcA5BpTVGfQaqoYpVLLXUb0Hr+iDMVqSDaZBsAjpI8CekUyVhbpOoMHAm3kQWcLnntLGjv68wv24lUTEKKUzoLxGdJLgFIr4umApS6aiQ1Kt6YrPbezgUifR6MVIPrPKXZ2CjJSBySWRPKPBQjX05BsZ1jnQWtFy5sGUlKwRG/SM8fcM37kQKcP+Wh9YTxn21EsuG6NEblsglHKiuUDALWhchB65HPftk6Uskw0waAK1evkZHYqY1TUKlaFGI9jYCKEElovbJ7q0hKzYB0Pb4WhSNhNxILYtUC0gkDQQuiBK1nfhv/88ahjUifqUhBCbRIZDucjEJXFq+jKb9Qh9Yz5hjJm7e2jGShxW3hWLVaCt2JjZKje46b0HrvJB3jv28RyXCLJlWX8t93pLUpNsUWofXcH3TtUgsXP+0WqZ4CjJpYTUCyhZS14Ll7jb5wHFqvHaBy8VC3SEp2fsb5fdFK2SXhaqApGqYUmZqLUJoLQeuxe2za9XsgUidF4Vk9DeUypaUoMOF+N41+0ZH4Z1ukrXmV7l8keWDj4Bm+jn7RkXhk08OdtNpxxeQpkpMmXNcPk7yLvtGRxjeJlIOU7PRL7Ce5Dy2HvjsIePBwJ7RHXSNFfv/XJ90iNTotirwNx7SaxFD2kbyHgMdPdkJ72jUSb3WKVKo5BzvTXxRZnBdKMQ/XWZLP0PSc5Ik+RtKRXqhIubZGaSRr3iiPVSraJhrCsW5BWSE5dh+uiYsk432MpCONByPJRpIBj+GPOJSBlouFk9ch3d9DchJ9jKQj3QxEko2CVKUaPGcp7T0ej9+bpXRCRxpspIoBjxlqj7Tq9zP3sMVz6EiDjeQd1O5PT0Y49nwELqMipAY80Rh950N9jqQj/b89krcrjYSpvAxtjILn4AstRei6OH0dOtKgI2XTAFZG6Vk2AdTVn06fzuctKBP7T05OPj8bBXSkQUcq2gBChymNjtFxFkCqKjxFC0E60gAjFfKG9y+RAyHEY/7wqWVXhLKOoNP1ho40qEipjXWR0/7E0Qpc890j3RYiqyMNONJhkhNwPCN5Z8ulkTkdafCRwiSj/nTRvfZINgJqOtLgI8W8YQRzkuSp9kgN/zxkpwcSSUf6ri1S2fSnHw7HAXOJ5Oh9OGbWhbI6b3m3ToXBRdKRasKzUEgCuHLRibP8cpbSZUh2SWxYzVgoq6huvnpxgJF0JG+G/AB9s1EA+cATvJpfk8m6yjfISDrSggFpn98oDskWXWSF1ItIr15/dN70L1IdrpEYpbGlKBzpBdFdTyK95UfnXd8iZVNounLpxMp1NNV1pCGKtI6OEjrSEEUSGXQwU9SRhieSqmTcttNQEvUZ1UhHGqZIInNbNika/rR57rTbSEf6YJH+50bq+kq/5jCDjjSckTItj7jTkYY00kJOqophjvQXe/fg5j4Sx3G8d/fgfPmerTnbtm3btm3bqHG5tGckqX9e609apItslcxkk8x2P++HNV5tDCBxBiQgAQlIQAISkKQJSEC6VWokIN2/bJGAdPkFl13J1XW0uA8+7NxHL74EJM9IFz6jkK99/Akf0qef8fZpryNddSb53odcSJ9/wdvnPY504WkUQF9+9bU4EpAuoyA6+Mj3vxFFAtKFCgXSnezb7wSRgHQxCaQcPN0TTzxB7nuBse/fdol0yLe8HdLbSNeS+x596JBDDjngADbXXcTRXoy9i0lwMaTLyH0HHz7dSVYHzrQncXQ0Y9/+II4EJP+zkNh3QHKBtH24SF8BSX6kH4HkFulqIAEJSCsM6agHeDuPWf3k2M/LDCkaaxSfL2EraSs6W2qh9FyZ2bLz5Rop4kh3E2/HM6tfVKd+XWZImupreSABCUhAWhlIBXGkU87nbS9m9Ztjv8uKdG97pD/kQJI/IMkfkIAEJCABCUiP/2nPuuqvvwV7iE13zD+C7QWkTp33r63/rKv+P1cw62s+jgR7QGYk3TCBFBBSUQTJKCXKREo6XwGSpEhmtUxz1QwgBYR0BQ+SESVbuXooSAccas+66qHHBTvAevShgh0iI5KRpkUpdUyCS4cUp6ZyBpAkQ9KopRqQJENKU2sVIPmLtIoPqU5tygNJFiRTKxS0ArUpFSTSja/73wPMavWa7q2WDmltmjqlmLxItSBXn/N3J7Na53SY7JCR1qtN6RnqnCEFEpBK1CVdCiQgbaDOldUgkZ7wvztmkb7uXp9USEa9nqTOpetr/UeSuvCR+qPkWEYDkn9ImzgiaQq5KR8eEpAqCrlrfWhIQKqRy5JA8hXpqi5IGXKbHhYSkHLkNiMsJCBFyWVl085QKW2IppIbSpUAkIBUIpfVbAjrF2iT/UDyHUlPk0MtK2iNGNnboHtDAtJARyTnxd8dNkhZm6XFRQ0g+Yykmlo87VCipHcwskrpQPIRiT8zSa3FWhbXekcCUr8wUonapXlAAtKDS4yk56hdGdMjEpDOPO2Mhc7yhKRR+/o9IgGpNSEk3TA7rhwsyIAEpP4kkbKhTO1LSYAEpCp1TQkfCUj95JAOJGGkHZYIKUkOmWEjAUlXqHs5NWwkIBnkUCJMJCCZWiydzZFD5Ww0XwkJCUhrU+Q2pRoKEpCMDHFUBZII0qBHpBpxNaRaxXiQgLSvNyRDIa5qQBJA2tEb0nriKyOG9Nkwb5/1ElJkM09IGvFVFkDCSa4iI/L/k4C00eZBjpMKQBJBimy3TYBTdxUxpNEx3kZ7Cymy8dbUUt3P+SRM3fEjRXbclh9JfIkDPxKQrLa7/dgnuJHsy+6cy0Tza1UgCSPN9OQhe51/9DHHnH/++Xc0kHwNSPxIMz29N2v0PJDkRJppt/G9gSQ50kwnP/3k+JsTQJIZqdGqAJDiQJpq7y6A20jPMI4XBwveMtPTKGMug4cDwzxl5oYHyszM3HDGo0dp5JTvwszHYrAshosUTo55P8m4GUleyd9aZ7//QTP8Ft4VfQsaad277fYFVPP5mxWAjQRJFrkSJEESJEH6yvvt9h1UC4aaFRYkme7mD8kTjviiJP2BWMTdeUiCFCc5CiBCciOQUO+KeASpc5CCAa+XZBhAjOQYMEYyAmxMClKnIG0EECJTAAIkR4A0yQyAsCNIgnQbG5VVDBEAsZpOjmR+0mqMZCodFaR5RYpu7CmQxQRQIlkCMiQTQIQsAPCR9AOZOOu2tV2k1987PajO/7/F1sPsgx9rsbd2JtKoq8ZSBlYVyUDNygUka7uXAsw3PuptlUWuNCPFE4ArSEZRdUmmcxWSEX/OQ2aAv5OMQTnOE5IguZUHakPCRowlObNkOT9a25HyHpK+qONIgpTNlWlWAhAlo0HeXNY9de1UwaqKHqShC9OD6uKlFuuF2fe/3GKDnYbkzgCx8QNehvXz9eDvJIMJwFXRgNQgme78AFxJkpGeXIoNCqVDZHEMwMaiIDm8J6UBJEIkC2xeWhml6CySINWUvCnOpgqAMQ/JbNApJEFKxsfPSj1JziZ3GV5lVEwnCs4gCVIokQ9XlRJJzrKYYo1vBDa6nUASJPdGoCdGMhuinaJ5mMXmDukdn9bfB1Dt95cbd6XTkMKrYJYp0l6VVQBWxbJWJFmJTM/h7u+wTtSznfCCpCNIgsTsaO0Stnl7buVEKW+Pz02zoiDNOdIBCxBV8fSspu/bdnKqYJRmnly+OFfnpNX6ew2q/f7PjbvSWUilcoEqD5t2y659tFT0JSyzwzaZ7uYcKQj01JiatnN4N2fmHs3DbMQtSFqRyoBiirNZx7fuP0NLFahWlT2CpBdpFVQ5Nm7Pwa7h22jN7QW8sRQpSFqRmIr8HUCI9br1zG17eGaHseM4by6STmZJQdKMpAoFyqzTnl1dhjG81boGjzVB0o7UoM1GrS23sG6eSDotSPqQwulYkA26zag1vId1ivo2AljlFiRtSD4A+UzE02wxnv2skzuBamFB0oaURrVYy0gsQZWvCJI2JK9lP7B2wKi1hfXye9P+ZFwGB41I2XgyliuNFJu8nNp+G8OG40gy3e35x37D2H4bnUUSpOO01S23HSfnD0mQPMGCx822K3pCUTfH2yRIc4s0CrOeRIBt9PeEC2YFQdKElExXi7CNculqcUGaS6R9u2udnN4ZS4dndNv0Dkx1/KZuvXW7ILWPpD9BEiT9CZKGBOl1G/QilQKWyjD79VV7/WURI3V/ZSV6PvgRnUijtFSA2bXf2utXixhpHVSrPtS5SIK0GrVWbOhYJEH6Psb7kD4kv8dSGGZ3XbfXIkYawHiflOmuY5H+o3tPaj9B+rT+c1K7CVLX96FatcRwDEmQnm3YrPvdQ3B94cuG3Va0jCRIrzRs17X0dYbtuntaRhKklxnO9CG0hiRIqucajrQOZldaQxIktVym/j7igtkJ20hfWKepD8Ls3+cb9+8OQVJnJf31r4DZjW91zhObl8DsvuWNu78zkFRver72E9IQVJdbQxIk1TPveP/S7i5Nbej/5KdQ7UffahlJkFRv7oHujv5BkNpAUr23D1q7oSY7+0hwaWpW3x0dhaR6tbkO46x7x8weeLBxv//jt1T2kWQEb71nGjP75reaJ0iCJEiCJEgLIEHqfc20PgBVKTfVGIChNY40JEj1WmlM63VQRSwvhjT4fkca1IokSIIkSIL01Wn1QxVLTZVRSB9xJEF6WidIgiRIgiRIgiRIgiRILfWnhxzohiC1hZT4lgM9PP9IgiRIgiRIpx1IkGS6EyRBEiRBEiRBWtRIP/+lvR7BgmvklzZ61Hkk+63FgmuF0WJWpKcAFRB4fFuBNeQAAAAASUVORK5CYII=");
< background-size: 210px 139px;
< }
< #wiki-promo-sauce-labs-c {
< background-image: url("data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAAXwAAAE2CAMAAABV+tnyAAAC/VBMVEVMaXEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACI3f+D0/Z2v99QgZg3WWkeMjsPGR0AAACF0vdvtNIuSlcCBAQAAAAAAACF0fZCa30AAAAAAAAAAAAAAAB8p00mP0oAAAAAAAAAAAAAAAAAAAAAAAAAAAATHyU6Xm5Pf5RUiKBGcYQmPUgAAAAAAAAAAAAAAAAAAAAAAAAAAAALEhaB0PSC0fVxttUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABxttWC0fUAAAAAAAAAAAAAAAAAAAAHCw6C0fYAAAAAAAAAAAAAAAAAAACD0fUAAAAAAAAAAAAAAAB3v+CC0vUAAAAAAAAAAAAAAAAAAAAECAmC0fUAAAAAAAAAAAAAAACC0fWC0fbW6q+D0veC0fWD0vaD0faD0/YAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAC53Qa42ga32ge42QbD4Q+22Aa22Aa22Aa32Aa32Qa22Aa32giszAW32QZ2jAO22AYmLQG32AYJCwCYtQS22AYSFQCRrARnegOx0gUYHQBVZAKMpgSmxQW11wWlxgVYawIAAABidQMEBQBJVgJZagKhvwU3QQEjKgEwOgGdugWHoARBTgIdIgB/lgQ9SAEiKAFuggNSYQJDbX9/zPAjOEIWIikbKzMaKjIZKC+C0vYpQk07X3Bsrs1Yjabkdi79AAAA/3RSTlMAEBkC0v9JKaF/8AfW6+X5Th3Ukhst+pWkV3LchLY98ghamR7ZXQFS3g+Q9+LzsTn7qWOdI0D2BGCnQ3aaIHRcFYoMBY6XZhfgNw90wOTj2LkyRe3//+POOv7NVkKNCPI7ib4WE7z8////////7iU222G4rv///+uqNS7IS2xH6P/4fc8/Cnn/5aDpUPTDo02rDf7/M5u/KguF14GAsChU3HUEYMWxeh3KPsKyujzFb4aBLJ9qi6WsRXrJs34wT8YnJlRjTBHV//urlfM3/7z/v/6g///h////////////y1/R///////////////////////////y///elP//bHnCEHPVAAAfrklEQVR4AezSA5c0RwBG4Xemc9e7n7W2bdu27d3YNn92aqa7V3EmPVE9h43SPSXr9wqFrzmKK+slriUonqxEbkhSPFnJ3JCSqjiy0oD0jIh7wH0Fznrw8NFjRTwBnoYU8Qx4rgjnxcNMBcR6kAX3nj2QlA3kKCoXyMuXnII0wNYPsL1xr7BIxUCJokozgDKnpBgIqr71oBzP03LgXoVclUBVNWDrB9y+Bl+tPHX46qts/QDbN+Q3ZuEqkKe02kvf1NzSausH175NamsvhnsdnY58j7uy4Gl3jyS3fq8CYdsbTl9yv24pTRgokmHrB2HAb/9b3Pqtg7I8CfeMJ4rBg3tAu36HoWpgWJavCShXTEaAYke/bRSoGpPlcdKBAcWk6ClQot80NA5UyvK1YEwoNt13rv7k1PTM7Nx8YeaCbmoE7oVl+R4BGaWKTU89UCDf4tLyCq7iglL52sqBZ7J8pat/SZAOYE2e9Y0Vrm32yLOFUaT/tXzdMIGxrag2R39SfzGwI9fuHrek78v1+B4wWqr/sZJHuuEASPeihw+P9Cccj56cAqdFcs0TcXZ+cfnyK/UYr74m13OM6p3X9T819Iwm3fAG4L8Ik1GnPyj05lv1RL0tVyPGO5fvvhfx/gcYaUOK+hDX+MGC/nlCHxkK0OOPuRX/CcYnfnx4+qn+mI/xfaaowc+Bsy/ec32przD8Wb/G943+cfow2hSY7XRux08G8lKv48Pzb/9M/K+/a5arC/jetHf9oB/buw+oqLJ9wf8/KL+IpGqRoKgNCJYoKkEEI91N2YT/f5ITdB7Ys1pFJoI2rnWXQgNrpPWtFn00Z16LzrT2y89wFRUx0/aLN7/8br53pt/N9+U8ec0+VaeqThUUUNShKPF8Vuocvu46tc8+ex/kXeCsWzwKBrafw2PrCxd/ZxvgbAnZYLNdDAXnURZVRRo/7VSH+GUCP/Epn58Sac0HBsXndMt7zhcw/tBxlMaTElCF0iI+NXtQUl6KMH6TBDQA2n/yx/9pEXk/dD3nwosXf7gYpbNVTHYCpRcloGUToF1yzDr+VuA//0df+//im953vtjxC88B2geOCekui9mVNJQjrbON/yFw+ad/xvtt+7P+W4nmFzm+ewNKe5IEydImLojVVaBsPDrL+OuA1fJzP/9Tv/CLv/TLge0jV+M6/nudukUonR7XxErXUDKKJFgPUJ4gIVahXJ9l/DKgWIJsA27Edfx2QrSIlbrKUbYUiIRW+LSEuJmBcjyC+DclYKgNqBKz94BVYnLrBYtvJG3eLSatbUC9BBsxfpkiiF96ecXFoLJrxKSjPOjXp+v2Sl60+HL4yISrfiWgNUxyxa9eG+lNVvV7H5ouMm0HxM99HUhziUfVnWLA6vgj+Wa7JGJbtuu6USq265rEYo47Wsh8ZzVwfpK5TvFdmbHN+HSJhyMNaH9ZDAUnUAbEqxND9V6xzlXMUlLnfrYzfGb0xmhth0SgNz1opj/kBPIkdJbP9jqJgHEZgdvitaMNyDnY6t01kolplt+ag670+IqLYp0qgr001/HvduJ1I5L8WbfMR0UKQ59t7EZx3pNI7X2tEchwi1ceupxDr49tz0BXnGD6M84bhUNiqTMEuz/H8T+sxif/bZm5mjdMazkPQm9+qozVh8hd3GS+YdipYdZfZN44slOs1g+MDHk9BDYVzGn8HeUEOMskAgMpvvgF54BHIfFvJMis3AIeiM/bjfhp718Uw0mUm2KF3RUvi6EDaDss5i3pYlicXGZ5/KF0lCP1g/euo2wskAhU7TfiD6BcEZOq8p0umZWTIROY1LxiPEor7krAY+CBJe0b4dA74nFKbyE+e4AK8Riu0Mgvszr+EqDtFdHVaxFv/E0dFI9kIE3MGl6WWXoy8Z64Y0Xezvp3CsQsCdDuWtNeuX7At4ZdH3SHXX1aRLJPaEAk9d0JikynGHgqXmNAs8yCOwVYJZbYi7JjhpPCCqvaK7ceShJQ3ipBW9JrHePHNcCob6VE8zpwaxswJJHrRdkrlrisd5AZGAS0YcvaK2cJWbAeQ0knIP9NsdDJoFXCNOCKRG4N0CiWGEcZkJkoBrZb0X75m534VYbUMTR/9MgY+/EWf7ipqanDwi3izQkyvXoNqK6zoL1D5OgTvPYliMkzvK4Oisgjq8d+IlDtv+yUA0Myr04fMtVvOJUtIQpGksTjngY4e61pr5zcDOXHH7okyN5d56A7SXTW1y82TdAPAs0i8VI/cUMp2o1ehwQsPXXWGIb1FrdXxk8lykRDeb1isLz+HaB8hegqNaBW4qR+V64Tj751YnBf0PDYP2DBuC8ytZ8pi6/7670LZJW99YdQ9hVIfNQ3uS6GJEyibS8dbcATh0TkIMqAWKW3jQDnTZF4qp+PomWJVzLKOW3a9m6ZkeVAv0siYvw9lllRis+ml0TiqH5jvfvNYmBEPFJTgFND2RVa+Paul5aXtFHdfHBYpnVFAwYi/7SsEwt1HcKrc7HEidNHoKTSbawcPxOPl4A+h4gMb9fCtN/aj0FLTpzhQYBIJAOLXGKprlPLO5efGZb4cTp5W43olmqgdTXoKgJHL64kT9r+jEZAX5NMY1gDBmXmqtqAFnlx3MLs5elmbro2PKpPyjROAFcllLs3byx5w851QxJqFEhzyItjBL9pDnwNoGjJW+tcDa/sR8lolalla0CSBNlbkY+Xs7N3ktNiK+QFkqgRsEHCS90IpL8sHq6nKMsiXsVLvK9hciR7miPCC92TvoAmCa8HcB4Vn0tATpZM7XzIxqCjGQSr/jDk33A2VSayPQYOil9N8bSPhhJrAe1j8UsqRbfx9dq1I3sy0Wkj4ne6HcjtkFC2ixqwVAL0spslrMP3Lmgh6/fD+ShXd4hX1xMU7W3xGws5OWOwZQMloavlaVMfetQF2hYcA7Q7LvF7xQnkF4nPbg2v5toiCbCVAd1ishvYJ5MaKcegXXcEne7gnphtzQGWi9+Wcnx2iZ+tCzgW+jC4WCb1Bl5XzQM4IWWS8/P3AK1rso/Mp8XPNqSBlhhyg/Bkivj7Qy7dlUD6ehH5lV/9tV//DfFyNQN7xOxV9WUREt+mZ/pA/ByZwM7w8U9JiBveP/irv/kZ5bOf+xXx+AgokRAfhcS31QLnsoN2XbbtDh8/T4K5qoHFP/f5zxi+8OuBvXhVEuxhSHzbxQwgY1y8RjRgl8w8/qtAuhjtdZ/9ougOAQfs+NMpRHEuG3dJweAFlPTECOJ3Af1f/IzJb/6c7/HJK3b8ae3BI6ddQ5dzTSKI3wR0f+4zZr8uyvtApR1/Wo6DmLQ/lEjiFwGNXwiK/3nf1tG3Zxc/4fKCcVemN3AMnxtVElF8twZtXwqK/1uiNAJ7Zxe/gQVjq8yAe+2TdtBW7moSiSy+7Ad+Oyj+7xhfBZtS7fgyQ0Ov6rGmi5+WlzVxs/zvBsX/PRHZMvEYQELleTv+7L2BTrvVkxj0RDd06P+qSFdbyMOr9WtX58DM46d89NzLtDq+QbvwofhVAL//B4H2f/ivJOEYkOkQnzc3O4FI4vfJc++CtfEP95zX8DpbIz5VOcCXv+K/yfp1SbxK8EPeCxgWPaqy489a1ki3Rsjev3qU3//q17ztf821IoPghc4qDV3aB4tFseNHoag2LeQkSi66r3/jm9/69n/9b2f60R2pCT48kLEqWxQ7frSyAW23+DnGCHX8ovi504FCETu+Ja6GbkdZm4KZc4krZMU/JdWOb40hPfUZMWt9oxQf7f5uMXsb0O7a8a1xCmivk2BDLcv392ntmZcrD0uIZqDCjm+JoXbgkczcS4A2PNv4HS3xa13M458B2ockAvuB7bONn0f8Ohfr+HXpwFOJxACgfWzHj95OIGW9RML1CbDcjh+10+nAGolMD9DWMfv4xSdm47oGOFefmBvH5yF+mQbkDEgkxttR6mcf/w2ZlW0oJYdlTlych/iyLdL6RvvXJObx5SnK1dMLJn5IfVfL44NLZaKE2v6e1ND2MY8vW1CeOBZOfFN9x4pMoO34AQnWtasayBgpCG0f6/g1nShrFkp8U31HYRqGlUfN9fZj6MsrMLePfXypa0Y5s4DiG/VXErBLAnoI6Iu4vVwBzo35HQKujs1abgqgPRmzSFWU8Vt3HraivqGtohklvSb4yBYlo9X4HJRIHCWO7YgyvmTmnNjhsqZ++WiVSFk70Bv8IwHWOeTVg5smtLfj3wFWnmmIvn7OlirRvQ+MBu3w7xZd6+38kPZ2/HF0OQ8euqKqX7pmt3jtANrdYug27a1qXZV/UGYRX6uNyFgp4NxTO7eOWRFfSvAqiWr4DwX/QN+3Tbs3tSzxqZPZxC+XyPSWAxlLZU4dsST+GD7lx3sdEi3jkPlmr+bQ4+mxiC/1KJ8MPQfxyzBpfJQo0dpKsJ6Yx5fXUDod8R/flQFcSi7Fq/xykkOi4ujDTEuMfXzXA5TX4z++5AKjkjCSiaHxVFS9ZBlmFyT28aXgMUpt/Mc/4LstKnu3Gq+2qIZ/1ktmi+cjvhxuBLR1cR+/Jt1/Xi2hZxGGjU+zZP6FxHeNJ10Rn8VJXeLjOJlUJUGGU4Dqo/EeX0bNuynLRv3D/8agI77idy0CrheJbvctoP+ueJQVA52HxWxHDtBXFO/xB4PfP7W+5xMM+z5YGkfxs9LRHbsoIkMl6NIbROnYhG5/jZhVoqStj/P4qflAmZg0bTmHV3Icxd+D14hxXNu/RJqMV6EEuWRs0o3r+LIdGJMgQ++hy3XFUfyreJ0QkeN43RJlJV65EsRVgbJl7uKPnvK5A1TPLn4LUCJB1pajrBKJo/jP8NouIu+Z31NcjNcyCVZwC+XMXMUP4Zxd/LpSYFxMejRAy5O4ir/K9LMR6vF6KkouXh9JiNaVgNYS1/HlMnAn9EF/W6XEV/yERnTNbhFJ7UdXsl6UrLPojrgk1MftQGlZXMdfC2SKj2sPinOdxFl8Wbpao/x+guhat7ehPckSj44L4Nx1USZ6xwmkV81N/OQ7Prdnf82XhHKgQ7wcoyjnHkq8xVdas9eLT0J2q/g13K0LP64oTojb2Y7y6cAXU+pxlPYmiaP40fgA5YI7juPXA1dFd/EIyqZsWSjxZTlKchzHb9CAIhFp7cajduHEd19HeRq/8eU8MCKSmImhcsHEl9ZilML4jZ8HXJfdJSiZ+YD2YdzE125E6YgT0G7dsFK6hfF3A9qBDJRDQ1tLAWdv3MQnTlkVX5oBDWVzqshgOVBdJrFhx3+EV3KNKIUakNIlMWHHX4zHMpdpf2tfR1zEbxuMQ/1Wxpc0lDvBn4TGrAUw24nr9XzDKtBGQt9mlNYqMWDH30vbtomnaJqHZO7Z8aV4QII4HqBcKJC5Z8dvlRDuTqD6pFjPjj+9i89IKZN5YceXhM4umSd2fMWOb8ePL3Z8O74d345vx7fj2/Ht+HZ8O37CtcpVyasfp61sXJn2eHXyqsprCS9q/KKqqqrDMYt/d6RiIxNtrBjJfgHjDzmB2pjEd+xYs4/wMtbscLxg8VegVMUg/sdjZ5nO2bErL1T8E0C/zHn83iP45XyyfVXlYNkyILdpsHLV/U+c+B3pfXHiF2wCTs11/MH9GM49yTvqDpw3uCMe7qN5N85h6B98UeK/hDI8t/GPPsNLe683VZTg+AZ372g+Xt1NL0b8d4Fimcv4re9q+OSKhMY324BBS25dmPETxaSmHbht/jNWx1+RjkfnHaC6dar47nSgH4/0FQsxftJKMXmIclK8LlRaHr9gCx439krNRuDpVPHXAe0FezfjseX0QovvWqK1h74DaaMYutlSYG38xZnoVib59lynF0wRf7VxcLR3JbrMxQsrfsJqaA99C8+GQHyad1sZf8U5FOcH3uJDKWTsnCr+B/tgXJSCJaUo1YULKf54CcHx30R52RSf9l7r4udpKGl3xdCzzT31F64jaUy8htNQtNqFE/+tUkB7JAF7gLMOMRRWA9pTlzXxXQfRJV+UUGHjm5x+F92Ya2HET12Dkv5QTBqBNeLXtRJldYIV8R2ees5tIrOJr2xzoiQ7FkL8oqsoj5eKyV6UXglYvxmlZNyC+O+j5G+V8B6OjY31Snhbz6FsWQDxH6aj5LrFbBWQ4hYT15k2oHRb1PEvobsvUThQje72cx//jAZUvyLB0oDlEuxAOsoaR3TxR/DaEHV7GJmf+B9fCK9HItGOkiTBrqAMSIhhJ0prVPEHNECLpr7RPh/QBuYl/knCWyaRuI5y9sDEE1/VBRLsbjFKSUE08XenAJta0lHWRfFD7hjZq9dP2f18x3cvQ2k74wo96/hAzIzpJpfXSxTx3VcB5w65mw65MksPS2FEZIcTuOp+nuMrLfmhVYtQCif5NSrPE4km/h6UHhFVP1dm7WH1iP8Q4IZ5iD/cH95OiVDHIpRjXUHn251DYpLVjbKvTKKK34tyXHRZEoUs8XiAkhT7+NYqGEWpXmt+s8PqiROdzlaJKv7FRuNlUxZZXwJsrHu+4yuV1YDT/E6TSjFZBGhPHRJd/DFAOyrWOdkGvPHcx5eu4kD8eqCtNST+2R0i0cXvyGF2X7NdB4ameAd3TsdzH1+GTvjjfxq4IMHxzydKtPEvA30JEqmy85D/kUxqfR+w+bmPr/Tkm97g1iNmn7xWI9HGP4myViLUcRxMTxlDFaIcXQDxZW/gHXNaVuifiTr+auCxRKYhtxyvdTK5bmD1Qohv2Ax0W75R9i7KoESi7oNN+OyQyQ2iZC+Y+BdLgZ2Wxx8FFrlk5mru9eG30iFhFAPvLpj4LShVVsdPKAXyD+6WmVpXjMfX/+g7wDaZ1OnK/SilCQslvrtOEavj9+ChPcmW6R1uGniGx5e/+rXvAitrZBKpe1JmsrZsH464iuHutOWXFGP4/e996TPfn2LgL8LQLOHZ8asArR24LtO4l4/Pd7/1mc98xjzwQ9UDWqc29WXSjl8LXCh4q5kWmZJjCz4/+AOVfsqBLxfz028XeUrtlLDs+BeM+7ajbpnSBnTf+eGPfvBNVT78wDecTBWRe8AFCceOP5QD7JZpDaL8/le/5Ok+7cA3FAE5QxKGHb93ZtvNHcXAl39shJ9+4BvSgF4Jw45/B1gzs/MY3/mKah7BwFfWTLXHyo7fObM1tVHgu5+JdODLK0CnhGHHz5jZCaNM4I8jHvhyBeiTydnxWwFnzcz2EH3LFP8rQEaNTMdRGn47kR3/KLBIppcPfCkk/icyvU+AJpmUHb9lhs+bjgHm79vfBo7I9C4DK2RSdvy8Ge4mOgF8zxT/T4A9Mr0N4d9TYMe/NMPj1NuA3/++v/0faMBDmd4j4PY8xW9NCzgUj/HXAPdkehfTgR/6rvrf+lPjKcq06oFd8xS/HpOTcRg/GVjS5Dcs4fSgfN072/yzL6O0SBh1TQFLgOXzFP8IJmNxGL+CIFclHFcnuj/97je++3WYMulNgp2Yn/gNbZg0xmH8EzONL0O3MOtMnXH8BzGN37GmI/BZ7V+s66oOTHhvrlkfN/HfnXF8KdiFn7bHLTOOnxzL+B0ZtN1f7DvesDMwxPaI8s4h6F4fL/FzgZJuv1GZStmTNnQ5x/fKFLq6A0qA12MYX7VXtIphSdQCa+XrgH0uOXAd0OvHSfyxyN4XljCYd2okab3MWC0wFrP4RntFe6CHfmx+QdH2Wxger4+P+E+B2zJ3LgFLYhZfb29WK4btmMW+fjZQPenN03aZO/eByhjFN9q/v64fL22pGD7C0Lnj/HzUb5h0dXcr0C1z55beKkbxjfYucX3UjNJdKT6pp7zn9I+K1Bn14yB+UegftZjeY3cs4pva6wafbRkXM9fD1ZtPim5ifcfRFS3jrtjHd+RMveA+XDi9YQkrQYPympjEdx0z2k/HqF/hTzDSh9L4VszjS/PUj7jPML1HElYv0C8xiS97gPxUmYG75iOdqasxLHfEOv7rwJI5i38KWBOj+A3VQL3MwBqg2Fd6FL+DsY6/DVg9Z/GfAG/FKL5sABrdMq0ip2nTQBNK/onj1UD5xzGOvxjYlDpl/LT74WVOGd+9CRiOVfzE0onz2o6ByreSsibe1R9zmN5yU7zU+Lq+LZNKXDILb80gvuwDkqaMf1vCuzRl/F4gwxWr+LIMKKkRv9bb+/DIHEkVvywnsG3Ctq5Xwm9tPMks3JpJ/FwgV1wvHTlsafzdBcY/+3WJUXwj61ticOWl4LdxIHg5q0YM6cBhUYaBzNjGN0ZnfTHcsTT+9faxKofxqYpV/ESnaRZz+gRB7rhMy1kljgkjv3A+Rn7qJrzST1sYPxvQruohC2IU33VzWR/QaGR1rEb3nR/9yZ//Lh6XxCurHCi+MyweW4DirDDXfFP8jA8iMDrT+LIFw4CF8V/HMCqxiO8q25MRvJZ2EOXL3l3V3/rGd1Bagp/epT29IiJlKPkVntlO28fh41+VCLw54/hN6HKSs8XC+KfS8SqLRfzWjRhyWsXjShvwF/7tFl/5MpBxUTy24nM+eJ7/msQ8vnwCdGeJhIs/uje80TDxJXVtN0qmxCJ+EV4pyQ/F6wHwZdP+xq98J/Af6njlhhOPdBEpWI3hvmMe4vcA+a2W32QlbAJ6Yhd/0/2XUoMenv/ZZ0y+F/QQPWHb6hwg3bS2s7FSZB7iF/QBqyyPvwo4ezpm8fsKQram/+lnzL70HWCxBFQZ8RVHU+GKvS6Zl/iSB+S/anH81nygVmIWf2Po09FvfCbIj0Lej/aqET9UrOOf7gs7LdnWPL23ZDJbzAM/1vG3A38ZHP+7QG0cxpcRQHtTrFSmAXkyT/FPAL8dHP+vgJ3xGL9mEfBJjVinph/IrJmv+GuAPwqO/+dAfTzGl5uaxbsYLqFck/mKPwL8KKj9t78MvByX8WUU0HaIVbZqQLLEMn7O8kG3+HQB3/mxOf6fAdWp4rN+bWf8xG/dB6T0WyUFyGiNaXwl5d0kX/9M4AffNs00v24aDXWFm50QP/HlWhvW0rZKrOOb1iXXofyVv/7XfgSUd4iHux2Iffxzl8K7jrXOX5qh3Pfff/+1S37q93ZdCm/jZPFdZRsyAPMb6M6j/MBY3PnKD83vF34br7QlV2IXf8HYKhM5ruX2oZwRr8QMlO/8+V/+2Z999UfonqWK13soxauyRbEivh1fcXwA7HOL13gfQfY3iNfuNmP53ML4dnxpQGkxveHbZPtpMRwEMiS28S8+mrV/9NdeGvATfx2dfw1seRSdoilOwFU3iI+rcCWG7q3B21M5GZv4FviFT3n9C+BvPhWdvwUeypxwbww9HOx689T2I53JecNidh14Yse3Vj1QmijT2oGy145vpZpGYNlM961vtjz+8DW/e8Cia4bxFyF+JeDMkhnoRRm3Ov4TJtf9IsQ/Bjjflhk4g1Jhx7dQvQY4B8Xj9F4J5SpzmNpvumnHt1Klv37dznSO9LqCd1NkUrzWEdLejm91/aEz6eg2HiwQw9I17eiObasxtbfjW1+/HZ8WMRzEp8/U3o5vdX2zB2IowczU3o5vff2UO+/cB6rrAvWce97clRPS3o5vff32p+uN0V4oHmPGp6DodaepvR3f+vrpj4b81/nLonNt9F//s3LTb4odf87UiNc4kLNIlwacO+3/03b8GCjGpEL87PgxsAqTdXb8mMbPJiC/QAx2/Ni4m+1XJSZ2/Hlkx7fj2/Ht+HZ8O74d345vx7fj2/Ht+KeATY+n087kMl6bjQ2PDX/3914o//3vo/OTQNrjYMtfm1NFEqVPM1u2Mjv+bNjx7fivPJmx//EflH/NFHbWzsijJzHyRu2cSpTY+Z+fUv498K//1yRQUsU21/H/96cm8S8C8W12fDu+zY5vx7fZ8e34Nju+Hd9mx7fj2+z4dnybHd+96rbyyI4/H3rRnbDjz4c16FZIxA4fCG9pTOJXHQhvvTwHHH0oziGJWAvh5cUk/h7CK5PnwMvonogdfx7sQfeWHX8+NKK0tcZL/J/815Ng7uIXJCQkDM3nfko4IrOQOBhe1ezihxMm/vBgeAkzP3pZIvPkNroesZ718a0X0/gnJVQaipYoPnvt+HOjZuyqhBhG90z8Ro8PyTz4lz+v/J//G95i1/Mdv+E6zRLiFLpaU3yKh2Xhi3X8NzOYGL8fXZU5PucK7fgWG8lhYvzd6PolKD5scMuCV7fLYz+Qv8sjS+bIxe0wSfxadKdC43MrURa6VwnVJWG53OE5ZBodmXiMSrBb6IYlIA+Pvnfs+CYHCO+STG0gH532yCVBEjWUYjFbcQ5dea1YwI7vOIhH+g4JcQ/dbQkyXIzHe0OykCU888gAnM88quYg/uFDwOQ/uvcIupMSbOg9PNIW27OdKOM3ZeCR65ZQreUoG2WCvHJ0m1rs+F5Vr4XXK2H1ONFVF8pE29BtkIlezsDjjRo7/uy9i0fxXZnEDXTXwtwNe1w/bceftU3o0oZkEnWlKGcdMpmaJ3gU2fFnLR+PNaky0Qp0u2RSO9vwWGrHn7V3+vC4WiQTVKDrlUkMHcejeq0scA3j4+OLZY40HMIjfULkgk0oKW6ZKLsYj7RhiYbNcUlDp51ySZBBdMtlosJqPLbXSZRsSel4rE4Qs1F0AxLKnYuH855Ez1bUjUfJXgmoaUepPi0hskx/sc0C7g14lL4lfjvQHZcQW9Px2JwgNot8mE/IAmYuukIJ8cBY03SJzTJV/cHxXRkozvWTxs+4KTYrFWwJil+GbrVMFv/IYbFZbFu1Kf4b6Conia/dcYjNcneLA/FLUNpenRg/vVfmgq3ujhjG0V2QCfKyZI7ZVs3fFk1bGoqWJbFn+xjdY5kHtkfodso8sPUs0xWJ7Tn0/wA7gTyf9tqSGgAAAABJRU5ErkJggg==");
< background-size: 190px 155px;
< }
< }
< @media all and (max-width: 87.4375em) {
< #wiki-promo-sauce-labs-a .wiki-promo-copy,
< #wiki-promo-sauce-labs-a .wiki-promo-cta {
< width: auto;
< }
< #wiki-promo-sauce-labs-a .wiki-promo-copy,
< #wiki-promo-sauce-labs-a .wiki-promo-cta {
< float: none;
< }
< html[dir="rtl"] #wiki-promo-sauce-labs-a .wiki-promo-copy,
< html[dir="rtl"] #wiki-promo-sauce-labs-a .wiki-promo-cta {
< float: none;
< float: none;
< }
< #wiki-promo-sauce-labs-a .wiki-promo-cta {
< padding-top: 15px;
< }
< #wiki-promo-sauce-labs-a .wiki-promo-cta {
< text-align: left;
< }
< html[dir="rtl"] #wiki-promo-sauce-labs-a .wiki-promo-cta {
< text-align: right;
< text-align: left;
< }
< }
< @media all and (max-width: 74.9375em) {
< #wiki-promo-sauce-labs-b .wiki-promo-copy {
< padding: 0 120px 0 0;
< }
< html[dir="rtl"] #wiki-promo-sauce-labs-b .wiki-promo-copy {
< padding: 0 0 0 120px;
< padding: 0 120px 0 0;
< }
< }
< @media all and (max-width: 63.9375em) {
< #wiki-promo-sauce-labs-b {
< background-position: bottom right 40px;
< padding: 20px 350px 20px 25px;
< }
< html[dir="rtl"] #wiki-promo-sauce-labs-b {
< background-position: bottom left 40px;
< background-position: bottom right 40px;
< padding: 20px 25px 20px 350px;
< padding: 20px 350px 20px 25px;
< }
< #wiki-promo-sauce-labs-b .wiki-promo-copy {
< padding: 0;
< }
< html[dir="rtl"] #wiki-promo-sauce-labs-b .wiki-promo-copy {
< padding: 0;
< padding: 0;
< }
< #wiki-promo-sauce-labs-c .wiki-promo-copy {
< padding: 0 120px 0 0;
< }
< html[dir="rtl"] #wiki-promo-sauce-labs-c .wiki-promo-copy {
< padding: 0 0 0 120px;
< padding: 0 120px 0 0;
< }
< }
< @media all and (max-width: 47.9375em) {
< #wiki-promo-sauce-labs-a {
< background-position: bottom 20px center;
< padding: 20px 10px 140px;
< }
< html[dir="rtl"] #wiki-promo-sauce-labs-a {
< background-position: bottom 20px center;
< background-position: bottom 20px center;
< padding: 20px 10px 140px;
< padding: 20px 10px 140px;
< }
< #wiki-promo-sauce-labs-a .wiki-promo-copy,
< #wiki-promo-sauce-labs-a .wiki-promo-cta {
< text-align: center;
< }
< html[dir="rtl"] #wiki-promo-sauce-labs-a .wiki-promo-copy,
< html[dir="rtl"] #wiki-promo-sauce-labs-a .wiki-promo-cta {
< text-align: center;
< text-align: center;
< }
< #wiki-promo-sauce-labs-a .wiki-promo-copy {
< padding: 0 40px;
< }
< #wiki-promo-sauce-labs-a .wiki-promo-cta {
< padding-top: 20px;
< }
< #wiki-promo-sauce-labs-b {
< background-position: bottom center;
< padding: 20px 20px 160px;
< }
< html[dir="rtl"] #wiki-promo-sauce-labs-b {
< background-position: bottom center;
< background-position: bottom center;
< padding: 20px 20px 160px;
< padding: 20px 20px 160px;
< }
< #wiki-promo-sauce-labs-b .wiki-promo-copy,
< #wiki-promo-sauce-labs-b .wiki-promo-cta {
< text-align: center;
< }
< #wiki-promo-sauce-labs-b .wiki-promo-copy {
< padding: 0 40px;
< }
< html[dir="rtl"] #wiki-promo-sauce-labs-b .wiki-promo-copy {
< padding: 0 40px;
< padding: 0 40px;
< }
< #wiki-promo-sauce-labs-c .wiki-promo-copy {
< padding: 0;
< }
< html[dir="rtl"] #wiki-promo-sauce-labs-c .wiki-promo-copy {
< padding: 0;
< padding: 0;
< }
< }
< @media all and (max-width: 29.9375em) {
< #wiki-promo-sauce-labs-a .wiki-promo-copy {
< padding: 0;
< }
< html[dir="rtl"] #wiki-promo-sauce-labs-a .wiki-promo-copy {
< padding: 0;
< padding: 0;
< }
< #wiki-promo-sauce-labs-b {
< padding: 20px 10px 160px;
< }
< html[dir="rtl"] #wiki-promo-sauce-labs-b {
< padding: 20px 10px 160px;
< padding: 20px 10px 160px;
< }
< #wiki-promo-sauce-labs-b .wiki-promo-copy {
< padding: 0;
< }
< html[dir="rtl"] #wiki-promo-sauce-labs-b .wiki-promo-copy {
< padding: 0;
< padding: 0;
< }
< #wiki-promo-sauce-labs-c {
< min-height: 0;
< }
< #wiki-promo-sauce-labs-c {
< background-position: bottom center;
< padding: 0 0 175px;
< }
< html[dir="rtl"] #wiki-promo-sauce-labs-c {
< background-position: bottom center;
< background-position: bottom center;
< padding: 0 0 175px;
< padding: 0 0 175px;
< }
< }
< .revision-diff {
< clear: both;
< }
< .revision-diff dt {
< clear: both;
< font-style: normal;
< font-weight: 700;
< border-top: 1px dotted #ccc;
< }
< .revision-diff .rev-from {
< width: 49%;
< float: left;
< }
< .revision-diff .rev-to {
< width: 49%;
< float: right;
< }
< .revision-diff h3 {
< font-weight: 700;
< margin: 5px 0 0;
< }
< table.diff {
< background: #fff;
< border: 1px solid #ccc;
< clear: both;
< margin: 5px 0 15px;
< width: 100%;
< font-family: consolas, "Liberation Mono", courier, monospace;
< }
< td.diff_header {
< text-align: right;
< }
< .diff_next {
< background-color: silver;
< }
< .diff_add {
< background-color: #afa;
< }
< .diff_chg {
< background-color: #ff7;
< }
< .diff_sub {
< background-color: #faa;
< }
< .slug-change {
< font-size: 16px;
< font-size: 0.88889rem;
< background: #d4dde4;
< border: 1px solid #cae1f4;
< padding: 4px 6px;
< border-radius: 4px;
< display: inline-block;
< margin: 4px 0;
< clear: both;
< }
< .slug-change span {
< white-space: nowrap;
< }
< .slug-change a {
< color: #444;
< }
< code[class*="language-"],
< pre[class*="language-"] {
< color: #000;
< background: 0 0;
< text-shadow: 0 1px #fff;
< font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
< font-size: 1em;
< text-align: left;
< white-space: pre;
< word-spacing: normal;
< word-break: normal;
< word-wrap: normal;
< line-height: 1.5;
< -moz-tab-size: 4;
< -o-tab-size: 4;
< tab-size: 4;
< -webkit-hyphens: none;
< -moz-hyphens: none;
< -ms-hyphens: none;
< hyphens: none;
< }
< code[class*="language-"] ::-moz-selection,
< code[class*="language-"]::-moz-selection,
< pre[class*="language-"] ::-moz-selection,
< pre[class*="language-"]::-moz-selection {
< text-shadow: none;
< background: #b3d4fc;
< }
< code[class*="language-"] ::selection,
< code[class*="language-"]::selection,
< pre[class*="language-"] ::selection,
< pre[class*="language-"]::selection {
< text-shadow: none;
< background: #b3d4fc;
< }
< @media print {
< code[class*="language-"],
< pre[class*="language-"] {
< text-shadow: none;
< }
< }
< pre[class*="language-"] {
< padding: 1em;
< margin: 0.5em 0;
< overflow: auto;
< }
< :not(pre) > code[class*="language-"],
< pre[class*="language-"] {
< background: #f5f2f0;
< }
< :not(pre) > code[class*="language-"] {
< padding: 0.1em;
< border-radius: 0.3em;
< white-space: normal;
< }
< .token.cdata,
< .token.comment,
< .token.doctype,
< .token.prolog {
< color: #708090;
< }
< .token.punctuation {
< color: #999;
< }
< .namespace {
< opacity: 0.7;
< }
< .token.boolean,
< .token.constant,
< .token.deleted,
< .token.number,
< .token.property,
< .token.symbol,
< .token.tag {
< color: #905;
< }
< .token.attr-name,
< .token.builtin,
< .token.char,
< .token.inserted,
< .token.selector,
< .token.string {
< color: #690;
< }
< .language-css .token.string,
< .style .token.string,
< .token.entity,
< .token.operator,
< .token.url {
< color: #9a6e3a;
< background: hsla(0, 0%, 100%, 0.5);
< }
< .token.atrule,
< .token.attr-value,
< .token.keyword {
< color: #07a;
< }
< .token.class-name,
< .token.function {
< color: #dd4a68;
< }
< .token.important,
< .token.regex,
< .token.variable {
< color: #e90;
< }
< .token.bold,
< .token.important {
< font-weight: 700;
< }
< .token.italic {
< font-style: italic;
< }
< .token.entity {
< cursor: help;
< }
< pre[data-line] {
< position: relative;
< padding: 1em 0 1em 3em;
< }
< .line-highlight {
< position: absolute;
< left: 0;
< right: 0;
< padding: inherit 0;
< margin-top: 1em;
< background: hsla(24, 20%, 50%, 0.08);
< background: linear-gradient(
< to right,
< hsla(24, 20%, 50%, 0.1) 70%,
< hsla(24, 20%, 50%, 0)
< );
< pointer-events: none;
< line-height: inherit;
< white-space: pre;
< }
< .line-highlight:before,
< .line-highlight[data-end]:after {
< content: attr(data-start);
< position: absolute;
< top: 0.4em;
< left: 0.6em;
< min-width: 1em;
< padding: 0 0.5em;
< background-color: hsla(24, 20%, 50%, 0.4);
< color: #f4f1ef;
< font: bold 65%/1.5 sans-serif;
< text-align: center;
< vertical-align: 0.3em;
< border-radius: 999px;
< text-shadow: none;
< box-shadow: 0 1px #fff;
< }
< .line-highlight[data-end]:after {
< content: attr(data-end);
< top: auto;
< bottom: 0.4em;
< }
< .line-numbers .line-highlight:after,
< .line-numbers .line-highlight:before {
< content: none;
< }
< pre[class*="language-"].line-numbers {
< position: relative;
< padding-left: 3.8em;
< counter-reset: linenumber;
< }
< pre[class*="language-"].line-numbers > code {
< position: relative;
< white-space: inherit;
< }
< .line-numbers .line-numbers-rows {
< position: absolute;
< pointer-events: none;
< top: 0;
< font-size: 100%;
< left: -3.8em;
< width: 3em;
< letter-spacing: -1px;
< border-right: 1px solid #999;
< -webkit-user-select: none;
< -moz-user-select: none;
< -ms-user-select: none;
< user-select: none;
< }
< .line-numbers-rows > span {
< pointer-events: none;
< display: block;
< counter-increment: linenumber;
< }
< .line-numbers-rows > span:before {
< content: counter(linenumber);
< color: #999;
< display: block;
< padding-right: 0.8em;
< text-align: right;
< }
< .text-content pre[class*="language-"],
< pre.syntaxbox,
< pre.twopartsyntaxbox {
< font-size: 18px;
< font-size: 1rem;
< background: #eee;
< border: 0 solid #3d7e9a;
< color: #333;
< margin-top: 0;
< margin-bottom: 20px;
< padding: 15px;
< position: relative;
< font-family: consolas, monaco, "Andale Mono", monospace;
< font-style: normal;
< font-weight: 400;
< line-height: 1.5;
< overflow: auto;
< direction: ltr !important;
< text-align: left !important;
< border-left-width: 5px !important;
< border-right-width: 0 !important;
< -moz-tab-size: 4;
< tab-size: 4;
< -moz-hyphens: none;
< -webkit-hyphens: none;
< -ms-hyphens: none;
< hyphens: none;
< }
< .text-content pre[class*="language-"],
< pre.syntaxbox,
< pre.twopartsyntaxbox {
< border-left-width: 5px;
< }
< .text-content html[dir="rtl"] pre[class*="language-"],
< html[dir="rtl"] .text-content pre[class*="language-"],
< html[dir="rtl"] pre.syntaxbox,
< html[dir="rtl"] pre.twopartsyntaxbox {
< border-left-width: 0;
< border-right-width: 5px;
< }
< .text-content pre[class*="language-"] > :last-child,
< pre.syntaxbox > :last-child,
< pre.twopartsyntaxbox > :last-child {
< margin-bottom: 0;
< }
< .text-content pre[class*="language-"] > :last-child,
< pre.syntaxbox > :last-child,
< pre.twopartsyntaxbox > :last-child {
< padding-bottom: 0;
< }
< .text-content pre[class*="language-"] p,
< pre.syntaxbox p,
< pre.twopartsyntaxbox p {
< box-sizing: border-box;
< width: 100%;
< max-width: 100%;
< }
< .text-content pre[class*="language-"] p dl,
< .text-content pre[class*="language-"] p p,
< .text-content pre[class*="language-"] p ul,
< pre.syntaxbox p dl,
< pre.syntaxbox p p,
< pre.syntaxbox p ul,
< pre.twopartsyntaxbox p dl,
< pre.twopartsyntaxbox p p,
< pre.twopartsyntaxbox p ul {
< max-width: 100%;
< }
< .text-content pre[class*="language-"] code,
< pre.syntaxbox code,
< pre.twopartsyntaxbox code {
< background-color: transparent;
< font-style: normal;
< font-weight: inherit;
< padding: 0;
< }
< .text-content pre[class*="language-"] {
< margin: 0 0 20px 0;
< }
< .text-content pre[class*="language-"] span.comment {
< display: inherit;
< }
< .text-content code[class*="language-"] > code[class*="language-"] {
< background-color: none;
< }
< .text-content code[class*="language-"],
< .text-content pre[class*="language-"] {
< color: #333;
< text-shadow: none;
< }
< .text-content pre.line-numbers {
< padding-left: 3.8em;
< }
< .text-content pre.no-line-numbers .line-numbers-rows {
< display: none;
< }
< .language-css .token.string,
< .style .token.string,
< .token.entity,
< .token.operator,
< .token.url {
< background-color: transparent;
< }
< .line-highlight {
< padding: 0;
< }
< .line-highlight:before {
< display: none;
< }
< pre.syntaxbox,
< pre.twopartsyntaxbox {
< background: #e4f0f5;
< white-space: pre-wrap;
< }
< pre.twopartsyntaxbox {
< margin-bottom: 0;
< }
< .error pre[class*="language-"] {
< margin: 10px 0 0 0;
< background: 0 0;
< }
< .text-content .example-bad:after,
< .text-content .example-good:after,
< .text-content pre.example-bad[class*="language-"]:after,
< .text-content pre.example-good[class*="language-"]:after {
< display: inline-block;
< content: "";
< background-repeat: no-repeat;
< }
< .text-content .example,
< .text-content .example-bad,
< .text-content .example-good {
< font-size: 18px;
< font-size: 1rem;
< background: #eee;
< border: 0 solid #696969;
< color: #333;
< margin-top: 0;
< margin-bottom: 20px;
< padding: 15px;
< position: relative;
< }
< .text-content .example,
< .text-content .example-bad,
< .text-content .example-good {
< border-left-width: 5px;
< }
< html[dir="rtl"] .text-content .example,
< html[dir="rtl"] .text-content .example-bad,
< html[dir="rtl"] .text-content .example-good {
< border-left-width: 0;
< border-right-width: 5px;
< }
< .text-content .example-bad > :last-child,
< .text-content .example-good > :last-child,
< .text-content .example > :last-child {
< margin-bottom: 0;
< }
< .text-content .example-bad > :last-child,
< .text-content .example-good > :last-child,
< .text-content .example > :last-child {
< padding-bottom: 0;
< }
< .text-content .example-bad:after,
< .text-content .example-good:after,
< .text-content .example:after {
< position: absolute;
< bottom: 2px;
< z-index: 10;
< speak: none;
< }
< .text-content .example-bad:after,
< .text-content .example-good:after,
< .text-content .example:after {
< right: 2px;
< }
< html[dir="rtl"] .text-content .example-bad:after,
< html[dir="rtl"] .text-content .example-good:after,
< html[dir="rtl"] .text-content .example:after {
< right: auto;
< left: 2px;
< }
< html[dir="rtl"] .text-content pre[class*="language-"].example-bad:after,
< html[dir="rtl"] .text-content pre[class*="language-"].example-good:after,
< html[dir="rtl"] .text-content pre[class*="language-"].example:after {
< right: 2px;
< left: auto;
< }
< .text-content .example-good,
< .text-content pre[class*="language-"].example-good {
< background-color: #f6faf3;
< border-color: #4d9f0c;
< }
< .text-content .example-good:after,
< .text-content pre[class*="language-"].example-good:after {
< background: #f6faf3;
< background-image: url(data:image/svg+xml;base64,PHN2ZyBzdHlsZT0iZmlsbDogIzRkOWYwYzsiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI4Ij48cGF0aCBkPSJNMTcuNzE5IDE2Ljc5N0MxNi45MzggMTkuMzEzIDE0LjY0MSAyMSAxMiAyMXMtNC45MzctMS42ODctNS43MTktNC4yMDNjLS4xNzItLjUzMS4xMjUtMS4wNzguNjU2LTEuMjUuNTE2LS4xNzIgMS4wNzguMTI1IDEuMjUuNjU2QzguNzAzIDE3Ljg3NSAxMC4yNSAxOSAxMiAxOXMzLjI5Ny0xLjEyNSAzLjgxMy0yLjc5N2ExLjAwNiAxLjAwNiAwIDAgMSAxLjI2Ni0uNjU2Ljk5NC45OTQgMCAwIDEgLjY0MSAxLjI1ek0xMCAxMGMwIDEuMTA5LS44OTEgMi0yIDJzLTItLjg5MS0yLTIgLjg5MS0yIDItMiAyIC44OTEgMiAyem04IDBjMCAxLjEwOS0uODkxIDItMiAycy0yLS44OTEtMi0yIC44OTEtMiAyLTIgMiAuODkxIDIgMnptNCA0YzAtNS41MTYtNC40ODQtMTAtMTAtMTBTMiA4LjQ4NCAyIDE0czQuNDg0IDEwIDEwIDEwIDEwLTQuNDg0IDEwLTEwem0yIDBjMCA2LjYyNS01LjM3NSAxMi0xMiAxMlMwIDIwLjYyNSAwIDE0IDUuMzc1IDIgMTIgMnMxMiA1LjM3NSAxMiAxMnoiLz48L3N2Zz4=);
< background-size: 16px;
< width: 16px;
< height: 20px;
< }
< .text-content .example-bad,
< .text-content pre[class*="language-"].example-bad {
< background-color: #fef7f7;
< border-color: #e66465;
< }
< .text-content .example-bad:after,
< .text-content pre[class*="language-"].example-bad:after {
< background: #fef7f7;
< background-image: url(data:image/svg+xml;base64,PHN2ZyBzdHlsZT0iZmlsbDogI2U2NjQ2NTsiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI4Ij48cGF0aCBkPSJNMTcuNzE5IDE5LjIwM2EuOTkzLjk5MyAwIDAgMS0uNjQxIDEuMjUgMS4wMDcgMS4wMDcgMCAwIDEtMS4yNjYtLjY1NkMxNS4yOTYgMTguMTI1IDEzLjc0OSAxNyAxMS45OTkgMTdzLTMuMjk3IDEuMTI1LTMuODEzIDIuNzk3Yy0uMTcyLjUzMS0uNzM0LjgyOC0xLjI1LjY1Ni0uNTMxLS4xNzItLjgyOC0uNzE5LS42NTYtMS4yNUM3LjA2MSAxNi42ODcgOS4zNTggMTUgMTEuOTk5IDE1czQuOTM3IDEuNjg3IDUuNzE5IDQuMjAzek0xMCAxMGMwIDEuMTA5LS44OTEgMi0yIDJzLTItLjg5MS0yLTIgLjg5MS0yIDItMiAyIC44OTEgMiAyem04IDBjMCAxLjEwOS0uODkxIDItMiAycy0yLS44OTEtMi0yIC44OTEtMiAyLTIgMiAuODkxIDIgMnptNCA0YzAtNS41MTYtNC40ODQtMTAtMTAtMTBTMiA4LjQ4NCAyIDE0czQuNDg0IDEwIDEwIDEwIDEwLTQuNDg0IDEwLTEwem0yIDBjMCA2LjYyNS01LjM3NSAxMi0xMiAxMlMwIDIwLjYyNSAwIDE0IDUuMzc1IDIgMTIgMnMxMiA1LjM3NSAxMiAxMnoiLz48L3N2Zz4=);
< background-size: 16px;
< width: 16px;
< height: 20px;
< }
< .bc-browsers .bc-head-icon-chrome:before,
< .bc-browsers .bc-head-icon-chrome_android:before,
< .bc-browsers .bc-head-icon-edge:before,
< .bc-browsers .bc-head-icon-edge_mobile:before,
< .bc-browsers .bc-head-icon-firefox:before,
< .bc-browsers .bc-head-icon-firefox_android:before,
< .bc-browsers .bc-head-icon-ie:before,
< .bc-browsers .bc-head-icon-nodejs:before,
< .bc-browsers .bc-head-icon-opera:before,
< .bc-browsers .bc-head-icon-opera_android:before,
< .bc-browsers .bc-head-icon-safari:before,
< .bc-browsers .bc-head-icon-safari_ios:before,
< .bc-browsers .bc-head-icon-samsunginternet_android:before,
< .bc-browsers .bc-head-icon-webview_android:before,
< .bc-platforms .bc-platform-desktop:before,
< .bc-platforms .bc-platform-mobile:before,
< .bc-platforms .bc-platform-server:before,
< .ic-altname:before,
< .ic-deprecated:before,
< .ic-disabled:before,
< .ic-experimental:before,
< .ic-footnote:before,
< .ic-history:before,
< .ic-non-standard:before {
< display: inline-block;
< content: "";
< background-repeat: no-repeat;
< }
< .bc-browsers .bc-head-txt-label {
< display: inline-block;
< bottom: 0;
< margin: 0 0 20px 10px;
< padding: 0;
< width: 20px;
< height: 20px;
< transform: rotate(-90deg);
< transform-origin: left;
< font-size: 20px;
< font-size: 1.11111rem;
< text-align: left;
< white-space: nowrap;
< }
< .bc-browsers .bc-head-txt-label:before {
< position: absolute;
< top: 2px;
< left: -28px;
< display: inline-block;
< content: "";
< background-repeat: no-repeat;
< transform: rotate(90deg);
< }
< .bc-browsers .bc-head-icon-chrome:before,
< .bc-browsers .bc-head-icon-chrome_android:before {
< background-image: url("../../browsers/chrome.b49946f7739f.svg");
< background-size: 20px;
< width: 20px;
< height: 24px;
< }
< .bc-browsers .bc-head-icon-edge:before,
< .bc-browsers .bc-head-icon-edge_mobile:before {
< background-image: url("../../browsers/edge.a5b352eb863f.svg");
< background-size: 20px;
< width: 20px;
< height: 24px;
< }
< .bc-browsers .bc-head-icon-firefox:before,
< .bc-browsers .bc-head-icon-firefox_android:before {
< background-image: url("../../browsers/firefox.1c9f202ae696.svg");
< background-size: 20px;
< width: 20px;
< height: 24px;
< }
< .bc-browsers .bc-head-icon-ie:before {
< background-image: url("../../browsers/internet-explorer.4bb2b5f99e82.svg");
< background-size: 20px;
< width: 20px;
< height: 24px;
< }
< .bc-browsers .bc-head-icon-nodejs:before {
< background-image: url("../../platforms/nodejs.33dfe169dc5c.svg");
< background-size: 20px;
< width: 20px;
< height: 24px;
< }
< .bc-browsers .bc-head-icon-opera:before,
< .bc-browsers .bc-head-icon-opera_android:before {
< background-image: url("../../browsers/opera.da441711d2f6.svg");
< background-size: 20px;
< width: 20px;
< height: 24px;
< }
< .bc-browsers .bc-head-icon-safari:before,
< .bc-browsers .bc-head-icon-safari_ios:before {
< background-image: url("../../browsers/safari.aca6ae03b671.svg");
< background-size: 20px;
< width: 20px;
< height: 24px;
< }
< .bc-browsers .bc-head-icon-webview_android:before {
< background-image: url("../../platforms/android.201ce5d041f7.svg");
< background-size: 18px;
< width: 18px;
< height: 22px;
< left: -23px;
< }
< .bc-browsers .bc-head-icon-samsunginternet_android:before {
< background-image: url("../../browsers/samsung-internet.8faa2ee1b8a1.svg");
< background-size: 20px;
< width: 20px;
< height: 24px;
< }
< .bc-platforms span {
< border: 0;
< clip: rect(0 0 0 0);
< height: 1px;
< margin: -1px;
< overflow: hidden;
< padding: 0;
< position: absolute !important;
< width: 1px;
< }
< .bc-platforms th:before {
< display: inline-block;
< content: "";
< background-repeat: no-repeat;
< background-size: 24px;
< margin-top: 10px;
< width: 24px;
< height: 24px;
< }
< .bc-platforms .bc-platform-desktop:before {
< background-image: url("../../platforms/desktop.d6def92f82da.svg");
< background-size: 24px;
< width: 24px;
< height: 24px;
< }
< .bc-platforms .bc-platform-mobile:before {
< background-image: url("../../platforms/mobile.d9737f9e22aa.svg");
< background-size: 16px;
< width: 16px;
< height: 32px;
< margin-top: 0;
< }
< .bc-platforms .bc-platform-server:before {
< background-image: url("../../platforms/server.42b35e64cb07.svg");
< background-size: 24px;
< width: 24px;
< height: 24px;
< }
< .ic-altname:before {
< background-image: url("../../browser-compat-general/alternate.72dda33cf00f.svg");
< background-size: 12px;
< width: 12px;
< height: 22px;
< }
< .ic-footnote:before {
< background-image: url("../../browser-compat-general/asterisk.63c2d78e2fde.svg");
< background-size: 10px;
< width: 10px;
< height: 10px;
< }
< .ic-prefix:before {
< content: "-x-";
< font-size: 18px;
< font-size: 1rem;
< line-height: 1;
< font-family: sans-serif;
< font-style: normal;
< }
< .ic-disabled:before {
< background-image: url("../../general/flag.31ff64e908bb.svg");
< background-size: 24px;
< width: 24px;
< height: 24px;
< }
< .ic-non-standard:before {
< background-image: url("../../notifications/exclamation-triangle.6d44000df248.svg");
< background-size: 16px;
< width: 16px;
< height: 20px;
< }
< .ic-experimental:before {
< background-image: url("../../general/flask.6c6c1a459b56.svg");
< background-size: 16px;
< width: 16px;
< height: 20px;
< }
< .ic-history:before {
< background-image: url("../../arrows/caret-down.15e6bc84d572.svg");
< background-size: 9px;
< width: 9px;
< height: 13px;
< }
< .ic-deprecated:before {
< background-image: url("../../emojis/thumbs-down.63ec272cd3f4.svg");
< background-size: 16px;
< width: 16px;
< height: 20px;
< }
< .bc-legend .bc-supports {
< margin-bottom: 25px;
< }
< .bc-legend .ic-altname,
< .bc-legend .ic-deprecated,
< .bc-legend .ic-disabled,
< .bc-legend .ic-experimental,
< .bc-legend .ic-footnote,
< .bc-legend .ic-non-standard,
< .bc-legend .ic-prefix {
< display: flex;
< justify-content: center;
< }
< .bc-icons {
< position: relative;
< z-index: 12;
< display: inline-block;
< }
< .bc-icons abbr {
< margin: 0 2px;
< }
< .bc-icons a {
< text-decoration: none;
---
> display: table;
> }
> .languages select {
> max-width: 22.75%;
> }
> .footer-tos,
> .languages {
> margin-bottom: 24px;
> }
7867,7868c688,690
< .bc-icons {
< float: right;
---
> .nav-footer {
> position: relative;
> padding: 60px 20px;
7870,7875c692,696
< }
< .bc-browser-name {
< display: none;
< }
< @media all and (max-width: 47.9375em) {
< .bc-browser-name {
---
> .nav-footer-logo,
> .nav-footer-mozilla {
> margin-bottom: 40px;
> }
> .footer-title {
7876a698,709
> font-size: 20px;
> font-size: 1.11111rem;
> font-family: Arial, x-locale-body, sans-serif;
> letter-spacing: -0.00278rem;
> }
> .footer-group {
> border-bottom: none;
> padding-bottom: 0;
> margin-bottom: 0;
> }
> .footer-group-mdn,
> .footer-group-mozilla {
7878,7884c711,727
< top: 8px;
< left: 0;
< padding-left: 6px;
< height: 25px;
< width: 220px;
< color: #333;
< white-space: nowrap;
---
> top: 20px;
> width: 22.75%;
> left: 39.91667%;
> }
> .footer-group-mozilla {
> left: 65.66667%;
> }
> .languages {
> border-bottom: none;
> padding-bottom: 0;
> }
> .languages label {
> display: block;
> }
> .footer-tos,
> .languages {
> margin-bottom: 20px;
7887,7888c730,732
< table.bc-table {
< margin-bottom: 0;
---
> .contentinfo {
> font-size: 14px;
> font-size: 0.77778rem;
7890,7905c734,736
< .text-content table.bc-table {
< width: 100%;
< table-layout: fixed;
< border: none;
< border-collapse: separate;
< border-spacing: 0;
< background-color: #eaeef2;
< background-color: rgba(212, 221, 228, 0.5);
< }
< .bc-table,
< .bc-table tbody,
< .bc-table td,
< .bc-table th,
< .bc-table thead,
< .bc-table tr {
< box-sizing: border-box;
---
> .contentinfo p,
> .contributors-sub header {
> display: inline;
7907,7909c738,741
< .bc-table tr {
< position: relative;
< border-bottom: 0 solid transparent;
---
> @media all and (min-width: 63.9385em) {
> .contentinfo {
> width: 31.33333%;
> }
7911,7920c743,744
< .bc-table td,
< .bc-table th {
< position: relative;
< padding: 5px 3px;
< border-color: #222;
< border-top: 1px solid #222;
< border-right: 0;
< border-bottom: 0 solid transparent;
< border-left: 1px solid #222;
< text-align: center;
---
> #wikiArticle > p:first-child:empty {
> display: none;
7922,7924c746,748
< .bc-table tbody th,
< .bc-table thead td {
< overflow: hidden;
---
> #wikiArticle {
> padding-bottom: 20px;
> border-bottom: 3px solid #3d7e9a;
7926,7968c750,751
< .bc-table-web tbody th,
< .bc-table-web thead td {
< width: 200px;
< }
< .bc-table-web tbody td,
< .bc-table-web thead th {
< width: 7.69231%;
< }
< .bc-table-js tbody th,
< .bc-table-js thead td {
< width: 200px;
< }
< .bc-table-js tbody td,
< .bc-table-js thead th {
< width: 7.14286%;
< }
< .bc-table-ext tbody th,
< .bc-table-ext thead td {
< width: 300px;
< }
< .bc-table-ext tbody td,
< .bc-table-ext thead th {
< width: 20%;
< }
< .bc-table tbody th + td,
< .bc-table thead td + th {
< border-left: 0;
< }
< .bc-table-web td:nth-child(8),
< .bc-table-web th:nth-child(8) {
< border-left: 2px solid #222;
< }
< .bc-table-js td:nth-child(8),
< .bc-table-js th:nth-child(8) {
< border-left: 2px solid #222;
< }
< .bc-table-js td:nth-child(15),
< .bc-table-js th:nth-child(15) {
< border-left: 2px solid #222;
< }
< .bc-table-ext td:nth-child(6),
< .bc-table-ext th:nth-child(6) {
< border-left: 2px solid #222;
---
> .form-group {
> margin-bottom: 20px;
7970,7973c753,757
< .text-content .bc-table th {
< background-color: transparent;
< overflow: hidden;
< padding: 5px 3px 5px 6px;
---
> .newsletter-teaser {
> margin-top: 0;
> margin-bottom: 20px;
> font-size: 42px;
> font-size: 2.33333rem;
7975,7982c759,762
< .bc-table .bc-platforms th {
< width: auto;
< padding: 5px 0 2px;
< border-top: 0;
< border-bottom: 2px solid #222;
< border-left: 2px solid #222;
< font-size: 28px;
< font-size: 1.55556rem;
---
> .newsletter-description {
> margin-bottom: 20px;
> font-family: x-locale-heading-primary, zillaslab, Palatino,
> "Palatino Linotype", x-locale-heading-secondary, serif;
7984,7985c764,765
< .bc-table .bc-platforms td + th {
< border-left: 0;
---
> .newsletter-fields {
> margin-bottom: 20px;
7987,7998c767,768
< .bc-table .bc-browsers th {
< border-top: 0;
< padding: 3px 0;
< height: 200px;
< vertical-align: bottom;
< font-size: 22px;
< font-size: 1.22222rem;
< }
< .bc-table tbody th {
< border-right: 2px solid #222;
< border-left: 0;
< text-align: left;
---
> dl {
> margin: 0 0 20px;
8000,8001c770,773
< .bc-table tbody th code {
< white-space: nowrap;
---
> input.newsletter-input-email {
> box-sizing: border-box;
> width: 100%;
> padding: 10px;
8003,8006c775,781
< .bc-table thead td {
< border-top: 0;
< border-right: 2px solid #222;
< border-left: 0;
---
> .newsletter-hide {
> position: absolute;
> top: 10px;
> z-index: 11;
> border: 0;
> padding: 0;
> right: 10px;
8008,8009c783,785
< .bc-table td:focus {
< z-index: 1;
---
> .newsletter-thanks h2 {
> margin-top: 0;
> margin-bottom: 20px;
8011,8012c787,791
< .bc-table td[tabindex] {
< cursor: pointer;
---
> .newsletter-submit {
> position: relative;
> width: 100%;
> padding: 10px;
> text-align: left;
8014,8017c793,798
< .bc-table tbody td[tabindex],
< .no-js .bc-table tbody td {
< padding-top: 6px;
< padding-bottom: 12px;
---
> .newsletter-submit .icon-arrow {
> position: absolute;
> top: 30%;
> right: 10px;
> left: auto;
> transition: right 0.2s;
8019c800,801
< .bc-table abbr {
---
> .newsletter-submit:focus,
> .newsletter-submit:hover {
8022,8069c804,811
< @supports (display: grid) {
< @media all and (min-width: 47.9385em) and (max-width: 63.9375em) {
< .bc-table tr {
< display: grid;
< }
< .bc-table-web tr {
< grid-template-columns: repeat(13, 1fr);
< }
< .bc-table-js tr {
< grid-template-columns: repeat(14, 1fr);
< }
< .bc-table-ext tr {
< grid-template-columns: repeat(5, 1fr);
< }
< .text-content .bc-table td,
< .text-content .bc-table th {
< width: auto;
< }
< .bc-table thead td {
< display: none;
< z-index: 1;
< }
< th[class^="bc-platform"][colspan="2"] {
< grid-column-end: span 2;
< }
< th[class^="bc-platform"][colspan="3"] {
< grid-column-end: span 3;
< }
< th[class^="bc-platform"][colspan="4"] {
< grid-column-end: span 4;
< }
< th[class^="bc-platform"][colspan="5"] {
< grid-column-end: span 5;
< }
< th[class^="bc-platform"][colspan="6"] {
< grid-column-end: span 6;
< }
< th[class^="bc-platform"][colspan="7"] {
< grid-column-end: span 7;
< }
< .bc-table tbody th {
< grid-column-start: 1;
< grid-column-end: last-line;
< border-right: none;
< }
< .bc-history {
< padding-left: 0;
< }
---
> .newsletter-submit:focus .icon-arrow,
> .newsletter-submit:hover .icon-arrow {
> right: 5px;
> left: auto;
> }
> @media all and (min-width: 29.9385em) {
> .newsletter-box .form-input {
> padding: 7px 10px 6px;
8071,8075c813,815
< @media all and (min-width: 47.9385em) and (max-width: 74.9375em) {
< .bc-browsers .bc-head-txt-label {
< position: relative;
< bottom: -150px;
< }
---
> .newsletter-box .newsletter-fields {
> display: flex;
> flex-wrap: wrap;
8077,8079c817,841
< @media all and (min-width: 63.9385em) and (max-width: 74.9375em) {
< .wiki-left-present .bc-table tr {
< display: grid;
---
> .newsletter-box .newsletter-errors,
> .newsletter-box .newsletter-group-privacy {
> width: 100%;
> }
> .newsletter-box .newsletter-group-email {
> width: 60%;
> margin-bottom: 0;
> }
> .newsletter-box .newsletter-group-privacy {
> order: 4;
> }
> .newsletter-box .newsletter-group-submit {
> box-sizing: border-box;
> width: 40%;
> padding-left: 20px;
> }
> .newsletter-box .newsletter-submit {
> width: 100%;
> }
> }
> @media all and (min-width: 63.9385em) {
> @supports (display: grid) {
> .newsletter-box {
> display: flex;
> align-items: flex-end;
8081,8082c843,844
< .wiki-left-present .bc-table-web tr {
< grid-template-columns: repeat(13, 1fr);
---
> .newsletter-box .newsletter {
> width: 100%;
8084,8085c846,849
< .wiki-left-present .bc-table-js tr {
< grid-template-columns: repeat(14, 1fr);
---
> .newsletter-box .newsletter-form {
> display: grid;
> grid-column-gap: 20px;
> grid-template-columns: 1fr 1fr;
8087,8088c851,852
< .wiki-left-present .bc-table-ext tr {
< grid-template-columns: repeat(5, 1fr);
---
> .newsletter-box .newsletter-fields {
> display: block;
8090,8091c854
< .wiki-left-present .text-content .bc-table td,
< .wiki-left-present .text-content .bc-table th {
---
> .newsletter-box .newsletter-group-email {
8092a856
> margin-bottom: 20px;
8094,8102c858,859
< .wiki-left-present .bc-table thead td {
< display: none;
< z-index: 1;
< }
< .wiki-left-present th[class^="bc-platform"][colspan="2"] {
< grid-column-end: span 2;
< }
< .wiki-left-present th[class^="bc-platform"][colspan="3"] {
< grid-column-end: span 3;
---
> .newsletter-box .newsletter-input-email {
> max-width: none;
8104,8105c861,863
< .wiki-left-present th[class^="bc-platform"][colspan="4"] {
< grid-column-end: span 4;
---
> .newsletter-box .newsletter-group-submit {
> width: auto;
> padding-left: 0;
8107,8108c865,866
< .wiki-left-present th[class^="bc-platform"][colspan="5"] {
< grid-column-end: span 5;
---
> .newsletter-box .newsletter-submit {
> width: 100%;
8110,8111c868,871
< .wiki-left-present th[class^="bc-platform"][colspan="6"] {
< grid-column-end: span 6;
---
> .newsletter-box .newsletter-description {
> margin-bottom: 0;
> font-size: 18px;
> font-size: 1rem;
8113,8114c873,874
< .wiki-left-present th[class^="bc-platform"][colspan="7"] {
< grid-column-end: span 7;
---
> .newsletter-head {
> grid-column: 1/2;
8116,8119c876,878
< .wiki-left-present .bc-table tbody th {
< grid-column-start: 1;
< grid-column-end: last-line;
< border-right: none;
---
> .newsletter-fields {
> grid-column: 2/3;
> align-self: end;
8121,8122c880,881
< .wiki-left-present .bc-history {
< padding-left: 0;
---
> input.newsletter-input-email {
> margin-top: 10px;
8126,8259c885,893
< @media all and (max-width: 47.9375em) {
< .bc-table thead {
< display: none;
< }
< .bc-table thead td {
< z-index: 2;
< }
< .text-content .bc-table tbody th {
< width: 100%;
< max-width: 100%;
< display: block;
< border-right: 0;
< border-bottom: 1px solid #222;
< padding-top: 20px;
< padding-bottom: 0;
< }
< .bc-table tbody td {
< position: relative;
< min-width: 100%;
< width: 100%;
< max-width: 100%;
< display: block;
< box-sizing: border-box;
< box-shadow: inset 220px 0 0 0 #eaeff2;
< border-top: 1px solid #222;
< border-left: 0;
< padding-left: 250px;
< padding-right: 10px;
< text-align: left;
< }
< .bc-table tbody td[tabindex] {
< padding-bottom: 20px;
< }
< .bc-table-web td:nth-child(8),
< .bc-table-web th:nth-child(8) {
< border-top: 2px solid #222;
< border-left: none;
< }
< .bc-table-js td:nth-child(8),
< .bc-table-js th:nth-child(8) {
< border-top: 2px solid #222;
< border-left: none;
< }
< .bc-table-js td:nth-child(15),
< .bc-table-js th:nth-child(15) {
< border-top: 2px solid #222;
< border-left: none;
< }
< .bc-table-ext td:nth-child(6),
< .bc-table-ext th:nth-child(6) {
< border-top: 2px solid #222;
< border-left: none;
< }
< }
< .bc-supports-no,
< .bc-supports-partial,
< .bc-supports-unknown,
< .bc-supports-yes,
< .bc-table .bc-history {
< color: #222;
< }
< .bc-supports-no a,
< .bc-supports-partial a,
< .bc-supports-unknown a,
< .bc-supports-yes a {
< color: #222;
< text-decoration: underline;
< }
< .bc-supports-yes {
< background-color: #e4f8e1;
< }
< .bc-supports-partial {
< background: #fff3d4;
< background-image: linear-gradient(
< to bottom right,
< rgba(246, 183, 60, 0.3) 0,
< rgba(246, 183, 60, 0.3) 1px,
< transparent 1px,
< transparent 67px,
< rgba(246, 183, 60, 0.3) 67px,
< rgba(246, 183, 60, 0.3) 73px,
< transparent 73px,
< transparent 138px,
< rgba(246, 183, 60, 0.3) 138px,
< rgba(246, 183, 60, 0.3) 144px,
< transparent 144px
< );
< background-size: 100px 100px;
< background-position: 50% 50%;
< background-repeat: no-repeat;
< }
< .bc-supports-no {
< background-color: #f8e1e1;
< background-image: linear-gradient(
< to bottom right,
< rgba(230, 100, 101, 0.2) 0,
< rgba(230, 100, 101, 0.2) 1px,
< transparent 1px,
< transparent 67px,
< rgba(230, 100, 101, 0.2) 67px,
< rgba(230, 100, 101, 0.2) 73px,
< transparent 73px,
< transparent 138px,
< rgba(230, 100, 101, 0.2) 138px,
< rgba(230, 100, 101, 0.2) 144px,
< transparent 144px
< ),
< linear-gradient(
< to bottom left,
< rgba(230, 100, 101, 0.2) 0,
< rgba(230, 100, 101, 0.2) 1px,
< transparent 1px,
< transparent 67px,
< rgba(230, 100, 101, 0.2) 67px,
< rgba(230, 100, 101, 0.2) 73px,
< transparent 73px,
< transparent 138px,
< rgba(230, 100, 101, 0.2) 138px,
< rgba(230, 100, 101, 0.2) 144px,
< transparent 144px
< );
< background-size: 100px 100px, 100px 100px;
< background-position: 50% 50%, 50% 50%;
< background-repeat: no-repeat;
< }
< .bc-supports-unknown {
< background-color: #eee;
< }
< @media all and (max-width: 47.9375em) {
< td.bc-supports-partial {
< background-position: calc(50% + 110px) 50%;
< }
< td.bc-supports-no {
< background-position: calc(50% + 110px) 50%, calc(50% + 110px) 50%;
---
> @media all and (min-width: 74.9375em) {
> @supports (display: grid) {
> .newsletter-box .newsletter-form {
> grid-template-columns: 2fr 1fr;
> }
> .newsletter-box .newsletter-input-email,
> .newsletter-box .newsletter-submit {
> height: 50px;
> }
8262,8283c896
< .bc-history-link {
< background-color: transparent;
< border-radius: 0;
< border: none;
< box-shadow: none;
< color: #333;
< padding: 0;
< position: absolute;
< top: 100%;
< right: 0;
< z-index: 11;
< display: block;
< width: 100%;
< height: 11px;
< margin-top: -10px;
< clear: both;
< text-align: center;
< font-size: 12px;
< font-size: 0.66667rem;
< border-top: 1px solid rgba(34, 34, 34, 0.3);
< }
< .bc-history-link i {
---
> .newsletter-box {
8285c898,908
< top: -4px;
---
> border-top: 3px solid #333;
> padding: 20px 0;
> margin-top: 40px;
> background-color: #fff;
> }
> .newsletter-box .newsletter-teaser:before {
> content: "";
> display: block;
> height: 0.5em;
> width: 1.5em;
> float: right;
8287,8288c910,912
< .active .bc-history-link {
< z-index: 21;
---
> .newsletter-box .newsletter-description {
> font-size: 24px;
> font-size: 1.33333rem;
8290,8294c914,916
< .active .bc-history-link,
< td[tabindex]:focus .bc-history-link,
< td[tabindex]:hover .bc-history-link {
< background-color: #222;
< border-top: 1px solid #222;
---
> .moreinfo dl,
> .newsletter-box .newsletter-fields {
> margin-bottom: 0;
8296,8314c918,921
< .active.bc-supports-yes .ic-history:before,
< td[tabindex].bc-supports-yes:focus .ic-history:before,
< td[tabindex].bc-supports-yes:hover .ic-history:before {
< background-image: url(data:image/svg+xml;base64,PHN2ZyBzdHlsZT0iZmlsbDogI2U0ZjhlMTsiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjE2IiBoZWlnaHQ9IjI4IiB2aWV3Qm94PSIwIDAgMTYgMjgiPjxwYXRoIGQ9Ik0xNiAxMWEuOTkuOTkgMCAwIDEtLjI5Ny43MDNsLTcgN0M4LjUxNiAxOC44OSA4LjI2NSAxOSA4IDE5cy0uNTE2LS4xMDktLjcwMy0uMjk3bC03LTdBLjk5Ni45OTYgMCAwIDEgMCAxMWMwLS41NDcuNDUzLTEgMS0xaDE0Yy41NDcgMCAxIC40NTMgMSAxeiIvPjwvc3ZnPg==);
< }
< .active.bc-supports-no .ic-history:before,
< td[tabindex].bc-supports-no:focus .ic-history:before,
< td[tabindex].bc-supports-no:hover .ic-history:before {
< background-image: url(data:image/svg+xml;base64,PHN2ZyBzdHlsZT0iZmlsbDogI2Y4ZTFlMTsiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjE2IiBoZWlnaHQ9IjI4IiB2aWV3Qm94PSIwIDAgMTYgMjgiPjxwYXRoIGQ9Ik0xNiAxMWEuOTkuOTkgMCAwIDEtLjI5Ny43MDNsLTcgN0M4LjUxNiAxOC44OSA4LjI2NSAxOSA4IDE5cy0uNTE2LS4xMDktLjcwMy0uMjk3bC03LTdBLjk5Ni45OTYgMCAwIDEgMCAxMWMwLS41NDcuNDUzLTEgMS0xaDE0Yy41NDcgMCAxIC40NTMgMSAxeiIvPjwvc3ZnPg==);
< }
< .active.bc-supports-partial .ic-history:before,
< td[tabindex].bc-supports-partial:focus .ic-history:before,
< td[tabindex].bc-supports-partial:hover .ic-history:before {
< background-image: url(data:image/svg+xml;base64,PHN2ZyBzdHlsZT0iZmlsbDogI2ZmZjNkNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTYiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAxNiAyOCI+PHBhdGggZD0iTTE2IDExYS45OS45OSAwIDAgMS0uMjk3LjcwM2wtNyA3QzguNTE2IDE4Ljg5IDguMjY1IDE5IDggMTlzLS41MTYtLjEwOS0uNzAzLS4yOTdsLTctN0EuOTk2Ljk5NiAwIDAgMSAwIDExYzAtLjU0Ny40NTMtMSAxLTFoMTRjLjU0NyAwIDEgLjQ1MyAxIDF6Ii8+PC9zdmc+);
< }
< .active.bc-supports-unknown .ic-history:before,
< td[tabindex].bc-supports-unknown:focus .ic-history:before,
< td[tabindex].bc-supports-unknown:hover .ic-history:before {
< background-image: url(data:image/svg+xml;base64,PHN2ZyBzdHlsZT0iZmlsbDogI2VlZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTYiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAxNiAyOCI+PHBhdGggZD0iTTE2IDExYS45OS45OSAwIDAgMS0uMjk3LjcwM2wtNyA3QzguNTE2IDE4Ljg5IDguMjY1IDE5IDggMTlzLS41MTYtLjEwOS0uNzAzLS4yOTdsLTctN0EuOTk2Ljk5NiAwIDAgMSAwIDExYzAtLjU0Ny40NTMtMSAxLTFoMTRjLjU0NyAwIDEgLjQ1MyAxIDF6Ii8+PC9zdmc+);
---
> @media all and (min-width: 47.9385em) {
> .newsletter-box {
> padding: 40px;
> }
8316,8326c923,930
< @media all and (max-width: 47.9375em) {
< .bc-history-link {
< width: calc(100% - 219px);
< height: 20px;
< margin-top: -20px;
< font-size: 16px;
< font-size: 0.88889rem;
< }
< .bc-history-link i {
< top: 0;
< margin: 0;
---
> @media all and (min-width: 63.9385em) {
> .newsletter-box .newsletter-teaser {
> font-size: 51px;
> font-size: 2.83333rem;
> }
> .newsletter-box .newsletter-description {
> font-size: 26px;
> font-size: 1.44444rem;
8329,8335c933,935
< .bc-table .bc-history {
< position: absolute;
< top: 100%;
< z-index: 20;
< display: none;
< visibility: hidden;
< overflow: hidden;
---
> .blockIndicator,
> .note,
> .warning {
8337,8355c937,948
< border-top: 1px solid #222;
< border-bottom: 2px solid #222;
< cursor: default;
< background-color: #eaeff2;
< background-image: none;
< }
< .bc-table-web .bc-history {
< padding-left: 320px;
< }
< .bc-table-js .bc-history {
< padding-left: 320px;
< }
< .bc-table-ext .bc-history {
< padding-left: 420px;
< }
< .active .bc-history {
< display: block;
< visibility: visible;
< height: 0;
---
> max-width: 42rem;
> overflow: hidden;
> margin-bottom: 20px;
> padding: 10px;
> clear: none;
> background-color: #eee;
> font-family: x-locale-heading-primary, zillaslab, Palatino,
> "Palatino Linotype", x-locale-heading-secondary, serif;
> font-size: 18px;
> font-size: 1rem;
> border-left-width: 5px;
> border-left-style: solid;
8357,8362c950,954
< .bc-history:before {
< content: "";
< display: block;
< height: 45px;
< width: 60px;
< float: right;
---
> .blockIndicator > :last-child,
> .note > :last-child,
> .warning > :last-child {
> margin-bottom: 0;
> padding-bottom: 0;
8364,8370c956,961
< .bc-history-head {
< padding-top: 10px;
< padding-left: 10px;
< margin-bottom: 10px;
< font-size: 19px;
< font-size: 1.05556rem;
< text-align: left;
---
> .blockIndicator:after,
> .note:after,
> .warning:after {
> content: " ";
> clear: both;
> display: table;
8372,8374c963,964
< .bc-history dl {
< text-align: left;
< margin: 20px;
---
> .blockIndicator:before {
> width: 30px;
8376c966,969
< .bc-history dt {
---
> .blockIndicator:before,
> .note:before,
> .warning:before {
> display: inline-block;
8378,8392c971
< clear: left;
< max-width: 120px;
< margin-left: -140px;
< }
< .bc-history dd,
< .bc-history dt {
< margin-top: 30px;
< }
< .bc-history dd {
< min-height: 1.2em;
< margin-bottom: 0;
< padding-top: 4px;
< padding-left: 0;
< padding-bottom: 10px;
< font-weight: 400;
---
> margin: -1px 0 -5px -25px;
8394,8397c973,974
< .bc-history dd + dd,
< .bc-history dl > dt:first-child,
< .bc-history dl > dt:first-child + dd {
< margin-top: 0;
---
> .warning:before {
> width: 30px;
8399,8402c976,978
< .bc-history-button {
< position: absolute;
< top: 10px;
< right: 10px;
---
> .note,
> .warning:not(.notification) {
> padding-left: 25px;
8404,8406c980,981
< .bc-history-button svg {
< width: 12px;
< height: 18px;
---
> .warning:not(.notification) i[class^="icon-"] {
> display: none;
8408c983
< .bc-supports {
---
> html[dir=ltr] .external-icon:not([href^='https://mdn.mozillademos.org']):not(.ignore-external):before {
8410,8414c985,993
< position: relative;
< border: 1px solid #222;
< padding: 3px;
< min-width: 120px;
< text-align: center;
---
> content: "";
> background-repeat: no-repeat;
> background-image: url(https://developer.mozilla.org/static/general/external-link.fb3c293b9226.svg);
> background-size: 12px;
> width: 12px;
> height: 20px;
> margin-top: 3px;
> margin-right: 3px;
> vertical-align: text-top;
8416,8418c995,997
< .bc-legend .bc-supports {
< display: inline-block;
< min-width: 30px;
---
> .note {
> background: #fff3d4;
> border-color: #f6b73c;
8420,8423c999,1001
< @media all and (min-width: 47.9385em) and (max-width: 63.9375em) {
< .bc-table .bc-history {
< padding-left: 140px;
< }
---
> .warning {
> background: #ffe7e8;
> border-color: #e66465;
8425,8428c1003,1004
< @media all and (min-width: 63.9385em) and (max-width: 74.9375em) {
< .wiki-left-present .bc-table .bc-history {
< padding-left: 140px;
< }
---
> article {
> position: relative;
8430,8445c1006,1007
< @media all and (max-width: 47.9375em) {
< .bc-table .bc-history {
< padding-left: 0;
< }
< .bc-history dl {
< margin-left: 10px;
< }
< .bc-history dt {
< margin-top: 10px;
< margin-left: 0;
< margin-bottom: 10px;
< }
< .bc-history dd {
< clear: left;
< min-height: 0;
< }
---
> article a {
> text-decoration: none;
8447,8449c1009,1014
< .bc-footnotes dt {
< margin-top: 10px;
< font-weight: 700;
---
> article .section-link .icon {
> color: #3d7e9a;
> width: 21px;
> height: 21px;
> pointer-events: none;
> margin-left: 10px;
8451,8452c1016,1017
< .bc-footnotes dl > dt:first-child {
< margin-top: 0;
---
> .external-icon:not([href^='https://mdn.mozillademos.org']):not(.ignore-external) {
> white-space: pre-line;
8454,8455c1019,1020
< .bc-footnotes dd {
< margin-left: 20px;
---
> .external-icon:not([href^='https://mdn.mozillademos.org']):not(.ignore-external):focus:after,.external-icon:not([href^='https://mdn.mozillademos.org']):not(.ignore-external):focus:before,.external-icon:not([href^='https://mdn.mozillademos.org']):not(.ignore-external):hover:after,.external-icon:not([href^='https://mdn.mozillademos.org']):not(.ignore-external):hover:before {
> text-decoration: none;
8457c1022,1027
< .bc-legend {
---
> .quick-links-head {
> font-size: 20px;
> font-size: 1.11111rem;
> font-family: x-locale-heading-primary, zillaslab, Palatino,
> "Palatino Linotype", x-locale-heading-secondary, serif;
> display: inline-block;
8459,8467c1029
< margin-top: 20px;
< }
< .bc-legend dl {
< display: grid;
< grid-template-columns: 30px 1fr;
< }
< .bc-legend dt {
< display: block;
< margin: 0 0 5px 0;
---
> width: 100%;
8469,8471c1031,1034
< .bc-legend dd {
< display: block;
< margin: 0 10px 5px 10px;
---
> .quick-links,
> .quick-links a {
> position: relative;
> overflow: hidden;
8473,8476c1036,1039
< @media all and (min-width: 47.9385em) {
< .bc-legend dl {
< grid-template-columns: 30px 1fr 30px 1fr;
< }
---
> .quick-links {
> margin-bottom: 20px;
> font-size: 16px;
> font-size: 0.88889rem;
8478c1041
< .bc-github-link {
---
> .quick-links a {
8479a1043,1045
> max-width: 100%;
> text-overflow: ellipsis;
> hyphens: auto;
8481,8485c1047,1049
< .bc-github-link {
< float: right;
< }
< html[dir="rtl"] .bc-github-link {
< float: left;
---
> .quick-links li {
> line-height: 1.2;
> padding-bottom: 20px;
8487,8488c1051,1053
< div.signal-link-ext-container {
< overflow: hidden;
---
> .quick-links li li {
> padding-bottom: 10px;
> padding-left: 20px;
8490,8493c1055,1056
< div.signal-link-container {
< width: 100%;
< cursor: pointer;
< transition: all 1s ease-out;
---
> .quick-links li li:first-child {
> padding-top: 10px;
8495,8498c1058,1060
< div.signal-link-container > hr {
< background-color: #3d7e9a;
< margin: 0;
< max-width: 100%;
---
> .quick-links .toggle summary {
> color: #333;
> display: inline-block;
8500,8512c1062,1065
< div.signal-link-container > a {
< float: right;
< background-color: #3d7e9a;
< color: #fff;
< padding-right: 15px;
< padding-left: 15px;
< border: 0;
< border-bottom-left-radius: 4px;
< border-bottom-right-radius: 4px;
< font-weight: 700;
< text-align: center;
< height: 35px;
< min-width: 230px;
---
> .quick-links details {
> margin-bottom: 10px;
> margin-left: 0;
> padding-left: 20px;
8514,8516c1067,1068
< div.signal-link-container.slideUp {
< overflow: hidden;
< transform: translateY(-100%);
---
> .quick-links details li {
> padding-left: 0;
8518,8521c1070,1071
< @media all and (max-width: 63.9375em) {
< div.signal-link-container + section {
< padding-top: 30px;
< }
---
> .quick-links details summary:before {
> font-size: 0.6rem;
8523,8529c1073,1074
< .mdn-cta-container {
< position: fixed;
< bottom: 0;
< width: 100%;
< height: 190px;
< text-align: center;
< z-index: 99;
---
> .contributors-sub {
> padding: 4px 0;
8531,8534c1076,1080
< @media all and (min-width: 63.9385em) {
< .mdn-cta-container {
< height: 130px;
< }
---
> .contributors-sub h4 {
> display: inline-block;
> margin: 5px;
> font-size: 21px;
> font-size: 1.16667rem;
8536,8540c1082,1086
< .mdn-cta-container .slab-text {
< background-color: #222;
< color: #fff;
< padding: 0 10px 0 20px;
< width: fit-content;
---
> .contributors-sub ul {
> display: inline;
> margin: 0;
> padding: 0;
> list-style: none;
8542,8543c1088,1089
< .mdn-cta-container .mdn-cta-content {
< padding: 20px;
---
> .contributors-sub ul li {
> display: inline;
8545,8551c1091,1099
< @media all and (min-width: 63.9385em) {
< .mdn-cta-container .mdn-cta-content {
< display: flex;
< flex-direction: row;
< justify-content: center;
< padding: 0;
< }
---
> .warning:not(.notification):before {
> content: "";
> background-image: url(https://developer.mozilla.org/static/notifications/exclamation-circle.6890adcd878f.svg);
> background-repeat: no-repeat;
> background-size: 16px;
> margin-top: 5px;
> margin-left: -20px;
> width: 16px;
> height: 20px;
8553,8554c1101,1112
< .mdn-cta-container .mdn-cta-content-container {
< text-align: left;
---
> .note:before {
> content: "";
> background-image: url(https://developer.mozilla.org/static/file-icons/file.7ac510b78865.svg);
> background-repeat: no-repeat;
> background-size: 16px;
> margin-top: 5px;
> margin-left: -20px;
> width: 16px;
> height: 20px;
> -webkit-transform: scaleY(-1) scaleX(1);
> -ms-transform: scaleY(-1) scaleX(1);
> transform: scaleY(-1) scaleX(1);
8556,8559c1114,1122
< @media all and (min-width: 63.9385em) {
< .mdn-cta-container .mdn-cta-content-container {
< flex-basis: 50%;
< }
---
> a.glossaryLink:not(.new):active,
> a.glossaryLink:not(.new):focus,
> a.glossaryLink:not(.new):hover,
> a.glossaryLink:not(.new):link,
> a.glossaryLink:not(.new):visited {
> color: inherit;
> text-decoration: none;
> border-bottom: 1px dashed #aaa;
> cursor: help;
8561,8565c1124,1131
< .mdn-cta-container .mdn-cta-title {
< position: relative;
< display: inline-block;
< margin: 0;
< font-weight: 400;
---
> .communitybox {
> box-sizing: border-box;
> max-width: 42rem;
> padding: 13px;
> background-color: #e4f0f5;
> font-size: 18px;
> font-size: 1rem;
> border: 0;
8567,8570c1133,1136
< .mdn-cta-container .mdn-cta-copy {
< margin: 12px 0;
< font-size: 21px;
< font-size: 1.16667rem;
---
> .communitybox strong,
> .communitysubhead {
> font-size: 19px;
> font-size: 1.05556rem;
8572,8573c1138,1141
< .mdn-cta-container .mdn-cta-button-container {
< position: relative;
---
> .communitybox ul {
> padding: 0;
> margin-bottom: 0;
> list-style-type: none;
8575,8581c1143,1144
< @media all and (min-width: 63.9385em) {
< .mdn-cta-container .mdn-cta-button-container {
< background-color: #f3f7fd;
< margin: 0;
< padding-top: 40px;
< flex-basis: 50%;
< }
---
> .communitybox h2 {
> margin: 0;
8583,8593c1146
< .mdn-cta-container .mdn-cta-button,
< .mdn-cta-container .mdn-cta-button:link,
< .mdn-cta-container .mdn-cta-button:visited {
< display: inline-block;
< background-color: #3143e2;
< color: #fff;
< padding: 10px;
< border-radius: 56px;
< text-decoration: none;
< font-size: 21px;
< font-size: 1.16667rem;
---
> .communitysubhead {
8595,8603d1147
< width: 70%;
< }
< @media all and (min-width: 47.9385em) {
< .mdn-cta-container .mdn-cta-button,
< .mdn-cta-container .mdn-cta-button:link,
< .mdn-cta-container .mdn-cta-button:visited {
< padding: 15px;
< max-width: 50%;
< }
8605,8611c1149,1151
< .mdn-cta-container .mdn-cta-close {
< position: absolute;
< top: 10px;
< right: 20px;
< background-color: transparent;
< border: none;
< cursor: pointer;
---
> .column-half .communitysubhead {
> margin-top: 13px;
> margin-bottom: 6px;
8613,8616c1153,1154
< @media all and (min-width: 63.9385em) {
< html[dir="rtl"] .mdn-cta-content-container {
< text-align: right;
< }
---
> ul.communitymailinglist {
> margin: 13px 0 -6px;
8618,8619c1156,1158
< html[dir="rtl"] .mdn-cta-close {
< left: 20px;
---
> .communitymailinglist li {
> display: inline-block;
> margin: 0 0 6px;
8621,8622c1160,1162
< .cta-background-default {
< background-color: #333;
---
> .communitymailinglist a {
> background: #3d7e9a;
> display: inline-block;
8623a1164,1166
> padding: 3px 6px;
> border-radius: 3px;
> margin-right: 3px;
8625,8626c1168,1169
< .cta-background-default .icon-close {
< fill: #fff;
---
> .communitycontact {
> margin-top: 13px;
8628,8631c1171,1175
< .cta-background-dino {
< background: #bfe7f9
< url(https://developer.mozilla.org/static/img/hero-dino-blank.df6798604b72.png)
< 100% 0 no-repeat;
---
> .communitycontact a {
> border-bottom-width: 1px;
> border-bottom-style: solid;
> border-bottom-color: #a9bec8;
> border-bottom-color: rgba(255, 255, 255, 0.6);
8633,8634c1177,1181
< .cta-background-dino h2 {
< color: #222;
---
> .communitycontact a:focus,
> .communitycontact a:hover {
> text-decoration: none;
> border-bottom-color: #eaeff1;
> border-bottom-color: rgba(255, 255, 255, 0.9);
8636,8637c1183,1189
< .cta-background-linear {
< background-image: linear-gradient(to right, #83cff3, #ebf8e1);
---
> .text-content .card-grid {
> box-sizing: border-box;
> width: 100%;
> max-width: 100%;
> margin: 0 0 20px;
> list-style-type: none;
> padding: 0;
8639,8640c1191,1193
< .mdn-cta-container .mdn-cta-content {
< box-shadow: 5px 0 9px #c7c7c7;
---
> .text-content .card-grid > li {
> padding: 10px;
> background-color: #eee;
8642,8645c1195,1203
< .mdn-cta-container .mdn-cta-content-container {
< margin: 0 auto;
< max-width: 70%;
< text-align: center;
---
> .text-content .card-grid > li > a:first-child,
> .text-content .card-grid > li > span:first-child {
> display: block;
> margin-bottom: 12px;
> font-size: 26px;
> font-size: 1.44444rem;
> line-height: 1;
> font-family: x-locale-heading-primary, zillaslab, Palatino,
> "Palatino Linotype", x-locale-heading-secondary, serif;
8648,8649c1206,1210
< .mdn-cta-container .mdn-cta-content-container {
< max-width: 90%;
---
> .text-content .card-grid {
> display: flex;
> justify-content: center;
> flex-wrap: wrap;
> margin: 0 0 10px;
8651,8659c1212,1214
< }
< @media all and (min-width: 63.9385em) {
< .mdn-cta-container .mdn-cta-content-container {
< background-image: linear-gradient(to right, #83cff3, #ebf8e1);
< margin: unset;
< padding: 20px;
< padding-left: 45px;
< max-width: unset;
< text-align: left;
---
> .text-content .card-grid > li {
> flex: 1;
> margin: 0 10px 10px;
8661,8664c1216,1217
< }
< @media all and (min-width: 74.9375em) {
< .mdn-cta-container .mdn-cta-content-container {
< padding-left: 120px;
---
> .text-content .card-grid > li:first-child {
> margin-left: 0;
8666,8668c1219,1220
< html[dir="rtl"] .mdn-cta-container .mdn-cta-content-container {
< padding-left: 120px;
< padding-right: 120px;
---
> .text-content .card-grid > li:last-child {
> margin-right: 0;
8671,8672c1223,1229
< .mdn-cta-container .mdn-cta-title:before {
< display: none;
---
> .moreinfo {
> box-sizing: border-box;
> max-width: 42rem;
> position: relative;
> padding: 10px 20px 20px 30px;
> margin-bottom: 20px;
> background: #eee;
8674,8686c1231,1232
< @media all and (min-width: 74.9375em) {
< .mdn-cta-container .mdn-cta-title:before {
< position: absolute;
< left: -90px;
< display: inline-block;
< content: "";
< background: transparent
< url("../../img/banners/developer-needs/icon-survey.3c3e291c45a3.svg") 0 0
< no-repeat;
< background-size: 75px;
< width: 75px;
< height: 75px;
< }
---
> .moreinfo dd {
> margin-bottom: 10px;
8688,8689c1234,1242
< .mdn-cta-container .mdn-cta-button-container:before {
< display: none;
---
> .moreinfo:after {
> border-top: 20px solid transparent;
> border-bottom: 20px solid transparent;
> border-left: 15px solid #fff;
> content: "";
> display: block;
> left: 0;
> position: absolute;
> top: 5px;
8691,8704c1244,1245
< @media all and (min-width: 63.9385em) {
< .mdn-cta-container .mdn-cta-button-container:before {
< position: absolute;
< top: 0;
< left: -40px;
< display: inline-block;
< content: "";
< background: transparent
< url("../../img/banners/developer-needs/curve.7d36cb7fbf85.svg") 0 0
< no-repeat;
< background-size: 100%;
< width: 130px;
< height: 130px;
< }
---
> h2:hover .section-edit {
> opacity: 1;
8706,8710c1247,1266
< @media all and (min-width: 74.9375em) {
< .mdn-cta-container .mdn-cta-button-container:before {
< left: -50px;
< width: 140px;
< }
---
> code[class*="language-"],
> pre[class*="language-"] {
> color: #000;
> background: 0 0;
> text-shadow: 0 1px #fff;
> font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
> font-size: 1em;
> text-align: left;
> white-space: pre;
> word-spacing: normal;
> word-break: normal;
> word-wrap: normal;
> line-height: 1.5;
> -moz-tab-size: 4;
> -o-tab-size: 4;
> tab-size: 4;
> -webkit-hyphens: none;
> -moz-hyphens: none;
> -ms-hyphens: none;
> hyphens: none;
8712,8714c1268,1273
< .mdn-cta-container .mdn-cta-copy {
< font-size: 16px;
< font-size: 0.88889rem;
---
> code[class*="language-"] ::-moz-selection,
> code[class*="language-"]::-moz-selection,
> pre[class*="language-"] ::-moz-selection,
> pre[class*="language-"]::-moz-selection {
> text-shadow: none;
> background: #b3d4fc;
8716,8722c1275,1280
< @media all and (min-width: 63.9385em) {
< .mdn-cta-container .mdn-cta-copy {
< font-size: 18px;
< font-size: 1rem;
< line-height: 1.3;
< max-width: 80%;
< }
---
> code[class*="language-"] ::selection,
> code[class*="language-"]::selection,
> pre[class*="language-"] ::selection,
> pre[class*="language-"]::selection {
> text-shadow: none;
> background: #b3d4fc;
8724,8728c1282,1285
< @media all and (min-width: 74.9375em) {
< .mdn-cta-container .mdn-cta-copy {
< font-size: 21px;
< font-size: 1.16667rem;
< }
---
> pre[class*="language-"] {
> padding: 1em;
> margin: 0.5em 0;
> overflow: auto;
8730,8733c1287,1289
< .mdn-cta-container .mdn-cta-button,
< .mdn-cta-container .mdn-cta-button:link,
< .mdn-cta-container .mdn-cta-button:visited {
< background-color: #161e65;
---
> :not(pre) > code[class*="language-"],
> pre[class*="language-"] {
> background: #f5f2f0;
8735,8736c1291,1294
< html[dir="rtl"] .mdn-cta-title:before {
< display: none;
---
> :not(pre) > code[class*="language-"] {
> padding: 0.1em;
> border-radius: 0.3em;
> white-space: normal;
8738,8739c1296,1297
< html[dir="rtl"] .mdn-cta-title:after {
< display: none;
---
> .token.function {
> color: #dd4a68;
8741,8754c1299,1302
< @media all and (min-width: 74.9375em) {
< html[dir="rtl"] .mdn-cta-title:after {
< position: absolute;
< top: 0;
< right: -90px;
< display: inline-block;
< content: "";
< background: transparent
< url("../../img/banners/developer-needs/icon-survey.3c3e291c45a3.svg") 0 0
< no-repeat;
< background-size: 75px;
< width: 75px;
< height: 75px;
< }
---
> pre[class*="language-"].line-numbers {
> position: relative;
> padding-left: 3.8em;
> counter-reset: linenumber;
8756,8759c1304,1306
< @media all and (min-width: 63.9385em) {
< html[dir="rtl"] .mdn-cta-content-container {
< background-image: linear-gradient(to right, #ebf8e1, #83cff3);
< }
---
> pre[class*="language-"].line-numbers > code {
> position: relative;
> white-space: inherit;
8761,8763c1308,1320
< html[dir="rtl"] .mdn-cta-button-container:before {
< display: none;
< background-image: none;
---
> .line-numbers .line-numbers-rows {
> position: absolute;
> pointer-events: none;
> top: 0;
> font-size: 100%;
> left: -3.8em;
> width: 3em;
> letter-spacing: -1px;
> border-right: 1px solid #999;
> -webkit-user-select: none;
> -moz-user-select: none;
> -ms-user-select: none;
> user-select: none;
8765,8766c1322,1325
< html[dir="rtl"] .mdn-cta-button-container:after {
< display: none;
---
> .line-numbers-rows > span {
> pointer-events: none;
> display: block;
> counter-increment: linenumber;
8768,8782c1327,1332
< @media all and (min-width: 63.9385em) {
< html[dir="rtl"] .mdn-cta-button-container:after {
< position: absolute;
< top: 0;
< right: -56px;
< display: inline-block;
< content: "";
< background: transparent
< url("../../img/banners/developer-needs/curve.7d36cb7fbf85.svg") 0 0
< no-repeat;
< background-size: 100%;
< width: 130px;
< height: 130px;
< transform: rotateY(180deg);
< }
---
> .line-numbers-rows > span:before {
> content: counter(linenumber);
> color: #999;
> display: block;
> padding-right: 0.8em;
> text-align: right;
8784,8788c1334,1373
< @media all and (min-width: 74.9375em) {
< html[dir="rtl"] .mdn-cta-button-container:after {
< left: -50px;
< width: 140px;
< }
---
> .text-content pre[class*="language-"] {
> font-size: 18px;
> font-size: 1rem;
> background: #eee;
> border: 0 solid #3d7e9a;
> padding: 15px;
> position: relative;
> font-family: consolas, monaco, "Andale Mono", monospace;
> font-style: normal;
> font-weight: 400;
> line-height: 1.5;
> overflow: auto;
> direction: ltr !important;
> text-align: left !important;
> border-left-width: 5px !important;
> border-right-width: 0 !important;
> -moz-tab-size: 4;
> tab-size: 4;
> -moz-hyphens: none;
> -webkit-hyphens: none;
> -ms-hyphens: none;
> hyphens: none;
> margin: 0 0 20px;
> }
> .text-content pre[class*="language-"] > :last-child {
> padding-bottom: 0;
> }
> .text-content pre[class*="language-"] code {
> background-color: transparent;
> font-style: normal;
> font-weight: inherit;
> padding: 0;
> }
> .text-content code[class*="language-"],
> .text-content pre[class*="language-"] {
> color: #333;
> text-shadow: none;
> }
> .text-content pre.line-numbers {
> padding-left: 3.8em;
8790d1374
<
8794c1378
< src: url("../../fonts/locales/ZillaSlab-Regular.subset.bbc33fb47cf6.woff2")
---
> src: url(https://developer.mozilla.org/static/fonts/locales/ZillaSlab-Regular.subset.bbc33fb47cf6.woff2)
8796c1380
< url("../../fonts/locales/ZillaSlab-Regular.subset.0357f12613a7.woff")
---
> url(https://developer.mozilla.org/static/fonts/locales/ZillaSlab-Regular.subset.0357f12613a7.woff)
8804c1388
< src: url("../../fonts/locales/ZillaSlab-Bold.subset.e96c15f68c68.woff2")
---
> src: url(https://developer.mozilla.org/static/fonts/locales/ZillaSlab-Bold.subset.e96c15f68c68.woff2)
8806c1390
< url("../../fonts/locales/ZillaSlab-Bold.subset.da0ccde4ca4a.woff")
---
> url(https://developer.mozilla.org/static/fonts/locales/ZillaSlab-Bold.subset.da0ccde4ca4a.woff)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment