Compare Revisions

Template:CustomCSS

Revision 485421:

Revision 485421 by teoli on

Revision 485423:

Revision 485423 by teoli on

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

Revision 485421
Revision 485423
t7    @charset "utf-8"; /* This is a special template used as a cust7    @charset "utf-8"; /* This is a special template used as a cus
>tom CSS for MDN. *//* When editing this stylesheet, please be car>tom CSS for MDN. *//* When editing this stylesheet, please be car
>eful of different writing direction pages like: https://developer>eful of different writing direction pages like: https://developer
>.mozilla.org/he/docs/HTML If you add a custom CSS class, please t>.mozilla.org/he/docs/HTML If you add a custom CSS class, please t
>ry one of the following. 1, Report to the (evil) leader. 2, Write>ry one of the following. 1, Report to the (evil) leader. 2, Write
> a description about the class that you have added to -- https://> a description about the class that you have added to -- https://
>developer.mozilla.org/en-US/docs/Project:Custom_CSS_Classes -- */>developer.mozilla.org/en-US/docs/Project:Custom_CSS_Classes -- */
> /* Make the 2nd breadcrumbs disappear, only if the page has been> /* Make the 2nd breadcrumbs disappear, only if the page has been
> regenerated with a modern template */ .column-container #wikiArt> regenerated with a modern template */ .column-container #wikiArt
>icle .themeUpdated { display:none } /* Make the Quick Links be hi>icle .themeUpdated { display:none } /* Make the Quick Links be hi
>dden in the old theme */ html:not(.redesign) #Quick_Links { displ>dden in the old theme */ html:not(.redesign) #Quick_Links { displ
>ay:none} html:not(.redesign) h2#Quick_Links + ol { display:none} >ay:none} html:not(.redesign) h2#Quick_Links + ol { display:none} 
>/* remove left margin from Font Awesome icons inside wiki content>/* remove left margin from Font Awesome icons inside wiki content
>; this is messing up document content */ #wikiArticle i[class^="i>; this is messing up document content */ #wikiArticle i[class^="i
>con-"] { margin-left: 0px; } /* Iframe for live sample centered (>con-"] { margin-left: 0px; } /* Iframe for live sample centered (
>Test) */ .centered iframe { display: block; margin: 0 auto;border>Test) */ .centered iframe { display: block; margin: 0 auto;border
>:none } /* Simulate two columns for landing page, if enough space>:none } /* Simulate two columns for landing page, if enough space
> is available */ @media (min-width:840px) { .topicpage-table {dis> is available */ @media (min-width:840px) { .topicpage-table {dis
>play: table; border-collapse: separate; border-spacing: 20px 0 } >play: table; border-collapse: separate; border-spacing: 20px 0 } 
>/* Next line to remove once the redesign is live: */ .topicpage-t>/* Next line to remove once the redesign is live: */ .topicpage-t
>able .section:first-of-type { margin-right: 20px; border-right: s>able .section:first-of-type { margin-right: 20px; border-right: s
>olid 1px lightgrey; } .redesign .topicpage-table .section:first-o>olid 1px lightgrey; } .redesign .topicpage-table .section:first-o
>f-type { border-right:solid 6px rgba(212,221,228,0.5); } [dir="rt>f-type { border-right:solid 6px rgba(212,221,228,0.5); } html[dir
>l"] .redesign .topicpage-table .section:first-of-type { border-le>="rtl"] .redesign .topicpage-table .section:first-of-type { borde
>ft:solid 6px rgba(212,221,228,0.5); border-right: none; } .landin>r-left:solid 6px rgba(212,221,228,0.5); border-right: none; } .la
>g { display: table-row;} .section { display: table-cell; width:50>nding { display: table-row;} .section { display: table-cell; widt
>%;} } /* For Landing page boxes; these are boxes displayed within>h:50%;} } /* For Landing page boxes; these are boxes displayed wi
> columns on landing pages, such as the Community and Related boxe>thin columns on landing pages, such as the Community and Related 
>s. */ .landingPageBox { width: 100%; padding: 0px; border-bottom:>boxes. */ .landingPageBox { width: 100%; padding: 0px; border-bot
> 1px solid #bbb; margin-bottom: 3px; } .landingPageBox ul { paddi>tom: 1px solid #bbb; margin-bottom: 3px; } .landingPageBox ul { p
>ng-left: 44px; } /* Wide column box */ .wideColumnBox { column-wi>adding-left: 44px; } /* Wide column box */ .wideColumnBox { colum
>dth:375px; -moz-column-width:375px; -webkit-column-width:375px; ->n-width:375px; -moz-column-width:375px; -webkit-column-width:375p
>o-column-width:375px; -ms-column-width:375px;} .wideColumnBoxList>x; -o-column-width:375px; -ms-column-width:375px;} .wideColumnBox
> li { line-height: 1.5; list-style-type: none; padding-left: 0; p>List li { line-height: 1.5; list-style-type: none; padding-left: 
>age-break-inside: avoid; } /* Multi-column boxes for lists of lon>0; page-break-inside: avoid; } /* Multi-column boxes for lists of
>ger links; this will adapt based on screen width */ .multiColumnL> longer links; this will adapt based on screen width */ .multiCol
>ist { column-width:250px; -moz-column-width:250px; -webkit-column>umnList { column-width:250px; -moz-column-width:250px; -webkit-co
>-width:250px; -o-column-width:250px; -ms-column-width:250px;} .mu>lumn-width:250px; -o-column-width:250px; -ms-column-width:250px;}
>ltiColumnList li { line-height: 1.5; list-style-type: none; paddi> .multiColumnList li { line-height: 1.5; list-style-type: none; p
>ng-left: 0; page-break-inside: avoid; } /* Multi-column boxes for>adding-left: 0; page-break-inside: avoid; } /* Multi-column boxes
> smaller links, such as API terms */ .smallMultiColumnList { colu> for smaller links, such as API terms */ .smallMultiColumnList { 
>mn-width: 120px; -moz-column-width:120px; -webkit-column-width:12>column-width: 120px; -moz-column-width:120px; -webkit-column-widt
>0px; -o-column-width:120px; -ms-column-width:120px} .smallMultiCo>h:120px; -o-column-width:120px; -ms-column-width:120px} .smallMul
>lumnList li { list-style-type: none; padding-left: 0; page-break->tiColumnList li { list-style-type: none; padding-left: 0; page-br
>inside: avoid; } /* Multi-column box for smaller text */ .horizFl>eak-inside: avoid; } /* Multi-column box for smaller text */ .hor
>exboxContainer { display: flex; display: -webkit-flex; flex-flow:>izFlexboxContainer { display: flex; display: -webkit-flex; flex-f
> column nowrap; -webkit-flex-flow: column nowrap; justify-content>low: column nowrap; -webkit-flex-flow: column nowrap; justify-con
>: center; -webkit-justify-content: center; align-content: center;>tent: center; -webkit-justify-content: center; align-content: cen
> -webkit-align-content: center; align-items: center; -webkit-alig>ter; -webkit-align-content: center; align-items: center; -webkit-
>n-items: center; flex-direction: column; -webkit-flex-direction: >align-items: center; flex-direction: column; -webkit-flex-directi
>column; } div.smallTextMultiColumnBoxHeading { background-color: >on: column; } div.smallTextMultiColumnBoxHeading { background-col
>#aac; border-radius: 10px 10px 0 0; border: 2px solid #ccc; order>or: #aac; border-radius: 10px 10px 0 0; border: 2px solid #ccc; o
>: 1; -webkit-order: 1; width: 75%; padding: 10px; flex: 0 1 auto;>rder: 1; -webkit-order: 1; width: 75%; padding: 10px; flex: 0 1 a
> -webkit-flex: 0 1 auto; font-weight: bold; } div.smallTextMultiC>uto; -webkit-flex: 0 1 auto; font-weight: bold; } div.smallTextMu
>olumnBoxList { border: 2px solid #ccc; background-color: #ddf; bo>ltiColumnBoxList { border: 2px solid #ccc; background-color: #ddf
>rder-top: 0; border-radius: 0 0 10px 10px; width: 75%; padding: 1>; border-top: 0; border-radius: 0 0 10px 10px; width: 75%; paddin
>0px; order: 2; -webkit-order: 2; flex: 0 1 auto; -webkit-flex: 0 >g: 10px; order: 2; -webkit-order: 2; flex: 0 1 auto; -webkit-flex
>1 auto; } div.smallTextMultiColumnBoxList ul { column-width:100px>: 0 1 auto; } div.smallTextMultiColumnBoxList ul { column-width:1
>; -moz-column-width:100px; -webkit-column-width:100px; -o-column->00px; -moz-column-width:100px; -webkit-column-width:100px; -o-col
>width:100px; -ms-column-width:100px; } div.smallTextMultiColumnBo>umn-width:100px; -ms-column-width:100px; } div.smallTextMultiColu
>xList li { list-style-type: none; padding-left: 0; font-size: 80%>mnBoxList li { list-style-type: none; padding-left: 0; font-size:
>; } /* For ending "text alongside images" blocks; add this class > 80%; } /* For ending "text alongside images" blocks; add this cl
>to the first block that shouldn't be next to the image */ .endIma>ass to the first block that shouldn't be next to the image */ .en
>geWrapping { clear: both; } /* Fancy Table of content for main pa>dImageWrapping { clear: both; } /* Fancy Table of content for mai
>ges of tutorial*/ .fancyTOC { counter-reset: fancyTOC; -moz-colum>n pages of tutorial*/ .fancyTOC { counter-reset: fancyTOC; -moz-c
>ns: 18em; columns: 18em; margin-bottom: 1em } .fancyTOC .button {>olumns: 18em; columns: 18em; margin-bottom: 1em } .fancyTOC .butt
> display: block; margin-right: 0; margin-bottom: .25em; backgroun>on { display: block; margin-right: 0; margin-bottom: .25em; backg
>d-color: #A24C4C; color: #fff; font-size: 1.5em; line-height: 1.5>round-color: #A24C4C; color: #fff; font-size: 1.5em; line-height:
> } .fancyTOC a::before { counter-increment: fancyTOC; content: co> 1.5 } .fancyTOC a::before { counter-increment: fancyTOC; content
>unter(fancyTOC) ". " } .fancyTOC a::after { content: ' »' } .fanc>: counter(fancyTOC) ". " } .fancyTOC a::after { content: ' »' } .
>yTOC .button:hover, .fancyTOC .button:focus, .fancyTOC .button:ac>fancyTOC .button:hover, .fancyTOC .button:focus, .fancyTOC .butto
>tive { background-color: #C26C6C } /* In index, dim obsolete, dep>n:active { background-color: #C26C6C } /* In index, dim obsolete,
>recated or non-standard element instead of striking through them > deprecated or non-standard element instead of striking through t
>*/ s.deprecatedElement, s.obsoleteElement, s.nonStdElement { text>hem */ s.deprecatedElement, s.obsoleteElement, s.nonStdElement { 
>-decoration: none; opacity: .3 } /* Add widgeted index, here addi>text-decoration: none; opacity: .3 } /* Add widgeted index, here 
>ng an HTML5 badge as the bullet of the li element if class="html5>adding an HTML5 badge as the bullet of the li element if class="h
>" */ div.index.widgeted { -webkit-column-width: 10em; -moz-column>tml5" */ div.index.widgeted { -webkit-column-width: 10em; -moz-co
>-width: 10em; columns: 10em } div.index.widgeted li { padding-lef>lumn-width: 10em; columns: 10em } div.index.widgeted li { padding
>t: 18px } div.index.widgeted li.html5 { background-image: url("/f>-left: 18px } div.index.widgeted li.html5 { background-image: url
>iles/3855/HTML5_Badge_16.png"); background-repeat: no-repeat; bac>("/files/3855/HTML5_Badge_16.png"); background-repeat: no-repeat;
>kground-position: left 4px } [dir="rtl"] div.index.widgeted li { > background-position: left 4px } [dir="rtl"] div.index.widgeted l
>padding-right: 18px } [dir="rtl"] div.index.widgeted li.html5 { b>i { padding-right: 18px } [dir="rtl"] div.index.widgeted li.html5
>ackground-image: url("/files/3855/HTML5_Badge_16.png"); backgroun> { background-image: url("/files/3855/HTML5_Badge_16.png"); backg
>d-repeat: no-repeat; background-position: right 4px } [dir="rtl"]>round-repeat: no-repeat; background-position: right 4px } [dir="r
> div.index.widgeted span { padding-right:24px } /* Add widgeted i>tl"] div.index.widgeted span { padding-right:24px } /* Add widget
>ndex, adding a Webcomponent badge of the li element if class="web>ed index, adding a Webcomponent badge of the li element if class=
>comp" */ div.index.widgeted li.webcomp::after { font-family: Font>"webcomp" */ div.index.widgeted li.webcomp::after { font-family: 
>Awesome; content:" \f085";} /* Quicknav template styles : https:/>FontAwesome; content:" \f085";} /* Quicknav template styles : htt
>/developer.mozilla.org/en-US/docs/Template:quicknav -------- */ #>ps://developer.mozilla.org/en-US/docs/Template:quicknav -------- 
>wikiArticle { position: relative; } .quicknav { position: fixed; >*/ #wikiArticle { position: relative; } .quicknav { position: fix
>top: 237px; left: 33px; background: #FFF; z-index: 1 } .quicknav >ed; top: 237px; left: 33px; background: #FFF; z-index: 1 } .quick
>dl { max-width: 0; max-height: 300px; overflow: auto; margin: 0; >nav dl { max-width: 0; max-height: 300px; overflow: auto; margin:
>padding: 10px 0; border: 1px solid transparent; border-left: none> 0; padding: 10px 0; border: 1px solid transparent; border-left: 
> -webkit-transition: border .5s ease .1s, max-width .5s ease .1s,>none -webkit-transition: border .5s ease .1s, max-width .5s ease 
> padding .5s linear .1s; -moz-transition: border .5s ease .1s, ma>.1s, padding .5s linear .1s; -moz-transition: border .5s ease .1s
>x-width .5s ease .1s, padding .5s linear .1s; -ms-transition: bor>, max-width .5s ease .1s, padding .5s linear .1s; -ms-transition:
>der .5s ease .1s, max-width .5s ease .1s, padding .5s linear .1s;> border .5s ease .1s, max-width .5s ease .1s, padding .5s linear 
> -o-transition: border .5s ease .1s, max-width .5s ease .1s, padd>.1s; -o-transition: border .5s ease .1s, max-width .5s ease .1s, 
>ing .5s linear .1s; transition: border .5s ease .1s, max-width .5>padding .5s linear .1s; transition: border .5s ease .1s, max-widt
>s ease .1s, padding .5s linear .1s } .quicknav dt, .quicknav dd {>h .5s ease .1s, padding .5s linear .1s } .quicknav dt, .quicknav 
> margin: 0; padding: 0; white-space: nowrap } .quicknav dt { font>dd { margin: 0; padding: 0; white-space: nowrap } .quicknav dt { 
>-weight: 700 } .quicknav dd + dt { margin-top: .5em } .quicknav:h>font-weight: 700 } .quicknav dd + dt { margin-top: .5em } .quickn
>over dl { max-width: 300px; padding: 10px 20px 10px 10px; border->av:hover dl { max-width: 300px; padding: 10px 20px 10px 10px; bor
>color: #ECECE7 } .quicknav .showme { display: block; position: ab>der-color: #ECECE7 } .quicknav .showme { display: block; position
>solute; top: 10px; left: -31px; width: 30px; font: 2em sans-serif>: absolute; top: 10px; left: -31px; width: 30px; font: 2em sans-s
>; color: #CCC; text-align: center; background: #FFF; border-radiu>erif; color: #CCC; text-align: center; background: #FFF; border-r
>s: 5px 0 0 5px; border: 1px solid #ECECE7; border-right: none } .>adius: 5px 0 0 5px; border: 1px solid #ECECE7; border-right: none
>quicknav:hover .showme { color: #333; } .cleared { clear: both } > } .quicknav:hover .showme { color: #333; } .cleared { clear: bot
>/* This style has problem ! Style attribute of BR element is not >h } /* This style has problem ! Style attribute of BR element is 
>work in Kuma */ .clearLeft { clear: left } /* ltr page only ? */ >not work in Kuma */ .clearLeft { clear: left } /* ltr page only ?
>span.comment { display:none; } #wikiArticle .breadcrumbs { displa> */ span.comment { display:none; } #wikiArticle .breadcrumbs { di
>y: block; margin-bottom: 1em } /* The HTML5 landing page has some>splay: block; margin-bottom: 1em } /* The HTML5 landing page has 
> special-case stuff, handled here */ /* table.html5ArticleToc { b>some special-case stuff, handled here */ /* table.html5ArticleToc
>order-width: 5px }*/ table.html5ArticleToc { border-style: none; > { border-width: 5px }*/ table.html5ArticleToc { border-style: no
>border-width: 0; background-color: transparent; border-color: tra>ne; border-width: 0; background-color: transparent; border-color:
>nsparent; width: 100%;} .html5ArticleToc thead th { padding: .5em> transparent; width: 100%;} .html5ArticleToc thead th { padding: 
> 1em } .html5ArticleToc tbody td { vertical-align: middle } .html>.5em 1em } .html5ArticleToc tbody td { vertical-align: middle } .
>5ArticleToc ul { margin: 0; padding: 0 } .html5ArticleToc ul li {>html5ArticleToc ul { margin: 0; padding: 0 } .html5ArticleToc ul 
> display: inline; margin: 0 .25em } /* The syntax box: the first >li { display: inline; margin: 0 .25em } /* The syntax box: the fi
>one is now used anywhere (DOM, JS, CSS, ...) The twoparts is used>rst one is now used anywhere (DOM, JS, CSS, ...) The twoparts is 
> for CSS properties */ pre.syntaxbox { margin-bottom: 1em; backgr>used for CSS properties */ pre.syntaxbox { margin-bottom: 1em; ba
>ound-color: #ffe; } html:not(.redesign) pre.syntaxbox { border: 2>ckground-color: #ffe; } html:not(.redesign) pre.syntaxbox { borde
>px solid #ccc; border-radius: 10px; } pre.twopartsyntaxbox { marg>r: 2px solid #ccc; border-radius: 10px; } pre.twopartsyntaxbox { 
>in-bottom: 0; background-color: #ffe; } html:not(.redesign) pre.t>margin-bottom: 0; background-color: #ffe; } html:not(.redesign) p
>wopartsyntaxbox { border:2px solid #bbb; border-radius: 10px 10px>re.twopartsyntaxbox { border:2px solid #bbb; border-radius: 10px 
> 0 0; } pre.twopartsyntaxbox + pre { border-top: none; margin-top>10px 0 0; } pre.twopartsyntaxbox + pre { border-top: none; margin
>: 0 } html:not(.redesign) pre.twopartsyntaxbox + pre { border: 2p>-top: 0 } html:not(.redesign) pre.twopartsyntaxbox + pre { border
>x solid #bbb; border-radius: 0 0 10px 10px; } table.withoutBorder>: 2px solid #bbb; border-radius: 0 0 10px 10px; } table.withoutBo
>, table.withoutBorder td, table.withoutBorder tr, table.withoutBo>rder, table.withoutBorder td, table.withoutBorder tr, table.witho
>rder th { border: none } td.horizontalLine { border-left: none } >utBorder th { border: none } td.horizontalLine { border-left: non
>td.column { border-bottom: none } td.bottomPart { border-top: non>e } td.column { border-bottom: none } td.bottomPart { border-top:
>e } /* Use the verticalText class on a table cell to rotate its c> none } /* Use the verticalText class on a table cell to rotate i
>ontents 90° */ td.verticalText { width: 3em; -webkit-transform: r>ts contents 90° */ td.verticalText { width: 3em; -webkit-transfor
>otate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rota>m: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: 
>te(-90deg); transform: rotate(-90deg) } table.blockTable { border>rotate(-90deg); transform: rotate(-90deg) } table.blockTable { bo
>-collapse: collapse } table.blockTable, table.blockTable td { mar>rder-collapse: collapse } table.blockTable, table.blockTable td {
>gin: 1px; padding: 1px } table.blockTable .verticalColumn { borde> margin: 1px; padding: 1px } table.blockTable .verticalColumn { b
>r-left: none; border-right: none } /* The index page for HTML / C>order-left: none; border-right: none } /* The index page for HTML
>SS */ div.index { -webkit-columns: 16em; -moz-column-width: 16em;> / CSS */ div.index { -webkit-columns: 16em; -moz-column-width: 1
> columns: 16em } div.index > span { font-family: Georgia, Time>6em; columns: 16em } div.index > span { font-family: Georgia, 
>s, 'Times New Roman', serif; font-size: 1.6em } div.index ul, div>Times, 'Times New Roman', serif; font-size: 1.6em } div.index ul,
>.index ol { margin-left: 0; padding-left: 0; list-style-type: non> div.index ol { margin-left: 0; padding-left: 0; list-style-type:
>e } /* Stuff used for the syntax information about CSS, HTML, and> none } /* Stuff used for the syntax information about CSS, HTML,
> so forth */ /* ul.cssprop box used by each CSS Property referenc> and so forth */ /* ul.cssprop box used by each CSS Property refe
>e page*/ .cssprop { display: table; padding: 11px 22px; backgroun>rence page*/ .cssprop { display: table; padding: 11px 22px; backg
>d-color: #eef } .redesign .cssprop { background-color: rgba(255, >round-color: #eef } .redesign .cssprop { background-color: rgba(2
>203, 0, 0.1); } [dir="ltr"] .cssprop { clear: left; border-left: >55, 203, 0, 0.1); } [dir="ltr"] .cssprop { clear: left; border-le
>.15em solid } [dir="rtl"] .cssprop { clear: right; border-right: >ft: .15em solid } [dir="rtl"] .cssprop { clear: right; border-rig
>.15em solid } .redesign[dir="ltr"] .cssprop { border-left: 6px so>ht: .15em solid } .redesign[dir="ltr"] .cssprop { border-left: 6p
>lid rgba(255,203,0,0.5); } .redesign[dir="rtl"] .cssprop { border>x solid rgba(255,203,0,0.5); } .redesign[dir="rtl"] .cssprop { bo
>-right:6px solid rgba(255,203,0,0.5); } .cssprop li { display: ta>rder-right:6px solid rgba(255,203,0,0.5); } .cssprop li { display
>ble-row; padding: 3px; margin: 0 } .cssprop li dfn { display: tab>: table-row; padding: 3px; margin: 0 } .cssprop li dfn { display:
>le-cell; padding: 0 5px; border-bottom: none; white-space: pre; c> table-cell; padding: 0 5px; border-bottom: none; white-space: pr
>ursor: inherit } .cssprop li dfn:after { content: ":" } .cssprop >e; cursor: inherit } .cssprop li dfn:after { content: ":" } .cssp
>li li { display: list-item; list-style-type: disc; line-height: 1>rop li li { display: list-item; list-style-type: disc; line-heigh
> } /* ul.htmlelt box used by each HTML Element reference page */ >t: 1 } /* ul.htmlelt box used by each HTML Element reference page
>.htmlelt { display: table; padding: 11px 22px; background-color: > */ .htmlelt { display: table; padding: 11px 22px; background-col
>#fe9 } .redesign .htmlelt { background-color:rgba(255,149,0,0.1);>or: #fe9 } .redesign .htmlelt { background-color:rgba(255,149,0,0
> } [dir="ltr"] .htmlelt { clear: left; border-left: .15em solid }>.1); } [dir="ltr"] .htmlelt { clear: left; border-left: .15em sol
> [dir="rtl"] .htmlelt { clear: right; border-right: .15em solid }>id } [dir="rtl"] .htmlelt { clear: right; border-right: .15em sol
> .redesign[dir="ltr"] .htmlelt { border-left:6px solid rgba(255,1>id } .redesign[dir="ltr"] .htmlelt { border-left:6px solid rgba(2
>49,0,0.5); } .redesign[dir="rtl"] .htmlelt { border-right:6px sol>55,149,0,0.5); } .redesign[dir="rtl"] .htmlelt { border-right:6px
>id rgba(255,149,0,0.5); } .htmlelt li { display: table-row; paddi> solid rgba(255,149,0,0.5); } .htmlelt li { display: table-row; p
>ng: 3px; margin: 0; text-align: left } .htmlelt li dfn { display:>adding: 3px; margin: 0; text-align: left } .htmlelt li dfn { disp
> table-cell; padding: 0 5px; border-bottom: none; white-space: pr>lay: table-cell; padding: 0 5px; border-bottom: none; white-space
>e; cursor: inherit } .htmlelt li dfn:after { content: ":" } .html>: pre; cursor: inherit } .htmlelt li dfn:after { content: ":" } .
>elt li li { display: list-item; list-style-type: disc; line-heigh>htmlelt li li { display: list-item; list-style-type: disc; line-h
>t: 1 } /* ul.audionodebox used by each AudioNode object reference>eight: 1 } /* ul.audionodebox used by each AudioNode object refer
> page*/ .audionodebox { display: table; padding: 11px 22px; backg>ence page*/ .audionodebox { display: table; padding: 11px 22px; b
>round-color: #fee } .redesign .audionodebox { background-color:rg>ackground-color: #fee } .redesign .audionodebox { background-colo
>ba(117,195,165,0.1); } [dir="ltr"] .audionodebox { clear: left; b>r:rgba(117,195,165,0.1); } [dir="ltr"] .audionodebox { clear: lef
>order-left: .15em solid } [dir="rtl"] .audionodebox { clear: righ>t; border-left: .15em solid } [dir="rtl"] .audionodebox { clear: 
>t; border-right: .15em solid } .redesign[dir="ltr"] .audionodebox>right; border-right: .15em solid } .redesign[dir="ltr"] .audionod
> { border-left:6px solid rgba(117,195,165,0.5); } .redesign[dir=">ebox { border-left:6px solid rgba(117,195,165,0.5); } .redesign[d
>rtl"] .audionodebox { border-right:6px solid rgba(117,195,165,0.5>ir="rtl"] .audionodebox { border-right:6px solid rgba(117,195,165
>); } .audionodebox li, .summary-box-js li, .summary-box-events li>,0.5); } .audionodebox li, .summary-box-js li, .summary-box-event
> { display: table-row; padding: 3px; margin: 0; text-align: left >s li { display: table-row; padding: 3px; margin: 0; text-align: l
>} .audionodebox li dfn, .summary-box-js li dfn, .summary-box-even>eft } .audionodebox li dfn, .summary-box-js li dfn, .summary-box-
>ts li dfn { display: table-cell; padding: 0 5px; border-bottom: n>events li dfn { display: table-cell; padding: 0 5px; border-botto
>one; white-space: pre; cursor: inherit } .audionodebox li dfn:aft>m: none; white-space: pre; cursor: inherit } .audionodebox li dfn
>er, .summary-box-js li dfn:after, .summary-box-events li dfn:afte>:after, .summary-box-js li dfn:after, .summary-box-events li dfn:
>r { content: ":" } .audionodebox li li, .summary-box-js li li, .s>after { content: ":" } .audionodebox li li, .summary-box-js li li
>ummary-box-events li li { display: list-item; list-style-type: di>, .summary-box-events li li { display: list-item; list-style-type
>sc; line-height: 1 } /* https://developer.mozilla.org/en-US/docs/>: disc; line-height: 1 } /* https://developer.mozilla.org/en-US/d
>Template:HTML:Element_Navigation */ table.HTMLElmNav { margin: 1e>ocs/Template:HTML:Element_Navigation */ table.HTMLElmNav { margin
>m auto; border-width: 5px } table.HTMLElmNav th, table.HTMLElmNav>: 1em auto; border-width: 5px } table.HTMLElmNav th, table.HTMLEl
> td { text-align: center } .method { margin-left: 10px; margin-bo>mNav td { text-align: center } .method { margin-left: 10px; margi
>ttom: 2em; margin-top: 1em } .method > .name { display: block;>n-bottom: 2em; margin-top: 1em } .method > .name { display: bl
> font-size: 13pt; margin-bottom: .2em } .method > .name > .>ock; font-size: 13pt; margin-bottom: .2em } .method > .name &g
>param: after { content: ","; padding-right: .5em } .method > .>t; .param: after { content: ","; padding-right: .5em } .method &g
>name > .param: last-of-type: after { content: "" } .method &gt>t; .name > .param: last-of-type: after { content: "" } .method
>; .name > .param > .name: after { content: " as "; font-wei> > .name > .param > .name: after { content: " as "; font
>ght: normal } .method > .name > .param: not(.required) { fo>-weight: normal } .method > .name > .param: not(.required) 
>nt-style: italic } .method > .name > .param: not(.required)>{ font-style: italic } .method > .name > .param: not(.requi
>: before { content: "[" } .method > .name > .param: not(.re>red): before { content: "[" } .method > .name > .param: not
>quired): after { content: "]" } .method > .description { displ>(.required): after { content: "]" } .method > .description { d
>ay: block; font-size: 10pt; color: #444; font-style: italic; marg>isplay: block; font-size: 10pt; color: #444; font-style: italic; 
>in-bottom: 7px } .method > .name > .returns: before { conte>margin-bottom: 7px } .method > .name > .returns: before { c
>nt: " returns "; font-weight: normal; font-style: italic } .metho>ontent: " returns "; font-weight: normal; font-style: italic } .m
>d > .name > .returns { font-weight: 700 } .method > .par>ethod > .name > .returns { font-weight: 700 } .method > 
>ams { display: block; color: #555 } .method > .params > .pa>.params { display: block; color: #555 } .method > .params >
>ram { display: block; margin-bottom: 5px } .method > .params &> .param { display: block; margin-bottom: 5px } .method > .para
>gt; .param > .name { font-weight: 700; margin-right: .5em; min>ms > .param > .name { font-weight: 700; margin-right: .5em;
>-width: 80px; display: inline-block } .method > .params > .> min-width: 80px; display: inline-block } .method > .params &g
>param > .description { display: inline-block; width: 300px; ve>t; .param > .description { display: inline-block; width: 300px
>rtical-align: top; margin-right: 30px } .method > .params >>; vertical-align: top; margin-right: 30px } .method > .params 
> .param > .type { display: inline-block; width: 150px; vertica>> .param > .type { display: inline-block; width: 150px; ver
>l-align: top; font-weight: 700 } .method > .params > .param>tical-align: top; font-weight: 700 } .method > .params > .p
> > .type: before { content: "Type "; color: #888; font-weight:>aram > .type: before { content: "Type "; color: #888; font-wei
> normal } .method > .params > .param > .default { displa>ght: normal } .method > .params > .param > .default { di
>y: inline-block; width: 150px; vertical-align: top; font-weight: >splay: inline-block; width: 150px; vertical-align: top; font-weig
>700 } .method > .params > .param > .default: before { co>ht: 700 } .method > .params > .param > .default: before 
>ntent: "Default "; color: #888; font-weight: normal } /* version >{ content: "Default "; color: #888; font-weight: normal } /* vers
>compatibility banners and notes */ .geckoVersionNote { background>ion compatibility banners and notes */ .geckoVersionNote { backgr
>-color: #E0E0FF; background-image: -moz-radial-gradient(0px 0 45d>ound-color: #E0E0FF; background-image: -moz-radial-gradient(0px 0
>eg, circle farthest-corner, #E0E0FF 0%, #F8F8FF 80%); border-left> 45deg, circle farthest-corner, #E0E0FF 0%, #F8F8FF 80%); border-
>: 5px solid #008 } .geckoVersionNote p { padding-left: 4px; borde>left: 5px solid #008 } .geckoVersionNote p { padding-left: 4px; b
>r: 0 } .geckoVersionHeading { background-color: #008; background->order: 0 } .geckoVersionHeading { background-color: #008; backgro
>image: -moz-linear-gradient(left, #008 50%, #e0e0ff 80%); color: >und-image: -moz-linear-gradient(left, #008 50%, #e0e0ff 80%); col
>#fff; font: 16px/1.7 Verdana, Tahoma, sans-serif; margin-top: 0; >or: #fff; font: 16px/1.7 Verdana, Tahoma, sans-serif; margin-top:
>margin-left: 0; margin-bottom: 4px; height: 42px } .geckoVersionH> 0; margin-left: 0; margin-bottom: 4px; height: 42px } .geckoVers
>eading a:link { color: #ddd } .geckoVersionHeading a:visited { co>ionHeading a:link { color: #ddd } .geckoVersionHeading a:visited 
>lor: #eee } .geckoVersionHeading a:hover, .geckoVersionHeading a:>{ color: #eee } .geckoVersionHeading a:hover, .geckoVersionHeadin
>focus { color: #fdd } .experimentalIcon { display: inline-block; >g a:focus { color: #fdd } .experimentalIcon { display: inline-blo
>width:4px; height:4px; color:orange; background-color:white; bord>ck; width:4px; height:4px; color:orange; background-color:white; 
>er: 3px solid orange; } .nonstandardIcon { display: inline-block;>border: 3px solid orange; } .nonstandardIcon { display: inline-bl
> width:8px; height:8px; color:red; background-color:red; border: >ock; width:8px; height:8px; color:red; background-color:red; bord
>1px solid red; } .obsoleteIcon { display: inline-block; width:8px>er: 1px solid red; } .obsoleteIcon { display: inline-block; width
>; height:8px; color:black; background-color:black; border: 1px so>:8px; height:8px; color:black; background-color:black; border: 1p
>lid black; } .deprecatedIcon { display: inline-block; width:4px; >x solid black; } .deprecatedIcon { display: inline-block; width:4
>height:4px; color:black; background-color:white; border: 3px soli>px; height:4px; color:black; background-color:white; border: 3px 
>d black; } /* Used to to create icon-badged APIs inline */ .index>solid black; } /* Used to to create icon-badged APIs inline */ .i
>ListRow { display: -ms-flexbox; display: -webkit-flex; display: f>ndexListRow { display: -ms-flexbox; display: -webkit-flex; displa
>lex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-d>y: flex; -webkit-flex-direction: row; -ms-flex-direction: row; fl
>irection: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex>ex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; 
>-wrap: wrap; -webkit-justify-content: flex-start; -ms-flex-pack: >flex-wrap: wrap; -webkit-justify-content: flex-start; -ms-flex-pa
>start; justify-content: flex-start; -webkit-align-content: stretc>ck: start; justify-content: flex-start; -webkit-align-content: st
>h; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-a>retch; -ms-flex-line-pack: stretch; align-content: stretch; -webk
>lign-items: flex-start; -ms-flex-align: start; align-items: flex->it-align-items: flex-start; -ms-flex-align: start; align-items: f
>start; /*width:100%;*/ } .indexListTerm { -webkit-order: 0; -ms-f>lex-start; /*width:100%;*/ } .indexListTerm { -webkit-order: 0; -
>lex-order: 0; order: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 aut>ms-flex-order: 0; order: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1
>o; flex: 0 1 auto; -webkit-align-self: flex-start; -ms-flex-item-> auto; flex: 0 1 auto; -webkit-align-self: flex-start; -ms-flex-i
>align: start; align-self: flex-start; } .indexListBadges { -webki>tem-align: start; align-self: flex-start; } .indexListBadges { -w
>t-order: 0; -ms-flex-order: 0; order: 0; -webkit-flex: 0 1 auto; >ebkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-flex: 0 1 au
>-ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-align-self: auto; -ms>to; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-align-self: auto;
>-flex-item-align: auto; align-self: flex-end; padding-left: 6px; > -ms-flex-item-align: auto; align-self: flex-end; padding-left: 6
>margin-right:6px; } .badge { position: relative; top: -2px; displ>px; margin-right:6px; } .badge { position: relative; top: -2px; d
>ay: inline-block; cursor: default; border: 1px solid #aaa; border>isplay: inline-block; cursor: default; border: 1px solid #aaa; bo
>-radius: 8px; padding: .1em .6em; font-size: 70%; font-weight: 70>rder-radius: 8px; padding: .1em .6em; font-size: 70%; font-weight
>0; height: 1.4em; vertical-align: middle; line-height: 1.3; } .ba>: 700; height: 1.4em; vertical-align: middle; line-height: 1.3; }
>dgeText { -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens:> .badgeText { -webkit-hyphens: none; -moz-hyphens: none; -ms-hyph
> none; hyphens: none; } .banner { display:block; overflow:hidden;>ens: none; hyphens: none; } .banner { display:block; overflow:hid
> font-size: 14px; font-weight: normal; margin: 10px 0px; padding:>den; font-size: 14px; font-weight: normal; margin: 10px 0px; padd
> 2px 10px; } html:not(.redesign) .banner { border: 1px solid #aaa>ing: 2px 10px; } html:not(.redesign) .banner { border: 1px solid 
>; border-radius: 8px; } .redesign .banner { font-size:12px; } .ba>#aaa; border-radius: 8px; } .redesign .banner { font-size:12px; }
>nnerHeading { text-align: center; font-weight: bold; padding-bott> .bannerHeading { text-align: center; font-weight: bold; padding-
>om: 2px; } .redesign .bannerHeading { text-align: inherit; } .ban>bottom: 2px; } .redesign .bannerHeading { text-align: inherit; } 
>nerText { text-align: center; font-weight: normal; } .icon { padd>.bannerText { text-align: center; font-weight: normal; } .icon { 
>ing-left: 3.1em } [dir=rtl] .icon { padding-left: .8em; padding-r>padding-left: 3.1em } [dir=rtl] .icon { padding-left: .8em; paddi
>ight: 3.1em; } .icon:before { content: ""; position: absolute; le>ng-right: 3.1em; } .icon:before { content: ""; position: absolute
>ft: -2px; top: 50%; margin-top: -1.5em; width: 2.8em; height: 2.8>; left: -2px; top: 50%; margin-top: -1.5em; width: 2.8em; height:
>em; background: white no-repeat center center; background-size: 2> 2.8em; background: white no-repeat center center; background-siz
>.6em; border-radius: 100%; border: 1px solid #aaa; border-right: >e: 2.6em; border-radius: 100%; border: 1px solid #aaa; border-rig
>none; box-sizing: border-box; -moz-boxsizing: border-box; } [dir=>ht: none; box-sizing: border-box; -moz-boxsizing: border-box; } [
>rtl] .icon:before { left: auto; right: -2px; border: 1px solid #a>dir=rtl] .icon:before { left: auto; right: -2px; border: 1px soli
>aa; border-left: none; } /* Used for badging obsolete APIs */ .no>d #aaa; border-left: none; } /* Used for badging obsolete APIs */
>nstandardBadge { background: linear-gradient(to right, #f0DE00 30> .nonstandardBadge { background: linear-gradient(to right, #f0DE0
>%, #f0ff19); color: black; text-shadow: 1px 1px 0 #ddd; } /* Used>0 30%, #f0ff19); color: black; text-shadow: 1px 1px 0 #ddd; } /* 
> for badging Gecko minimum version requirements */ .geckoVersionB>Used for badging Gecko minimum version requirements */ .geckoVers
>adge { background: linear-gradient(to right, rgb(215, 236, 161) 3>ionBadge { background: linear-gradient(to right, rgb(215, 236, 16
>0%, rgb(204, 227, 144)); color: black; text-shadow: 1px 1px 0 #dd>1) 30%, rgb(204, 227, 144)); color: black; text-shadow: 1px 1px 0
>d; border-color: rgb(129, 142, 97); } .redesign .geckoVersionBadg> #ddd; border-color: rgb(129, 142, 97); } .redesign .geckoVersion
>e { background: rgba(117,195,165,0.44); border:5px solid rgba(0,0>Badge { background: rgba(117,195,165,0.44); border:5px solid rgba
>,0,0.05); } /* Used for badging Firefox minimum version requireme>(0,0,0,0.05); } /* Used for badging Firefox minimum version requi
>nts */ .firefoxVersionBadge { background-color: #FEDF9E; backgrou>rements */ .firefoxVersionBadge { background-color: #FEDF9E; back
>nd-image: linear-gradient(to right, #FEDF9E 30%, #FEF1D4); backgr>ground-image: linear-gradient(to right, #FEDF9E 30%, #FEF1D4); ba
>ound-repeat: no-repeat; background-size: contain; overflow: hidde>ckground-repeat: no-repeat; background-size: contain; overflow: h
>n; color: black; text-shadow: 1px 1px 0 #ccc; white-space: nowrap>idden; color: black; text-shadow: 1px 1px 0 #ccc; white-space: no
>; } .firefoxVersionBadge a:link { color: black; text-decoration: >wrap; } .firefoxVersionBadge a:link { color: black; text-decorati
>underline; } .firefoxVersionBadge a:visited { color: black; text->on: underline; } .firefoxVersionBadge a:visited { color: black; t
>decoration: underline; } .firefoxVersionBadge a:hover { color: #8>ext-decoration: underline; } .firefoxVersionBadge a:hover { color
>53; text-decoration: none; } .firefoxVersionBadge a:active { colo>: #853; text-decoration: none; } .firefoxVersionBadge a:active { 
>r:#858; text-decoration: none; } /* Used for badging APIs not imp>color:#858; text-decoration: none; } /* Used for badging APIs not
>lemented in Firefox */ .unimplementedBadge { background-color: li> implemented in Firefox */ .unimplementedBadge { background-color
>ghtpink; color: black; text-shadow: 1px 1px 0 #ddd; border-color:>: lightpink; color: black; text-shadow: 1px 1px 0 #ddd; border-co
> deeppink; } /* Used for badging non-standard APIs */ .obsoleteBa>lor: deeppink; } /* Used for badging non-standard APIs */ .obsole
>dge { background: linear-gradient(to right, #FEBCBC 30%, #fffff0)>teBadge { background: linear-gradient(to right, #FEBCBC 30%, #fff
>; color: black; text-shadow: 1px 1px 0 #ddd; border-color: #f00; >ff0); color: black; text-shadow: 1px 1px 0 #ddd; border-color: #f
>} /* Used for badging deprecated APIs */ .deprecatedBadge { backg>00; } /* Used for badging deprecated APIs */ .deprecatedBadge { b
>round: linear-gradient(to right, #ccccff 30%, #eeeeff); color: #0>ackground: linear-gradient(to right, #ccccff 30%, #eeeeff); color
>00; text-shadow: 1px 1px 0 #ddd; border-color: blue; } /* Used fo>: #000; text-shadow: 1px 1px 0 #ddd; border-color: blue; } /* Use
>r badging experimental APIs */ .experimentalBadge { background: l>d for badging experimental APIs */ .experimentalBadge { backgroun
>inear-gradient(to right, #ffefd9 40%, #fffde0); color: #000; text>d: linear-gradient(to right, #ffefd9 40%, #fffde0); color: #000; 
>-shadow: 1px 1px 0 #ddd; } /* Used for badging privileged APIs */>text-shadow: 1px 1px 0 #ddd; } /* Used for badging privileged API
> .privilegedBadge { background: linear-gradient(to right, #FFBD19>s */ .privilegedBadge { background: linear-gradient(to right, #FF
> 30%, #ffb200); color: #000; text-shadow: 1px 1px 0 #ddd; } [dir=>BD19 30%, #ffb200); color: #000; text-shadow: 1px 1px 0 #ddd; } [
>rtl] .privilegedBadge { background: linear-gradient(to left, #FFB>dir=rtl] .privilegedBadge { background: linear-gradient(to left, 
>D19 30%, #ffb200); } .icon.privilegedBadge:before { background-co>#FFBD19 30%, #ffb200); } .icon.privilegedBadge:before { backgroun
>lor: orange; background-image: url(https://mdn.mozillademos.org/f>d-color: orange; background-image: url(https://mdn.mozillademos.o
>iles/5061/firefoxos-logo-sm.png); } .sidebar-box { margin-left: 1>rg/files/5061/firefoxos-logo-sm.png); } .sidebar-box { margin-lef
>6px; margin-bottom: 2.5em; border-right: 1px solid #ecf1f3; paddi>t: 16px; margin-bottom: 2.5em; border-right: 1px solid #ecf1f3; p
>ng: 12px; background: #f1f6f8 url("img/toc-bg.png") 0 0 no-repeat>adding: 12px; background: #f1f6f8 url("img/toc-bg.png") 0 0 no-re
>; font: 12px Verdana, Tahoma, sans-serif } .sidebar-box h2, .side>peat; font: 12px Verdana, Tahoma, sans-serif } .sidebar-box h2, .
>bar-box h3, .sidebar-box h5 { margin-bottom: .5em; font-family: i>sidebar-box h3, .sidebar-box h5 { margin-bottom: .5em; font-famil
>nherit; font-weight: 700 } .sidebar-box h2 { font-size: 1.5em } .>y: inherit; font-weight: 700 } .sidebar-box h2 { font-size: 1.5em
>sidebar-box h3 { font-size: 1.1em } .sidebar-box h5 { font-size: > } .sidebar-box h3 { font-size: 1.1em } .sidebar-box h5 { font-si
>.9em } .sidebar-box > ul { float: left; text-align: left; disp>ze: .9em } .sidebar-box > ul { float: left; text-align: left; 
>lay: block; padding: 0; margin: auto 0; position: relative } .sid>display: block; padding: 0; margin: auto 0; position: relative } 
>ebar-box ul > li { list-style-type: none } .tab-content-box { >.sidebar-box ul > li { list-style-type: none } .tab-content-bo
>border-right: 1px solid #ecf1f3; margin-left: 16px; padding: 12px>x { border-right: 1px solid #ecf1f3; margin-left: 16px; padding: 
>; background: #fff; font: 12px Verdana, Tahoma, sans-serif } .tab>12px; background: #fff; font: 12px Verdana, Tahoma, sans-serif } 
>-content-box h2, .tab-content-box h3, .tab-content-box h5 { margi>.tab-content-box h2, .tab-content-box h3, .tab-content-box h5 { m
>n-bottom: .5em; font-family: inherit; font-weight: 700 } .tab-con>argin-bottom: .5em; font-family: inherit; font-weight: 700 } .tab
>tent-box h2 { font-size: 1.5em } .tab-content-box h3 { font-size:>-content-box h2 { font-size: 1.5em } .tab-content-box h3 { font-s
> 1.1em } .tab-content-box h5 { font-size: .9em } #menuFiller { di>ize: 1.1em } .tab-content-box h5 { font-size: .9em } #menuFiller 
>splay: block } /* Horizontal tab boxes */ .htab { margin: 0 auto >{ display: block } /* Horizontal tab boxes */ .htab { margin: 0 a
>1em; display: inline-block; } .htab>ul>li { width: 150px; h>uto 1em; display: inline-block; } .htab>ul>li { width: 150p
>eight: 28px; list-style-type: none; display: inline; padding-bott>x; height: 28px; list-style-type: none; display: inline; padding-
>om: 3px; border: 1px solid #ddd; border-radius: 3px 3px 0 0; padd>bottom: 3px; border: 1px solid #ddd; border-radius: 3px 3px 0 0; 
>ing-top: 5px; text-align: left; font-size: 13px; font-weight: nor>padding-top: 5px; text-align: left; font-size: 13px; font-weight:
>mal; margin: auto; position: relative; padding-left: 6px; padding> normal; margin: auto; position: relative; padding-left: 6px; pad
>-right: 6px; border-bottom: none; opacity: .5; -ms-filter: "progi>ding-right: 6px; border-bottom: none; opacity: .5; -ms-filter: "p
>d:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: progid:D>rogid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: prog
>XImageTransform.Microsoft.Alpha(Opacity=50); cursor: pointer; } .>id:DXImageTransform.Microsoft.Alpha(Opacity=50); cursor: pointer;
>htab>ul>li.selected { opacity: 1 !important; -ms-filter: "p> } .htab>ul>li.selected { opacity: 1 !important; -ms-filter
>rogid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: pro>: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:
>gid:DXImageTransform.Microsoft.Alpha(Opacity=100); border: 1px so> progid:DXImageTransform.Microsoft.Alpha(Opacity=100); border: 1p
>lid #ddd; border-bottom: none; z-index: 10; background-color: rgb>x solid #ddd; border-bottom: none; z-index: 10; background-color:
>a(234, 239, 242,1) !important; position: relative; cursor: pointe> rgba(234, 239, 242,1) !important; position: relative; cursor: po
>r; font-weight: bold; } .htab>ul>li.selected a { color: #00>inter; font-weight: bold; } .htab>ul>li.selected a { color:
>0; } .htab>ul { width: 150px; text-align: left; display: inlin> #000; } .htab>ul { width: 150px; text-align: left; display: i
>e; padding: 0; margin: 0 auto; position: relative; top: 0; } .hta>nline; padding: 0; margin: 0 auto; position: relative; top: 0; } 
>b>div { background-color: #f1f6f8; margin-top: 0; border: 1px >.htab>div { background-color: #f1f6f8; margin-top: 0; border: 
>solid #ddd; padding: 12px; position: relative; z-index: 9; word-w>1px solid #ddd; padding: 12px; position: relative; z-index: 9; wo
>rap: break-word; } /* Compatibility tables */ table.compat-table >rd-wrap: break-word; } /* Compatibility tables */ table.compat-ta
>{ border-color: #bbb; margin: 0 } .redesign table.compat-table { >ble { border-color: #bbb; margin: 0 } .redesign table.compat-tabl
>border-color:rgba(0,0,0,0); } table.compat-table td { padding: 5p>e { border-color:rgba(0,0,0,0); } table.compat-table td { padding
>x; border: 1px solid #ccc; background: #fff; vertical-align: top;>: 5px; border: 1px solid #ccc; background: #fff; vertical-align: 
> word-wrap: break-word } .redesign table.compat-table td { border>top; word-wrap: break-word } .redesign table.compat-table td { bo
>:1px solid rgba(212,221,228,0.25); font-size:12px; } table.compat>rder:1px solid rgba(212,221,228,0.25); font-size:12px; } table.co
>-table th, table.compat-table td.header { border: 1px solid #bbb;>mpat-table th, table.compat-table td.header { border: 1px solid #
> padding: 0 5px; background: #eee; font-weight: 700 } .redesign t>bbb; padding: 0 5px; background: #eee; font-weight: 700 } .redesi
>able.compat-table th, .redesign table.compat-table td.header { bo>gn table.compat-table th, .redesign table.compat-table td.header 
>rder:1px solid rgba(212,221,228,0); background:none; font-weight:>{ border:1px solid rgba(212,221,228,0); background:none; font-wei
>200; font-family:'Open Sans Light',sans-serif; font-size:16px; li>ght:200; font-family:'Open Sans Light',sans-serif; font-size:16px
>ne-height:100%; padding:2px 4px 8px; } div.action-driven { displa>; line-height:100%; padding:2px 4px 8px; } div.action-driven { di
>y: inline-block; float: none; min-height: 8.5em; margin: .8em; bo>splay: inline-block; float: none; min-height: 8.5em; margin: .8em
>x-shadow: .2em .1em .1em #808080; vertical-align: top; } div.acti>; box-shadow: .2em .1em .1em #808080; vertical-align: top; } div.
>on-driven > div { font: 400 20px 'Bebas Neue', 'League Gothic'>action-driven > div { font: 400 20px 'Bebas Neue', 'League Got
>, Haettenschweiler, Impact, 'Arial Narrow', Meiryo, sans-serif; t>hic', Haettenschweiler, Impact, 'Arial Narrow', Meiryo, sans-seri
>ext-transform: uppercase } /* standard coloring */ .notice.experi>f; text-transform: uppercase } /* standard coloring */ .notice.ex
>mental { border-color: #09d; color: 0; background-color: #C9EDFC;>perimental { border-color: #09d; color: 0; background-color: #C9E
>clear:none;} .redesign .notice.experimental { background-color:rg>DFC;clear:none;} .redesign .notice.experimental { background-colo
>ba(255,203,0,0.5); border-color:rgba(0,0,0,0.05); border-style:so>r:rgba(255,203,0,0.5); border-color:rgba(0,0,0,0.05); border-styl
>lid!important; border-width:5px!important; } /* New theme action->e:solid!important; border-width:5px!important; } /* New theme act
>driven */ .card-grid > li > span:first-of-type {font-weight>ion-driven */ .card-grid > li > span:first-of-type {font-we
>: bold} @media only screen and (min-width:760px) { .card-grid { l>ight: bold} @media only screen and (min-width:760px) { .card-grid
>ist-style: none outside none; } .card-grid > li > span:firs> { list-style: none outside none; } .card-grid > li > span:
>t-of-type {font-weight: normal} .card-grid > li { background-c>first-of-type {font-weight: normal} .card-grid > li { backgrou
>olor: rgb(204, 204, 204); background-image: -moz-linear-gradient(>nd-color: rgb(204, 204, 204); background-image: -moz-linear-gradi
>center top , rgb(221, 221, 221) 0px, rgb(187, 187, 187) 100%); bo>ent(center top , rgb(221, 221, 221) 0px, rgb(187, 187, 187) 100%)
>rder-radius: 6px; background-clip: padding-box; box-shadow: 0px 2>; border-radius: 6px; background-clip: padding-box; box-shadow: 0
>px 4px rgba(0, 0, 0, 0.1); display: inline-block; margin: 3px 12p>px 2px 4px rgba(0, 0, 0, 0.1); display: inline-block; margin: 3px
>x 20px; padding: 20px; position: relative; vertical-align: top; w> 12px 20px; padding: 20px; position: relative; vertical-align: to
>idth: 200px; word-wrap: break-word; z-index: 1; min-height: 130px>p; width: 200px; word-wrap: break-word; z-index: 1; min-height: 1
>; } .card-grid > li:before { background: none repeat scroll 0%>30px; } .card-grid > li:before { background: none repeat scrol
> 0% padding-box rgb(255, 255, 255); border-radius: 5px; bottom: 1>l 0% 0% padding-box rgb(255, 255, 255); border-radius: 5px; botto
>px; content: ""; left: 1px; position: absolute; right: 1px; top: >m: 1px; content: ""; left: 1px; position: absolute; right: 1px; t
>1px; z-index: -1; } .redesign .card-grid > li:before { backgro>op: 1px; z-index: -1; } .redesign .card-grid > li:before { bac
>und: none; border-radius: 0; } .card-grid > li span { display:>kground: none; border-radius: 0; } .card-grid > li span { disp
> block; font-family: 'Open Sans Light',Arial,Helvetica,sans-serif>lay: block; font-family: 'Open Sans Light',Arial,Helvetica,sans-s
>; font-size: 22px; letter-spacing: -1px; line-height: 22px; margi>erif; font-size: 22px; letter-spacing: -1px; line-height: 22px; m
>n-bottom: 12px; } } .redesign .card-grid > li { background-col>argin-bottom: 12px; } } .redesign .card-grid > li { background
>or:rgba(234,239,242,0.5); border-radius: 0; box-shadow:3px 3px 0 >-color:rgba(234,239,242,0.5); border-radius: 0; box-shadow:3px 3p
>3px rgba(212,221,228,0.5); background-image: none; } /*---------->x 0 3px rgba(212,221,228,0.5); background-image: none; } /*------
>------- for Topic page */ table.topicpage-table, table.topicpage->----------- for Topic page */ table.topicpage-table, table.topicp
>table td, table.topicpage-table tr, table.topicpage-table th { bo>age-table td, table.topicpage-table tr, table.topicpage-table th 
>rder: none } .topicpage-table .section { padding-right:1em} /* Ne>{ border: none } .topicpage-table .section { padding-right:1em} /
>w theme */ dl { margin-bottom: 20px} .center .topicpage-table h2 >* New theme */ dl { margin-bottom: 20px} .center .topicpage-table
>{ font-family: 'Open Sans Light', sans-serif } .topicpage-table u> h2 { font-family: 'Open Sans Light', sans-serif } .topicpage-tab
>l {padding-left: 20px; } /* Old theme */ /* "table.topicpage-tabl>le ul {padding-left: 20px; } /* Old theme */ /* "table.topicpage-
>e h2 { --font-setting-- }" is better than this. .topicpage-table >table h2 { --font-setting-- }" is better than this. .topicpage-ta
>.Documentation, .topicpage-table .Community, .topicpage-table .To>ble .Documentation, .topicpage-table .Community, .topicpage-table
>ols, .topicpage-table .Related_Topics { background-image: url('/m> .Tools, .topicpage-table .Related_Topics { background-image: url
>edia/img/icons-sections.png'); background-repeat: no-repeat; marg>('/media/img/icons-sections.png'); background-repeat: no-repeat; 
>in: 0 0 .25em; padding: 18px 18px 0 65px; min-height: 48px; font:>margin: 0 0 .25em; padding: 18px 18px 0 65px; min-height: 48px; f
> 400 28px/1 'Bebas Neue', 'League Gothic', Haettenschweiler, Impa>ont: 400 28px/1 'Bebas Neue', 'League Gothic', Haettenschweiler, 
>ct, 'Arial Narrow', Meiryo, sans-serif; text-transform: uppercase>Impact, 'Arial Narrow', Meiryo, sans-serif; text-transform: upper
>; border: none } */ /* this is an unadorned heading, without an i>case; border: none } */ /* this is an unadorned heading, without 
>con */ //.topicpage-table .Heading { margin: 0 0 .25em; padding: >an icon */ //.topicpage-table .Heading { margin: 0 0 .25em; paddi
>18px 18px 0 0; min-height: 48px; font: 400 28px/1 'Bebas Neue', '>ng: 18px 18px 0 0; min-height: 48px; font: 400 28px/1 'Bebas Neue
>League Gothic', Haettenschweiler, Impact, 'Arial Narrow', Meiryo,>', 'League Gothic', Haettenschweiler, Impact, 'Arial Narrow', Mei
> sans-serif; text-transform: uppercase; border: none } /* [dir="r>ryo, sans-serif; text-transform: uppercase; border: none } /* [di
>tl"] .topicpage-table .Documentation, [dir="rtl"] .topicpage-tabl>r="rtl"] .topicpage-table .Documentation, [dir="rtl"] .topicpage-
>e .Community, [dir="rtl"] .topicpage-table .Tools, [dir="rtl"] .t>table .Community, [dir="rtl"] .topicpage-table .Tools, [dir="rtl"
>opicpage-table .Heading, [dir="rtl"] .topicpage-table .Related_To>] .topicpage-table .Heading, [dir="rtl"] .topicpage-table .Relate
>pics { padding: 18px 65px 0 18px; } .topicpage-table .Documentati>d_Topics { padding: 18px 65px 0 18px; } .topicpage-table .Documen
>on { background-position: 0 0 } .topicpage-table .Community { bac>tation { background-position: 0 0 } .topicpage-table .Community {
>kground-position: 0 -200px } .topicpage-table .Tools { background> background-position: 0 -200px } .topicpage-table .Tools { backgr
>-position: 0 -400px } .topicpage-table .Related_Topics { backgrou>ound-position: 0 -400px } .topicpage-table .Related_Topics { back
>nd-position: 0 -600px } [dir="rtl"] .topicpage-table .Documentati>ground-position: 0 -600px } [dir="rtl"] .topicpage-table .Documen
>on { background-position: right 0 } [dir="rtl"] .topicpage-table >tation { background-position: right 0 } [dir="rtl"] .topicpage-ta
>.Community { background-position: right -200px } [dir="rtl"] .top>ble .Community { background-position: right -200px } [dir="rtl"] 
>icpage-table .Tools { background-position: right -400px } [dir="r>.topicpage-table .Tools { background-position: right -400px } [di
>tl"] .topicpage-table .Related_Topics { background-position: righ>r="rtl"] .topicpage-table .Related_Topics { background-position: 
>t -600px } */ /* for Topic Page 2 (This is Test )*/ /* USAGE:>right -600px } */ /* for Topic Page 2 (This is Test )*/ /* USAGE:

Back to History