Compare Revisions

Template:CustomCSS

Change Revisions

Revision 485379:

Revision 485379 by teoli on

Revision 485381:

Revision 485381 by teoli on

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

Revision 485379
Revision 485381
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 } 
>[dir!="rtl"].redesign .topicpage-table .section:first-of-type { b>[dir!="rtl"].redesign .topicpage-table .section:first-of-type { b
>order-right:solid 6px rgba(212,221,228,0.5); } [dir="rtl"] .redes>order-right:solid 6px rgba(212,221,228,0.5); } [dir="rtl"] .redes
>ign .topicpage-table .section:first-of-type { border-left:solid 6>ign .topicpage-table .section:first-of-type { border-left:solid 6
>px rgba(212,221,228,0.5); border-right: none; } .landing { displa>px rgba(212,221,228,0.5); border-right: none; } .landing { displa
>y: table-row;} .section { display: table-cell; width:50%;} .topic>y: table-row;} .section { display: table-cell; width:50%;} /* to 
>page-table .section:first-of-type { margin-right: 20px; border-ri>remove once the redesign is live: */ .topicpage-table .section:fi
>ght: solid 1px lightgrey; } [dir="rtl"] .topicpage-table .section>rst-of-type { margin-right: 20px; border-right: solid 1px lightgr
>:first-of-type { margin-left: 20px; border-left: solid 1px lightg>ey; } } /* For Landing page boxes; these are boxes displayed with
>rey; margin-right: none; border-right: none;} } /* For Landing pa>in columns on landing pages, such as the Community and Related bo
>ge boxes; these are boxes displayed within columns on landing pag>xes. */ .landingPageBox { width: 100%; padding: 0px; border-botto
>es, such as the Community and Related boxes. */ .landingPageBox {>m: 1px solid #bbb; margin-bottom: 3px; } .landingPageBox ul { pad
> width: 100%; padding: 0px; border-bottom: 1px solid #bbb; margin>ding-left: 44px; } /* Wide column box */ .wideColumnBox { column-
>-bottom: 3px; } .landingPageBox ul { padding-left: 44px; } /* Wid>width:375px; -moz-column-width:375px; -webkit-column-width:375px;
>e column box */ .wideColumnBox { column-width:375px; -moz-column-> -o-column-width:375px; -ms-column-width:375px;} .wideColumnBoxLi
>width:375px; -webkit-column-width:375px; -o-column-width:375px; ->st li { line-height: 1.5; list-style-type: none; padding-left: 0;
>ms-column-width:375px;} .wideColumnBoxList li { line-height: 1.5;> page-break-inside: avoid; } /* Multi-column boxes for lists of l
> list-style-type: none; padding-left: 0; page-break-inside: avoid>onger links; this will adapt based on screen width */ .multiColum
>; } /* Multi-column boxes for lists of longer links; this will ad>nList { column-width:250px; -moz-column-width:250px; -webkit-colu
>apt based on screen width */ .multiColumnList { column-width:250p>mn-width:250px; -o-column-width:250px; -ms-column-width:250px;} .
>x; -moz-column-width:250px; -webkit-column-width:250px; -o-column>multiColumnList li { line-height: 1.5; list-style-type: none; pad
>-width:250px; -ms-column-width:250px;} .multiColumnList li { line>ding-left: 0; page-break-inside: avoid; } /* Multi-column boxes f
>-height: 1.5; list-style-type: none; padding-left: 0; page-break->or smaller links, such as API terms */ .smallMultiColumnList { co
>inside: avoid; } /* Multi-column boxes for smaller links, such as>lumn-width: 120px; -moz-column-width:120px; -webkit-column-width:
> API terms */ .smallMultiColumnList { column-width: 120px; -moz-c>120px; -o-column-width:120px; -ms-column-width:120px} .smallMulti
>olumn-width:120px; -webkit-column-width:120px; -o-column-width:12>ColumnList li { list-style-type: none; padding-left: 0; page-brea
>0px; -ms-column-width:120px} .smallMultiColumnList li { list-styl>k-inside: avoid; } /* Multi-column box for smaller text */ .horiz
>e-type: none; padding-left: 0; page-break-inside: avoid; } /* Mul>FlexboxContainer { display: flex; display: -webkit-flex; flex-flo
>ti-column box for smaller text */ .horizFlexboxContainer { displa>w: column nowrap; -webkit-flex-flow: column nowrap; justify-conte
>y: flex; display: -webkit-flex; flex-flow: column nowrap; -webkit>nt: center; -webkit-justify-content: center; align-content: cente
>-flex-flow: column nowrap; justify-content: center; -webkit-justi>r; -webkit-align-content: center; align-items: center; -webkit-al
>fy-content: center; align-content: center; -webkit-align-content:>ign-items: center; flex-direction: column; -webkit-flex-direction
> center; align-items: center; -webkit-align-items: center; flex-d>: column; } div.smallTextMultiColumnBoxHeading { background-color
>irection: column; -webkit-flex-direction: column; } div.smallText>: #aac; border-radius: 10px 10px 0 0; border: 2px solid #ccc; ord
>MultiColumnBoxHeading { background-color: #aac; border-radius: 10>er: 1; -webkit-order: 1; width: 75%; padding: 10px; flex: 0 1 aut
>px 10px 0 0; border: 2px solid #ccc; order: 1; -webkit-order: 1; >o; -webkit-flex: 0 1 auto; font-weight: bold; } div.smallTextMult
>width: 75%; padding: 10px; flex: 0 1 auto; -webkit-flex: 0 1 auto>iColumnBoxList { border: 2px solid #ccc; background-color: #ddf; 
>; font-weight: bold; } div.smallTextMultiColumnBoxList { border: >border-top: 0; border-radius: 0 0 10px 10px; width: 75%; padding:
>2px solid #ccc; background-color: #ddf; border-top: 0; border-rad> 10px; order: 2; -webkit-order: 2; flex: 0 1 auto; -webkit-flex: 
>ius: 0 0 10px 10px; width: 75%; padding: 10px; order: 2; -webkit->0 1 auto; } div.smallTextMultiColumnBoxList ul { column-width:100
>order: 2; flex: 0 1 auto; -webkit-flex: 0 1 auto; } div.smallText>px; -moz-column-width:100px; -webkit-column-width:100px; -o-colum
>MultiColumnBoxList ul { column-width:100px; -moz-column-width:100>n-width:100px; -ms-column-width:100px; } div.smallTextMultiColumn
>px; -webkit-column-width:100px; -o-column-width:100px; -ms-column>BoxList li { list-style-type: none; padding-left: 0; font-size: 8
>-width:100px; } div.smallTextMultiColumnBoxList li { list-style-t>0%; } /* For ending "text alongside images" blocks; add this clas
>ype: none; padding-left: 0; font-size: 80%; } /* For ending "text>s to the first block that shouldn't be next to the image */ .endI
> alongside images" blocks; add this class to the first block that>mageWrapping { clear: both; } /* Fancy Table of content for main 
> shouldn't be next to the image */ .endImageWrapping { clear: bot>pages of tutorial*/ .fancyTOC { counter-reset: fancyTOC; -moz-col
>h; } /* Fancy Table of content for main pages of tutorial*/ .fanc>umns: 18em; columns: 18em; margin-bottom: 1em } .fancyTOC .button
>yTOC { counter-reset: fancyTOC; -moz-columns: 18em; columns: 18em> { display: block; margin-right: 0; margin-bottom: .25em; backgro
>; margin-bottom: 1em } .fancyTOC .button { display: block; margin>und-color: #A24C4C; color: #fff; font-size: 1.5em; line-height: 1
>-right: 0; margin-bottom: .25em; background-color: #A24C4C; color>.5 } .fancyTOC a::before { counter-increment: fancyTOC; content: 
>: #fff; font-size: 1.5em; line-height: 1.5 } .fancyTOC a::before >counter(fancyTOC) ". " } .fancyTOC a::after { content: ' »' } .fa
>{ counter-increment: fancyTOC; content: counter(fancyTOC) ". " } >ncyTOC .button:hover, .fancyTOC .button:focus, .fancyTOC .button:
>.fancyTOC a::after { content: ' »' } .fancyTOC .button:hover, .fa>active { background-color: #C26C6C } /* In index, dim obsolete, d
>ncyTOC .button:focus, .fancyTOC .button:active { background-color>eprecated or non-standard element instead of striking through the
>: #C26C6C } /* In index, dim obsolete, deprecated or non-standard>m */ s.deprecatedElement, s.obsoleteElement, s.nonStdElement { te
> element instead of striking through them */ s.deprecatedElement,>xt-decoration: none; opacity: .3 } /* Add widgeted index, here ad
> s.obsoleteElement, s.nonStdElement { text-decoration: none; opac>ding an HTML5 badge as the bullet of the li element if class="htm
>ity: .3 } /* Add widgeted index, here adding an HTML5 badge as th>l5" */ div.index.widgeted { -webkit-column-width: 10em; -moz-colu
>e bullet of the li element if class="html5" */ div.index.widgeted>mn-width: 10em; columns: 10em } div.index.widgeted li { padding-l
> { -webkit-column-width: 10em; -moz-column-width: 10em; columns: >eft: 18px } div.index.widgeted li.html5 { background-image: url("
>10em } div.index.widgeted li { padding-left: 18px } div.index.wid>/files/3855/HTML5_Badge_16.png"); background-repeat: no-repeat; b
>geted li.html5 { background-image: url("/files/3855/HTML5_Badge_1>ackground-position: left 4px } [dir="rtl"] div.index.widgeted li 
>6.png"); background-repeat: no-repeat; background-position: left >{ padding-right: 18px } [dir="rtl"] div.index.widgeted li.html5 {
>4px } [dir="rtl"] div.index.widgeted li { padding-right: 18px } [> background-image: url("/files/3855/HTML5_Badge_16.png"); backgro
>dir="rtl"] div.index.widgeted li.html5 { background-image: url("/>und-repeat: no-repeat; background-position: right 4px } [dir="rtl
>files/3855/HTML5_Badge_16.png"); background-repeat: no-repeat; ba>"] div.index.widgeted span { padding-right:24px } /* Add widgeted
>ckground-position: right 4px } [dir="rtl"] div.index.widgeted spa> index, adding a Webcomponent badge of the li element if class="w
>n { padding-right:24px } /* Add widgeted index, adding a Webcompo>ebcomp" */ div.index.widgeted li.webcomp::after { font-family: Fo
>nent badge of the li element if class="webcomp" */ div.index.widg>ntAwesome; content:" \f085";} /* Quicknav template styles : https
>eted li.webcomp::after { font-family: FontAwesome; content:" \f08>://developer.mozilla.org/en-US/docs/Template:quicknav -------- */
>5";} /* Quicknav template styles : https://developer.mozilla.org/> #wikiArticle { position: relative; } .quicknav { position: fixed
>en-US/docs/Template:quicknav -------- */ #wikiArticle { position:>; top: 237px; left: 33px; background: #FFF; z-index: 1 } .quickna
> relative; } .quicknav { position: fixed; top: 237px; left: 33px;>v dl { max-width: 0; max-height: 300px; overflow: auto; margin: 0
> background: #FFF; z-index: 1 } .quicknav dl { max-width: 0; max->; padding: 10px 0; border: 1px solid transparent; border-left: no
>height: 300px; overflow: auto; margin: 0; padding: 10px 0; border>ne -webkit-transition: border .5s ease .1s, max-width .5s ease .1
>: 1px solid transparent; border-left: none -webkit-transition: bo>s, padding .5s linear .1s; -moz-transition: border .5s ease .1s, 
>rder .5s ease .1s, max-width .5s ease .1s, padding .5s linear .1s>max-width .5s ease .1s, padding .5s linear .1s; -ms-transition: b
>; -moz-transition: border .5s ease .1s, max-width .5s ease .1s, p>order .5s ease .1s, max-width .5s ease .1s, padding .5s linear .1
>adding .5s linear .1s; -ms-transition: border .5s ease .1s, max-w>s; -o-transition: border .5s ease .1s, max-width .5s ease .1s, pa
>idth .5s ease .1s, padding .5s linear .1s; -o-transition: border >dding .5s linear .1s; transition: border .5s ease .1s, max-width 
>.5s ease .1s, max-width .5s ease .1s, padding .5s linear .1s; tra>.5s ease .1s, padding .5s linear .1s } .quicknav dt, .quicknav dd
>nsition: border .5s ease .1s, max-width .5s ease .1s, padding .5s> { margin: 0; padding: 0; white-space: nowrap } .quicknav dt { fo
> linear .1s } .quicknav dt, .quicknav dd { margin: 0; padding: 0;>nt-weight: 700 } .quicknav dd + dt { margin-top: .5em } .quicknav
> white-space: nowrap } .quicknav dt { font-weight: 700 } .quickna>:hover dl { max-width: 300px; padding: 10px 20px 10px 10px; borde
>v dd + dt { margin-top: .5em } .quicknav:hover dl { max-width: 30>r-color: #ECECE7 } .quicknav .showme { display: block; position: 
>0px; padding: 10px 20px 10px 10px; border-color: #ECECE7 } .quick>absolute; top: 10px; left: -31px; width: 30px; font: 2em sans-ser
>nav .showme { display: block; position: absolute; top: 10px; left>if; color: #CCC; text-align: center; background: #FFF; border-rad
>: -31px; width: 30px; font: 2em sans-serif; color: #CCC; text-ali>ius: 5px 0 0 5px; border: 1px solid #ECECE7; border-right: none }
>gn: center; background: #FFF; border-radius: 5px 0 0 5px; border:> .quicknav:hover .showme { color: #333; } .cleared { clear: both 
> 1px solid #ECECE7; border-right: none } .quicknav:hover .showme >} /* This style has problem ! Style attribute of BR element is no
>{ color: #333; } .cleared { clear: both } /* This style has probl>t work in Kuma */ .clearLeft { clear: left } /* ltr page only ? *
>em ! Style attribute of BR element is not work in Kuma */ .clearL>/ span.comment { display:none; } #wikiArticle .breadcrumbs { disp
>eft { clear: left } /* ltr page only ? */ span.comment { display:>lay: block; margin-bottom: 1em } /* The HTML5 landing page has so
>none; } #wikiArticle .breadcrumbs { display: block; margin-bottom>me special-case stuff, handled here */ /* table.html5ArticleToc {
>: 1em } /* The HTML5 landing page has some special-case stuff, ha> border-width: 5px }*/ table.html5ArticleToc { border-style: none
>ndled here */ /* table.html5ArticleToc { border-width: 5px }*/ ta>; border-width: 0; background-color: transparent; border-color: t
>ble.html5ArticleToc { border-style: none; border-width: 0; backgr>ransparent; width: 100%;} .html5ArticleToc thead th { padding: .5
>ound-color: transparent; border-color: transparent; width: 100%;}>em 1em } .html5ArticleToc tbody td { vertical-align: middle } .ht
> .html5ArticleToc thead th { padding: .5em 1em } .html5ArticleToc>ml5ArticleToc ul { margin: 0; padding: 0 } .html5ArticleToc ul li
> tbody td { vertical-align: middle } .html5ArticleToc ul { margin> { display: inline; margin: 0 .25em } /* The syntax box: the firs
>: 0; padding: 0 } .html5ArticleToc ul li { display: inline; margi>t one is now used anywhere (DOM, JS, CSS, ...) The twoparts is us
>n: 0 .25em } /* The syntax box: the first one is now used anywher>ed for CSS properties */ pre.syntaxbox { margin-bottom: 1em; back
>e (DOM, JS, CSS, ...) The twoparts is used for CSS properties */ >ground-color: #ffe; } html:not(.redesign) pre.syntaxbox { border:
>pre.syntaxbox { margin-bottom: 1em; background-color: #ffe; } htm> 2px solid #ccc; border-radius: 10px; } pre.twopartsyntaxbox { ma
>l:not(.redesign) pre.syntaxbox { border: 2px solid #ccc; border-r>rgin-bottom: 0; background-color: #ffe; } html:not(.redesign) pre
>adius: 10px; } pre.twopartsyntaxbox { margin-bottom: 0; backgroun>.twopartsyntaxbox { border:2px solid #bbb; border-radius: 10px 10
>d-color: #ffe; } html:not(.redesign) pre.twopartsyntaxbox { borde>px 0 0; } pre.twopartsyntaxbox + pre { border-top: none; margin-t
>r:2px solid #bbb; border-radius: 10px 10px 0 0; } pre.twopartsynt>op: 0 } html:not(.redesign) pre.twopartsyntaxbox + pre { border: 
>axbox + pre { border-top: none; margin-top: 0 } html:not(.redesig>2px solid #bbb; border-radius: 0 0 10px 10px; } table.withoutBord
>n) pre.twopartsyntaxbox + pre { border: 2px solid #bbb; border-ra>er, table.withoutBorder td, table.withoutBorder tr, table.without
>dius: 0 0 10px 10px; } table.withoutBorder, table.withoutBorder t>Border th { border: none } td.horizontalLine { border-left: none 
>d, table.withoutBorder tr, table.withoutBorder th { border: none >} td.column { border-bottom: none } td.bottomPart { border-top: n
>} td.horizontalLine { border-left: none } td.column { border-bott>one } /* Use the verticalText class on a table cell to rotate its
>om: none } td.bottomPart { border-top: none } /* Use the vertical> contents 90° */ td.verticalText { width: 3em; -webkit-transform:
>Text class on a table cell to rotate its contents 90° */ td.verti> rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: ro
>calText { width: 3em; -webkit-transform: rotate(-90deg); -moz-tra>tate(-90deg); transform: rotate(-90deg) } table.blockTable { bord
>nsform: rotate(-90deg); -o-transform: rotate(-90deg); transform: >er-collapse: collapse } table.blockTable, table.blockTable td { m
>rotate(-90deg) } table.blockTable { border-collapse: collapse } t>argin: 1px; padding: 1px } table.blockTable .verticalColumn { bor
>able.blockTable, table.blockTable td { margin: 1px; padding: 1px >der-left: none; border-right: none } /* The index page for HTML /
>} table.blockTable .verticalColumn { border-left: none; border-ri> CSS */ div.index { -webkit-columns: 16em; -moz-column-width: 16e
>ght: none } /* The index page for HTML / CSS */ div.index { -webk>m; columns: 16em } div.index > span { font-family: Georgia, Ti
>it-columns: 16em; -moz-column-width: 16em; columns: 16em } div.in>mes, 'Times New Roman', serif; font-size: 1.6em } div.index ul, d
>dex > span { font-family: Georgia, Times, 'Times New Roman', s>iv.index ol { margin-left: 0; padding-left: 0; list-style-type: n
>erif; font-size: 1.6em } div.index ul, div.index ol { margin-left>one } /* Stuff used for the syntax information about CSS, HTML, a
>: 0; padding-left: 0; list-style-type: none } /* Stuff used for t>nd so forth */ /* ul.cssprop box used by each CSS Property refere
>he syntax information about CSS, HTML, and so forth */ /* ul.cssp>nce page*/ .cssprop { display: table; padding: 11px 22px; backgro
>rop box used by each CSS Property reference page*/ .cssprop { dis>und-color: #eef } .redesign .cssprop { background-color: rgba(255
>play: table; padding: 11px 22px; background-color: #eef } .redesi>, 203, 0, 0.1); } [dir="ltr"] .cssprop { clear: left; border-left
>gn .cssprop { background-color: rgba(255, 203, 0, 0.1); } [dir="l>: .15em solid } [dir="rtl"] .cssprop { clear: right; border-right
>tr"] .cssprop { clear: left; border-left: .15em solid } [dir="rtl>: .15em solid } .redesign[dir="ltr"] .cssprop { border-left: 6px 
>"] .cssprop { clear: right; border-right: .15em solid } .redesign>solid rgba(255,203,0,0.5); } .redesign[dir="rtl"] .cssprop { bord
>[dir="ltr"] .cssprop { border-left: 6px solid rgba(255,203,0,0.5)>er-right:6px solid rgba(255,203,0,0.5); } .cssprop li { display: 
>; } .redesign[dir="rtl"] .cssprop { border-right:6px solid rgba(2>table-row; padding: 3px; margin: 0 } .cssprop li dfn { display: t
>55,203,0,0.5); } .cssprop li { display: table-row; padding: 3px; >able-cell; padding: 0 5px; border-bottom: none; white-space: pre;
>margin: 0 } .cssprop li dfn { display: table-cell; padding: 0 5px> cursor: inherit } .cssprop li dfn:after { content: ":" } .csspro
>; border-bottom: none; white-space: pre; cursor: inherit } .csspr>p li li { display: list-item; list-style-type: disc; line-height:
>op li dfn:after { content: ":" } .cssprop li li { display: list-i> 1 } /* ul.htmlelt box used by each HTML Element reference page *
>tem; list-style-type: disc; line-height: 1 } /* ul.htmlelt box us>/ .htmlelt { display: table; padding: 11px 22px; background-color
>ed by each HTML Element reference page */ .htmlelt { display: tab>: #fe9 } .redesign .htmlelt { background-color:rgba(255,149,0,0.1
>le; padding: 11px 22px; background-color: #fe9 } .redesign .htmle>); } [dir="ltr"] .htmlelt { clear: left; border-left: .15em solid
>lt { background-color:rgba(255,149,0,0.1); } [dir="ltr"] .htmlelt> } [dir="rtl"] .htmlelt { clear: right; border-right: .15em solid
> { clear: left; border-left: .15em solid } [dir="rtl"] .htmlelt {> } .redesign[dir="ltr"] .htmlelt { border-left:6px solid rgba(255
> clear: right; border-right: .15em solid } .redesign[dir="ltr"] .>,149,0,0.5); } .redesign[dir="rtl"] .htmlelt { border-right:6px s
>htmlelt { border-left:6px solid rgba(255,149,0,0.5); } .redesign[>olid rgba(255,149,0,0.5); } .htmlelt li { display: table-row; pad
>dir="rtl"] .htmlelt { border-right:6px solid rgba(255,149,0,0.5);>ding: 3px; margin: 0; text-align: left } .htmlelt li dfn { displa
> } .htmlelt li { display: table-row; padding: 3px; margin: 0; tex>y: table-cell; padding: 0 5px; border-bottom: none; white-space: 
>t-align: left } .htmlelt li dfn { display: table-cell; padding: 0>pre; cursor: inherit } .htmlelt li dfn:after { content: ":" } .ht
> 5px; border-bottom: none; white-space: pre; cursor: inherit } .h>mlelt li li { display: list-item; list-style-type: disc; line-hei
>tmlelt li dfn:after { content: ":" } .htmlelt li li { display: li>ght: 1 } /* ul.audionodebox used by each AudioNode object referen
>st-item; list-style-type: disc; line-height: 1 } /* ul.audionodeb>ce page*/ .audionodebox { display: table; padding: 11px 22px; bac
>ox used by each AudioNode object reference page*/ .audionodebox {>kground-color: #fee } .redesign .audionodebox { background-color:
> display: table; padding: 11px 22px; background-color: #fee } .re>rgba(117,195,165,0.1); } [dir="ltr"] .audionodebox { clear: left;
>design .audionodebox { background-color:rgba(117,195,165,0.1); } > border-left: .15em solid } [dir="rtl"] .audionodebox { clear: ri
>[dir="ltr"] .audionodebox { clear: left; border-left: .15em solid>ght; border-right: .15em solid } .redesign[dir="ltr"] .audionodeb
> } [dir="rtl"] .audionodebox { clear: right; border-right: .15em >ox { border-left:6px solid rgba(117,195,165,0.5); } .redesign[dir
>solid } .redesign[dir="ltr"] .audionodebox { border-left:6px soli>="rtl"] .audionodebox { border-right:6px solid rgba(117,195,165,0
>d rgba(117,195,165,0.5); } .redesign[dir="rtl"] .audionodebox { b>.5); } .audionodebox li, .summary-box-js li, .summary-box-events 
>order-right:6px solid rgba(117,195,165,0.5); } .audionodebox li, >li { display: table-row; padding: 3px; margin: 0; text-align: lef
>.summary-box-js li, .summary-box-events li { display: table-row; >t } .audionodebox li dfn, .summary-box-js li dfn, .summary-box-ev
>padding: 3px; margin: 0; text-align: left } .audionodebox li dfn,>ents li dfn { display: table-cell; padding: 0 5px; border-bottom:
> .summary-box-js li dfn, .summary-box-events li dfn { display: ta> none; white-space: pre; cursor: inherit } .audionodebox li dfn:a
>ble-cell; padding: 0 5px; border-bottom: none; white-space: pre; >fter, .summary-box-js li dfn:after, .summary-box-events li dfn:af
>cursor: inherit } .audionodebox li dfn:after, .summary-box-js li >ter { content: ":" } .audionodebox li li, .summary-box-js li li, 
>dfn:after, .summary-box-events li dfn:after { content: ":" } .aud>.summary-box-events li li { display: list-item; list-style-type: 
>ionodebox li li, .summary-box-js li li, .summary-box-events li li>disc; line-height: 1 } /* https://developer.mozilla.org/en-US/doc
> { display: list-item; list-style-type: disc; line-height: 1 } /*>s/Template:HTML:Element_Navigation */ table.HTMLElmNav { margin: 
> https://developer.mozilla.org/en-US/docs/Template:HTML:Element_N>1em auto; border-width: 5px } table.HTMLElmNav th, table.HTMLElmN
>avigation */ table.HTMLElmNav { margin: 1em auto; border-width: 5>av td { text-align: center } .method { margin-left: 10px; margin-
>px } table.HTMLElmNav th, table.HTMLElmNav td { text-align: cente>bottom: 2em; margin-top: 1em } .method > .name { display: bloc
>r } .method { margin-left: 10px; margin-bottom: 2em; margin-top: >k; font-size: 13pt; margin-bottom: .2em } .method > .name >
>1em } .method > .name { display: block; font-size: 13pt; margi> .param: after { content: ","; padding-right: .5em } .method >
>n-bottom: .2em } .method > .name > .param: after { content:> .name > .param: last-of-type: after { content: "" } .method &
> ","; padding-right: .5em } .method > .name > .param: last->gt; .name > .param > .name: after { content: " as "; font-w
>of-type: after { content: "" } .method > .name > .param &gt>eight: normal } .method > .name > .param: not(.required) { 
>; .name: after { content: " as "; font-weight: normal } .method &>font-style: italic } .method > .name > .param: not(.require
>gt; .name > .param: not(.required) { font-style: italic } .met>d): before { content: "[" } .method > .name > .param: not(.
>hod > .name > .param: not(.required): before { content: "[">required): after { content: "]" } .method > .description { dis
> } .method > .name > .param: not(.required): after { conten>play: block; font-size: 10pt; color: #444; font-style: italic; ma
>t: "]" } .method > .description { display: block; font-size: 1>rgin-bottom: 7px } .method > .name > .returns: before { con
>0pt; color: #444; font-style: italic; margin-bottom: 7px } .metho>tent: " returns "; font-weight: normal; font-style: italic } .met
>d > .name > .returns: before { content: " returns "; font-w>hod > .name > .returns { font-weight: 700 } .method > .p
>eight: normal; font-style: italic } .method > .name > .retu>arams { display: block; color: #555 } .method > .params > .
>rns { font-weight: 700 } .method > .params { display: block; c>param { display: block; margin-bottom: 5px } .method > .params
>olor: #555 } .method > .params > .param { display: block; m> > .param > .name { font-weight: 700; margin-right: .5em; m
>argin-bottom: 5px } .method > .params > .param > .name {>in-width: 80px; display: inline-block } .method > .params >
> font-weight: 700; margin-right: .5em; min-width: 80px; display: > .param > .description { display: inline-block; width: 300px; 
>inline-block } .method > .params > .param > .description>vertical-align: top; margin-right: 30px } .method > .params &g
> { display: inline-block; width: 300px; vertical-align: top; marg>t; .param > .type { display: inline-block; width: 150px; verti
>in-right: 30px } .method > .params > .param > .type { di>cal-align: top; font-weight: 700 } .method > .params > .par
>splay: inline-block; width: 150px; vertical-align: top; font-weig>am > .type: before { content: "Type "; color: #888; font-weigh
>ht: 700 } .method > .params > .param > .type: before { c>t: normal } .method > .params > .param > .default { disp
>ontent: "Type "; color: #888; font-weight: normal } .method > >lay: inline-block; width: 150px; vertical-align: top; font-weight
>.params > .param > .default { display: inline-block; width:>: 700 } .method > .params > .param > .default: before { 
> 150px; vertical-align: top; font-weight: 700 } .method > .par>content: "Default "; color: #888; font-weight: normal } /* versio
>ams > .param > .default: before { content: "Default "; colo>n compatibility banners and notes */ .geckoVersionNote { backgrou
>r: #888; font-weight: normal } /* version compatibility banners a>nd-color: #E0E0FF; background-image: -moz-radial-gradient(0px 0 4
>nd notes */ .geckoVersionNote { background-color: #E0E0FF; backgr>5deg, circle farthest-corner, #E0E0FF 0%, #F8F8FF 80%); border-le
>ound-image: -moz-radial-gradient(0px 0 45deg, circle farthest-cor>ft: 5px solid #008 } .geckoVersionNote p { padding-left: 4px; bor
>ner, #E0E0FF 0%, #F8F8FF 80%); border-left: 5px solid #008 } .gec>der: 0 } .geckoVersionHeading { background-color: #008; backgroun
>koVersionNote p { padding-left: 4px; border: 0 } .geckoVersionHea>d-image: -moz-linear-gradient(left, #008 50%, #e0e0ff 80%); color
>ding { background-color: #008; background-image: -moz-linear-grad>: #fff; font: 16px/1.7 Verdana, Tahoma, sans-serif; margin-top: 0
>ient(left, #008 50%, #e0e0ff 80%); color: #fff; font: 16px/1.7 Ve>; margin-left: 0; margin-bottom: 4px; height: 42px } .geckoVersio
>rdana, Tahoma, sans-serif; margin-top: 0; margin-left: 0; margin->nHeading a:link { color: #ddd } .geckoVersionHeading a:visited { 
>bottom: 4px; height: 42px } .geckoVersionHeading a:link { color: >color: #eee } .geckoVersionHeading a:hover, .geckoVersionHeading 
>#ddd } .geckoVersionHeading a:visited { color: #eee } .geckoVersi>a:focus { color: #fdd } .experimentalIcon { display: inline-block
>onHeading a:hover, .geckoVersionHeading a:focus { color: #fdd } .>; width:4px; height:4px; color:orange; background-color:white; bo
>experimentalIcon { display: inline-block; width:4px; height:4px; >rder: 3px solid orange; } .nonstandardIcon { display: inline-bloc
>color:orange; background-color:white; border: 3px solid orange; }>k; width:8px; height:8px; color:red; background-color:red; border
> .nonstandardIcon { display: inline-block; width:8px; height:8px;>: 1px solid red; } .obsoleteIcon { display: inline-block; width:8
> color:red; background-color:red; border: 1px solid red; } .obsol>px; height:8px; color:black; background-color:black; border: 1px 
>eteIcon { display: inline-block; width:8px; height:8px; color:bla>solid black; } .deprecatedIcon { display: inline-block; width:4px
>ck; background-color:black; border: 1px solid black; } .deprecate>; height:4px; color:black; background-color:white; border: 3px so
>dIcon { display: inline-block; width:4px; height:4px; color:black>lid black; } /* Used to to create icon-badged APIs inline */ .ind
>; background-color:white; border: 3px solid black; } /* Used to t>exListRow { display: -ms-flexbox; display: -webkit-flex; display:
>o create icon-badged APIs inline */ .indexListRow { display: -ms-> flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex
>flexbox; display: -webkit-flex; display: flex; -webkit-flex-direc>-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; fl
>tion: row; -ms-flex-direction: row; flex-direction: row; -webkit->ex-wrap: wrap; -webkit-justify-content: flex-start; -ms-flex-pack
>flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-ju>: start; justify-content: flex-start; -webkit-align-content: stre
>stify-content: flex-start; -ms-flex-pack: start; justify-content:>tch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit
> flex-start; -webkit-align-content: stretch; -ms-flex-line-pack: >-align-items: flex-start; -ms-flex-align: start; align-items: fle
>stretch; align-content: stretch; -webkit-align-items: flex-start;>x-start; /*width:100%;*/ } .indexListTerm { -webkit-order: 0; -ms
> -ms-flex-align: start; align-items: flex-start; /*width:100%;*/ >-flex-order: 0; order: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 a
>} .indexListTerm { -webkit-order: 0; -ms-flex-order: 0; order: 0;>uto; flex: 0 1 auto; -webkit-align-self: flex-start; -ms-flex-ite
> -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -web>m-align: start; align-self: flex-start; } .indexListBadges { -web
>kit-align-self: flex-start; -ms-flex-item-align: start; align-sel>kit-order: 0; -ms-flex-order: 0; order: 0; -webkit-flex: 0 1 auto
>f: flex-start; } .indexListBadges { -webkit-order: 0; -ms-flex-or>; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-align-self: auto; -
>der: 0; order: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; fle>ms-flex-item-align: auto; align-self: flex-end; padding-left: 6px
>x: 0 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto;>; margin-right:6px; } .badge { position: relative; top: -2px; dis
> align-self: flex-end; padding-left: 6px; margin-right:6px; } .ba>play: inline-block; cursor: default; border: 1px solid #aaa; bord
>dge { position: relative; top: -2px; display: inline-block; curso>er-radius: 8px; padding: .1em .6em; font-size: 70%; font-weight: 
>r: default; border: 1px solid #aaa; border-radius: 8px; padding: >700; height: 1.4em; vertical-align: middle; line-height: 1.3; } .
>.1em .6em; font-size: 70%; font-weight: 700; height: 1.4em; verti>badgeText { -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphen
>cal-align: middle; line-height: 1.3; } .badgeText { -webkit-hyphe>s: none; hyphens: none; } .banner { display:block; overflow:hidde
>ns: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; }>n; font-size: 14px; font-weight: normal; margin: 10px 0px; paddin
> .banner { display:block; overflow:hidden; font-size: 14px; font->g: 2px 10px; } html:not(.redesign) .banner { border: 1px solid #a
>weight: normal; margin: 10px 0px; padding: 2px 10px; } html:not(.>aa; border-radius: 8px; } .redesign .banner { font-size:12px; } .
>redesign) .banner { border: 1px solid #aaa; border-radius: 8px; }>bannerHeading { text-align: center; font-weight: bold; padding-bo
> .redesign .banner { font-size:12px; } .bannerHeading { text-alig>ttom: 2px; } .redesign .bannerHeading { text-align: inherit; } .b
>n: center; font-weight: bold; padding-bottom: 2px; } .redesign .b>annerText { text-align: center; font-weight: normal; } .icon { pa
>annerHeading { text-align: inherit; } .bannerText { text-align: c>dding-left: 3.1em } [dir=rtl] .icon { padding-left: .8em; padding
>enter; font-weight: normal; } .icon { padding-left: 3.1em } [dir=>-right: 3.1em; } .icon:before { content: ""; position: absolute; 
>rtl] .icon { padding-left: .8em; padding-right: 3.1em; } .icon:be>left: -2px; top: 50%; margin-top: -1.5em; width: 2.8em; height: 2
>fore { content: ""; position: absolute; left: -2px; top: 50%; mar>.8em; background: white no-repeat center center; background-size:
>gin-top: -1.5em; width: 2.8em; height: 2.8em; background: white n> 2.6em; border-radius: 100%; border: 1px solid #aaa; border-right
>o-repeat center center; background-size: 2.6em; border-radius: 10>: none; box-sizing: border-box; -moz-boxsizing: border-box; } [di
>0%; border: 1px solid #aaa; border-right: none; box-sizing: borde>r=rtl] .icon:before { left: auto; right: -2px; border: 1px solid 
>r-box; -moz-boxsizing: border-box; } [dir=rtl] .icon:before { lef>#aaa; border-left: none; } /* Used for badging obsolete APIs */ .
>t: auto; right: -2px; border: 1px solid #aaa; border-left: none; >nonstandardBadge { background: linear-gradient(to right, #f0DE00 
>} /* Used for badging obsolete APIs */ .nonstandardBadge { backgr>30%, #f0ff19); color: black; text-shadow: 1px 1px 0 #ddd; } /* Us
>ound: linear-gradient(to right, #f0DE00 30%, #f0ff19); color: bla>ed for badging Gecko minimum version requirements */ .geckoVersio
>ck; text-shadow: 1px 1px 0 #ddd; } /* Used for badging Gecko mini>nBadge { background: linear-gradient(to right, rgb(215, 236, 161)
>mum version requirements */ .geckoVersionBadge { background: line> 30%, rgb(204, 227, 144)); color: black; text-shadow: 1px 1px 0 #
>ar-gradient(to right, rgb(215, 236, 161) 30%, rgb(204, 227, 144))>ddd; border-color: rgb(129, 142, 97); } .redesign .geckoVersionBa
>; color: black; text-shadow: 1px 1px 0 #ddd; border-color: rgb(12>dge { background: rgba(117,195,165,0.44); border:5px solid rgba(0
>9, 142, 97); } .redesign .geckoVersionBadge { background: rgba(11>,0,0,0.05); } /* Used for badging Firefox minimum version require
>7,195,165,0.44); border:5px solid rgba(0,0,0,0.05); } /* Used for>ments */ .firefoxVersionBadge { background-color: #FEDF9E; backgr
> badging Firefox minimum version requirements */ .firefoxVersionB>ound-image: linear-gradient(to right, #FEDF9E 30%, #FEF1D4); back
>adge { background-color: #FEDF9E; background-image: linear-gradie>ground-repeat: no-repeat; background-size: contain; overflow: hid
>nt(to right, #FEDF9E 30%, #FEF1D4); background-repeat: no-repeat;>den; color: black; text-shadow: 1px 1px 0 #ccc; white-space: nowr
> background-size: contain; overflow: hidden; color: black; text-s>ap; } .firefoxVersionBadge a:link { color: black; text-decoration
>hadow: 1px 1px 0 #ccc; white-space: nowrap; } .firefoxVersionBadg>: underline; } .firefoxVersionBadge a:visited { color: black; tex
>e a:link { color: black; text-decoration: underline; } .firefoxVe>t-decoration: underline; } .firefoxVersionBadge a:hover { color: 
>rsionBadge a:visited { color: black; text-decoration: underline; >#853; text-decoration: none; } .firefoxVersionBadge a:active { co
>} .firefoxVersionBadge a:hover { color: #853; text-decoration: no>lor:#858; text-decoration: none; } /* Used for badging APIs not i
>ne; } .firefoxVersionBadge a:active { color:#858; text-decoration>mplemented in Firefox */ .unimplementedBadge { background-color: 
>: none; } /* Used for badging APIs not implemented in Firefox */ >lightpink; color: black; text-shadow: 1px 1px 0 #ddd; border-colo
>.unimplementedBadge { background-color: lightpink; color: black; >r: deeppink; } /* Used for badging non-standard APIs */ .obsolete
>text-shadow: 1px 1px 0 #ddd; border-color: deeppink; } /* Used fo>Badge { background: linear-gradient(to right, #FEBCBC 30%, #fffff
>r badging non-standard APIs */ .obsoleteBadge { background: linea>0); color: black; text-shadow: 1px 1px 0 #ddd; border-color: #f00
>r-gradient(to right, #FEBCBC 30%, #fffff0); color: black; text-sh>; } /* Used for badging deprecated APIs */ .deprecatedBadge { bac
>adow: 1px 1px 0 #ddd; border-color: #f00; } /* Used for badging d>kground: linear-gradient(to right, #ccccff 30%, #eeeeff); color: 
>eprecated APIs */ .deprecatedBadge { background: linear-gradient(>#000; text-shadow: 1px 1px 0 #ddd; border-color: blue; } /* Used 
>to right, #ccccff 30%, #eeeeff); color: #000; text-shadow: 1px 1p>for badging experimental APIs */ .experimentalBadge { background:
>x 0 #ddd; border-color: blue; } /* Used for badging experimental > linear-gradient(to right, #ffefd9 40%, #fffde0); color: #000; te
>APIs */ .experimentalBadge { background: linear-gradient(to right>xt-shadow: 1px 1px 0 #ddd; } /* Used for badging privileged APIs 
>, #ffefd9 40%, #fffde0); color: #000; text-shadow: 1px 1px 0 #ddd>*/ .privilegedBadge { background: linear-gradient(to right, #FFBD
>; } /* Used for badging privileged APIs */ .privilegedBadge { bac>19 30%, #ffb200); color: #000; text-shadow: 1px 1px 0 #ddd; } [di
>kground: linear-gradient(to right, #FFBD19 30%, #ffb200); color: >r=rtl] .privilegedBadge { background: linear-gradient(to left, #F
>#000; text-shadow: 1px 1px 0 #ddd; } [dir=rtl] .privilegedBadge {>FBD19 30%, #ffb200); } .icon.privilegedBadge:before { background-
> background: linear-gradient(to left, #FFBD19 30%, #ffb200); } .i>color: orange; background-image: url(https://mdn.mozillademos.org
>con.privilegedBadge:before { background-color: orange; background>/files/5061/firefoxos-logo-sm.png); } .sidebar-box { margin-left:
>-image: url(https://mdn.mozillademos.org/files/5061/firefoxos-log> 16px; margin-bottom: 2.5em; border-right: 1px solid #ecf1f3; pad
>o-sm.png); } .sidebar-box { margin-left: 16px; margin-bottom: 2.5>ding: 12px; background: #f1f6f8 url("img/toc-bg.png") 0 0 no-repe
>em; border-right: 1px solid #ecf1f3; padding: 12px; background: #>at; font: 12px Verdana, Tahoma, sans-serif } .sidebar-box h2, .si
>f1f6f8 url("img/toc-bg.png") 0 0 no-repeat; font: 12px Verdana, T>debar-box h3, .sidebar-box h5 { margin-bottom: .5em; font-family:
>ahoma, sans-serif } .sidebar-box h2, .sidebar-box h3, .sidebar-bo> inherit; font-weight: 700 } .sidebar-box h2 { font-size: 1.5em }
>x h5 { margin-bottom: .5em; font-family: inherit; font-weight: 70> .sidebar-box h3 { font-size: 1.1em } .sidebar-box h5 { font-size
>0 } .sidebar-box h2 { font-size: 1.5em } .sidebar-box h3 { font-s>: .9em } .sidebar-box > ul { float: left; text-align: left; di
>ize: 1.1em } .sidebar-box h5 { font-size: .9em } .sidebar-box &gt>splay: block; padding: 0; margin: auto 0; position: relative } .s
>; ul { float: left; text-align: left; display: block; padding: 0;>idebar-box ul > li { list-style-type: none } .tab-content-box 
> margin: auto 0; position: relative } .sidebar-box ul > li { l>{ border-right: 1px solid #ecf1f3; margin-left: 16px; padding: 12
>ist-style-type: none } .tab-content-box { border-right: 1px solid>px; background: #fff; font: 12px Verdana, Tahoma, sans-serif } .t
> #ecf1f3; margin-left: 16px; padding: 12px; background: #fff; fon>ab-content-box h2, .tab-content-box h3, .tab-content-box h5 { mar
>t: 12px Verdana, Tahoma, sans-serif } .tab-content-box h2, .tab-c>gin-bottom: .5em; font-family: inherit; font-weight: 700 } .tab-c
>ontent-box h3, .tab-content-box h5 { margin-bottom: .5em; font-fa>ontent-box h2 { font-size: 1.5em } .tab-content-box h3 { font-siz
>mily: inherit; font-weight: 700 } .tab-content-box h2 { font-size>e: 1.1em } .tab-content-box h5 { font-size: .9em } #menuFiller { 
>: 1.5em } .tab-content-box h3 { font-size: 1.1em } .tab-content-b>display: block } /* Horizontal tab boxes */ .htab { margin: 0 aut
>ox h5 { font-size: .9em } #menuFiller { display: block } /* Horiz>o 1em; display: inline-block; } .htab>ul>li { width: 150px;
>ontal tab boxes */ .htab { margin: 0 auto 1em; display: inline-bl> height: 28px; list-style-type: none; display: inline; padding-bo
>ock; } .htab>ul>li { width: 150px; height: 28px; list-style>ttom: 3px; border: 1px solid #ddd; border-radius: 3px 3px 0 0; pa
>-type: none; display: inline; padding-bottom: 3px; border: 1px so>dding-top: 5px; text-align: left; font-size: 13px; font-weight: n
>lid #ddd; border-radius: 3px 3px 0 0; padding-top: 5px; text-alig>ormal; margin: auto; position: relative; padding-left: 6px; paddi
>n: left; font-size: 13px; font-weight: normal; margin: auto; posi>ng-right: 6px; border-bottom: none; opacity: .5; -ms-filter: "pro
>tion: relative; padding-left: 6px; padding-right: 6px; border-bot>gid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: progid
>tom: none; opacity: .5; -ms-filter: "progid:DXImageTransform.Micr>:DXImageTransform.Microsoft.Alpha(Opacity=50); cursor: pointer; }
>osoft.Alpha(Opacity=50)"; filter: progid:DXImageTransform.Microso> .htab>ul>li.selected { opacity: 1 !important; -ms-filter: 
>ft.Alpha(Opacity=50); cursor: pointer; } .htab>ul>li.select>"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: p
>ed { opacity: 1 !important; -ms-filter: "progid:DXImageTransform.>rogid:DXImageTransform.Microsoft.Alpha(Opacity=100); border: 1px 
>Microsoft.Alpha(Opacity=100)"; filter: progid:DXImageTransform.Mi>solid #ddd; border-bottom: none; z-index: 10; background-color: r
>crosoft.Alpha(Opacity=100); border: 1px solid #ddd; border-bottom>gba(234, 239, 242,1) !important; position: relative; cursor: poin
>: none; z-index: 10; background-color: rgba(234, 239, 242,1) !imp>ter; font-weight: bold; } .htab>ul>li.selected a { color: #
>ortant; position: relative; cursor: pointer; font-weight: bold; }>000; } .htab>ul { width: 150px; text-align: left; display: inl
> .htab>ul>li.selected a { color: #000; } .htab>ul { widt>ine; padding: 0; margin: 0 auto; position: relative; top: 0; } .h
>h: 150px; text-align: left; display: inline; padding: 0; margin: >tab>div { background-color: #f1f6f8; margin-top: 0; border: 1p
>0 auto; position: relative; top: 0; } .htab>div { background-c>x solid #ddd; padding: 12px; position: relative; z-index: 9; word
>olor: #f1f6f8; margin-top: 0; border: 1px solid #ddd; padding: 12>-wrap: break-word; } /* Compatibility tables */ table.compat-tabl
>px; position: relative; z-index: 9; word-wrap: break-word; } /* C>e { border-color: #bbb; margin: 0 } .redesign table.compat-table 
>ompatibility tables */ table.compat-table { border-color: #bbb; m>{ border-color:rgba(0,0,0,0); } table.compat-table td { padding: 
>argin: 0 } .redesign table.compat-table { border-color:rgba(0,0,0>5px; border: 1px solid #ccc; background: #fff; vertical-align: to
>,0); } table.compat-table td { padding: 5px; border: 1px solid #c>p; word-wrap: break-word } .redesign table.compat-table td { bord
>cc; background: #fff; vertical-align: top; word-wrap: break-word >er:1px solid rgba(212,221,228,0.25); font-size:12px; } table.comp
>} .redesign table.compat-table td { border:1px solid rgba(212,221>at-table th, table.compat-table td.header { border: 1px solid #bb
>,228,0.25); font-size:12px; } table.compat-table th, table.compat>b; padding: 0 5px; background: #eee; font-weight: 700 } .redesign
>-table td.header { border: 1px solid #bbb; padding: 0 5px; backgr> table.compat-table th, .redesign table.compat-table td.header { 
>ound: #eee; font-weight: 700 } .redesign table.compat-table th, .>border:1px solid rgba(212,221,228,0); background:none; font-weigh
>redesign table.compat-table td.header { border:1px solid rgba(212>t:200; font-family:'Open Sans Light',sans-serif; font-size:16px; 
>,221,228,0); background:none; font-weight:200; font-family:'Open >line-height:100%; padding:2px 4px 8px; } div.action-driven { disp
>Sans Light',sans-serif; font-size:16px; line-height:100%; padding>lay: inline-block; float: none; min-height: 8.5em; margin: .8em; 
>:2px 4px 8px; } div.action-driven { display: inline-block; float:>box-shadow: .2em .1em .1em #808080; vertical-align: top; } div.ac
> none; min-height: 8.5em; margin: .8em; box-shadow: .2em .1em .1e>tion-driven > div { font: 400 20px 'Bebas Neue', 'League Gothi
>m #808080; vertical-align: top; } div.action-driven > div { fo>c', Haettenschweiler, Impact, 'Arial Narrow', Meiryo, sans-serif;
>nt: 400 20px 'Bebas Neue', 'League Gothic', Haettenschweiler, Imp> text-transform: uppercase } /* standard coloring */ .notice.expe
>act, 'Arial Narrow', Meiryo, sans-serif; text-transform: uppercas>rimental { border-color: #09d; color: 0; background-color: #C9EDF
>e } /* standard coloring */ .notice.experimental { border-color: >C;clear:none;} .redesign .notice.experimental { background-color:
>#09d; color: 0; background-color: #C9EDFC;clear:none;} .redesign >rgba(255,203,0,0.5); border-color:rgba(0,0,0,0.05); border-style:
>.notice.experimental { background-color:rgba(255,203,0,0.5); bord>solid!important; border-width:5px!important; } /* New theme actio
>er-color:rgba(0,0,0,0.05); border-style:solid!important; border-w>n-driven */ .card-grid > li > span:first-of-type {font-weig
>idth:5px!important; } /* New theme action-driven */ .card-grid &g>ht: bold} @media only screen and (min-width:760px) { .card-grid {
>t; li > span:first-of-type {font-weight: bold} @media only scr> list-style: none outside none; } .card-grid > li > span:fi
>een and (min-width:760px) { .card-grid { list-style: none outside>rst-of-type {font-weight: normal} .card-grid > li { background
> none; } .card-grid > li > span:first-of-type {font-weight:>-color: rgb(204, 204, 204); background-image: -moz-linear-gradien
> normal} .card-grid > li { background-color: rgb(204, 204, 204>t(center top , rgb(221, 221, 221) 0px, rgb(187, 187, 187) 100%); 
>); background-image: -moz-linear-gradient(center top , rgb(221, 2>border-radius: 6px; background-clip: padding-box; box-shadow: 0px
>21, 221) 0px, rgb(187, 187, 187) 100%); border-radius: 6px; backg> 2px 4px rgba(0, 0, 0, 0.1); display: inline-block; margin: 3px 1
>round-clip: padding-box; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.>2px 20px; padding: 20px; position: relative; vertical-align: top;
>1); display: inline-block; margin: 3px 12px 20px; padding: 20px; > width: 200px; word-wrap: break-word; z-index: 1; min-height: 130
>position: relative; vertical-align: top; width: 200px; word-wrap:>px; } .card-grid > li:before { background: none repeat scroll 
> break-word; z-index: 1; min-height: 130px; } .card-grid > li:>0% 0% padding-box rgb(255, 255, 255); border-radius: 5px; bottom:
>before { background: none repeat scroll 0% 0% padding-box rgb(255> 1px; content: ""; left: 1px; position: absolute; right: 1px; top
>, 255, 255); border-radius: 5px; bottom: 1px; content: ""; left: >: 1px; z-index: -1; } .redesign .card-grid > li:before { backg
>1px; position: absolute; right: 1px; top: 1px; z-index: -1; } .re>round: none; border-radius: 0; } .card-grid > li span { displa
>design .card-grid > li:before { background: none; border-radiu>y: block; font-family: 'Open Sans Light',Arial,Helvetica,sans-ser
>s: 0; } .card-grid > li span { display: block; font-family: 'O>if; font-size: 22px; letter-spacing: -1px; line-height: 22px; mar
>pen Sans Light',Arial,Helvetica,sans-serif; font-size: 22px; lett>gin-bottom: 12px; } } .redesign .card-grid > li { background-c
>er-spacing: -1px; line-height: 22px; margin-bottom: 12px; } } .re>olor:rgba(234,239,242,0.5); border-radius: 0; box-shadow:3px 3px 
>design .card-grid > li { background-color:rgba(234,239,242,0.5>0 3px rgba(212,221,228,0.5); background-image: none; } /*--------
>); border-radius: 0; box-shadow:3px 3px 0 3px rgba(212,221,228,0.>--------- for Topic page */ table.topicpage-table, table.topicpag
>5); background-image: none; } /*----------------- for Topic page >e-table td, table.topicpage-table tr, table.topicpage-table th { 
>*/ table.topicpage-table, table.topicpage-table td, table.topicpa>border: none } .topicpage-table .section { padding-right:1em} /* 
>ge-table tr, table.topicpage-table th { border: none } .topicpage>New theme */ dl { margin-bottom: 20px} .center .topicpage-table h
>-table .section { padding-right:1em} /* New theme */ dl { margin->2 { font-family: 'Open Sans Light', sans-serif } .topicpage-table
>bottom: 20px} .center .topicpage-table h2 { font-family: 'Open Sa> ul {padding-left: 20px; } /* Old theme */ /* "table.topicpage-ta
>ns Light', sans-serif } .topicpage-table ul {padding-left: 20px; >ble h2 { --font-setting-- }" is better than this. .topicpage-tabl
>} /* Old theme */ /* "table.topicpage-table h2 { --font-setting-->e .Documentation, .topicpage-table .Community, .topicpage-table .
> }" is better than this. .topicpage-table .Documentation, .topicp>Tools, .topicpage-table .Related_Topics { background-image: url('
>age-table .Community, .topicpage-table .Tools, .topicpage-table .>/media/img/icons-sections.png'); background-repeat: no-repeat; ma
>Related_Topics { background-image: url('/media/img/icons-sections>rgin: 0 0 .25em; padding: 18px 18px 0 65px; min-height: 48px; fon
>.png'); background-repeat: no-repeat; margin: 0 0 .25em; padding:>t: 400 28px/1 'Bebas Neue', 'League Gothic', Haettenschweiler, Im
> 18px 18px 0 65px; min-height: 48px; font: 400 28px/1 'Bebas Neue>pact, 'Arial Narrow', Meiryo, sans-serif; text-transform: upperca
>', 'League Gothic', Haettenschweiler, Impact, 'Arial Narrow', Mei>se; border: none } */ /* this is an unadorned heading, without an
>ryo, sans-serif; text-transform: uppercase; border: none } */ /* > icon */ //.topicpage-table .Heading { margin: 0 0 .25em; padding
>this is an unadorned heading, without an icon */ //.topicpage-tab>: 18px 18px 0 0; min-height: 48px; font: 400 28px/1 'Bebas Neue',
>le .Heading { margin: 0 0 .25em; padding: 18px 18px 0 0; min-heig> 'League Gothic', Haettenschweiler, Impact, 'Arial Narrow', Meiry
>ht: 48px; font: 400 28px/1 'Bebas Neue', 'League Gothic', Haetten>o, sans-serif; text-transform: uppercase; border: none } /* [dir=
>schweiler, Impact, 'Arial Narrow', Meiryo, sans-serif; text-trans>"rtl"] .topicpage-table .Documentation, [dir="rtl"] .topicpage-ta
>form: uppercase; border: none } /* [dir="rtl"] .topicpage-table .>ble .Community, [dir="rtl"] .topicpage-table .Tools, [dir="rtl"] 
>Documentation, [dir="rtl"] .topicpage-table .Community, [dir="rtl>.topicpage-table .Heading, [dir="rtl"] .topicpage-table .Related_
>"] .topicpage-table .Tools, [dir="rtl"] .topicpage-table .Heading>Topics { padding: 18px 65px 0 18px; } .topicpage-table .Documenta
>, [dir="rtl"] .topicpage-table .Related_Topics { padding: 18px 65>tion { background-position: 0 0 } .topicpage-table .Community { b
>px 0 18px; } .topicpage-table .Documentation { background-positio>ackground-position: 0 -200px } .topicpage-table .Tools { backgrou
>n: 0 0 } .topicpage-table .Community { background-position: 0 -20>nd-position: 0 -400px } .topicpage-table .Related_Topics { backgr
>0px } .topicpage-table .Tools { background-position: 0 -400px } .>ound-position: 0 -600px } [dir="rtl"] .topicpage-table .Documenta
>topicpage-table .Related_Topics { background-position: 0 -600px }>tion { background-position: right 0 } [dir="rtl"] .topicpage-tabl
> [dir="rtl"] .topicpage-table .Documentation { background-positio>e .Community { background-position: right -200px } [dir="rtl"] .t
>n: right 0 } [dir="rtl"] .topicpage-table .Community { background>opicpage-table .Tools { background-position: right -400px } [dir=
>-position: right -200px } [dir="rtl"] .topicpage-table .Tools { b>"rtl"] .topicpage-table .Related_Topics { background-position: ri
>ackground-position: right -400px } [dir="rtl"] .topicpage-table .>ght -600px } */ /* for Topic Page 2 (This is Test )*/ /* USAGE:
>Related_Topics { background-position: right -600px } */ /* for To 
>pic Page 2 (This is Test )*/ /* USAGE: 

Back to History