mozilla

Compare Revisions

Template:CustomCSS

Change Revisions

Revision 469267:

Revision 469267 by teoli on

Revision 469849:

Revision 469849 by DavidWalsh on

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

Revision 469267
Revision 469849
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 */ //.Quick_links { display:none} //h2.Quic>dden in the old theme */ //.Quick_links { display:none} //h2.Quic
>k_links ~ ol { display:none} /* remove left margin from Font Awes>k_links ~ ol { display:none} /* remove left margin from Font Awes
>ome icons inside wiki content; this is messing up document conten>ome icons inside wiki content; this is messing up document conten
>t */ #wikiArticle i[class^="icon-"] { margin-left: 0px; } /* Ifra>t */ #wikiArticle i[class^="icon-"] { margin-left: 0px; } /* Ifra
>me for live sample centered (Test) */ .centered iframe { display:>me for live sample centered (Test) */ .centered iframe { display:
> block; margin: 0 auto;border:none } /* Simulate two columns for > block; margin: 0 auto;border:none } /* Simulate two columns for 
>landing page, if enough space is available */ @media (min-width:8>landing page, if enough space is available */ @media (min-width:8
>40px) { .topicpage-table {display: table; border-collapse: separa>40px) { .topicpage-table {display: table; border-collapse: separa
>te; border-spacing: 20px 0 } .landing { display: table-row;} .sec>te; border-spacing: 20px 0 } .landing { display: table-row;} .sec
>tion { display: table-cell; width:50%;} .topicpage-table .section>tion { display: table-cell; width:50%;} .topicpage-table .section
>:first-of-type { margin-right: 20px; border-right: solid 1px ligh>:first-of-type { margin-right: 20px; border-right: solid 1px ligh
>tgrey; } } /* For Landing page boxes; these are boxes displayed w>tgrey; } } /* For Landing page boxes; these are boxes displayed w
>ithin columns on landing pages, such as the Community and Related>ithin columns on landing pages, such as the Community and Related
> boxes. */ .landingPageBox { width: 100%; padding: 0px; border-bo> boxes. */ .landingPageBox { width: 100%; padding: 0px; border-bo
>ttom: 1px solid #bbb; margin-bottom: 3px; } .landingPageBox ul { >ttom: 1px solid #bbb; margin-bottom: 3px; } .landingPageBox ul { 
>padding-left: 44px; } /* Wide column box */ .wideColumnBox { colu>padding-left: 44px; } /* Wide column box */ .wideColumnBox { colu
>mn-width:375px; -moz-column-width:375px; -webkit-column-width:375>mn-width:375px; -moz-column-width:375px; -webkit-column-width:375
>px; -o-column-width:375px; -ms-column-width:375px;} .wideColumnBo>px; -o-column-width:375px; -ms-column-width:375px;} .wideColumnBo
>xList li { line-height: 1.5; list-style-type: none; padding-left:>xList li { line-height: 1.5; list-style-type: none; padding-left:
> 0; page-break-inside: avoid; } /* Multi-column boxes for lists o> 0; page-break-inside: avoid; } /* Multi-column boxes for lists o
>f longer links; this will adapt based on screen width */ .multiCo>f longer links; this will adapt based on screen width */ .multiCo
>lumnList { column-width:250px; -moz-column-width:250px; -webkit-c>lumnList { column-width:250px; -moz-column-width:250px; -webkit-c
>olumn-width:250px; -o-column-width:250px; -ms-column-width:250px;>olumn-width:250px; -o-column-width:250px; -ms-column-width:250px;
>} .multiColumnList li { line-height: 1.5; list-style-type: none; >} .multiColumnList li { line-height: 1.5; list-style-type: none; 
>padding-left: 0; page-break-inside: avoid; } /* Multi-column boxe>padding-left: 0; page-break-inside: avoid; } /* Multi-column boxe
>s for smaller links, such as API terms */ .smallMultiColumnList {>s for smaller links, such as API terms */ .smallMultiColumnList {
> column-width: 120px; -moz-column-width:120px; -webkit-column-wid> column-width: 120px; -moz-column-width:120px; -webkit-column-wid
>th:120px; -o-column-width:120px; -ms-column-width:120px} .smallMu>th:120px; -o-column-width:120px; -ms-column-width:120px} .smallMu
>ltiColumnList li { list-style-type: none; padding-left: 0; page-b>ltiColumnList li { list-style-type: none; padding-left: 0; page-b
>reak-inside: avoid; } /* Multi-column box for smaller text */ .ho>reak-inside: avoid; } /* Multi-column box for smaller text */ .ho
>rizFlexboxContainer { display: flex; display: -webkit-flex; flex->rizFlexboxContainer { display: flex; display: -webkit-flex; flex-
>flow: column nowrap; -webkit-flex-flow: column nowrap; justify-co>flow: column nowrap; -webkit-flex-flow: column nowrap; justify-co
>ntent: center; -webkit-justify-content: center; align-content: ce>ntent: center; -webkit-justify-content: center; align-content: ce
>nter; -webkit-align-content: center; align-items: center; -webkit>nter; -webkit-align-content: center; align-items: center; -webkit
>-align-items: center; flex-direction: column; -webkit-flex-direct>-align-items: center; flex-direction: column; -webkit-flex-direct
>ion: column; } div.smallTextMultiColumnBoxHeading { background-co>ion: column; } div.smallTextMultiColumnBoxHeading { background-co
>lor: #aac; border-radius: 10px 10px 0 0; border: 2px solid #ccc; >lor: #aac; border-radius: 10px 10px 0 0; border: 2px solid #ccc; 
>order: 1; -webkit-order: 1; width: 75%; padding: 10px; flex: 0 1 >order: 1; -webkit-order: 1; width: 75%; padding: 10px; flex: 0 1 
>auto; -webkit-flex: 0 1 auto; font-weight: bold; } div.smallTextM>auto; -webkit-flex: 0 1 auto; font-weight: bold; } div.smallTextM
>ultiColumnBoxList { border: 2px solid #ccc; background-color: #dd>ultiColumnBoxList { border: 2px solid #ccc; background-color: #dd
>f; border-top: 0; border-radius: 0 0 10px 10px; width: 75%; paddi>f; border-top: 0; border-radius: 0 0 10px 10px; width: 75%; paddi
>ng: 10px; order: 2; -webkit-order: 2; flex: 0 1 auto; -webkit-fle>ng: 10px; order: 2; -webkit-order: 2; flex: 0 1 auto; -webkit-fle
>x: 0 1 auto; } div.smallTextMultiColumnBoxList ul { column-width:>x: 0 1 auto; } div.smallTextMultiColumnBoxList ul { column-width:
>100px; -moz-column-width:100px; -webkit-column-width:100px; -o-co>100px; -moz-column-width:100px; -webkit-column-width:100px; -o-co
>lumn-width:100px; -ms-column-width:100px; } div.smallTextMultiCol>lumn-width:100px; -ms-column-width:100px; } div.smallTextMultiCol
>umnBoxList li { list-style-type: none; padding-left: 0; font-size>umnBoxList li { list-style-type: none; padding-left: 0; font-size
>: 80%; } /* For ending "text alongside images" blocks; add this c>: 80%; } /* For ending "text alongside images" blocks; add this c
>lass to the first block that shouldn't be next to the image */ .e>lass to the first block that shouldn't be next to the image */ .e
>ndImageWrapping { clear: both; } /* Fancy Table of content for ma>ndImageWrapping { clear: both; } /* Fancy Table of content for ma
>in pages of tutorial*/ .fancyTOC { counter-reset: fancyTOC; -moz->in pages of tutorial*/ .fancyTOC { counter-reset: fancyTOC; -moz-
>columns: 18em; columns: 18em; margin-bottom: 1em } .fancyTOC .but>columns: 18em; columns: 18em; margin-bottom: 1em } .fancyTOC .but
>ton { display: block; margin-right: 0; margin-bottom: .25em; back>ton { display: block; margin-right: 0; margin-bottom: .25em; back
>ground-color: #A24C4C; color: #fff; font-size: 1.5em; line-height>ground-color: #A24C4C; color: #fff; font-size: 1.5em; line-height
>: 1.5 } .fancyTOC a::before { counter-increment: fancyTOC; conten>: 1.5 } .fancyTOC a::before { counter-increment: fancyTOC; conten
>t: counter(fancyTOC) ". " } .fancyTOC a::after { content: ' »' } >t: counter(fancyTOC) ". " } .fancyTOC a::after { content: ' »' } 
>.fancyTOC .button:hover, .fancyTOC .button:focus, .fancyTOC .butt>.fancyTOC .button:hover, .fancyTOC .button:focus, .fancyTOC .butt
>on:active { background-color: #C26C6C } /* In index, dim obsolete>on:active { background-color: #C26C6C } /* In index, dim obsolete
>, deprecated or non-standard element instead of striking through >, deprecated or non-standard element instead of striking through 
>them */ s.deprecatedElement, s.obsoleteElement, s.nonStdElement {>them */ s.deprecatedElement, s.obsoleteElement, s.nonStdElement {
> text-decoration: none; opacity: .3 } /* Add widgeted index, here> text-decoration: none; opacity: .3 } /* Add widgeted index, here
> adding an HTML5 badge as the bullet of the li element if class="> adding an HTML5 badge as the bullet of the li element if class="
>html5" */ div.index.widgeted { -webkit-column-width: 10em; -moz-c>html5" */ div.index.widgeted { -webkit-column-width: 10em; -moz-c
>olumn-width: 10em; columns: 10em } div.index.widgeted li { paddin>olumn-width: 10em; columns: 10em } div.index.widgeted li { paddin
>g-left: 18px } div.index.widgeted li.html5 { background-image: ur>g-left: 18px } div.index.widgeted li.html5 { background-image: ur
>l("/files/3855/HTML5_Badge_16.png"); background-repeat: no-repeat>l("/files/3855/HTML5_Badge_16.png"); background-repeat: no-repeat
>; background-position: left 4px } [dir="rtl"] div.index.widgeted >; background-position: left 4px } [dir="rtl"] div.index.widgeted 
>li { padding-right: 18px } [dir="rtl"] div.index.widgeted li.html>li { padding-right: 18px } [dir="rtl"] div.index.widgeted li.html
>5 { background-image: url("/files/3855/HTML5_Badge_16.png"); back>5 { background-image: url("/files/3855/HTML5_Badge_16.png"); back
>ground-repeat: no-repeat; background-position: right 4px } [dir=">ground-repeat: no-repeat; background-position: right 4px } [dir="
>rtl"] div.index.widgeted span { padding-right:24px } /* Add widge>rtl"] div.index.widgeted span { padding-right:24px } /* Add widge
>ted index, adding a Webcomponent badge of the li element if class>ted index, adding a Webcomponent badge of the li element if class
>="webcomp" */ div.index.widgeted li.webcomp::after { font-family:>="webcomp" */ div.index.widgeted li.webcomp::after { font-family:
> FontAwesome; content:" \f085";} /* Quicknav template styles : ht> FontAwesome; content:" \f085";} /* Quicknav template styles : ht
>tps://developer.mozilla.org/en-US/docs/Template:quicknav -------->tps://developer.mozilla.org/en-US/docs/Template:quicknav --------
> */ #wikiArticle { position: relative; } .quicknav { position: fi> */ #wikiArticle { position: relative; } .quicknav { position: fi
>xed; top: 237px; left: 33px; background: #FFF; z-index: 1 } .quic>xed; top: 237px; left: 33px; background: #FFF; z-index: 1 } .quic
>knav dl { max-width: 0; max-height: 300px; overflow: auto; margin>knav dl { max-width: 0; max-height: 300px; overflow: auto; margin
>: 0; padding: 10px 0; border: 1px solid transparent; border-left:>: 0; padding: 10px 0; border: 1px solid transparent; border-left:
> none -webkit-transition: border .5s ease .1s, max-width .5s ease> none -webkit-transition: border .5s ease .1s, max-width .5s ease
> .1s, padding .5s linear .1s; -moz-transition: border .5s ease .1> .1s, padding .5s linear .1s; -moz-transition: border .5s ease .1
>s, max-width .5s ease .1s, padding .5s linear .1s; -ms-transition>s, max-width .5s ease .1s, padding .5s linear .1s; -ms-transition
>: border .5s ease .1s, max-width .5s ease .1s, padding .5s linear>: border .5s ease .1s, max-width .5s ease .1s, padding .5s linear
> .1s; -o-transition: border .5s ease .1s, max-width .5s ease .1s,> .1s; -o-transition: border .5s ease .1s, max-width .5s ease .1s,
> padding .5s linear .1s; transition: border .5s ease .1s, max-wid> padding .5s linear .1s; transition: border .5s ease .1s, max-wid
>th .5s ease .1s, padding .5s linear .1s } .quicknav dt, .quicknav>th .5s ease .1s, padding .5s linear .1s } .quicknav dt, .quicknav
> dd { margin: 0; padding: 0; white-space: nowrap } .quicknav dt {> dd { margin: 0; padding: 0; white-space: nowrap } .quicknav dt {
> font-weight: 700 } .quicknav dd + dt { margin-top: .5em } .quick> font-weight: 700 } .quicknav dd + dt { margin-top: .5em } .quick
>nav:hover dl { max-width: 300px; padding: 10px 20px 10px 10px; bo>nav:hover dl { max-width: 300px; padding: 10px 20px 10px 10px; bo
>rder-color: #ECECE7 } .quicknav .showme { display: block; positio>rder-color: #ECECE7 } .quicknav .showme { display: block; positio
>n: absolute; top: 10px; left: -31px; width: 30px; font: 2em sans->n: absolute; top: 10px; left: -31px; width: 30px; font: 2em sans-
>serif; color: #CCC; text-align: center; background: #FFF; border->serif; color: #CCC; text-align: center; background: #FFF; border-
>radius: 5px 0 0 5px; border: 1px solid #ECECE7; border-right: non>radius: 5px 0 0 5px; border: 1px solid #ECECE7; border-right: non
>e } .quicknav:hover .showme { color: #333; } .cleared { clear: bo>e } .quicknav:hover .showme { color: #333; } .cleared { clear: bo
>th } /* This style has problem ! Style attribute of BR element is>th } /* This style has problem ! Style attribute of BR element is
> not 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 { d>? */ span.comment { display:none; } #wikiArticle .breadcrumbs { d
>isplay: block; margin-bottom: 1em } /* The HTML5 landing page has>isplay: block; margin-bottom: 1em } /* The HTML5 landing page has
> some special-case stuff, handled here */ /* table.html5ArticleTo> some special-case stuff, handled here */ /* table.html5ArticleTo
>c { border-width: 5px }*/ table.html5ArticleToc { border-style: n>c { border-width: 5px }*/ table.html5ArticleToc { border-style: n
>one; border-width: 0; background-color: transparent; border-color>one; border-width: 0; background-color: transparent; border-color
>: transparent; width: 100%;} .html5ArticleToc thead th { padding:>: transparent; width: 100%;} .html5ArticleToc thead th { padding:
> .5em 1em } .html5ArticleToc tbody td { vertical-align: middle } > .5em 1em } .html5ArticleToc tbody td { vertical-align: middle } 
>.html5ArticleToc ul { margin: 0; padding: 0 } .html5ArticleToc ul>.html5ArticleToc ul { margin: 0; padding: 0 } .html5ArticleToc ul
> li { display: inline; margin: 0 .25em } /* The syntax box: the f> li { display: inline; margin: 0 .25em } /* The syntax box: the f
>irst one is now used anywhere (DOM, JS, CSS, ...) The twoparts is>irst one is now used anywhere (DOM, JS, CSS, ...) The twoparts is
> used for CSS properties */ pre.syntaxbox { border: 2px solid #cc> used for CSS properties */ pre.syntaxbox { border: 2px solid #cc
>c; margin-bottom: 1em; background-color: #ffe; border-radius: 10p>c; margin-bottom: 1em; background-color: #ffe; border-radius: 10p
>x; } pre.twopartsyntaxbox { border: 2px solid #bbb; margin-bottom>x; } pre.twopartsyntaxbox { border: 2px solid #bbb; margin-bottom
>: 0; background-color: #ffe; border-radius: 10px 10px 0 0; } pre.>: 0; background-color: #ffe; border-radius: 10px 10px 0 0; } pre.
>twopartsyntaxbox + pre { border: 2px solid #bbb; border-radius: 0>twopartsyntaxbox + pre { border: 2px solid #bbb; border-radius: 0
> 0 10px 10px; border-top: none; margin-top: 0 } table.withoutBord> 0 10px 10px; border-top: none; margin-top: 0 } table.withoutBord
>er, table.withoutBorder td, table.withoutBorder tr, table.without>er, table.withoutBorder td, table.withoutBorder tr, table.without
>Border th { border: none } td.horizontalLine { border-left: none >Border th { border: none } td.horizontalLine { border-left: none 
>} td.column { border-bottom: none } td.bottomPart { border-top: n>} td.column { border-bottom: none } td.bottomPart { border-top: n
>one } /* Use the verticalText class on a table cell to rotate its>one } /* Use the verticalText class on a table cell to rotate its
> contents 90° */ td.verticalText { width: 3em; -webkit-transform:> contents 90° */ td.verticalText { width: 3em; -webkit-transform:
> rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: ro> rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: ro
>tate(-90deg); transform: rotate(-90deg) } table.blockTable { bord>tate(-90deg); transform: rotate(-90deg) } table.blockTable { bord
>er-collapse: collapse } table.blockTable, table.blockTable td { m>er-collapse: collapse } table.blockTable, table.blockTable td { m
>argin: 1px; padding: 1px } table.blockTable .verticalColumn { bor>argin: 1px; padding: 1px } table.blockTable .verticalColumn { bor
>der-left: none; border-right: none } /* The index page for HTML />der-left: none; border-right: none } /* The index page for HTML /
> CSS */ div.index { -webkit-columns: 16em; -moz-column-width: 16e> CSS */ div.index { -webkit-columns: 16em; -moz-column-width: 16e
>m; columns: 16em } div.index > span { font-family: Georgia, Ti>m; columns: 16em } div.index > span { font-family: Georgia, Ti
>mes, 'Times New Roman', serif; font-size: 1.6em } div.index ul, d>mes, 'Times New Roman', serif; font-size: 1.6em } div.index ul, d
>iv.index ol { margin-left: 0; padding-left: 0; list-style-type: n>iv.index ol { margin-left: 0; padding-left: 0; list-style-type: n
>one } /* Stuff used for the syntax information about CSS, HTML, a>one } /* Stuff used for the syntax information about CSS, HTML, a
>nd so forth */ /* ul.cssprop box used by each CSS Property refere>nd so forth */ /* ul.cssprop box used by each CSS Property refere
>nce page*/ .cssprop { display: table; padding: 11px 22px; backgro>nce page*/ .cssprop { display: table; padding: 11px 22px; backgro
>und-color: #eef } [dir="ltr"] .cssprop { clear: left; border-left>und-color: #eef } [dir="ltr"] .cssprop { clear: left; border-left
>: .15em solid } [dir="rtl"] .cssprop { clear: right; border-right>: .15em solid } [dir="rtl"] .cssprop { clear: right; border-right
>: .15em solid } .cssprop li { display: table-row; padding: 3px; m>: .15em solid } .cssprop li { display: table-row; padding: 3px; m
>argin: 0 } .cssprop li dfn { display: table-cell; padding: 0 5px;>argin: 0 } .cssprop li dfn { display: table-cell; padding: 0 5px;
> border-bottom: none; white-space: pre; cursor: inherit } .csspro> border-bottom: none; white-space: pre; cursor: inherit } .csspro
>p li dfn:after { content: ":" } .cssprop li li { display: list-it>p li dfn:after { content: ":" } .cssprop li li { display: list-it
>em; list-style-type: disc; line-height: 1 } /* ul.htmlelt box use>em; list-style-type: disc; line-height: 1 } /* ul.htmlelt box use
>d by each HTML Element reference page */ .htmlelt { display: tabl>d by each HTML Element reference page */ .htmlelt { display: tabl
>e; padding: 11px 22px; background-color: #fe9 } [dir="ltr"] .html>e; padding: 11px 22px; background-color: #fe9 } [dir="ltr"] .html
>elt { clear: left; border-left: .15em solid } [dir="rtl"] .htmlel>elt { clear: left; border-left: .15em solid } [dir="rtl"] .htmlel
>t { clear: right; border-right: .15em solid } .htmlelt li { displ>t { clear: right; border-right: .15em solid } .htmlelt li { displ
>ay: table-row; padding: 3px; margin: 0; text-align: left } .htmle>ay: table-row; padding: 3px; margin: 0; text-align: left } .htmle
>lt li dfn { display: table-cell; padding: 0 5px; border-bottom: n>lt li dfn { display: table-cell; padding: 0 5px; border-bottom: n
>one; white-space: pre; cursor: inherit } .htmlelt li dfn:after { >one; white-space: pre; cursor: inherit } .htmlelt li dfn:after { 
>content: ":" } .htmlelt li li { display: list-item; list-style-ty>content: ":" } .htmlelt li li { display: list-item; list-style-ty
>pe: disc; line-height: 1 } /* ul.audionodebox used by each AudioN>pe: disc; line-height: 1 } /* ul.audionodebox used by each AudioN
>ode object reference page*/ .audionodebox { display: table; paddi>ode object reference page*/ .audionodebox { display: table; paddi
>ng: 11px 22px; background-color: #fee } [dir="ltr"] .audionodebox>ng: 11px 22px; background-color: #fee } [dir="ltr"] .audionodebox
> { clear: left; border-left: .15em solid } [dir="rtl"] .audionode> { clear: left; border-left: .15em solid } [dir="rtl"] .audionode
>box { clear: right; border-right: .15em solid } .audionodebox li >box { clear: right; border-right: .15em solid } .audionodebox li 
>{ display: table-row; padding: 3px; margin: 0; text-align: left }>{ display: table-row; padding: 3px; margin: 0; text-align: left }
> .audionodebox li dfn { display: table-cell; padding: 0 5px; bord> .audionodebox li dfn { display: table-cell; padding: 0 5px; bord
>er-bottom: none; white-space: pre; cursor: inherit } .audionodebo>er-bottom: none; white-space: pre; cursor: inherit } .audionodebo
>x li dfn:after { content: ":" } .audionodebox li li { display: li>x li dfn:after { content: ":" } .audionodebox li li { display: li
>st-item; list-style-type: disc; line-height: 1 } /* https://devel>st-item; list-style-type: disc; line-height: 1 } /* https://devel
>oper.mozilla.org/en-US/docs/Template:HTML:Element_Navigation */ t>oper.mozilla.org/en-US/docs/Template:HTML:Element_Navigation */ t
>able.HTMLElmNav { margin: 1em auto; border-width: 5px } table.HTM>able.HTMLElmNav { margin: 1em auto; border-width: 5px } table.HTM
>LElmNav th, table.HTMLElmNav td { text-align: center } .method { >LElmNav th, table.HTMLElmNav td { text-align: center } .method { 
>margin-left: 10px; margin-bottom: 2em; margin-top: 1em } .method >margin-left: 10px; margin-bottom: 2em; margin-top: 1em } .method 
>> .name { display: block; font-size: 13pt; margin-bottom: .2em>> .name { display: block; font-size: 13pt; margin-bottom: .2em
> } .method > .name > .param: after { content: ","; padding-> } .method > .name > .param: after { content: ","; padding-
>right: .5em } .method > .name > .param: last-of-type: after>right: .5em } .method > .name > .param: last-of-type: after
> { content: "" } .method > .name > .param > .name: after> { content: "" } .method > .name > .param > .name: after
> { content: " as "; font-weight: normal } .method > .name >> { content: " as "; font-weight: normal } .method > .name >
> .param: not(.required) { font-style: italic } .method > .name> .param: not(.required) { font-style: italic } .method > .name
> > .param: not(.required): before { content: "[" } .method &gt> > .param: not(.required): before { content: "[" } .method &gt
>; .name > .param: not(.required): after { content: "]" } .meth>; .name > .param: not(.required): after { content: "]" } .meth
>od > .description { display: block; font-size: 10pt; color: #4>od > .description { display: block; font-size: 10pt; color: #4
>44; font-style: italic; margin-bottom: 7px } .method > .name &>44; font-style: italic; margin-bottom: 7px } .method > .name &
>gt; .returns: before { content: " returns "; font-weight: normal;>gt; .returns: before { content: " returns "; font-weight: normal;
> font-style: italic } .method > .name > .returns { font-wei> font-style: italic } .method > .name > .returns { font-wei
>ght: 700 } .method > .params { display: block; color: #555 } .>ght: 700 } .method > .params { display: block; color: #555 } .
>method > .params > .param { display: block; margin-bottom: >method > .params > .param { display: block; margin-bottom: 
>5px } .method > .params > .param > .name { font-weight: >5px } .method > .params > .param > .name { font-weight: 
>700; margin-right: .5em; min-width: 80px; display: inline-block }>700; margin-right: .5em; min-width: 80px; display: inline-block }
> .method > .params > .param > .description { display: in> .method > .params > .param > .description { display: in
>line-block; width: 300px; vertical-align: top; margin-right: 30px>line-block; width: 300px; vertical-align: top; margin-right: 30px
> } .method > .params > .param > .type { display: inline-> } .method > .params > .param > .type { display: inline-
>block; width: 150px; vertical-align: top; font-weight: 700 } .met>block; width: 150px; vertical-align: top; font-weight: 700 } .met
>hod > .params > .param > .type: before { content: "Type >hod > .params > .param > .type: before { content: "Type 
>"; color: #888; font-weight: normal } .method > .params > .>"; color: #888; font-weight: normal } .method > .params > .
>param > .default { display: inline-block; width: 150px; vertic>param > .default { display: inline-block; width: 150px; vertic
>al-align: top; font-weight: 700 } .method > .params > .para>al-align: top; font-weight: 700 } .method > .params > .para
>m > .default: before { content: "Default "; color: #888; font->m > .default: before { content: "Default "; color: #888; font-
>weight: normal } /* version compatibility banners and notes */ .g>weight: normal } /* version compatibility banners and notes */ .g
>eckoVersionNote { background-color: #E0E0FF; background-image: -m>eckoVersionNote { background-color: #E0E0FF; background-image: -m
>oz-radial-gradient(0px 0 45deg, circle farthest-corner, #E0E0FF 0>oz-radial-gradient(0px 0 45deg, circle farthest-corner, #E0E0FF 0
>%, #F8F8FF 80%); border-left: 5px solid #008 } .geckoVersionNote >%, #F8F8FF 80%); border-left: 5px solid #008 } .geckoVersionNote 
>p { padding-left: 4px; border: 0 } .geckoVersionHeading { backgro>p { padding-left: 4px; border: 0 } .geckoVersionHeading { backgro
>und-color: #008; background-image: -moz-linear-gradient(left, #00>und-color: #008; background-image: -moz-linear-gradient(left, #00
>8 50%, #e0e0ff 80%); color: #fff; font: 16px/1.7 Verdana, Tahoma,>8 50%, #e0e0ff 80%); color: #fff; font: 16px/1.7 Verdana, Tahoma,
> sans-serif; margin-top: 0; margin-left: 0; margin-bottom: 4px; h> sans-serif; margin-top: 0; margin-left: 0; margin-bottom: 4px; h
>eight: 42px } .geckoVersionHeading a:link { color: #ddd } .geckoV>eight: 42px } .geckoVersionHeading a:link { color: #ddd } .geckoV
>ersionHeading a:visited { color: #eee } .geckoVersionHeading a:ho>ersionHeading a:visited { color: #eee } .geckoVersionHeading a:ho
>ver, .geckoVersionHeading a:focus { color: #fdd } .experimentalIc>ver, .geckoVersionHeading a:focus { color: #fdd } .experimentalIc
>on { display: inline-block; width:4px; height:4px; color:orange; >on { display: inline-block; width:4px; height:4px; color:orange; 
>background-color:white; border: 3px solid orange; } .nonstandardI>background-color:white; border: 3px solid orange; } .nonstandardI
>con { display: inline-block; width:8px; height:8px; color:red; ba>con { display: inline-block; width:8px; height:8px; color:red; ba
>ckground-color:red; border: 1px solid red; } .obsoleteIcon { disp>ckground-color:red; border: 1px solid red; } .obsoleteIcon { disp
>lay: inline-block; width:8px; height:8px; color:black; background>lay: inline-block; width:8px; height:8px; color:black; background
>-color:black; border: 1px solid black; } .deprecatedIcon { displa>-color:black; border: 1px solid black; } .deprecatedIcon { displa
>y: inline-block; width:4px; height:4px; color:black; background-c>y: inline-block; width:4px; height:4px; color:black; background-c
>olor:white; border: 3px solid black; } /* Used to to create icon->olor:white; border: 3px solid black; } /* Used to to create icon-
>badged APIs inline */ .indexListRow { display: -ms-flexbox; displ>badged APIs inline */ .indexListRow { display: -ms-flexbox; displ
>ay: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms>ay: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms
>-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wra>-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wra
>p; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content:>p; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content:
> flex-start; -ms-flex-pack: start; justify-content: flex-start; -> flex-start; -ms-flex-pack: start; justify-content: flex-start; -
>webkit-align-content: stretch; -ms-flex-line-pack: stretch; align>webkit-align-content: stretch; -ms-flex-line-pack: stretch; align
>-content: stretch; -webkit-align-items: flex-start; -ms-flex-alig>-content: stretch; -webkit-align-items: flex-start; -ms-flex-alig
>n: start; align-items: flex-start; /*width:100%;*/ } .indexListTe>n: start; align-items: flex-start; /*width:100%;*/ } .indexListTe
>rm { -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-flex:>rm { -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-flex:
> 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-align-self> 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-align-self
>: flex-start; -ms-flex-item-align: start; align-self: flex-start;>: flex-start; -ms-flex-item-align: start; align-self: flex-start;
> } .indexListBadges { -webkit-order: 0; -ms-flex-order: 0; order:> } .indexListBadges { -webkit-order: 0; -ms-flex-order: 0; order:
> 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -> 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -
>webkit-align-self: auto; -ms-flex-item-align: auto; align-self: f>webkit-align-self: auto; -ms-flex-item-align: auto; align-self: f
>lex-end; padding-left: 6px; margin-right:6px; } .badge { position>lex-end; padding-left: 6px; margin-right:6px; } .badge { position
>: relative; top: -2px; display: inline-block; cursor: default; bo>: relative; top: -2px; display: inline-block; cursor: default; bo
>rder: 1px solid #aaa; border-radius: 8px; padding: .1em .6em; fon>rder: 1px solid #aaa; border-radius: 8px; padding: .1em .6em; fon
>t-size: 70%; font-weight: 700; height: 1.4em; vertical-align: mid>t-size: 70%; font-weight: 700; height: 1.4em; vertical-align: mid
>dle; line-height: 1.3; } .badgeText { -webkit-hyphens: none; -moz>dle; line-height: 1.3; } .badgeText { -webkit-hyphens: none; -moz
>-hyphens: none; -ms-hyphens: none; hyphens: none; } .banner { dis>-hyphens: none; -ms-hyphens: none; hyphens: none; } .banner { dis
>play:block; overflow:hidden; border: 1px solid #aaa; border-radiu>play:block; overflow:hidden; border: 1px solid #aaa; border-radiu
>s: 8px; font-size: 14px; font-weight: normal; margin: 10px 0px; p>s: 8px; font-size: 14px; font-weight: normal; margin: 10px 0px; p
>adding: 2px 10px; } .bannerHeading { text-align: center; font-wei>adding: 2px 10px; } .bannerHeading { text-align: center; font-wei
>ght: bold; padding-bottom: 2px; } .bannerText { text-align: cente>ght: bold; padding-bottom: 2px; } .bannerText { text-align: cente
>r; font-weight: normal; } .icon { padding-left: 3.1em } [dir=rtl]>r; font-weight: normal; } .icon { padding-left: 3.1em } [dir=rtl]
> .icon { padding-left: .8em; padding-right: 3.1em; } .icon:before> .icon { padding-left: .8em; padding-right: 3.1em; } .icon:before
> { content: ""; position: absolute; left: -2px; top: 50%; margin-> { content: ""; position: absolute; left: -2px; top: 50%; margin-
>top: -1.5em; width: 2.8em; height: 2.8em; background: white no-re>top: -1.5em; width: 2.8em; height: 2.8em; background: white no-re
>peat center center; background-size: 2.6em; border-radius: 100%; >peat center center; background-size: 2.6em; border-radius: 100%; 
>border: 1px solid #aaa; border-right: none; box-sizing: border-bo>border: 1px solid #aaa; border-right: none; box-sizing: border-bo
>x; -moz-boxsizing: border-box; } [dir=rtl] .icon:before { left: a>x; -moz-boxsizing: border-box; } [dir=rtl] .icon:before { left: a
>uto; right: -2px; border: 1px solid #aaa; border-left: none; } /*>uto; right: -2px; border: 1px solid #aaa; border-left: none; } /*
> Used for badging obsolete APIs */ .nonstandardBadge { background> Used for badging obsolete APIs */ .nonstandardBadge { background
>: linear-gradient(to right, #f0DE00 30%, #f0ff19); color: black; >: linear-gradient(to right, #f0DE00 30%, #f0ff19); color: black; 
>text-shadow: 1px 1px 0 #ddd; } /* Used for badging Gecko minimum >text-shadow: 1px 1px 0 #ddd; } /* Used for badging Gecko minimum 
>version requirements */ .geckoVersionBadge { background: linear-g>version requirements */ .geckoVersionBadge { background: linear-g
>radient(to right, rgb(215, 236, 161) 30%, rgb(204, 227, 144)); co>radient(to right, rgb(215, 236, 161) 30%, rgb(204, 227, 144)); co
>lor: black; text-shadow: 1px 1px 0 #ddd; border-color: rgb(129, 1>lor: black; text-shadow: 1px 1px 0 #ddd; border-color: rgb(129, 1
>42, 97); } /* Used for badging Firefox minimum version requiremen>42, 97); } /* Used for badging Firefox minimum version requiremen
>ts */ .firefoxVersionBadge { background-color: #FEDF9E; backgroun>ts */ .firefoxVersionBadge { background-color: #FEDF9E; backgroun
>d-image: linear-gradient(to right, #FEDF9E 30%, #FEF1D4); backgro>d-image: linear-gradient(to right, #FEDF9E 30%, #FEF1D4); backgro
>und-repeat: no-repeat; background-size: contain; overflow: hidden>und-repeat: no-repeat; background-size: contain; overflow: hidden
>; color: black; text-shadow: 1px 1px 0 #ccc; } .firefoxVersionBad>; color: black; text-shadow: 1px 1px 0 #ccc; white-space: nowrap;
>ge a:link { color: black; text-decoration: underline; } .firefoxV> } .firefoxVersionBadge a:link { color: black; text-decoration: u
>ersionBadge a:visited { color: black; text-decoration: underline;>nderline; } .firefoxVersionBadge a:visited { color: black; text-d
> } .firefoxVersionBadge a:hover { color: #853; text-decoration: n>ecoration: underline; } .firefoxVersionBadge a:hover { color: #85
>one; } .firefoxVersionBadge a:active { color:#858; text-decoratio>3; text-decoration: none; } .firefoxVersionBadge a:active { color
>n: none; } /* Used for badging APIs not implemented in Firefox */>:#858; text-decoration: none; } /* Used for badging APIs not impl
> .unimplementedBadge { background-color: lightpink; color: black;>emented in Firefox */ .unimplementedBadge { background-color: lig
> text-shadow: 1px 1px 0 #ddd; border-color: deeppink; } /* Used f>htpink; color: black; text-shadow: 1px 1px 0 #ddd; border-color: 
>or badging non-standard APIs */ .obsoleteBadge { background: line>deeppink; } /* Used for badging non-standard APIs */ .obsoleteBad
>ar-gradient(to right, #FEBCBC 30%, #fffff0); color: black; text-s>ge { background: linear-gradient(to right, #FEBCBC 30%, #fffff0);
>hadow: 1px 1px 0 #ddd; border-color: #f00; } /* Used for badging > color: black; text-shadow: 1px 1px 0 #ddd; border-color: #f00; }
>deprecated APIs */ .deprecatedBadge { background: linear-gradient> /* Used for badging deprecated APIs */ .deprecatedBadge { backgr
>(to right, #ccccff 30%, #eeeeff); color: #000; text-shadow: 1px 1>ound: linear-gradient(to right, #ccccff 30%, #eeeeff); color: #00
>px 0 #ddd; border-color: blue; } /* Used for badging experimental>0; text-shadow: 1px 1px 0 #ddd; border-color: blue; } /* Used for
> APIs */ .experimentalBadge { background: linear-gradient(to righ> badging experimental APIs */ .experimentalBadge { background: li
>t, #ffefd9 40%, #fffde0); color: #000; text-shadow: 1px 1px 0 #dd>near-gradient(to right, #ffefd9 40%, #fffde0); color: #000; text-
>d; } /* Used for badging privileged APIs */ .privilegedBadge { ba>shadow: 1px 1px 0 #ddd; } /* Used for badging privileged APIs */ 
>ckground: linear-gradient(to right, #FFBD19 30%, #ffb200); color:>.privilegedBadge { background: linear-gradient(to right, #FFBD19 
> #000; text-shadow: 1px 1px 0 #ddd; } [dir=rtl] .privilegedBadge >30%, #ffb200); color: #000; text-shadow: 1px 1px 0 #ddd; } [dir=r
>{ background: linear-gradient(to left, #FFBD19 30%, #ffb200); } .>tl] .privilegedBadge { background: linear-gradient(to left, #FFBD
>icon.privilegedBadge:before { background-color: orange; backgroun>19 30%, #ffb200); } .icon.privilegedBadge:before { background-col
>d-image: url(https://mdn.mozillademos.org/files/5061/firefoxos-lo>or: orange; background-image: url(https://mdn.mozillademos.org/fi
>go-sm.png); } .sidebar-box { margin-left: 16px; margin-bottom: 2.>les/5061/firefoxos-logo-sm.png); } .sidebar-box { margin-left: 16
>5em; border-right: 1px solid #ecf1f3; padding: 12px; background: >px; margin-bottom: 2.5em; border-right: 1px solid #ecf1f3; paddin
>#f1f6f8 url("img/toc-bg.png") 0 0 no-repeat; font: 12px Verdana, >g: 12px; background: #f1f6f8 url("img/toc-bg.png") 0 0 no-repeat;
>Tahoma, sans-serif } .sidebar-box h2, .sidebar-box h3, .sidebar-b> font: 12px Verdana, Tahoma, sans-serif } .sidebar-box h2, .sideb
>ox h5 { margin-bottom: .5em; font-family: inherit; font-weight: 7>ar-box h3, .sidebar-box h5 { margin-bottom: .5em; font-family: in
>00 } .sidebar-box h2 { font-size: 1.5em } .sidebar-box h3 { font->herit; font-weight: 700 } .sidebar-box h2 { font-size: 1.5em } .s
>size: 1.1em } .sidebar-box h5 { font-size: .9em } .sidebar-box &g>idebar-box h3 { font-size: 1.1em } .sidebar-box h5 { font-size: .
>t; ul { float: left; text-align: left; display: block; padding: 0>9em } .sidebar-box > ul { float: left; text-align: left; displ
>; margin: auto 0; position: relative } .sidebar-box ul > li { >ay: block; padding: 0; margin: auto 0; position: relative } .side
>list-style-type: none } .tab-content-box { border-right: 1px soli>bar-box ul > li { list-style-type: none } .tab-content-box { b
>d #ecf1f3; margin-left: 16px; padding: 12px; background: #fff; fo>order-right: 1px solid #ecf1f3; margin-left: 16px; padding: 12px;
>nt: 12px Verdana, Tahoma, sans-serif } .tab-content-box h2, .tab-> background: #fff; font: 12px Verdana, Tahoma, sans-serif } .tab-
>content-box h3, .tab-content-box h5 { margin-bottom: .5em; font-f>content-box h2, .tab-content-box h3, .tab-content-box h5 { margin
>amily: inherit; font-weight: 700 } .tab-content-box h2 { font-siz>-bottom: .5em; font-family: inherit; font-weight: 700 } .tab-cont
>e: 1.5em } .tab-content-box h3 { font-size: 1.1em } .tab-content->ent-box h2 { font-size: 1.5em } .tab-content-box h3 { font-size: 
>box h5 { font-size: .9em } #menuFiller { display: block } /* Hori>1.1em } .tab-content-box h5 { font-size: .9em } #menuFiller { dis
>zontal tab boxes */ .htab { margin: 0 auto 1em; display: inline-b>play: block } /* Horizontal tab boxes */ .htab { margin: 0 auto 1
>lock; } .htab>ul>li { width: 150px; height: 28px; list-styl>em; display: inline-block; } .htab>ul>li { width: 150px; he
>e-type: none; display: inline; padding-bottom: 3px; border: 1px s>ight: 28px; list-style-type: none; display: inline; padding-botto
>olid #ddd; border-radius: 3px 3px 0 0; padding-top: 5px; text-ali>m: 3px; border: 1px solid #ddd; border-radius: 3px 3px 0 0; paddi
>gn: left; font-size: 13px; font-weight: bold; margin: auto; posit>ng-top: 5px; text-align: left; font-size: 13px; font-weight: bold
>ion: relative; padding-left: 6px; padding-right: 6px; border-bott>; margin: auto; position: relative; padding-left: 6px; padding-ri
>om: none; opacity: .5; -ms-filter: "progid:DXImageTransform.Micro>ght: 6px; border-bottom: none; opacity: .5; -ms-filter: "progid:D
>soft.Alpha(Opacity=50)"; filter: progid:DXImageTransform.Microsof>XImageTransform.Microsoft.Alpha(Opacity=50)"; filter: progid:DXIm
>t.Alpha(Opacity=50); cursor: pointer; } .htab>ul>li.selecte>ageTransform.Microsoft.Alpha(Opacity=50); cursor: pointer; } .hta
>d { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Al>b>ul>li.selected { opacity: 1; -ms-filter: "progid:DXImageT
>pha(Opacity=100)"; filter: progid:DXImageTransform.Microsoft.Alph>ransform.Microsoft.Alpha(Opacity=100)"; filter: progid:DXImageTra
>a(Opacity=100); border: 1px solid #ddd; border-bottom: none; z-in>nsform.Microsoft.Alpha(Opacity=100); border: 1px solid #ddd; bord
>dex: 10; background-color: #f1f6f8!important; position: relative;>er-bottom: none; z-index: 10; background-color: #f1f6f8!important
> cursor: pointer; } .htab>ul { width: 150px; text-align: left;>; position: relative; cursor: pointer; } .htab>ul { width: 150
> display: inline; padding: 0; margin: 0 auto; position: relative;>px; text-align: left; display: inline; padding: 0; margin: 0 auto
> top: 0; } .htab>div { background-color: #f1f6f8; margin-top: >; position: relative; top: 0; } .htab>div { background-color: 
>0; border: 1px solid #ddd; padding: 12px; position: relative; z-i>#f1f6f8; margin-top: 0; border: 1px solid #ddd; padding: 12px; po
>ndex: 9; word-wrap: break-word; } /* Compatibility tables */ tabl>sition: relative; z-index: 9; word-wrap: break-word; } /* Compati
>e.compat-table { border-color: #bbb; margin: 0 } table.compat-tab>bility tables */ table.compat-table { border-color: #bbb; margin:
>le td { padding: 5px; border: 1px solid #ccc; background: #fff; v> 0 } table.compat-table td { padding: 5px; border: 1px solid #ccc
>ertical-align: top; word-wrap: break-word } table.compat-table th>; background: #fff; vertical-align: top; word-wrap: break-word } 
>, table.compat-table td.header { border: 1px solid #bbb; padding:>table.compat-table th, table.compat-table td.header { border: 1px
> 0 5px; background: #eee; font-weight: 700 } div.action-driven { > solid #bbb; padding: 0 5px; background: #eee; font-weight: 700 }
>display: inline-block; float: none; min-height: 8.5em; margin: .8> div.action-driven { display: inline-block; float: none; min-heig
>em; box-shadow: .2em .1em .1em #808080; vertical-align: top; } di>ht: 8.5em; margin: .8em; box-shadow: .2em .1em .1em #808080; vert
>v.action-driven > div { font: 400 20px 'Bebas Neue', 'League G>ical-align: top; } div.action-driven > div { font: 400 20px 'B
>othic', Haettenschweiler, Impact, 'Arial Narrow', Meiryo, sans-se>ebas Neue', 'League Gothic', Haettenschweiler, Impact, 'Arial Nar
>rif; text-transform: uppercase } /* standard coloring */ .notice.>row', Meiryo, sans-serif; text-transform: uppercase } /* standard
>experimental { border-color: #09d; color: 0; background-color: #C> coloring */ .notice.experimental { border-color: #09d; color: 0;
>9EDFC;clear:none;} /* New theme action-driven */ .card-grid > > background-color: #C9EDFC;clear:none;} /* New theme action-drive
>li > span:first-of-type {font-weight: bold} @media only screen>n */ .card-grid > li > span:first-of-type {font-weight: bol
> and (min-width:760px) { .card-grid { list-style: none outside no>d} @media only screen and (min-width:760px) { .card-grid { list-s
>ne; } .card-grid > li > span:first-of-type {font-weight: no>tyle: none outside none; } .card-grid > li > span:first-of-
>rmal} .card-grid > li { background-color: rgb(204, 204, 204); >type {font-weight: normal} .card-grid > li { background-color:
>background-image: -moz-linear-gradient(center top , rgb(221, 221,> rgb(204, 204, 204); background-image: -moz-linear-gradient(cente
> 221) 0px, rgb(187, 187, 187) 100%); border-radius: 6px; backgrou>r top , rgb(221, 221, 221) 0px, rgb(187, 187, 187) 100%); border-
>nd-clip: padding-box; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);>radius: 6px; background-clip: padding-box; box-shadow: 0px 2px 4p
> display: inline-block; margin: 3px 12px 20px; padding: 20px; pos>x rgba(0, 0, 0, 0.1); display: inline-block; margin: 3px 12px 20p
>ition: relative; vertical-align: top; width: 200px; word-wrap: br>x; padding: 20px; position: relative; vertical-align: top; width:
>eak-word; z-index: 1; min-height: 130px; } .card-grid > li:bef> 200px; word-wrap: break-word; z-index: 1; min-height: 130px; } .
>ore { background: none repeat scroll 0% 0% padding-box rgb(255, 2>card-grid > li:before { background: none repeat scroll 0% 0% p
>55, 255); border-radius: 5px; bottom: 1px; content: ""; left: 1px>adding-box rgb(255, 255, 255); border-radius: 5px; bottom: 1px; c
>; position: absolute; right: 1px; top: 1px; z-index: -1; } .card->ontent: ""; left: 1px; position: absolute; right: 1px; top: 1px; 
>grid > li span { display: block; font-family: 'Open Sans Light>z-index: -1; } .card-grid > li span { display: block; font-fam
>',Arial,Helvetica,sans-serif; font-size: 22px; letter-spacing: -1>ily: 'Open Sans Light',Arial,Helvetica,sans-serif; font-size: 22p
>px; line-height: 22px; margin-bottom: 12px; } } /*--------------->x; letter-spacing: -1px; line-height: 22px; margin-bottom: 12px; 
>-- for Topic page */ table.topicpage-table, table.topicpage-table>} } /*----------------- for Topic page */ table.topicpage-table, 
> td, table.topicpage-table tr, table.topicpage-table th { border:>table.topicpage-table td, table.topicpage-table tr, table.topicpa
> none } .topicpage-table .section { padding-right:1em} /* New the>ge-table th { border: none } .topicpage-table .section { padding-
>me */ dl { margin-bottom: 20px} .center .topicpage-table h2 { fon>right:1em} /* New theme */ dl { margin-bottom: 20px} .center .top
>t-family: 'Open Sans Light', sans-serif } .topicpage-table ul {pa>icpage-table h2 { font-family: 'Open Sans Light', sans-serif } .t
>dding-left: 20px; } /* Old theme */ /* "table.topicpage-table h2 >opicpage-table ul {padding-left: 20px; } /* Old theme */ /* "tabl
>{ --font-setting-- }" is better than this. .topicpage-table .Docu>e.topicpage-table h2 { --font-setting-- }" is better than this. .
>mentation, .topicpage-table .Community, .topicpage-table .Tools, >topicpage-table .Documentation, .topicpage-table .Community, .top
>.topicpage-table .Related_Topics { background-image: url('/media/>icpage-table .Tools, .topicpage-table .Related_Topics { backgroun
>img/icons-sections.png'); background-repeat: no-repeat; margin: 0>d-image: url('/media/img/icons-sections.png'); background-repeat:
> 0 .25em; padding: 18px 18px 0 65px; min-height: 48px; font: 400 > no-repeat; margin: 0 0 .25em; padding: 18px 18px 0 65px; min-hei
>28px/1 'Bebas Neue', 'League Gothic', Haettenschweiler, Impact, '>ght: 48px; font: 400 28px/1 'Bebas Neue', 'League Gothic', Haette
>Arial Narrow', Meiryo, sans-serif; text-transform: uppercase; bor>nschweiler, Impact, 'Arial Narrow', Meiryo, sans-serif; text-tran
>der: none } */ /* this is an unadorned heading, without an icon *>sform: uppercase; border: none } */ /* this is an unadorned headi
>/ //.topicpage-table .Heading { margin: 0 0 .25em; padding: 18px >ng, without an icon */ //.topicpage-table .Heading { margin: 0 0 
>18px 0 0; min-height: 48px; font: 400 28px/1 'Bebas Neue', 'Leagu>.25em; padding: 18px 18px 0 0; min-height: 48px; font: 400 28px/1
>e Gothic', Haettenschweiler, Impact, 'Arial Narrow', Meiryo, sans> 'Bebas Neue', 'League Gothic', Haettenschweiler, Impact, 'Arial 
>-serif; text-transform: uppercase; border: none } /* [dir="rtl"] >Narrow', Meiryo, sans-serif; text-transform: uppercase; border: n
>.topicpage-table .Documentation, [dir="rtl"] .topicpage-table .Co>one } /* [dir="rtl"] .topicpage-table .Documentation, [dir="rtl"]
>mmunity, [dir="rtl"] .topicpage-table .Tools, [dir="rtl"] .topicp> .topicpage-table .Community, [dir="rtl"] .topicpage-table .Tools
>age-table .Heading, [dir="rtl"] .topicpage-table .Related_Topics >, [dir="rtl"] .topicpage-table .Heading, [dir="rtl"] .topicpage-t
>{ padding: 18px 65px 0 18px; } .topicpage-table .Documentation { >able .Related_Topics { padding: 18px 65px 0 18px; } .topicpage-ta
>background-position: 0 0 } .topicpage-table .Community { backgrou>ble .Documentation { background-position: 0 0 } .topicpage-table 
>nd-position: 0 -200px } .topicpage-table .Tools { background-posi>.Community { background-position: 0 -200px } .topicpage-table .To
>tion: 0 -400px } .topicpage-table .Related_Topics { background-po>ols { background-position: 0 -400px } .topicpage-table .Related_T
>sition: 0 -600px } [dir="rtl"] .topicpage-table .Documentation { >opics { background-position: 0 -600px } [dir="rtl"] .topicpage-ta
>background-position: right 0 } [dir="rtl"] .topicpage-table .Comm>ble .Documentation { background-position: right 0 } [dir="rtl"] .
>unity { background-position: right -200px } [dir="rtl"] .topicpag>topicpage-table .Community { background-position: right -200px } 
>e-table .Tools { background-position: right -400px } [dir="rtl"] >[dir="rtl"] .topicpage-table .Tools { background-position: right 
>.topicpage-table .Related_Topics { background-position: right -60>-400px } [dir="rtl"] .topicpage-table .Related_Topics { backgroun
>0px } */ /* for Topic Page 2 (This is Test )*/ /* USAGE:>d-position: right -600px } */ /* for Topic Page 2 (This is Test )
 >*/ /* USAGE:

Back to History