Compare Revisions

Template:CustomCSS

Revision 477639:

Revision 477639 by teoli on

Revision 478429:

Revision 478429 by fscholz on

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

Revision 477639
Revision 478429
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 } 
>.landing { display: table-row;} .section { display: table-cell; w>.landing { display: table-row;} .section { display: table-cell; w
>idth:50%;} .topicpage-table .section:first-of-type { margin-right>idth:50%;} .topicpage-table .section:first-of-type { margin-right
>: 20px; border-right: solid 1px lightgrey; } } /* For Landing pag>: 20px; border-right: solid 1px lightgrey; } } /* For Landing pag
>e boxes; these are boxes displayed within columns on landing page>e boxes; these are boxes displayed within columns on landing page
>s, such as the Community and Related boxes. */ .landingPageBox { >s, such as the Community and Related boxes. */ .landingPageBox { 
>width: 100%; padding: 0px; border-bottom: 1px solid #bbb; margin->width: 100%; padding: 0px; border-bottom: 1px solid #bbb; margin-
>bottom: 3px; } .landingPageBox ul { padding-left: 44px; } /* Wide>bottom: 3px; } .landingPageBox ul { padding-left: 44px; } /* Wide
> column box */ .wideColumnBox { column-width:375px; -moz-column-w> column box */ .wideColumnBox { column-width:375px; -moz-column-w
>idth:375px; -webkit-column-width:375px; -o-column-width:375px; -m>idth:375px; -webkit-column-width:375px; -o-column-width:375px; -m
>s-column-width:375px;} .wideColumnBoxList li { line-height: 1.5; >s-column-width:375px;} .wideColumnBoxList li { line-height: 1.5; 
>list-style-type: none; padding-left: 0; page-break-inside: avoid;>list-style-type: none; padding-left: 0; page-break-inside: avoid;
> } /* Multi-column boxes for lists of longer links; this will ada> } /* Multi-column boxes for lists of longer links; this will ada
>pt based on screen width */ .multiColumnList { column-width:250px>pt based on screen width */ .multiColumnList { column-width:250px
>; -moz-column-width:250px; -webkit-column-width:250px; -o-column->; -moz-column-width:250px; -webkit-column-width:250px; -o-column-
>width:250px; -ms-column-width:250px;} .multiColumnList li { line->width:250px; -ms-column-width:250px;} .multiColumnList li { line-
>height: 1.5; list-style-type: none; padding-left: 0; page-break-i>height: 1.5; list-style-type: none; padding-left: 0; page-break-i
>nside: avoid; } /* Multi-column boxes for smaller links, such as >nside: avoid; } /* Multi-column boxes for smaller links, such as 
>API terms */ .smallMultiColumnList { column-width: 120px; -moz-co>API terms */ .smallMultiColumnList { column-width: 120px; -moz-co
>lumn-width:120px; -webkit-column-width:120px; -o-column-width:120>lumn-width:120px; -webkit-column-width:120px; -o-column-width:120
>px; -ms-column-width:120px} .smallMultiColumnList li { list-style>px; -ms-column-width:120px} .smallMultiColumnList li { list-style
>-type: none; padding-left: 0; page-break-inside: avoid; } /* Mult>-type: none; padding-left: 0; page-break-inside: avoid; } /* Mult
>i-column box for smaller text */ .horizFlexboxContainer { display>i-column box for smaller text */ .horizFlexboxContainer { display
>: flex; display: -webkit-flex; flex-flow: column nowrap; -webkit->: flex; display: -webkit-flex; flex-flow: column nowrap; -webkit-
>flex-flow: column nowrap; justify-content: center; -webkit-justif>flex-flow: column nowrap; justify-content: center; -webkit-justif
>y-content: center; align-content: center; -webkit-align-content: >y-content: center; align-content: center; -webkit-align-content: 
>center; align-items: center; -webkit-align-items: center; flex-di>center; align-items: center; -webkit-align-items: center; flex-di
>rection: column; -webkit-flex-direction: column; } div.smallTextM>rection: column; -webkit-flex-direction: column; } div.smallTextM
>ultiColumnBoxHeading { background-color: #aac; border-radius: 10p>ultiColumnBoxHeading { background-color: #aac; border-radius: 10p
>x 10px 0 0; border: 2px solid #ccc; order: 1; -webkit-order: 1; w>x 10px 0 0; border: 2px solid #ccc; order: 1; -webkit-order: 1; w
>idth: 75%; padding: 10px; flex: 0 1 auto; -webkit-flex: 0 1 auto;>idth: 75%; padding: 10px; flex: 0 1 auto; -webkit-flex: 0 1 auto;
> font-weight: bold; } div.smallTextMultiColumnBoxList { border: 2> font-weight: bold; } div.smallTextMultiColumnBoxList { border: 2
>px solid #ccc; background-color: #ddf; border-top: 0; border-radi>px solid #ccc; background-color: #ddf; border-top: 0; border-radi
>us: 0 0 10px 10px; width: 75%; padding: 10px; order: 2; -webkit-o>us: 0 0 10px 10px; width: 75%; padding: 10px; order: 2; -webkit-o
>rder: 2; flex: 0 1 auto; -webkit-flex: 0 1 auto; } div.smallTextM>rder: 2; flex: 0 1 auto; -webkit-flex: 0 1 auto; } div.smallTextM
>ultiColumnBoxList ul { column-width:100px; -moz-column-width:100p>ultiColumnBoxList ul { column-width:100px; -moz-column-width:100p
>x; -webkit-column-width:100px; -o-column-width:100px; -ms-column->x; -webkit-column-width:100px; -o-column-width:100px; -ms-column-
>width:100px; } div.smallTextMultiColumnBoxList li { list-style-ty>width:100px; } div.smallTextMultiColumnBoxList li { list-style-ty
>pe: none; padding-left: 0; font-size: 80%; } /* For ending "text >pe: none; padding-left: 0; font-size: 80%; } /* For ending "text 
>alongside images" blocks; add this class to the first block that >alongside images" blocks; add this class to the first block that 
>shouldn't be next to the image */ .endImageWrapping { clear: both>shouldn't be next to the image */ .endImageWrapping { clear: both
>; } /* Fancy Table of content for main pages of tutorial*/ .fancy>; } /* Fancy Table of content for main pages of tutorial*/ .fancy
>TOC { counter-reset: fancyTOC; -moz-columns: 18em; columns: 18em;>TOC { counter-reset: fancyTOC; -moz-columns: 18em; columns: 18em;
> margin-bottom: 1em } .fancyTOC .button { display: block; margin-> margin-bottom: 1em } .fancyTOC .button { display: block; margin-
>right: 0; margin-bottom: .25em; background-color: #A24C4C; color:>right: 0; margin-bottom: .25em; background-color: #A24C4C; color:
> #fff; font-size: 1.5em; line-height: 1.5 } .fancyTOC a::before {> #fff; font-size: 1.5em; line-height: 1.5 } .fancyTOC a::before {
> counter-increment: fancyTOC; content: counter(fancyTOC) ". " } .> counter-increment: fancyTOC; content: counter(fancyTOC) ". " } .
>fancyTOC a::after { content: ' »' } .fancyTOC .button:hover, .fan>fancyTOC a::after { content: ' »' } .fancyTOC .button:hover, .fan
>cyTOC .button:focus, .fancyTOC .button:active { background-color:>cyTOC .button:focus, .fancyTOC .button:active { background-color:
> #C26C6C } /* In index, dim obsolete, deprecated or non-standard > #C26C6C } /* In index, dim obsolete, deprecated or non-standard 
>element instead of striking through them */ s.deprecatedElement, >element instead of striking through them */ s.deprecatedElement, 
>s.obsoleteElement, s.nonStdElement { text-decoration: none; opaci>s.obsoleteElement, s.nonStdElement { text-decoration: none; opaci
>ty: .3 } /* Add widgeted index, here adding an HTML5 badge as the>ty: .3 } /* Add widgeted index, here adding an HTML5 badge as the
> bullet of the li element if class="html5" */ div.index.widgeted > bullet of the li element if class="html5" */ div.index.widgeted 
>{ -webkit-column-width: 10em; -moz-column-width: 10em; columns: 1>{ -webkit-column-width: 10em; -moz-column-width: 10em; columns: 1
>0em } div.index.widgeted li { padding-left: 18px } div.index.widg>0em } div.index.widgeted li { padding-left: 18px } div.index.widg
>eted li.html5 { background-image: url("/files/3855/HTML5_Badge_16>eted li.html5 { background-image: url("/files/3855/HTML5_Badge_16
>.png"); background-repeat: no-repeat; background-position: left 4>.png"); background-repeat: no-repeat; background-position: left 4
>px } [dir="rtl"] div.index.widgeted li { padding-right: 18px } [d>px } [dir="rtl"] div.index.widgeted li { padding-right: 18px } [d
>ir="rtl"] div.index.widgeted li.html5 { background-image: url("/f>ir="rtl"] div.index.widgeted li.html5 { background-image: url("/f
>iles/3855/HTML5_Badge_16.png"); background-repeat: no-repeat; bac>iles/3855/HTML5_Badge_16.png"); background-repeat: no-repeat; bac
>kground-position: right 4px } [dir="rtl"] div.index.widgeted span>kground-position: right 4px } [dir="rtl"] div.index.widgeted span
> { padding-right:24px } /* Add widgeted index, adding a Webcompon> { padding-right:24px } /* Add widgeted index, adding a Webcompon
>ent badge of the li element if class="webcomp" */ div.index.widge>ent badge of the li element if class="webcomp" */ div.index.widge
>ted li.webcomp::after { font-family: FontAwesome; content:" \f085>ted li.webcomp::after { font-family: FontAwesome; content:" \f085
>";} /* Quicknav template styles : https://developer.mozilla.org/e>";} /* Quicknav template styles : https://developer.mozilla.org/e
>n-US/docs/Template:quicknav -------- */ #wikiArticle { position: >n-US/docs/Template:quicknav -------- */ #wikiArticle { position: 
>relative; } .quicknav { position: fixed; top: 237px; left: 33px; >relative; } .quicknav { position: fixed; top: 237px; left: 33px; 
>background: #FFF; z-index: 1 } .quicknav dl { max-width: 0; max-h>background: #FFF; z-index: 1 } .quicknav dl { max-width: 0; max-h
>eight: 300px; overflow: auto; margin: 0; padding: 10px 0; border:>eight: 300px; overflow: auto; margin: 0; padding: 10px 0; border:
> 1px solid transparent; border-left: none -webkit-transition: bor> 1px solid transparent; border-left: none -webkit-transition: bor
>der .5s ease .1s, max-width .5s ease .1s, padding .5s linear .1s;>der .5s ease .1s, max-width .5s ease .1s, padding .5s linear .1s;
> -moz-transition: border .5s ease .1s, max-width .5s ease .1s, pa> -moz-transition: border .5s ease .1s, max-width .5s ease .1s, pa
>dding .5s linear .1s; -ms-transition: border .5s ease .1s, max-wi>dding .5s linear .1s; -ms-transition: border .5s ease .1s, max-wi
>dth .5s ease .1s, padding .5s linear .1s; -o-transition: border .>dth .5s ease .1s, padding .5s linear .1s; -o-transition: border .
>5s ease .1s, max-width .5s ease .1s, padding .5s linear .1s; tran>5s ease .1s, max-width .5s ease .1s, padding .5s linear .1s; tran
>sition: border .5s ease .1s, max-width .5s ease .1s, padding .5s >sition: border .5s ease .1s, max-width .5s ease .1s, padding .5s 
>linear .1s } .quicknav dt, .quicknav dd { margin: 0; padding: 0; >linear .1s } .quicknav dt, .quicknav dd { margin: 0; padding: 0; 
>white-space: nowrap } .quicknav dt { font-weight: 700 } .quicknav>white-space: nowrap } .quicknav dt { font-weight: 700 } .quicknav
> dd + dt { margin-top: .5em } .quicknav:hover dl { max-width: 300> dd + dt { margin-top: .5em } .quicknav:hover dl { max-width: 300
>px; padding: 10px 20px 10px 10px; border-color: #ECECE7 } .quickn>px; padding: 10px 20px 10px 10px; border-color: #ECECE7 } .quickn
>av .showme { display: block; position: absolute; top: 10px; left:>av .showme { display: block; position: absolute; top: 10px; left:
> -31px; width: 30px; font: 2em sans-serif; color: #CCC; text-alig> -31px; width: 30px; font: 2em sans-serif; color: #CCC; text-alig
>n: center; background: #FFF; border-radius: 5px 0 0 5px; border: >n: center; background: #FFF; border-radius: 5px 0 0 5px; border: 
>1px solid #ECECE7; border-right: none } .quicknav:hover .showme {>1px solid #ECECE7; border-right: none } .quicknav:hover .showme {
> color: #333; } .cleared { clear: both } /* This style has proble> color: #333; } .cleared { clear: both } /* This style has proble
>m ! Style attribute of BR element is not work in Kuma */ .clearLe>m ! Style attribute of BR element is not work in Kuma */ .clearLe
>ft { clear: left } /* ltr page only ? */ span.comment { display:n>ft { clear: left } /* ltr page only ? */ span.comment { display:n
>one; } #wikiArticle .breadcrumbs { display: block; margin-bottom:>one; } #wikiArticle .breadcrumbs { display: block; margin-bottom:
> 1em } /* The HTML5 landing page has some special-case stuff, han> 1em } /* The HTML5 landing page has some special-case stuff, han
>dled here */ /* table.html5ArticleToc { border-width: 5px }*/ tab>dled here */ /* table.html5ArticleToc { border-width: 5px }*/ tab
>le.html5ArticleToc { border-style: none; border-width: 0; backgro>le.html5ArticleToc { border-style: none; border-width: 0; backgro
>und-color: transparent; border-color: transparent; width: 100%;} >und-color: transparent; border-color: transparent; width: 100%;} 
>.html5ArticleToc thead th { padding: .5em 1em } .html5ArticleToc >.html5ArticleToc thead th { padding: .5em 1em } .html5ArticleToc 
>tbody td { vertical-align: middle } .html5ArticleToc ul { margin:>tbody td { vertical-align: middle } .html5ArticleToc ul { margin:
> 0; padding: 0 } .html5ArticleToc ul li { display: inline; margin> 0; padding: 0 } .html5ArticleToc ul li { display: inline; margin
>: 0 .25em } /* The syntax box: the first one is now used anywhere>: 0 .25em } /* The syntax box: the first one is now used anywhere
> (DOM, JS, CSS, ...) The twoparts is used for CSS properties */ p> (DOM, JS, CSS, ...) The twoparts is used for CSS properties */ p
>re.syntaxbox { border: 2px solid #ccc; margin-bottom: 1em; backgr>re.syntaxbox { border: 2px solid #ccc; margin-bottom: 1em; backgr
>ound-color: #ffe; border-radius: 10px; } pre.twopartsyntaxbox { b>ound-color: #ffe; border-radius: 10px; } pre.twopartsyntaxbox { b
>order: 2px solid #bbb; margin-bottom: 0; background-color: #ffe; >order: 2px solid #bbb; margin-bottom: 0; background-color: #ffe; 
>border-radius: 10px 10px 0 0; } pre.twopartsyntaxbox + pre { bord>border-radius: 10px 10px 0 0; } pre.twopartsyntaxbox + pre { bord
>er: 2px solid #bbb; border-radius: 0 0 10px 10px; border-top: non>er: 2px solid #bbb; border-radius: 0 0 10px 10px; border-top: non
>e; margin-top: 0 } table.withoutBorder, table.withoutBorder td, t>e; margin-top: 0 } table.withoutBorder, table.withoutBorder td, t
>able.withoutBorder tr, table.withoutBorder th { border: none } td>able.withoutBorder tr, table.withoutBorder th { border: none } td
>.horizontalLine { border-left: none } td.column { border-bottom: >.horizontalLine { border-left: none } td.column { border-bottom: 
>none } td.bottomPart { border-top: none } /* Use the verticalText>none } td.bottomPart { border-top: none } /* Use the verticalText
> class on a table cell to rotate its contents 90° */ td.verticalT> class on a table cell to rotate its contents 90° */ td.verticalT
>ext { width: 3em; -webkit-transform: rotate(-90deg); -moz-transfo>ext { width: 3em; -webkit-transform: rotate(-90deg); -moz-transfo
>rm: rotate(-90deg); -o-transform: rotate(-90deg); transform: rota>rm: rotate(-90deg); -o-transform: rotate(-90deg); transform: rota
>te(-90deg) } table.blockTable { border-collapse: collapse } table>te(-90deg) } table.blockTable { border-collapse: collapse } table
>.blockTable, table.blockTable td { margin: 1px; padding: 1px } ta>.blockTable, table.blockTable td { margin: 1px; padding: 1px } ta
>ble.blockTable .verticalColumn { border-left: none; border-right:>ble.blockTable .verticalColumn { border-left: none; border-right:
> none } /* The index page for HTML / CSS */ div.index { -webkit-c> none } /* The index page for HTML / CSS */ div.index { -webkit-c
>olumns: 16em; -moz-column-width: 16em; columns: 16em } div.index >olumns: 16em; -moz-column-width: 16em; columns: 16em } div.index 
>> span { font-family: Georgia, Times, 'Times New Roman', serif>> span { font-family: Georgia, Times, 'Times New Roman', serif
>; font-size: 1.6em } div.index ul, div.index ol { margin-left: 0;>; font-size: 1.6em } div.index ul, div.index ol { margin-left: 0;
> padding-left: 0; list-style-type: none } /* Stuff used for the s> padding-left: 0; list-style-type: none } /* Stuff used for the s
>yntax information about CSS, HTML, and so forth */ /* ul.cssprop >yntax information about CSS, HTML, and so forth */ /* ul.cssprop 
>box used by each CSS Property reference page*/ .cssprop { display>box used by each CSS Property reference page*/ .cssprop { display
>: table; padding: 11px 22px; background-color: #eef } [dir="ltr"]>: table; padding: 11px 22px; background-color: #eef } [dir="ltr"]
> .cssprop { clear: left; border-left: .15em solid } [dir="rtl"] .> .cssprop { clear: left; border-left: .15em solid } [dir="rtl"] .
>cssprop { clear: right; border-right: .15em solid } .cssprop li {>cssprop { clear: right; border-right: .15em solid } .cssprop li {
> display: table-row; padding: 3px; margin: 0 } .cssprop li dfn { > display: table-row; padding: 3px; margin: 0 } .cssprop li dfn { 
>display: table-cell; padding: 0 5px; border-bottom: none; white-s>display: table-cell; padding: 0 5px; border-bottom: none; white-s
>pace: pre; cursor: inherit } .cssprop li dfn:after { content: ":">pace: pre; cursor: inherit } .cssprop li dfn:after { content: ":"
> } .cssprop li li { display: list-item; list-style-type: disc; li> } .cssprop li li { display: list-item; list-style-type: disc; li
>ne-height: 1 } /* ul.htmlelt box used by each HTML Element refere>ne-height: 1 } /* ul.htmlelt box used by each HTML Element refere
>nce page */ .htmlelt { display: table; padding: 11px 22px; backgr>nce page */ .htmlelt { display: table; padding: 11px 22px; backgr
>ound-color: #fe9 } [dir="ltr"] .htmlelt { clear: left; border-lef>ound-color: #fe9 } [dir="ltr"] .htmlelt { clear: left; border-lef
>t: .15em solid } [dir="rtl"] .htmlelt { clear: right; border-righ>t: .15em solid } [dir="rtl"] .htmlelt { clear: right; border-righ
>t: .15em solid } .htmlelt li { display: table-row; padding: 3px; >t: .15em solid } .htmlelt li { display: table-row; padding: 3px; 
>margin: 0; text-align: left } .htmlelt li dfn { display: table-ce>margin: 0; text-align: left } .htmlelt li dfn { display: table-ce
>ll; padding: 0 5px; border-bottom: none; white-space: pre; cursor>ll; padding: 0 5px; border-bottom: none; white-space: pre; cursor
>: inherit } .htmlelt li dfn:after { content: ":" } .htmlelt li li>: inherit } .htmlelt li dfn:after { content: ":" } .htmlelt li li
> { display: list-item; list-style-type: disc; line-height: 1 } /*> { display: list-item; list-style-type: disc; line-height: 1 } /*
> ul.audionodebox used by each AudioNode object reference page*/ .> ul.audionodebox used by each AudioNode object reference page*/ .
>audionodebox { display: table; padding: 11px 22px; background-col>audionodebox { display: table; padding: 11px 22px; background-col
>or: #fee } [dir="ltr"] .audionodebox { clear: left; border-left: >or: #fee } [dir="ltr"] .audionodebox { clear: left; border-left: 
>.15em solid } [dir="rtl"] .audionodebox { clear: right; border-ri>.15em solid } [dir="rtl"] .audionodebox { clear: right; border-ri
>ght: .15em solid } .audionodebox li { display: table-row; padding>ght: .15em solid } .audionodebox li { display: table-row; padding
>: 3px; margin: 0; text-align: left } .audionodebox li dfn { displ>: 3px; margin: 0; text-align: left } .audionodebox li dfn { displ
>ay: table-cell; padding: 0 5px; border-bottom: none; white-space:>ay: table-cell; padding: 0 5px; border-bottom: none; white-space:
> pre; cursor: inherit } .audionodebox li dfn:after { content: ":"> pre; cursor: inherit } .audionodebox li dfn:after { content: ":"
> } .audionodebox li li { display: list-item; list-style-type: dis> } .audionodebox li li { display: list-item; list-style-type: dis
>c; line-height: 1 } /* https://developer.mozilla.org/en-US/docs/T>c; line-height: 1 } /* https://developer.mozilla.org/en-US/docs/T
>emplate:HTML:Element_Navigation */ table.HTMLElmNav { margin: 1em>emplate:HTML:Element_Navigation */ table.HTMLElmNav { margin: 1em
> auto; border-width: 5px } table.HTMLElmNav th, table.HTMLElmNav > auto; border-width: 5px } table.HTMLElmNav th, table.HTMLElmNav 
>td { text-align: center } .method { margin-left: 10px; margin-bot>td { text-align: center } .method { margin-left: 10px; margin-bot
>tom: 2em; margin-top: 1em } .method > .name { display: block; >tom: 2em; margin-top: 1em } .method > .name { display: block; 
>font-size: 13pt; margin-bottom: .2em } .method > .name > .p>font-size: 13pt; margin-bottom: .2em } .method > .name > .p
>aram: after { content: ","; padding-right: .5em } .method > .n>aram: after { content: ","; padding-right: .5em } .method > .n
>ame > .param: last-of-type: after { content: "" } .method >>ame > .param: last-of-type: after { content: "" } .method >
> .name > .param > .name: after { content: " as "; font-weig> .name > .param > .name: after { content: " as "; font-weig
>ht: normal } .method > .name > .param: not(.required) { fon>ht: normal } .method > .name > .param: not(.required) { fon
>t-style: italic } .method > .name > .param: not(.required):>t-style: italic } .method > .name > .param: not(.required):
> before { content: "[" } .method > .name > .param: not(.req> before { content: "[" } .method > .name > .param: not(.req
>uired): after { content: "]" } .method > .description { displa>uired): after { content: "]" } .method > .description { displa
>y: block; font-size: 10pt; color: #444; font-style: italic; margi>y: block; font-size: 10pt; color: #444; font-style: italic; margi
>n-bottom: 7px } .method > .name > .returns: before { conten>n-bottom: 7px } .method > .name > .returns: before { conten
>t: " returns "; font-weight: normal; font-style: italic } .method>t: " returns "; font-weight: normal; font-style: italic } .method
> > .name > .returns { font-weight: 700 } .method > .para> > .name > .returns { font-weight: 700 } .method > .para
>ms { display: block; color: #555 } .method > .params > .par>ms { display: block; color: #555 } .method > .params > .par
>am { display: block; margin-bottom: 5px } .method > .params &g>am { display: block; margin-bottom: 5px } .method > .params &g
>t; .param > .name { font-weight: 700; margin-right: .5em; min->t; .param > .name { font-weight: 700; margin-right: .5em; min-
>width: 80px; display: inline-block } .method > .params > .p>width: 80px; display: inline-block } .method > .params > .p
>aram > .description { display: inline-block; width: 300px; ver>aram > .description { display: inline-block; width: 300px; ver
>tical-align: top; margin-right: 30px } .method > .params > >tical-align: top; margin-right: 30px } .method > .params > 
>.param > .type { display: inline-block; width: 150px; vertical>.param > .type { display: inline-block; width: 150px; vertical
>-align: top; font-weight: 700 } .method > .params > .param >-align: top; font-weight: 700 } .method > .params > .param 
>> .type: before { content: "Type "; color: #888; font-weight: >> .type: before { content: "Type "; color: #888; font-weight: 
>normal } .method > .params > .param > .default { display>normal } .method > .params > .param > .default { display
>: inline-block; width: 150px; vertical-align: top; font-weight: 7>: inline-block; width: 150px; vertical-align: top; font-weight: 7
>00 } .method > .params > .param > .default: before { con>00 } .method > .params > .param > .default: before { con
>tent: "Default "; color: #888; font-weight: normal } /* version c>tent: "Default "; color: #888; font-weight: normal } /* version c
>ompatibility banners and notes */ .geckoVersionNote { background->ompatibility banners and notes */ .geckoVersionNote { background-
>color: #E0E0FF; background-image: -moz-radial-gradient(0px 0 45de>color: #E0E0FF; background-image: -moz-radial-gradient(0px 0 45de
>g, circle farthest-corner, #E0E0FF 0%, #F8F8FF 80%); border-left:>g, circle farthest-corner, #E0E0FF 0%, #F8F8FF 80%); border-left:
> 5px solid #008 } .geckoVersionNote p { padding-left: 4px; border> 5px solid #008 } .geckoVersionNote p { padding-left: 4px; border
>: 0 } .geckoVersionHeading { background-color: #008; background-i>: 0 } .geckoVersionHeading { background-color: #008; background-i
>mage: -moz-linear-gradient(left, #008 50%, #e0e0ff 80%); color: #>mage: -moz-linear-gradient(left, #008 50%, #e0e0ff 80%); color: #
>fff; font: 16px/1.7 Verdana, Tahoma, sans-serif; margin-top: 0; m>fff; font: 16px/1.7 Verdana, Tahoma, sans-serif; margin-top: 0; m
>argin-left: 0; margin-bottom: 4px; height: 42px } .geckoVersionHe>argin-left: 0; margin-bottom: 4px; height: 42px } .geckoVersionHe
>ading a:link { color: #ddd } .geckoVersionHeading a:visited { col>ading a:link { color: #ddd } .geckoVersionHeading a:visited { col
>or: #eee } .geckoVersionHeading a:hover, .geckoVersionHeading a:f>or: #eee } .geckoVersionHeading a:hover, .geckoVersionHeading a:f
>ocus { color: #fdd } .experimentalIcon { display: inline-block; w>ocus { color: #fdd } .experimentalIcon { display: inline-block; w
>idth:4px; height:4px; color:orange; background-color:white; borde>idth:4px; height:4px; color:orange; background-color:white; borde
>r: 3px solid orange; } .nonstandardIcon { display: inline-block; >r: 3px solid orange; } .nonstandardIcon { display: inline-block; 
>width:8px; height:8px; color:red; background-color:red; border: 1>width:8px; height:8px; color:red; background-color:red; border: 1
>px solid red; } .obsoleteIcon { display: inline-block; width:8px;>px solid red; } .obsoleteIcon { display: inline-block; width:8px;
> height:8px; color:black; background-color:black; border: 1px sol> height:8px; color:black; background-color:black; border: 1px sol
>id black; } .deprecatedIcon { display: inline-block; width:4px; h>id black; } .deprecatedIcon { display: inline-block; width:4px; h
>eight:4px; color:black; background-color:white; border: 3px solid>eight:4px; color:black; background-color:white; border: 3px solid
> black; } /* Used to to create icon-badged APIs inline */ .indexL> black; } /* Used to to create icon-badged APIs inline */ .indexL
>istRow { display: -ms-flexbox; display: -webkit-flex; display: fl>istRow { display: -ms-flexbox; display: -webkit-flex; display: fl
>ex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-di>ex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-di
>rection: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex->rection: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-
>wrap: wrap; -webkit-justify-content: flex-start; -ms-flex-pack: s>wrap: wrap; -webkit-justify-content: flex-start; -ms-flex-pack: s
>tart; justify-content: flex-start; -webkit-align-content: stretch>tart; justify-content: flex-start; -webkit-align-content: stretch
>; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-al>; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-al
>ign-items: flex-start; -ms-flex-align: start; align-items: flex-s>ign-items: flex-start; -ms-flex-align: start; align-items: flex-s
>tart; /*width:100%;*/ } .indexListTerm { -webkit-order: 0; -ms-fl>tart; /*width:100%;*/ } .indexListTerm { -webkit-order: 0; -ms-fl
>ex-order: 0; order: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto>ex-order: 0; order: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto
>; flex: 0 1 auto; -webkit-align-self: flex-start; -ms-flex-item-a>; flex: 0 1 auto; -webkit-align-self: flex-start; -ms-flex-item-a
>lign: start; align-self: flex-start; } .indexListBadges { -webkit>lign: start; align-self: flex-start; } .indexListBadges { -webkit
>-order: 0; -ms-flex-order: 0; order: 0; -webkit-flex: 0 1 auto; ->-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: auto; -ms->ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-align-self: auto; -ms-
>flex-item-align: auto; align-self: flex-end; padding-left: 6px; m>flex-item-align: auto; align-self: flex-end; padding-left: 6px; m
>argin-right:6px; } .badge { position: relative; top: -2px; displa>argin-right:6px; } .badge { position: relative; top: -2px; displa
>y: inline-block; cursor: default; border: 1px solid #aaa; border->y: inline-block; cursor: default; border: 1px solid #aaa; border-
>radius: 8px; padding: .1em .6em; font-size: 70%; font-weight: 700>radius: 8px; padding: .1em .6em; font-size: 70%; font-weight: 700
>; height: 1.4em; vertical-align: middle; line-height: 1.3; } .bad>; height: 1.4em; vertical-align: middle; line-height: 1.3; } .bad
>geText { -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: >geText { -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: 
>none; hyphens: none; } .banner { display:block; overflow:hidden; >none; hyphens: none; } .banner { display:block; overflow:hidden; 
>border: 1px solid #aaa; border-radius: 8px; font-size: 14px; font>border: 1px solid #aaa; border-radius: 8px; font-size: 14px; font
>-weight: normal; margin: 10px 0px; padding: 2px 10px; } .bannerHe>-weight: normal; margin: 10px 0px; padding: 2px 10px; } .bannerHe
>ading { text-align: center; font-weight: bold; padding-bottom: 2p>ading { text-align: center; font-weight: bold; padding-bottom: 2p
>x; } .bannerText { text-align: center; font-weight: normal; } .ic>x; } .bannerText { text-align: center; font-weight: normal; } .ic
>on { padding-left: 3.1em } [dir=rtl] .icon { padding-left: .8em; >on { padding-left: 3.1em } [dir=rtl] .icon { padding-left: .8em; 
>padding-right: 3.1em; } .icon:before { content: ""; position: abs>padding-right: 3.1em; } .icon:before { content: ""; position: abs
>olute; left: -2px; top: 50%; margin-top: -1.5em; width: 2.8em; he>olute; left: -2px; top: 50%; margin-top: -1.5em; width: 2.8em; he
>ight: 2.8em; background: white no-repeat center center; backgroun>ight: 2.8em; background: white no-repeat center center; backgroun
>d-size: 2.6em; border-radius: 100%; border: 1px solid #aaa; borde>d-size: 2.6em; border-radius: 100%; border: 1px solid #aaa; borde
>r-right: none; box-sizing: border-box; -moz-boxsizing: border-box>r-right: none; box-sizing: border-box; -moz-boxsizing: border-box
>; } [dir=rtl] .icon:before { left: auto; right: -2px; border: 1px>; } [dir=rtl] .icon:before { left: auto; right: -2px; border: 1px
> solid #aaa; border-left: none; } /* Used for badging obsolete AP> solid #aaa; border-left: none; } /* Used for badging obsolete AP
>Is */ .nonstandardBadge { background: linear-gradient(to right, #>Is */ .nonstandardBadge { background: linear-gradient(to right, #
>f0DE00 30%, #f0ff19); color: black; text-shadow: 1px 1px 0 #ddd; >f0DE00 30%, #f0ff19); color: black; text-shadow: 1px 1px 0 #ddd; 
>} /* Used for badging Gecko minimum version requirements */ .geck>} /* Used for badging Gecko minimum version requirements */ .geck
>oVersionBadge { background: linear-gradient(to right, rgb(215, 23>oVersionBadge { background: linear-gradient(to right, rgb(215, 23
>6, 161) 30%, rgb(204, 227, 144)); color: black; text-shadow: 1px >6, 161) 30%, rgb(204, 227, 144)); color: black; text-shadow: 1px 
>1px 0 #ddd; border-color: rgb(129, 142, 97); } /* Used for badgin>1px 0 #ddd; border-color: rgb(129, 142, 97); } /* Used for badgin
>g Firefox minimum version requirements */ .firefoxVersionBadge { >g Firefox minimum version requirements */ .firefoxVersionBadge { 
>background-color: #FEDF9E; background-image: linear-gradient(to r>background-color: #FEDF9E; background-image: linear-gradient(to r
>ight, #FEDF9E 30%, #FEF1D4); background-repeat: no-repeat; backgr>ight, #FEDF9E 30%, #FEF1D4); background-repeat: no-repeat; backgr
>ound-size: contain; overflow: hidden; color: black; text-shadow: >ound-size: contain; overflow: hidden; color: black; text-shadow: 
>1px 1px 0 #ccc; white-space: nowrap; } .firefoxVersionBadge a:lin>1px 1px 0 #ccc; white-space: nowrap; } .firefoxVersionBadge a:lin
>k { color: black; text-decoration: underline; } .firefoxVersionBa>k { color: black; text-decoration: underline; } .firefoxVersionBa
>dge a:visited { color: black; text-decoration: underline; } .fire>dge a:visited { color: black; text-decoration: underline; } .fire
>foxVersionBadge a:hover { color: #853; text-decoration: none; } .>foxVersionBadge a:hover { color: #853; text-decoration: none; } .
>firefoxVersionBadge a:active { color:#858; text-decoration: none;>firefoxVersionBadge a:active { color:#858; text-decoration: none;
> } /* Used for badging APIs not implemented in Firefox */ .unimpl> } /* Used for badging APIs not implemented in Firefox */ .unimpl
>ementedBadge { background-color: lightpink; color: black; text-sh>ementedBadge { background-color: lightpink; color: black; text-sh
>adow: 1px 1px 0 #ddd; border-color: deeppink; } /* Used for badgi>adow: 1px 1px 0 #ddd; border-color: deeppink; } /* Used for badgi
>ng non-standard APIs */ .obsoleteBadge { background: linear-gradi>ng non-standard APIs */ .obsoleteBadge { background: linear-gradi
>ent(to right, #FEBCBC 30%, #fffff0); color: black; text-shadow: 1>ent(to right, #FEBCBC 30%, #fffff0); color: black; text-shadow: 1
>px 1px 0 #ddd; border-color: #f00; } /* Used for badging deprecat>px 1px 0 #ddd; border-color: #f00; } /* Used for badging deprecat
>ed APIs */ .deprecatedBadge { background: linear-gradient(to righ>ed APIs */ .deprecatedBadge { background: linear-gradient(to righ
>t, #ccccff 30%, #eeeeff); color: #000; text-shadow: 1px 1px 0 #dd>t, #ccccff 30%, #eeeeff); color: #000; text-shadow: 1px 1px 0 #dd
>d; border-color: blue; } /* Used for badging experimental APIs */>d; border-color: blue; } /* Used for badging experimental APIs */
> .experimentalBadge { background: linear-gradient(to right, #ffef> .experimentalBadge { background: linear-gradient(to right, #ffef
>d9 40%, #fffde0); color: #000; text-shadow: 1px 1px 0 #ddd; } /* >d9 40%, #fffde0); color: #000; text-shadow: 1px 1px 0 #ddd; } /* 
>Used for badging privileged APIs */ .privilegedBadge { background>Used for badging privileged APIs */ .privilegedBadge { background
>: linear-gradient(to right, #FFBD19 30%, #ffb200); color: #000; t>: linear-gradient(to right, #FFBD19 30%, #ffb200); color: #000; t
>ext-shadow: 1px 1px 0 #ddd; } [dir=rtl] .privilegedBadge { backgr>ext-shadow: 1px 1px 0 #ddd; } [dir=rtl] .privilegedBadge { backgr
>ound: linear-gradient(to left, #FFBD19 30%, #ffb200); } .icon.pri>ound: linear-gradient(to left, #FFBD19 30%, #ffb200); } .icon.pri
>vilegedBadge:before { background-color: orange; background-image:>vilegedBadge:before { background-color: orange; background-image:
> url(https://mdn.mozillademos.org/files/5061/firefoxos-logo-sm.pn> url(https://mdn.mozillademos.org/files/5061/firefoxos-logo-sm.pn
>g); } .sidebar-box { margin-left: 16px; margin-bottom: 2.5em; bor>g); } .sidebar-box { margin-left: 16px; margin-bottom: 2.5em; bor
>der-right: 1px solid #ecf1f3; padding: 12px; background: #f1f6f8 >der-right: 1px solid #ecf1f3; padding: 12px; background: #f1f6f8 
>url("img/toc-bg.png") 0 0 no-repeat; font: 12px Verdana, Tahoma, >url("img/toc-bg.png") 0 0 no-repeat; font: 12px Verdana, Tahoma, 
>sans-serif } .sidebar-box h2, .sidebar-box h3, .sidebar-box h5 { >sans-serif } .sidebar-box h2, .sidebar-box h3, .sidebar-box h5 { 
>margin-bottom: .5em; font-family: inherit; font-weight: 700 } .si>margin-bottom: .5em; font-family: inherit; font-weight: 700 } .si
>debar-box h2 { font-size: 1.5em } .sidebar-box h3 { font-size: 1.>debar-box h2 { font-size: 1.5em } .sidebar-box h3 { font-size: 1.
>1em } .sidebar-box h5 { font-size: .9em } .sidebar-box > ul { >1em } .sidebar-box h5 { font-size: .9em } .sidebar-box > ul { 
>float: left; text-align: left; display: block; padding: 0; margin>float: left; text-align: left; display: block; padding: 0; margin
>: auto 0; position: relative } .sidebar-box ul > li { list-sty>: auto 0; position: relative } .sidebar-box ul > li { list-sty
>le-type: none } .tab-content-box { border-right: 1px solid #ecf1f>le-type: none } .tab-content-box { border-right: 1px solid #ecf1f
>3; margin-left: 16px; padding: 12px; background: #fff; font: 12px>3; margin-left: 16px; padding: 12px; background: #fff; font: 12px
> Verdana, Tahoma, sans-serif } .tab-content-box h2, .tab-content-> Verdana, Tahoma, sans-serif } .tab-content-box h2, .tab-content-
>box h3, .tab-content-box h5 { margin-bottom: .5em; font-family: i>box h3, .tab-content-box h5 { margin-bottom: .5em; font-family: i
>nherit; font-weight: 700 } .tab-content-box h2 { font-size: 1.5em>nherit; font-weight: 700 } .tab-content-box h2 { font-size: 1.5em
> } .tab-content-box h3 { font-size: 1.1em } .tab-content-box h5 {> } .tab-content-box h3 { font-size: 1.1em } .tab-content-box h5 {
> font-size: .9em } #menuFiller { display: block } /* Horizontal t> font-size: .9em } #menuFiller { display: block } /* Horizontal t
>ab boxes */ .htab { margin: 0 auto 1em; display: inline-block; } >ab boxes */ .htab { margin: 0 auto 1em; display: inline-block; } 
>.htab>ul>li { width: 150px; height: 28px; list-style-type: >.htab>ul>li { width: 150px; height: 28px; list-style-type: 
>none; display: inline; padding-bottom: 3px; border: 1px solid #dd>none; display: inline; padding-bottom: 3px; border: 1px solid #dd
>d; border-radius: 3px 3px 0 0; padding-top: 5px; text-align: left>d; border-radius: 3px 3px 0 0; padding-top: 5px; text-align: left
>; font-size: 13px; font-weight: bold; margin: auto; position: rel>; font-size: 13px; font-weight: bold; margin: auto; position: rel
>ative; padding-left: 6px; padding-right: 6px; border-bottom: none>ative; padding-left: 6px; padding-right: 6px; border-bottom: none
>; opacity: .5; -ms-filter: "progid:DXImageTransform.Microsoft.Alp>; opacity: .5; -ms-filter: "progid:DXImageTransform.Microsoft.Alp
>ha(Opacity=50)"; filter: progid:DXImageTransform.Microsoft.Alpha(>ha(Opacity=50)"; filter: progid:DXImageTransform.Microsoft.Alpha(
>Opacity=50); cursor: pointer; } .htab>ul>li.selected { opac>Opacity=50); cursor: pointer; } .htab>ul>li.selected { opac
>ity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opac>ity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opac
>ity=100)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacit>ity=100)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacit
>y=100); border: 1px solid #ddd; border-bottom: none; z-index: 10;>y=100); border: 1px solid #ddd; border-bottom: none; z-index: 10;
> background-color: #f1f6f8!important; position: relative; cursor:> background-color: #f1f6f8!important; position: relative; cursor:
> pointer; } .htab>ul { width: 150px; text-align: left; display> pointer; } .htab>ul { width: 150px; text-align: left; display
>: inline; padding: 0; margin: 0 auto; position: relative; top: 0;>: inline; padding: 0; margin: 0 auto; position: relative; top: 0;
> } .htab>div { background-color: #f1f6f8; margin-top: 0; borde> } .htab>div { background-color: #f1f6f8; margin-top: 0; borde
>r: 1px solid #ddd; padding: 12px; position: relative; z-index: 9;>r: 1px solid #ddd; padding: 12px; position: relative; z-index: 9;
> word-wrap: break-word; } /* Compatibility tables */ table.compat> word-wrap: break-word; } /* Compatibility tables */ table.compat
>-table { border-color: #bbb; margin: 0 } table.compat-table td { >-table { border-color: #bbb; margin: 0 } table.compat-table td { 
>padding: 5px; border: 1px solid #ccc; background: #fff; vertical->padding: 5px; border: 1px solid #ccc; background: #fff; vertical-
>align: top; word-wrap: break-word } table.compat-table th, table.>align: top; word-wrap: break-word } table.compat-table th, table.
>compat-table td.header { border: 1px solid #bbb; padding: 0 5px; >compat-table td.header { border: 1px solid #bbb; padding: 0 5px; 
>background: #eee; font-weight: 700 } div.action-driven { display:>background: #eee; font-weight: 700 } div.action-driven { display:
> inline-block; float: none; min-height: 8.5em; margin: .8em; box-> inline-block; float: none; min-height: 8.5em; margin: .8em; box-
>shadow: .2em .1em .1em #808080; vertical-align: top; } div.action>shadow: .2em .1em .1em #808080; vertical-align: top; } div.action
>-driven > div { font: 400 20px 'Bebas Neue', 'League Gothic', >-driven > div { font: 400 20px 'Bebas Neue', 'League Gothic', 
>Haettenschweiler, Impact, 'Arial Narrow', Meiryo, sans-serif; tex>Haettenschweiler, Impact, 'Arial Narrow', Meiryo, sans-serif; tex
>t-transform: uppercase } /* standard coloring */ .notice.experime>t-transform: uppercase } /* standard coloring */ .notice.experime
>ntal { border-color: #09d; color: 0; background-color: #C9EDFC;cl>ntal { border-color: #09d; color: 0; background-color: #C9EDFC;cl
>ear:none;} /* New theme action-driven */ .card-grid > li > >ear:none;} /* New theme action-driven */ .card-grid > li > 
>span:first-of-type {font-weight: bold} @media only screen and (mi>span:first-of-type {font-weight: bold} @media only screen and (mi
>n-width:760px) { .card-grid { list-style: none outside none; } .c>n-width:760px) { .card-grid { list-style: none outside none; } .c
>ard-grid > li > span:first-of-type {font-weight: normal} .c>ard-grid > li > span:first-of-type {font-weight: normal} .c
>ard-grid > li { background-color: rgb(204, 204, 204); backgrou>ard-grid > li { background-color: rgb(204, 204, 204); backgrou
>nd-image: -moz-linear-gradient(center top , rgb(221, 221, 221) 0p>nd-image: -moz-linear-gradient(center top , rgb(221, 221, 221) 0p
>x, rgb(187, 187, 187) 100%); border-radius: 6px; background-clip:>x, rgb(187, 187, 187) 100%); border-radius: 6px; background-clip:
> padding-box; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); display> padding-box; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); display
>: inline-block; margin: 3px 12px 20px; padding: 20px; position: r>: inline-block; margin: 3px 12px 20px; padding: 20px; position: r
>elative; vertical-align: top; width: 200px; word-wrap: break-word>elative; vertical-align: top; width: 200px; word-wrap: break-word
>; z-index: 1; min-height: 130px; } .card-grid > li:before { ba>; z-index: 1; min-height: 130px; } .card-grid > li:before { ba
>ckground: none repeat scroll 0% 0% padding-box rgb(255, 255, 255)>ckground: none repeat scroll 0% 0% padding-box rgb(255, 255, 255)
>; border-radius: 5px; bottom: 1px; content: ""; left: 1px; positi>; border-radius: 5px; bottom: 1px; content: ""; left: 1px; positi
>on: absolute; right: 1px; top: 1px; z-index: -1; } .card-grid &gt>on: absolute; right: 1px; top: 1px; z-index: -1; } .card-grid &gt
>; li span { display: block; font-family: 'Open Sans Light',Arial,>; li span { display: block; font-family: 'Open Sans Light',Arial,
>Helvetica,sans-serif; font-size: 22px; letter-spacing: -1px; line>Helvetica,sans-serif; font-size: 22px; letter-spacing: -1px; line
>-height: 22px; margin-bottom: 12px; } } /*----------------- for T>-height: 22px; margin-bottom: 12px; } } /*----------------- for T
>opic page */ table.topicpage-table, table.topicpage-table td, tab>opic page */ table.topicpage-table, table.topicpage-table td, tab
>le.topicpage-table tr, table.topicpage-table th { border: none } >le.topicpage-table tr, table.topicpage-table th { border: none } 
>.topicpage-table .section { padding-right:1em} /* New theme */ dl>.topicpage-table .section { padding-right:1em} /* New theme */ dl
> { margin-bottom: 20px} .center .topicpage-table h2 { font-family> { margin-bottom: 20px} .center .topicpage-table h2 { font-family
>: 'Open Sans Light', sans-serif } .topicpage-table ul {padding-le>: 'Open Sans Light', sans-serif } .topicpage-table ul {padding-le
>ft: 20px; } /* Old theme */ /* "table.topicpage-table h2 { --font>ft: 20px; } /* Old theme */ /* "table.topicpage-table h2 { --font
>-setting-- }" is better than this. .topicpage-table .Documentatio>-setting-- }" is better than this. .topicpage-table .Documentatio
>n, .topicpage-table .Community, .topicpage-table .Tools, .topicpa>n, .topicpage-table .Community, .topicpage-table .Tools, .topicpa
>ge-table .Related_Topics { background-image: url('/media/img/icon>ge-table .Related_Topics { background-image: url('/media/img/icon
>s-sections.png'); background-repeat: no-repeat; margin: 0 0 .25em>s-sections.png'); background-repeat: no-repeat; margin: 0 0 .25em
>; padding: 18px 18px 0 65px; min-height: 48px; font: 400 28px/1 '>; padding: 18px 18px 0 65px; min-height: 48px; font: 400 28px/1 '
>Bebas Neue', 'League Gothic', Haettenschweiler, Impact, 'Arial Na>Bebas Neue', 'League Gothic', Haettenschweiler, Impact, 'Arial Na
>rrow', Meiryo, sans-serif; text-transform: uppercase; border: non>rrow', Meiryo, sans-serif; text-transform: uppercase; border: non
>e } */ /* this is an unadorned heading, without an icon */ //.top>e } */ /* this is an unadorned heading, without an icon */ //.top
>icpage-table .Heading { margin: 0 0 .25em; padding: 18px 18px 0 0>icpage-table .Heading { margin: 0 0 .25em; padding: 18px 18px 0 0
>; min-height: 48px; font: 400 28px/1 'Bebas Neue', 'League Gothic>; min-height: 48px; font: 400 28px/1 'Bebas Neue', 'League Gothic
>', Haettenschweiler, Impact, 'Arial Narrow', Meiryo, sans-serif; >', Haettenschweiler, Impact, 'Arial Narrow', Meiryo, sans-serif; 
>text-transform: uppercase; border: none } /* [dir="rtl"] .topicpa>text-transform: uppercase; border: none } /* [dir="rtl"] .topicpa
>ge-table .Documentation, [dir="rtl"] .topicpage-table .Community,>ge-table .Documentation, [dir="rtl"] .topicpage-table .Community,
> [dir="rtl"] .topicpage-table .Tools, [dir="rtl"] .topicpage-tabl> [dir="rtl"] .topicpage-table .Tools, [dir="rtl"] .topicpage-tabl
>e .Heading, [dir="rtl"] .topicpage-table .Related_Topics { paddin>e .Heading, [dir="rtl"] .topicpage-table .Related_Topics { paddin
>g: 18px 65px 0 18px; } .topicpage-table .Documentation { backgrou>g: 18px 65px 0 18px; } .topicpage-table .Documentation { backgrou
>nd-position: 0 0 } .topicpage-table .Community { background-posit>nd-position: 0 0 } .topicpage-table .Community { background-posit
>ion: 0 -200px } .topicpage-table .Tools { background-position: 0 >ion: 0 -200px } .topicpage-table .Tools { background-position: 0 
>-400px } .topicpage-table .Related_Topics { background-position: >-400px } .topicpage-table .Related_Topics { background-position: 
>0 -600px } [dir="rtl"] .topicpage-table .Documentation { backgrou>0 -600px } [dir="rtl"] .topicpage-table .Documentation { backgrou
>nd-position: right 0 } [dir="rtl"] .topicpage-table .Community { >nd-position: right 0 } [dir="rtl"] .topicpage-table .Community { 
>background-position: right -200px } [dir="rtl"] .topicpage-table >background-position: right -200px } [dir="rtl"] .topicpage-table 
>.Tools { background-position: right -400px } [dir="rtl"] .topicpa>.Tools { background-position: right -400px } [dir="rtl"] .topicpa
>ge-table .Related_Topics { background-position: right -600px } */>ge-table .Related_Topics { background-position: right -600px } */
> /* for Topic Page 2 (This is Test )*/ /* USAGE:> /* for Topic Page 2 (This is Test )*/ /* USAGE:

Back to History