mozilla

Compare Revisions

Template:CustomCSS

Change Revisions

Revision 485367:

Revision 485367 by teoli on

Revision 485379:

Revision 485379 by teoli on

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

Revision 485367
Revision 485379
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 } 
>.redesign .topicpage-table .section:first-of-type { border-right:>[dir!="rtl"].redesign .topicpage-table .section:first-of-type { b
>solid 6px rgba(212,221,228,0.5); } [dir="rtl"] .redesign .topicpa>order-right:solid 6px rgba(212,221,228,0.5); } [dir="rtl"] .redes
>ge-table .section:first-of-type { border-left:solid 6px rgba(212,>ign .topicpage-table .section:first-of-type { border-left:solid 6
>221,228,0.5); border-right: none; } .landing { display: table-row>px rgba(212,221,228,0.5); border-right: none; } .landing { displa
>;} .section { display: table-cell; width:50%;} .topicpage-table .>y: table-row;} .section { display: table-cell; width:50%;} .topic
>section:first-of-type { margin-right: 20px; border-right: solid 1>page-table .section:first-of-type { margin-right: 20px; border-ri
>px lightgrey; } [dir="rtl"] .topicpage-table .section:first-of-ty>ght: solid 1px lightgrey; } [dir="rtl"] .topicpage-table .section
>pe { margin-left: 20px; border-left: solid 1px lightgrey; margin->:first-of-type { margin-left: 20px; border-left: solid 1px lightg
>right: none; border-right: none;} } /* For Landing page boxes; th>rey; margin-right: none; border-right: none;} } /* For Landing pa
>ese are boxes displayed within columns on landing pages, such as >ge boxes; these are boxes displayed within columns on landing pag
>the Community and Related boxes. */ .landingPageBox { width: 100%>es, such as the Community and Related boxes. */ .landingPageBox {
>; padding: 0px; border-bottom: 1px solid #bbb; margin-bottom: 3px> width: 100%; padding: 0px; border-bottom: 1px solid #bbb; margin
>; } .landingPageBox ul { padding-left: 44px; } /* Wide column box>-bottom: 3px; } .landingPageBox ul { padding-left: 44px; } /* Wid
> */ .wideColumnBox { column-width:375px; -moz-column-width:375px;>e column box */ .wideColumnBox { column-width:375px; -moz-column-
> -webkit-column-width:375px; -o-column-width:375px; -ms-column-wi>width:375px; -webkit-column-width:375px; -o-column-width:375px; -
>dth:375px;} .wideColumnBoxList li { line-height: 1.5; list-style->ms-column-width:375px;} .wideColumnBoxList li { line-height: 1.5;
>type: none; padding-left: 0; page-break-inside: avoid; } /* Multi> list-style-type: none; padding-left: 0; page-break-inside: avoid
>-column boxes for lists of longer links; this will adapt based on>; } /* Multi-column boxes for lists of longer links; this will ad
> screen width */ .multiColumnList { column-width:250px; -moz-colu>apt based on screen width */ .multiColumnList { column-width:250p
>mn-width:250px; -webkit-column-width:250px; -o-column-width:250px>x; -moz-column-width:250px; -webkit-column-width:250px; -o-column
>; -ms-column-width:250px;} .multiColumnList li { line-height: 1.5>-width:250px; -ms-column-width:250px;} .multiColumnList li { line
>; list-style-type: none; padding-left: 0; page-break-inside: avoi>-height: 1.5; list-style-type: none; padding-left: 0; page-break-
>d; } /* Multi-column boxes for smaller links, such as API terms *>inside: avoid; } /* Multi-column boxes for smaller links, such as
>/ .smallMultiColumnList { column-width: 120px; -moz-column-width:> API terms */ .smallMultiColumnList { column-width: 120px; -moz-c
>120px; -webkit-column-width:120px; -o-column-width:120px; -ms-col>olumn-width:120px; -webkit-column-width:120px; -o-column-width:12
>umn-width:120px} .smallMultiColumnList li { list-style-type: none>0px; -ms-column-width:120px} .smallMultiColumnList li { list-styl
>; padding-left: 0; page-break-inside: avoid; } /* Multi-column bo>e-type: none; padding-left: 0; page-break-inside: avoid; } /* Mul
>x for smaller text */ .horizFlexboxContainer { display: flex; dis>ti-column box for smaller text */ .horizFlexboxContainer { displa
>play: -webkit-flex; flex-flow: column nowrap; -webkit-flex-flow: >y: flex; display: -webkit-flex; flex-flow: column nowrap; -webkit
>column nowrap; justify-content: center; -webkit-justify-content: >-flex-flow: column nowrap; justify-content: center; -webkit-justi
>center; align-content: center; -webkit-align-content: center; ali>fy-content: center; align-content: center; -webkit-align-content:
>gn-items: center; -webkit-align-items: center; flex-direction: co> center; align-items: center; -webkit-align-items: center; flex-d
>lumn; -webkit-flex-direction: column; } div.smallTextMultiColumnB>irection: column; -webkit-flex-direction: column; } div.smallText
>oxHeading { background-color: #aac; border-radius: 10px 10px 0 0;>MultiColumnBoxHeading { background-color: #aac; border-radius: 10
> border: 2px solid #ccc; order: 1; -webkit-order: 1; width: 75%; >px 10px 0 0; border: 2px solid #ccc; order: 1; -webkit-order: 1; 
>padding: 10px; flex: 0 1 auto; -webkit-flex: 0 1 auto; font-weigh>width: 75%; padding: 10px; flex: 0 1 auto; -webkit-flex: 0 1 auto
>t: bold; } div.smallTextMultiColumnBoxList { border: 2px solid #c>; font-weight: bold; } div.smallTextMultiColumnBoxList { border: 
>cc; background-color: #ddf; border-top: 0; border-radius: 0 0 10p>2px solid #ccc; background-color: #ddf; border-top: 0; border-rad
>x 10px; width: 75%; padding: 10px; order: 2; -webkit-order: 2; fl>ius: 0 0 10px 10px; width: 75%; padding: 10px; order: 2; -webkit-
>ex: 0 1 auto; -webkit-flex: 0 1 auto; } div.smallTextMultiColumnB>order: 2; flex: 0 1 auto; -webkit-flex: 0 1 auto; } div.smallText
>oxList ul { column-width:100px; -moz-column-width:100px; -webkit->MultiColumnBoxList ul { column-width:100px; -moz-column-width:100
>column-width:100px; -o-column-width:100px; -ms-column-width:100px>px; -webkit-column-width:100px; -o-column-width:100px; -ms-column
>; } div.smallTextMultiColumnBoxList li { list-style-type: none; p>-width:100px; } div.smallTextMultiColumnBoxList li { list-style-t
>adding-left: 0; font-size: 80%; } /* For ending "text alongside i>ype: none; padding-left: 0; font-size: 80%; } /* For ending "text
>mages" blocks; add this class to the first block that shouldn't b> alongside images" blocks; add this class to the first block that
>e next to the image */ .endImageWrapping { clear: both; } /* Fanc> shouldn't be next to the image */ .endImageWrapping { clear: bot
>y Table of content for main pages of tutorial*/ .fancyTOC { count>h; } /* Fancy Table of content for main pages of tutorial*/ .fanc
>er-reset: fancyTOC; -moz-columns: 18em; columns: 18em; margin-bot>yTOC { counter-reset: fancyTOC; -moz-columns: 18em; columns: 18em
>tom: 1em } .fancyTOC .button { display: block; margin-right: 0; m>; margin-bottom: 1em } .fancyTOC .button { display: block; margin
>argin-bottom: .25em; background-color: #A24C4C; color: #fff; font>-right: 0; margin-bottom: .25em; background-color: #A24C4C; color
>-size: 1.5em; line-height: 1.5 } .fancyTOC a::before { counter-in>: #fff; font-size: 1.5em; line-height: 1.5 } .fancyTOC a::before 
>crement: fancyTOC; content: counter(fancyTOC) ". " } .fancyTOC a:>{ counter-increment: fancyTOC; content: counter(fancyTOC) ". " } 
>:after { content: ' »' } .fancyTOC .button:hover, .fancyTOC .butt>.fancyTOC a::after { content: ' »' } .fancyTOC .button:hover, .fa
>on:focus, .fancyTOC .button:active { background-color: #C26C6C } >ncyTOC .button:focus, .fancyTOC .button:active { background-color
>/* In index, dim obsolete, deprecated or non-standard element ins>: #C26C6C } /* In index, dim obsolete, deprecated or non-standard
>tead of striking through them */ s.deprecatedElement, s.obsoleteE> element instead of striking through them */ s.deprecatedElement,
>lement, s.nonStdElement { text-decoration: none; opacity: .3 } /*> s.obsoleteElement, s.nonStdElement { text-decoration: none; opac
> Add widgeted index, here adding an HTML5 badge as the bullet of >ity: .3 } /* Add widgeted index, here adding an HTML5 badge as th
>the li element if class="html5" */ div.index.widgeted { -webkit-c>e bullet of the li element if class="html5" */ div.index.widgeted
>olumn-width: 10em; -moz-column-width: 10em; columns: 10em } div.i> { -webkit-column-width: 10em; -moz-column-width: 10em; columns: 
>ndex.widgeted li { padding-left: 18px } div.index.widgeted li.htm>10em } div.index.widgeted li { padding-left: 18px } div.index.wid
>l5 { background-image: url("/files/3855/HTML5_Badge_16.png"); bac>geted li.html5 { background-image: url("/files/3855/HTML5_Badge_1
>kground-repeat: no-repeat; background-position: left 4px } [dir=">6.png"); background-repeat: no-repeat; background-position: left 
>rtl"] div.index.widgeted li { padding-right: 18px } [dir="rtl"] d>4px } [dir="rtl"] div.index.widgeted li { padding-right: 18px } [
>iv.index.widgeted li.html5 { background-image: url("/files/3855/H>dir="rtl"] div.index.widgeted li.html5 { background-image: url("/
>TML5_Badge_16.png"); background-repeat: no-repeat; background-pos>files/3855/HTML5_Badge_16.png"); background-repeat: no-repeat; ba
>ition: right 4px } [dir="rtl"] div.index.widgeted span { padding->ckground-position: right 4px } [dir="rtl"] div.index.widgeted spa
>right:24px } /* Add widgeted index, adding a Webcomponent badge o>n { padding-right:24px } /* Add widgeted index, adding a Webcompo
>f the li element if class="webcomp" */ div.index.widgeted li.webc>nent badge of the li element if class="webcomp" */ div.index.widg
>omp::after { font-family: FontAwesome; content:" \f085";} /* Quic>eted li.webcomp::after { font-family: FontAwesome; content:" \f08
>knav template styles : https://developer.mozilla.org/en-US/docs/T>5";} /* Quicknav template styles : https://developer.mozilla.org/
>emplate:quicknav -------- */ #wikiArticle { position: relative; }>en-US/docs/Template:quicknav -------- */ #wikiArticle { position:
> .quicknav { position: fixed; top: 237px; left: 33px; background:> relative; } .quicknav { position: fixed; top: 237px; left: 33px;
> #FFF; z-index: 1 } .quicknav dl { max-width: 0; max-height: 300p> background: #FFF; z-index: 1 } .quicknav dl { max-width: 0; max-
>x; overflow: auto; margin: 0; padding: 10px 0; border: 1px solid >height: 300px; overflow: auto; margin: 0; padding: 10px 0; border
>transparent; border-left: none -webkit-transition: border .5s eas>: 1px solid transparent; border-left: none -webkit-transition: bo
>e .1s, max-width .5s ease .1s, padding .5s linear .1s; -moz-trans>rder .5s ease .1s, max-width .5s ease .1s, padding .5s linear .1s
>ition: border .5s ease .1s, max-width .5s ease .1s, padding .5s l>; -moz-transition: border .5s ease .1s, max-width .5s ease .1s, p
>inear .1s; -ms-transition: border .5s ease .1s, max-width .5s eas>adding .5s linear .1s; -ms-transition: border .5s ease .1s, max-w
>e .1s, padding .5s linear .1s; -o-transition: border .5s ease .1s>idth .5s ease .1s, padding .5s linear .1s; -o-transition: border 
>, max-width .5s ease .1s, padding .5s linear .1s; transition: bor>.5s ease .1s, max-width .5s ease .1s, padding .5s linear .1s; tra
>der .5s ease .1s, max-width .5s ease .1s, padding .5s linear .1s >nsition: border .5s ease .1s, max-width .5s ease .1s, padding .5s
>} .quicknav dt, .quicknav dd { margin: 0; padding: 0; white-space> linear .1s } .quicknav dt, .quicknav dd { margin: 0; padding: 0;
>: nowrap } .quicknav dt { font-weight: 700 } .quicknav dd + dt { > white-space: nowrap } .quicknav dt { font-weight: 700 } .quickna
>margin-top: .5em } .quicknav:hover dl { max-width: 300px; padding>v dd + dt { margin-top: .5em } .quicknav:hover dl { max-width: 30
>: 10px 20px 10px 10px; border-color: #ECECE7 } .quicknav .showme >0px; padding: 10px 20px 10px 10px; border-color: #ECECE7 } .quick
>{ display: block; position: absolute; top: 10px; left: -31px; wid>nav .showme { display: block; position: absolute; top: 10px; left
>th: 30px; font: 2em sans-serif; color: #CCC; text-align: center; >: -31px; width: 30px; font: 2em sans-serif; color: #CCC; text-ali
>background: #FFF; border-radius: 5px 0 0 5px; border: 1px solid #>gn: center; background: #FFF; border-radius: 5px 0 0 5px; border:
>ECECE7; border-right: none } .quicknav:hover .showme { color: #33> 1px solid #ECECE7; border-right: none } .quicknav:hover .showme 
>3; } .cleared { clear: both } /* This style has problem ! Style a>{ color: #333; } .cleared { clear: both } /* This style has probl
>ttribute of BR element is not work in Kuma */ .clearLeft { clear:>em ! Style attribute of BR element is not work in Kuma */ .clearL
> left } /* ltr page only ? */ span.comment { display:none; } #wik>eft { clear: left } /* ltr page only ? */ span.comment { display:
>iArticle .breadcrumbs { display: block; margin-bottom: 1em } /* T>none; } #wikiArticle .breadcrumbs { display: block; margin-bottom
>he HTML5 landing page has some special-case stuff, handled here *>: 1em } /* The HTML5 landing page has some special-case stuff, ha
>/ /* table.html5ArticleToc { border-width: 5px }*/ table.html5Art>ndled here */ /* table.html5ArticleToc { border-width: 5px }*/ ta
>icleToc { border-style: none; border-width: 0; background-color: >ble.html5ArticleToc { border-style: none; border-width: 0; backgr
>transparent; border-color: transparent; width: 100%;} .html5Artic>ound-color: transparent; border-color: transparent; width: 100%;}
>leToc thead th { padding: .5em 1em } .html5ArticleToc tbody td { > .html5ArticleToc thead th { padding: .5em 1em } .html5ArticleToc
>vertical-align: middle } .html5ArticleToc ul { margin: 0; padding> tbody td { vertical-align: middle } .html5ArticleToc ul { margin
>: 0 } .html5ArticleToc ul li { display: inline; margin: 0 .25em }>: 0; padding: 0 } .html5ArticleToc ul li { display: inline; margi
> /* The syntax box: the first one is now used anywhere (DOM, JS, >n: 0 .25em } /* The syntax box: the first one is now used anywher
>CSS, ...) The twoparts is used for CSS properties */ pre.syntaxbo>e (DOM, JS, CSS, ...) The twoparts is used for CSS properties */ 
>x { margin-bottom: 1em; background-color: #ffe; } html:not(.redes>pre.syntaxbox { margin-bottom: 1em; background-color: #ffe; } htm
>ign) pre.syntaxbox { border: 2px solid #ccc; border-radius: 10px;>l:not(.redesign) pre.syntaxbox { border: 2px solid #ccc; border-r
> } pre.twopartsyntaxbox { margin-bottom: 0; background-color: #ff>adius: 10px; } pre.twopartsyntaxbox { margin-bottom: 0; backgroun
>e; } html:not(.redesign) pre.twopartsyntaxbox { border:2px solid >d-color: #ffe; } html:not(.redesign) pre.twopartsyntaxbox { borde
>#bbb; border-radius: 10px 10px 0 0; } pre.twopartsyntaxbox + pre >r:2px solid #bbb; border-radius: 10px 10px 0 0; } pre.twopartsynt
>{ border-top: none; margin-top: 0 } html:not(.redesign) pre.twopa>axbox + pre { border-top: none; margin-top: 0 } html:not(.redesig
>rtsyntaxbox + pre { border: 2px solid #bbb; border-radius: 0 0 10>n) pre.twopartsyntaxbox + pre { border: 2px solid #bbb; border-ra
>px 10px; } table.withoutBorder, table.withoutBorder td, table.wit>dius: 0 0 10px 10px; } table.withoutBorder, table.withoutBorder t
>houtBorder tr, table.withoutBorder th { border: none } td.horizon>d, table.withoutBorder tr, table.withoutBorder th { border: none 
>talLine { border-left: none } td.column { border-bottom: none } t>} td.horizontalLine { border-left: none } td.column { border-bott
>d.bottomPart { border-top: none } /* Use the verticalText class o>om: none } td.bottomPart { border-top: none } /* Use the vertical
>n a table cell to rotate its contents 90° */ td.verticalText { wi>Text class on a table cell to rotate its contents 90° */ td.verti
>dth: 3em; -webkit-transform: rotate(-90deg); -moz-transform: rota>calText { width: 3em; -webkit-transform: rotate(-90deg); -moz-tra
>te(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90de>nsform: rotate(-90deg); -o-transform: rotate(-90deg); transform: 
>g) } table.blockTable { border-collapse: collapse } table.blockTa>rotate(-90deg) } table.blockTable { border-collapse: collapse } t
>ble, table.blockTable td { margin: 1px; padding: 1px } table.bloc>able.blockTable, table.blockTable td { margin: 1px; padding: 1px 
>kTable .verticalColumn { border-left: none; border-right: none } >} table.blockTable .verticalColumn { border-left: none; border-ri
>/* The index page for HTML / CSS */ div.index { -webkit-columns: >ght: none } /* The index page for HTML / CSS */ div.index { -webk
>16em; -moz-column-width: 16em; columns: 16em } div.index > spa>it-columns: 16em; -moz-column-width: 16em; columns: 16em } div.in
>n { font-family: Georgia, Times, 'Times New Roman', serif; font-s>dex > span { font-family: Georgia, Times, 'Times New Roman', s
>ize: 1.6em } div.index ul, div.index ol { margin-left: 0; padding>erif; font-size: 1.6em } div.index ul, div.index ol { margin-left
>-left: 0; list-style-type: none } /* Stuff used for the syntax in>: 0; padding-left: 0; list-style-type: none } /* Stuff used for t
>formation about CSS, HTML, and so forth */ /* ul.cssprop box used>he syntax information about CSS, HTML, and so forth */ /* ul.cssp
> by each CSS Property reference page*/ .cssprop { display: table;>rop box used by each CSS Property reference page*/ .cssprop { dis
> padding: 11px 22px; background-color: #eef } .redesign .cssprop >play: table; padding: 11px 22px; background-color: #eef } .redesi
>{ background-color: rgba(255, 203, 0, 0.1); } [dir="ltr"] .csspro>gn .cssprop { background-color: rgba(255, 203, 0, 0.1); } [dir="l
>p { clear: left; border-left: .15em solid } [dir="rtl"] .cssprop >tr"] .cssprop { clear: left; border-left: .15em solid } [dir="rtl
>{ clear: right; border-right: .15em solid } .redesign[dir="ltr"] >"] .cssprop { clear: right; border-right: .15em solid } .redesign
>.cssprop { border-left: 6px solid rgba(255,203,0,0.5); } .redesig>[dir="ltr"] .cssprop { border-left: 6px solid rgba(255,203,0,0.5)
>n[dir="rtl"] .cssprop { border-right:6px solid rgba(255,203,0,0.5>; } .redesign[dir="rtl"] .cssprop { border-right:6px solid rgba(2
>); } .cssprop li { display: table-row; padding: 3px; margin: 0 } >55,203,0,0.5); } .cssprop li { display: table-row; padding: 3px; 
>.cssprop li dfn { display: table-cell; padding: 0 5px; border-bot>margin: 0 } .cssprop li dfn { display: table-cell; padding: 0 5px
>tom: none; white-space: pre; cursor: inherit } .cssprop li dfn:af>; border-bottom: none; white-space: pre; cursor: inherit } .csspr
>ter { content: ":" } .cssprop li li { display: list-item; list-st>op li dfn:after { content: ":" } .cssprop li li { display: list-i
>yle-type: disc; line-height: 1 } /* ul.htmlelt box used by each H>tem; list-style-type: disc; line-height: 1 } /* ul.htmlelt box us
>TML Element reference page */ .htmlelt { display: table; padding:>ed by each HTML Element reference page */ .htmlelt { display: tab
> 11px 22px; background-color: #fe9 } .redesign .htmlelt { backgro>le; padding: 11px 22px; background-color: #fe9 } .redesign .htmle
>und-color:rgba(255,149,0,0.1); } [dir="ltr"] .htmlelt { clear: le>lt { background-color:rgba(255,149,0,0.1); } [dir="ltr"] .htmlelt
>ft; border-left: .15em solid } [dir="rtl"] .htmlelt { clear: righ> { clear: left; border-left: .15em solid } [dir="rtl"] .htmlelt {
>t; border-right: .15em solid } .redesign[dir="ltr"] .htmlelt { bo> clear: right; border-right: .15em solid } .redesign[dir="ltr"] .
>rder-left:6px solid rgba(255,149,0,0.5); } .redesign[dir="rtl"] .>htmlelt { border-left:6px solid rgba(255,149,0,0.5); } .redesign[
>htmlelt { border-right:6px solid rgba(255,149,0,0.5); } .htmlelt >dir="rtl"] .htmlelt { border-right:6px solid rgba(255,149,0,0.5);
>li { display: table-row; padding: 3px; margin: 0; text-align: lef> } .htmlelt li { display: table-row; padding: 3px; margin: 0; tex
>t } .htmlelt li dfn { display: table-cell; padding: 0 5px; border>t-align: left } .htmlelt li dfn { display: table-cell; padding: 0
>-bottom: none; white-space: pre; cursor: inherit } .htmlelt li df> 5px; border-bottom: none; white-space: pre; cursor: inherit } .h
>n:after { content: ":" } .htmlelt li li { display: list-item; lis>tmlelt li dfn:after { content: ":" } .htmlelt li li { display: li
>t-style-type: disc; line-height: 1 } /* ul.audionodebox used by e>st-item; list-style-type: disc; line-height: 1 } /* ul.audionodeb
>ach AudioNode object reference page*/ .audionodebox { display: ta>ox used by each AudioNode object reference page*/ .audionodebox {
>ble; padding: 11px 22px; background-color: #fee } .redesign .audi> display: table; padding: 11px 22px; background-color: #fee } .re
>onodebox { background-color:rgba(117,195,165,0.1); } [dir="ltr"] >design .audionodebox { background-color:rgba(117,195,165,0.1); } 
>.audionodebox { clear: left; border-left: .15em solid } [dir="rtl>[dir="ltr"] .audionodebox { clear: left; border-left: .15em solid
>"] .audionodebox { clear: right; border-right: .15em solid } .red> } [dir="rtl"] .audionodebox { clear: right; border-right: .15em 
>esign[dir="ltr"] .audionodebox { border-left:6px solid rgba(117,1>solid } .redesign[dir="ltr"] .audionodebox { border-left:6px soli
>95,165,0.5); } .redesign[dir="rtl"] .audionodebox { border-right:>d rgba(117,195,165,0.5); } .redesign[dir="rtl"] .audionodebox { b
>6px solid rgba(117,195,165,0.5); } .audionodebox li, .summary-box>order-right:6px solid rgba(117,195,165,0.5); } .audionodebox li, 
>-js li, .summary-box-events li { display: table-row; padding: 3px>.summary-box-js li, .summary-box-events li { display: table-row; 
>; margin: 0; text-align: left } .audionodebox li dfn, .summary-bo>padding: 3px; margin: 0; text-align: left } .audionodebox li dfn,
>x-js li dfn, .summary-box-events li dfn { display: table-cell; pa> .summary-box-js li dfn, .summary-box-events li dfn { display: ta
>dding: 0 5px; border-bottom: none; white-space: pre; cursor: inhe>ble-cell; padding: 0 5px; border-bottom: none; white-space: pre; 
>rit } .audionodebox li dfn:after, .summary-box-js li dfn:after, .>cursor: inherit } .audionodebox li dfn:after, .summary-box-js li 
>summary-box-events li dfn:after { content: ":" } .audionodebox li>dfn:after, .summary-box-events li dfn:after { content: ":" } .aud
> li, .summary-box-js li li, .summary-box-events li li { display: >ionodebox li li, .summary-box-js li li, .summary-box-events li li
>list-item; list-style-type: disc; line-height: 1 } /* https://dev> { display: list-item; list-style-type: disc; line-height: 1 } /*
>eloper.mozilla.org/en-US/docs/Template:HTML:Element_Navigation */> https://developer.mozilla.org/en-US/docs/Template:HTML:Element_N
> table.HTMLElmNav { margin: 1em auto; border-width: 5px } table.H>avigation */ table.HTMLElmNav { margin: 1em auto; border-width: 5
>TMLElmNav th, table.HTMLElmNav td { text-align: center } .method >px } table.HTMLElmNav th, table.HTMLElmNav td { text-align: cente
>{ margin-left: 10px; margin-bottom: 2em; margin-top: 1em } .metho>r } .method { margin-left: 10px; margin-bottom: 2em; margin-top: 
>d > .name { display: block; font-size: 13pt; margin-bottom: .2>1em } .method > .name { display: block; font-size: 13pt; margi
>em } .method > .name > .param: after { content: ","; paddin>n-bottom: .2em } .method > .name > .param: after { content:
>g-right: .5em } .method > .name > .param: last-of-type: aft> ","; padding-right: .5em } .method > .name > .param: last-
>er { content: "" } .method > .name > .param > .name: aft>of-type: after { content: "" } .method > .name > .param &gt
>er { content: " as "; font-weight: normal } .method > .name &g>; .name: after { content: " as "; font-weight: normal } .method &
>t; .param: not(.required) { font-style: italic } .method > .na>gt; .name > .param: not(.required) { font-style: italic } .met
>me > .param: not(.required): before { content: "[" } .method &>hod > .name > .param: not(.required): before { content: "["
>gt; .name > .param: not(.required): after { content: "]" } .me> } .method > .name > .param: not(.required): after { conten
>thod > .description { display: block; font-size: 10pt; color: >t: "]" } .method > .description { display: block; font-size: 1
>#444; font-style: italic; margin-bottom: 7px } .method > .name>0pt; color: #444; font-style: italic; margin-bottom: 7px } .metho
> > .returns: before { content: " returns "; font-weight: norma>d > .name > .returns: before { content: " returns "; font-w
>l; font-style: italic } .method > .name > .returns { font-w>eight: normal; font-style: italic } .method > .name > .retu
>eight: 700 } .method > .params { display: block; color: #555 }>rns { font-weight: 700 } .method > .params { display: block; c
> .method > .params > .param { display: block; margin-bottom>olor: #555 } .method > .params > .param { display: block; m
>: 5px } .method > .params > .param > .name { font-weight>argin-bottom: 5px } .method > .params > .param > .name {
>: 700; margin-right: .5em; min-width: 80px; display: inline-block> font-weight: 700; margin-right: .5em; min-width: 80px; display: 
> } .method > .params > .param > .description { display: >inline-block } .method > .params > .param > .description
>inline-block; width: 300px; vertical-align: top; margin-right: 30> { display: inline-block; width: 300px; vertical-align: top; marg
>px } .method > .params > .param > .type { display: inlin>in-right: 30px } .method > .params > .param > .type { di
>e-block; width: 150px; vertical-align: top; font-weight: 700 } .m>splay: inline-block; width: 150px; vertical-align: top; font-weig
>ethod > .params > .param > .type: before { content: "Typ>ht: 700 } .method > .params > .param > .type: before { c
>e "; color: #888; font-weight: normal } .method > .params >>ontent: "Type "; color: #888; font-weight: normal } .method > 
> .param > .default { display: inline-block; width: 150px; vert>.params > .param > .default { display: inline-block; width:
>ical-align: top; font-weight: 700 } .method > .params > .pa> 150px; vertical-align: top; font-weight: 700 } .method > .par
>ram > .default: before { content: "Default "; color: #888; fon>ams > .param > .default: before { content: "Default "; colo
>t-weight: normal } /* version compatibility banners and notes */ >r: #888; font-weight: normal } /* version compatibility banners a
>.geckoVersionNote { background-color: #E0E0FF; background-image: >nd notes */ .geckoVersionNote { background-color: #E0E0FF; backgr
>-moz-radial-gradient(0px 0 45deg, circle farthest-corner, #E0E0FF>ound-image: -moz-radial-gradient(0px 0 45deg, circle farthest-cor
> 0%, #F8F8FF 80%); border-left: 5px solid #008 } .geckoVersionNot>ner, #E0E0FF 0%, #F8F8FF 80%); border-left: 5px solid #008 } .gec
>e p { padding-left: 4px; border: 0 } .geckoVersionHeading { backg>koVersionNote p { padding-left: 4px; border: 0 } .geckoVersionHea
>round-color: #008; background-image: -moz-linear-gradient(left, #>ding { background-color: #008; background-image: -moz-linear-grad
>008 50%, #e0e0ff 80%); color: #fff; font: 16px/1.7 Verdana, Tahom>ient(left, #008 50%, #e0e0ff 80%); color: #fff; font: 16px/1.7 Ve
>a, sans-serif; margin-top: 0; margin-left: 0; margin-bottom: 4px;>rdana, Tahoma, sans-serif; margin-top: 0; margin-left: 0; margin-
> height: 42px } .geckoVersionHeading a:link { color: #ddd } .geck>bottom: 4px; height: 42px } .geckoVersionHeading a:link { color: 
>oVersionHeading a:visited { color: #eee } .geckoVersionHeading a:>#ddd } .geckoVersionHeading a:visited { color: #eee } .geckoVersi
>hover, .geckoVersionHeading a:focus { color: #fdd } .experimental>onHeading a:hover, .geckoVersionHeading a:focus { color: #fdd } .
>Icon { display: inline-block; width:4px; height:4px; color:orange>experimentalIcon { display: inline-block; width:4px; height:4px; 
>; background-color:white; border: 3px solid orange; } .nonstandar>color:orange; background-color:white; border: 3px solid orange; }
>dIcon { display: inline-block; width:8px; height:8px; color:red; > .nonstandardIcon { display: inline-block; width:8px; height:8px;
>background-color:red; border: 1px solid red; } .obsoleteIcon { di> color:red; background-color:red; border: 1px solid red; } .obsol
>splay: inline-block; width:8px; height:8px; color:black; backgrou>eteIcon { display: inline-block; width:8px; height:8px; color:bla
>nd-color:black; border: 1px solid black; } .deprecatedIcon { disp>ck; background-color:black; border: 1px solid black; } .deprecate
>lay: inline-block; width:4px; height:4px; color:black; background>dIcon { display: inline-block; width:4px; height:4px; color:black
>-color:white; border: 3px solid black; } /* Used to to create ico>; background-color:white; border: 3px solid black; } /* Used to t
>n-badged APIs inline */ .indexListRow { display: -ms-flexbox; dis>o create icon-badged APIs inline */ .indexListRow { display: -ms-
>play: -webkit-flex; display: flex; -webkit-flex-direction: row; ->flexbox; display: -webkit-flex; display: flex; -webkit-flex-direc
>ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: w>tion: row; -ms-flex-direction: row; flex-direction: row; -webkit-
>rap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-conten>flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-ju
>t: flex-start; -ms-flex-pack: start; justify-content: flex-start;>stify-content: flex-start; -ms-flex-pack: start; justify-content:
> -webkit-align-content: stretch; -ms-flex-line-pack: stretch; ali> flex-start; -webkit-align-content: stretch; -ms-flex-line-pack: 
>gn-content: stretch; -webkit-align-items: flex-start; -ms-flex-al>stretch; align-content: stretch; -webkit-align-items: flex-start;
>ign: start; align-items: flex-start; /*width:100%;*/ } .indexList> -ms-flex-align: start; align-items: flex-start; /*width:100%;*/ 
>Term { -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-fle>} .indexListTerm { -webkit-order: 0; -ms-flex-order: 0; order: 0;
>x: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-align-se> -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -web
>lf: flex-start; -ms-flex-item-align: start; align-self: flex-star>kit-align-self: flex-start; -ms-flex-item-align: start; align-sel
>t; } .indexListBadges { -webkit-order: 0; -ms-flex-order: 0; orde>f: flex-start; } .indexListBadges { -webkit-order: 0; -ms-flex-or
>r: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto;>der: 0; order: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; fle
> -webkit-align-self: auto; -ms-flex-item-align: auto; align-self:>x: 0 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto;
> flex-end; padding-left: 6px; margin-right:6px; } .badge { positi> align-self: flex-end; padding-left: 6px; margin-right:6px; } .ba
>on: relative; top: -2px; display: inline-block; cursor: default; >dge { position: relative; top: -2px; display: inline-block; curso
>border: 1px solid #aaa; border-radius: 8px; padding: .1em .6em; f>r: default; border: 1px solid #aaa; border-radius: 8px; padding: 
>ont-size: 70%; font-weight: 700; height: 1.4em; vertical-align: m>.1em .6em; font-size: 70%; font-weight: 700; height: 1.4em; verti
>iddle; line-height: 1.3; } .badgeText { -webkit-hyphens: none; -m>cal-align: middle; line-height: 1.3; } .badgeText { -webkit-hyphe
>oz-hyphens: none; -ms-hyphens: none; hyphens: none; } .banner { d>ns: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; }
>isplay:block; overflow:hidden; font-size: 14px; font-weight: norm> .banner { display:block; overflow:hidden; font-size: 14px; font-
>al; margin: 10px 0px; padding: 2px 10px; } html:not(.redesign) .b>weight: normal; margin: 10px 0px; padding: 2px 10px; } html:not(.
>anner { border: 1px solid #aaa; border-radius: 8px; } .redesign .>redesign) .banner { border: 1px solid #aaa; border-radius: 8px; }
>banner { font-size:12px; } .bannerHeading { text-align: center; f> .redesign .banner { font-size:12px; } .bannerHeading { text-alig
>ont-weight: bold; padding-bottom: 2px; } .redesign .bannerHeading>n: center; font-weight: bold; padding-bottom: 2px; } .redesign .b
> { text-align: inherit; } .bannerText { text-align: center; font->annerHeading { text-align: inherit; } .bannerText { text-align: c
>weight: normal; } .icon { padding-left: 3.1em } [dir=rtl] .icon {>enter; font-weight: normal; } .icon { padding-left: 3.1em } [dir=
> padding-left: .8em; padding-right: 3.1em; } .icon:before { conte>rtl] .icon { padding-left: .8em; padding-right: 3.1em; } .icon:be
>nt: ""; position: absolute; left: -2px; top: 50%; margin-top: -1.>fore { content: ""; position: absolute; left: -2px; top: 50%; mar
>5em; width: 2.8em; height: 2.8em; background: white no-repeat cen>gin-top: -1.5em; width: 2.8em; height: 2.8em; background: white n
>ter center; background-size: 2.6em; border-radius: 100%; border: >o-repeat center center; background-size: 2.6em; border-radius: 10
>1px solid #aaa; border-right: none; box-sizing: border-box; -moz->0%; border: 1px solid #aaa; border-right: none; box-sizing: borde
>boxsizing: border-box; } [dir=rtl] .icon:before { left: auto; rig>r-box; -moz-boxsizing: border-box; } [dir=rtl] .icon:before { lef
>ht: -2px; border: 1px solid #aaa; border-left: none; } /* Used fo>t: auto; right: -2px; border: 1px solid #aaa; border-left: none; 
>r badging obsolete APIs */ .nonstandardBadge { background: linear>} /* Used for badging obsolete APIs */ .nonstandardBadge { backgr
>-gradient(to right, #f0DE00 30%, #f0ff19); color: black; text-sha>ound: linear-gradient(to right, #f0DE00 30%, #f0ff19); color: bla
>dow: 1px 1px 0 #ddd; } /* Used for badging Gecko minimum version >ck; text-shadow: 1px 1px 0 #ddd; } /* Used for badging Gecko mini
>requirements */ .geckoVersionBadge { background: linear-gradient(>mum version requirements */ .geckoVersionBadge { background: line
>to right, rgb(215, 236, 161) 30%, rgb(204, 227, 144)); color: bla>ar-gradient(to right, rgb(215, 236, 161) 30%, rgb(204, 227, 144))
>ck; text-shadow: 1px 1px 0 #ddd; border-color: rgb(129, 142, 97);>; color: black; text-shadow: 1px 1px 0 #ddd; border-color: rgb(12
> } .redesign .geckoVersionBadge { background: rgba(117,195,165,0.>9, 142, 97); } .redesign .geckoVersionBadge { background: rgba(11
>44); border:5px solid rgba(0,0,0,0.05); } /* Used for badging Fir>7,195,165,0.44); border:5px solid rgba(0,0,0,0.05); } /* Used for
>efox minimum version requirements */ .firefoxVersionBadge { backg> badging Firefox minimum version requirements */ .firefoxVersionB
>round-color: #FEDF9E; background-image: linear-gradient(to right,>adge { background-color: #FEDF9E; background-image: linear-gradie
> #FEDF9E 30%, #FEF1D4); background-repeat: no-repeat; background->nt(to right, #FEDF9E 30%, #FEF1D4); background-repeat: no-repeat;
>size: contain; overflow: hidden; color: black; text-shadow: 1px 1> background-size: contain; overflow: hidden; color: black; text-s
>px 0 #ccc; white-space: nowrap; } .firefoxVersionBadge a:link { c>hadow: 1px 1px 0 #ccc; white-space: nowrap; } .firefoxVersionBadg
>olor: black; text-decoration: underline; } .firefoxVersionBadge a>e a:link { color: black; text-decoration: underline; } .firefoxVe
>:visited { color: black; text-decoration: underline; } .firefoxVe>rsionBadge a:visited { color: black; text-decoration: underline; 
>rsionBadge a:hover { color: #853; text-decoration: none; } .firef>} .firefoxVersionBadge a:hover { color: #853; text-decoration: no
>oxVersionBadge a:active { color:#858; text-decoration: none; } /*>ne; } .firefoxVersionBadge a:active { color:#858; text-decoration
> Used for badging APIs not implemented in Firefox */ .unimplement>: none; } /* Used for badging APIs not implemented in Firefox */ 
>edBadge { background-color: lightpink; color: black; text-shadow:>.unimplementedBadge { background-color: lightpink; color: black; 
> 1px 1px 0 #ddd; border-color: deeppink; } /* Used for badging no>text-shadow: 1px 1px 0 #ddd; border-color: deeppink; } /* Used fo
>n-standard APIs */ .obsoleteBadge { background: linear-gradient(t>r badging non-standard APIs */ .obsoleteBadge { background: linea
>o right, #FEBCBC 30%, #fffff0); color: black; text-shadow: 1px 1p>r-gradient(to right, #FEBCBC 30%, #fffff0); color: black; text-sh
>x 0 #ddd; border-color: #f00; } /* Used for badging deprecated AP>adow: 1px 1px 0 #ddd; border-color: #f00; } /* Used for badging d
>Is */ .deprecatedBadge { background: linear-gradient(to right, #c>eprecated APIs */ .deprecatedBadge { background: linear-gradient(
>cccff 30%, #eeeeff); color: #000; text-shadow: 1px 1px 0 #ddd; bo>to right, #ccccff 30%, #eeeeff); color: #000; text-shadow: 1px 1p
>rder-color: blue; } /* Used for badging experimental APIs */ .exp>x 0 #ddd; border-color: blue; } /* Used for badging experimental 
>erimentalBadge { background: linear-gradient(to right, #ffefd9 40>APIs */ .experimentalBadge { background: linear-gradient(to right
>%, #fffde0); color: #000; text-shadow: 1px 1px 0 #ddd; } /* Used >, #ffefd9 40%, #fffde0); color: #000; text-shadow: 1px 1px 0 #ddd
>for badging privileged APIs */ .privilegedBadge { background: lin>; } /* Used for badging privileged APIs */ .privilegedBadge { bac
>ear-gradient(to right, #FFBD19 30%, #ffb200); color: #000; text-s>kground: linear-gradient(to right, #FFBD19 30%, #ffb200); color: 
>hadow: 1px 1px 0 #ddd; } [dir=rtl] .privilegedBadge { background:>#000; text-shadow: 1px 1px 0 #ddd; } [dir=rtl] .privilegedBadge {
> linear-gradient(to left, #FFBD19 30%, #ffb200); } .icon.privileg> background: linear-gradient(to left, #FFBD19 30%, #ffb200); } .i
>edBadge:before { background-color: orange; background-image: url(>con.privilegedBadge:before { background-color: orange; background
>https://mdn.mozillademos.org/files/5061/firefoxos-logo-sm.png); }>-image: url(https://mdn.mozillademos.org/files/5061/firefoxos-log
> .sidebar-box { margin-left: 16px; margin-bottom: 2.5em; border-r>o-sm.png); } .sidebar-box { margin-left: 16px; margin-bottom: 2.5
>ight: 1px solid #ecf1f3; padding: 12px; background: #f1f6f8 url(">em; border-right: 1px solid #ecf1f3; padding: 12px; background: #
>img/toc-bg.png") 0 0 no-repeat; font: 12px Verdana, Tahoma, sans->f1f6f8 url("img/toc-bg.png") 0 0 no-repeat; font: 12px Verdana, T
>serif } .sidebar-box h2, .sidebar-box h3, .sidebar-box h5 { margi>ahoma, sans-serif } .sidebar-box h2, .sidebar-box h3, .sidebar-bo
>n-bottom: .5em; font-family: inherit; font-weight: 700 } .sidebar>x h5 { margin-bottom: .5em; font-family: inherit; font-weight: 70
>-box h2 { font-size: 1.5em } .sidebar-box h3 { font-size: 1.1em }>0 } .sidebar-box h2 { font-size: 1.5em } .sidebar-box h3 { font-s
> .sidebar-box h5 { font-size: .9em } .sidebar-box > ul { float>ize: 1.1em } .sidebar-box h5 { font-size: .9em } .sidebar-box &gt
>: left; text-align: left; display: block; padding: 0; margin: aut>; ul { float: left; text-align: left; display: block; padding: 0;
>o 0; position: relative } .sidebar-box ul > li { list-style-ty> margin: auto 0; position: relative } .sidebar-box ul > li { l
>pe: none } .tab-content-box { border-right: 1px solid #ecf1f3; ma>ist-style-type: none } .tab-content-box { border-right: 1px solid
>rgin-left: 16px; padding: 12px; background: #fff; font: 12px Verd> #ecf1f3; margin-left: 16px; padding: 12px; background: #fff; fon
>ana, Tahoma, sans-serif } .tab-content-box h2, .tab-content-box h>t: 12px Verdana, Tahoma, sans-serif } .tab-content-box h2, .tab-c
>3, .tab-content-box h5 { margin-bottom: .5em; font-family: inheri>ontent-box h3, .tab-content-box h5 { margin-bottom: .5em; font-fa
>t; font-weight: 700 } .tab-content-box h2 { font-size: 1.5em } .t>mily: inherit; font-weight: 700 } .tab-content-box h2 { font-size
>ab-content-box h3 { font-size: 1.1em } .tab-content-box h5 { font>: 1.5em } .tab-content-box h3 { font-size: 1.1em } .tab-content-b
>-size: .9em } #menuFiller { display: block } /* Horizontal tab bo>ox h5 { font-size: .9em } #menuFiller { display: block } /* Horiz
>xes */ .htab { margin: 0 auto 1em; display: inline-block; } .htab>ontal tab boxes */ .htab { margin: 0 auto 1em; display: inline-bl
>>ul>li { width: 150px; height: 28px; list-style-type: none;>ock; } .htab>ul>li { width: 150px; height: 28px; list-style
> display: inline; padding-bottom: 3px; border: 1px solid #ddd; bo>-type: none; display: inline; padding-bottom: 3px; border: 1px so
>rder-radius: 3px 3px 0 0; padding-top: 5px; text-align: left; fon>lid #ddd; border-radius: 3px 3px 0 0; padding-top: 5px; text-alig
>t-size: 13px; font-weight: normal; margin: auto; position: relati>n: left; font-size: 13px; font-weight: normal; margin: auto; posi
>ve; padding-left: 6px; padding-right: 6px; border-bottom: none; o>tion: relative; padding-left: 6px; padding-right: 6px; border-bot
>pacity: .5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(>tom: none; opacity: .5; -ms-filter: "progid:DXImageTransform.Micr
>Opacity=50)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opa>osoft.Alpha(Opacity=50)"; filter: progid:DXImageTransform.Microso
>city=50); cursor: pointer; } .htab>ul>li.selected { opacity>ft.Alpha(Opacity=50); cursor: pointer; } .htab>ul>li.select
>: 1 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Al>ed { opacity: 1 !important; -ms-filter: "progid:DXImageTransform.
>pha(Opacity=100)"; filter: progid:DXImageTransform.Microsoft.Alph>Microsoft.Alpha(Opacity=100)"; filter: progid:DXImageTransform.Mi
>a(Opacity=100); border: 1px solid #ddd; border-bottom: none; z-in>crosoft.Alpha(Opacity=100); border: 1px solid #ddd; border-bottom
>dex: 10; background-color: rgba(234, 239, 242,1) !important; posi>: none; z-index: 10; background-color: rgba(234, 239, 242,1) !imp
>tion: relative; cursor: pointer; font-weight: bold; } .htab>ul>ortant; position: relative; cursor: pointer; font-weight: bold; }
>>li.selected a { color: #000; } .htab>ul { width: 150px; te> .htab>ul>li.selected a { color: #000; } .htab>ul { widt
>xt-align: left; display: inline; padding: 0; margin: 0 auto; posi>h: 150px; text-align: left; display: inline; padding: 0; margin: 
>tion: relative; top: 0; } .htab>div { background-color: #f1f6f>0 auto; position: relative; top: 0; } .htab>div { background-c
>8; margin-top: 0; border: 1px solid #ddd; padding: 12px; position>olor: #f1f6f8; margin-top: 0; border: 1px solid #ddd; padding: 12
>: relative; z-index: 9; word-wrap: break-word; } /* Compatibility>px; position: relative; z-index: 9; word-wrap: break-word; } /* C
> tables */ table.compat-table { border-color: #bbb; margin: 0 } .>ompatibility tables */ table.compat-table { border-color: #bbb; m
>redesign table.compat-table { border-color:rgba(0,0,0,0); } table>argin: 0 } .redesign table.compat-table { border-color:rgba(0,0,0
>.compat-table td { padding: 5px; border: 1px solid #ccc; backgrou>,0); } table.compat-table td { padding: 5px; border: 1px solid #c
>nd: #fff; vertical-align: top; word-wrap: break-word } .redesign >cc; background: #fff; vertical-align: top; word-wrap: break-word 
>table.compat-table td { border:1px solid rgba(212,221,228,0.25); >} .redesign table.compat-table td { border:1px solid rgba(212,221
>font-size:12px; } table.compat-table th, table.compat-table td.he>,228,0.25); font-size:12px; } table.compat-table th, table.compat
>ader { border: 1px solid #bbb; padding: 0 5px; background: #eee; >-table td.header { border: 1px solid #bbb; padding: 0 5px; backgr
>font-weight: 700 } .redesign table.compat-table th, .redesign tab>ound: #eee; font-weight: 700 } .redesign table.compat-table th, .
>le.compat-table td.header { border:1px solid rgba(212,221,228,0);>redesign table.compat-table td.header { border:1px solid rgba(212
> background:none; font-weight:200; font-family:'Open Sans Light',>,221,228,0); background:none; font-weight:200; font-family:'Open 
>sans-serif; font-size:16px; line-height:100%; padding:2px 4px 8px>Sans Light',sans-serif; font-size:16px; line-height:100%; padding
>; } div.action-driven { display: inline-block; float: none; min-h>:2px 4px 8px; } div.action-driven { display: inline-block; float:
>eight: 8.5em; margin: .8em; box-shadow: .2em .1em .1em #808080; v> none; min-height: 8.5em; margin: .8em; box-shadow: .2em .1em .1e
>ertical-align: top; } div.action-driven > div { font: 400 20px>m #808080; vertical-align: top; } div.action-driven > div { fo
> 'Bebas Neue', 'League Gothic', Haettenschweiler, Impact, 'Arial >nt: 400 20px 'Bebas Neue', 'League Gothic', Haettenschweiler, Imp
>Narrow', Meiryo, sans-serif; text-transform: uppercase } /* stand>act, 'Arial Narrow', Meiryo, sans-serif; text-transform: uppercas
>ard coloring */ .notice.experimental { border-color: #09d; color:>e } /* standard coloring */ .notice.experimental { border-color: 
> 0; background-color: #C9EDFC;clear:none;} .redesign .notice.expe>#09d; color: 0; background-color: #C9EDFC;clear:none;} .redesign 
>rimental { background-color:rgba(255,203,0,0.5); border-color:rgb>.notice.experimental { background-color:rgba(255,203,0,0.5); bord
>a(0,0,0,0.05); border-style:solid!important; border-width:5px!imp>er-color:rgba(0,0,0,0.05); border-style:solid!important; border-w
>ortant; } /* New theme action-driven */ .card-grid > li > s>idth:5px!important; } /* New theme action-driven */ .card-grid &g
>pan:first-of-type {font-weight: bold} @media only screen and (min>t; li > span:first-of-type {font-weight: bold} @media only scr
>-width:760px) { .card-grid { list-style: none outside none; } .ca>een and (min-width:760px) { .card-grid { list-style: none outside
>rd-grid > li > span:first-of-type {font-weight: normal} .ca> none; } .card-grid > li > span:first-of-type {font-weight:
>rd-grid > li { background-color: rgb(204, 204, 204); backgroun> normal} .card-grid > li { background-color: rgb(204, 204, 204
>d-image: -moz-linear-gradient(center top , rgb(221, 221, 221) 0px>); background-image: -moz-linear-gradient(center top , rgb(221, 2
>, rgb(187, 187, 187) 100%); border-radius: 6px; background-clip: >21, 221) 0px, rgb(187, 187, 187) 100%); border-radius: 6px; backg
>padding-box; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); display:>round-clip: padding-box; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.
> inline-block; margin: 3px 12px 20px; padding: 20px; position: re>1); display: inline-block; margin: 3px 12px 20px; padding: 20px; 
>lative; vertical-align: top; width: 200px; word-wrap: break-word;>position: relative; vertical-align: top; width: 200px; word-wrap:
> z-index: 1; min-height: 130px; } .card-grid > li:before { bac> break-word; z-index: 1; min-height: 130px; } .card-grid > li:
>kground: none repeat scroll 0% 0% padding-box rgb(255, 255, 255);>before { background: none repeat scroll 0% 0% padding-box rgb(255
> border-radius: 5px; bottom: 1px; content: ""; left: 1px; positio>, 255, 255); border-radius: 5px; bottom: 1px; content: ""; left: 
>n: absolute; right: 1px; top: 1px; z-index: -1; } .redesign .card>1px; position: absolute; right: 1px; top: 1px; z-index: -1; } .re
>-grid > li:before { background: none; border-radius: 0; } .car>design .card-grid > li:before { background: none; border-radiu
>d-grid > li span { display: block; font-family: 'Open Sans Lig>s: 0; } .card-grid > li span { display: block; font-family: 'O
>ht',Arial,Helvetica,sans-serif; font-size: 22px; letter-spacing: >pen Sans Light',Arial,Helvetica,sans-serif; font-size: 22px; lett
>-1px; line-height: 22px; margin-bottom: 12px; } } .redesign .card>er-spacing: -1px; line-height: 22px; margin-bottom: 12px; } } .re
>-grid > li { background-color:rgba(234,239,242,0.5); border-ra>design .card-grid > li { background-color:rgba(234,239,242,0.5
>dius: 0; box-shadow:3px 3px 0 3px rgba(212,221,228,0.5); backgrou>); border-radius: 0; box-shadow:3px 3px 0 3px rgba(212,221,228,0.
>nd-image: none; } /*----------------- for Topic page */ table.top>5); background-image: none; } /*----------------- for Topic page 
>icpage-table, table.topicpage-table td, table.topicpage-table tr,>*/ table.topicpage-table, table.topicpage-table td, table.topicpa
> table.topicpage-table th { border: none } .topicpage-table .sect>ge-table tr, table.topicpage-table th { border: none } .topicpage
>ion { padding-right:1em} /* New theme */ dl { margin-bottom: 20px>-table .section { padding-right:1em} /* New theme */ dl { margin-
>} .center .topicpage-table h2 { font-family: 'Open Sans Light', s>bottom: 20px} .center .topicpage-table h2 { font-family: 'Open Sa
>ans-serif } .topicpage-table ul {padding-left: 20px; } /* Old the>ns Light', sans-serif } .topicpage-table ul {padding-left: 20px; 
>me */ /* "table.topicpage-table h2 { --font-setting-- }" is bette>} /* Old theme */ /* "table.topicpage-table h2 { --font-setting--
>r than this. .topicpage-table .Documentation, .topicpage-table .C> }" is better than this. .topicpage-table .Documentation, .topicp
>ommunity, .topicpage-table .Tools, .topicpage-table .Related_Topi>age-table .Community, .topicpage-table .Tools, .topicpage-table .
>cs { background-image: url('/media/img/icons-sections.png'); back>Related_Topics { background-image: url('/media/img/icons-sections
>ground-repeat: no-repeat; margin: 0 0 .25em; padding: 18px 18px 0>.png'); background-repeat: no-repeat; margin: 0 0 .25em; padding:
> 65px; min-height: 48px; font: 400 28px/1 'Bebas Neue', 'League G> 18px 18px 0 65px; min-height: 48px; font: 400 28px/1 'Bebas Neue
>othic', Haettenschweiler, Impact, 'Arial Narrow', Meiryo, sans-se>', 'League Gothic', Haettenschweiler, Impact, 'Arial Narrow', Mei
>rif; text-transform: uppercase; border: none } */ /* this is an u>ryo, sans-serif; text-transform: uppercase; border: none } */ /* 
>nadorned heading, without an icon */ //.topicpage-table .Heading >this is an unadorned heading, without an icon */ //.topicpage-tab
>{ margin: 0 0 .25em; padding: 18px 18px 0 0; min-height: 48px; fo>le .Heading { margin: 0 0 .25em; padding: 18px 18px 0 0; min-heig
>nt: 400 28px/1 'Bebas Neue', 'League Gothic', Haettenschweiler, I>ht: 48px; font: 400 28px/1 'Bebas Neue', 'League Gothic', Haetten
>mpact, 'Arial Narrow', Meiryo, sans-serif; text-transform: upperc>schweiler, Impact, 'Arial Narrow', Meiryo, sans-serif; text-trans
>ase; border: none } /* [dir="rtl"] .topicpage-table .Documentatio>form: uppercase; border: none } /* [dir="rtl"] .topicpage-table .
>n, [dir="rtl"] .topicpage-table .Community, [dir="rtl"] .topicpag>Documentation, [dir="rtl"] .topicpage-table .Community, [dir="rtl
>e-table .Tools, [dir="rtl"] .topicpage-table .Heading, [dir="rtl">"] .topicpage-table .Tools, [dir="rtl"] .topicpage-table .Heading
>] .topicpage-table .Related_Topics { padding: 18px 65px 0 18px; }>, [dir="rtl"] .topicpage-table .Related_Topics { padding: 18px 65
> .topicpage-table .Documentation { background-position: 0 0 } .to>px 0 18px; } .topicpage-table .Documentation { background-positio
>picpage-table .Community { background-position: 0 -200px } .topic>n: 0 0 } .topicpage-table .Community { background-position: 0 -20
>page-table .Tools { background-position: 0 -400px } .topicpage-ta>0px } .topicpage-table .Tools { background-position: 0 -400px } .
>ble .Related_Topics { background-position: 0 -600px } [dir="rtl"]>topicpage-table .Related_Topics { background-position: 0 -600px }
> .topicpage-table .Documentation { background-position: right 0 }> [dir="rtl"] .topicpage-table .Documentation { background-positio
> [dir="rtl"] .topicpage-table .Community { background-position: r>n: right 0 } [dir="rtl"] .topicpage-table .Community { background
>ight -200px } [dir="rtl"] .topicpage-table .Tools { background-po>-position: right -200px } [dir="rtl"] .topicpage-table .Tools { b
>sition: right -400px } [dir="rtl"] .topicpage-table .Related_Topi>ackground-position: right -400px } [dir="rtl"] .topicpage-table .
>cs { background-position: right -600px } */ /* for Topic Page 2 (>Related_Topics { background-position: right -600px } */ /* for To
>This is Test )*/ /* USAGE:>pic Page 2 (This is Test )*/ /* USAGE:

Back to History