mozilla

Compare Revisions

Template:CustomCSS

Change Revisions

Revision 485381:

Revision 485381 by teoli on

Revision 485385:

Revision 485385 by teoli on

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

Revision 485381
Revision 485385
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>/* Next line to remove once the redesign is live: */ .topicpage-t
>order-right:solid 6px rgba(212,221,228,0.5); } [dir="rtl"] .redes>able .section:first-of-type { margin-right: 20px; border-right: s
>ign .topicpage-table .section:first-of-type { border-left:solid 6>olid 1px lightgrey; } [dir!="rtl"].redesign .topicpage-table .sec
>px rgba(212,221,228,0.5); border-right: none; } .landing { displa>tion:first-of-type { border-right:solid 6px rgba(212,221,228,0.5)
>y: table-row;} .section { display: table-cell; width:50%;} /* to >; } [dir="rtl"] .redesign .topicpage-table .section:first-of-type
>remove once the redesign is live: */ .topicpage-table .section:fi> { border-left:solid 6px rgba(212,221,228,0.5); border-right: non
>rst-of-type { margin-right: 20px; border-right: solid 1px lightgr>e; } .landing { display: table-row;} .section { display: table-ce
>ey; } } /* For Landing page boxes; these are boxes displayed with>ll; width:50%;} } /* For Landing page boxes; these are boxes disp
>in columns on landing pages, such as the Community and Related bo>layed within columns on landing pages, such as the Community and 
>xes. */ .landingPageBox { width: 100%; padding: 0px; border-botto>Related boxes. */ .landingPageBox { width: 100%; padding: 0px; bo
>m: 1px solid #bbb; margin-bottom: 3px; } .landingPageBox ul { pad>rder-bottom: 1px solid #bbb; margin-bottom: 3px; } .landingPageBo
>ding-left: 44px; } /* Wide column box */ .wideColumnBox { column->x ul { padding-left: 44px; } /* Wide column box */ .wideColumnBox
>width:375px; -moz-column-width:375px; -webkit-column-width:375px;> { column-width:375px; -moz-column-width:375px; -webkit-column-wi
> -o-column-width:375px; -ms-column-width:375px;} .wideColumnBoxLi>dth:375px; -o-column-width:375px; -ms-column-width:375px;} .wideC
>st li { line-height: 1.5; list-style-type: none; padding-left: 0;>olumnBoxList li { line-height: 1.5; list-style-type: none; paddin
> page-break-inside: avoid; } /* Multi-column boxes for lists of l>g-left: 0; page-break-inside: avoid; } /* Multi-column boxes for 
>onger links; this will adapt based on screen width */ .multiColum>lists of longer links; this will adapt based on screen width */ .
>nList { column-width:250px; -moz-column-width:250px; -webkit-colu>multiColumnList { column-width:250px; -moz-column-width:250px; -w
>mn-width:250px; -o-column-width:250px; -ms-column-width:250px;} .>ebkit-column-width:250px; -o-column-width:250px; -ms-column-width
>multiColumnList li { line-height: 1.5; list-style-type: none; pad>:250px;} .multiColumnList li { line-height: 1.5; list-style-type:
>ding-left: 0; page-break-inside: avoid; } /* Multi-column boxes f> none; padding-left: 0; page-break-inside: avoid; } /* Multi-colu
>or smaller links, such as API terms */ .smallMultiColumnList { co>mn boxes for smaller links, such as API terms */ .smallMultiColum
>lumn-width: 120px; -moz-column-width:120px; -webkit-column-width:>nList { column-width: 120px; -moz-column-width:120px; -webkit-col
>120px; -o-column-width:120px; -ms-column-width:120px} .smallMulti>umn-width:120px; -o-column-width:120px; -ms-column-width:120px} .
>ColumnList li { list-style-type: none; padding-left: 0; page-brea>smallMultiColumnList li { list-style-type: none; padding-left: 0;
>k-inside: avoid; } /* Multi-column box for smaller text */ .horiz> page-break-inside: avoid; } /* Multi-column box for smaller text
>FlexboxContainer { display: flex; display: -webkit-flex; flex-flo> */ .horizFlexboxContainer { display: flex; display: -webkit-flex
>w: column nowrap; -webkit-flex-flow: column nowrap; justify-conte>; flex-flow: column nowrap; -webkit-flex-flow: column nowrap; jus
>nt: center; -webkit-justify-content: center; align-content: cente>tify-content: center; -webkit-justify-content: center; align-cont
>r; -webkit-align-content: center; align-items: center; -webkit-al>ent: center; -webkit-align-content: center; align-items: center; 
>ign-items: center; flex-direction: column; -webkit-flex-direction>-webkit-align-items: center; flex-direction: column; -webkit-flex
>: column; } div.smallTextMultiColumnBoxHeading { background-color>-direction: column; } div.smallTextMultiColumnBoxHeading { backgr
>: #aac; border-radius: 10px 10px 0 0; border: 2px solid #ccc; ord>ound-color: #aac; border-radius: 10px 10px 0 0; border: 2px solid
>er: 1; -webkit-order: 1; width: 75%; padding: 10px; flex: 0 1 aut> #ccc; order: 1; -webkit-order: 1; width: 75%; padding: 10px; fle
>o; -webkit-flex: 0 1 auto; font-weight: bold; } div.smallTextMult>x: 0 1 auto; -webkit-flex: 0 1 auto; font-weight: bold; } div.sma
>iColumnBoxList { border: 2px solid #ccc; background-color: #ddf; >llTextMultiColumnBoxList { border: 2px solid #ccc; background-col
>border-top: 0; border-radius: 0 0 10px 10px; width: 75%; padding:>or: #ddf; border-top: 0; border-radius: 0 0 10px 10px; width: 75%
> 10px; order: 2; -webkit-order: 2; flex: 0 1 auto; -webkit-flex: >; padding: 10px; order: 2; -webkit-order: 2; flex: 0 1 auto; -web
>0 1 auto; } div.smallTextMultiColumnBoxList ul { column-width:100>kit-flex: 0 1 auto; } div.smallTextMultiColumnBoxList ul { column
>px; -moz-column-width:100px; -webkit-column-width:100px; -o-colum>-width:100px; -moz-column-width:100px; -webkit-column-width:100px
>n-width:100px; -ms-column-width:100px; } div.smallTextMultiColumn>; -o-column-width:100px; -ms-column-width:100px; } div.smallTextM
>BoxList li { list-style-type: none; padding-left: 0; font-size: 8>ultiColumnBoxList li { list-style-type: none; padding-left: 0; fo
>0%; } /* For ending "text alongside images" blocks; add this clas>nt-size: 80%; } /* For ending "text alongside images" blocks; add
>s to the first block that shouldn't be next to the image */ .endI> this class to the first block that shouldn't be next to the imag
>mageWrapping { clear: both; } /* Fancy Table of content for main >e */ .endImageWrapping { clear: both; } /* Fancy Table of content
>pages of tutorial*/ .fancyTOC { counter-reset: fancyTOC; -moz-col> for main pages of tutorial*/ .fancyTOC { counter-reset: fancyTOC
>umns: 18em; columns: 18em; margin-bottom: 1em } .fancyTOC .button>; -moz-columns: 18em; columns: 18em; margin-bottom: 1em } .fancyT
> { display: block; margin-right: 0; margin-bottom: .25em; backgro>OC .button { display: block; margin-right: 0; margin-bottom: .25e
>und-color: #A24C4C; color: #fff; font-size: 1.5em; line-height: 1>m; background-color: #A24C4C; color: #fff; font-size: 1.5em; line
>.5 } .fancyTOC a::before { counter-increment: fancyTOC; content: >-height: 1.5 } .fancyTOC a::before { counter-increment: fancyTOC;
>counter(fancyTOC) ". " } .fancyTOC a::after { content: ' »' } .fa> content: counter(fancyTOC) ". " } .fancyTOC a::after { content: 
>ncyTOC .button:hover, .fancyTOC .button:focus, .fancyTOC .button:>' »' } .fancyTOC .button:hover, .fancyTOC .button:focus, .fancyTO
>active { background-color: #C26C6C } /* In index, dim obsolete, d>C .button:active { background-color: #C26C6C } /* In index, dim o
>eprecated or non-standard element instead of striking through the>bsolete, deprecated or non-standard element instead of striking t
>m */ s.deprecatedElement, s.obsoleteElement, s.nonStdElement { te>hrough them */ s.deprecatedElement, s.obsoleteElement, s.nonStdEl
>xt-decoration: none; opacity: .3 } /* Add widgeted index, here ad>ement { text-decoration: none; opacity: .3 } /* Add widgeted inde
>ding an HTML5 badge as the bullet of the li element if class="htm>x, here adding an HTML5 badge as the bullet of the li element if 
>l5" */ div.index.widgeted { -webkit-column-width: 10em; -moz-colu>class="html5" */ div.index.widgeted { -webkit-column-width: 10em;
>mn-width: 10em; columns: 10em } div.index.widgeted li { padding-l> -moz-column-width: 10em; columns: 10em } div.index.widgeted li {
>eft: 18px } div.index.widgeted li.html5 { background-image: url("> padding-left: 18px } div.index.widgeted li.html5 { background-im
>/files/3855/HTML5_Badge_16.png"); background-repeat: no-repeat; b>age: url("/files/3855/HTML5_Badge_16.png"); background-repeat: no
>ackground-position: left 4px } [dir="rtl"] div.index.widgeted li >-repeat; background-position: left 4px } [dir="rtl"] div.index.wi
>{ padding-right: 18px } [dir="rtl"] div.index.widgeted li.html5 {>dgeted li { padding-right: 18px } [dir="rtl"] div.index.widgeted 
> background-image: url("/files/3855/HTML5_Badge_16.png"); backgro>li.html5 { background-image: url("/files/3855/HTML5_Badge_16.png"
>und-repeat: no-repeat; background-position: right 4px } [dir="rtl>); background-repeat: no-repeat; background-position: right 4px }
>"] div.index.widgeted span { padding-right:24px } /* Add widgeted> [dir="rtl"] div.index.widgeted span { padding-right:24px } /* Ad
> index, adding a Webcomponent badge of the li element if class="w>d widgeted index, adding a Webcomponent badge of the li element i
>ebcomp" */ div.index.widgeted li.webcomp::after { font-family: Fo>f class="webcomp" */ div.index.widgeted li.webcomp::after { font-
>ntAwesome; content:" \f085";} /* Quicknav template styles : https>family: FontAwesome; content:" \f085";} /* Quicknav template styl
>://developer.mozilla.org/en-US/docs/Template:quicknav -------- */>es : https://developer.mozilla.org/en-US/docs/Template:quicknav -
> #wikiArticle { position: relative; } .quicknav { position: fixed>------- */ #wikiArticle { position: relative; } .quicknav { posit
>; top: 237px; left: 33px; background: #FFF; z-index: 1 } .quickna>ion: fixed; top: 237px; left: 33px; background: #FFF; z-index: 1 
>v dl { max-width: 0; max-height: 300px; overflow: auto; margin: 0>} .quicknav dl { max-width: 0; max-height: 300px; overflow: auto;
>; padding: 10px 0; border: 1px solid transparent; border-left: no> margin: 0; padding: 10px 0; border: 1px solid transparent; borde
>ne -webkit-transition: border .5s ease .1s, max-width .5s ease .1>r-left: none -webkit-transition: border .5s ease .1s, max-width .
>s, padding .5s linear .1s; -moz-transition: border .5s ease .1s, >5s ease .1s, padding .5s linear .1s; -moz-transition: border .5s 
>max-width .5s ease .1s, padding .5s linear .1s; -ms-transition: b>ease .1s, max-width .5s ease .1s, padding .5s linear .1s; -ms-tra
>order .5s ease .1s, max-width .5s ease .1s, padding .5s linear .1>nsition: border .5s ease .1s, max-width .5s ease .1s, padding .5s
>s; -o-transition: border .5s ease .1s, max-width .5s ease .1s, pa> linear .1s; -o-transition: border .5s ease .1s, max-width .5s ea
>dding .5s linear .1s; transition: border .5s ease .1s, max-width >se .1s, padding .5s linear .1s; transition: border .5s ease .1s, 
>.5s ease .1s, padding .5s linear .1s } .quicknav dt, .quicknav dd>max-width .5s ease .1s, padding .5s linear .1s } .quicknav dt, .q
> { margin: 0; padding: 0; white-space: nowrap } .quicknav dt { fo>uicknav dd { margin: 0; padding: 0; white-space: nowrap } .quickn
>nt-weight: 700 } .quicknav dd + dt { margin-top: .5em } .quicknav>av dt { font-weight: 700 } .quicknav dd + dt { margin-top: .5em }
>:hover dl { max-width: 300px; padding: 10px 20px 10px 10px; borde> .quicknav:hover dl { max-width: 300px; padding: 10px 20px 10px 1
>r-color: #ECECE7 } .quicknav .showme { display: block; position: >0px; border-color: #ECECE7 } .quicknav .showme { display: block; 
>absolute; top: 10px; left: -31px; width: 30px; font: 2em sans-ser>position: absolute; top: 10px; left: -31px; width: 30px; font: 2e
>if; color: #CCC; text-align: center; background: #FFF; border-rad>m sans-serif; color: #CCC; text-align: center; background: #FFF; 
>ius: 5px 0 0 5px; border: 1px solid #ECECE7; border-right: none }>border-radius: 5px 0 0 5px; border: 1px solid #ECECE7; border-rig
> .quicknav:hover .showme { color: #333; } .cleared { clear: both >ht: none } .quicknav:hover .showme { color: #333; } .cleared { cl
>} /* This style has problem ! Style attribute of BR element is no>ear: both } /* This style has problem ! Style attribute of BR ele
>t work in Kuma */ .clearLeft { clear: left } /* ltr page only ? *>ment is not work in Kuma */ .clearLeft { clear: left } /* ltr pag
>/ span.comment { display:none; } #wikiArticle .breadcrumbs { disp>e only ? */ span.comment { display:none; } #wikiArticle .breadcru
>lay: block; margin-bottom: 1em } /* The HTML5 landing page has so>mbs { display: block; margin-bottom: 1em } /* The HTML5 landing p
>me special-case stuff, handled here */ /* table.html5ArticleToc {>age has some special-case stuff, handled here */ /* table.html5Ar
> border-width: 5px }*/ table.html5ArticleToc { border-style: none>ticleToc { border-width: 5px }*/ table.html5ArticleToc { border-s
>; border-width: 0; background-color: transparent; border-color: t>tyle: none; border-width: 0; background-color: transparent; borde
>ransparent; width: 100%;} .html5ArticleToc thead th { padding: .5>r-color: transparent; width: 100%;} .html5ArticleToc thead th { p
>em 1em } .html5ArticleToc tbody td { vertical-align: middle } .ht>adding: .5em 1em } .html5ArticleToc tbody td { vertical-align: mi
>ml5ArticleToc ul { margin: 0; padding: 0 } .html5ArticleToc ul li>ddle } .html5ArticleToc ul { margin: 0; padding: 0 } .html5Articl
> { display: inline; margin: 0 .25em } /* The syntax box: the firs>eToc ul li { display: inline; margin: 0 .25em } /* The syntax box
>t one is now used anywhere (DOM, JS, CSS, ...) The twoparts is us>: the first one is now used anywhere (DOM, JS, CSS, ...) The twop
>ed for CSS properties */ pre.syntaxbox { margin-bottom: 1em; back>arts is used for CSS properties */ pre.syntaxbox { margin-bottom:
>ground-color: #ffe; } html:not(.redesign) pre.syntaxbox { border:> 1em; background-color: #ffe; } html:not(.redesign) pre.syntaxbox
> 2px solid #ccc; border-radius: 10px; } pre.twopartsyntaxbox { ma> { border: 2px solid #ccc; border-radius: 10px; } pre.twopartsynt
>rgin-bottom: 0; background-color: #ffe; } html:not(.redesign) pre>axbox { margin-bottom: 0; background-color: #ffe; } html:not(.red
>.twopartsyntaxbox { border:2px solid #bbb; border-radius: 10px 10>esign) pre.twopartsyntaxbox { border:2px solid #bbb; border-radiu
>px 0 0; } pre.twopartsyntaxbox + pre { border-top: none; margin-t>s: 10px 10px 0 0; } pre.twopartsyntaxbox + pre { border-top: none
>op: 0 } html:not(.redesign) pre.twopartsyntaxbox + pre { border: >; margin-top: 0 } html:not(.redesign) pre.twopartsyntaxbox + pre 
>2px solid #bbb; border-radius: 0 0 10px 10px; } table.withoutBord>{ border: 2px solid #bbb; border-radius: 0 0 10px 10px; } table.w
>er, table.withoutBorder td, table.withoutBorder tr, table.without>ithoutBorder, table.withoutBorder td, table.withoutBorder tr, tab
>Border th { border: none } td.horizontalLine { border-left: none >le.withoutBorder th { border: none } td.horizontalLine { border-l
>} td.column { border-bottom: none } td.bottomPart { border-top: n>eft: none } td.column { border-bottom: none } td.bottomPart { bor
>one } /* Use the verticalText class on a table cell to rotate its>der-top: none } /* Use the verticalText class on a table cell to 
> contents 90° */ td.verticalText { width: 3em; -webkit-transform:>rotate its contents 90° */ td.verticalText { width: 3em; -webkit-
> rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: ro>transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-tra
>tate(-90deg); transform: rotate(-90deg) } table.blockTable { bord>nsform: rotate(-90deg); transform: rotate(-90deg) } table.blockTa
>er-collapse: collapse } table.blockTable, table.blockTable td { m>ble { border-collapse: collapse } table.blockTable, table.blockTa
>argin: 1px; padding: 1px } table.blockTable .verticalColumn { bor>ble td { margin: 1px; padding: 1px } table.blockTable .verticalCo
>der-left: none; border-right: none } /* The index page for HTML />lumn { border-left: none; border-right: none } /* The index page 
> CSS */ div.index { -webkit-columns: 16em; -moz-column-width: 16e>for HTML / CSS */ div.index { -webkit-columns: 16em; -moz-column-
>m; columns: 16em } div.index > span { font-family: Georgia, Ti>width: 16em; columns: 16em } div.index > span { font-family: G
>mes, 'Times New Roman', serif; font-size: 1.6em } div.index ul, d>eorgia, Times, 'Times New Roman', serif; font-size: 1.6em } div.i
>iv.index ol { margin-left: 0; padding-left: 0; list-style-type: n>ndex ul, div.index ol { margin-left: 0; padding-left: 0; list-sty
>one } /* Stuff used for the syntax information about CSS, HTML, a>le-type: none } /* Stuff used for the syntax information about CS
>nd so forth */ /* ul.cssprop box used by each CSS Property refere>S, HTML, and so forth */ /* ul.cssprop box used by each CSS Prope
>nce page*/ .cssprop { display: table; padding: 11px 22px; backgro>rty reference page*/ .cssprop { display: table; padding: 11px 22p
>und-color: #eef } .redesign .cssprop { background-color: rgba(255>x; background-color: #eef } .redesign .cssprop { background-color
>, 203, 0, 0.1); } [dir="ltr"] .cssprop { clear: left; border-left>: rgba(255, 203, 0, 0.1); } [dir="ltr"] .cssprop { clear: left; b
>: .15em solid } [dir="rtl"] .cssprop { clear: right; border-right>order-left: .15em solid } [dir="rtl"] .cssprop { clear: right; bo
>: .15em solid } .redesign[dir="ltr"] .cssprop { border-left: 6px >rder-right: .15em solid } .redesign[dir="ltr"] .cssprop { border-
>solid rgba(255,203,0,0.5); } .redesign[dir="rtl"] .cssprop { bord>left: 6px solid rgba(255,203,0,0.5); } .redesign[dir="rtl"] .cssp
>er-right:6px solid rgba(255,203,0,0.5); } .cssprop li { display: >rop { border-right:6px solid rgba(255,203,0,0.5); } .cssprop li {
>table-row; padding: 3px; margin: 0 } .cssprop li dfn { display: t> display: table-row; padding: 3px; margin: 0 } .cssprop li dfn { 
>able-cell; padding: 0 5px; border-bottom: none; white-space: pre;>display: table-cell; padding: 0 5px; border-bottom: none; white-s
> cursor: inherit } .cssprop li dfn:after { content: ":" } .csspro>pace: pre; cursor: inherit } .cssprop li dfn:after { content: ":"
>p li li { display: list-item; list-style-type: disc; line-height:> } .cssprop li li { display: list-item; list-style-type: disc; li
> 1 } /* ul.htmlelt box used by each HTML Element reference page *>ne-height: 1 } /* ul.htmlelt box used by each HTML Element refere
>/ .htmlelt { display: table; padding: 11px 22px; background-color>nce page */ .htmlelt { display: table; padding: 11px 22px; backgr
>: #fe9 } .redesign .htmlelt { background-color:rgba(255,149,0,0.1>ound-color: #fe9 } .redesign .htmlelt { background-color:rgba(255
>); } [dir="ltr"] .htmlelt { clear: left; border-left: .15em solid>,149,0,0.1); } [dir="ltr"] .htmlelt { clear: left; border-left: .
> } [dir="rtl"] .htmlelt { clear: right; border-right: .15em solid>15em solid } [dir="rtl"] .htmlelt { clear: right; border-right: .
> } .redesign[dir="ltr"] .htmlelt { border-left:6px solid rgba(255>15em solid } .redesign[dir="ltr"] .htmlelt { border-left:6px soli
>,149,0,0.5); } .redesign[dir="rtl"] .htmlelt { border-right:6px s>d rgba(255,149,0,0.5); } .redesign[dir="rtl"] .htmlelt { border-r
>olid rgba(255,149,0,0.5); } .htmlelt li { display: table-row; pad>ight:6px solid rgba(255,149,0,0.5); } .htmlelt li { display: tabl
>ding: 3px; margin: 0; text-align: left } .htmlelt li dfn { displa>e-row; padding: 3px; margin: 0; text-align: left } .htmlelt li df
>y: table-cell; padding: 0 5px; border-bottom: none; white-space: >n { display: table-cell; padding: 0 5px; border-bottom: none; whi
>pre; cursor: inherit } .htmlelt li dfn:after { content: ":" } .ht>te-space: pre; cursor: inherit } .htmlelt li dfn:after { content:
>mlelt li li { display: list-item; list-style-type: disc; line-hei> ":" } .htmlelt li li { display: list-item; list-style-type: disc
>ght: 1 } /* ul.audionodebox used by each AudioNode object referen>; line-height: 1 } /* ul.audionodebox used by each AudioNode obje
>ce page*/ .audionodebox { display: table; padding: 11px 22px; bac>ct reference page*/ .audionodebox { display: table; padding: 11px
>kground-color: #fee } .redesign .audionodebox { background-color:> 22px; background-color: #fee } .redesign .audionodebox { backgro
>rgba(117,195,165,0.1); } [dir="ltr"] .audionodebox { clear: left;>und-color:rgba(117,195,165,0.1); } [dir="ltr"] .audionodebox { cl
> border-left: .15em solid } [dir="rtl"] .audionodebox { clear: ri>ear: left; border-left: .15em solid } [dir="rtl"] .audionodebox {
>ght; border-right: .15em solid } .redesign[dir="ltr"] .audionodeb> clear: right; border-right: .15em solid } .redesign[dir="ltr"] .
>ox { border-left:6px solid rgba(117,195,165,0.5); } .redesign[dir>audionodebox { border-left:6px solid rgba(117,195,165,0.5); } .re
>="rtl"] .audionodebox { border-right:6px solid rgba(117,195,165,0>design[dir="rtl"] .audionodebox { border-right:6px solid rgba(117
>.5); } .audionodebox li, .summary-box-js li, .summary-box-events >,195,165,0.5); } .audionodebox li, .summary-box-js li, .summary-b
>li { display: table-row; padding: 3px; margin: 0; text-align: lef>ox-events li { display: table-row; padding: 3px; margin: 0; text-
>t } .audionodebox li dfn, .summary-box-js li dfn, .summary-box-ev>align: left } .audionodebox li dfn, .summary-box-js li dfn, .summ
>ents li dfn { display: table-cell; padding: 0 5px; border-bottom:>ary-box-events li dfn { display: table-cell; padding: 0 5px; bord
> none; white-space: pre; cursor: inherit } .audionodebox li dfn:a>er-bottom: none; white-space: pre; cursor: inherit } .audionodebo
>fter, .summary-box-js li dfn:after, .summary-box-events li dfn:af>x li dfn:after, .summary-box-js li dfn:after, .summary-box-events
>ter { content: ":" } .audionodebox li li, .summary-box-js li li, > li dfn:after { content: ":" } .audionodebox li li, .summary-box-
>.summary-box-events li li { display: list-item; list-style-type: >js li li, .summary-box-events li li { display: list-item; list-st
>disc; line-height: 1 } /* https://developer.mozilla.org/en-US/doc>yle-type: disc; line-height: 1 } /* https://developer.mozilla.org
>s/Template:HTML:Element_Navigation */ table.HTMLElmNav { margin: >/en-US/docs/Template:HTML:Element_Navigation */ table.HTMLElmNav 
>1em auto; border-width: 5px } table.HTMLElmNav th, table.HTMLElmN>{ margin: 1em auto; border-width: 5px } table.HTMLElmNav th, tabl
>av td { text-align: center } .method { margin-left: 10px; margin->e.HTMLElmNav td { text-align: center } .method { margin-left: 10p
>bottom: 2em; margin-top: 1em } .method > .name { display: bloc>x; margin-bottom: 2em; margin-top: 1em } .method > .name { dis
>k; font-size: 13pt; margin-bottom: .2em } .method > .name >>play: block; font-size: 13pt; margin-bottom: .2em } .method > 
> .param: after { content: ","; padding-right: .5em } .method >>.name > .param: after { content: ","; padding-right: .5em } .m
> .name > .param: last-of-type: after { content: "" } .method &>ethod > .name > .param: last-of-type: after { content: "" }
>gt; .name > .param > .name: after { content: " as "; font-w> .method > .name > .param > .name: after { content: " as
>eight: normal } .method > .name > .param: not(.required) { > "; font-weight: normal } .method > .name > .param: not(.re
>font-style: italic } .method > .name > .param: not(.require>quired) { font-style: italic } .method > .name > .param: no
>d): before { content: "[" } .method > .name > .param: not(.>t(.required): before { content: "[" } .method > .name > .pa
>required): after { content: "]" } .method > .description { dis>ram: not(.required): after { content: "]" } .method > .descrip
>play: block; font-size: 10pt; color: #444; font-style: italic; ma>tion { display: block; font-size: 10pt; color: #444; font-style: 
>rgin-bottom: 7px } .method > .name > .returns: before { con>italic; margin-bottom: 7px } .method > .name > .returns: be
>tent: " returns "; font-weight: normal; font-style: italic } .met>fore { content: " returns "; font-weight: normal; font-style: ita
>hod > .name > .returns { font-weight: 700 } .method > .p>lic } .method > .name > .returns { font-weight: 700 } .meth
>arams { display: block; color: #555 } .method > .params > .>od > .params { display: block; color: #555 } .method > .par
>param { display: block; margin-bottom: 5px } .method > .params>ams > .param { display: block; margin-bottom: 5px } .method &g
> > .param > .name { font-weight: 700; margin-right: .5em; m>t; .params > .param > .name { font-weight: 700; margin-righ
>in-width: 80px; display: inline-block } .method > .params >>t: .5em; min-width: 80px; display: inline-block } .method > .p
> .param > .description { display: inline-block; width: 300px; >arams > .param > .description { display: inline-block; widt
>vertical-align: top; margin-right: 30px } .method > .params &g>h: 300px; vertical-align: top; margin-right: 30px } .method > 
>t; .param > .type { display: inline-block; width: 150px; verti>.params > .param > .type { display: inline-block; width: 15
>cal-align: top; font-weight: 700 } .method > .params > .par>0px; vertical-align: top; font-weight: 700 } .method > .params
>am > .type: before { content: "Type "; color: #888; font-weigh> > .param > .type: before { content: "Type "; color: #888; 
>t: normal } .method > .params > .param > .default { disp>font-weight: normal } .method > .params > .param > .defa
>lay: inline-block; width: 150px; vertical-align: top; font-weight>ult { display: inline-block; width: 150px; vertical-align: top; f
>: 700 } .method > .params > .param > .default: before { >ont-weight: 700 } .method > .params > .param > .default:
>content: "Default "; color: #888; font-weight: normal } /* versio> before { content: "Default "; color: #888; font-weight: normal }
>n compatibility banners and notes */ .geckoVersionNote { backgrou> /* version compatibility banners and notes */ .geckoVersionNote 
>nd-color: #E0E0FF; background-image: -moz-radial-gradient(0px 0 4>{ background-color: #E0E0FF; background-image: -moz-radial-gradie
>5deg, circle farthest-corner, #E0E0FF 0%, #F8F8FF 80%); border-le>nt(0px 0 45deg, circle farthest-corner, #E0E0FF 0%, #F8F8FF 80%);
>ft: 5px solid #008 } .geckoVersionNote p { padding-left: 4px; bor> border-left: 5px solid #008 } .geckoVersionNote p { padding-left
>der: 0 } .geckoVersionHeading { background-color: #008; backgroun>: 4px; border: 0 } .geckoVersionHeading { background-color: #008;
>d-image: -moz-linear-gradient(left, #008 50%, #e0e0ff 80%); color> background-image: -moz-linear-gradient(left, #008 50%, #e0e0ff 8
>: #fff; font: 16px/1.7 Verdana, Tahoma, sans-serif; margin-top: 0>0%); color: #fff; font: 16px/1.7 Verdana, Tahoma, sans-serif; mar
>; margin-left: 0; margin-bottom: 4px; height: 42px } .geckoVersio>gin-top: 0; margin-left: 0; margin-bottom: 4px; height: 42px } .g
>nHeading a:link { color: #ddd } .geckoVersionHeading a:visited { >eckoVersionHeading a:link { color: #ddd } .geckoVersionHeading a:
>color: #eee } .geckoVersionHeading a:hover, .geckoVersionHeading >visited { color: #eee } .geckoVersionHeading a:hover, .geckoVersi
>a:focus { color: #fdd } .experimentalIcon { display: inline-block>onHeading a:focus { color: #fdd } .experimentalIcon { display: in
>; width:4px; height:4px; color:orange; background-color:white; bo>line-block; width:4px; height:4px; color:orange; background-color
>rder: 3px solid orange; } .nonstandardIcon { display: inline-bloc>:white; border: 3px solid orange; } .nonstandardIcon { display: i
>k; width:8px; height:8px; color:red; background-color:red; border>nline-block; width:8px; height:8px; color:red; background-color:r
>: 1px solid red; } .obsoleteIcon { display: inline-block; width:8>ed; border: 1px solid red; } .obsoleteIcon { display: inline-bloc
>px; height:8px; color:black; background-color:black; border: 1px >k; width:8px; height:8px; color:black; background-color:black; bo
>solid black; } .deprecatedIcon { display: inline-block; width:4px>rder: 1px solid black; } .deprecatedIcon { display: inline-block;
>; height:4px; color:black; background-color:white; border: 3px so> width:4px; height:4px; color:black; background-color:white; bord
>lid black; } /* Used to to create icon-badged APIs inline */ .ind>er: 3px solid black; } /* Used to to create icon-badged APIs inli
>exListRow { display: -ms-flexbox; display: -webkit-flex; display:>ne */ .indexListRow { display: -ms-flexbox; display: -webkit-flex
> flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex>; display: flex; -webkit-flex-direction: row; -ms-flex-direction:
>-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; fl> row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap
>ex-wrap: wrap; -webkit-justify-content: flex-start; -ms-flex-pack>: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; -ms
>: start; justify-content: flex-start; -webkit-align-content: stre>-flex-pack: start; justify-content: flex-start; -webkit-align-con
>tch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit>tent: stretch; -ms-flex-line-pack: stretch; align-content: stretc
>-align-items: flex-start; -ms-flex-align: start; align-items: fle>h; -webkit-align-items: flex-start; -ms-flex-align: start; align-
>x-start; /*width:100%;*/ } .indexListTerm { -webkit-order: 0; -ms>items: flex-start; /*width:100%;*/ } .indexListTerm { -webkit-ord
>-flex-order: 0; order: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 a>er: 0; -ms-flex-order: 0; order: 0; -webkit-flex: 0 1 auto; -ms-f
>uto; flex: 0 1 auto; -webkit-align-self: flex-start; -ms-flex-ite>lex: 0 1 auto; flex: 0 1 auto; -webkit-align-self: flex-start; -m
>m-align: start; align-self: flex-start; } .indexListBadges { -web>s-flex-item-align: start; align-self: flex-start; } .indexListBad
>kit-order: 0; -ms-flex-order: 0; order: 0; -webkit-flex: 0 1 auto>ges { -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-flex
>; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-align-self: auto; ->: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-align-sel
>ms-flex-item-align: auto; align-self: flex-end; padding-left: 6px>f: auto; -ms-flex-item-align: auto; align-self: flex-end; padding
>; margin-right:6px; } .badge { position: relative; top: -2px; dis>-left: 6px; margin-right:6px; } .badge { position: relative; top:
>play: inline-block; cursor: default; border: 1px solid #aaa; bord> -2px; display: inline-block; cursor: default; border: 1px solid 
>er-radius: 8px; padding: .1em .6em; font-size: 70%; font-weight: >#aaa; border-radius: 8px; padding: .1em .6em; font-size: 70%; fon
>700; height: 1.4em; vertical-align: middle; line-height: 1.3; } .>t-weight: 700; height: 1.4em; vertical-align: middle; line-height
>badgeText { -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphen>: 1.3; } .badgeText { -webkit-hyphens: none; -moz-hyphens: none; 
>s: none; hyphens: none; } .banner { display:block; overflow:hidde>-ms-hyphens: none; hyphens: none; } .banner { display:block; over
>n; font-size: 14px; font-weight: normal; margin: 10px 0px; paddin>flow:hidden; font-size: 14px; font-weight: normal; margin: 10px 0
>g: 2px 10px; } html:not(.redesign) .banner { border: 1px solid #a>px; padding: 2px 10px; } html:not(.redesign) .banner { border: 1p
>aa; border-radius: 8px; } .redesign .banner { font-size:12px; } .>x solid #aaa; border-radius: 8px; } .redesign .banner { font-size
>bannerHeading { text-align: center; font-weight: bold; padding-bo>:12px; } .bannerHeading { text-align: center; font-weight: bold; 
>ttom: 2px; } .redesign .bannerHeading { text-align: inherit; } .b>padding-bottom: 2px; } .redesign .bannerHeading { text-align: inh
>annerText { text-align: center; font-weight: normal; } .icon { pa>erit; } .bannerText { text-align: center; font-weight: normal; } 
>dding-left: 3.1em } [dir=rtl] .icon { padding-left: .8em; padding>.icon { padding-left: 3.1em } [dir=rtl] .icon { padding-left: .8e
>-right: 3.1em; } .icon:before { content: ""; position: absolute; >m; padding-right: 3.1em; } .icon:before { content: ""; position: 
>left: -2px; top: 50%; margin-top: -1.5em; width: 2.8em; height: 2>absolute; left: -2px; top: 50%; margin-top: -1.5em; width: 2.8em;
>.8em; background: white no-repeat center center; background-size:> height: 2.8em; background: white no-repeat center center; backgr
> 2.6em; border-radius: 100%; border: 1px solid #aaa; border-right>ound-size: 2.6em; border-radius: 100%; border: 1px solid #aaa; bo
>: none; box-sizing: border-box; -moz-boxsizing: border-box; } [di>rder-right: none; box-sizing: border-box; -moz-boxsizing: border-
>r=rtl] .icon:before { left: auto; right: -2px; border: 1px solid >box; } [dir=rtl] .icon:before { left: auto; right: -2px; border: 
>#aaa; border-left: none; } /* Used for badging obsolete APIs */ .>1px solid #aaa; border-left: none; } /* Used for badging obsolete
>nonstandardBadge { background: linear-gradient(to right, #f0DE00 > APIs */ .nonstandardBadge { background: linear-gradient(to right
>30%, #f0ff19); color: black; text-shadow: 1px 1px 0 #ddd; } /* Us>, #f0DE00 30%, #f0ff19); color: black; text-shadow: 1px 1px 0 #dd
>ed for badging Gecko minimum version requirements */ .geckoVersio>d; } /* Used for badging Gecko minimum version requirements */ .g
>nBadge { background: linear-gradient(to right, rgb(215, 236, 161)>eckoVersionBadge { background: linear-gradient(to right, rgb(215,
> 30%, rgb(204, 227, 144)); color: black; text-shadow: 1px 1px 0 #> 236, 161) 30%, rgb(204, 227, 144)); color: black; text-shadow: 1
>ddd; border-color: rgb(129, 142, 97); } .redesign .geckoVersionBa>px 1px 0 #ddd; border-color: rgb(129, 142, 97); } .redesign .geck
>dge { background: rgba(117,195,165,0.44); border:5px solid rgba(0>oVersionBadge { background: rgba(117,195,165,0.44); border:5px so
>,0,0,0.05); } /* Used for badging Firefox minimum version require>lid rgba(0,0,0,0.05); } /* Used for badging Firefox minimum versi
>ments */ .firefoxVersionBadge { background-color: #FEDF9E; backgr>on requirements */ .firefoxVersionBadge { background-color: #FEDF
>ound-image: linear-gradient(to right, #FEDF9E 30%, #FEF1D4); back>9E; background-image: linear-gradient(to right, #FEDF9E 30%, #FEF
>ground-repeat: no-repeat; background-size: contain; overflow: hid>1D4); background-repeat: no-repeat; background-size: contain; ove
>den; color: black; text-shadow: 1px 1px 0 #ccc; white-space: nowr>rflow: hidden; color: black; text-shadow: 1px 1px 0 #ccc; white-s
>ap; } .firefoxVersionBadge a:link { color: black; text-decoration>pace: nowrap; } .firefoxVersionBadge a:link { color: black; text-
>: underline; } .firefoxVersionBadge a:visited { color: black; tex>decoration: underline; } .firefoxVersionBadge a:visited { color: 
>t-decoration: underline; } .firefoxVersionBadge a:hover { color: >black; text-decoration: underline; } .firefoxVersionBadge a:hover
>#853; text-decoration: none; } .firefoxVersionBadge a:active { co> { color: #853; text-decoration: none; } .firefoxVersionBadge a:a
>lor:#858; text-decoration: none; } /* Used for badging APIs not i>ctive { color:#858; text-decoration: none; } /* Used for badging 
>mplemented in Firefox */ .unimplementedBadge { background-color: >APIs not implemented in Firefox */ .unimplementedBadge { backgrou
>lightpink; color: black; text-shadow: 1px 1px 0 #ddd; border-colo>nd-color: lightpink; color: black; text-shadow: 1px 1px 0 #ddd; b
>r: deeppink; } /* Used for badging non-standard APIs */ .obsolete>order-color: deeppink; } /* Used for badging non-standard APIs */
>Badge { background: linear-gradient(to right, #FEBCBC 30%, #fffff> .obsoleteBadge { background: linear-gradient(to right, #FEBCBC 3
>0); color: black; text-shadow: 1px 1px 0 #ddd; border-color: #f00>0%, #fffff0); color: black; text-shadow: 1px 1px 0 #ddd; border-c
>; } /* Used for badging deprecated APIs */ .deprecatedBadge { bac>olor: #f00; } /* Used for badging deprecated APIs */ .deprecatedB
>kground: linear-gradient(to right, #ccccff 30%, #eeeeff); color: >adge { background: linear-gradient(to right, #ccccff 30%, #eeeeff
>#000; text-shadow: 1px 1px 0 #ddd; border-color: blue; } /* Used >); color: #000; text-shadow: 1px 1px 0 #ddd; border-color: blue; 
>for badging experimental APIs */ .experimentalBadge { background:>} /* Used for badging experimental APIs */ .experimentalBadge { b
> linear-gradient(to right, #ffefd9 40%, #fffde0); color: #000; te>ackground: linear-gradient(to right, #ffefd9 40%, #fffde0); color
>xt-shadow: 1px 1px 0 #ddd; } /* Used for badging privileged APIs >: #000; text-shadow: 1px 1px 0 #ddd; } /* Used for badging privil
>*/ .privilegedBadge { background: linear-gradient(to right, #FFBD>eged APIs */ .privilegedBadge { background: linear-gradient(to ri
>19 30%, #ffb200); color: #000; text-shadow: 1px 1px 0 #ddd; } [di>ght, #FFBD19 30%, #ffb200); color: #000; text-shadow: 1px 1px 0 #
>r=rtl] .privilegedBadge { background: linear-gradient(to left, #F>ddd; } [dir=rtl] .privilegedBadge { background: linear-gradient(t
>FBD19 30%, #ffb200); } .icon.privilegedBadge:before { background->o left, #FFBD19 30%, #ffb200); } .icon.privilegedBadge:before { b
>color: orange; background-image: url(https://mdn.mozillademos.org>ackground-color: orange; background-image: url(https://mdn.mozill
>/files/5061/firefoxos-logo-sm.png); } .sidebar-box { margin-left:>ademos.org/files/5061/firefoxos-logo-sm.png); } .sidebar-box { ma
> 16px; margin-bottom: 2.5em; border-right: 1px solid #ecf1f3; pad>rgin-left: 16px; margin-bottom: 2.5em; border-right: 1px solid #e
>ding: 12px; background: #f1f6f8 url("img/toc-bg.png") 0 0 no-repe>cf1f3; padding: 12px; background: #f1f6f8 url("img/toc-bg.png") 0
>at; font: 12px Verdana, Tahoma, sans-serif } .sidebar-box h2, .si> 0 no-repeat; font: 12px Verdana, Tahoma, sans-serif } .sidebar-b
>debar-box h3, .sidebar-box h5 { margin-bottom: .5em; font-family:>ox h2, .sidebar-box h3, .sidebar-box h5 { margin-bottom: .5em; fo
> inherit; font-weight: 700 } .sidebar-box h2 { font-size: 1.5em }>nt-family: inherit; font-weight: 700 } .sidebar-box h2 { font-siz
> .sidebar-box h3 { font-size: 1.1em } .sidebar-box h5 { font-size>e: 1.5em } .sidebar-box h3 { font-size: 1.1em } .sidebar-box h5 {
>: .9em } .sidebar-box > ul { float: left; text-align: left; di> font-size: .9em } .sidebar-box > ul { float: left; text-align
>splay: block; padding: 0; margin: auto 0; position: relative } .s>: left; display: block; padding: 0; margin: auto 0; position: rel
>idebar-box ul > li { list-style-type: none } .tab-content-box >ative } .sidebar-box ul > li { list-style-type: none } .tab-co
>{ border-right: 1px solid #ecf1f3; margin-left: 16px; padding: 12>ntent-box { border-right: 1px solid #ecf1f3; margin-left: 16px; p
>px; background: #fff; font: 12px Verdana, Tahoma, sans-serif } .t>adding: 12px; background: #fff; font: 12px Verdana, Tahoma, sans-
>ab-content-box h2, .tab-content-box h3, .tab-content-box h5 { mar>serif } .tab-content-box h2, .tab-content-box h3, .tab-content-bo
>gin-bottom: .5em; font-family: inherit; font-weight: 700 } .tab-c>x h5 { margin-bottom: .5em; font-family: inherit; font-weight: 70
>ontent-box h2 { font-size: 1.5em } .tab-content-box h3 { font-siz>0 } .tab-content-box h2 { font-size: 1.5em } .tab-content-box h3 
>e: 1.1em } .tab-content-box h5 { font-size: .9em } #menuFiller { >{ font-size: 1.1em } .tab-content-box h5 { font-size: .9em } #men
>display: block } /* Horizontal tab boxes */ .htab { margin: 0 aut>uFiller { display: block } /* Horizontal tab boxes */ .htab { mar
>o 1em; display: inline-block; } .htab>ul>li { width: 150px;>gin: 0 auto 1em; display: inline-block; } .htab>ul>li { wid
> height: 28px; list-style-type: none; display: inline; padding-bo>th: 150px; height: 28px; list-style-type: none; display: inline; 
>ttom: 3px; border: 1px solid #ddd; border-radius: 3px 3px 0 0; pa>padding-bottom: 3px; border: 1px solid #ddd; border-radius: 3px 3
>dding-top: 5px; text-align: left; font-size: 13px; font-weight: n>px 0 0; padding-top: 5px; text-align: left; font-size: 13px; font
>ormal; margin: auto; position: relative; padding-left: 6px; paddi>-weight: normal; margin: auto; position: relative; padding-left: 
>ng-right: 6px; border-bottom: none; opacity: .5; -ms-filter: "pro>6px; padding-right: 6px; border-bottom: none; opacity: .5; -ms-fi
>gid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: progid>lter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filt
>:DXImageTransform.Microsoft.Alpha(Opacity=50); cursor: pointer; }>er: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); cursor: 
> .htab>ul>li.selected { opacity: 1 !important; -ms-filter: >pointer; } .htab>ul>li.selected { opacity: 1 !important; -m
>"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: p>s-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
>rogid:DXImageTransform.Microsoft.Alpha(Opacity=100); border: 1px > filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); bo
>solid #ddd; border-bottom: none; z-index: 10; background-color: r>rder: 1px solid #ddd; border-bottom: none; z-index: 10; backgroun
>gba(234, 239, 242,1) !important; position: relative; cursor: poin>d-color: rgba(234, 239, 242,1) !important; position: relative; cu
>ter; font-weight: bold; } .htab>ul>li.selected a { color: #>rsor: pointer; font-weight: bold; } .htab>ul>li.selected a 
>000; } .htab>ul { width: 150px; text-align: left; display: inl>{ color: #000; } .htab>ul { width: 150px; text-align: left; di
>ine; padding: 0; margin: 0 auto; position: relative; top: 0; } .h>splay: inline; padding: 0; margin: 0 auto; position: relative; to
>tab>div { background-color: #f1f6f8; margin-top: 0; border: 1p>p: 0; } .htab>div { background-color: #f1f6f8; margin-top: 0; 
>x solid #ddd; padding: 12px; position: relative; z-index: 9; word>border: 1px solid #ddd; padding: 12px; position: relative; z-inde
>-wrap: break-word; } /* Compatibility tables */ table.compat-tabl>x: 9; word-wrap: break-word; } /* Compatibility tables */ table.c
>e { border-color: #bbb; margin: 0 } .redesign table.compat-table >ompat-table { border-color: #bbb; margin: 0 } .redesign table.com
>{ border-color:rgba(0,0,0,0); } table.compat-table td { padding: >pat-table { border-color:rgba(0,0,0,0); } table.compat-table td {
>5px; border: 1px solid #ccc; background: #fff; vertical-align: to> padding: 5px; border: 1px solid #ccc; background: #fff; vertical
>p; word-wrap: break-word } .redesign table.compat-table td { bord>-align: top; word-wrap: break-word } .redesign table.compat-table
>er:1px solid rgba(212,221,228,0.25); font-size:12px; } table.comp> td { border:1px solid rgba(212,221,228,0.25); font-size:12px; } 
>at-table th, table.compat-table td.header { border: 1px solid #bb>table.compat-table th, table.compat-table td.header { border: 1px
>b; padding: 0 5px; background: #eee; font-weight: 700 } .redesign> solid #bbb; padding: 0 5px; background: #eee; font-weight: 700 }
> table.compat-table th, .redesign table.compat-table td.header { > .redesign table.compat-table th, .redesign table.compat-table td
>border:1px solid rgba(212,221,228,0); background:none; font-weigh>.header { border:1px solid rgba(212,221,228,0); background:none; 
>t:200; font-family:'Open Sans Light',sans-serif; font-size:16px; >font-weight:200; font-family:'Open Sans Light',sans-serif; font-s
>line-height:100%; padding:2px 4px 8px; } div.action-driven { disp>ize:16px; line-height:100%; padding:2px 4px 8px; } div.action-dri
>lay: inline-block; float: none; min-height: 8.5em; margin: .8em; >ven { display: inline-block; float: none; min-height: 8.5em; marg
>box-shadow: .2em .1em .1em #808080; vertical-align: top; } div.ac>in: .8em; box-shadow: .2em .1em .1em #808080; vertical-align: top
>tion-driven > div { font: 400 20px 'Bebas Neue', 'League Gothi>; } div.action-driven > div { font: 400 20px 'Bebas Neue', 'Le
>c', Haettenschweiler, Impact, 'Arial Narrow', Meiryo, sans-serif;>ague Gothic', Haettenschweiler, Impact, 'Arial Narrow', Meiryo, s
> text-transform: uppercase } /* standard coloring */ .notice.expe>ans-serif; text-transform: uppercase } /* standard coloring */ .n
>rimental { border-color: #09d; color: 0; background-color: #C9EDF>otice.experimental { border-color: #09d; color: 0; background-col
>C;clear:none;} .redesign .notice.experimental { background-color:>or: #C9EDFC;clear:none;} .redesign .notice.experimental { backgro
>rgba(255,203,0,0.5); border-color:rgba(0,0,0,0.05); border-style:>und-color:rgba(255,203,0,0.5); border-color:rgba(0,0,0,0.05); bor
>solid!important; border-width:5px!important; } /* New theme actio>der-style:solid!important; border-width:5px!important; } /* New t
>n-driven */ .card-grid > li > span:first-of-type {font-weig>heme action-driven */ .card-grid > li > span:first-of-type 
>ht: bold} @media only screen and (min-width:760px) { .card-grid {>{font-weight: bold} @media only screen and (min-width:760px) { .c
> list-style: none outside none; } .card-grid > li > span:fi>ard-grid { list-style: none outside none; } .card-grid > li &g
>rst-of-type {font-weight: normal} .card-grid > li { background>t; span:first-of-type {font-weight: normal} .card-grid > li { 
>-color: rgb(204, 204, 204); background-image: -moz-linear-gradien>background-color: rgb(204, 204, 204); background-image: -moz-line
>t(center top , rgb(221, 221, 221) 0px, rgb(187, 187, 187) 100%); >ar-gradient(center top , rgb(221, 221, 221) 0px, rgb(187, 187, 18
>border-radius: 6px; background-clip: padding-box; box-shadow: 0px>7) 100%); border-radius: 6px; background-clip: padding-box; box-s
> 2px 4px rgba(0, 0, 0, 0.1); display: inline-block; margin: 3px 1>hadow: 0px 2px 4px rgba(0, 0, 0, 0.1); display: inline-block; mar
>2px 20px; padding: 20px; position: relative; vertical-align: top;>gin: 3px 12px 20px; padding: 20px; position: relative; vertical-a
> width: 200px; word-wrap: break-word; z-index: 1; min-height: 130>lign: top; width: 200px; word-wrap: break-word; z-index: 1; min-h
>px; } .card-grid > li:before { background: none repeat scroll >eight: 130px; } .card-grid > li:before { background: none repe
>0% 0% padding-box rgb(255, 255, 255); border-radius: 5px; bottom:>at scroll 0% 0% padding-box rgb(255, 255, 255); border-radius: 5p
> 1px; content: ""; left: 1px; position: absolute; right: 1px; top>x; bottom: 1px; content: ""; left: 1px; position: absolute; right
>: 1px; z-index: -1; } .redesign .card-grid > li:before { backg>: 1px; top: 1px; z-index: -1; } .redesign .card-grid > li:befo
>round: none; border-radius: 0; } .card-grid > li span { displa>re { background: none; border-radius: 0; } .card-grid > li spa
>y: block; font-family: 'Open Sans Light',Arial,Helvetica,sans-ser>n { display: block; font-family: 'Open Sans Light',Arial,Helvetic
>if; font-size: 22px; letter-spacing: -1px; line-height: 22px; mar>a,sans-serif; font-size: 22px; letter-spacing: -1px; line-height:
>gin-bottom: 12px; } } .redesign .card-grid > li { background-c> 22px; margin-bottom: 12px; } } .redesign .card-grid > li { ba
>olor:rgba(234,239,242,0.5); border-radius: 0; box-shadow:3px 3px >ckground-color:rgba(234,239,242,0.5); border-radius: 0; box-shado
>0 3px rgba(212,221,228,0.5); background-image: none; } /*-------->w:3px 3px 0 3px rgba(212,221,228,0.5); background-image: none; } 
>--------- for Topic page */ table.topicpage-table, table.topicpag>/*----------------- for Topic page */ table.topicpage-table, tabl
>e-table td, table.topicpage-table tr, table.topicpage-table th { >e.topicpage-table td, table.topicpage-table tr, table.topicpage-t
>border: none } .topicpage-table .section { padding-right:1em} /* >able th { border: none } .topicpage-table .section { padding-righ
>New theme */ dl { margin-bottom: 20px} .center .topicpage-table h>t:1em} /* New theme */ dl { margin-bottom: 20px} .center .topicpa
>2 { font-family: 'Open Sans Light', sans-serif } .topicpage-table>ge-table h2 { font-family: 'Open Sans Light', sans-serif } .topic
> ul {padding-left: 20px; } /* Old theme */ /* "table.topicpage-ta>page-table ul {padding-left: 20px; } /* Old theme */ /* "table.to
>ble h2 { --font-setting-- }" is better than this. .topicpage-tabl>picpage-table h2 { --font-setting-- }" is better than this. .topi
>e .Documentation, .topicpage-table .Community, .topicpage-table .>cpage-table .Documentation, .topicpage-table .Community, .topicpa
>Tools, .topicpage-table .Related_Topics { background-image: url('>ge-table .Tools, .topicpage-table .Related_Topics { background-im
>/media/img/icons-sections.png'); background-repeat: no-repeat; ma>age: url('/media/img/icons-sections.png'); background-repeat: no-
>rgin: 0 0 .25em; padding: 18px 18px 0 65px; min-height: 48px; fon>repeat; margin: 0 0 .25em; padding: 18px 18px 0 65px; min-height:
>t: 400 28px/1 'Bebas Neue', 'League Gothic', Haettenschweiler, Im> 48px; font: 400 28px/1 'Bebas Neue', 'League Gothic', Haettensch
>pact, 'Arial Narrow', Meiryo, sans-serif; text-transform: upperca>weiler, Impact, 'Arial Narrow', Meiryo, sans-serif; text-transfor
>se; border: none } */ /* this is an unadorned heading, without an>m: uppercase; border: none } */ /* this is an unadorned heading, 
> icon */ //.topicpage-table .Heading { margin: 0 0 .25em; padding>without an icon */ //.topicpage-table .Heading { margin: 0 0 .25e
>: 18px 18px 0 0; min-height: 48px; font: 400 28px/1 'Bebas Neue',>m; padding: 18px 18px 0 0; min-height: 48px; font: 400 28px/1 'Be
> 'League Gothic', Haettenschweiler, Impact, 'Arial Narrow', Meiry>bas Neue', 'League Gothic', Haettenschweiler, Impact, 'Arial Narr
>o, sans-serif; text-transform: uppercase; border: none } /* [dir=>ow', Meiryo, sans-serif; text-transform: uppercase; border: none 
>"rtl"] .topicpage-table .Documentation, [dir="rtl"] .topicpage-ta>} /* [dir="rtl"] .topicpage-table .Documentation, [dir="rtl"] .to
>ble .Community, [dir="rtl"] .topicpage-table .Tools, [dir="rtl"] >picpage-table .Community, [dir="rtl"] .topicpage-table .Tools, [d
>.topicpage-table .Heading, [dir="rtl"] .topicpage-table .Related_>ir="rtl"] .topicpage-table .Heading, [dir="rtl"] .topicpage-table
>Topics { padding: 18px 65px 0 18px; } .topicpage-table .Documenta> .Related_Topics { padding: 18px 65px 0 18px; } .topicpage-table 
>tion { background-position: 0 0 } .topicpage-table .Community { b>.Documentation { background-position: 0 0 } .topicpage-table .Com
>ackground-position: 0 -200px } .topicpage-table .Tools { backgrou>munity { background-position: 0 -200px } .topicpage-table .Tools 
>nd-position: 0 -400px } .topicpage-table .Related_Topics { backgr>{ background-position: 0 -400px } .topicpage-table .Related_Topic
>ound-position: 0 -600px } [dir="rtl"] .topicpage-table .Documenta>s { background-position: 0 -600px } [dir="rtl"] .topicpage-table 
>tion { background-position: right 0 } [dir="rtl"] .topicpage-tabl>.Documentation { background-position: right 0 } [dir="rtl"] .topi
>e .Community { background-position: right -200px } [dir="rtl"] .t>cpage-table .Community { background-position: right -200px } [dir
>opicpage-table .Tools { background-position: right -400px } [dir=>="rtl"] .topicpage-table .Tools { background-position: right -400
>"rtl"] .topicpage-table .Related_Topics { background-position: ri>px } [dir="rtl"] .topicpage-table .Related_Topics { background-po
>ght -600px } */ /* for Topic Page 2 (This is Test )*/ /* USAGE:>sition: right -600px } */ /* for Topic Page 2 (This is Test )*/ /
 >* USAGE:

Back to History