mozilla

Compare Revisions

Template:CustomCSS

Change Revisions

Revision 580415:

Revision 580415 by Sheppy on

Revision 584583:

Revision 584583 by DavidWalsh on

Title:
Template:CustomCSS
Template:CustomCSS
Slug:
Template:CustomCSS
Template:CustomCSS
Tags:
"CSS", "ks-fixed"
"CSS", "ks-fixed"
Content:

Revision 580415
Revision 584583
t7    @charset "utf-8"; /* This is a special template used as a cust7    @charset "utf-8"; /* This is a special template used as a cus
>tom CSS for MDN. *//* When editing this stylesheet, please be car>tom CSS for MDN. *//* When editing this stylesheet, please be car
>eful of different writing direction pages like: https://developer>eful of different writing direction pages like: https://developer
>.mozilla.org/he/docs/HTML If you add a custom CSS class, please t>.mozilla.org/he/docs/HTML If you add a custom CSS class, please t
>ry one of the following. 1, Report to the (evil) leader. 2, Write>ry one of the following. 1, Report to the (evil) leader. 2, Write
> a description about the class that you have added to -- https://> a description about the class that you have added to -- https://
>developer.mozilla.org/en-US/docs/Project:Custom_CSS_Classes -- */>developer.mozilla.org/en-US/docs/Project:Custom_CSS_Classes -- */
> /* bug 991732: Quick hack to hide the "external link" indicator > /* bug 991732: Quick hack to hide the "external link" indicator 
>where class="ignore-external" */ body article .ignore-external:be>where class="ignore-external" */ body article .ignore-external:be
>fore { content: ""; } /* Used for footnotes in {{PricePointTable}>fore { content: ""; } /* Used for footnotes in {{PricePointTable}
>} (footnotes styles should be unified) */ .footnote { vertical-al>} (footnotes styles should be unified) */ .footnote { vertical-al
>ign: super; font-size:60%;} /* Make the 2nd breadcrumbs disappear>ign: super; font-size:60%;} /* Make the 2nd breadcrumbs disappear
>, only if the page has been regenerated with a modern template */>, only if the page has been regenerated with a modern template */
> .column-container #wikiArticle .themeUpdated { display:none } /*> .column-container #wikiArticle .themeUpdated { display:none } /*
> Used to wrap columns that should all be the same height */ .equa> Used to wrap columns that should all be the same height */ .equa
>lColumnHeights { display: table; border-collapse: separate; borde>lColumnHeights { display: table; border-collapse: separate; borde
>r-spacing: 20px; } .equalColumnHeights div { display: table-cell;>r-spacing: 20px; } .equalColumnHeights div { display: table-cell;
> width: 50%; height:100%; } // Use for large table (.thirdColumn > width: 50%; height:100%; } // Use for large table (.thirdColumn 
>+ .***Bg) table#fullwidth-table td.thirdColumn { width: 30%; } .g>+ .***Bg) table#fullwidth-table td.thirdColumn { width: 30%; } .g
>reenBg { width: 30%; background-color: rgb(128,255,128); } .light>reenBg { width: 30%; background-color: rgb(128,255,128); } .light
>GreenBg { background-color: rgb(220,255,220); } .yellowBg { backg>GreenBg { background-color: rgb(220,255,220); } .yellowBg { backg
>round-color: rgb(255,255,220); } .orangeBg { background-color: rg>round-color: rgb(255,255,220); } .orangeBg { background-color: rg
>b(255,160,100); } .redBg { background-color: #F66; } /* highlight>b(255,160,100); } .redBg { background-color: #F66; } /* highlight
>ed (bottom) link in call-out boxes */ .callout-link-container { p>ed (bottom) link in call-out boxes */ .callout-link-container { p
>osition:relative; height:100%; } .callout-link-wrapper { padding->osition:relative; height:100%; } .callout-link-wrapper { padding-
>top:32px; } .callout-link { font-style: italic; font-size: 14px; >top:32px; } .callout-link { font-style: italic; font-size: 14px; 
>font-weight: normal; display:block; position:absolute; bottom:0; >font-weight: normal; display:block; position:absolute; bottom:0; 
>right:0; } /* remove left margin from Font Awesome icons inside w>right:0; } /* remove left margin from Font Awesome icons inside w
>iki content; this is messing up document content */ #wikiArticle >iki content; this is messing up document content */ #wikiArticle 
>i[class^="icon-"] { margin-left: 0px; } /* Iframe for live sample>i[class^="icon-"] { margin-left: 0px; } /* Iframe for live sample
> centered (Test) */ .centered iframe { display: block; margin: 0 > centered (Test) */ .centered iframe { display: block; margin: 0 
>auto;border:none } /* Simulate two columns for landing page, if e>auto;border:none } /* Simulate two columns for landing page, if e
>nough space is available */ @media (min-width:1050px) { .topicpag>nough space is available */ @media (min-width:1050px) { .topicpag
>e-table {display: table; border-collapse: separate; border-spacin>e-table {display: table; border-collapse: separate; border-spacin
>g: 20px 0 } /* Next line to remove once the redesign is live: */ >g: 20px 0 } /* Next line to remove once the redesign is live: */ 
>.topicpage-table .section:first-of-type { margin-right: 20px; bor>.topicpage-table .section:first-of-type { margin-right: 20px; bor
>der-right: solid 6px rgba(212,221,228,0.5); } html[dir="rtl"] .to>der-right: solid 6px rgba(212,221,228,0.5); } html[dir="rtl"] .to
>picpage-table .section:first-of-type { border-left:solid 6px rgba>picpage-table .section:first-of-type { border-left:solid 6px rgba
>(212,221,228,0.5); border-right: none; } .landing { display: tabl>(212,221,228,0.5); border-right: none; } .landing { display: tabl
>e-row;} .section { display: table-cell; width:50%;} } /* For Land>e-row;} .section { display: table-cell; width:50%;} } /* For Land
>ing page boxes; these are boxes displayed within columns on landi>ing page boxes; these are boxes displayed within columns on landi
>ng pages, such as the Community and Related boxes. */ .landingPag>ng pages, such as the Community and Related boxes. */ .landingPag
>eBox { width: 100%; padding: 0px; border-bottom: 1px solid #bbb; >eBox { width: 100%; padding: 0px; border-bottom: 1px solid #bbb; 
>margin-bottom: 3px; } .landingPageBox ul { padding-left: 44px; } >margin-bottom: 3px; } .landingPageBox ul { padding-left: 44px; } 
>/* Wide column box */ .wideColumnBox { column-width:375px; -moz-c>/* Wide column box */ .wideColumnBox { column-width:375px; -moz-c
>olumn-width:375px; -webkit-column-width:375px; -o-column-width:37>olumn-width:375px; -webkit-column-width:375px; -o-column-width:37
>5px; -ms-column-width:375px;} .wideColumnBoxList li { line-height>5px; -ms-column-width:375px;} .wideColumnBoxList li { line-height
>: 1.5; list-style-type: none; padding-left: 0; page-break-inside:>: 1.5; list-style-type: none; padding-left: 0; page-break-inside:
> avoid; } /* Multi-column boxes for lists of longer links; this w> avoid; } /* Multi-column boxes for lists of longer links; this w
>ill adapt based on screen width */ .multiColumnList { column-widt>ill adapt based on screen width */ .multiColumnList { column-widt
>h:250px; -moz-column-width:250px; -webkit-column-width:250px; -o->h:250px; -moz-column-width:250px; -webkit-column-width:250px; -o-
>column-width:250px; -ms-column-width:250px;} .multiColumnList li >column-width:250px; -ms-column-width:250px;} .multiColumnList li 
>{ line-height: 1.5; list-style-type: none; padding-left: 0; page->{ line-height: 1.5; list-style-type: none; padding-left: 0; page-
>break-inside: avoid; } /* Multi-column boxes for smaller links, s>break-inside: avoid; } /* Multi-column boxes for smaller links, s
>uch as API terms */ .smallMultiColumnList { column-width: 120px; >uch as API terms */ .smallMultiColumnList { column-width: 120px; 
>-moz-column-width:120px; -webkit-column-width:120px; -o-column-wi>-moz-column-width:120px; -webkit-column-width:120px; -o-column-wi
>dth:120px; -ms-column-width:120px} .smallMultiColumnList li { lis>dth:120px; -ms-column-width:120px} .smallMultiColumnList li { lis
>t-style-type: none; padding-left: 0; page-break-inside: avoid; } >t-style-type: none; padding-left: 0; page-break-inside: avoid; } 
>/* Multi-column box for smaller text */ .horizFlexboxContainer { >/* Multi-column box for smaller text */ .horizFlexboxContainer { 
>display: flex; display: -webkit-flex; flex-flow: column nowrap; ->display: flex; display: -webkit-flex; flex-flow: column nowrap; -
>webkit-flex-flow: column nowrap; justify-content: center; -webkit>webkit-flex-flow: column nowrap; justify-content: center; -webkit
>-justify-content: center; align-content: center; -webkit-align-co>-justify-content: center; align-content: center; -webkit-align-co
>ntent: center; align-items: center; -webkit-align-items: center; >ntent: center; align-items: center; -webkit-align-items: center; 
>flex-direction: column; -webkit-flex-direction: column; } div.sma>flex-direction: column; -webkit-flex-direction: column; } div.sma
>llTextMultiColumnBoxHeading { background-color: #aac; border-radi>llTextMultiColumnBoxHeading { background-color: #aac; border-radi
>us: 10px 10px 0 0; border: 2px solid #ccc; order: 1; -webkit-orde>us: 10px 10px 0 0; border: 2px solid #ccc; order: 1; -webkit-orde
>r: 1; width: 75%; padding: 10px; flex: 0 1 auto; -webkit-flex: 0 >r: 1; width: 75%; padding: 10px; flex: 0 1 auto; -webkit-flex: 0 
>1 auto; font-weight: bold; } div.smallTextMultiColumnBoxList { bo>1 auto; font-weight: bold; } div.smallTextMultiColumnBoxList { bo
>rder: 2px solid #ccc; background-color: #ddf; border-top: 0; bord>rder: 2px solid #ccc; background-color: #ddf; border-top: 0; bord
>er-radius: 0 0 10px 10px; width: 75%; padding: 10px; order: 2; -w>er-radius: 0 0 10px 10px; width: 75%; padding: 10px; order: 2; -w
>ebkit-order: 2; flex: 0 1 auto; -webkit-flex: 0 1 auto; } div.sma>ebkit-order: 2; flex: 0 1 auto; -webkit-flex: 0 1 auto; } div.sma
>llTextMultiColumnBoxList ul { column-width:100px; -moz-column-wid>llTextMultiColumnBoxList ul { column-width:100px; -moz-column-wid
>th:100px; -webkit-column-width:100px; -o-column-width:100px; -ms->th:100px; -webkit-column-width:100px; -o-column-width:100px; -ms-
>column-width:100px; } div.smallTextMultiColumnBoxList li { list-s>column-width:100px; } div.smallTextMultiColumnBoxList li { list-s
>tyle-type: none; padding-left: 0; font-size: 80%; } /* For ending>tyle-type: none; padding-left: 0; font-size: 80%; } /* For ending
> "text alongside images" blocks; add this class to the first bloc> "text alongside images" blocks; add this class to the first bloc
>k that shouldn't be next to the image */ .endImageWrapping { clea>k that shouldn't be next to the image */ .endImageWrapping { clea
>r: both; } /* Fancy Table of content for main pages of tutorial*/>r: both; } /* Fancy Table of content for main pages of tutorial*/
> .fancyTOC { counter-reset: fancyTOC; -moz-columns: 18em; columns> .fancyTOC { counter-reset: fancyTOC; -moz-columns: 18em; columns
>: 18em; margin-bottom: 1em } .fancyTOC .button { display: block; >: 18em; margin-bottom: 1em } .fancyTOC .button { display: block; 
>margin-right: 0; margin-bottom: .25em; background-color: #A24C4C;>margin-right: 0; margin-bottom: .25em; background-color: #A24C4C;
> color: #fff; font-size: 1.5em; line-height: 1.5 } .fancyTOC a::b> color: #fff; font-size: 1.5em; line-height: 1.5 } .fancyTOC a::b
>efore { counter-increment: fancyTOC; content: counter(fancyTOC) ">efore { counter-increment: fancyTOC; content: counter(fancyTOC) "
>. " } .fancyTOC a::after { content: ' »' } .fancyTOC .button:hove>. " } .fancyTOC a::after { content: ' »' } .fancyTOC .button:hove
>r, .fancyTOC .button:focus, .fancyTOC .button:active { background>r, .fancyTOC .button:focus, .fancyTOC .button:active { background
>-color: #C26C6C } /* In index, dim obsolete, deprecated or non-st>-color: #C26C6C } /* In index, dim obsolete, deprecated or non-st
>andard element instead of striking through them */ s.deprecatedEl>andard element instead of striking through them */ s.deprecatedEl
>ement, s.obsoleteElement, s.nonStdElement { text-decoration: none>ement, s.obsoleteElement, s.nonStdElement { text-decoration: none
>; opacity: .3 } /* Add widgeted index, here adding an HTML5 badge>; opacity: .3 } /* Add widgeted index, here adding an HTML5 badge
> as the bullet of the li element if class="html5" */ div.index.wi> as the bullet of the li element if class="html5" */ div.index.wi
>dgeted { -webkit-column-width: 10em; -moz-column-width: 10em; col>dgeted { -webkit-column-width: 10em; -moz-column-width: 10em; col
>umns: 10em } div.index.widgeted li { padding-left: 18px } div.ind>umns: 10em } div.index.widgeted li { padding-left: 18px } div.ind
>ex.widgeted li.html5 { background-image: url("/files/3855/HTML5_B>ex.widgeted li.html5 { background-image: url("/files/3855/HTML5_B
>adge_16.png"); background-repeat: no-repeat; background-position:>adge_16.png"); background-repeat: no-repeat; background-position:
> left 4px } [dir="rtl"] div.index.widgeted li { padding-right: 18> left 4px } [dir="rtl"] div.index.widgeted li { padding-right: 18
>px } [dir="rtl"] div.index.widgeted li.html5 { background-image: >px } [dir="rtl"] div.index.widgeted li.html5 { background-image: 
>url("/files/3855/HTML5_Badge_16.png"); background-repeat: no-repe>url("/files/3855/HTML5_Badge_16.png"); background-repeat: no-repe
>at; background-position: right 4px } [dir="rtl"] div.index.widget>at; background-position: right 4px } [dir="rtl"] div.index.widget
>ed span { padding-right:24px } /* Add widgeted index, adding a We>ed span { padding-right:24px } /* Add widgeted index, adding a We
>bcomponent badge of the li element if class="webcomp" */ div.inde>bcomponent badge of the li element if class="webcomp" */ div.inde
>x.widgeted li.webcomp::after { font-family: FontAwesome; content:>x.widgeted li.webcomp::after { font-family: FontAwesome; content:
>" \f085";} /* Quicknav template styles : https://developer.mozill>" \f085";} /* Quicknav template styles : https://developer.mozill
>a.org/en-US/docs/Template:quicknav -------- */ #wikiArticle { pos>a.org/en-US/docs/Template:quicknav -------- */ #wikiArticle { pos
>ition: relative; } .quicknav { position: fixed; top: 237px; left:>ition: relative; } .quicknav { position: fixed; top: 237px; left:
> 33px; background: #FFF; z-index: 1 } .quicknav dl { max-width: 0> 33px; background: #FFF; z-index: 1 } .quicknav dl { max-width: 0
>; max-height: 300px; overflow: auto; margin: 0; padding: 10px 0; >; max-height: 300px; overflow: auto; margin: 0; padding: 10px 0; 
>border: 1px solid transparent; border-left: none -webkit-transiti>border: 1px solid transparent; border-left: none -webkit-transiti
>on: border .5s ease .1s, max-width .5s ease .1s, padding .5s line>on: border .5s ease .1s, max-width .5s ease .1s, padding .5s line
>ar .1s; -moz-transition: border .5s ease .1s, max-width .5s ease >ar .1s; -moz-transition: border .5s ease .1s, max-width .5s ease 
>.1s, padding .5s linear .1s; -ms-transition: border .5s ease .1s,>.1s, padding .5s linear .1s; -ms-transition: border .5s ease .1s,
> max-width .5s ease .1s, padding .5s linear .1s; -o-transition: b> max-width .5s ease .1s, padding .5s linear .1s; -o-transition: b
>order .5s ease .1s, max-width .5s ease .1s, padding .5s linear .1>order .5s ease .1s, max-width .5s ease .1s, padding .5s linear .1
>s; transition: border .5s ease .1s, max-width .5s ease .1s, paddi>s; transition: border .5s ease .1s, max-width .5s ease .1s, paddi
>ng .5s linear .1s } .quicknav dt, .quicknav dd { margin: 0; paddi>ng .5s linear .1s } .quicknav dt, .quicknav dd { margin: 0; paddi
>ng: 0; white-space: nowrap } .quicknav dt { font-weight: 700 } .q>ng: 0; white-space: nowrap } .quicknav dt { font-weight: 700 } .q
>uicknav dd + dt { margin-top: .5em } .quicknav:hover dl { max-wid>uicknav dd + dt { margin-top: .5em } .quicknav:hover dl { max-wid
>th: 300px; padding: 10px 20px 10px 10px; border-color: #ECECE7 } >th: 300px; padding: 10px 20px 10px 10px; border-color: #ECECE7 } 
>.quicknav .showme { display: block; position: absolute; top: 10px>.quicknav .showme { display: block; position: absolute; top: 10px
>; left: -31px; width: 30px; font: 2em sans-serif; color: #CCC; te>; left: -31px; width: 30px; font: 2em sans-serif; color: #CCC; te
>xt-align: center; background: #FFF; border-radius: 5px 0 0 5px; b>xt-align: center; background: #FFF; border-radius: 5px 0 0 5px; b
>order: 1px solid #ECECE7; border-right: none } .quicknav:hover .s>order: 1px solid #ECECE7; border-right: none } .quicknav:hover .s
>howme { color: #333; } .cleared { clear: both } /* This style has>howme { color: #333; } .cleared { clear: both } /* This style has
> problem ! Style attribute of BR element is not work in Kuma */ .> problem ! Style attribute of BR element is not work in Kuma */ .
>clearLeft { clear: left } /* ltr page only ? */ span.comment { di>clearLeft { clear: left } /* ltr page only ? */ span.comment { di
>splay:none; } #wikiArticle .breadcrumbs { display: block; margin->splay:none; } #wikiArticle .breadcrumbs { display: block; margin-
>bottom: 1em } /* The HTML5 landing page has some special-case stu>bottom: 1em } /* The HTML5 landing page has some special-case stu
>ff, handled here */ /* table.html5ArticleToc { border-width: 5px >ff, handled here */ /* table.html5ArticleToc { border-width: 5px 
>}*/ table.html5ArticleToc { border-style: none; border-width: 0; >}*/ table.html5ArticleToc { border-style: none; border-width: 0; 
>background-color: transparent; border-color: transparent; width: >background-color: transparent; border-color: transparent; width: 
>100%;} .html5ArticleToc thead th { padding: .5em 1em } .html5Arti>100%;} .html5ArticleToc thead th { padding: .5em 1em } .html5Arti
>cleToc tbody td { vertical-align: middle } .html5ArticleToc ul { >cleToc tbody td { vertical-align: middle } .html5ArticleToc ul { 
>margin: 0; padding: 0 } .html5ArticleToc ul li { display: inline;>margin: 0; padding: 0 } .html5ArticleToc ul li { display: inline;
> margin: 0 .25em } /* The syntax box: the first one is now used a> margin: 0 .25em } /* The syntax box: the first one is now used a
>nywhere (DOM, JS, CSS, ...) The twoparts is used for CSS properti>nywhere (DOM, JS, CSS, ...) The twoparts is used for CSS properti
>es */ pre.syntaxbox { margin-bottom: 1em; background-color: #ffe;>es */ pre.syntaxbox { margin-bottom: 1em; background-color: #ffe;
> } pre.twopartsyntaxbox { margin-bottom: 0; background-color: #ff> } pre.twopartsyntaxbox { margin-bottom: 0; background-color: #ff
>e; } pre.twopartsyntaxbox + pre { border-top: none; margin-top: 0>e; } pre.twopartsyntaxbox + pre { border-top: none; margin-top: 0
> } /* Allow the content of the syntax box to wrap, to prevent hor> } /* Allow the content of the syntax box to wrap, to prevent hor
>izontal scrolling */ pre.syntaxbox code[class*="language-"], pre.>izontal scrolling */ pre.syntaxbox code[class*="language-"], pre.
>twopartsyntaxbox code[class*="language-"] { white-space:pre-line;>twopartsyntaxbox code[class*="language-"] { white-space:pre-line;
> } table.withoutBorder, table.withoutBorder td, table.withoutBord> } table.withoutBorder, table.withoutBorder td, table.withoutBord
>er tr, table.withoutBorder th { border: none } td.horizontalLine >er tr, table.withoutBorder th { border: none } td.horizontalLine 
>{ border-left: none } td.column { border-bottom: none } td.bottom>{ border-left: none } td.column { border-bottom: none } td.bottom
>Part { border-top: none } /* Use the verticalText class on a tabl>Part { border-top: none } /* Use the verticalText class on a tabl
>e cell to rotate its contents 90° */ td.verticalText { width: 3em>e cell to rotate its contents 90° */ td.verticalText { width: 3em
>; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90de>; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90de
>g); -o-transform: rotate(-90deg); transform: rotate(-90deg) } tab>g); -o-transform: rotate(-90deg); transform: rotate(-90deg) } tab
>le.blockTable { border-collapse: collapse } table.blockTable, tab>le.blockTable { border-collapse: collapse } table.blockTable, tab
>le.blockTable td { margin: 1px; padding: 1px } table.blockTable .>le.blockTable td { margin: 1px; padding: 1px } table.blockTable .
>verticalColumn { border-left: none; border-right: none } /* The i>verticalColumn { border-left: none; border-right: none } /* The i
>ndex page for HTML / CSS */ div.index { -webkit-columns: 18em; -m>ndex page for HTML / CSS */ div.index { -webkit-columns: 18em; -m
>oz-column-width: 18em; columns: 18em } div.index > span { font>oz-column-width: 18em; columns: 18em } div.index > span { font
>-family: Georgia, Times, 'Times New Roman', serif; font-size: 1.6>-family: Georgia, Times, 'Times New Roman', serif; font-size: 1.6
>em } div.index ul, div.index ol { margin-left: 0; padding-left: 0>em } div.index ul, div.index ol { margin-left: 0; padding-left: 0
>; list-style-type: none } /* Stuff used for the syntax informatio>; list-style-type: none } /* Stuff used for the syntax informatio
>n about CSS, HTML, and so forth */ /* ul.cssprop box used by each>n about CSS, HTML, and so forth */ /* ul.cssprop box used by each
> CSS Property reference page*/ .cssprop { background-color: rgba(> CSS Property reference page*/ .cssprop { background-color: rgba(
>255, 203, 0, 0.1); } [dir="ltr"] .cssprop { clear: left; border-l>255, 203, 0, 0.1); } [dir="ltr"] .cssprop { clear: left; border-l
>eft: 6px solid rgba(255,203,0,0.5); } [dir="rtl"] .cssprop { clea>eft: 6px solid rgba(255,203,0,0.5); } [dir="rtl"] .cssprop { clea
>r: right; border-right:6px solid rgba(255,203,0,0.5); } .cssprop >r: right; border-right:6px solid rgba(255,203,0,0.5); } .cssprop 
>li { display: table-row; padding: 3px; margin: 0 } .cssprop li df>li { display: table-row; padding: 3px; margin: 0 } .cssprop li df
>n { display: table-cell; padding: 0 5px; border-bottom: none; whi>n { display: table-cell; padding: 0 5px; border-bottom: none; whi
>te-space: pre; cursor: inherit } .cssprop li dfn:after { content:>te-space: pre; cursor: inherit } .cssprop li dfn:after { content:
> ":" } .cssprop li li { display: list-item; list-style-type: disc> ":" } .cssprop li li { display: list-item; list-style-type: disc
>; line-height: 1 } /* ul.htmlelt box used by each HTML Element re>; line-height: 1 } /* ul.htmlelt box used by each HTML Element re
>ference page */ .htmlelt { display: table; padding: 11px 22px; ba>ference page */ .htmlelt { display: table; padding: 11px 22px; ba
>ckground-color:rgba(255,149,0,0.1); } [dir="ltr"] .htmlelt { clea>ckground-color:rgba(255,149,0,0.1); } [dir="ltr"] .htmlelt { clea
>r: left; border-left:6px solid rgba(255,149,0,0.5); } [dir="rtl"]>r: left; border-left:6px solid rgba(255,149,0,0.5); } [dir="rtl"]
> .htmlelt { clear: right; border-right:6px solid rgba(255,149,0,0> .htmlelt { clear: right; border-right:6px solid rgba(255,149,0,0
>.5); } .htmlelt li { display: table-row; padding: 3px; margin: 0;>.5); } .htmlelt li { display: table-row; padding: 3px; margin: 0;
> text-align: left } .htmlelt li dfn { display: table-cell; paddin> text-align: left } .htmlelt li dfn { display: table-cell; paddin
>g: 0 5px; border-bottom: none; white-space: pre; cursor: inherit >g: 0 5px; border-bottom: none; white-space: pre; cursor: inherit 
>} .htmlelt li dfn:after { content: ":" } .htmlelt li li { display>} .htmlelt li dfn:after { content: ":" } .htmlelt li li { display
>: list-item; list-style-type: disc; line-height: 1 } /* ul.audion>: list-item; list-style-type: disc; line-height: 1 } /* ul.audion
>odebox used by each AudioNode object reference page*/ .audionodeb>odebox used by each AudioNode object reference page*/ .audionodeb
>ox { display: table; padding: 11px 22px; background-color:rgba(11>ox { display: table; padding: 11px 22px; background-color:rgba(11
>7,195,165,0.1); } [dir="ltr"] .audionodebox { clear: left; border>7,195,165,0.1); } [dir="ltr"] .audionodebox { clear: left; border
>-left:6px solid rgba(117,195,165,0.5); } [dir="rtl"] .audionodebo>-left:6px solid rgba(117,195,165,0.5); } [dir="rtl"] .audionodebo
>x { clear: right; border-right:6px solid rgba(117,195,165,0.5); }>x { clear: right; border-right:6px solid rgba(117,195,165,0.5); }
> .audionodebox li, .summary-box-js li, .summary-box-events li { d> .audionodebox li, .summary-box-js li, .summary-box-events li { d
>isplay: table-row; padding: 3px; margin: 0; text-align: left } .a>isplay: table-row; padding: 3px; margin: 0; text-align: left } .a
>udionodebox li dfn, .summary-box-js li dfn, .summary-box-events l>udionodebox li dfn, .summary-box-js li dfn, .summary-box-events l
>i dfn { display: table-cell; padding: 0 5px; border-bottom: none;>i dfn { display: table-cell; padding: 0 5px; border-bottom: none;
> white-space: pre; cursor: inherit } .audionodebox li dfn:after, > white-space: pre; cursor: inherit } .audionodebox li dfn:after, 
>.summary-box-js li dfn:after, .summary-box-events li dfn:after { >.summary-box-js li dfn:after, .summary-box-events li dfn:after { 
>content: ":" } .audionodebox li li, .summary-box-js li li, .summa>content: ":" } .audionodebox li li, .summary-box-js li li, .summa
>ry-box-events li li { display: list-item; list-style-type: disc; >ry-box-events li li { display: list-item; list-style-type: disc; 
>line-height: 1 } /* https://developer.mozilla.org/en-US/docs/Temp>line-height: 1 } /* https://developer.mozilla.org/en-US/docs/Temp
>late:HTML:Element_Navigation */ table.HTMLElmNav { margin: 1em au>late:HTML:Element_Navigation */ table.HTMLElmNav { margin: 1em au
>to; border-width: 5px } table.HTMLElmNav th, table.HTMLElmNav td >to; border-width: 5px } table.HTMLElmNav th, table.HTMLElmNav td 
>{ text-align: center } .method { margin-left: 10px; margin-bottom>{ text-align: center } .method { margin-left: 10px; margin-bottom
>: 2em; margin-top: 1em } .method > .name { display: block; fon>: 2em; margin-top: 1em } .method > .name { display: block; fon
>t-size: 13pt; margin-bottom: .2em } .method > .name > .para>t-size: 13pt; margin-bottom: .2em } .method > .name > .para
>m: after { content: ","; padding-right: .5em } .method > .name>m: after { content: ","; padding-right: .5em } .method > .name
> > .param: last-of-type: after { content: "" } .method > .n> > .param: last-of-type: after { content: "" } .method > .n
>ame > .param > .name: after { content: " as "; font-weight:>ame > .param > .name: after { content: " as "; font-weight:
> normal } .method > .name > .param: not(.required) { font-s> normal } .method > .name > .param: not(.required) { font-s
>tyle: italic } .method > .name > .param: not(.required): be>tyle: italic } .method > .name > .param: not(.required): be
>fore { content: "[" } .method > .name > .param: not(.requir>fore { content: "[" } .method > .name > .param: not(.requir
>ed): after { content: "]" } .method > .description { display: >ed): after { content: "]" } .method > .description { display: 
>block; font-size: 10pt; color: #444; font-style: italic; margin-b>block; font-size: 10pt; color: #444; font-style: italic; margin-b
>ottom: 7px } .method > .name > .returns: before { content: >ottom: 7px } .method > .name > .returns: before { content: 
>" returns "; font-weight: normal; font-style: italic } .method &g>" returns "; font-weight: normal; font-style: italic } .method &g
>t; .name > .returns { font-weight: 700 } .method > .params >t; .name > .returns { font-weight: 700 } .method > .params 
>{ display: block; color: #555 } .method > .params > .param >{ display: block; color: #555 } .method > .params > .param 
>{ display: block; margin-bottom: 5px } .method > .params > >{ display: block; margin-bottom: 5px } .method > .params > 
>.param > .name { font-weight: 700; margin-right: .5em; min-wid>.param > .name { font-weight: 700; margin-right: .5em; min-wid
>th: 80px; display: inline-block } .method > .params > .para>th: 80px; display: inline-block } .method > .params > .para
>m > .description { display: inline-block; width: 300px; vertic>m > .description { display: inline-block; width: 300px; vertic
>al-align: top; margin-right: 30px } .method > .params > .pa>al-align: top; margin-right: 30px } .method > .params > .pa
>ram > .type { display: inline-block; width: 150px; vertical-al>ram > .type { display: inline-block; width: 150px; vertical-al
>ign: top; font-weight: 700 } .method > .params > .param &gt>ign: top; font-weight: 700 } .method > .params > .param &gt
>; .type: before { content: "Type "; color: #888; font-weight: nor>; .type: before { content: "Type "; color: #888; font-weight: nor
>mal } .method > .params > .param > .default { display: i>mal } .method > .params > .param > .default { display: i
>nline-block; width: 150px; vertical-align: top; font-weight: 700 >nline-block; width: 150px; vertical-align: top; font-weight: 700 
>} .method > .params > .param > .default: before { conten>} .method > .params > .param > .default: before { conten
>t: "Default "; color: #888; font-weight: normal } /* version comp>t: "Default "; color: #888; font-weight: normal } /* version comp
>atibility banners and notes */ .geckoVersionNote { background-col>atibility banners and notes */ .geckoVersionNote { background-col
>or: #E0E0FF; background-image: -moz-radial-gradient(0px 0 45deg, >or: #E0E0FF; background-image: -moz-radial-gradient(0px 0 45deg, 
>circle farthest-corner, #E0E0FF 0%, #F8F8FF 80%); border-left: 5p>circle farthest-corner, #E0E0FF 0%, #F8F8FF 80%); border-left: 5p
>x solid #008 } .geckoVersionNote p { padding-left: 4px; border: 0>x solid #008 } .geckoVersionNote p { padding-left: 4px; border: 0
> } .geckoVersionHeading { background-color: #008; background-imag> } .geckoVersionHeading { background-color: #008; background-imag
>e: -moz-linear-gradient(left, #008 50%, #e0e0ff 80%); color: #fff>e: -moz-linear-gradient(left, #008 50%, #e0e0ff 80%); color: #fff
>; font: 16px/1.7 Verdana, Tahoma, sans-serif; margin-top: 0; marg>; font: 16px/1.7 Verdana, Tahoma, sans-serif; margin-top: 0; marg
>in-left: 0; margin-bottom: 4px; height: 42px } .geckoVersionHeadi>in-left: 0; margin-bottom: 4px; height: 42px } .geckoVersionHeadi
>ng a:link { color: #ddd } .geckoVersionHeading a:visited { color:>ng a:link { color: #ddd } .geckoVersionHeading a:visited { color:
> #eee } .geckoVersionHeading a:hover, .geckoVersionHeading a:focu> #eee } .geckoVersionHeading a:hover, .geckoVersionHeading a:focu
>s { color: #fdd } .experimentalIcon { display: inline-block; widt>s { color: #fdd } .experimentalIcon { display: inline-block; widt
>h:4px; height:4px; color:orange; background-color:white; border: >h:4px; height:4px; color:orange; background-color:white; border: 
>3px solid orange; } .nonstandardIcon { display: inline-block; wid>3px solid orange; } .nonstandardIcon { display: inline-block; wid
>th:8px; height:8px; color:red; background-color:red; border: 1px >th:8px; height:8px; color:red; background-color:red; border: 1px 
>solid red; } .obsoleteIcon { display: inline-block; width:8px; he>solid red; } .obsoleteIcon { display: inline-block; width:8px; he
>ight:8px; color:black; background-color:black; border: 1px solid >ight:8px; color:black; background-color:black; border: 1px solid 
>black; } .deprecatedIcon { display: inline-block; width:4px; heig>black; } .deprecatedIcon { display: inline-block; width:4px; heig
>ht:4px; color:black; background-color:white; border: 3px solid bl>ht:4px; color:black; background-color:white; border: 3px solid bl
>ack; } /* Used to to create icon-badged APIs inline */ .indexList>ack; } /* Used to to create icon-badged APIs inline */ .indexList
>Row { display: -ms-flexbox; display: -webkit-flex; display: flex;>Row { display: -ms-flexbox; display: -webkit-flex; display: flex;
> -webkit-flex-direction: row; -ms-flex-direction: row; flex-direc> -webkit-flex-direction: row; -ms-flex-direction: row; flex-direc
>tion: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wra>tion: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wra
>p: wrap; -webkit-justify-content: flex-start; -ms-flex-pack: star>p: wrap; -webkit-justify-content: flex-start; -ms-flex-pack: star
>t; justify-content: flex-start; -webkit-align-content: stretch; ->t; justify-content: flex-start; -webkit-align-content: stretch; -
>ms-flex-line-pack: stretch; align-content: stretch; -webkit-align>ms-flex-line-pack: stretch; align-content: stretch; -webkit-align
>-items: flex-start; -ms-flex-align: start; align-items: flex-star>-items: flex-start; -ms-flex-align: start; align-items: flex-star
>t; /*width:100%;*/ } .indexListTerm { -webkit-order: 0; -ms-flex->t; /*width:100%;*/ } .indexListTerm { -webkit-order: 0; -ms-flex-
>order: 0; order: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; f>order: 0; order: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; f
>lex: 0 1 auto; -webkit-align-self: flex-start; -ms-flex-item-alig>lex: 0 1 auto; -webkit-align-self: flex-start; -ms-flex-item-alig
>n: start; align-self: flex-start; } .indexListBadges { -webkit-or>n: start; align-self: flex-start; } .indexListBadges { -webkit-or
>der: 0; -ms-flex-order: 0; order: 0; -webkit-flex: 0 1 auto; -ms->der: 0; -ms-flex-order: 0; order: 0; -webkit-flex: 0 1 auto; -ms-
>flex: 0 1 auto; flex: 0 1 auto; -webkit-align-self: auto; -ms-fle>flex: 0 1 auto; flex: 0 1 auto; -webkit-align-self: auto; -ms-fle
>x-item-align: auto; align-self: flex-end; padding-left: 6px; marg>x-item-align: auto; align-self: flex-end; padding-left: 6px; marg
>in-right:6px; } .badge { position: relative; top: -2px; display: >in-right:6px; } .badge { position: relative; top: -2px; display: 
>inline-block; cursor: default; border: 1px solid #aaa; border-rad>inline-block; cursor: default; border: 1px solid #aaa; border-rad
>ius: 8px; padding: .1em .6em; font-size: 70%; font-weight: 700; h>ius: 8px; padding: .1em .6em; font-size: 70%; font-weight: 700; h
>eight: 1.4em; vertical-align: middle; line-height: 1.3; } .badgeT>eight: 1.4em; vertical-align: middle; line-height: 1.3; } .badgeT
>ext { -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: non>ext { -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: non
>e; hyphens: none; } .banner { display:block; overflow:hidden; fon>e; hyphens: none; } .banner { display:block; overflow:hidden; fon
>t-size: 12px; font-weight: normal; margin: 10px 0px; padding: 2px>t-size: 12px; font-weight: normal; margin: 10px 0px; padding: 2px
> 10px; } .bannerHeading { text-align: inherit; font-weight: bold;> 10px; } .bannerHeading { text-align: inherit; font-weight: bold;
> padding-bottom: 2px; } .bannerText { text-align: center; font-we> padding-bottom: 2px; } .bannerText { text-align: center; font-we
>ight: normal; } .icon { padding-left: 3.1em } [dir=rtl] .icon { p>ight: normal; } .icon { padding-left: 3.1em } [dir=rtl] .icon { p
>adding-left: .8em; padding-right: 3.1em; } .icon:before { content>adding-left: .8em; padding-right: 3.1em; } .icon:before { content
>: ""; position: absolute; left: -2px; top: 50%; margin-top: -1.5e>: ""; position: absolute; left: -2px; top: 50%; margin-top: -1.5e
>m; width: 2.8em; height: 2.8em; background: white no-repeat cente>m; width: 2.8em; height: 2.8em; background: white no-repeat cente
>r center; background-size: 2.6em; border-radius: 100%; border: 1p>r center; background-size: 2.6em; border-radius: 100%; border: 1p
>x solid #aaa; border-right: none; box-sizing: border-box; -moz-bo>x solid #aaa; border-right: none; box-sizing: border-box; -moz-bo
>xsizing: border-box; } [dir=rtl] .icon:before { left: auto; right>xsizing: border-box; } [dir=rtl] .icon:before { left: auto; right
>: -2px; border: 1px solid #aaa; border-left: none; } /* Used for >: -2px; border: 1px solid #aaa; border-left: none; } /* Used for 
>badging obsolete APIs */ .nonstandardBadge { background: linear-g>badging obsolete APIs */ .nonstandardBadge { background: linear-g
>radient(to right, #f0DE00 30%, #f0ff19); color: black; text-shado>radient(to right, #f0DE00 30%, #f0ff19); color: black; text-shado
>w: 1px 1px 0 #ddd; } /* Used for badging Gecko minimum version re>w: 1px 1px 0 #ddd; } /* Used for badging Gecko minimum version re
>quirements */ .geckoVersionBadge { background: rgba(117,195,165,0>quirements */ .geckoVersionBadge { background: rgba(117,195,165,0
>.44); color: black; text-shadow: 1px 1px 0 #ddd; border:5px solid>.44); color: black; text-shadow: 1px 1px 0 #ddd; border:5px solid
> rgba(0,0,0,0.05); } /* Used for badging Firefox minimum version > rgba(0,0,0,0.05); } /* Used for badging Firefox minimum version 
>requirements */ .firefoxVersionBadge { background-color: #FEDF9E;>requirements */ .firefoxVersionBadge { background-color: #FEDF9E;
> background-image: linear-gradient(to right, #FEDF9E 30%, #FEF1D4> background-image: linear-gradient(to right, #FEDF9E 30%, #FEF1D4
>); background-repeat: no-repeat; background-size: contain; overfl>); background-repeat: no-repeat; background-size: contain; overfl
>ow: hidden; color: black; text-shadow: 1px 1px 0 #ccc; white-spac>ow: hidden; color: black; text-shadow: 1px 1px 0 #ccc; white-spac
>e: nowrap; } .firefoxVersionBadge a:link { color: black; text-dec>e: nowrap; } .firefoxVersionBadge a:link { color: black; text-dec
>oration: underline; } .firefoxVersionBadge a:visited { color: bla>oration: underline; } .firefoxVersionBadge a:visited { color: bla
>ck; text-decoration: underline; } .firefoxVersionBadge a:hover { >ck; text-decoration: underline; } .firefoxVersionBadge a:hover { 
>color: #853; text-decoration: none; } .firefoxVersionBadge a:acti>color: #853; text-decoration: none; } .firefoxVersionBadge a:acti
>ve { color:#858; text-decoration: none; } /* Used for badging API>ve { color:#858; text-decoration: none; } /* Used for badging API
>s not implemented in Firefox */ .unimplementedBadge { background->s not implemented in Firefox */ .unimplementedBadge { background-
>color: lightpink; color: black; text-shadow: 1px 1px 0 #ddd; bord>color: lightpink; color: black; text-shadow: 1px 1px 0 #ddd; bord
>er-color: deeppink; } /* Used for badging non-standard APIs */ .o>er-color: deeppink; } /* Used for badging non-standard APIs */ .o
>bsoleteBadge { background: linear-gradient(to right, #FEBCBC 30%,>bsoleteBadge { background: linear-gradient(to right, #FEBCBC 30%,
> #fffff0); color: black; text-shadow: 1px 1px 0 #ddd; border-colo> #fffff0); color: black; text-shadow: 1px 1px 0 #ddd; border-colo
>r: #f00; } /* Used for badging deprecated APIs */ .deprecatedBadg>r: #f00; } /* Used for badging deprecated APIs */ .deprecatedBadg
>e { background: linear-gradient(to right, #ccccff 30%, #eeeeff); >e { background: linear-gradient(to right, #ccccff 30%, #eeeeff); 
>color: #000; text-shadow: 1px 1px 0 #ddd; border-color: blue; } />color: #000; text-shadow: 1px 1px 0 #ddd; border-color: blue; } /
>* Used for badging experimental APIs */ .experimentalBadge { back>* Used for badging experimental APIs */ .experimentalBadge { back
>ground: linear-gradient(to right, #ffefd9 40%, #fffde0); color: #>ground: linear-gradient(to right, #ffefd9 40%, #fffde0); color: #
>000; text-shadow: 1px 1px 0 #ddd; } /* Used for badging privilege>000; text-shadow: 1px 1px 0 #ddd; } /* Used for badging privilege
>d APIs */ .privilegedBadge { background: linear-gradient(to right>d APIs */ .privilegedBadge { background: linear-gradient(to right
>, #FFBD19 30%, #ffb200); color: #000; text-shadow: 1px 1px 0 #ddd>, #FFBD19 30%, #ffb200); color: #000; text-shadow: 1px 1px 0 #ddd
>; } [dir=rtl] .privilegedBadge { background: linear-gradient(to l>; } [dir=rtl] .privilegedBadge { background: linear-gradient(to l
>eft, #FFBD19 30%, #ffb200); } .icon.privilegedBadge:before { back>eft, #FFBD19 30%, #ffb200); } .icon.privilegedBadge:before { back
>ground-color: orange; background-image: url(https://mdn.mozillade>ground-color: orange; background-image: url(https://mdn.mozillade
>mos.org/files/5061/firefoxos-logo-sm.png); } .sidebar-box { margi>mos.org/files/5061/firefoxos-logo-sm.png); } .sidebar-box { margi
>n-left: 16px; margin-bottom: 2.5em; border-right: 1px solid #ecf1>n-left: 16px; margin-bottom: 2.5em; border-right: 1px solid #ecf1
>f3; padding: 12px; background: #f1f6f8 url("img/toc-bg.png") 0 0 >f3; padding: 12px; background: #f1f6f8 url("img/toc-bg.png") 0 0 
>no-repeat; font: 12px Verdana, Tahoma, sans-serif } .sidebar-box >no-repeat; font: 12px Verdana, Tahoma, sans-serif } .sidebar-box 
>h2, .sidebar-box h3, .sidebar-box h5 { margin-bottom: .5em; font->h2, .sidebar-box h3, .sidebar-box h5 { margin-bottom: .5em; font-
>family: inherit; font-weight: 700 } .sidebar-box h2 { font-size: >family: inherit; font-weight: 700 } .sidebar-box h2 { font-size: 
>1.5em } .sidebar-box h3 { font-size: 1.1em } .sidebar-box h5 { fo>1.5em } .sidebar-box h3 { font-size: 1.1em } .sidebar-box h5 { fo
>nt-size: .9em } .sidebar-box > ul { float: left; text-align: l>nt-size: .9em } .sidebar-box > ul { float: left; text-align: l
>eft; display: block; padding: 0; margin: auto 0; position: relati>eft; display: block; padding: 0; margin: auto 0; position: relati
>ve } .sidebar-box ul > li { list-style-type: none } .tab-conte>ve } .sidebar-box ul > li { list-style-type: none } .tab-conte
>nt-box { border-right: 1px solid #ecf1f3; margin-left: 16px; padd>nt-box { border-right: 1px solid #ecf1f3; margin-left: 16px; padd
>ing: 12px; background: #fff; font: 12px Verdana, Tahoma, sans-ser>ing: 12px; background: #fff; font: 12px Verdana, Tahoma, sans-ser
>if } .tab-content-box h2, .tab-content-box h3, .tab-content-box h>if } .tab-content-box h2, .tab-content-box h3, .tab-content-box h
>5 { margin-bottom: .5em; font-family: inherit; font-weight: 700 }>5 { margin-bottom: .5em; font-family: inherit; font-weight: 700 }
> .tab-content-box h2 { font-size: 1.5em } .tab-content-box h3 { f> .tab-content-box h2 { font-size: 1.5em } .tab-content-box h3 { f
>ont-size: 1.1em } .tab-content-box h5 { font-size: .9em } /* Hori>ont-size: 1.1em } .tab-content-box h5 { font-size: .9em } /* Hori
>zontal tab boxes */ .htab { margin: 0 auto 1em; display: inline-b>zontal tab boxes */ .htab { margin: 0 auto 1em; display: inline-b
>lock; } .htab>ul>li { width: 150px; height: 28px; list-styl>lock; } .htab>ul>li { width: 150px; height: 28px; list-styl
>e-type: none; display: inline; padding-bottom: 3px; border: 1px s>e-type: none; display: inline; padding-bottom: 3px; border: 1px s
>olid #ddd; border-radius: 3px 3px 0 0; padding-top: 5px; text-ali>olid #ddd; border-radius: 3px 3px 0 0; padding-top: 5px; text-ali
>gn: left; font-size: 13px; font-weight: normal; margin: auto; pos>gn: left; font-size: 13px; font-weight: normal; margin: auto; pos
>ition: relative; padding-left: 6px; padding-right: 6px; border-bo>ition: relative; padding-left: 6px; padding-right: 6px; border-bo
>ttom: none; opacity: .5; -ms-filter: "progid:DXImageTransform.Mic>ttom: none; opacity: .5; -ms-filter: "progid:DXImageTransform.Mic
>rosoft.Alpha(Opacity=50)"; filter: progid:DXImageTransform.Micros>rosoft.Alpha(Opacity=50)"; filter: progid:DXImageTransform.Micros
>oft.Alpha(Opacity=50); } .htab>ul>li.selected { opacity: 1 >oft.Alpha(Opacity=50); } .htab>ul>li.selected { opacity: 1 
>!important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(>!important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(
>Opacity=100)"; filter: progid:DXImageTransform.Microsoft.Alpha(Op>Opacity=100)"; filter: progid:DXImageTransform.Microsoft.Alpha(Op
>acity=100); border: 1px solid #ddd; border-bottom: none; z-index:>acity=100); border: 1px solid #ddd; border-bottom: none; z-index:
> 10; background-color: rgba(234, 239, 242,1) !important; position> 10; background-color: rgba(234, 239, 242,1) !important; position
>: relative; font-weight: bold; } .htab>ul>li>a { cursor:>: relative; font-weight: bold; } .htab>ul>li>a { cursor:
> pointer; } .htab>ul>li.selected a { color: #000; } .htab&g> pointer; } .htab>ul>li.selected a { color: #000; } .htab&g
>t;ul { width: 150px; text-align: left; display: inline; padding: >t;ul { width: 150px; text-align: left; display: inline; padding: 
>0; margin: 0 auto; position: relative; top: 0; } .htab>div { b>0; margin: 0 auto; position: relative; top: 0; } .htab>div { b
>ackground-color: #f1f6f8; margin-top: 0; border: 1px solid #ddd; >ackground-color: #f1f6f8; margin-top: 0; border: 1px solid #ddd; 
>padding: 12px; position: relative; z-index: 9; word-wrap: break-w>padding: 12px; position: relative; z-index: 9; word-wrap: break-w
>ord; } /* Compatibility tables */ table.compat-table { border-col>ord; } /* Compatibility tables */ table.compat-table { border: 1p
>or: rgba(0,0,0,0); margin: 0 } table.compat-table td { padding: 5>x solid #bbb; border-collapse: collapse; } table.compat-table { b
>px; border: 1px solid rgba(212,221,228,0.25); font-size:12px; bac>order-color: rgba(0,0,0,0); margin: 0 } table.compat-table td { p
>kground: #fff; vertical-align: top; word-wrap: break-word } table>adding: 5px; border: 1px solid rgba(212,221,228,0.25); font-size:
>.compat-table th, table.compat-table td.header { border:1px solid>12px; background: #fff; vertical-align: top; word-wrap: break-wor
> rgba(212,221,228,0); background:none; font-weight:200; font-fami>d } table.compat-table th, table.compat-table td.header { border:
>ly:'Open Sans Light',sans-serif; font-size:16px; line-height:100%>1px solid rgba(212,221,228,0); background:none; font-weight:200; 
>; padding:2px 4px 8px; } div.action-driven { display: inline-bloc>font-family:'Open Sans Light',sans-serif; font-size:16px; line-he
>k; float: none; min-height: 8.5em; margin: .8em; box-shadow: .2em>ight:100%; padding:2px 4px 8px; } div.action-driven { display: in
> .1em .1em #808080; vertical-align: top; } div.action-driven >>line-block; float: none; min-height: 8.5em; margin: .8em; box-sha
> div { font: 400 20px 'Bebas Neue', 'League Gothic', Haettenschwe>dow: .2em .1em .1em #808080; vertical-align: top; } div.action-dr
>iler, Impact, 'Arial Narrow', Meiryo, sans-serif; text-transform:>iven > div { font: 400 20px 'Bebas Neue', 'League Gothic', Hae
> uppercase } /* standard coloring */ .notice.experimental { color>ttenschweiler, Impact, 'Arial Narrow', Meiryo, sans-serif; text-t
>: 0; background-color:rgba(255,203,0,0.5); border-color:rgba(0,0,>ransform: uppercase } /* standard coloring */ .notice.experimenta
>0,0.05); border-style:solid!important; border-width:5px!important>l { color: 0; background-color:rgba(255,203,0,0.5); border-color:
>; } /* New theme action-driven */ .card-grid > li > span:fi>rgba(0,0,0,0.05); border-style:solid!important; border-width:5px!
>rst-of-type {font-weight: bold} ul.card-grid {list-style-type: no>important; } /* New theme action-driven */ .card-grid > li &gt
>ne; padding-left: 0;} ul.card-grid li {margin-bottom: 25px; paddi>; span:first-of-type {font-weight: bold} ul.card-grid {list-style
>ng: 10px;} @media only screen and (min-width:760px) { ul.card-gri>-type: none; padding-left: 0;} ul.card-grid li {margin-bottom: 25
>d { list-style: none outside none; padding-left: 40px; } .card-gr>px; padding: 10px;} @media only screen and (min-width:760px) { ul
>id { border-spacing: 30px 0px; padding-bottom: 25px; } .card-grid>.card-grid { list-style: none outside none; padding-left: 40px; }
> > li > span:first-of-type {font-weight: normal} .card-grid> .card-grid { border-spacing: 30px 0px; padding-bottom: 25px; } .
> > li { background-color: rgb(204, 204, 204); background-image>card-grid > li > span:first-of-type {font-weight: normal} .
>: -moz-linear-gradient(center top , rgb(221, 221, 221) 0px, rgb(1>card-grid > li { background-color: rgb(204, 204, 204); backgro
>87, 187, 187) 100%); border-radius: 6px; background-clip: padding>und-image: -moz-linear-gradient(center top , rgb(221, 221, 221) 0
>-box; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); display: table->px, rgb(187, 187, 187) 100%); border-radius: 6px; background-clip
>cell; margin: 3px 12px 20px; padding: 20px; position: relative; v>: padding-box; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); displa
>ertical-align: top; width: 200px; word-wrap: break-word; z-index:>y: table-cell; margin: 3px 12px 20px; padding: 20px; position: re
> 1; min-height: 130px; } .card-grid > li:before { left: 1px; p>lative; vertical-align: top; width: 200px; word-wrap: break-word;
>osition: absolute; right: 1px; top: 1px; z-index: -1; } .card-gri> z-index: 1; min-height: 130px; } .card-grid > li:before { lef
>d > li img { float:left; max-width: 35%; } .double-card { widt>t: 1px; position: absolute; right: 1px; top: 1px; z-index: -1; } 
>h: 430px !important; } .card-grid > li > ul > li { margi>.card-grid > li img { float:left; max-width: 35%; } .double-ca
>n-bottom: 0px; list-style-type: disc; padding-bottom: 0px; paddin>rd { width: 430px !important; } .card-grid > li > ul > l
>g-top: 6px; } .card-grid > li > ul { margin-bottom: 25px; }>i { margin-bottom: 0px; list-style-type: disc; padding-bottom: 0p
> .card-grid > li span { display: block; font-family: 'Open San>x; padding-top: 6px; } .card-grid > li > ul { margin-bottom
>s Light',Arial,Helvetica,sans-serif; font-size: 22px; letter-spac>: 25px; } .card-grid > li span { display: block; font-family: 
>ing: -1px; line-height: 22px; margin-bottom: 12px; } } .card-grid>'Open Sans Light',Arial,Helvetica,sans-serif; font-size: 22px; le
> > li { background-color:rgba(234,239,242,0.5); border-radius:>tter-spacing: -1px; line-height: 22px; margin-bottom: 12px; } } .
> 0; box-shadow:3px 3px 0 3px rgba(212,221,228,0.5); background-im>card-grid > li { background-color:rgba(234,239,242,0.5); borde
>age: none; } /*----------------- for Topic page */ table.topicpag>r-radius: 0; box-shadow:3px 3px 0 3px rgba(212,221,228,0.5); back
>e-table, table.topicpage-table td, table.topicpage-table tr, tabl>ground-image: none; } /*----------------- for Topic page */ table
>e.topicpage-table th { border: none } .topicpage-table .section {>.topicpage-table, table.topicpage-table td, table.topicpage-table
> padding-right:1em} /* New theme */ dl { margin-bottom: 20px} .ce> tr, table.topicpage-table th { border: none } .topicpage-table .
>nter .topicpage-table h2 { font-family: 'Open Sans Light', sans-s>section { padding-right:1em} /* New theme */ dl { margin-bottom: 
>erif } .topicpage-table ul {padding-left: 20px; } .topicpage2col >20px} .center .topicpage-table h2 { font-family: 'Open Sans Light
>{ margin: 1em 0; padding: 0 10px; zoom: 1; } .topicpage2col::afte>', sans-serif } .topicpage-table ul {padding-left: 20px; } .topic
>r { content: "."; display: block; height: 0; clear: both; visibil>page2col { margin: 1em 0; padding: 0 10px; zoom: 1; } .topicpage2
>ity: hidden; } .topicpage2col .A, .topicpage2col .B { width: 50%;>col::after { content: "."; display: block; height: 0; clear: both
> position: relative } .html-ltr .topicpage2col .A, .html-rtl .top>; visibility: hidden; } .topicpage2col .A, .topicpage2col .B { wi
>icpage2col .B { float: left; left: -10px } .html-ltr .topicpage2c>dth: 50%; position: relative } .html-ltr .topicpage2col .A, .html
>ol .B, .html-rtl .topicpage2col .A { float: right; right: -10px }>-rtl .topicpage2col .B { float: left; left: -10px } .html-ltr .to
> .topicpage2col h2 { background-image: url('/media/img/icons-sect>picpage2col .B, .html-rtl .topicpage2col .A { float: right; right
>ions.png'); background-repeat: no-repeat; margin: 0 0 .25em; padd>: -10px } .topicpage2col h2 { background-image: url('/media/img/i
>ing: 18px 18px 0 65px; min-height: 48px; font: 400 28px/1 'Bebas >cons-sections.png'); background-repeat: no-repeat; margin: 0 0 .2
>Neue', 'League Gothic', Haettenschweiler, Impact, 'Arial Narrow',>5em; padding: 18px 18px 0 65px; min-height: 48px; font: 400 28px/
> Meiryo, sans-serif; text-transform: uppercase; border: none } .h>1 'Bebas Neue', 'League Gothic', Haettenschweiler, Impact, 'Arial
>tml-rtl .topicpage2col h2 { padding: 18px 65px 0 18px; } .html-lt> Narrow', Meiryo, sans-serif; text-transform: uppercase; border: 
>r .topicpage2col .Documentation { background-position: 0 0 } .htm>none } .html-rtl .topicpage2col h2 { padding: 18px 65px 0 18px; }
>l-ltr .topicpage2col .Community { background-position: 0 -200px }> .html-ltr .topicpage2col .Documentation { background-position: 0
> .html-ltr .topicpage2col .Tools { background-position: 0 -400px > 0 } .html-ltr .topicpage2col .Community { background-position: 0
>} .html-ltr .topicpage2col .Related_Topics { background-position:> -200px } .html-ltr .topicpage2col .Tools { background-position: 
> 0 -600px } .html-rtl .topicpage2col .Documentation { background->0 -400px } .html-ltr .topicpage2col .Related_Topics { background-
>position: right 0 } .html-rtl .topicpage2col .Community { backgro>position: 0 -600px } .html-rtl .topicpage2col .Documentation { ba
>und-position: right -200px } .html-rtl .topicpage2col .Tools { ba>ckground-position: right 0 } .html-rtl .topicpage2col .Community 
>ckground-position: right -400px } .html-rtl .topicpage2col .Relat>{ background-position: right -200px } .html-rtl .topicpage2col .T
>ed_Topics { background-position: right -600px } /* -------------->ools { background-position: right -400px } .html-rtl .topicpage2c
>-------------- Styles for Indicator */ .inlineIndicator, .indicat>ol .Related_Topics { background-position: right -600px } /* -----
>orInHeadline, .blockIndicator, .overheadIndicator { /*box-shadow:>----------------------- Styles for Indicator */ .inlineIndicator,
> 1px 1px 1px #CCC*/ margin: 0px 0px 1.5em; border: 5px solid; pad> .indicatorInHeadline, .blockIndicator, .overheadIndicator { /*bo
>ding: 10px 10px 0px 10px; background: none repeat scroll 0% 0%; f>x-shadow: 1px 1px 1px #CCC*/ margin: 0px 0px 1.5em; border: 5px s
>ont-size: 12px; } .redesign .inlineIndicator, .redesign .indicato>olid; padding: 10px 10px 0px 10px; background: none repeat scroll
>rInHeadline, .redesign .blockIndicator, .redesign .overheadIndica> 0% 0%; font-size: 12px; } .redesign .inlineIndicator, .redesign 
>tor { /* background-color:rgba(255,203,0,0.75); */ border-color:r>.indicatorInHeadline, .redesign .blockIndicator, .redesign .overh
>gba(0,0,0,0.05); border-style: solid !important; /* font-size: 11>eadIndicator { /* background-color:rgba(255,203,0,0.75); */ borde
>px; */ padding: 10px; } .redesign .inlineIndicator, .redesign .in>r-color:rgba(0,0,0,0.05); border-style: solid !important; /* font
>dicatorInHeadline { border-width: 0; border-left-width: 4px; font>-size: 11px; */ padding: 10px; } .redesign .inlineIndicator, .red
>-size: 10px; font-family: Helvetica, Arial, sans-serif; min-width>esign .indicatorInHeadline { border-width: 0; border-left-width: 
>: 20px; border-radius: 2px; letter-spacing: 1px; padding: 6px 6px>4px; font-size: 10px; font-family: Helvetica, Arial, sans-serif; 
> 4px 6px; display: inline-block; vertical-align: top; margin-left>min-width: 20px; border-radius: 2px; letter-spacing: 1px; padding
>: 11px; border-top-width: 0; border-right-width: 0; border-bottom>: 6px 6px 4px 6px; display: inline-block; vertical-align: top; ma
>-width: 0; font-weight: normal; line-height: normal; } /* styles >rgin-left: 11px; border-top-width: 0; border-right-width: 0; bord
>for inline indicator */ .inlineIndicator /* This class is base of>er-bottom-width: 0; font-weight: normal; line-height: normal; } /
> inlineIndicator */ , .megaWarningInline { border-width: 1px; bor>* styles for inline indicator */ .inlineIndicator /* This class i
>der-style: solid; font-size: 12px; white-space: nowrap; padding: >s base of inlineIndicator */ , .megaWarningInline { border-width:
>0 2px; margin: 0 2px } .todoInline { border-left-width: 8px; whit> 1px; border-style: solid; font-size: 12px; white-space: nowrap; 
>e-space: normal } .megaWarningInline { background: red; border-co>padding: 0 2px; margin: 0 2px } .todoInline { border-left-width: 
>lor: #818151; color: #fff; font-size: small; font-weight: 700; fl>8px; white-space: normal } .megaWarningInline { background: red; 
>oat: right; vertical-align: middle; /* Mega warnings: deep red ba>border-color: #818151; color: #fff; font-size: small; font-weight
>ckgrounds etc */ } .notXPCOMInline, .noscriptInline { font-weight>: 700; float: right; vertical-align: middle; /* Mega warnings: de
>: 700 } /* styles for overhead indicator */ /*.overheadIndicator >ep red backgrounds etc */ } .notXPCOMInline, .noscriptInline { fo
>*//* This class is base of overheadIndicator */ , .standardNoteHe>nt-weight: 700 } /* styles for overhead indicator */ /*.overheadI
>ader, .standardNoteBlock { border: 1px solid #000; overflow: hidd>ndicator *//* This class is base of overheadIndicator */ , .stand
>en; margin: 10px 0; padding: 0 10px; text-align: center } /*.over>ardNoteHeader, .standardNoteBlock { border: 1px solid #000; overf
>headIndicator p,*/ .blockIndicator p { margin: 4px 0 } .draftHead>low: hidden; margin: 10px 0; padding: 0 10px; text-align: center 
>er strong { display: block; padding-top: 10px } .draftHeader div >} /*.overheadIndicator p,*/ .blockIndicator p { margin: 4px 0 } .
>{ font-size: x-small; padding-bottom: 10px } html[dir="rtl"] .war>draftHeader strong { display: block; padding-top: 10px } .draftHe
>ningHeader { padding: 1em 130px 1em 1em !important; background-po>ader div { font-size: x-small; padding-bottom: 10px } html[dir="r
>sition: 99% 10px !important; } /* styles for Method indicator */ >tl"] .warningHeader { padding: 1em 130px 1em 1em !important; back
>.indicatorInHeadline, .standardNoteMethod { border: 1px solid #00>ground-position: 99% 10px !important; } /* styles for Method indi
>0; padding: 1px 2px; white-space: nowrap; vertical-align: middle;>cator */ .indicatorInHeadline, .standardNoteMethod { border: 1px 
> font-size: 12px; float: right; } [dir="rtl"] .indicatorInHeadlin>solid #000; padding: 1px 2px; white-space: nowrap; vertical-align
>e, [dir="rtl"] .standardNoteMethod { float: left; } .renamedMetho>: middle; font-size: 12px; float: right; } [dir="rtl"] .indicator
>d, .noscriptMethod, .deprecatedMethod, .unimplementedMethod { fon>InHeadline, [dir="rtl"] .standardNoteMethod { float: left; } .ren
>t-weight: 700 } /* color setting */ #wikiArticle i.icon-beaker { >amedMethod, .noscriptMethod, .deprecatedMethod, .unimplementedMet
>color: #09d } /* experimental */ #wikiArticle i.icon-warning-sign>hod { font-weight: 700 } /* color setting */ #wikiArticle i.icon-
> { color: #db0 } /* non-standard */ #wikiArticle i.icon-thumbs-do>beaker { color: #09d } /* experimental */ #wikiArticle i.icon-war
>wn-alt { color: #000 } /* deprecated */ #wikiArticle i.icon-trash>ning-sign { color: #db0 } /* non-standard */ #wikiArticle i.icon-
> { color: #d00 } /* obsolete */ #wikiArticle i.icon-stethoscope {>thumbs-down-alt { color: #000 } /* deprecated */ #wikiArticle i.i
> color: darkslateblue } /* unimplemented */ .draft { background: >con-trash { color: #d00 } /* obsolete */ #wikiArticle i.icon-stet
>#FFC; border-color: #990 } .redesign .draft { background:rgba(255>hoscope { color: darkslateblue } /* unimplemented */ .draft { bac
>,203,0,0.5); border-color:rgba(0,0,0,0.05); } .htmlVer { backgrou>kground: #FFC; border-color: #990 } .redesign .draft { background
>nd: #CEE; border-color: #267373 } .redesign .htmlVer { border-col>:rgba(255,203,0,0.5); border-color:rgba(0,0,0,0.05); } .htmlVer {
>or:rgba(0,0,0,0.05); } .nonStandard { background:rgba(193,56,50,0> background: #CEE; border-color: #267373 } .redesign .htmlVer { b
>.85); color:#FFF; border-color:rgba(0,0,0,0.05); } .nonStandard a>order-color:rgba(0,0,0,0.05); } .nonStandard { background:rgba(19
>, .nonStandard a:hover, .nonStandard a:visited, .warning a, .warn>3,56,50,0.85); color:#FFF; border-color:rgba(0,0,0,0.05); } .nonS
>ing a:hover, .warning a:visited { color: yellow; border-bottom: 1>tandard a, .nonStandard a:hover, .nonStandard a:visited, .warning
>px solid yellow; text-decoration: none; } .unimplemented { backgr> a, .warning a:hover, .warning a:visited { color: yellow; border-
>ound:rgba(193,56,50,0.35); border-color:rgba(0,0,0,0.05); } .depr>bottom: 1px solid yellow; text-decoration: none; } .unimplemented
>ecated { background:rgba(0,0,0,0.1); border-color:rgba(0,0,0,0.05> { background:rgba(193,56,50,0.35); border-color:rgba(0,0,0,0.05)
>); } .domLevel { border-color:rgba(0,0,0,0.05); } .todo { border->; } .deprecated { background:rgba(0,0,0,0.1); border-color:rgba(0
>color:rgba(0,0,0,0.05); } .minVer, .jsMinVer, .mbMinVer { backgro>,0,0,0.05); } .domLevel { border-color:rgba(0,0,0,0.05); } .todo 
>und: #ffffe1; border-color:rgba(0,0,0,0.05); } .mobileOnly { bord>{ border-color:rgba(0,0,0,0.05); } .minVer, .jsMinVer, .mbMinVer 
>er-color:rgba(0,0,0,0.05); background: #FFE1BE; } .renamed { back>{ background: #ffffe1; border-color:rgba(0,0,0,0.05); } .mobileOn
>ground: #d4f3ff; border-color: #818151 } .projectSpecific { backg>ly { border-color:rgba(0,0,0,0.05); background: #FFE1BE; } .renam
>round: #ffe1be; border-color:rgba(0,0,0,0.05); } .prefixBox { bac>ed { background: #d4f3ff; border-color: #818151 } .projectSpecifi
>kground: #e4edf7; border-color:rgba(0,0,0,0.05); } .experimental >c { background: #ffe1be; border-color:rgba(0,0,0,0.05); } .prefix
>{ background: #ffefd9; border-color:rgba(0,0,0,0.05); } .readOnly>Box { background: #e4edf7; border-color:rgba(0,0,0,0.05); } .expe
> { background:rgba(0,0,0,0.65); border-color:rgba(0,0,0,0.15); co>rimental { background: #ffefd9; border-color:rgba(0,0,0,0.05); } 
>lor: #FFF} .noscript { background: red; border-color:rgba(0,0,0,0>.readOnly { background:rgba(0,0,0,0.65); border-color:rgba(0,0,0,
>.05); color: #FFF } .projectSpecific{ background: #ffe1be; border>0.15); color: #FFF} .noscript { background: red; border-color:rgb
>-color: #818151; } /* Banner used to indicate support only in spe>a(0,0,0,0.05); color: #FFF } .projectSpecific{ background: #ffe1b
>cific Gecko projects */ .translationInProgress { background: #A3F>e; border-color: #818151; } /* Banner used to indicate support on
>5A3; border-color:rgba(0,0,0,0.05); } /* style for next and previ>ly in specific Gecko projects */ .translationInProgress { backgro
>ous pages in tutorial */ a.nextPage { display: inline-block; marg>und: #A3F5A3; border-color:rgba(0,0,0,0.05); } /* style for next 
>in: 0 3px 1em; font-size: 1.25em } a.nextPage:link, a.nextPage:vi>and previous pages in tutorial */ a.nextPage { display: inline-bl
>sited { background-color: #069 } a.nextPage:hover, a.nextPage:foc>ock; margin: 0 3px 1em; font-size: 1.25em } a.nextPage:link, a.ne
>us { background-color: #0099E6 } a.nextPage { float:right } [dir=>xtPage:visited { background-color: #069 } a.nextPage:hover, a.nex
>"rtl"] a.nextPage { background-position: left 40% !important; pad>tPage:focus { background-color: #0099E6 } a.nextPage { float:righ
>ding: .35em .75em .2em !important; position: left;} a.previousPag>t } [dir="rtl"] a.nextPage { background-position: left 40% !impor
>e { display: block; margin: 0 1em 2em 0; font-size: 1.25em } a.pr>tant; padding: .35em .75em .2em !important; position: left;} a.pr
>eviousPage:link, a.previousPage:visited { background-color: #069 >eviousPage { display: block; margin: 0 1em 2em 0; font-size: 1.25
>} a.previousPage:hover, a.previousPage:focus { background-color: >em } a.previousPage:link, a.previousPage:visited { background-col
>#0099E6 } a.previousPage { float:left } [dir="rtl"] a.previousPag>or: #069 } a.previousPage:hover, a.previousPage:focus { backgroun
>e { background-position: left 40% !important; padding: .35em .75e>d-color: #0099E6 } a.previousPage { float:left } [dir="rtl"] a.pr
>m .2em !important; position: right;} /* styles for liveSample lin>eviousPage { background-position: left 40% !important; padding: .
>k : https://developer.mozilla.org/en-US/docs/Template:LiveSample >35em .75em .2em !important; position: right;} /* styles for liveS
>*/ a.liveSample { display: inline-block; margin: 0 3px 1em; font->ample link : https://developer.mozilla.org/en-US/docs/Template:Li
>size: 1.25em } a.liveSample:link, a.liveSample:visited { backgrou>veSample */ a.liveSample { display: inline-block; margin: 0 3px 1
>nd-color: #069 } a.liveSample:hover, a.liveSample:focus { backgro>em; font-size: 1.25em } a.liveSample:link, a.liveSample:visited {
>und-color: #0099E6 } [dir="rtl"] a.liveSample { background-positi> background-color: #069 } a.liveSample:hover, a.liveSample:focus 
>on: left 40% !important; padding: .35em .75em .2em !important; } >{ background-color: #0099E6 } [dir="rtl"] a.liveSample { backgrou
>/* callout boxes etc */ .standardSidebar { border: 1px solid #777>nd-position: left 40% !important; padding: .35em .75em .2em !impo
>; margin: 0 0 15px 15px; padding: 0 15px 5px; float: right; backg>rtant; } /* callout boxes etc */ .standardSidebar { border: 1px s
>round: #eee; font-size: .85em; position: relative; z-index: 2; } >olid #777; margin: 0 0 15px 15px; padding: 0 15px 5px; float: rig
>[dir="rtl"] .standardSidebar { margin: 0 15px 15px 0; float: left>ht; background: #eee; font-size: .85em; position: relative; z-ind
> } /* Colored text for INCORRECT/BAD and CORRECT/GOOD values (and>ex: 2; } [dir="rtl"] .standardSidebar { margin: 0 15px 15px 0; fl
> BEST)*/ .correct { color: green } .incorrect { color: red } .bes>oat: left } /* Colored text for INCORRECT/BAD and CORRECT/GOOD va
>t { color: #396 } /* Item in a list of item that has been done */>lues (and BEST)*/ .correct { color: green } .incorrect { color: r
> .done { text-decoration: line-through } /* Specific items for tu>ed } .best { color: #396 } /* Item in a list of item that has bee
>torials */ .tuto_details, .tuto_example { border: 1px solid #36b;>n done */ .done { text-decoration: line-through } /* Specific ite
> padding: .5em; margin-bottom: 1em } .tuto_details { background: >ms for tutorials */ .tuto_details, .tuto_example { border: 1px so
>#f4f4f4 } .tuto_example { background: #fffff4 } .tuto_type { font>lid #36b; padding: .5em; margin-bottom: 1em } .tuto_details { bac
>-weight: 700; text-align: left } /* This is a specific item for t>kground: #f4f4f4 } .tuto_example { background: #fffff4 } .tuto_ty
>he CSS tutorial: https://developer.mozilla.org/en-US/docs/CSS/Get>pe { font-weight: 700; text-align: left } /* This is a specific i
>ting_Started/Selectors */ /* To be removed once we have Live Exam>tem for the CSS tutorial: https://developer.mozilla.org/en-US/doc
>ples */ a.tutospecial:link, a.tutospecial:visited { padding: 1px >s/CSS/Getting_Started/Selectors */ /* To be removed once we have 
>10px; color: #fff; background: #555; border-radius: 3px; border: >Live Examples */ a.tutospecial:link, a.tutospecial:visited { padd
>1px outset #333 /* fallback for next line */ ; border: 1px outset>ing: 1px 10px; color: #fff; background: #555; border-radius: 3px;
> rgba(50,50,50,.5); font-family: georgia, serif; font-size: 14px;> border: 1px outset #333 /* fallback for next line */ ; border: 1
> font-style: italic; text-decoration: none; } a.tutospecial:hover>px outset rgba(50,50,50,.5); font-family: georgia, serif; font-si
>, a.tutospecial:focus, a.tutospecial:active {background-color: #6>ze: 14px; font-style: italic; text-decoration: none; } a.tutospec
>66;} #tutochallenge { display:none } #tutochallenge a.hideAnswer >ial:hover, a.tutospecial:focus, a.tutospecial:active {background-
>{ font-size: 12px; text-align:right ; display:block} #tutochallen>color: #666;} #tutochallenge { display:none } #tutochallenge a.hi
>ge:target { display:block;} #tutochallenge + a { font-size: 12px;>deAnswer { font-size: 12px; text-align:right ; display:block} #tu
> text-align:right; display:block} #tutochallenge:target + a { dis>tochallenge:target { display:block;} #tutochallenge + a { font-si
>play:none; } /* Fix for mdn-min.css : https://developer.mozilla.o>ze: 12px; text-align:right; display:block} #tutochallenge:target 
>rg/media/css/mdn-min.css */ [dir="rtl"] dd { margin: 0 22px .5em >+ a { display:none; } /* Fix for mdn-min.css : https://developer.
>0 } [dir="rtl"] th, [dir="rtl"] caption { text-align: right } [di>mozilla.org/media/css/mdn-min.css */ [dir="rtl"] dd { margin: 0 2
>r="rtl"] .title h1 { padding: 0 18px 0 0 !important } /* Fix for >2px .5em 0 } [dir="rtl"] th, [dir="rtl"] caption { text-align: ri
>wiki-min.css : https://developer.mozilla.org/media/css/wiki-min.c>ght } [dir="rtl"] .title h1 { padding: 0 18px 0 0 !important } /*
>ss */ div.bug, div.warning { overflow: hidden } .page-content dd > Fix for wiki-min.css : https://developer.mozilla.org/media/css/w
>{ margin: .5em } /* [dir="rtl"] .translate #page-buttons { } */ [>iki-min.css */ div.bug, div.warning { overflow: hidden } .page-co
>dir="rtl"] .hasJS #nav-main #nav-sub-docs, [dir="rtl"] #nav-main >ntent dd { margin: .5em } /* [dir="rtl"] .translate #page-buttons
>.menu:hover #nav-sub-docs { margin-left: -300px } [dir="rtl"] #na> { } */ [dir="rtl"] .hasJS #nav-main #nav-sub-docs, [dir="rtl"] #
>v-main #nav-sub-docs li { float: right } [dir="rtl"] #nav-main #n>nav-main .menu:hover #nav-sub-docs { margin-left: -300px } [dir="
>av-sub-docs p { text-align: left } [dir="rtl"] .page-content ul {>rtl"] #nav-main #nav-sub-docs li { float: right } [dir="rtl"] #na
> padding-left: 0; padding-right: 22px } [dir="rtl"] .page-content>v-main #nav-sub-docs p { text-align: left } [dir="rtl"] .page-con
> dd { padding-left: 0; padding-right: 15px } [dir="rtl"] .article>tent ul { padding-left: 0; padding-right: 22px } [dir="rtl"] .pag
> a.external, [dir="rtl"] .article a[rel~="external"], [dir="rtl"]>e-content dd { padding-left: 0; padding-right: 15px } [dir="rtl"]
> .article a[href^="news://"] { padding-right: 0; background-posit> .article a.external, [dir="rtl"] .article a[rel~="external"], [d
>ion: 1% 40% } [dir="rtl"] .article a.external, [dir="rtl"] .artic>ir="rtl"] .article a[href^="news://"] { padding-right: 0; backgro
>le a[rel~="external"] { padding-left: 16px } [dir="rtl"] .article>und-position: 1% 40% } [dir="rtl"] .article a.external, [dir="rtl
> a[href^="news://"] { padding-left: 18px } /* for B2G docs, to al>"] .article a[rel~="external"] { padding-left: 16px } [dir="rtl"]
>low use of B2G lookalike UX elements */ /* For display of Firefox> .article a[href^="news://"] { padding-left: 18px } /* for B2G do
> OS UX screenshots in a grid */ table.fxosScreenGrid, table.fxosS>cs, to allow use of B2G lookalike UX elements */ /* For display o
>creenGrid tr { border: none; } table.fxosScreenGrid td, table.fxo>f Firefox OS UX screenshots in a grid */ table.fxosScreenGrid, ta
>sScreenGrid th { border: none; width: 340px; vertical-align: top >ble.fxosScreenGrid tr { border: none; } table.fxosScreenGrid td, 
>} div.fxosLiveSampleWrapper { width: 328px; padding: 6px 4px; tex>table.fxosScreenGrid th { border: none; width: 340px; vertical-al
>t-align: center; border: 1px solid #B8B2A4; background-color: #F3>ign: top } div.fxosLiveSampleWrapper { width: 328px; padding: 6px
>ECDD; } .rightButtonBox { float: right; width: 250px; position: r> 4px; text-align: center; border: 1px solid #B8B2A4; background-c
>elative; z-index: 2; } [dir="rtl"] .rightButtonBox { margin: 0 15>olor: #F3ECDD; } .rightButtonBox { float: right; width: 250px; po
>px 15px 0; float: left } /* ---------------------------------- * >sition: relative; z-index: 2; } [dir="rtl"] .rightButtonBox { mar
>Buttons * ---------------------------------- */ .b2g-button::-moz>gin: 0 15px 15px 0; float: left } /* ----------------------------
>-focus-inner { border: none; outline: none; } .b2g-button { width>------ * Buttons * ---------------------------------- */ .b2g-but
>: 100%; height: 3.8rem; margin: 0 0 1rem; padding: 0 1.5rem; -moz>ton::-moz-focus-inner { border: none; outline: none; } .b2g-butto
>-box-sizing: border-box; display: inline-block; vertical-align: m>n { width: 100%; height: 3.8rem; margin: 0 0 1rem; padding: 0 1.5
>iddle; text-overflow: ellipsis; white-space: nowrap; overflow: hi>rem; -moz-box-sizing: border-box; display: inline-block; vertical
>dden; background: #fafafa url(https://developer.mozilla.org/media>-align: middle; text-overflow: ellipsis; white-space: nowrap; ove
>/gaia/shared/style/buttons/images/ui/default.png) repeat-x left b>rflow: hidden; background: #fafafa url(https://developer.mozilla.
>ottom; border: .1rem solid #a6a6a6; border-radius: .2rem; font: 5>org/media/gaia/shared/style/buttons/images/ui/default.png) repeat
>00 1.6rem/3.8rem 'MozTT', Sans-serif; color: #333; text-align: ce>-x left bottom; border: .1rem solid #a6a6a6; border-radius: .2rem
>nter; text-shadow: .1rem .1rem 0 rgba(255, 255, 255, .3); text-de>; font: 500 1.6rem/3.8rem 'MozTT', Sans-serif; color: #333; text-
>coration: none; outline: none; } /* Press (default & recommen>align: center; text-shadow: .1rem .1rem 0 rgba(255, 255, 255, .3)
>d) */ .b2g-button:active, .b2g-button.recommend:active, .b2g-butt>; text-decoration: none; outline: none; } /* Press (default &
>on:hover, .b2g-button.recommend:hover { border-color: #008aaa; ba> recommend) */ .b2g-button:active, .b2g-button.recommend:active, 
>ckground: #008aaa; text-decoration: none; color: #333; } /* For s>.b2g-button:hover, .b2g-button.recommend:hover { border-color: #0
>tyling bug links */ .bug-resolved { text-decoration: line-through>08aaa; background: #008aaa; text-decoration: none; color: #333; }
>; } /* Bages for the Spec2 template */ .spec-ED:before, .spec-WD:> /* For styling bug links */ .bug-resolved { text-decoration: lin
>before, .spec-CR:before, .spec-PR:before, .spec-REC:before, .spec>e-through; } /* Bages for the Spec2 template */ .spec-ED:before, 
>-RFC:before, .spec-Living:before, .spec-Standard:before, .spec-Dr>.spec-WD:before, .spec-CR:before, .spec-PR:before, .spec-REC:befo
>aft:before { display: inline-block; font: .6em Helvetica,Arial,sa>re, .spec-RFC:before, .spec-Living:before, .spec-Standard:before,
>ns-serif; margin: 0 .6em 0 0; padding: .55em .45em .45em; vertica> .spec-Draft:before { display: inline-block; font: .6em Helvetica
>l-align: top; } .redesign .spec-ED:before, .redesign .spec-WD:bef>,Arial,sans-serif; margin: 0 .6em 0 0; padding: .55em .45em .45em
>ore, .redesign .spec-CR:before, .redesign .spec-PR:before, .redes>; vertical-align: top; } .redesign .spec-ED:before, .redesign .sp
>ign .spec-REC:before, .redesign .spec-RFC:before, .redesign .spec>ec-WD:before, .redesign .spec-CR:before, .redesign .spec-PR:befor
>-Living:before, .redesign .spec-Standard:before, .redesign .spec->e, .redesign .spec-REC:before, .redesign .spec-RFC:before, .redes
>Draft:before { font:.7em Helvetica,Arial,sans-serif; font-weight:>ign .spec-Living:before, .redesign .spec-Standard:before, .redesi
>700; min-width:20px; border-radius:2px; letter-spacing:1px; margi>gn .spec-Draft:before { font:.7em Helvetica,Arial,sans-serif; fon
>n:.2em .6em 0 0; padding:.45em .35em .35em; color: inherit; } .sp>t-weight:700; min-width:20px; border-radius:2px; letter-spacing:1
>ec-ED:before, .spec-WD:before, .spec-CR:before, .spec-PR:before, >px; margin:.2em .6em 0 0; padding:.45em .35em .35em; color: inher
>.spec-REC:before, .spec-RFC:before, .spec-Living:before, .spec-St>it; } .spec-ED:before, .spec-WD:before, .spec-CR:before, .spec-PR
>andard:before, .spec-Draft:before { color: white; } .spec-ED:befo>:before, .spec-REC:before, .spec-RFC:before, .spec-Living:before,
>re { content: 'ED'; background-color: #e61919 } .redesign .spec-E> .spec-Standard:before, .spec-Draft:before { color: white; } .spe
>D:before { background-color:rgba(230,25,25,0.25); border-left:4px>c-ED:before { content: 'ED'; background-color: #e61919 } .redesig
> solid rgba(230,25,25,1); color:rgba(230,25,25,1); } .spec-WD:bef>n .spec-ED:before { background-color:rgba(230,25,25,0.25); border
>ore { content: 'WD'; background-color: #E66E33 } .redesign .spec->-left:4px solid rgba(230,25,25,1); color:rgba(230,25,25,1); } .sp
>WD:before { background-color:rgba(230,110,51,0.25); border-left:4>ec-WD:before { content: 'WD'; background-color: #E66E33 } .redesi
>px solid rgba(230,110,51,1); color:rgba(230,110,51,1); } .spec-CR>gn .spec-WD:before { background-color:rgba(230,110,51,0.25); bord
>:before { content: 'CR'; background-color: #CFD510 } .redesign .s>er-left:4px solid rgba(230,110,51,1); color:rgba(230,110,51,1); }
>pec-CR:before { background-color:rgba(0,151,142,0.25); border-lef> .spec-CR:before { content: 'CR'; background-color: #CFD510 } .re
>t:4px solid rgba(0,151,142,1); color:rgba(0,151,142,1); } .spec-P>design .spec-CR:before { background-color:rgba(0,151,142,0.25); b
>R:before { content: 'PR'; background-color: #72AC35 } .redesign .>order-left:4px solid rgba(0,151,142,1); color:rgba(0,151,142,1); 
>spec-PR:before { background-color:rgba(114,172,53,0.25); border-l>} .spec-PR:before { content: 'PR'; background-color: #72AC35 } .r
>eft:4px solid rgba(114,172,53,1); color:rgba(114,172,53,1); } .sp>edesign .spec-PR:before { background-color:rgba(114,172,53,0.25);
>ec-REC:before { content: 'REC'; background-color: #309C40 } .rede> border-left:4px solid rgba(114,172,53,1); color:rgba(114,172,53,
>sign .spec-REC:before { background-color:rgba(48,156,64,0.25); bo>1); } .spec-REC:before { content: 'REC'; background-color: #309C4
>rder-left:4px solid rgba(48,156,64,1); color:rgba(48,156,64,1); }>0 } .redesign .spec-REC:before { background-color:rgba(48,156,64,
> .spec-Living:before { content: 'LS'; background-color: #000 } .r>0.25); border-left:4px solid rgba(48,156,64,1); color:rgba(48,156
>edesign .spec-Living:before { background-color:rgba(0,83,159,0.25>,64,1); } .spec-Living:before { content: 'LS'; background-color: 
>); border-left:4px solid rgba(0,83,159,1); color:rgba(0,83,159,1)>#000 } .redesign .spec-Living:before { background-color:rgba(0,83
>; } .spec-RFC:before { content: 'RFC'; background-color: #000 } .>,159,0.25); border-left:4px solid rgba(0,83,159,1); color:rgba(0,
>redesign .spec-RFC:before { background-color:rgba(0,83,159,0.25);>83,159,1); } .spec-RFC:before { content: 'RFC'; background-color:
> border-left:4px solid rgba(0,83,159,1); color:rgba(0,83,159,1); > #000 } .redesign .spec-RFC:before { background-color:rgba(0,83,1
>} .spec-Standard:before { content: 'ST'; background-color: #000 }>59,0.25); border-left:4px solid rgba(0,83,159,1); color:rgba(0,83
> .redesign .spec-Standard:before { background-color:rgba(0,83,159>,159,1); } .spec-Standard:before { content: 'ST'; background-colo
>,0.25); border-left:4px solid rgba(0,83,159,1); color:rgba(0,83,1>r: #000 } .redesign .spec-Standard:before { background-color:rgba
>59,1); } .spec-Draft:before { content: 'D'; background-color: #E6>(0,83,159,0.25); border-left:4px solid rgba(0,83,159,1); color:rg
>6E33 } .redesign .spec-Draft:before { background-color:rgba(230,1>ba(0,83,159,1); } .spec-Draft:before { content: 'D'; background-c
>10,51,0.25); border-left:4px solid rgba(230,110,51,1); color:rgba>olor: #E66E33 } .redesign .spec-Draft:before { background-color:r
>(230,110,51,1); } .redesign .spec-ED { color:rgba(230,25,25,1); }>gba(230,110,51,0.25); border-left:4px solid rgba(230,110,51,1); c
> .redesign .spec-WD { color:rgba(230,110,51,1); } .redesign .spec>olor:rgba(230,110,51,1); } .redesign .spec-ED { color:rgba(230,25
>-CR { color:rgba(0,151,142,1); } .redesign .spec-PR { color:rgba(>,25,1); } .redesign .spec-WD { color:rgba(230,110,51,1); } .redes
>114,172,53,1); } .redesign .spec-REC { color:rgba(48,156,64,1); }>ign .spec-CR { color:rgba(0,151,142,1); } .redesign .spec-PR { co
> .redesign .spec-RFC { color:rgba(48,156,64,1); } .redesign .spec>lor:rgba(114,172,53,1); } .redesign .spec-REC { color:rgba(48,156
>-Living { color:rgba(0,83,159,1); } .redesign .spec-Standard { co>,64,1); } .redesign .spec-RFC { color:rgba(48,156,64,1); } .redes
>lor:rgba(0,83,159,1); } .redesign .spec-Draft { color:rgba(230,11>ign .spec-Living { color:rgba(0,83,159,1); } .redesign .spec-Stan
>0,51,1); } /* Template link style */ .templateLink { border: 1px >dard { color:rgba(0,83,159,1); } .redesign .spec-Draft { color:rg
>solid #ccc; padding: 1px; } /* * Colorized icons */ #wikiArticle >ba(230,110,51,1); } /* Template link style */ .templateLink { bor
>i.icon-beaker, #wikiArticle i.icon-warning-sign, #wikiArticle i.i>der: 1px solid #ccc; padding: 1px; } /* * Colorized icons */ #wik
>con-thumbs-down-alt, #wikiArticle i.icon-stethoscope, #wikiArticl>iArticle i.icon-beaker, #wikiArticle i.icon-warning-sign, #wikiAr
>e i.icon-trash { cursor: default } #wikiArticle i.icon-beaker { c>ticle i.icon-thumbs-down-alt, #wikiArticle i.icon-stethoscope, #w
>olor: #09d } /* experimental */ #wikiArticle i.icon-warning-sign >ikiArticle i.icon-trash { cursor: default } #wikiArticle i.icon-b
>{ color: #db0 } /* non-standard */ #wikiArticle i.icon-thumbs-dow>eaker { color: #09d } /* experimental */ #wikiArticle i.icon-warn
>n-alt { color: #000 } /* deprecated */ #wikiArticle i.icon-trash >ing-sign { color: #db0 } /* non-standard */ #wikiArticle i.icon-t
>{ color: #d00 } /* obsolete */ #wikiArticle i.icon-stethoscope { >humbs-down-alt { color: #000 } /* deprecated */ #wikiArticle i.ic
>color: darkslateblue } /* unimplemented */ /* * Landing page list>on-trash { color: #d00 } /* obsolete */ #wikiArticle i.icon-steth
>s */ dt.landingPageList, dd.landingPageList { page-break-after: a>oscope { color: darkslateblue } /* unimplemented */ /* * Landing 
>void } /* * "Mozilla only" banners */ .bannerWrapper { overflow: >page lists */ dt.landingPageList, dd.landingPageList { page-break
>hidden; padding-right: 2px; } .mozOnlyBanner { background-color: >-after: avoid } /* * "Mozilla only" banners */ .bannerWrapper { o
>#C33B1D; background-image: url("https://developer.mozilla.org/fil>verflow: hidden; padding-right: 2px; } .mozOnlyBanner { backgroun
>es/5429/firefox.png"), radial-gradient(circle 16px at 18px 18px, >d-color: #C33B1D; background-image: url("https://developer.mozill
>rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.5) 11px, rgba(0,0,0,0) 18px), li>a.org/files/5429/firefox.png"), radial-gradient(circle 16px at 18
>near-gradient(to right, #C33B1D 40%, #DDA820); background-repeat:>px 18px, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.5) 11px, rgba(0,0,0,0) 
> no-repeat; background-size: contain; border-top-left-radius: 18p>18px), linear-gradient(to right, #C33B1D 40%, #DDA820); backgroun
>x; border-bottom-left-radius: 18px; border-top-right-radius: 6px;>d-repeat: no-repeat; background-size: contain; border-top-left-ra
> border-bottom-right-radius: 6px; height: 36px; overflow: hidden;>dius: 18px; border-bottom-left-radius: 18px; border-top-right-rad
> color: white; box-shadow: 0 0 3px #111; font-family: "Lucida Gra>ius: 6px; border-bottom-right-radius: 6px; height: 36px; overflow
>nde","Lucida Sans Unicode","DejaVu Sans",Lucida,Arial,Helvetica,s>: hidden; color: white; box-shadow: 0 0 3px #111; font-family: "L
>ans-serif; } .mozOnlyBanner dt { font-weight: bold; font-size: 16>ucida Grande","Lucida Sans Unicode","DejaVu Sans",Lucida,Arial,He
>px; text-shadow: 1px 1px 0 #222; padding-left: 42px; margin-left:>lvetica,sans-serif; } .mozOnlyBanner dt { font-weight: bold; font
> 0px; margin-bottom: 0px; padding-bottom: 0px; } .mozOnlyBanner d>-size: 16px; text-shadow: 1px 1px 0 #222; padding-left: 42px; mar
>d { font-size: 11px; text-shadow: 1px 1px 0 #222; padding-left: 4>gin-left: 0px; margin-bottom: 0px; padding-bottom: 0px; } .mozOnl
>2px; margin-left: 0px; margin-top: 0px; padding-top: 0px; } /* 一時>yBanner dd { font-size: 11px; text-shadow: 1px 1px 0 #222; paddin
>的なスタイル */ [lang="ja"] #doc-contributors time[datetime*="200"]::af>g-left: 42px; margin-left: 0px; margin-top: 0px; padding-top: 0px
>ter { content: " (※最終更新日から 2 年以上経過しています)"; color: red } /* redesi>; } /* 一時的なスタイル */ [lang="ja"] #doc-contributors time[datetime*="
>gn htabs */ .redesign .htab>ul>li { height: 32px; border:1p>200"]::after { content: " (※最終更新日から 2 年以上経過しています)"; color: red } 
>x solid rgba(212,221,228,0); border-radius: 0; font-size:14px; fo>/* redesign htabs */ .redesign .htab>ul>li { height: 32px; 
>nt-weight:200; font-family:'Open Sans Light',sans-serif; backgrou>border:1px solid rgba(212,221,228,0); border-radius: 0; font-size
>nd-color:#f1f6f8!important; color:rgba(77,78,83,1); opacity:.75; >:14px; font-weight:200; font-family:'Open Sans Light',sans-serif;
>-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=75); f> background-color:#f1f6f8!important; color:rgba(77,78,83,1); opac
>ilter:progid:DXImageTransform.Microsoft.Alpha(Opacity=75); } .red>ity:.75; -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opaci
>esign .htab>ul>li.selected { border:0 solid rgba(212,221,22>ty=75); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=75
>8,0.25); border-top:2px solid rgba(212,221,228,1); padding-top: 4>); } .redesign .htab>ul>li.selected { border:0 solid rgba(2
>px; background-color:rgba(234,239,242,1)!important; } .redesign .>12,221,228,0.25); border-top:2px solid rgba(212,221,228,1); paddi
>htab>div { background-color:rgba(234,239,242,1); border:0 soli>ng-top: 4px; background-color:rgba(234,239,242,1)!important; } .r
>d rgba(212,221,228,0.25); } .redesign .htab > ul > li > >edesign .htab>div { background-color:rgba(234,239,242,1); bord
>a { text-decoration: none; padding:2px 18px 4px; } .redesign .hta>er:0 solid rgba(212,221,228,0.25); } .redesign .htab > ul >
>b > ul > li > a:hover, .redesign .htab > ul > li &> li > a { text-decoration: none; padding:2px 18px 4px; } .rede
>gt; a:focus { text-decoration: underline; } /* new modules */ .su>sign .htab > ul > li > a:hover, .redesign .htab > ul 
>mmary-box-events { display:table; background-color:rgba(0,150,221>> li > a:focus { text-decoration: underline; } /* new modul
>,0.1); padding:11px 22px; } .redesign[dir="ltr"] .summary-box-eve>es */ .summary-box-events { display:table; background-color:rgba(
>nts { clear:left; border-left:6px solid rgba(0,150,221,0.5); } .r>0,150,221,0.1); padding:11px 22px; } .redesign[dir="ltr"] .summar
>edesign[dir="rtl"] .summary-box-events { clear:right; border-righ>y-box-events { clear:left; border-left:6px solid rgba(0,150,221,0
>t:6px solid rgba(0,150,221,0.5); } .summary-box-js { display:tabl>.5); } .redesign[dir="rtl"] .summary-box-events { clear:right; bo
>e; background-color:rgba(230,96,0,0.1); padding: 11px 22px; } .re>rder-right:6px solid rgba(0,150,221,0.5); } .summary-box-js { dis
>design[dir="ltr"] .summary-box-js { clear:left; border-left:6px s>play:table; background-color:rgba(230,96,0,0.1); padding: 11px 22
>olid rgba(230,96,0,0.5); } .redesign[dir="rtl"] .summary-box-js {>px; } .redesign[dir="ltr"] .summary-box-js { clear:left; border-l
> clear:right; border-right:6px solid rgba(230,96,0,0.5); } .redes>eft:6px solid rgba(230,96,0,0.5); } .redesign[dir="rtl"] .summary
>ign .standardNote, .redesign .optional,.renamed { background:rgba>-box-js { clear:right; border-right:6px solid rgba(230,96,0,0.5);
>(0,83,159,0.2); border-color:rgba(0,0,0,0.05); } .redesign .obsol> } .redesign .standardNote, .redesign .optional,.renamed { backgr
>ete, .redesign .notXPCOM { background:rgba(230,96,0,0.45); border>ound:rgba(0,83,159,0.2); border-color:rgba(0,0,0,0.05); } .redesi
>-color:rgba(0,0,0,0.05); } /* sidebar quick links stuff */ .quick>gn .obsolete, .redesign .notXPCOM { background:rgba(230,96,0,0.45
>-links .sidebar-icon i[class^="icon-"] { top: 10px; position: abs>); border-color:rgba(0,0,0,0.05); } /* sidebar quick links stuff 
>olute; left: 12px; display: block; opacity: 0.3; } /* new communi>*/ .quick-links .sidebar-icon i[class^="icon-"] { top: 10px; posi
>ty box */ .communitybox { background-color: rgba(0,83,159,1); bac>tion: absolute; left: 12px; display: block; opacity: 0.3; } /* ne
>kground-image: url("/media/redesign/img/blueprint.png"); } .commu>w community box */ .communitybox { background-color: rgba(0,83,15
>nitybox, .communitybox a, .communitybox a:hover, .communitybox a:>9,1); background-image: url("/media/redesign/img/blueprint.png");
>focus, .communitybox a:visited { color: #fff; } .communitybox .co> } .communitybox, .communitybox a, .communitybox a:hover, .commun
>mmunitysubhead { font-size: 16px; font-weight: bold; margin-top: >itybox a:focus, .communitybox a:visited { color: #fff; } .communi
>13px; padding-bottom: 6px; } .communitybox ul { padding-left: 0; >tybox .communitysubhead { font-size: 16px; font-weight: bold; mar
>margin-bottom:0; list-style-type: none; } .communitybox ul.commun>gin-top: 13px; padding-bottom: 6px; } .communitybox ul { padding-
>itymailinglist li { display: inline-block; margin-right: 4px; mar>left: 0; margin-bottom:0; list-style-type: none; } .communitybox 
>gin-top: 6px} .communitybox ul.communitymailinglist a { backgroun>ul.communitymailinglist li { display: inline-block; margin-right:
>d: rgba(255, 255, 255, 0.3); display: inline-block; color: #fff; > 4px; margin-top: 6px} .communitybox ul.communitymailinglist a { 
>padding: 3px 6px; border-radius: 3px; } .communitybox .communityc>background: rgba(255, 255, 255, 0.3); display: inline-block; colo
>ontact { font-size: 14px; margin-top: 13px;} .communitybox .commu>r: #fff; padding: 3px 6px; border-radius: 3px; } .communitybox .c
>nitycontact a { border-bottom: 1px solid rgba(255, 255, 255, 0.6)>ommunitycontact { font-size: 14px; margin-top: 13px;} .communityb
>; } .communitybox .communitycontact a:hover, .communitybox .commu>ox .communitycontact a { border-bottom: 1px solid rgba(255, 255, 
>nitycontact a:focus { text-decoration:none; border-bottom: 1px so>255, 0.6); } .communitybox .communitycontact a:hover, .communityb
>lid rgba(255, 255, 255, 0.9); } .communitybox strong { font-size:>ox .communitycontact a:focus { text-decoration:none; border-botto
> 15px; font-weight: bold; } /* Default glossary links style to ea>m: 1px solid rgba(255, 255, 255, 0.9); } .communitybox strong { f
>se readability */ a.glossaryLink:link, a.glossaryLink:hover, a.gl>ont-size: 15px; font-weight: bold; } /* Default glossary links st
>ossaryLink:visited, a.glossaryLink:focus, a.glossaryLink:active{ >yle to ease readability */ a.glossaryLink:link, a.glossaryLink:ho
>color:inherit; text-decoration: none; border-bottom: 1px dashed #>ver, a.glossaryLink:visited, a.glossaryLink:focus, a.glossaryLink
>AAA; cursor:help; } a.new.glossaryLink:link, a.new.glossaryLink:h>:active{ color:inherit; text-decoration: none; border-bottom: 1px
>over, a.new.glossaryLink:visited, a.new.glossaryLink:focus, a.new> dashed #AAA; cursor:help; } a.new.glossaryLink:link, a.new.gloss
>.glossaryLink:active{ color:#900; border-bottom: none; } a.new.gl>aryLink:hover, a.new.glossaryLink:visited, a.new.glossaryLink:foc
>ossaryLink:hover { text-decoration: underline; } /* download butt>us, a.new.glossaryLink:active{ color:#900; border-bottom: none; }
>ons */ a.download-button { margin-bottom: 20px; padding: 10px; te> a.new.glossaryLink:hover { text-decoration: underline; } /* down
>xt-align: center; border-radius: 4px; display: inline-block; back>load buttons */ a.download-button { margin-bottom: 20px; padding:
>ground-color: #81BC2E; white-space: nowrap; color: #FFF; text-sha> 10px; text-align: center; border-radius: 4px; display: inline-bl
>dow: 0px 1px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 1px 0px 0px>ock; background-color: #81BC2E; white-space: nowrap; color: #FFF;
> rgba(0, 0, 0, 0.2), 0px -1px 0px 0px rgba(0, 0, 0, 0.3) inset; }> text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 1p
> a.download-button:hover { color: rgb(200,200,200); } a.download->x 0px 0px rgba(0, 0, 0, 0.2), 0px -1px 0px 0px rgba(0, 0, 0, 0.3)
>button:visited { color:white; } a.download-button:link { color:wh> inset; } a.download-button:hover { color: rgb(200,200,200); } a.
>ite; } a.download-button .right-align { float: right; } /* downlo>download-button:visited { color:white; } a.download-button:link {
>ad box stuff */ li.download-box { text-align:center; vertical-ali> color:white; } a.download-button .right-align { float: right; } 
>gn:middle; } li.download-box img { float:none; }>/* download box stuff */ li.download-box { text-align:center; ver
 >tical-align:middle; } li.download-box img { float:none; }

Back to History