MDN may have intermittent access issues April 18 13:00 - April 19 01:00 UTC. See whistlepig.mozilla.org for all notifications.

mozilla

Compare Revisions

Template:CustomCSS

Change Revisions

Revision 485385:

Revision 485385 by teoli on

Revision 485421:

Revision 485421 by teoli on

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

Revision 485385
Revision 485421
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:840px) { .topicpage-table {dis> is available */ @media (min-width:840px) { .topicpage-table {dis
>play: table; border-collapse: separate; border-spacing: 20px 0 } >play: table; border-collapse: separate; border-spacing: 20px 0 } 
>/* Next line to remove once the redesign is live: */ .topicpage-t>/* Next line to remove once the redesign is live: */ .topicpage-t
>able .section:first-of-type { margin-right: 20px; border-right: s>able .section:first-of-type { margin-right: 20px; border-right: s
>olid 1px lightgrey; } [dir!="rtl"].redesign .topicpage-table .sec>olid 1px lightgrey; } .redesign .topicpage-table .section:first-o
>tion:first-of-type { border-right:solid 6px rgba(212,221,228,0.5)>f-type { border-right:solid 6px rgba(212,221,228,0.5); } [dir="rt
>; } [dir="rtl"] .redesign .topicpage-table .section:first-of-type>l"] .redesign .topicpage-table .section:first-of-type { border-le
> { border-left:solid 6px rgba(212,221,228,0.5); border-right: non>ft:solid 6px rgba(212,221,228,0.5); border-right: none; } .landin
>e; } .landing { display: table-row;} .section { display: table-ce>g { display: table-row;} .section { display: table-cell; width:50
>ll; width:50%;} } /* For Landing page boxes; these are boxes disp>%;} } /* For Landing page boxes; these are boxes displayed within
>layed within columns on landing pages, such as the Community and > columns on landing pages, such as the Community and Related boxe
>Related boxes. */ .landingPageBox { width: 100%; padding: 0px; bo>s. */ .landingPageBox { width: 100%; padding: 0px; border-bottom:
>rder-bottom: 1px solid #bbb; margin-bottom: 3px; } .landingPageBo> 1px solid #bbb; margin-bottom: 3px; } .landingPageBox ul { paddi
>x ul { padding-left: 44px; } /* Wide column box */ .wideColumnBox>ng-left: 44px; } /* Wide column box */ .wideColumnBox { column-wi
> { column-width:375px; -moz-column-width:375px; -webkit-column-wi>dth:375px; -moz-column-width:375px; -webkit-column-width:375px; -
>dth:375px; -o-column-width:375px; -ms-column-width:375px;} .wideC>o-column-width:375px; -ms-column-width:375px;} .wideColumnBoxList
>olumnBoxList li { line-height: 1.5; list-style-type: none; paddin> li { line-height: 1.5; list-style-type: none; padding-left: 0; p
>g-left: 0; page-break-inside: avoid; } /* Multi-column boxes for >age-break-inside: avoid; } /* Multi-column boxes for lists of lon
>lists of longer links; this will adapt based on screen width */ .>ger links; this will adapt based on screen width */ .multiColumnL
>multiColumnList { column-width:250px; -moz-column-width:250px; -w>ist { column-width:250px; -moz-column-width:250px; -webkit-column
>ebkit-column-width:250px; -o-column-width:250px; -ms-column-width>-width:250px; -o-column-width:250px; -ms-column-width:250px;} .mu
>:250px;} .multiColumnList li { line-height: 1.5; list-style-type:>ltiColumnList li { line-height: 1.5; list-style-type: none; paddi
> none; padding-left: 0; page-break-inside: avoid; } /* Multi-colu>ng-left: 0; page-break-inside: avoid; } /* Multi-column boxes for
>mn boxes for smaller links, such as API terms */ .smallMultiColum> smaller links, such as API terms */ .smallMultiColumnList { colu
>nList { column-width: 120px; -moz-column-width:120px; -webkit-col>mn-width: 120px; -moz-column-width:120px; -webkit-column-width:12
>umn-width:120px; -o-column-width:120px; -ms-column-width:120px} .>0px; -o-column-width:120px; -ms-column-width:120px} .smallMultiCo
>smallMultiColumnList li { list-style-type: none; padding-left: 0;>lumnList li { list-style-type: none; padding-left: 0; page-break-
> page-break-inside: avoid; } /* Multi-column box for smaller text>inside: avoid; } /* Multi-column box for smaller text */ .horizFl
> */ .horizFlexboxContainer { display: flex; display: -webkit-flex>exboxContainer { display: flex; display: -webkit-flex; flex-flow:
>; flex-flow: column nowrap; -webkit-flex-flow: column nowrap; jus> column nowrap; -webkit-flex-flow: column nowrap; justify-content
>tify-content: center; -webkit-justify-content: center; align-cont>: center; -webkit-justify-content: center; align-content: center;
>ent: center; -webkit-align-content: center; align-items: center; > -webkit-align-content: center; align-items: center; -webkit-alig
>-webkit-align-items: center; flex-direction: column; -webkit-flex>n-items: center; flex-direction: column; -webkit-flex-direction: 
>-direction: column; } div.smallTextMultiColumnBoxHeading { backgr>column; } div.smallTextMultiColumnBoxHeading { background-color: 
>ound-color: #aac; border-radius: 10px 10px 0 0; border: 2px solid>#aac; border-radius: 10px 10px 0 0; border: 2px solid #ccc; order
> #ccc; order: 1; -webkit-order: 1; width: 75%; padding: 10px; fle>: 1; -webkit-order: 1; width: 75%; padding: 10px; flex: 0 1 auto;
>x: 0 1 auto; -webkit-flex: 0 1 auto; font-weight: bold; } div.sma> -webkit-flex: 0 1 auto; font-weight: bold; } div.smallTextMultiC
>llTextMultiColumnBoxList { border: 2px solid #ccc; background-col>olumnBoxList { border: 2px solid #ccc; background-color: #ddf; bo
>or: #ddf; border-top: 0; border-radius: 0 0 10px 10px; width: 75%>rder-top: 0; border-radius: 0 0 10px 10px; width: 75%; padding: 1
>; padding: 10px; order: 2; -webkit-order: 2; flex: 0 1 auto; -web>0px; order: 2; -webkit-order: 2; flex: 0 1 auto; -webkit-flex: 0 
>kit-flex: 0 1 auto; } div.smallTextMultiColumnBoxList ul { column>1 auto; } div.smallTextMultiColumnBoxList ul { column-width:100px
>-width:100px; -moz-column-width:100px; -webkit-column-width:100px>; -moz-column-width:100px; -webkit-column-width:100px; -o-column-
>; -o-column-width:100px; -ms-column-width:100px; } div.smallTextM>width:100px; -ms-column-width:100px; } div.smallTextMultiColumnBo
>ultiColumnBoxList li { list-style-type: none; padding-left: 0; fo>xList li { list-style-type: none; padding-left: 0; font-size: 80%
>nt-size: 80%; } /* For ending "text alongside images" blocks; add>; } /* For ending "text alongside images" blocks; add this class 
> this class to the first block that shouldn't be next to the imag>to the first block that shouldn't be next to the image */ .endIma
>e */ .endImageWrapping { clear: both; } /* Fancy Table of content>geWrapping { clear: both; } /* Fancy Table of content for main pa
> for main pages of tutorial*/ .fancyTOC { counter-reset: fancyTOC>ges of tutorial*/ .fancyTOC { counter-reset: fancyTOC; -moz-colum
>; -moz-columns: 18em; columns: 18em; margin-bottom: 1em } .fancyT>ns: 18em; columns: 18em; margin-bottom: 1em } .fancyTOC .button {
>OC .button { display: block; margin-right: 0; margin-bottom: .25e> display: block; margin-right: 0; margin-bottom: .25em; backgroun
>m; background-color: #A24C4C; color: #fff; font-size: 1.5em; line>d-color: #A24C4C; color: #fff; font-size: 1.5em; line-height: 1.5
>-height: 1.5 } .fancyTOC a::before { counter-increment: fancyTOC;> } .fancyTOC a::before { counter-increment: fancyTOC; content: co
> content: counter(fancyTOC) ". " } .fancyTOC a::after { content: >unter(fancyTOC) ". " } .fancyTOC a::after { content: ' »' } .fanc
>' »' } .fancyTOC .button:hover, .fancyTOC .button:focus, .fancyTO>yTOC .button:hover, .fancyTOC .button:focus, .fancyTOC .button:ac
>C .button:active { background-color: #C26C6C } /* In index, dim o>tive { background-color: #C26C6C } /* In index, dim obsolete, dep
>bsolete, deprecated or non-standard element instead of striking t>recated or non-standard element instead of striking through them 
>hrough them */ s.deprecatedElement, s.obsoleteElement, s.nonStdEl>*/ s.deprecatedElement, s.obsoleteElement, s.nonStdElement { text
>ement { text-decoration: none; opacity: .3 } /* Add widgeted inde>-decoration: none; opacity: .3 } /* Add widgeted index, here addi
>x, here adding an HTML5 badge as the bullet of the li element if >ng an HTML5 badge as the bullet of the li element if class="html5
>class="html5" */ div.index.widgeted { -webkit-column-width: 10em;>" */ div.index.widgeted { -webkit-column-width: 10em; -moz-column
> -moz-column-width: 10em; columns: 10em } div.index.widgeted li {>-width: 10em; columns: 10em } div.index.widgeted li { padding-lef
> padding-left: 18px } div.index.widgeted li.html5 { background-im>t: 18px } div.index.widgeted li.html5 { background-image: url("/f
>age: url("/files/3855/HTML5_Badge_16.png"); background-repeat: no>iles/3855/HTML5_Badge_16.png"); background-repeat: no-repeat; bac
>-repeat; background-position: left 4px } [dir="rtl"] div.index.wi>kground-position: left 4px } [dir="rtl"] div.index.widgeted li { 
>dgeted li { padding-right: 18px } [dir="rtl"] div.index.widgeted >padding-right: 18px } [dir="rtl"] div.index.widgeted li.html5 { b
>li.html5 { background-image: url("/files/3855/HTML5_Badge_16.png">ackground-image: url("/files/3855/HTML5_Badge_16.png"); backgroun
>); background-repeat: no-repeat; background-position: right 4px }>d-repeat: no-repeat; background-position: right 4px } [dir="rtl"]
> [dir="rtl"] div.index.widgeted span { padding-right:24px } /* Ad> div.index.widgeted span { padding-right:24px } /* Add widgeted i
>d widgeted index, adding a Webcomponent badge of the li element i>ndex, adding a Webcomponent badge of the li element if class="web
>f class="webcomp" */ div.index.widgeted li.webcomp::after { font->comp" */ div.index.widgeted li.webcomp::after { font-family: Font
>family: FontAwesome; content:" \f085";} /* Quicknav template styl>Awesome; content:" \f085";} /* Quicknav template styles : https:/
>es : https://developer.mozilla.org/en-US/docs/Template:quicknav ->/developer.mozilla.org/en-US/docs/Template:quicknav -------- */ #
>------- */ #wikiArticle { position: relative; } .quicknav { posit>wikiArticle { position: relative; } .quicknav { position: fixed; 
>ion: fixed; top: 237px; left: 33px; background: #FFF; z-index: 1 >top: 237px; left: 33px; background: #FFF; z-index: 1 } .quicknav 
>} .quicknav dl { max-width: 0; max-height: 300px; overflow: auto;>dl { max-width: 0; max-height: 300px; overflow: auto; margin: 0; 
> margin: 0; padding: 10px 0; border: 1px solid transparent; borde>padding: 10px 0; border: 1px solid transparent; border-left: none
>r-left: none -webkit-transition: border .5s ease .1s, max-width .> -webkit-transition: border .5s ease .1s, max-width .5s ease .1s,
>5s ease .1s, padding .5s linear .1s; -moz-transition: border .5s > padding .5s linear .1s; -moz-transition: border .5s ease .1s, ma
>ease .1s, max-width .5s ease .1s, padding .5s linear .1s; -ms-tra>x-width .5s ease .1s, padding .5s linear .1s; -ms-transition: bor
>nsition: border .5s ease .1s, max-width .5s ease .1s, padding .5s>der .5s ease .1s, max-width .5s ease .1s, padding .5s linear .1s;
> linear .1s; -o-transition: border .5s ease .1s, max-width .5s ea> -o-transition: border .5s ease .1s, max-width .5s ease .1s, padd
>se .1s, padding .5s linear .1s; transition: border .5s ease .1s, >ing .5s linear .1s; transition: border .5s ease .1s, max-width .5
>max-width .5s ease .1s, padding .5s linear .1s } .quicknav dt, .q>s ease .1s, padding .5s linear .1s } .quicknav dt, .quicknav dd {
>uicknav dd { margin: 0; padding: 0; white-space: nowrap } .quickn> margin: 0; padding: 0; white-space: nowrap } .quicknav dt { font
>av dt { font-weight: 700 } .quicknav dd + dt { margin-top: .5em }>-weight: 700 } .quicknav dd + dt { margin-top: .5em } .quicknav:h
> .quicknav:hover dl { max-width: 300px; padding: 10px 20px 10px 1>over dl { max-width: 300px; padding: 10px 20px 10px 10px; border-
>0px; border-color: #ECECE7 } .quicknav .showme { display: block; >color: #ECECE7 } .quicknav .showme { display: block; position: ab
>position: absolute; top: 10px; left: -31px; width: 30px; font: 2e>solute; top: 10px; left: -31px; width: 30px; font: 2em sans-serif
>m sans-serif; color: #CCC; text-align: center; background: #FFF; >; color: #CCC; text-align: center; background: #FFF; border-radiu
>border-radius: 5px 0 0 5px; border: 1px solid #ECECE7; border-rig>s: 5px 0 0 5px; border: 1px solid #ECECE7; border-right: none } .
>ht: none } .quicknav:hover .showme { color: #333; } .cleared { cl>quicknav:hover .showme { color: #333; } .cleared { clear: both } 
>ear: both } /* This style has problem ! Style attribute of BR ele>/* This style has problem ! Style attribute of BR element is not 
>ment is not work in Kuma */ .clearLeft { clear: left } /* ltr pag>work in Kuma */ .clearLeft { clear: left } /* ltr page only ? */ 
>e only ? */ span.comment { display:none; } #wikiArticle .breadcru>span.comment { display:none; } #wikiArticle .breadcrumbs { displa
>mbs { display: block; margin-bottom: 1em } /* The HTML5 landing p>y: block; margin-bottom: 1em } /* The HTML5 landing page has some
>age has some special-case stuff, handled here */ /* table.html5Ar> special-case stuff, handled here */ /* table.html5ArticleToc { b
>ticleToc { border-width: 5px }*/ table.html5ArticleToc { border-s>order-width: 5px }*/ table.html5ArticleToc { border-style: none; 
>tyle: none; border-width: 0; background-color: transparent; borde>border-width: 0; background-color: transparent; border-color: tra
>r-color: transparent; width: 100%;} .html5ArticleToc thead th { p>nsparent; width: 100%;} .html5ArticleToc thead th { padding: .5em
>adding: .5em 1em } .html5ArticleToc tbody td { vertical-align: mi> 1em } .html5ArticleToc tbody td { vertical-align: middle } .html
>ddle } .html5ArticleToc ul { margin: 0; padding: 0 } .html5Articl>5ArticleToc ul { margin: 0; padding: 0 } .html5ArticleToc ul li {
>eToc ul li { display: inline; margin: 0 .25em } /* The syntax box> display: inline; margin: 0 .25em } /* The syntax box: the first 
>: the first one is now used anywhere (DOM, JS, CSS, ...) The twop>one is now used anywhere (DOM, JS, CSS, ...) The twoparts is used
>arts is used for CSS properties */ pre.syntaxbox { margin-bottom:> for CSS properties */ pre.syntaxbox { margin-bottom: 1em; backgr
> 1em; background-color: #ffe; } html:not(.redesign) pre.syntaxbox>ound-color: #ffe; } html:not(.redesign) pre.syntaxbox { border: 2
> { border: 2px solid #ccc; border-radius: 10px; } pre.twopartsynt>px solid #ccc; border-radius: 10px; } pre.twopartsyntaxbox { marg
>axbox { margin-bottom: 0; background-color: #ffe; } html:not(.red>in-bottom: 0; background-color: #ffe; } html:not(.redesign) pre.t
>esign) pre.twopartsyntaxbox { border:2px solid #bbb; border-radiu>wopartsyntaxbox { border:2px solid #bbb; border-radius: 10px 10px
>s: 10px 10px 0 0; } pre.twopartsyntaxbox + pre { border-top: none> 0 0; } pre.twopartsyntaxbox + pre { border-top: none; margin-top
>; margin-top: 0 } html:not(.redesign) pre.twopartsyntaxbox + pre >: 0 } html:not(.redesign) pre.twopartsyntaxbox + pre { border: 2p
>{ border: 2px solid #bbb; border-radius: 0 0 10px 10px; } table.w>x solid #bbb; border-radius: 0 0 10px 10px; } table.withoutBorder
>ithoutBorder, table.withoutBorder td, table.withoutBorder tr, tab>, table.withoutBorder td, table.withoutBorder tr, table.withoutBo
>le.withoutBorder th { border: none } td.horizontalLine { border-l>rder th { border: none } td.horizontalLine { border-left: none } 
>eft: none } td.column { border-bottom: none } td.bottomPart { bor>td.column { border-bottom: none } td.bottomPart { border-top: non
>der-top: none } /* Use the verticalText class on a table cell to >e } /* Use the verticalText class on a table cell to rotate its c
>rotate its contents 90° */ td.verticalText { width: 3em; -webkit->ontents 90° */ td.verticalText { width: 3em; -webkit-transform: r
>transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-tra>otate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rota
>nsform: rotate(-90deg); transform: rotate(-90deg) } table.blockTa>te(-90deg); transform: rotate(-90deg) } table.blockTable { border
>ble { border-collapse: collapse } table.blockTable, table.blockTa>-collapse: collapse } table.blockTable, table.blockTable td { mar
>ble td { margin: 1px; padding: 1px } table.blockTable .verticalCo>gin: 1px; padding: 1px } table.blockTable .verticalColumn { borde
>lumn { border-left: none; border-right: none } /* The index page >r-left: none; border-right: none } /* The index page for HTML / C
>for HTML / CSS */ div.index { -webkit-columns: 16em; -moz-column->SS */ div.index { -webkit-columns: 16em; -moz-column-width: 16em;
>width: 16em; columns: 16em } div.index > span { font-family: G> columns: 16em } div.index > span { font-family: Georgia, Time
>eorgia, Times, 'Times New Roman', serif; font-size: 1.6em } div.i>s, 'Times New Roman', serif; font-size: 1.6em } div.index ul, div
>ndex ul, div.index ol { margin-left: 0; padding-left: 0; list-sty>.index ol { margin-left: 0; padding-left: 0; list-style-type: non
>le-type: none } /* Stuff used for the syntax information about CS>e } /* Stuff used for the syntax information about CSS, HTML, and
>S, HTML, and so forth */ /* ul.cssprop box used by each CSS Prope> so forth */ /* ul.cssprop box used by each CSS Property referenc
>rty reference page*/ .cssprop { display: table; padding: 11px 22p>e page*/ .cssprop { display: table; padding: 11px 22px; backgroun
>x; background-color: #eef } .redesign .cssprop { background-color>d-color: #eef } .redesign .cssprop { background-color: rgba(255, 
>: rgba(255, 203, 0, 0.1); } [dir="ltr"] .cssprop { clear: left; b>203, 0, 0.1); } [dir="ltr"] .cssprop { clear: left; border-left: 
>order-left: .15em solid } [dir="rtl"] .cssprop { clear: right; bo>.15em solid } [dir="rtl"] .cssprop { clear: right; border-right: 
>rder-right: .15em solid } .redesign[dir="ltr"] .cssprop { border->.15em solid } .redesign[dir="ltr"] .cssprop { border-left: 6px so
>left: 6px solid rgba(255,203,0,0.5); } .redesign[dir="rtl"] .cssp>lid rgba(255,203,0,0.5); } .redesign[dir="rtl"] .cssprop { border
>rop { border-right:6px solid rgba(255,203,0,0.5); } .cssprop li {>-right:6px solid rgba(255,203,0,0.5); } .cssprop li { display: ta
> display: table-row; padding: 3px; margin: 0 } .cssprop li dfn { >ble-row; padding: 3px; margin: 0 } .cssprop li dfn { display: tab
>display: table-cell; padding: 0 5px; border-bottom: none; white-s>le-cell; padding: 0 5px; border-bottom: none; white-space: pre; c
>pace: pre; cursor: inherit } .cssprop li dfn:after { content: ":">ursor: inherit } .cssprop li dfn:after { content: ":" } .cssprop 
> } .cssprop li li { display: list-item; list-style-type: disc; li>li li { display: list-item; list-style-type: disc; line-height: 1
>ne-height: 1 } /* ul.htmlelt box used by each HTML Element refere> } /* ul.htmlelt box used by each HTML Element reference page */ 
>nce page */ .htmlelt { display: table; padding: 11px 22px; backgr>.htmlelt { display: table; padding: 11px 22px; background-color: 
>ound-color: #fe9 } .redesign .htmlelt { background-color:rgba(255>#fe9 } .redesign .htmlelt { background-color:rgba(255,149,0,0.1);
>,149,0,0.1); } [dir="ltr"] .htmlelt { clear: left; border-left: .> } [dir="ltr"] .htmlelt { clear: left; border-left: .15em solid }
>15em solid } [dir="rtl"] .htmlelt { clear: right; border-right: .> [dir="rtl"] .htmlelt { clear: right; border-right: .15em solid }
>15em solid } .redesign[dir="ltr"] .htmlelt { border-left:6px soli> .redesign[dir="ltr"] .htmlelt { border-left:6px solid rgba(255,1
>d rgba(255,149,0,0.5); } .redesign[dir="rtl"] .htmlelt { border-r>49,0,0.5); } .redesign[dir="rtl"] .htmlelt { border-right:6px sol
>ight:6px solid rgba(255,149,0,0.5); } .htmlelt li { display: tabl>id rgba(255,149,0,0.5); } .htmlelt li { display: table-row; paddi
>e-row; padding: 3px; margin: 0; text-align: left } .htmlelt li df>ng: 3px; margin: 0; text-align: left } .htmlelt li dfn { display:
>n { display: table-cell; padding: 0 5px; border-bottom: none; whi> table-cell; padding: 0 5px; border-bottom: none; white-space: pr
>te-space: pre; cursor: inherit } .htmlelt li dfn:after { content:>e; cursor: inherit } .htmlelt li dfn:after { content: ":" } .html
> ":" } .htmlelt li li { display: list-item; list-style-type: disc>elt li li { display: list-item; list-style-type: disc; line-heigh
>; line-height: 1 } /* ul.audionodebox used by each AudioNode obje>t: 1 } /* ul.audionodebox used by each AudioNode object reference
>ct reference page*/ .audionodebox { display: table; padding: 11px> page*/ .audionodebox { display: table; padding: 11px 22px; backg
> 22px; background-color: #fee } .redesign .audionodebox { backgro>round-color: #fee } .redesign .audionodebox { background-color:rg
>und-color:rgba(117,195,165,0.1); } [dir="ltr"] .audionodebox { cl>ba(117,195,165,0.1); } [dir="ltr"] .audionodebox { clear: left; b
>ear: left; border-left: .15em solid } [dir="rtl"] .audionodebox {>order-left: .15em solid } [dir="rtl"] .audionodebox { clear: righ
> clear: right; border-right: .15em solid } .redesign[dir="ltr"] .>t; border-right: .15em solid } .redesign[dir="ltr"] .audionodebox
>audionodebox { border-left:6px solid rgba(117,195,165,0.5); } .re> { border-left:6px solid rgba(117,195,165,0.5); } .redesign[dir="
>design[dir="rtl"] .audionodebox { border-right:6px solid rgba(117>rtl"] .audionodebox { border-right:6px solid rgba(117,195,165,0.5
>,195,165,0.5); } .audionodebox li, .summary-box-js li, .summary-b>); } .audionodebox li, .summary-box-js li, .summary-box-events li
>ox-events li { display: table-row; padding: 3px; margin: 0; text-> { display: table-row; padding: 3px; margin: 0; text-align: left 
>align: left } .audionodebox li dfn, .summary-box-js li dfn, .summ>} .audionodebox li dfn, .summary-box-js li dfn, .summary-box-even
>ary-box-events li dfn { display: table-cell; padding: 0 5px; bord>ts li dfn { display: table-cell; padding: 0 5px; border-bottom: n
>er-bottom: none; white-space: pre; cursor: inherit } .audionodebo>one; white-space: pre; cursor: inherit } .audionodebox li dfn:aft
>x li dfn:after, .summary-box-js li dfn:after, .summary-box-events>er, .summary-box-js li dfn:after, .summary-box-events li dfn:afte
> li dfn:after { content: ":" } .audionodebox li li, .summary-box->r { content: ":" } .audionodebox li li, .summary-box-js li li, .s
>js li li, .summary-box-events li li { display: list-item; list-st>ummary-box-events li li { display: list-item; list-style-type: di
>yle-type: disc; line-height: 1 } /* https://developer.mozilla.org>sc; line-height: 1 } /* https://developer.mozilla.org/en-US/docs/
>/en-US/docs/Template:HTML:Element_Navigation */ table.HTMLElmNav >Template:HTML:Element_Navigation */ table.HTMLElmNav { margin: 1e
>{ margin: 1em auto; border-width: 5px } table.HTMLElmNav th, tabl>m auto; border-width: 5px } table.HTMLElmNav th, table.HTMLElmNav
>e.HTMLElmNav td { text-align: center } .method { margin-left: 10p> td { text-align: center } .method { margin-left: 10px; margin-bo
>x; margin-bottom: 2em; margin-top: 1em } .method > .name { dis>ttom: 2em; margin-top: 1em } .method > .name { display: block;
>play: block; font-size: 13pt; margin-bottom: .2em } .method > > font-size: 13pt; margin-bottom: .2em } .method > .name > .
>.name > .param: after { content: ","; padding-right: .5em } .m>param: after { content: ","; padding-right: .5em } .method > .
>ethod > .name > .param: last-of-type: after { content: "" }>name > .param: last-of-type: after { content: "" } .method &gt
> .method > .name > .param > .name: after { content: " as>; .name > .param > .name: after { content: " as "; font-wei
> "; font-weight: normal } .method > .name > .param: not(.re>ght: normal } .method > .name > .param: not(.required) { fo
>quired) { font-style: italic } .method > .name > .param: no>nt-style: italic } .method > .name > .param: not(.required)
>t(.required): before { content: "[" } .method > .name > .pa>: before { content: "[" } .method > .name > .param: not(.re
>ram: not(.required): after { content: "]" } .method > .descrip>quired): after { content: "]" } .method > .description { displ
>tion { display: block; font-size: 10pt; color: #444; font-style: >ay: block; font-size: 10pt; color: #444; font-style: italic; marg
>italic; margin-bottom: 7px } .method > .name > .returns: be>in-bottom: 7px } .method > .name > .returns: before { conte
>fore { content: " returns "; font-weight: normal; font-style: ita>nt: " returns "; font-weight: normal; font-style: italic } .metho
>lic } .method > .name > .returns { font-weight: 700 } .meth>d > .name > .returns { font-weight: 700 } .method > .par
>od > .params { display: block; color: #555 } .method > .par>ams { display: block; color: #555 } .method > .params > .pa
>ams > .param { display: block; margin-bottom: 5px } .method &g>ram { display: block; margin-bottom: 5px } .method > .params &
>t; .params > .param > .name { font-weight: 700; margin-righ>gt; .param > .name { font-weight: 700; margin-right: .5em; min
>t: .5em; min-width: 80px; display: inline-block } .method > .p>-width: 80px; display: inline-block } .method > .params > .
>arams > .param > .description { display: inline-block; widt>param > .description { display: inline-block; width: 300px; ve
>h: 300px; vertical-align: top; margin-right: 30px } .method > >rtical-align: top; margin-right: 30px } .method > .params >
>.params > .param > .type { display: inline-block; width: 15> .param > .type { display: inline-block; width: 150px; vertica
>0px; vertical-align: top; font-weight: 700 } .method > .params>l-align: top; font-weight: 700 } .method > .params > .param
> > .param > .type: before { content: "Type "; color: #888; > > .type: before { content: "Type "; color: #888; font-weight:
>font-weight: normal } .method > .params > .param > .defa> normal } .method > .params > .param > .default { displa
>ult { display: inline-block; width: 150px; vertical-align: top; f>y: inline-block; width: 150px; vertical-align: top; font-weight: 
>ont-weight: 700 } .method > .params > .param > .default:>700 } .method > .params > .param > .default: before { co
> before { content: "Default "; color: #888; font-weight: normal }>ntent: "Default "; color: #888; font-weight: normal } /* version 
> /* version compatibility banners and notes */ .geckoVersionNote >compatibility banners and notes */ .geckoVersionNote { background
>{ background-color: #E0E0FF; background-image: -moz-radial-gradie>-color: #E0E0FF; background-image: -moz-radial-gradient(0px 0 45d
>nt(0px 0 45deg, circle farthest-corner, #E0E0FF 0%, #F8F8FF 80%);>eg, circle farthest-corner, #E0E0FF 0%, #F8F8FF 80%); border-left
> border-left: 5px solid #008 } .geckoVersionNote p { padding-left>: 5px solid #008 } .geckoVersionNote p { padding-left: 4px; borde
>: 4px; border: 0 } .geckoVersionHeading { background-color: #008;>r: 0 } .geckoVersionHeading { background-color: #008; background-
> background-image: -moz-linear-gradient(left, #008 50%, #e0e0ff 8>image: -moz-linear-gradient(left, #008 50%, #e0e0ff 80%); color: 
>0%); color: #fff; font: 16px/1.7 Verdana, Tahoma, sans-serif; mar>#fff; font: 16px/1.7 Verdana, Tahoma, sans-serif; margin-top: 0; 
>gin-top: 0; margin-left: 0; margin-bottom: 4px; height: 42px } .g>margin-left: 0; margin-bottom: 4px; height: 42px } .geckoVersionH
>eckoVersionHeading a:link { color: #ddd } .geckoVersionHeading a:>eading a:link { color: #ddd } .geckoVersionHeading a:visited { co
>visited { color: #eee } .geckoVersionHeading a:hover, .geckoVersi>lor: #eee } .geckoVersionHeading a:hover, .geckoVersionHeading a:
>onHeading a:focus { color: #fdd } .experimentalIcon { display: in>focus { color: #fdd } .experimentalIcon { display: inline-block; 
>line-block; width:4px; height:4px; color:orange; background-color>width:4px; height:4px; color:orange; background-color:white; bord
>:white; border: 3px solid orange; } .nonstandardIcon { display: i>er: 3px solid orange; } .nonstandardIcon { display: inline-block;
>nline-block; width:8px; height:8px; color:red; background-color:r> width:8px; height:8px; color:red; background-color:red; border: 
>ed; border: 1px solid red; } .obsoleteIcon { display: inline-bloc>1px solid red; } .obsoleteIcon { display: inline-block; width:8px
>k; width:8px; height:8px; color:black; background-color:black; bo>; height:8px; color:black; background-color:black; border: 1px so
>rder: 1px solid black; } .deprecatedIcon { display: inline-block;>lid black; } .deprecatedIcon { display: inline-block; width:4px; 
> width:4px; height:4px; color:black; background-color:white; bord>height:4px; color:black; background-color:white; border: 3px soli
>er: 3px solid black; } /* Used to to create icon-badged APIs inli>d black; } /* Used to to create icon-badged APIs inline */ .index
>ne */ .indexListRow { display: -ms-flexbox; display: -webkit-flex>ListRow { display: -ms-flexbox; display: -webkit-flex; display: f
>; display: flex; -webkit-flex-direction: row; -ms-flex-direction:>lex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-d
> row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap>irection: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex
>: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; -ms>-wrap: wrap; -webkit-justify-content: flex-start; -ms-flex-pack: 
>-flex-pack: start; justify-content: flex-start; -webkit-align-con>start; justify-content: flex-start; -webkit-align-content: stretc
>tent: stretch; -ms-flex-line-pack: stretch; align-content: stretc>h; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-a
>h; -webkit-align-items: flex-start; -ms-flex-align: start; align->lign-items: flex-start; -ms-flex-align: start; align-items: flex-
>items: flex-start; /*width:100%;*/ } .indexListTerm { -webkit-ord>start; /*width:100%;*/ } .indexListTerm { -webkit-order: 0; -ms-f
>er: 0; -ms-flex-order: 0; order: 0; -webkit-flex: 0 1 auto; -ms-f>lex-order: 0; order: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 aut
>lex: 0 1 auto; flex: 0 1 auto; -webkit-align-self: flex-start; -m>o; flex: 0 1 auto; -webkit-align-self: flex-start; -ms-flex-item-
>s-flex-item-align: start; align-self: flex-start; } .indexListBad>align: start; align-self: flex-start; } .indexListBadges { -webki
>ges { -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-flex>t-order: 0; -ms-flex-order: 0; order: 0; -webkit-flex: 0 1 auto; 
>: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-align-sel>-ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-align-self: auto; -ms
>f: auto; -ms-flex-item-align: auto; align-self: flex-end; padding>-flex-item-align: auto; align-self: flex-end; padding-left: 6px; 
>-left: 6px; margin-right:6px; } .badge { position: relative; top:>margin-right:6px; } .badge { position: relative; top: -2px; displ
> -2px; display: inline-block; cursor: default; border: 1px solid >ay: inline-block; cursor: default; border: 1px solid #aaa; border
>#aaa; border-radius: 8px; padding: .1em .6em; font-size: 70%; fon>-radius: 8px; padding: .1em .6em; font-size: 70%; font-weight: 70
>t-weight: 700; height: 1.4em; vertical-align: middle; line-height>0; height: 1.4em; vertical-align: middle; line-height: 1.3; } .ba
>: 1.3; } .badgeText { -webkit-hyphens: none; -moz-hyphens: none; >dgeText { -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens:
>-ms-hyphens: none; hyphens: none; } .banner { display:block; over> none; hyphens: none; } .banner { display:block; overflow:hidden;
>flow:hidden; font-size: 14px; font-weight: normal; margin: 10px 0> font-size: 14px; font-weight: normal; margin: 10px 0px; padding:
>px; padding: 2px 10px; } html:not(.redesign) .banner { border: 1p> 2px 10px; } html:not(.redesign) .banner { border: 1px solid #aaa
>x solid #aaa; border-radius: 8px; } .redesign .banner { font-size>; border-radius: 8px; } .redesign .banner { font-size:12px; } .ba
>:12px; } .bannerHeading { text-align: center; font-weight: bold; >nnerHeading { text-align: center; font-weight: bold; padding-bott
>padding-bottom: 2px; } .redesign .bannerHeading { text-align: inh>om: 2px; } .redesign .bannerHeading { text-align: inherit; } .ban
>erit; } .bannerText { text-align: center; font-weight: normal; } >nerText { text-align: center; font-weight: normal; } .icon { padd
>.icon { padding-left: 3.1em } [dir=rtl] .icon { padding-left: .8e>ing-left: 3.1em } [dir=rtl] .icon { padding-left: .8em; padding-r
>m; padding-right: 3.1em; } .icon:before { content: ""; position: >ight: 3.1em; } .icon:before { content: ""; position: absolute; le
>absolute; left: -2px; top: 50%; margin-top: -1.5em; width: 2.8em;>ft: -2px; top: 50%; margin-top: -1.5em; width: 2.8em; height: 2.8
> height: 2.8em; background: white no-repeat center center; backgr>em; background: white no-repeat center center; background-size: 2
>ound-size: 2.6em; border-radius: 100%; border: 1px solid #aaa; bo>.6em; border-radius: 100%; border: 1px solid #aaa; border-right: 
>rder-right: none; box-sizing: border-box; -moz-boxsizing: border->none; box-sizing: border-box; -moz-boxsizing: border-box; } [dir=
>box; } [dir=rtl] .icon:before { left: auto; right: -2px; border: >rtl] .icon:before { left: auto; right: -2px; border: 1px solid #a
>1px solid #aaa; border-left: none; } /* Used for badging obsolete>aa; border-left: none; } /* Used for badging obsolete APIs */ .no
> APIs */ .nonstandardBadge { background: linear-gradient(to right>nstandardBadge { background: linear-gradient(to right, #f0DE00 30
>, #f0DE00 30%, #f0ff19); color: black; text-shadow: 1px 1px 0 #dd>%, #f0ff19); color: black; text-shadow: 1px 1px 0 #ddd; } /* Used
>d; } /* Used for badging Gecko minimum version requirements */ .g> for badging Gecko minimum version requirements */ .geckoVersionB
>eckoVersionBadge { background: linear-gradient(to right, rgb(215,>adge { background: linear-gradient(to right, rgb(215, 236, 161) 3
> 236, 161) 30%, rgb(204, 227, 144)); color: black; text-shadow: 1>0%, rgb(204, 227, 144)); color: black; text-shadow: 1px 1px 0 #dd
>px 1px 0 #ddd; border-color: rgb(129, 142, 97); } .redesign .geck>d; border-color: rgb(129, 142, 97); } .redesign .geckoVersionBadg
>oVersionBadge { background: rgba(117,195,165,0.44); border:5px so>e { background: rgba(117,195,165,0.44); border:5px solid rgba(0,0
>lid rgba(0,0,0,0.05); } /* Used for badging Firefox minimum versi>,0,0.05); } /* Used for badging Firefox minimum version requireme
>on requirements */ .firefoxVersionBadge { background-color: #FEDF>nts */ .firefoxVersionBadge { background-color: #FEDF9E; backgrou
>9E; background-image: linear-gradient(to right, #FEDF9E 30%, #FEF>nd-image: linear-gradient(to right, #FEDF9E 30%, #FEF1D4); backgr
>1D4); background-repeat: no-repeat; background-size: contain; ove>ound-repeat: no-repeat; background-size: contain; overflow: hidde
>rflow: hidden; color: black; text-shadow: 1px 1px 0 #ccc; white-s>n; color: black; text-shadow: 1px 1px 0 #ccc; white-space: nowrap
>pace: nowrap; } .firefoxVersionBadge a:link { color: black; text->; } .firefoxVersionBadge a:link { color: black; text-decoration: 
>decoration: underline; } .firefoxVersionBadge a:visited { color: >underline; } .firefoxVersionBadge a:visited { color: black; text-
>black; text-decoration: underline; } .firefoxVersionBadge a:hover>decoration: underline; } .firefoxVersionBadge a:hover { color: #8
> { color: #853; text-decoration: none; } .firefoxVersionBadge a:a>53; text-decoration: none; } .firefoxVersionBadge a:active { colo
>ctive { color:#858; text-decoration: none; } /* Used for badging >r:#858; text-decoration: none; } /* Used for badging APIs not imp
>APIs not implemented in Firefox */ .unimplementedBadge { backgrou>lemented in Firefox */ .unimplementedBadge { background-color: li
>nd-color: lightpink; color: black; text-shadow: 1px 1px 0 #ddd; b>ghtpink; color: black; text-shadow: 1px 1px 0 #ddd; border-color:
>order-color: deeppink; } /* Used for badging non-standard APIs */> deeppink; } /* Used for badging non-standard APIs */ .obsoleteBa
> .obsoleteBadge { background: linear-gradient(to right, #FEBCBC 3>dge { background: linear-gradient(to right, #FEBCBC 30%, #fffff0)
>0%, #fffff0); color: black; text-shadow: 1px 1px 0 #ddd; border-c>; color: black; text-shadow: 1px 1px 0 #ddd; border-color: #f00; 
>olor: #f00; } /* Used for badging deprecated APIs */ .deprecatedB>} /* Used for badging deprecated APIs */ .deprecatedBadge { backg
>adge { background: linear-gradient(to right, #ccccff 30%, #eeeeff>round: linear-gradient(to right, #ccccff 30%, #eeeeff); color: #0
>); color: #000; text-shadow: 1px 1px 0 #ddd; border-color: blue; >00; text-shadow: 1px 1px 0 #ddd; border-color: blue; } /* Used fo
>} /* Used for badging experimental APIs */ .experimentalBadge { b>r badging experimental APIs */ .experimentalBadge { background: l
>ackground: linear-gradient(to right, #ffefd9 40%, #fffde0); color>inear-gradient(to right, #ffefd9 40%, #fffde0); color: #000; text
>: #000; text-shadow: 1px 1px 0 #ddd; } /* Used for badging privil>-shadow: 1px 1px 0 #ddd; } /* Used for badging privileged APIs */
>eged APIs */ .privilegedBadge { background: linear-gradient(to ri> .privilegedBadge { background: linear-gradient(to right, #FFBD19
>ght, #FFBD19 30%, #ffb200); color: #000; text-shadow: 1px 1px 0 #> 30%, #ffb200); color: #000; text-shadow: 1px 1px 0 #ddd; } [dir=
>ddd; } [dir=rtl] .privilegedBadge { background: linear-gradient(t>rtl] .privilegedBadge { background: linear-gradient(to left, #FFB
>o left, #FFBD19 30%, #ffb200); } .icon.privilegedBadge:before { b>D19 30%, #ffb200); } .icon.privilegedBadge:before { background-co
>ackground-color: orange; background-image: url(https://mdn.mozill>lor: orange; background-image: url(https://mdn.mozillademos.org/f
>ademos.org/files/5061/firefoxos-logo-sm.png); } .sidebar-box { ma>iles/5061/firefoxos-logo-sm.png); } .sidebar-box { margin-left: 1
>rgin-left: 16px; margin-bottom: 2.5em; border-right: 1px solid #e>6px; margin-bottom: 2.5em; border-right: 1px solid #ecf1f3; paddi
>cf1f3; padding: 12px; background: #f1f6f8 url("img/toc-bg.png") 0>ng: 12px; background: #f1f6f8 url("img/toc-bg.png") 0 0 no-repeat
> 0 no-repeat; font: 12px Verdana, Tahoma, sans-serif } .sidebar-b>; font: 12px Verdana, Tahoma, sans-serif } .sidebar-box h2, .side
>ox h2, .sidebar-box h3, .sidebar-box h5 { margin-bottom: .5em; fo>bar-box h3, .sidebar-box h5 { margin-bottom: .5em; font-family: i
>nt-family: inherit; font-weight: 700 } .sidebar-box h2 { font-siz>nherit; font-weight: 700 } .sidebar-box h2 { font-size: 1.5em } .
>e: 1.5em } .sidebar-box h3 { font-size: 1.1em } .sidebar-box h5 {>sidebar-box h3 { font-size: 1.1em } .sidebar-box h5 { font-size: 
> font-size: .9em } .sidebar-box > ul { float: left; text-align>.9em } .sidebar-box > ul { float: left; text-align: left; disp
>: left; display: block; padding: 0; margin: auto 0; position: rel>lay: block; padding: 0; margin: auto 0; position: relative } .sid
>ative } .sidebar-box ul > li { list-style-type: none } .tab-co>ebar-box ul > li { list-style-type: none } .tab-content-box { 
>ntent-box { border-right: 1px solid #ecf1f3; margin-left: 16px; p>border-right: 1px solid #ecf1f3; margin-left: 16px; padding: 12px
>adding: 12px; background: #fff; font: 12px Verdana, Tahoma, sans->; background: #fff; font: 12px Verdana, Tahoma, sans-serif } .tab
>serif } .tab-content-box h2, .tab-content-box h3, .tab-content-bo>-content-box h2, .tab-content-box h3, .tab-content-box h5 { margi
>x h5 { margin-bottom: .5em; font-family: inherit; font-weight: 70>n-bottom: .5em; font-family: inherit; font-weight: 700 } .tab-con
>0 } .tab-content-box h2 { font-size: 1.5em } .tab-content-box h3 >tent-box h2 { font-size: 1.5em } .tab-content-box h3 { font-size:
>{ font-size: 1.1em } .tab-content-box h5 { font-size: .9em } #men> 1.1em } .tab-content-box h5 { font-size: .9em } #menuFiller { di
>uFiller { display: block } /* Horizontal tab boxes */ .htab { mar>splay: block } /* Horizontal tab boxes */ .htab { margin: 0 auto 
>gin: 0 auto 1em; display: inline-block; } .htab>ul>li { wid>1em; display: inline-block; } .htab>ul>li { width: 150px; h
>th: 150px; height: 28px; list-style-type: none; display: inline; >eight: 28px; list-style-type: none; display: inline; padding-bott
>padding-bottom: 3px; border: 1px solid #ddd; border-radius: 3px 3>om: 3px; border: 1px solid #ddd; border-radius: 3px 3px 0 0; padd
>px 0 0; padding-top: 5px; text-align: left; font-size: 13px; font>ing-top: 5px; text-align: left; font-size: 13px; font-weight: nor
>-weight: normal; margin: auto; position: relative; padding-left: >mal; margin: auto; position: relative; padding-left: 6px; padding
>6px; padding-right: 6px; border-bottom: none; opacity: .5; -ms-fi>-right: 6px; border-bottom: none; opacity: .5; -ms-filter: "progi
>lter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filt>d:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: progid:D
>er: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); cursor: >XImageTransform.Microsoft.Alpha(Opacity=50); cursor: pointer; } .
>pointer; } .htab>ul>li.selected { opacity: 1 !important; -m>htab>ul>li.selected { opacity: 1 !important; -ms-filter: "p
>s-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";>rogid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: pro
> filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); bo>gid:DXImageTransform.Microsoft.Alpha(Opacity=100); border: 1px so
>rder: 1px solid #ddd; border-bottom: none; z-index: 10; backgroun>lid #ddd; border-bottom: none; z-index: 10; background-color: rgb
>d-color: rgba(234, 239, 242,1) !important; position: relative; cu>a(234, 239, 242,1) !important; position: relative; cursor: pointe
>rsor: pointer; font-weight: bold; } .htab>ul>li.selected a >r; font-weight: bold; } .htab>ul>li.selected a { color: #00
>{ color: #000; } .htab>ul { width: 150px; text-align: left; di>0; } .htab>ul { width: 150px; text-align: left; display: inlin
>splay: inline; padding: 0; margin: 0 auto; position: relative; to>e; padding: 0; margin: 0 auto; position: relative; top: 0; } .hta
>p: 0; } .htab>div { background-color: #f1f6f8; margin-top: 0; >b>div { background-color: #f1f6f8; margin-top: 0; border: 1px 
>border: 1px solid #ddd; padding: 12px; position: relative; z-inde>solid #ddd; padding: 12px; position: relative; z-index: 9; word-w
>x: 9; word-wrap: break-word; } /* Compatibility tables */ table.c>rap: break-word; } /* Compatibility tables */ table.compat-table 
>ompat-table { border-color: #bbb; margin: 0 } .redesign table.com>{ border-color: #bbb; margin: 0 } .redesign table.compat-table { 
>pat-table { border-color:rgba(0,0,0,0); } table.compat-table td {>border-color:rgba(0,0,0,0); } table.compat-table td { padding: 5p
> padding: 5px; border: 1px solid #ccc; background: #fff; vertical>x; border: 1px solid #ccc; background: #fff; vertical-align: top;
>-align: top; word-wrap: break-word } .redesign table.compat-table> word-wrap: break-word } .redesign table.compat-table td { border
> td { border:1px solid rgba(212,221,228,0.25); font-size:12px; } >:1px solid rgba(212,221,228,0.25); font-size:12px; } table.compat
>table.compat-table th, table.compat-table td.header { border: 1px>-table th, table.compat-table td.header { border: 1px solid #bbb;
> solid #bbb; padding: 0 5px; background: #eee; font-weight: 700 }> padding: 0 5px; background: #eee; font-weight: 700 } .redesign t
> .redesign table.compat-table th, .redesign table.compat-table td>able.compat-table th, .redesign table.compat-table td.header { bo
>.header { border:1px solid rgba(212,221,228,0); background:none; >rder:1px solid rgba(212,221,228,0); background:none; font-weight:
>font-weight:200; font-family:'Open Sans Light',sans-serif; font-s>200; font-family:'Open Sans Light',sans-serif; font-size:16px; li
>ize:16px; line-height:100%; padding:2px 4px 8px; } div.action-dri>ne-height:100%; padding:2px 4px 8px; } div.action-driven { displa
>ven { display: inline-block; float: none; min-height: 8.5em; marg>y: inline-block; float: none; min-height: 8.5em; margin: .8em; bo
>in: .8em; box-shadow: .2em .1em .1em #808080; vertical-align: top>x-shadow: .2em .1em .1em #808080; vertical-align: top; } div.acti
>; } div.action-driven > div { font: 400 20px 'Bebas Neue', 'Le>on-driven > div { font: 400 20px 'Bebas Neue', 'League Gothic'
>ague Gothic', Haettenschweiler, Impact, 'Arial Narrow', Meiryo, s>, Haettenschweiler, Impact, 'Arial Narrow', Meiryo, sans-serif; t
>ans-serif; text-transform: uppercase } /* standard coloring */ .n>ext-transform: uppercase } /* standard coloring */ .notice.experi
>otice.experimental { border-color: #09d; color: 0; background-col>mental { border-color: #09d; color: 0; background-color: #C9EDFC;
>or: #C9EDFC;clear:none;} .redesign .notice.experimental { backgro>clear:none;} .redesign .notice.experimental { background-color:rg
>und-color:rgba(255,203,0,0.5); border-color:rgba(0,0,0,0.05); bor>ba(255,203,0,0.5); border-color:rgba(0,0,0,0.05); border-style:so
>der-style:solid!important; border-width:5px!important; } /* New t>lid!important; border-width:5px!important; } /* New theme action-
>heme action-driven */ .card-grid > li > span:first-of-type >driven */ .card-grid > li > span:first-of-type {font-weight
>{font-weight: bold} @media only screen and (min-width:760px) { .c>: bold} @media only screen and (min-width:760px) { .card-grid { l
>ard-grid { list-style: none outside none; } .card-grid > li &g>ist-style: none outside none; } .card-grid > li > span:firs
>t; span:first-of-type {font-weight: normal} .card-grid > li { >t-of-type {font-weight: normal} .card-grid > li { background-c
>background-color: rgb(204, 204, 204); background-image: -moz-line>olor: rgb(204, 204, 204); background-image: -moz-linear-gradient(
>ar-gradient(center top , rgb(221, 221, 221) 0px, rgb(187, 187, 18>center top , rgb(221, 221, 221) 0px, rgb(187, 187, 187) 100%); bo
>7) 100%); border-radius: 6px; background-clip: padding-box; box-s>rder-radius: 6px; background-clip: padding-box; box-shadow: 0px 2
>hadow: 0px 2px 4px rgba(0, 0, 0, 0.1); display: inline-block; mar>px 4px rgba(0, 0, 0, 0.1); display: inline-block; margin: 3px 12p
>gin: 3px 12px 20px; padding: 20px; position: relative; vertical-a>x 20px; padding: 20px; position: relative; vertical-align: top; w
>lign: top; width: 200px; word-wrap: break-word; z-index: 1; min-h>idth: 200px; word-wrap: break-word; z-index: 1; min-height: 130px
>eight: 130px; } .card-grid > li:before { background: none repe>; } .card-grid > li:before { background: none repeat scroll 0%
>at scroll 0% 0% padding-box rgb(255, 255, 255); border-radius: 5p> 0% padding-box rgb(255, 255, 255); border-radius: 5px; bottom: 1
>x; bottom: 1px; content: ""; left: 1px; position: absolute; right>px; content: ""; left: 1px; position: absolute; right: 1px; top: 
>: 1px; top: 1px; z-index: -1; } .redesign .card-grid > li:befo>1px; z-index: -1; } .redesign .card-grid > li:before { backgro
>re { background: none; border-radius: 0; } .card-grid > li spa>und: none; border-radius: 0; } .card-grid > li span { display:
>n { display: block; font-family: 'Open Sans Light',Arial,Helvetic> block; font-family: 'Open Sans Light',Arial,Helvetica,sans-serif
>a,sans-serif; font-size: 22px; letter-spacing: -1px; line-height:>; font-size: 22px; letter-spacing: -1px; line-height: 22px; margi
> 22px; margin-bottom: 12px; } } .redesign .card-grid > li { ba>n-bottom: 12px; } } .redesign .card-grid > li { background-col
>ckground-color:rgba(234,239,242,0.5); border-radius: 0; box-shado>or:rgba(234,239,242,0.5); border-radius: 0; box-shadow:3px 3px 0 
>w:3px 3px 0 3px rgba(212,221,228,0.5); background-image: none; } >3px rgba(212,221,228,0.5); background-image: none; } /*----------
>/*----------------- for Topic page */ table.topicpage-table, tabl>------- for Topic page */ table.topicpage-table, table.topicpage-
>e.topicpage-table td, table.topicpage-table tr, table.topicpage-t>table td, table.topicpage-table tr, table.topicpage-table th { bo
>able th { border: none } .topicpage-table .section { padding-righ>rder: none } .topicpage-table .section { padding-right:1em} /* Ne
>t:1em} /* New theme */ dl { margin-bottom: 20px} .center .topicpa>w theme */ dl { margin-bottom: 20px} .center .topicpage-table h2 
>ge-table h2 { font-family: 'Open Sans Light', sans-serif } .topic>{ font-family: 'Open Sans Light', sans-serif } .topicpage-table u
>page-table ul {padding-left: 20px; } /* Old theme */ /* "table.to>l {padding-left: 20px; } /* Old theme */ /* "table.topicpage-tabl
>picpage-table h2 { --font-setting-- }" is better than this. .topi>e h2 { --font-setting-- }" is better than this. .topicpage-table 
>cpage-table .Documentation, .topicpage-table .Community, .topicpa>.Documentation, .topicpage-table .Community, .topicpage-table .To
>ge-table .Tools, .topicpage-table .Related_Topics { background-im>ols, .topicpage-table .Related_Topics { background-image: url('/m
>age: url('/media/img/icons-sections.png'); background-repeat: no->edia/img/icons-sections.png'); background-repeat: no-repeat; marg
>repeat; margin: 0 0 .25em; padding: 18px 18px 0 65px; min-height:>in: 0 0 .25em; padding: 18px 18px 0 65px; min-height: 48px; font:
> 48px; font: 400 28px/1 'Bebas Neue', 'League Gothic', Haettensch> 400 28px/1 'Bebas Neue', 'League Gothic', Haettenschweiler, Impa
>weiler, Impact, 'Arial Narrow', Meiryo, sans-serif; text-transfor>ct, 'Arial Narrow', Meiryo, sans-serif; text-transform: uppercase
>m: uppercase; border: none } */ /* this is an unadorned heading, >; border: none } */ /* this is an unadorned heading, without an i
>without an icon */ //.topicpage-table .Heading { margin: 0 0 .25e>con */ //.topicpage-table .Heading { margin: 0 0 .25em; padding: 
>m; padding: 18px 18px 0 0; min-height: 48px; font: 400 28px/1 'Be>18px 18px 0 0; min-height: 48px; font: 400 28px/1 'Bebas Neue', '
>bas Neue', 'League Gothic', Haettenschweiler, Impact, 'Arial Narr>League Gothic', Haettenschweiler, Impact, 'Arial Narrow', Meiryo,
>ow', Meiryo, sans-serif; text-transform: uppercase; border: none > sans-serif; text-transform: uppercase; border: none } /* [dir="r
>} /* [dir="rtl"] .topicpage-table .Documentation, [dir="rtl"] .to>tl"] .topicpage-table .Documentation, [dir="rtl"] .topicpage-tabl
>picpage-table .Community, [dir="rtl"] .topicpage-table .Tools, [d>e .Community, [dir="rtl"] .topicpage-table .Tools, [dir="rtl"] .t
>ir="rtl"] .topicpage-table .Heading, [dir="rtl"] .topicpage-table>opicpage-table .Heading, [dir="rtl"] .topicpage-table .Related_To
> .Related_Topics { padding: 18px 65px 0 18px; } .topicpage-table >pics { padding: 18px 65px 0 18px; } .topicpage-table .Documentati
>.Documentation { background-position: 0 0 } .topicpage-table .Com>on { background-position: 0 0 } .topicpage-table .Community { bac
>munity { background-position: 0 -200px } .topicpage-table .Tools >kground-position: 0 -200px } .topicpage-table .Tools { background
>{ background-position: 0 -400px } .topicpage-table .Related_Topic>-position: 0 -400px } .topicpage-table .Related_Topics { backgrou
>s { background-position: 0 -600px } [dir="rtl"] .topicpage-table >nd-position: 0 -600px } [dir="rtl"] .topicpage-table .Documentati
>.Documentation { background-position: right 0 } [dir="rtl"] .topi>on { background-position: right 0 } [dir="rtl"] .topicpage-table 
>cpage-table .Community { background-position: right -200px } [dir>.Community { background-position: right -200px } [dir="rtl"] .top
>="rtl"] .topicpage-table .Tools { background-position: right -400>icpage-table .Tools { background-position: right -400px } [dir="r
>px } [dir="rtl"] .topicpage-table .Related_Topics { background-po>tl"] .topicpage-table .Related_Topics { background-position: righ
>sition: right -600px } */ /* for Topic Page 2 (This is Test )*/ />t -600px } */ /* for Topic Page 2 (This is Test )*/ /* USAGE:
>* USAGE: 

Back to History