Compare Revisions

Template:CustomCSS

Change Revisions

Revision 491571:

Revision 491571 by Sheppy on

Revision 491585:

Revision 491585 by Sheppy on

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

Revision 491571
Revision 491585
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 -- */
> /* Make the 2nd breadcrumbs disappear, only if the page has been> /* Make the 2nd breadcrumbs disappear, only if the page has been
> regenerated with a modern template */ .column-container #wikiArt> regenerated with a modern template */ .column-container #wikiArt
>icle .themeUpdated { display:none } /* Make the Quick Links be hi>icle .themeUpdated { display:none } /* Make the Quick Links be hi
>dden in the old theme */ html:not(.redesign) #Quick_Links { displ>dden in the old theme */ html:not(.redesign) #Quick_Links { displ
>ay:none} html:not(.redesign) h2#Quick_Links + ol { display:none} >ay:none} html:not(.redesign) h2#Quick_Links + ol { display:none} 
>/* remove left margin from Font Awesome icons inside wiki content>/* remove left margin from Font Awesome icons inside wiki content
>; this is messing up document content */ #wikiArticle i[class^="i>; this is messing up document content */ #wikiArticle i[class^="i
>con-"] { margin-left: 0px; } /* Iframe for live sample centered (>con-"] { margin-left: 0px; } /* Iframe for live sample centered (
>Test) */ .centered iframe { display: block; margin: 0 auto;border>Test) */ .centered iframe { display: block; margin: 0 auto;border
>:none } /* Simulate two columns for landing page, if enough space>:none } /* Simulate two columns for landing page, if enough space
> is available */ @media (min-width:1050px) { .topicpage-table {di> is available */ @media (min-width:1050px) { .topicpage-table {di
>splay: table; border-collapse: separate; border-spacing: 20px 0 }>splay: table; border-collapse: separate; border-spacing: 20px 0 }
> /* Next line to remove once the redesign is live: */ .topicpage-> /* Next line to remove once the redesign is live: */ .topicpage-
>table .section:first-of-type { margin-right: 20px; border-right: >table .section:first-of-type { margin-right: 20px; border-right: 
>solid 1px lightgrey; } .redesign .topicpage-table .section:first->solid 1px lightgrey; } .redesign .topicpage-table .section:first-
>of-type { border-right:solid 6px rgba(212,221,228,0.5); } html[di>of-type { border-right:solid 6px rgba(212,221,228,0.5); } html[di
>r="rtl"] .redesign .topicpage-table .section:first-of-type { bord>r="rtl"] .redesign .topicpage-table .section:first-of-type { bord
>er-left:solid 6px rgba(212,221,228,0.5); border-right: none; } .l>er-left:solid 6px rgba(212,221,228,0.5); border-right: none; } .l
>anding { display: table-row;} .section { display: table-cell; wid>anding { display: table-row;} .section { display: table-cell; wid
>th:50%;} } /* For Landing page boxes; these are boxes displayed w>th:50%;} } /* For Landing page boxes; these are boxes displayed w
>ithin columns on landing pages, such as the Community and Related>ithin columns on landing pages, such as the Community and Related
> boxes. */ .landingPageBox { width: 100%; padding: 0px; border-bo> boxes. */ .landingPageBox { width: 100%; padding: 0px; border-bo
>ttom: 1px solid #bbb; margin-bottom: 3px; } .landingPageBox ul { >ttom: 1px solid #bbb; margin-bottom: 3px; } .landingPageBox ul { 
>padding-left: 44px; } /* Wide column box */ .wideColumnBox { colu>padding-left: 44px; } /* Wide column box */ .wideColumnBox { colu
>mn-width:375px; -moz-column-width:375px; -webkit-column-width:375>mn-width:375px; -moz-column-width:375px; -webkit-column-width:375
>px; -o-column-width:375px; -ms-column-width:375px;} .wideColumnBo>px; -o-column-width:375px; -ms-column-width:375px;} .wideColumnBo
>xList li { line-height: 1.5; list-style-type: none; padding-left:>xList li { line-height: 1.5; list-style-type: none; padding-left:
> 0; page-break-inside: avoid; } /* Multi-column boxes for lists o> 0; page-break-inside: avoid; } /* Multi-column boxes for lists o
>f longer links; this will adapt based on screen width */ .multiCo>f longer links; this will adapt based on screen width */ .multiCo
>lumnList { column-width:250px; -moz-column-width:250px; -webkit-c>lumnList { column-width:250px; -moz-column-width:250px; -webkit-c
>olumn-width:250px; -o-column-width:250px; -ms-column-width:250px;>olumn-width:250px; -o-column-width:250px; -ms-column-width:250px;
>} .multiColumnList li { line-height: 1.5; list-style-type: none; >} .multiColumnList li { line-height: 1.5; list-style-type: none; 
>padding-left: 0; page-break-inside: avoid; } /* Multi-column boxe>padding-left: 0; page-break-inside: avoid; } /* Multi-column boxe
>s for smaller links, such as API terms */ .smallMultiColumnList {>s for smaller links, such as API terms */ .smallMultiColumnList {
> column-width: 120px; -moz-column-width:120px; -webkit-column-wid> column-width: 120px; -moz-column-width:120px; -webkit-column-wid
>th:120px; -o-column-width:120px; -ms-column-width:120px} .smallMu>th:120px; -o-column-width:120px; -ms-column-width:120px} .smallMu
>ltiColumnList li { list-style-type: none; padding-left: 0; page-b>ltiColumnList li { list-style-type: none; padding-left: 0; page-b
>reak-inside: avoid; } /* Multi-column box for smaller text */ .ho>reak-inside: avoid; } /* Multi-column box for smaller text */ .ho
>rizFlexboxContainer { display: flex; display: -webkit-flex; flex->rizFlexboxContainer { display: flex; display: -webkit-flex; flex-
>flow: column nowrap; -webkit-flex-flow: column nowrap; justify-co>flow: column nowrap; -webkit-flex-flow: column nowrap; justify-co
>ntent: center; -webkit-justify-content: center; align-content: ce>ntent: center; -webkit-justify-content: center; align-content: ce
>nter; -webkit-align-content: center; align-items: center; -webkit>nter; -webkit-align-content: center; align-items: center; -webkit
>-align-items: center; flex-direction: column; -webkit-flex-direct>-align-items: center; flex-direction: column; -webkit-flex-direct
>ion: column; } div.smallTextMultiColumnBoxHeading { background-co>ion: column; } div.smallTextMultiColumnBoxHeading { background-co
>lor: #aac; border-radius: 10px 10px 0 0; border: 2px solid #ccc; >lor: #aac; border-radius: 10px 10px 0 0; border: 2px solid #ccc; 
>order: 1; -webkit-order: 1; width: 75%; padding: 10px; flex: 0 1 >order: 1; -webkit-order: 1; width: 75%; padding: 10px; flex: 0 1 
>auto; -webkit-flex: 0 1 auto; font-weight: bold; } div.smallTextM>auto; -webkit-flex: 0 1 auto; font-weight: bold; } div.smallTextM
>ultiColumnBoxList { border: 2px solid #ccc; background-color: #dd>ultiColumnBoxList { border: 2px solid #ccc; background-color: #dd
>f; border-top: 0; border-radius: 0 0 10px 10px; width: 75%; paddi>f; border-top: 0; border-radius: 0 0 10px 10px; width: 75%; paddi
>ng: 10px; order: 2; -webkit-order: 2; flex: 0 1 auto; -webkit-fle>ng: 10px; order: 2; -webkit-order: 2; flex: 0 1 auto; -webkit-fle
>x: 0 1 auto; } div.smallTextMultiColumnBoxList ul { column-width:>x: 0 1 auto; } div.smallTextMultiColumnBoxList ul { column-width:
>100px; -moz-column-width:100px; -webkit-column-width:100px; -o-co>100px; -moz-column-width:100px; -webkit-column-width:100px; -o-co
>lumn-width:100px; -ms-column-width:100px; } div.smallTextMultiCol>lumn-width:100px; -ms-column-width:100px; } div.smallTextMultiCol
>umnBoxList li { list-style-type: none; padding-left: 0; font-size>umnBoxList li { list-style-type: none; padding-left: 0; font-size
>: 80%; } /* For ending "text alongside images" blocks; add this c>: 80%; } /* For ending "text alongside images" blocks; add this c
>lass to the first block that shouldn't be next to the image */ .e>lass to the first block that shouldn't be next to the image */ .e
>ndImageWrapping { clear: both; } /* Fancy Table of content for ma>ndImageWrapping { clear: both; } /* Fancy Table of content for ma
>in pages of tutorial*/ .fancyTOC { counter-reset: fancyTOC; -moz->in pages of tutorial*/ .fancyTOC { counter-reset: fancyTOC; -moz-
>columns: 18em; columns: 18em; margin-bottom: 1em } .fancyTOC .but>columns: 18em; columns: 18em; margin-bottom: 1em } .fancyTOC .but
>ton { display: block; margin-right: 0; margin-bottom: .25em; back>ton { display: block; margin-right: 0; margin-bottom: .25em; back
>ground-color: #A24C4C; color: #fff; font-size: 1.5em; line-height>ground-color: #A24C4C; color: #fff; font-size: 1.5em; line-height
>: 1.5 } .fancyTOC a::before { counter-increment: fancyTOC; conten>: 1.5 } .fancyTOC a::before { counter-increment: fancyTOC; conten
>t: counter(fancyTOC) ". " } .fancyTOC a::after { content: ' »' } >t: counter(fancyTOC) ". " } .fancyTOC a::after { content: ' »' } 
>.fancyTOC .button:hover, .fancyTOC .button:focus, .fancyTOC .butt>.fancyTOC .button:hover, .fancyTOC .button:focus, .fancyTOC .butt
>on:active { background-color: #C26C6C } /* In index, dim obsolete>on:active { background-color: #C26C6C } /* In index, dim obsolete
>, deprecated or non-standard element instead of striking through >, deprecated or non-standard element instead of striking through 
>them */ s.deprecatedElement, s.obsoleteElement, s.nonStdElement {>them */ s.deprecatedElement, s.obsoleteElement, s.nonStdElement {
> text-decoration: none; opacity: .3 } /* Add widgeted index, here> text-decoration: none; opacity: .3 } /* Add widgeted index, here
> adding an HTML5 badge as the bullet of the li element if class="> adding an HTML5 badge as the bullet of the li element if class="
>html5" */ div.index.widgeted { -webkit-column-width: 10em; -moz-c>html5" */ div.index.widgeted { -webkit-column-width: 10em; -moz-c
>olumn-width: 10em; columns: 10em } div.index.widgeted li { paddin>olumn-width: 10em; columns: 10em } div.index.widgeted li { paddin
>g-left: 18px } div.index.widgeted li.html5 { background-image: ur>g-left: 18px } div.index.widgeted li.html5 { background-image: ur
>l("/files/3855/HTML5_Badge_16.png"); background-repeat: no-repeat>l("/files/3855/HTML5_Badge_16.png"); background-repeat: no-repeat
>; background-position: left 4px } [dir="rtl"] div.index.widgeted >; background-position: left 4px } [dir="rtl"] div.index.widgeted 
>li { padding-right: 18px } [dir="rtl"] div.index.widgeted li.html>li { padding-right: 18px } [dir="rtl"] div.index.widgeted li.html
>5 { background-image: url("/files/3855/HTML5_Badge_16.png"); back>5 { background-image: url("/files/3855/HTML5_Badge_16.png"); back
>ground-repeat: no-repeat; background-position: right 4px } [dir=">ground-repeat: no-repeat; background-position: right 4px } [dir="
>rtl"] div.index.widgeted span { padding-right:24px } /* Add widge>rtl"] div.index.widgeted span { padding-right:24px } /* Add widge
>ted index, adding a Webcomponent badge of the li element if class>ted index, adding a Webcomponent badge of the li element if class
>="webcomp" */ div.index.widgeted li.webcomp::after { font-family:>="webcomp" */ div.index.widgeted li.webcomp::after { font-family:
> FontAwesome; content:" \f085";} /* Quicknav template styles : ht> FontAwesome; content:" \f085";} /* Quicknav template styles : ht
>tps://developer.mozilla.org/en-US/docs/Template:quicknav -------->tps://developer.mozilla.org/en-US/docs/Template:quicknav --------
> */ #wikiArticle { position: relative; } .quicknav { position: fi> */ #wikiArticle { position: relative; } .quicknav { position: fi
>xed; top: 237px; left: 33px; background: #FFF; z-index: 1 } .quic>xed; top: 237px; left: 33px; background: #FFF; z-index: 1 } .quic
>knav dl { max-width: 0; max-height: 300px; overflow: auto; margin>knav dl { max-width: 0; max-height: 300px; overflow: auto; margin
>: 0; padding: 10px 0; border: 1px solid transparent; border-left:>: 0; padding: 10px 0; border: 1px solid transparent; border-left:
> none -webkit-transition: border .5s ease .1s, max-width .5s ease> none -webkit-transition: border .5s ease .1s, max-width .5s ease
> .1s, padding .5s linear .1s; -moz-transition: border .5s ease .1> .1s, padding .5s linear .1s; -moz-transition: border .5s ease .1
>s, max-width .5s ease .1s, padding .5s linear .1s; -ms-transition>s, max-width .5s ease .1s, padding .5s linear .1s; -ms-transition
>: border .5s ease .1s, max-width .5s ease .1s, padding .5s linear>: border .5s ease .1s, max-width .5s ease .1s, padding .5s linear
> .1s; -o-transition: border .5s ease .1s, max-width .5s ease .1s,> .1s; -o-transition: border .5s ease .1s, max-width .5s ease .1s,
> padding .5s linear .1s; transition: border .5s ease .1s, max-wid> padding .5s linear .1s; transition: border .5s ease .1s, max-wid
>th .5s ease .1s, padding .5s linear .1s } .quicknav dt, .quicknav>th .5s ease .1s, padding .5s linear .1s } .quicknav dt, .quicknav
> dd { margin: 0; padding: 0; white-space: nowrap } .quicknav dt {> dd { margin: 0; padding: 0; white-space: nowrap } .quicknav dt {
> font-weight: 700 } .quicknav dd + dt { margin-top: .5em } .quick> font-weight: 700 } .quicknav dd + dt { margin-top: .5em } .quick
>nav:hover dl { max-width: 300px; padding: 10px 20px 10px 10px; bo>nav:hover dl { max-width: 300px; padding: 10px 20px 10px 10px; bo
>rder-color: #ECECE7 } .quicknav .showme { display: block; positio>rder-color: #ECECE7 } .quicknav .showme { display: block; positio
>n: absolute; top: 10px; left: -31px; width: 30px; font: 2em sans->n: absolute; top: 10px; left: -31px; width: 30px; font: 2em sans-
>serif; color: #CCC; text-align: center; background: #FFF; border->serif; color: #CCC; text-align: center; background: #FFF; border-
>radius: 5px 0 0 5px; border: 1px solid #ECECE7; border-right: non>radius: 5px 0 0 5px; border: 1px solid #ECECE7; border-right: non
>e } .quicknav:hover .showme { color: #333; } .cleared { clear: bo>e } .quicknav:hover .showme { color: #333; } .cleared { clear: bo
>th } /* This style has problem ! Style attribute of BR element is>th } /* This style has problem ! Style attribute of BR element is
> not work in Kuma */ .clearLeft { clear: left } /* ltr page only > not work in Kuma */ .clearLeft { clear: left } /* ltr page only 
>? */ span.comment { display:none; } #wikiArticle .breadcrumbs { d>? */ span.comment { display:none; } #wikiArticle .breadcrumbs { d
>isplay: block; margin-bottom: 1em } /* The HTML5 landing page has>isplay: block; margin-bottom: 1em } /* The HTML5 landing page has
> some special-case stuff, handled here */ /* table.html5ArticleTo> some special-case stuff, handled here */ /* table.html5ArticleTo
>c { border-width: 5px }*/ table.html5ArticleToc { border-style: n>c { border-width: 5px }*/ table.html5ArticleToc { border-style: n
>one; border-width: 0; background-color: transparent; border-color>one; border-width: 0; background-color: transparent; border-color
>: transparent; width: 100%;} .html5ArticleToc thead th { padding:>: transparent; width: 100%;} .html5ArticleToc thead th { padding:
> .5em 1em } .html5ArticleToc tbody td { vertical-align: middle } > .5em 1em } .html5ArticleToc tbody td { vertical-align: middle } 
>.html5ArticleToc ul { margin: 0; padding: 0 } .html5ArticleToc ul>.html5ArticleToc ul { margin: 0; padding: 0 } .html5ArticleToc ul
> li { display: inline; margin: 0 .25em } /* The syntax box: the f> li { display: inline; margin: 0 .25em } /* The syntax box: the f
>irst one is now used anywhere (DOM, JS, CSS, ...) The twoparts is>irst one is now used anywhere (DOM, JS, CSS, ...) The twoparts is
> used for CSS properties */ pre.syntaxbox { margin-bottom: 1em; b> used for CSS properties */ pre.syntaxbox { margin-bottom: 1em; b
>ackground-color: #ffe; } html:not(.redesign) pre.syntaxbox { bord>ackground-color: #ffe; } html:not(.redesign) pre.syntaxbox { bord
>er: 2px solid #ccc; border-radius: 10px; } pre.twopartsyntaxbox {>er: 2px solid #ccc; border-radius: 10px; } pre.twopartsyntaxbox {
> margin-bottom: 0; background-color: #ffe; } html:not(.redesign) > margin-bottom: 0; background-color: #ffe; } html:not(.redesign) 
>pre.twopartsyntaxbox { border:2px solid #bbb; border-radius: 10px>pre.twopartsyntaxbox { border:2px solid #bbb; border-radius: 10px
> 10px 0 0; } pre.twopartsyntaxbox + pre { border-top: none; margi> 10px 0 0; } pre.twopartsyntaxbox + pre { border-top: none; margi
>n-top: 0 } html:not(.redesign) pre.twopartsyntaxbox + pre { borde>n-top: 0 } html:not(.redesign) pre.twopartsyntaxbox + pre { borde
>r: 2px solid #bbb; border-radius: 0 0 10px 10px; } table.withoutB>r: 2px solid #bbb; border-radius: 0 0 10px 10px; } table.withoutB
>order, table.withoutBorder td, table.withoutBorder tr, table.with>order, table.withoutBorder td, table.withoutBorder tr, table.with
>outBorder th { border: none } td.horizontalLine { border-left: no>outBorder th { border: none } td.horizontalLine { border-left: no
>ne } td.column { border-bottom: none } td.bottomPart { border-top>ne } td.column { border-bottom: none } td.bottomPart { border-top
>: none } /* Use the verticalText class on a table cell to rotate >: none } /* Use the verticalText class on a table cell to rotate 
>its contents 90° */ td.verticalText { width: 3em; -webkit-transfo>its contents 90° */ td.verticalText { width: 3em; -webkit-transfo
>rm: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform:>rm: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform:
> rotate(-90deg); transform: rotate(-90deg) } table.blockTable { b> rotate(-90deg); transform: rotate(-90deg) } table.blockTable { b
>order-collapse: collapse } table.blockTable, table.blockTable td >order-collapse: collapse } table.blockTable, table.blockTable td 
>{ margin: 1px; padding: 1px } table.blockTable .verticalColumn { >{ margin: 1px; padding: 1px } table.blockTable .verticalColumn { 
>border-left: none; border-right: none } /* The index page for HTM>border-left: none; border-right: none } /* The index page for HTM
>L / CSS */ div.index { -webkit-columns: 16em; -moz-column-width: >L / CSS */ div.index { -webkit-columns: 16em; -moz-column-width: 
>16em; columns: 16em } div.index > span { font-family: Georgia,>16em; columns: 16em } div.index > span { font-family: Georgia,
> Times, 'Times New Roman', serif; font-size: 1.6em } div.index ul> Times, 'Times New Roman', serif; font-size: 1.6em } div.index ul
>, div.index ol { margin-left: 0; padding-left: 0; list-style-type>, div.index ol { margin-left: 0; padding-left: 0; list-style-type
>: none } /* Stuff used for the syntax information about CSS, HTML>: none } /* Stuff used for the syntax information about CSS, HTML
>, and so forth */ /* ul.cssprop box used by each CSS Property ref>, and so forth */ /* ul.cssprop box used by each CSS Property ref
>erence page*/ .cssprop { display: table; padding: 11px 22px; back>erence page*/ .cssprop { display: table; padding: 11px 22px; back
>ground-color: #eef } .redesign .cssprop { background-color: rgba(>ground-color: #eef } .redesign .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: .15em solid } [dir="rtl"] .cssprop { clear: right; border-ri>eft: .15em solid } [dir="rtl"] .cssprop { clear: right; border-ri
>ght: .15em solid } .redesign[dir="ltr"] .cssprop { border-left: 6>ght: .15em solid } .redesign[dir="ltr"] .cssprop { border-left: 6
>px solid rgba(255,203,0,0.5); } .redesign[dir="rtl"] .cssprop { b>px solid rgba(255,203,0,0.5); } .redesign[dir="rtl"] .cssprop { b
>order-right:6px solid rgba(255,203,0,0.5); } .cssprop li { displa>order-right:6px solid rgba(255,203,0,0.5); } .cssprop li { displa
>y: table-row; padding: 3px; margin: 0 } .cssprop li dfn { display>y: table-row; padding: 3px; margin: 0 } .cssprop li dfn { display
>: table-cell; padding: 0 5px; border-bottom: none; white-space: p>: table-cell; padding: 0 5px; border-bottom: none; white-space: p
>re; cursor: inherit } .cssprop li dfn:after { content: ":" } .css>re; cursor: inherit } .cssprop li dfn:after { content: ":" } .css
>prop li li { display: list-item; list-style-type: disc; line-heig>prop li li { display: list-item; list-style-type: disc; line-heig
>ht: 1 } /* ul.htmlelt box used by each HTML Element reference pag>ht: 1 } /* ul.htmlelt box used by each HTML Element reference pag
>e */ .htmlelt { display: table; padding: 11px 22px; background-co>e */ .htmlelt { display: table; padding: 11px 22px; background-co
>lor: #fe9 } .redesign .htmlelt { background-color:rgba(255,149,0,>lor: #fe9 } .redesign .htmlelt { background-color:rgba(255,149,0,
>0.1); } [dir="ltr"] .htmlelt { clear: left; border-left: .15em so>0.1); } [dir="ltr"] .htmlelt { clear: left; border-left: .15em so
>lid } [dir="rtl"] .htmlelt { clear: right; border-right: .15em so>lid } [dir="rtl"] .htmlelt { clear: right; border-right: .15em so
>lid } .redesign[dir="ltr"] .htmlelt { border-left:6px solid rgba(>lid } .redesign[dir="ltr"] .htmlelt { border-left:6px solid rgba(
>255,149,0,0.5); } .redesign[dir="rtl"] .htmlelt { border-right:6p>255,149,0,0.5); } .redesign[dir="rtl"] .htmlelt { border-right:6p
>x solid rgba(255,149,0,0.5); } .htmlelt li { display: table-row; >x solid rgba(255,149,0,0.5); } .htmlelt li { display: table-row; 
>padding: 3px; margin: 0; text-align: left } .htmlelt li dfn { dis>padding: 3px; margin: 0; text-align: left } .htmlelt li dfn { dis
>play: table-cell; padding: 0 5px; border-bottom: none; white-spac>play: table-cell; padding: 0 5px; border-bottom: none; white-spac
>e: pre; cursor: inherit } .htmlelt li dfn:after { content: ":" } >e: pre; cursor: inherit } .htmlelt li dfn:after { content: ":" } 
>.htmlelt li li { display: list-item; list-style-type: disc; line->.htmlelt li li { display: list-item; list-style-type: disc; line-
>height: 1 } /* ul.audionodebox used by each AudioNode object refe>height: 1 } /* ul.audionodebox used by each AudioNode object refe
>rence page*/ .audionodebox { display: table; padding: 11px 22px; >rence page*/ .audionodebox { display: table; padding: 11px 22px; 
>background-color: #fee } .redesign .audionodebox { background-col>background-color: #fee } .redesign .audionodebox { background-col
>or:rgba(117,195,165,0.1); } [dir="ltr"] .audionodebox { clear: le>or:rgba(117,195,165,0.1); } [dir="ltr"] .audionodebox { clear: le
>ft; border-left: .15em solid } [dir="rtl"] .audionodebox { clear:>ft; border-left: .15em solid } [dir="rtl"] .audionodebox { clear:
> right; border-right: .15em solid } .redesign[dir="ltr"] .audiono> right; border-right: .15em solid } .redesign[dir="ltr"] .audiono
>debox { border-left:6px solid rgba(117,195,165,0.5); } .redesign[>debox { border-left:6px solid rgba(117,195,165,0.5); } .redesign[
>dir="rtl"] .audionodebox { border-right:6px solid rgba(117,195,16>dir="rtl"] .audionodebox { border-right:6px solid rgba(117,195,16
>5,0.5); } .audionodebox li, .summary-box-js li, .summary-box-even>5,0.5); } .audionodebox li, .summary-box-js li, .summary-box-even
>ts li { display: table-row; padding: 3px; margin: 0; text-align: >ts li { display: table-row; padding: 3px; margin: 0; text-align: 
>left } .audionodebox li dfn, .summary-box-js li dfn, .summary-box>left } .audionodebox li dfn, .summary-box-js li dfn, .summary-box
>-events li dfn { display: table-cell; padding: 0 5px; border-bott>-events li dfn { display: table-cell; padding: 0 5px; border-bott
>om: none; white-space: pre; cursor: inherit } .audionodebox li df>om: none; white-space: pre; cursor: inherit } .audionodebox li df
>n:after, .summary-box-js li dfn:after, .summary-box-events li dfn>n:after, .summary-box-js li dfn:after, .summary-box-events li dfn
>:after { content: ":" } .audionodebox li li, .summary-box-js li l>:after { content: ":" } .audionodebox li li, .summary-box-js li l
>i, .summary-box-events li li { display: list-item; list-style-typ>i, .summary-box-events li li { display: list-item; list-style-typ
>e: disc; line-height: 1 } /* https://developer.mozilla.org/en-US/>e: disc; line-height: 1 } /* https://developer.mozilla.org/en-US/
>docs/Template:HTML:Element_Navigation */ table.HTMLElmNav { margi>docs/Template:HTML:Element_Navigation */ table.HTMLElmNav { margi
>n: 1em auto; border-width: 5px } table.HTMLElmNav th, table.HTMLE>n: 1em auto; border-width: 5px } table.HTMLElmNav th, table.HTMLE
>lmNav td { text-align: center } .method { margin-left: 10px; marg>lmNav td { text-align: center } .method { margin-left: 10px; marg
>in-bottom: 2em; margin-top: 1em } .method > .name { display: b>in-bottom: 2em; margin-top: 1em } .method > .name { display: b
>lock; font-size: 13pt; margin-bottom: .2em } .method > .name &>lock; font-size: 13pt; margin-bottom: .2em } .method > .name &
>gt; .param: after { content: ","; padding-right: .5em } .method &>gt; .param: after { content: ","; padding-right: .5em } .method &
>gt; .name > .param: last-of-type: after { content: "" } .metho>gt; .name > .param: last-of-type: after { content: "" } .metho
>d > .name > .param > .name: after { content: " as "; fon>d > .name > .param > .name: after { content: " as "; fon
>t-weight: normal } .method > .name > .param: not(.required)>t-weight: normal } .method > .name > .param: not(.required)
> { font-style: italic } .method > .name > .param: not(.requ> { font-style: italic } .method > .name > .param: not(.requ
>ired): before { content: "[" } .method > .name > .param: no>ired): before { content: "[" } .method > .name > .param: no
>t(.required): after { content: "]" } .method > .description { >t(.required): after { content: "]" } .method > .description { 
>display: block; font-size: 10pt; color: #444; font-style: italic;>display: block; font-size: 10pt; color: #444; font-style: italic;
> margin-bottom: 7px } .method > .name > .returns: before { > margin-bottom: 7px } .method > .name > .returns: before { 
>content: " returns "; font-weight: normal; font-style: italic } .>content: " returns "; font-weight: normal; font-style: italic } .
>method > .name > .returns { font-weight: 700 } .method >>method > .name > .returns { font-weight: 700 } .method >
> .params { display: block; color: #555 } .method > .params &gt> .params { display: block; color: #555 } .method > .params &gt
>; .param { display: block; margin-bottom: 5px } .method > .par>; .param { display: block; margin-bottom: 5px } .method > .par
>ams > .param > .name { font-weight: 700; margin-right: .5em>ams > .param > .name { font-weight: 700; margin-right: .5em
>; min-width: 80px; display: inline-block } .method > .params &>; min-width: 80px; display: inline-block } .method > .params &
>gt; .param > .description { display: inline-block; width: 300p>gt; .param > .description { display: inline-block; width: 300p
>x; vertical-align: top; margin-right: 30px } .method > .params>x; vertical-align: top; margin-right: 30px } .method > .params
> > .param > .type { display: inline-block; width: 150px; ve> > .param > .type { display: inline-block; width: 150px; ve
>rtical-align: top; font-weight: 700 } .method > .params > .>rtical-align: top; font-weight: 700 } .method > .params > .
>param > .type: before { content: "Type "; color: #888; font-we>param > .type: before { content: "Type "; color: #888; font-we
>ight: normal } .method > .params > .param > .default { d>ight: normal } .method > .params > .param > .default { d
>isplay: inline-block; width: 150px; vertical-align: top; font-wei>isplay: inline-block; width: 150px; vertical-align: top; font-wei
>ght: 700 } .method > .params > .param > .default: before>ght: 700 } .method > .params > .param > .default: before
> { content: "Default "; color: #888; font-weight: normal } /* ver> { content: "Default "; color: #888; font-weight: normal } /* ver
>sion compatibility banners and notes */ .geckoVersionNote { backg>sion compatibility banners and notes */ .geckoVersionNote { backg
>round-color: #E0E0FF; background-image: -moz-radial-gradient(0px >round-color: #E0E0FF; background-image: -moz-radial-gradient(0px 
>0 45deg, circle farthest-corner, #E0E0FF 0%, #F8F8FF 80%); border>0 45deg, circle farthest-corner, #E0E0FF 0%, #F8F8FF 80%); border
>-left: 5px solid #008 } .geckoVersionNote p { padding-left: 4px; >-left: 5px solid #008 } .geckoVersionNote p { padding-left: 4px; 
>border: 0 } .geckoVersionHeading { background-color: #008; backgr>border: 0 } .geckoVersionHeading { background-color: #008; backgr
>ound-image: -moz-linear-gradient(left, #008 50%, #e0e0ff 80%); co>ound-image: -moz-linear-gradient(left, #008 50%, #e0e0ff 80%); co
>lor: #fff; font: 16px/1.7 Verdana, Tahoma, sans-serif; margin-top>lor: #fff; font: 16px/1.7 Verdana, Tahoma, sans-serif; margin-top
>: 0; margin-left: 0; margin-bottom: 4px; height: 42px } .geckoVer>: 0; margin-left: 0; margin-bottom: 4px; height: 42px } .geckoVer
>sionHeading a:link { color: #ddd } .geckoVersionHeading a:visited>sionHeading a:link { color: #ddd } .geckoVersionHeading a:visited
> { color: #eee } .geckoVersionHeading a:hover, .geckoVersionHeadi> { color: #eee } .geckoVersionHeading a:hover, .geckoVersionHeadi
>ng a:focus { color: #fdd } .experimentalIcon { display: inline-bl>ng a:focus { color: #fdd } .experimentalIcon { display: inline-bl
>ock; width:4px; height:4px; color:orange; background-color:white;>ock; width:4px; height:4px; color:orange; background-color:white;
> border: 3px solid orange; } .nonstandardIcon { display: inline-b> border: 3px solid orange; } .nonstandardIcon { display: inline-b
>lock; width:8px; height:8px; color:red; background-color:red; bor>lock; width:8px; height:8px; color:red; background-color:red; bor
>der: 1px solid red; } .obsoleteIcon { display: inline-block; widt>der: 1px solid red; } .obsoleteIcon { display: inline-block; widt
>h:8px; height:8px; color:black; background-color:black; border: 1>h:8px; height:8px; color:black; background-color:black; border: 1
>px solid black; } .deprecatedIcon { display: inline-block; width:>px solid black; } .deprecatedIcon { display: inline-block; width:
>4px; height:4px; color:black; background-color:white; border: 3px>4px; height:4px; color:black; background-color:white; border: 3px
> solid black; } /* Used to to create icon-badged APIs inline */ .> solid black; } /* Used to to create icon-badged APIs inline */ .
>indexListRow { display: -ms-flexbox; display: -webkit-flex; displ>indexListRow { display: -ms-flexbox; display: -webkit-flex; displ
>ay: flex; -webkit-flex-direction: row; -ms-flex-direction: row; f>ay: flex; -webkit-flex-direction: row; -ms-flex-direction: row; f
>lex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap;>lex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap;
> flex-wrap: wrap; -webkit-justify-content: flex-start; -ms-flex-p> flex-wrap: wrap; -webkit-justify-content: flex-start; -ms-flex-p
>ack: start; justify-content: flex-start; -webkit-align-content: s>ack: start; justify-content: flex-start; -webkit-align-content: s
>tretch; -ms-flex-line-pack: stretch; align-content: stretch; -web>tretch; -ms-flex-line-pack: stretch; align-content: stretch; -web
>kit-align-items: flex-start; -ms-flex-align: start; align-items: >kit-align-items: flex-start; -ms-flex-align: start; align-items: 
>flex-start; /*width:100%;*/ } .indexListTerm { -webkit-order: 0; >flex-start; /*width:100%;*/ } .indexListTerm { -webkit-order: 0; 
>-ms-flex-order: 0; order: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 >-ms-flex-order: 0; order: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 
>1 auto; flex: 0 1 auto; -webkit-align-self: flex-start; -ms-flex->1 auto; flex: 0 1 auto; -webkit-align-self: flex-start; -ms-flex-
>item-align: start; align-self: flex-start; } .indexListBadges { ->item-align: start; align-self: flex-start; } .indexListBadges { -
>webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-flex: 0 1 a>webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-flex: 0 1 a
>uto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-align-self: auto>uto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-align-self: auto
>; -ms-flex-item-align: auto; align-self: flex-end; padding-left: >; -ms-flex-item-align: auto; align-self: flex-end; padding-left: 
>6px; margin-right:6px; } .badge { position: relative; top: -2px; >6px; margin-right:6px; } .badge { position: relative; top: -2px; 
>display: inline-block; cursor: default; border: 1px solid #aaa; b>display: inline-block; cursor: default; border: 1px solid #aaa; b
>order-radius: 8px; padding: .1em .6em; font-size: 70%; font-weigh>order-radius: 8px; padding: .1em .6em; font-size: 70%; font-weigh
>t: 700; height: 1.4em; vertical-align: middle; line-height: 1.3; >t: 700; height: 1.4em; vertical-align: middle; line-height: 1.3; 
>} .badgeText { -webkit-hyphens: none; -moz-hyphens: none; -ms-hyp>} .badgeText { -webkit-hyphens: none; -moz-hyphens: none; -ms-hyp
>hens: none; hyphens: none; } .banner { display:block; overflow:hi>hens: none; hyphens: none; } .banner { display:block; overflow:hi
>dden; font-size: 14px; font-weight: normal; margin: 10px 0px; pad>dden; font-size: 14px; font-weight: normal; margin: 10px 0px; pad
>ding: 2px 10px; } html:not(.redesign) .banner { border: 1px solid>ding: 2px 10px; } html:not(.redesign) .banner { border: 1px solid
> #aaa; border-radius: 8px; } .redesign .banner { font-size:12px; > #aaa; border-radius: 8px; } .redesign .banner { font-size:12px; 
>} .bannerHeading { text-align: center; font-weight: bold; padding>} .bannerHeading { text-align: center; font-weight: bold; padding
>-bottom: 2px; } .redesign .bannerHeading { text-align: inherit; }>-bottom: 2px; } .redesign .bannerHeading { text-align: inherit; }
> .bannerText { text-align: center; font-weight: normal; } .icon {> .bannerText { text-align: center; font-weight: normal; } .icon {
> padding-left: 3.1em } [dir=rtl] .icon { padding-left: .8em; padd> padding-left: 3.1em } [dir=rtl] .icon { padding-left: .8em; padd
>ing-right: 3.1em; } .icon:before { content: ""; position: absolut>ing-right: 3.1em; } .icon:before { content: ""; position: absolut
>e; left: -2px; top: 50%; margin-top: -1.5em; width: 2.8em; height>e; left: -2px; top: 50%; margin-top: -1.5em; width: 2.8em; height
>: 2.8em; background: white no-repeat center center; background-si>: 2.8em; background: white no-repeat center center; background-si
>ze: 2.6em; border-radius: 100%; border: 1px solid #aaa; border-ri>ze: 2.6em; border-radius: 100%; border: 1px solid #aaa; border-ri
>ght: none; box-sizing: border-box; -moz-boxsizing: border-box; } >ght: none; box-sizing: border-box; -moz-boxsizing: border-box; } 
>[dir=rtl] .icon:before { left: auto; right: -2px; border: 1px sol>[dir=rtl] .icon:before { left: auto; right: -2px; border: 1px sol
>id #aaa; border-left: none; } /* Used for badging obsolete APIs *>id #aaa; border-left: none; } /* Used for badging obsolete APIs *
>/ .nonstandardBadge { background: linear-gradient(to right, #f0DE>/ .nonstandardBadge { background: linear-gradient(to right, #f0DE
>00 30%, #f0ff19); color: black; text-shadow: 1px 1px 0 #ddd; } /*>00 30%, #f0ff19); color: black; text-shadow: 1px 1px 0 #ddd; } /*
> Used for badging Gecko minimum version requirements */ .geckoVer> Used for badging Gecko minimum version requirements */ .geckoVer
>sionBadge { background: linear-gradient(to right, rgb(215, 236, 1>sionBadge { background: linear-gradient(to right, rgb(215, 236, 1
>61) 30%, rgb(204, 227, 144)); color: black; text-shadow: 1px 1px >61) 30%, rgb(204, 227, 144)); color: black; text-shadow: 1px 1px 
>0 #ddd; border-color: rgb(129, 142, 97); } .redesign .geckoVersio>0 #ddd; border-color: rgb(129, 142, 97); } .redesign .geckoVersio
>nBadge { background: rgba(117,195,165,0.44); border:5px solid rgb>nBadge { background: rgba(117,195,165,0.44); border:5px solid rgb
>a(0,0,0,0.05); } /* Used for badging Firefox minimum version requ>a(0,0,0,0.05); } /* Used for badging Firefox minimum version requ
>irements */ .firefoxVersionBadge { background-color: #FEDF9E; bac>irements */ .firefoxVersionBadge { background-color: #FEDF9E; bac
>kground-image: linear-gradient(to right, #FEDF9E 30%, #FEF1D4); b>kground-image: linear-gradient(to right, #FEDF9E 30%, #FEF1D4); b
>ackground-repeat: no-repeat; background-size: contain; overflow: >ackground-repeat: no-repeat; background-size: contain; overflow: 
>hidden; color: black; text-shadow: 1px 1px 0 #ccc; white-space: n>hidden; color: black; text-shadow: 1px 1px 0 #ccc; white-space: n
>owrap; } .firefoxVersionBadge a:link { color: black; text-decorat>owrap; } .firefoxVersionBadge a:link { color: black; text-decorat
>ion: underline; } .firefoxVersionBadge a:visited { color: black; >ion: underline; } .firefoxVersionBadge a:visited { color: black; 
>text-decoration: underline; } .firefoxVersionBadge a:hover { colo>text-decoration: underline; } .firefoxVersionBadge a:hover { colo
>r: #853; text-decoration: none; } .firefoxVersionBadge a:active {>r: #853; text-decoration: none; } .firefoxVersionBadge a:active {
> color:#858; text-decoration: none; } /* Used for badging APIs no> color:#858; text-decoration: none; } /* Used for badging APIs no
>t implemented in Firefox */ .unimplementedBadge { background-colo>t implemented in Firefox */ .unimplementedBadge { background-colo
>r: lightpink; color: black; text-shadow: 1px 1px 0 #ddd; border-c>r: lightpink; color: black; text-shadow: 1px 1px 0 #ddd; border-c
>olor: deeppink; } /* Used for badging non-standard APIs */ .obsol>olor: deeppink; } /* Used for badging non-standard APIs */ .obsol
>eteBadge { background: linear-gradient(to right, #FEBCBC 30%, #ff>eteBadge { background: linear-gradient(to right, #FEBCBC 30%, #ff
>fff0); color: black; text-shadow: 1px 1px 0 #ddd; border-color: #>fff0); color: black; text-shadow: 1px 1px 0 #ddd; border-color: #
>f00; } /* Used for badging deprecated APIs */ .deprecatedBadge { >f00; } /* Used for badging deprecated APIs */ .deprecatedBadge { 
>background: linear-gradient(to right, #ccccff 30%, #eeeeff); colo>background: linear-gradient(to right, #ccccff 30%, #eeeeff); colo
>r: #000; text-shadow: 1px 1px 0 #ddd; border-color: blue; } /* Us>r: #000; text-shadow: 1px 1px 0 #ddd; border-color: blue; } /* Us
>ed for badging experimental APIs */ .experimentalBadge { backgrou>ed for badging experimental APIs */ .experimentalBadge { backgrou
>nd: linear-gradient(to right, #ffefd9 40%, #fffde0); color: #000;>nd: linear-gradient(to right, #ffefd9 40%, #fffde0); color: #000;
> text-shadow: 1px 1px 0 #ddd; } /* Used for badging privileged AP> text-shadow: 1px 1px 0 #ddd; } /* Used for badging privileged AP
>Is */ .privilegedBadge { background: linear-gradient(to right, #F>Is */ .privilegedBadge { background: linear-gradient(to right, #F
>FBD19 30%, #ffb200); color: #000; text-shadow: 1px 1px 0 #ddd; } >FBD19 30%, #ffb200); color: #000; text-shadow: 1px 1px 0 #ddd; } 
>[dir=rtl] .privilegedBadge { background: linear-gradient(to left,>[dir=rtl] .privilegedBadge { background: linear-gradient(to left,
> #FFBD19 30%, #ffb200); } .icon.privilegedBadge:before { backgrou> #FFBD19 30%, #ffb200); } .icon.privilegedBadge:before { backgrou
>nd-color: orange; background-image: url(https://mdn.mozillademos.>nd-color: orange; background-image: url(https://mdn.mozillademos.
>org/files/5061/firefoxos-logo-sm.png); } .sidebar-box { margin-le>org/files/5061/firefoxos-logo-sm.png); } .sidebar-box { margin-le
>ft: 16px; margin-bottom: 2.5em; border-right: 1px solid #ecf1f3; >ft: 16px; margin-bottom: 2.5em; border-right: 1px solid #ecf1f3; 
>padding: 12px; background: #f1f6f8 url("img/toc-bg.png") 0 0 no-r>padding: 12px; background: #f1f6f8 url("img/toc-bg.png") 0 0 no-r
>epeat; font: 12px Verdana, Tahoma, sans-serif } .sidebar-box h2, >epeat; font: 12px Verdana, Tahoma, sans-serif } .sidebar-box h2, 
>.sidebar-box h3, .sidebar-box h5 { margin-bottom: .5em; font-fami>.sidebar-box h3, .sidebar-box h5 { margin-bottom: .5em; font-fami
>ly: inherit; font-weight: 700 } .sidebar-box h2 { font-size: 1.5e>ly: inherit; font-weight: 700 } .sidebar-box h2 { font-size: 1.5e
>m } .sidebar-box h3 { font-size: 1.1em } .sidebar-box h5 { font-s>m } .sidebar-box h3 { font-size: 1.1em } .sidebar-box h5 { font-s
>ize: .9em } .sidebar-box > ul { float: left; text-align: left;>ize: .9em } .sidebar-box > ul { float: left; text-align: left;
> display: block; padding: 0; margin: auto 0; position: relative }> display: block; padding: 0; margin: auto 0; position: relative }
> .sidebar-box ul > li { list-style-type: none } .tab-content-b> .sidebar-box ul > li { list-style-type: none } .tab-content-b
>ox { border-right: 1px solid #ecf1f3; margin-left: 16px; padding:>ox { border-right: 1px solid #ecf1f3; margin-left: 16px; padding:
> 12px; background: #fff; font: 12px Verdana, Tahoma, sans-serif }> 12px; background: #fff; font: 12px Verdana, Tahoma, sans-serif }
> .tab-content-box h2, .tab-content-box h3, .tab-content-box h5 { > .tab-content-box h2, .tab-content-box h3, .tab-content-box h5 { 
>margin-bottom: .5em; font-family: inherit; font-weight: 700 } .ta>margin-bottom: .5em; font-family: inherit; font-weight: 700 } .ta
>b-content-box h2 { font-size: 1.5em } .tab-content-box h3 { font->b-content-box h2 { font-size: 1.5em } .tab-content-box h3 { font-
>size: 1.1em } .tab-content-box h5 { font-size: .9em } #menuFiller>size: 1.1em } .tab-content-box h5 { font-size: .9em } #menuFiller
> { display: block } /* Horizontal tab boxes */ .htab { margin: 0 > { display: block } /* Horizontal tab boxes */ .htab { margin: 0 
>auto 1em; display: inline-block; } .htab>ul>li { width: 150>auto 1em; display: inline-block; } .htab>ul>li { width: 150
>px; height: 28px; list-style-type: none; display: inline; padding>px; height: 28px; list-style-type: none; display: inline; padding
>-bottom: 3px; border: 1px solid #ddd; border-radius: 3px 3px 0 0;>-bottom: 3px; border: 1px solid #ddd; border-radius: 3px 3px 0 0;
> padding-top: 5px; text-align: left; font-size: 13px; font-weight> padding-top: 5px; text-align: left; font-size: 13px; font-weight
>: normal; margin: auto; position: relative; padding-left: 6px; pa>: normal; margin: auto; position: relative; padding-left: 6px; pa
>dding-right: 6px; border-bottom: none; opacity: .5; -ms-filter: ">dding-right: 6px; border-bottom: none; opacity: .5; -ms-filter: "
>progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: pro>progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: pro
>gid:DXImageTransform.Microsoft.Alpha(Opacity=50); cursor: pointer>gid:DXImageTransform.Microsoft.Alpha(Opacity=50); cursor: pointer
>; } .htab>ul>li.selected { opacity: 1 !important; -ms-filte>; } .htab>ul>li.selected { opacity: 1 !important; -ms-filte
>r: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter>r: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter
>: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); border: 1>: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); border: 1
>px solid #ddd; border-bottom: none; z-index: 10; background-color>px solid #ddd; border-bottom: none; z-index: 10; background-color
>: rgba(234, 239, 242,1) !important; position: relative; cursor: p>: rgba(234, 239, 242,1) !important; position: relative; cursor: p
>ointer; font-weight: bold; } .htab>ul>li.selected a { color>ointer; font-weight: bold; } .htab>ul>li.selected a { color
>: #000; } .htab>ul { width: 150px; text-align: left; display: >: #000; } .htab>ul { width: 150px; text-align: left; display: 
>inline; padding: 0; margin: 0 auto; position: relative; top: 0; }>inline; padding: 0; margin: 0 auto; position: relative; top: 0; }
> .htab>div { background-color: #f1f6f8; margin-top: 0; border:> .htab>div { background-color: #f1f6f8; margin-top: 0; border:
> 1px solid #ddd; padding: 12px; position: relative; z-index: 9; w> 1px solid #ddd; padding: 12px; position: relative; z-index: 9; w
>ord-wrap: break-word; } /* Compatibility tables */ table.compat-t>ord-wrap: break-word; } /* Compatibility tables */ table.compat-t
>able { border-color: #bbb; margin: 0 } .redesign table.compat-tab>able { border-color: #bbb; margin: 0 } .redesign table.compat-tab
>le { border-color:rgba(0,0,0,0); } table.compat-table td { paddin>le { border-color:rgba(0,0,0,0); } table.compat-table td { paddin
>g: 5px; border: 1px solid #ccc; background: #fff; vertical-align:>g: 5px; border: 1px solid #ccc; background: #fff; vertical-align:
> top; word-wrap: break-word } .redesign table.compat-table td { b> top; word-wrap: break-word } .redesign table.compat-table td { b
>order:1px solid rgba(212,221,228,0.25); font-size:12px; } table.c>order:1px solid rgba(212,221,228,0.25); font-size:12px; } table.c
>ompat-table th, table.compat-table td.header { border: 1px solid >ompat-table th, table.compat-table td.header { border: 1px solid 
>#bbb; padding: 0 5px; background: #eee; font-weight: 700 } .redes>#bbb; padding: 0 5px; background: #eee; font-weight: 700 } .redes
>ign table.compat-table th, .redesign table.compat-table td.header>ign table.compat-table th, .redesign table.compat-table td.header
> { border:1px solid rgba(212,221,228,0); background:none; font-we> { border:1px solid rgba(212,221,228,0); background:none; font-we
>ight:200; font-family:'Open Sans Light',sans-serif; font-size:16p>ight:200; font-family:'Open Sans Light',sans-serif; font-size:16p
>x; line-height:100%; padding:2px 4px 8px; } div.action-driven { d>x; line-height:100%; padding:2px 4px 8px; } div.action-driven { d
>isplay: inline-block; float: none; min-height: 8.5em; margin: .8e>isplay: inline-block; float: none; min-height: 8.5em; margin: .8e
>m; box-shadow: .2em .1em .1em #808080; vertical-align: top; } div>m; box-shadow: .2em .1em .1em #808080; vertical-align: top; } div
>.action-driven > div { font: 400 20px 'Bebas Neue', 'League Go>.action-driven > div { font: 400 20px 'Bebas Neue', 'League Go
>thic', Haettenschweiler, Impact, 'Arial Narrow', Meiryo, sans-ser>thic', Haettenschweiler, Impact, 'Arial Narrow', Meiryo, sans-ser
>if; text-transform: uppercase } /* standard coloring */ .notice.e>if; text-transform: uppercase } /* standard coloring */ .notice.e
>xperimental { border-color: #09d; color: 0; background-color: #C9>xperimental { border-color: #09d; color: 0; background-color: #C9
>EDFC;clear:none;} .redesign .notice.experimental { background-col>EDFC;clear:none;} .redesign .notice.experimental { background-col
>or:rgba(255,203,0,0.5); border-color:rgba(0,0,0,0.05); border-sty>or:rgba(255,203,0,0.5); border-color:rgba(0,0,0,0.05); border-sty
>le:solid!important; border-width:5px!important; } /* New theme ac>le:solid!important; border-width:5px!important; } /* New theme ac
>tion-driven */ .card-grid > li > span:first-of-type {font-w>tion-driven */ .card-grid > li > span:first-of-type {font-w
>eight: bold} @media only screen and (min-width:760px) { .card-gri>eight: bold} @media only screen and (min-width:760px) { .card-gri
>d { list-style: none outside none; } .card-grid { border-spacing:>d { list-style: none outside none; } .card-grid { border-spacing:
> 30px 0px; padding-bottom: 25px; } .card-grid > li > span:f> 30px 0px; padding-bottom: 25px; } .card-grid > li > span:f
>irst-of-type {font-weight: normal} .card-grid > li { backgroun>irst-of-type {font-weight: normal} .card-grid > li { backgroun
>d-color: rgb(204, 204, 204); background-image: -moz-linear-gradie>d-color: rgb(204, 204, 204); background-image: -moz-linear-gradie
>nt(center top , rgb(221, 221, 221) 0px, rgb(187, 187, 187) 100%);>nt(center top , rgb(221, 221, 221) 0px, rgb(187, 187, 187) 100%);
> border-radius: 6px; background-clip: padding-box; box-shadow: 0p> border-radius: 6px; background-clip: padding-box; box-shadow: 0p
>x 2px 4px rgba(0, 0, 0, 0.1); display: table-cell; // display: in>x 2px 4px rgba(0, 0, 0, 0.1); // display: table-cell; display: in
>line-block; margin: 3px 12px 20px; padding: 20px; position: relat>line-block; margin: 3px 12px 20px; padding: 20px; position: relat
>ive; vertical-align: top; width: 200px; word-wrap: break-word; z->ive; vertical-align: top; width: 200px; word-wrap: break-word; z-
>index: 1; min-height: 130px; } .card-grid > li:before { backgr>index: 1; min-height: 130px; } .card-grid > li:before { backgr
>ound: none repeat scroll 0% 0% padding-box rgb(255, 255, 255); bo>ound: none repeat scroll 0% 0% padding-box rgb(255, 255, 255); bo
>rder-radius: 5px; bottom: 1px; content: ""; left: 1px; position: >rder-radius: 5px; bottom: 1px; content: ""; left: 1px; position: 
>absolute; right: 1px; top: 1px; z-index: -1; } .redesign .card-gr>absolute; right: 1px; top: 1px; z-index: -1; } .redesign .card-gr
>id > li:before { background: none; border-radius: 0; } .card-g>id > li:before { background: none; border-radius: 0; } .card-g
>rid > li span { display: block; font-family: 'Open Sans Light'>rid > li span { display: block; font-family: 'Open Sans Light'
>,Arial,Helvetica,sans-serif; font-size: 22px; letter-spacing: -1p>,Arial,Helvetica,sans-serif; font-size: 22px; letter-spacing: -1p
>x; line-height: 22px; margin-bottom: 12px; } } .redesign .card-gr>x; line-height: 22px; margin-bottom: 12px; } } .redesign .card-gr
>id > li { background-color:rgba(234,239,242,0.5); border-radiu>id > li { background-color:rgba(234,239,242,0.5); border-radiu
>s: 0; box-shadow:3px 3px 0 3px rgba(212,221,228,0.5); background->s: 0; box-shadow:3px 3px 0 3px rgba(212,221,228,0.5); background-
>image: none; } /*----------------- for Topic page */ table.topicp>image: none; } /*----------------- for Topic page */ table.topicp
>age-table, table.topicpage-table td, table.topicpage-table tr, ta>age-table, table.topicpage-table td, table.topicpage-table tr, ta
>ble.topicpage-table th { border: none } .topicpage-table .section>ble.topicpage-table th { border: none } .topicpage-table .section
> { padding-right:1em} /* New theme */ dl { margin-bottom: 20px} .> { padding-right:1em} /* New theme */ dl { margin-bottom: 20px} .
>center .topicpage-table h2 { font-family: 'Open Sans Light', sans>center .topicpage-table h2 { font-family: 'Open Sans Light', sans
>-serif } .topicpage-table ul {padding-left: 20px; } /* Old theme >-serif } .topicpage-table ul {padding-left: 20px; } /* Old theme 
>*/ /* "table.topicpage-table h2 { --font-setting-- }" is better t>*/ /* "table.topicpage-table h2 { --font-setting-- }" is better t
>han this. .topicpage-table .Documentation, .topicpage-table .Comm>han this. .topicpage-table .Documentation, .topicpage-table .Comm
>unity, .topicpage-table .Tools, .topicpage-table .Related_Topics >unity, .topicpage-table .Tools, .topicpage-table .Related_Topics 
>{ background-image: url('/media/img/icons-sections.png'); backgro>{ background-image: url('/media/img/icons-sections.png'); backgro
>und-repeat: no-repeat; margin: 0 0 .25em; padding: 18px 18px 0 65>und-repeat: no-repeat; margin: 0 0 .25em; padding: 18px 18px 0 65
>px; min-height: 48px; font: 400 28px/1 'Bebas Neue', 'League Goth>px; min-height: 48px; font: 400 28px/1 'Bebas Neue', 'League Goth
>ic', Haettenschweiler, Impact, 'Arial Narrow', Meiryo, sans-serif>ic', Haettenschweiler, Impact, 'Arial Narrow', Meiryo, sans-serif
>; text-transform: uppercase; border: none } */ /* this is an unad>; text-transform: uppercase; border: none } */ /* this is an unad
>orned heading, without an icon */ //.topicpage-table .Heading { m>orned heading, without an icon */ //.topicpage-table .Heading { m
>argin: 0 0 .25em; padding: 18px 18px 0 0; min-height: 48px; font:>argin: 0 0 .25em; padding: 18px 18px 0 0; min-height: 48px; font:
> 400 28px/1 'Bebas Neue', 'League Gothic', Haettenschweiler, Impa> 400 28px/1 'Bebas Neue', 'League Gothic', Haettenschweiler, Impa
>ct, 'Arial Narrow', Meiryo, sans-serif; text-transform: uppercase>ct, 'Arial Narrow', Meiryo, sans-serif; text-transform: uppercase
>; border: none } /* [dir="rtl"] .topicpage-table .Documentation, >; border: none } /* [dir="rtl"] .topicpage-table .Documentation, 
>[dir="rtl"] .topicpage-table .Community, [dir="rtl"] .topicpage-t>[dir="rtl"] .topicpage-table .Community, [dir="rtl"] .topicpage-t
>able .Tools, [dir="rtl"] .topicpage-table .Heading, [dir="rtl"] .>able .Tools, [dir="rtl"] .topicpage-table .Heading, [dir="rtl"] .
>topicpage-table .Related_Topics { padding: 18px 65px 0 18px; } .t>topicpage-table .Related_Topics { padding: 18px 65px 0 18px; } .t
>opicpage-table .Documentation { background-position: 0 0 } .topic>opicpage-table .Documentation { background-position: 0 0 } .topic
>page-table .Community { background-position: 0 -200px } .topicpag>page-table .Community { background-position: 0 -200px } .topicpag
>e-table .Tools { background-position: 0 -400px } .topicpage-table>e-table .Tools { background-position: 0 -400px } .topicpage-table
> .Related_Topics { background-position: 0 -600px } [dir="rtl"] .t> .Related_Topics { background-position: 0 -600px } [dir="rtl"] .t
>opicpage-table .Documentation { background-position: right 0 } [d>opicpage-table .Documentation { background-position: right 0 } [d
>ir="rtl"] .topicpage-table .Community { background-position: righ>ir="rtl"] .topicpage-table .Community { background-position: righ
>t -200px } [dir="rtl"] .topicpage-table .Tools { background-posit>t -200px } [dir="rtl"] .topicpage-table .Tools { background-posit
>ion: right -400px } [dir="rtl"] .topicpage-table .Related_Topics >ion: right -400px } [dir="rtl"] .topicpage-table .Related_Topics 
>{ background-position: right -600px } */ /* for Topic Page 2 (Thi>{ background-position: right -600px } */ /* for Topic Page 2 (Thi
>s is Test )*/ /* USAGE:>s is Test )*/ /* USAGE:

Back to History