Compare Revisions

Template:CustomCSS

Change Revisions

Revision 487505:

Revision 487505 by Sheppy on

Revision 487633:

Revision 487633 by DavidWalsh on

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

Revision 487505
Revision 487633
t19    </div>*/ .topicpage2col { margin: 1em 0; padding: 0 10px; zoot19    </div>*/ .topicpage2col { margin: 1em 0; padding: 0 10px; zoo
>m: 1; } .topicpage2col::after { content: "."; display: block; hei>m: 1; } .topicpage2col::after { content: "."; display: block; hei
>ght: 0; clear: both; visibility: hidden; } .topicpage2col .A, .to>ght: 0; clear: both; visibility: hidden; } .topicpage2col .A, .to
>picpage2col .B { width: 50%; position: relative } .html-ltr .topi>picpage2col .B { width: 50%; position: relative } .html-ltr .topi
>cpage2col .A, .html-rtl .topicpage2col .B { float: left; left: -1>cpage2col .A, .html-rtl .topicpage2col .B { float: left; left: -1
>0px } .html-ltr .topicpage2col .B, .html-rtl .topicpage2col .A { >0px } .html-ltr .topicpage2col .B, .html-rtl .topicpage2col .A { 
>float: right; right: -10px } .topicpage2col h2 { background-image>float: right; right: -10px } .topicpage2col h2 { background-image
>: url('/media/img/icons-sections.png'); background-repeat: no-rep>: url('/media/img/icons-sections.png'); background-repeat: no-rep
>eat; margin: 0 0 .25em; padding: 18px 18px 0 65px; min-height: 48>eat; margin: 0 0 .25em; padding: 18px 18px 0 65px; min-height: 48
>px; font: 400 28px/1 'Bebas Neue', 'League Gothic', Haettenschwei>px; font: 400 28px/1 'Bebas Neue', 'League Gothic', Haettenschwei
>ler, Impact, 'Arial Narrow', Meiryo, sans-serif; text-transform: >ler, Impact, 'Arial Narrow', Meiryo, sans-serif; text-transform: 
>uppercase; border: none } .html-rtl .topicpage2col h2 { padding: >uppercase; border: none } .html-rtl .topicpage2col h2 { padding: 
>18px 65px 0 18px; } .html-ltr .topicpage2col .Documentation { bac>18px 65px 0 18px; } .html-ltr .topicpage2col .Documentation { bac
>kground-position: 0 0 } .html-ltr .topicpage2col .Community { bac>kground-position: 0 0 } .html-ltr .topicpage2col .Community { bac
>kground-position: 0 -200px } .html-ltr .topicpage2col .Tools { ba>kground-position: 0 -200px } .html-ltr .topicpage2col .Tools { ba
>ckground-position: 0 -400px } .html-ltr .topicpage2col .Related_T>ckground-position: 0 -400px } .html-ltr .topicpage2col .Related_T
>opics { background-position: 0 -600px } .html-rtl .topicpage2col >opics { background-position: 0 -600px } .html-rtl .topicpage2col 
>.Documentation { background-position: right 0 } .html-rtl .topicp>.Documentation { background-position: right 0 } .html-rtl .topicp
>age2col .Community { background-position: right -200px } .html-rt>age2col .Community { background-position: right -200px } .html-rt
>l .topicpage2col .Tools { background-position: right -400px } .ht>l .topicpage2col .Tools { background-position: right -400px } .ht
>ml-rtl .topicpage2col .Related_Topics { background-position: righ>ml-rtl .topicpage2col .Related_Topics { background-position: righ
>t -600px } /* ---------------------------- Styles for Indicator *>t -600px } /* ---------------------------- Styles for Indicator *
>/ .inlineIndicator, .indicatorInHeadline, .blockIndicator, .overh>/ .inlineIndicator, .indicatorInHeadline, .blockIndicator, .overh
>eadIndicator { /*box-shadow: 1px 1px 1px #CCC*/ margin: 0px 0px 1>eadIndicator { /*box-shadow: 1px 1px 1px #CCC*/ margin: 0px 0px 1
>.5em; border: 5px solid; padding: 10px 10px 0px 10px; background:>.5em; border: 5px solid; padding: 10px 10px 0px 10px; background:
> none repeat scroll 0% 0%; font-size: 12px; } .redesign .inlineIn> none repeat scroll 0% 0%; font-size: 12px; } .redesign .inlineIn
>dicator, .redesign .indicatorInHeadline, .redesign .blockIndicato>dicator, .redesign .indicatorInHeadline, .redesign .blockIndicato
>r, .redesign .overheadIndicator { /* background-color:rgba(255,20>r, .redesign .overheadIndicator { /* background-color:rgba(255,20
>3,0,0.75); */ border-color:rgba(0,0,0,0.05); border-style: solid >3,0,0.75); */ border-color:rgba(0,0,0,0.05); border-style: solid 
>!important; font-size: 11px; } .redesign .inlineIndicator, .redes>!important; font-size: 11px; } .redesign .inlineIndicator, .redes
>ign .indicatorInHeadline { border-width: 3px !important; } /* sty>ign .indicatorInHeadline { border-width: 0; border-left-width: 4p
>les for inline indicator */ .inlineIndicator /* This class is bas>x; font-size: 10px; font-family: Helvetica, Arial, sans-serif; mi
>e of inlineIndicator */ , .megaWarningInline { border-width: 1px;>n-width: 20px; border-radius: 2px; letter-spacing: 1px; padding: 
> border-style: solid; font-size: 12px; white-space: nowrap; paddi>3px 6px; display: inline-block; vertical-align: top; margin-left:
>ng: 0 2px; margin: 0 2px } .todoInline { border-left-width: 8px; > 11px; border-top-width: 0; border-right-width: 0; border-bottom-
>white-space: normal } .megaWarningInline { background: red; borde>width: 0; font-weight: normal; line-height: normal; } /* styles f
>r-color: #818151; color: #fff; font-size: small; font-weight: 700>or inline indicator */ .inlineIndicator /* This class is base of 
>; float: right; vertical-align: middle; /* Mega warnings: deep re>inlineIndicator */ , .megaWarningInline { border-width: 1px; bord
>d backgrounds etc */ } .notXPCOMInline, .noscriptInline { font-we>er-style: solid; font-size: 12px; white-space: nowrap; padding: 0
>ight: 700 } /* styles for overhead indicator */ /*.overheadIndica> 2px; margin: 0 2px } .todoInline { border-left-width: 8px; white
>tor *//* This class is base of overheadIndicator */ , .standardNo>-space: normal } .megaWarningInline { background: red; border-col
>teHeader, .standardNoteBlock { border: 1px solid #000; overflow: >or: #818151; color: #fff; font-size: small; font-weight: 700; flo
>hidden; margin: 10px 0; padding: 0 10px; text-align: center } /*.>at: right; vertical-align: middle; /* Mega warnings: deep red bac
>overheadIndicator p,*/ .blockIndicator p { margin: 4px 0 } .draft>kgrounds etc */ } .notXPCOMInline, .noscriptInline { font-weight:
>Header strong { display: block; padding-top: 10px } .draftHeader > 700 } /* styles for overhead indicator */ /*.overheadIndicator *
>div { font-size: x-small; padding-bottom: 10px } html:not(.redesi>//* This class is base of overheadIndicator */ , .standardNoteHea
>gn) .warningHeader { background: #FBEDEC url(/files/578/Nuvola_ap>der, .standardNoteBlock { border: 1px solid #000; overflow: hidde
>ps_important.png) no-repeat 9px 10px !important; min-height: 103p>n; margin: 10px 0; padding: 0 10px; text-align: center } /*.overh
>x; padding: 1em 1em 1em 130px !important; overflow: hidden; } htm>eadIndicator p,*/ .blockIndicator p { margin: 4px 0 } .draftHeade
>l[dir="rtl"] .warningHeader { padding: 1em 130px 1em 1em !importa>r strong { display: block; padding-top: 10px } .draftHeader div {
>nt; background-position: 99% 10px !important; } /* styles for Met> font-size: x-small; padding-bottom: 10px } html:not(.redesign) .
>hod indicator */ .indicatorInHeadline, .standardNoteMethod { bord>warningHeader { background: #FBEDEC url(/files/578/Nuvola_apps_im
>er: 1px solid #000; padding: 1px 2px; white-space: nowrap; vertic>portant.png) no-repeat 9px 10px !important; min-height: 103px; pa
>al-align: middle; font-size: 12px; float: right; } [dir="rtl"] .i>dding: 1em 1em 1em 130px !important; overflow: hidden; } html[dir
>ndicatorInHeadline, [dir="rtl"] .standardNoteMethod { float: left>="rtl"] .warningHeader { padding: 1em 130px 1em 1em !important; b
>; } .renamedMethod, .noscriptMethod, .deprecatedMethod, .unimplem>ackground-position: 99% 10px !important; } /* styles for Method i
>entedMethod { font-weight: 700 } /* color setting */ #wikiArticle>ndicator */ .indicatorInHeadline, .standardNoteMethod { border: 1
> i.icon-beaker { color: #09d } /* experimental */ #wikiArticle i.>px solid #000; padding: 1px 2px; white-space: nowrap; vertical-al
>icon-warning-sign { color: #db0 } /* non-standard */ #wikiArticle>ign: middle; font-size: 12px; float: right; } [dir="rtl"] .indica
> i.icon-thumbs-down-alt { color: #000 } /* deprecated */ #wikiArt>torInHeadline, [dir="rtl"] .standardNoteMethod { float: left; } .
>icle i.icon-trash { color: #d00 } /* obsolete */ #wikiArticle i.i>renamedMethod, .noscriptMethod, .deprecatedMethod, .unimplemented
>con-stethoscope { color: darkslateblue } /* unimplemented */ .dra>Method { font-weight: 700 } /* color setting */ #wikiArticle i.ic
>ft { background: #FFC; border-color: #990 } .redesign .draft { ba>on-beaker { color: #09d } /* experimental */ #wikiArticle i.icon-
>ckground:rgba(255,203,0,0.5); border-color:rgba(0,0,0,0.05); } .h>warning-sign { color: #db0 } /* non-standard */ #wikiArticle i.ic
>tmlVer { background: #CEE; border-color: #267373 } .redesign .htm>on-thumbs-down-alt { color: #000 } /* deprecated */ #wikiArticle 
>lVer { border-color:rgba(0,0,0,0.05); } html:not(.redesign) .stan>i.icon-trash { color: #d00 } /* obsolete */ #wikiArticle i.icon-s
>dardNote { background: #fef49c; border-color: maroon } html:not(.>tethoscope { color: darkslateblue } /* unimplemented */ .draft { 
>redesign) .optional { background: #C0FFC7; border-color: #50AF5B >background: #FFC; border-color: #990 } .redesign .draft { backgro
>} .nonStandard { background: #F5F2D5; border-color: #F5E5B8 } .re>und:rgba(255,203,0,0.5); border-color:rgba(0,0,0,0.05); } .htmlVe
>design .nonStandard { background:rgba(193,56,50,0.85); color:#FFF>r { background: #CEE; border-color: #267373 } .redesign .htmlVer 
>; border-color:rgba(0,0,0,0.05); } .redesign .nonStandard a, .red>{ border-color:rgba(0,0,0,0.05); } html:not(.redesign) .standardN
>esign .nonStandard a:hover, .redesign .nonStandard a:visited, .re>ote { background: #fef49c; border-color: maroon } html:not(.redes
>design .warning a, .redesign .warning a:hover, .redesign .warning>ign) .optional { background: #C0FFC7; border-color: #50AF5B } .no
> a:visited { color: lightblue; } .unimplemented { background: #f9>nStandard { background: #F5F2D5; border-color: #F5E5B8 } .redesig
>c; border-color: #f66f6f } .redesign .unimplemented { background:>n .nonStandard { background:rgba(193,56,50,0.85); color:#FFF; bor
>rgba(193,56,50,0.35); border-color:rgba(0,0,0,0.05); } .deprecate>der-color:rgba(0,0,0,0.05); } .redesign .nonStandard a, .redesign
>d { background: #eeeeee; border-color: #DDDDDD } .redesign .depre> .nonStandard a:hover, .redesign .nonStandard a:visited, .redesig
>cated { background:rgba(0,0,0,0.1); border-color:rgba(0,0,0,0.05)>n .warning a, .redesign .warning a:hover, .redesign .warning a:vi
>; } html:not(.redesign) .renamed { background: #d4f3ff; border-co>sited { color: lightblue; } .unimplemented { background: #f9c; bo
>lor: #818151 } html:not(.redesign) .obsolete { background: #FAD9D>rder-color: #f66f6f } .redesign .unimplemented { background:rgba(
>9; border-color: #FA9B9B } .domLevel { background: #e1e1ff; borde>193,56,50,0.35); border-color:rgba(0,0,0,0.05); } .deprecated { b
>r-color: #818151 } .redesign .domLevel { border-color:rgba(0,0,0,>ackground: #eeeeee; border-color: #DDDDDD } .redesign .deprecated
>0.05); } .todo { background: #ff9; border-color: #c1272d } .redes> { background:rgba(0,0,0,0.1); border-color:rgba(0,0,0,0.05); } h
>ign .todo { border-color:rgba(0,0,0,0.05); } .minVer { background>tml:not(.redesign) .renamed { background: #d4f3ff; border-color: 
>: #ffffe1; border-color: #818151 } .jsMinVer { background: #ffffe>#818151 } html:not(.redesign) .obsolete { background: #FAD9D9; bo
>1; border-color: #818151 } .mbMinVer { background: #ffffe1; borde>rder-color: #FA9B9B } .domLevel { background: #e1e1ff; border-col
>r-color: #818151 } .redesign .minVer,.redesign .jsMinVer,.redesig>or: #818151 } .redesign .domLevel { border-color:rgba(0,0,0,0.05)
>n .mbMinVer { border-color:rgba(0,0,0,0.05); } .mobileOnly { back>; } .todo { background: #ff9; border-color: #c1272d } .redesign .
>ground: #FFE1BE; border-color: #EED0AD } .redesign .mobileOnly { >todo { border-color:rgba(0,0,0,0.05); } .minVer { background: #ff
>border-color:rgba(0,0,0,0.05); background: #FFE1BE; } .renamed { >ffe1; border-color: #818151 } .jsMinVer { background: #ffffe1; bo
>background: #d4f3ff; border-color: #818151 } html:not(.redesign) >rder-color: #818151 } .mbMinVer { background: #ffffe1; border-col
>.notXPCOM { background: orange; border-color: #818151 } .renamed >or: #818151 } .redesign .minVer,.redesign .jsMinVer,.redesign .mb
>{ background: #d4f3ff; border-color: #818151 } .projectSpecific{ >MinVer { border-color:rgba(0,0,0,0.05); } .mobileOnly { backgroun
>background: #ffe1be; border-color: #818151 } .redesign .projectSp>d: #FFE1BE; border-color: #EED0AD } .redesign .mobileOnly { borde
>ecific { border-color:rgba(0,0,0,0.05); } .prefixBox { background>r-color:rgba(0,0,0,0.05); background: #FFE1BE; } .renamed { backg
>: #e4edf7; border-color: #818151 } .redesign .prefixBox { border->round: #d4f3ff; border-color: #818151 } html:not(.redesign) .notX
>color:rgba(0,0,0,0.05); } .experimental { background: #ffefd9; bo>PCOM { background: orange; border-color: #818151 } .renamed { bac
>rder-color: #ff9500 } .redesign .experimental { border-color:rgba>kground: #d4f3ff; border-color: #818151 } .projectSpecific{ backg
>(0,0,0,0.05); } .readOnly { background: #222; border-color: #222;>round: #ffe1be; border-color: #818151 } .redesign .projectSpecifi
> color: #FFF } .redesign .readOnly { background:rgba(0,0,0,0.65);>c { border-color:rgba(0,0,0,0.05); } .prefixBox { background: #e4
> border-color:rgba(0,0,0,0.15); } .noscript { background: red; bo>edf7; border-color: #818151 } .redesign .prefixBox { border-color
>rder-color: #818151; color: #FFF } .redesign .noscript { border-c>:rgba(0,0,0,0.05); } .experimental { background: #ffefd9; border-
>olor:rgba(0,0,0,0.05); } .projectSpecific{ background: #ffe1be; b>color: #ff9500 } .redesign .experimental { border-color:rgba(0,0,
>order-color: #818151; } /* Banner used to indicate support only i>0,0.05); } .readOnly { background: #222; border-color: #222; colo
>n specific Gecko projects */ .translationInProgress { background:>r: #FFF } .redesign .readOnly { background:rgba(0,0,0,0.65); bord
> #A3F5A3; border-color: #14B814 } .redesign .translationInProgres>er-color:rgba(0,0,0,0.15); } .noscript { background: red; border-
>s { border-color:rgba(0,0,0,0.05); } /* style for next and previo>color: #818151; color: #FFF } .redesign .noscript { border-color:
>us pages in tutorial */ a.nextPage { display: inline-block; margi>rgba(0,0,0,0.05); } .projectSpecific{ background: #ffe1be; border
>n: 0 3px 1em; font-size: 1.25em } a.nextPage:link, a.nextPage:vis>-color: #818151; } /* Banner used to indicate support only in spe
>ited { background-color: #069 } a.nextPage:hover, a.nextPage:focu>cific Gecko projects */ .translationInProgress { background: #A3F
>s { background-color: #0099E6 } a.nextPage { float:right } [dir=">5A3; border-color: #14B814 } .redesign .translationInProgress { b
>rtl"] a.nextPage { background-position: left 40% !important; padd>order-color:rgba(0,0,0,0.05); } /* style for next and previous pa
>ing: .35em .75em .2em !important; position: left;} a.previousPage>ges in tutorial */ a.nextPage { display: inline-block; margin: 0 
> { display: block; margin: 0 1em 2em 0; font-size: 1.25em } a.pre>3px 1em; font-size: 1.25em } a.nextPage:link, a.nextPage:visited 
>viousPage:link, a.previousPage:visited { background-color: #069 }>{ background-color: #069 } a.nextPage:hover, a.nextPage:focus { b
> a.previousPage:hover, a.previousPage:focus { background-color: #>ackground-color: #0099E6 } a.nextPage { float:right } [dir="rtl"]
>0099E6 } a.previousPage { float:left } [dir="rtl"] a.previousPage> a.nextPage { background-position: left 40% !important; padding: 
> { background-position: left 40% !important; padding: .35em .75em>.35em .75em .2em !important; position: left;} a.previousPage { di
> .2em !important; position: right;} /* styles for liveSample link>splay: block; margin: 0 1em 2em 0; font-size: 1.25em } a.previous
> : https://developer.mozilla.org/en-US/docs/Template:LiveSample *>Page:link, a.previousPage:visited { background-color: #069 } a.pr
>/ a.liveSample { display: inline-block; margin: 0 3px 1em; font-s>eviousPage:hover, a.previousPage:focus { background-color: #0099E
>ize: 1.25em } a.liveSample:link, a.liveSample:visited { backgroun>6 } a.previousPage { float:left } [dir="rtl"] a.previousPage { ba
>d-color: #069 } a.liveSample:hover, a.liveSample:focus { backgrou>ckground-position: left 40% !important; padding: .35em .75em .2em
>nd-color: #0099E6 } [dir="rtl"] a.liveSample { background-positio> !important; position: right;} /* styles for liveSample link : ht
>n: left 40% !important; padding: .35em .75em .2em !important; } />tps://developer.mozilla.org/en-US/docs/Template:LiveSample */ a.l
>* callout boxes etc */ .standardSidebar { border: 1px solid #777;>iveSample { display: inline-block; margin: 0 3px 1em; font-size: 
> margin: 0 0 15px 15px; padding: 0 15px 5px; float: right; backgr>1.25em } a.liveSample:link, a.liveSample:visited { background-col
>ound: #eee; font-size: .85em; position: relative; z-index: 2; } [>or: #069 } a.liveSample:hover, a.liveSample:focus { background-co
>dir="rtl"] .standardSidebar { margin: 0 15px 15px 0; float: left >lor: #0099E6 } [dir="rtl"] a.liveSample { background-position: le
>} /* Colored text for INCORRECT/BAD and CORRECT/GOOD values (and >ft 40% !important; padding: .35em .75em .2em !important; } /* cal
>BEST)*/ .correct { color: green } .incorrect { color: red } .best>lout boxes etc */ .standardSidebar { border: 1px solid #777; marg
> { color: #396 } /* Item in a list of item that has been done */ >in: 0 0 15px 15px; padding: 0 15px 5px; float: right; background:
>.done { text-decoration: line-through } /* Specific items for tut> #eee; font-size: .85em; position: relative; z-index: 2; } [dir="
>orials */ .tuto_details, .tuto_example { border: 1px solid #36b; >rtl"] .standardSidebar { margin: 0 15px 15px 0; float: left } /* 
>padding: .5em; margin-bottom: 1em } .tuto_details { background: #>Colored text for INCORRECT/BAD and CORRECT/GOOD values (and BEST)
>f4f4f4 } .tuto_example { background: #fffff4 } .tuto_type { font->*/ .correct { color: green } .incorrect { color: red } .best { co
>weight: 700; text-align: left } /* This is a specific item for th>lor: #396 } /* Item in a list of item that has been done */ .done
>e CSS tutorial: https://developer.mozilla.org/en-US/docs/CSS/Gett> { text-decoration: line-through } /* Specific items for tutorial
>ing_Started/Selectors */ /* To be removed once we have Live Examp>s */ .tuto_details, .tuto_example { border: 1px solid #36b; paddi
>les */ a.tutospecial:link, a.tutospecial:visited { padding: 1px 1>ng: .5em; margin-bottom: 1em } .tuto_details { background: #f4f4f
>0px; color: #fff; background: #555; border-radius: 3px; border: 1>4 } .tuto_example { background: #fffff4 } .tuto_type { font-weigh
>px outset #333 /* fallback for next line */ ; border: 1px outset >t: 700; text-align: left } /* This is a specific item for the CSS
>rgba(50,50,50,.5); font-family: georgia, serif; font-size: 14px; > tutorial: https://developer.mozilla.org/en-US/docs/CSS/Getting_S
>font-style: italic; text-decoration: none; } a.tutospecial:hover,>tarted/Selectors */ /* To be removed once we have Live Examples *
> a.tutospecial:focus, a.tutospecial:active {background-color: #66>/ a.tutospecial:link, a.tutospecial:visited { padding: 1px 10px; 
>6;} #tutochallenge { display:none } #tutochallenge a.hideAnswer {>color: #fff; background: #555; border-radius: 3px; border: 1px ou
> font-size: 12px; text-align:right ; display:block} #tutochalleng>tset #333 /* fallback for next line */ ; border: 1px outset rgba(
>e:target { display:block;} #tutochallenge + a { font-size: 12px; >50,50,50,.5); font-family: georgia, serif; font-size: 14px; font-
>text-align:right; display:block} #tutochallenge:target + a { disp>style: italic; text-decoration: none; } a.tutospecial:hover, a.tu
>lay:none; } /* Fix for mdn-min.css : https://developer.mozilla.or>tospecial:focus, a.tutospecial:active {background-color: #666;} #
>g/media/css/mdn-min.css */ [dir="rtl"] dd { margin: 0 22px .5em 0>tutochallenge { display:none } #tutochallenge a.hideAnswer { font
> } [dir="rtl"] th, [dir="rtl"] caption { text-align: right } [dir>-size: 12px; text-align:right ; display:block} #tutochallenge:tar
>="rtl"] .title h1 { padding: 0 18px 0 0 !important } [lang="he"] >get { display:block;} #tutochallenge + a { font-size: 12px; text-
>#site-search { float: left; text-align: right; margin: -8px 0 0 1>align:right; display:block} #tutochallenge:target + a { display:n
>00px; width: 295px } [lang="de"] #site-search { margin-right: 179>one; } /* Fix for mdn-min.css : https://developer.mozilla.org/med
>px } /* Fix for wiki-min.css : https://developer.mozilla.org/medi>ia/css/mdn-min.css */ [dir="rtl"] dd { margin: 0 22px .5em 0 } [d
>a/css/wiki-min.css */ div.bug, div.warning { overflow: hidden } .>ir="rtl"] th, [dir="rtl"] caption { text-align: right } [dir="rtl
>page-content dd { margin: .5em } /* [dir="rtl"] .translate #page->"] .title h1 { padding: 0 18px 0 0 !important } [lang="he"] #site
>buttons { } */ [dir="rtl"] .hasJS #nav-main #nav-sub-docs, [dir=">-search { float: left; text-align: right; margin: -8px 0 0 100px;
>rtl"] #nav-main .menu:hover #nav-sub-docs { margin-left: -300px }> width: 295px } [lang="de"] #site-search { margin-right: 179px } 
> [dir="rtl"] #nav-main #nav-sub-docs li { float: right } [dir="rt>/* Fix for wiki-min.css : https://developer.mozilla.org/media/css
>l"] #nav-main #nav-sub-docs p { text-align: left } [dir="rtl"] .p>/wiki-min.css */ div.bug, div.warning { overflow: hidden } .page-
>age-content ul { padding-left: 0; padding-right: 22px } [dir="rtl>content dd { margin: .5em } /* [dir="rtl"] .translate #page-butto
>"] .page-content dd { padding-left: 0; padding-right: 15px } [dir>ns { } */ [dir="rtl"] .hasJS #nav-main #nav-sub-docs, [dir="rtl"]
>="rtl"] .article a.external, [dir="rtl"] .article a[rel~="externa> #nav-main .menu:hover #nav-sub-docs { margin-left: -300px } [dir
>l"], [dir="rtl"] .article a[href^="news://"] { padding-right: 0; >="rtl"] #nav-main #nav-sub-docs li { float: right } [dir="rtl"] #
>background-position: 1% 40% } [dir="rtl"] .article a.external, [d>nav-main #nav-sub-docs p { text-align: left } [dir="rtl"] .page-c
>ir="rtl"] .article a[rel~="external"] { padding-left: 16px } [dir>ontent ul { padding-left: 0; padding-right: 22px } [dir="rtl"] .p
>="rtl"] .article a[href^="news://"] { padding-left: 18px } /* for>age-content dd { padding-left: 0; padding-right: 15px } [dir="rtl
> B2G docs, to allow use of B2G lookalike UX elements */ /* For di>"] .article a.external, [dir="rtl"] .article a[rel~="external"], 
>splay of Firefox OS UX screenshots in a grid */ table.fxosScreenG>[dir="rtl"] .article a[href^="news://"] { padding-right: 0; backg
>rid, table.fxosScreenGrid tr { border: none; } table.fxosScreenGr>round-position: 1% 40% } [dir="rtl"] .article a.external, [dir="r
>id td, table.fxosScreenGrid th { border: none; width: 340px; vert>tl"] .article a[rel~="external"] { padding-left: 16px } [dir="rtl
>ical-align: top } div.fxosLiveSampleWrapper { width: 328px; paddi>"] .article a[href^="news://"] { padding-left: 18px } /* for B2G 
>ng: 6px 4px; text-align: center; border: 1px solid #B8B2A4; backg>docs, to allow use of B2G lookalike UX elements */ /* For display
>round-color: #F3ECDD; } .rightButtonBox { float: right; width: 25> of Firefox OS UX screenshots in a grid */ table.fxosScreenGrid, 
>0px; position: relative; z-index: 2; } [dir="rtl"] .rightButtonBo>table.fxosScreenGrid tr { border: none; } table.fxosScreenGrid td
>x { margin: 0 15px 15px 0; float: left } /* --------------------->, table.fxosScreenGrid th { border: none; width: 340px; vertical-
>------------- * Buttons * ---------------------------------- */ .>align: top } div.fxosLiveSampleWrapper { width: 328px; padding: 6
>b2g-button::-moz-focus-inner { border: none; outline: none; } .b2>px 4px; text-align: center; border: 1px solid #B8B2A4; background
>g-button { width: 100%; height: 3.8rem; margin: 0 0 1rem; padding>-color: #F3ECDD; } .rightButtonBox { float: right; width: 250px; 
>: 0 1.5rem; -moz-box-sizing: border-box; display: inline-block; v>position: relative; z-index: 2; } [dir="rtl"] .rightButtonBox { m
>ertical-align: middle; text-overflow: ellipsis; white-space: nowr>argin: 0 15px 15px 0; float: left } /* --------------------------
>ap; overflow: hidden; background: #fafafa url(https://developer.m>-------- * Buttons * ---------------------------------- */ .b2g-b
>ozilla.org/media/gaia/shared/style/buttons/images/ui/default.png)>utton::-moz-focus-inner { border: none; outline: none; } .b2g-but
> repeat-x left bottom; border: .1rem solid #a6a6a6; border-radius>ton { width: 100%; height: 3.8rem; margin: 0 0 1rem; padding: 0 1
>: .2rem; font: 500 1.6rem/3.8rem 'MozTT', Sans-serif; color: #333>.5rem; -moz-box-sizing: border-box; display: inline-block; vertic
>; text-align: center; text-shadow: .1rem .1rem 0 rgba(255, 255, 2>al-align: middle; text-overflow: ellipsis; white-space: nowrap; o
>55, .3); text-decoration: none; outline: none; } /* Press (defaul>verflow: hidden; background: #fafafa url(https://developer.mozill
>t &amp; recommend) */ .b2g-button:active, .b2g-button.recommend:a>a.org/media/gaia/shared/style/buttons/images/ui/default.png) repe
>ctive, .b2g-button:hover, .b2g-button.recommend:hover { border-co>at-x left bottom; border: .1rem solid #a6a6a6; border-radius: .2r
>lor: #008aaa; background: #008aaa; text-decoration: none; color: >em; font: 500 1.6rem/3.8rem 'MozTT', Sans-serif; color: #333; tex
>#333; } /* For styling bug links */ .bug-resolved { text-decorati>t-align: center; text-shadow: .1rem .1rem 0 rgba(255, 255, 255, .
>on: line-through; } /* Bages for the Spec2 template */ .spec-ED:b>3); text-decoration: none; outline: none; } /* Press (default &am
>efore, .spec-WD:before, .spec-CR:before, .spec-PR:before, .spec-R>p; recommend) */ .b2g-button:active, .b2g-button.recommend:active
>EC:before, .spec-Living:before, .spec-Standard:before, .spec-Draf>, .b2g-button:hover, .b2g-button.recommend:hover { border-color: 
>t:before { display: inline-block; font: .6em Helvetica,Arial,sans>#008aaa; background: #008aaa; text-decoration: none; color: #333;
>-serif; margin: 0 .6em 0 0; padding: .55em .45em .45em; vertical-> } /* For styling bug links */ .bug-resolved { text-decoration: l
>align: top; } .redesign .spec-ED:before, .redesign .spec-WD:befor>ine-through; } /* Bages for the Spec2 template */ .spec-ED:before
>e, .redesign .spec-CR:before, .redesign .spec-PR:before, .redesig>, .spec-WD:before, .spec-CR:before, .spec-PR:before, .spec-REC:be
>n .spec-REC:before, .redesign .spec-Living:before, .redesign .spe>fore, .spec-Living:before, .spec-Standard:before, .spec-Draft:bef
>c-Standard:before, .redesign .spec-Draft:before { font:.7em Helve>ore { display: inline-block; font: .6em Helvetica,Arial,sans-seri
>tica,Arial,sans-serif; font-weight:700; min-width:20px; border-ra>f; margin: 0 .6em 0 0; padding: .55em .45em .45em; vertical-align
>dius:2px; letter-spacing:1px; margin:.2em .6em 0 0; padding:.45em>: top; } .redesign .spec-ED:before, .redesign .spec-WD:before, .r
> .35em .35em; color: inherit; } .spec-ED:before, .spec-WD:before,>edesign .spec-CR:before, .redesign .spec-PR:before, .redesign .sp
> .spec-CR:before, .spec-PR:before, .spec-REC:before, .spec-Living>ec-REC:before, .redesign .spec-Living:before, .redesign .spec-Sta
>:before, .spec-Standard:before, .spec-Draft:before { color: white>ndard:before, .redesign .spec-Draft:before { font:.7em Helvetica,
>; } .spec-ED:before { content: 'ED'; background-color: #e61919 } >Arial,sans-serif; font-weight:700; min-width:20px; border-radius:
>.redesign .spec-ED:before { background-color:rgba(230,25,25,0.25)>2px; letter-spacing:1px; margin:.2em .6em 0 0; padding:.45em .35e
>; border-left:4px solid rgba(230,25,25,1); color:rgba(230,25,25,1>m .35em; color: inherit; } .spec-ED:before, .spec-WD:before, .spe
>); } .spec-WD:before { content: 'WD'; background-color: #E66E33 }>c-CR:before, .spec-PR:before, .spec-REC:before, .spec-Living:befo
> .redesign .spec-WD:before { background-color:rgba(230,110,51,0.2>re, .spec-Standard:before, .spec-Draft:before { color: white; } .
>5); border-left:4px solid rgba(230,110,51,1); color:rgba(230,110,>spec-ED:before { content: 'ED'; background-color: #e61919 } .rede
>51,1); } .spec-CR:before { content: 'CR'; background-color: #CFD5>sign .spec-ED:before { background-color:rgba(230,25,25,0.25); bor
>10 } .redesign .spec-CR:before { background-color:rgba(0,151,142,>der-left:4px solid rgba(230,25,25,1); color:rgba(230,25,25,1); } 
>0.25); border-left:4px solid rgba(0,151,142,1); color:rgba(0,151,>.spec-WD:before { content: 'WD'; background-color: #E66E33 } .red
>142,1); } .spec-PR:before { content: 'PR'; background-color: #72A>esign .spec-WD:before { background-color:rgba(230,110,51,0.25); b
>C35 } redesign .spec-PR:before { background-color:rgba(114,172,53>order-left:4px solid rgba(230,110,51,1); color:rgba(230,110,51,1)
>,0.25); border-left:4px solid rgba(114,172,53,1); color:rgba(114,>; } .spec-CR:before { content: 'CR'; background-color: #CFD510 } 
>172,53,1); } .spec-REC:before { content: 'REC'; background-color:>.redesign .spec-CR:before { background-color:rgba(0,151,142,0.25)
> #309C40 } .redesign .spec-REC:before { background-color:rgba(48,>; border-left:4px solid rgba(0,151,142,1); color:rgba(0,151,142,1
>156,64,0.25); border-left:4px solid rgba(48,156,64,1); color:rgba>); } .spec-PR:before { content: 'PR'; background-color: #72AC35 }
>(48,156,64,1); } .spec-Living:before { content: 'LS'; background-> redesign .spec-PR:before { background-color:rgba(114,172,53,0.25
>color: #000 } .redesign .spec-Living:before { background-color:rg>); border-left:4px solid rgba(114,172,53,1); color:rgba(114,172,5
>ba(0,83,159,0.25); border-left:4px solid rgba(0,83,159,1); color:>3,1); } .spec-REC:before { content: 'REC'; background-color: #309
>rgba(0,83,159,1); } .spec-Standard:before { content: 'ST'; backgr>C40 } .redesign .spec-REC:before { background-color:rgba(48,156,6
>ound-color: #000 } .redesign .spec-Standard:before { background-c>4,0.25); border-left:4px solid rgba(48,156,64,1); color:rgba(48,1
>olor:rgba(0,83,159,0.25); border-left:4px solid rgba(0,83,159,1);>56,64,1); } .spec-Living:before { content: 'LS'; background-color
> color:rgba(0,83,159,1); } .spec-Draft:before { content: 'D'; bac>: #000 } .redesign .spec-Living:before { background-color:rgba(0,
>kground-color: #E66E33 } .redesign .spec-Draft:before { backgroun>83,159,0.25); border-left:4px solid rgba(0,83,159,1); color:rgba(
>d-color:rgba(230,110,51,0.25); border-left:4px solid rgba(230,110>0,83,159,1); } .spec-Standard:before { content: 'ST'; background-
>,51,1); color:rgba(230,110,51,1); } .redesign .spec-ED { color:rg>color: #000 } .redesign .spec-Standard:before { background-color:
>ba(230,25,25,1); } .redesign .spec-WD { color:rgba(230,110,51,1);>rgba(0,83,159,0.25); border-left:4px solid rgba(0,83,159,1); colo
> } .redesign .spec-CR { color:rgba(0,151,142,1); } .redesign .spe>r:rgba(0,83,159,1); } .spec-Draft:before { content: 'D'; backgrou
>c-PR { color:rgba(114,172,53,1); } .redesign .spec-REC { color:rg>nd-color: #E66E33 } .redesign .spec-Draft:before { background-col
>ba(48,156,64,1); } .redesign .spec-Living { color:rgba(0,83,159,1>or:rgba(230,110,51,0.25); border-left:4px solid rgba(230,110,51,1
>); } .redesign .spec-Standard { color:rgba(0,83,159,1); } .redesi>); color:rgba(230,110,51,1); } .redesign .spec-ED { color:rgba(23
>gn .spec-Draft { color:rgba(230,110,51,1); } /* Template link sty>0,25,25,1); } .redesign .spec-WD { color:rgba(230,110,51,1); } .r
>le */ .templateLink { border: 1px solid #ccc; padding: 1px; } /* >edesign .spec-CR { color:rgba(0,151,142,1); } .redesign .spec-PR 
>* Colorized icons */ #wikiArticle i.icon-beaker, #wikiArticle i.i>{ color:rgba(114,172,53,1); } .redesign .spec-REC { color:rgba(48
>con-warning-sign, #wikiArticle i.icon-thumbs-down-alt, #wikiArtic>,156,64,1); } .redesign .spec-Living { color:rgba(0,83,159,1); } 
>le i.icon-stethoscope, #wikiArticle i.icon-trash { cursor: defaul>.redesign .spec-Standard { color:rgba(0,83,159,1); } .redesign .s
>t } #wikiArticle i.icon-beaker { color: #09d } /* experimental */>pec-Draft { color:rgba(230,110,51,1); } /* Template link style */
> #wikiArticle i.icon-warning-sign { color: #db0 } /* non-standard> .templateLink { border: 1px solid #ccc; padding: 1px; } /* * Col
> */ #wikiArticle i.icon-thumbs-down-alt { color: #000 } /* deprec>orized icons */ #wikiArticle i.icon-beaker, #wikiArticle i.icon-w
>ated */ #wikiArticle i.icon-trash { color: #d00 } /* obsolete */ >arning-sign, #wikiArticle i.icon-thumbs-down-alt, #wikiArticle i.
>#wikiArticle i.icon-stethoscope { color: darkslateblue } /* unimp>icon-stethoscope, #wikiArticle i.icon-trash { cursor: default } #
>lemented */ /* * Landing page lists */ dt.landingPageList, dd.lan>wikiArticle i.icon-beaker { color: #09d } /* experimental */ #wik
>dingPageList { page-break-after: avoid } /* * "Mozilla only" bann>iArticle i.icon-warning-sign { color: #db0 } /* non-standard */ #
>ers */ .bannerWrapper { overflow: hidden; padding-right: 2px; } .>wikiArticle i.icon-thumbs-down-alt { color: #000 } /* deprecated 
>mozOnlyBanner { background-color: #C33B1D; background-image: url(>*/ #wikiArticle i.icon-trash { color: #d00 } /* obsolete */ #wiki
>"https://developer.mozilla.org/files/5429/firefox.png"), radial-g>Article i.icon-stethoscope { color: darkslateblue } /* unimplemen
>radient(circle 16px at 18px 18px, rgba(0,0,0,0.7) 0%, rgba(0,0,0,>ted */ /* * Landing page lists */ dt.landingPageList, dd.landingP
>0.5) 11px, rgba(0,0,0,0) 18px), linear-gradient(to right, #C33B1D>ageList { page-break-after: avoid } /* * "Mozilla only" banners *
> 40%, #DDA820); background-repeat: no-repeat; background-size: co>/ .bannerWrapper { overflow: hidden; padding-right: 2px; } .mozOn
>ntain; border-top-left-radius: 18px; border-bottom-left-radius: 1>lyBanner { background-color: #C33B1D; background-image: url("http
>8px; border-top-right-radius: 6px; border-bottom-right-radius: 6p>s://developer.mozilla.org/files/5429/firefox.png"), radial-gradie
>x; height: 36px; overflow: hidden; color: white; box-shadow: 0 0 >nt(circle 16px at 18px 18px, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.5) 
>3px #111; font-family: "Lucida Grande","Lucida Sans Unicode","Dej>11px, rgba(0,0,0,0) 18px), linear-gradient(to right, #C33B1D 40%,
>aVu Sans",Lucida,Arial,Helvetica,sans-serif; } .mozOnlyBanner dt > #DDA820); background-repeat: no-repeat; background-size: contain
>{ font-weight: bold; font-size: 16px; text-shadow: 1px 1px 0 #222>; border-top-left-radius: 18px; border-bottom-left-radius: 18px; 
>; padding-left: 42px; margin-left: 0px; marin-bottom: 0px; paddin>border-top-right-radius: 6px; border-bottom-right-radius: 6px; he
>g-bottom: 0px; } .mozOnlyBanner dd { font-size: 11px; text-shadow>ight: 36px; overflow: hidden; color: white; box-shadow: 0 0 3px #
>: 1px 1px 0 #222; padding-left: 42px; margin-left: 0px; margin-to>111; font-family: "Lucida Grande","Lucida Sans Unicode","DejaVu S
>p: 0px; padding-top: 0px; } /* 一時的なスタイル */ [lang="ja"] #doc-contr>ans",Lucida,Arial,Helvetica,sans-serif; } .mozOnlyBanner dt { fon
>ibutors time[datetime*="200"]::after { content: " (※最終更新日から 2 年以上>t-weight: bold; font-size: 16px; text-shadow: 1px 1px 0 #222; pad
>経過しています)"; color: red } /* redesign htabs */ .redesign .htab&gt;u>ding-left: 42px; margin-left: 0px; marin-bottom: 0px; padding-bot
>l&gt;li { height: 32px; border:1px solid rgba(212,221,228,0); bor>tom: 0px; } .mozOnlyBanner dd { font-size: 11px; text-shadow: 1px
>der-radius: 0; font-size:14px; font-weight:200; font-family:'Open> 1px 0 #222; padding-left: 42px; margin-left: 0px; margin-top: 0p
> Sans Light',sans-serif; background-color:#f1f6f8!important; colo>x; padding-top: 0px; } /* 一時的なスタイル */ [lang="ja"] #doc-contributo
>r:rgba(77,78,83,1); padding:2px 18px 4px; opacity:.75; -ms-filter>rs time[datetime*="200"]::after { content: " (※最終更新日から 2 年以上経過してい
>:progid:DXImageTransform.Microsoft.Alpha(Opacity=75); filter:prog>ます)"; color: red } /* redesign htabs */ .redesign .htab&gt;ul&gt;
>id:DXImageTransform.Microsoft.Alpha(Opacity=75); } .redesign .hta>li { height: 32px; border:1px solid rgba(212,221,228,0); border-r
>b&gt;ul&gt;li.selected { border:0 solid rgba(212,221,228,0.25); b>adius: 0; font-size:14px; font-weight:200; font-family:'Open Sans
>order-top:2px solid rgba(212,221,228,1); padding-top: 4px; backgr> Light',sans-serif; background-color:#f1f6f8!important; color:rgb
>ound-color:rgba(234,239,242,1)!important; } .redesign .htab&gt;di>a(77,78,83,1); padding:2px 18px 4px; opacity:.75; -ms-filter:prog
>v { background-color:rgba(234,239,242,1); border:0 solid rgba(212>id:DXImageTransform.Microsoft.Alpha(Opacity=75); filter:progid:DX
>,221,228,0.25); } .redesign .htab &gt; ul &gt; li &gt; a { text-d>ImageTransform.Microsoft.Alpha(Opacity=75); } .redesign .htab&gt;
>ecoration: none; } .redesign .htab &gt; ul &gt; li &gt; a:hover, >ul&gt;li.selected { border:0 solid rgba(212,221,228,0.25); border
>.redesign .htab &gt; ul &gt; li &gt; a:focus { text-decoration: u>-top:2px solid rgba(212,221,228,1); padding-top: 4px; background-
>nderline; } /* new modules */ .summary-box-events { display:table>color:rgba(234,239,242,1)!important; } .redesign .htab&gt;div { b
>; background-color:rgba(0,150,221,0.1); padding:11px 22px; } .red>ackground-color:rgba(234,239,242,1); border:0 solid rgba(212,221,
>esign[dir="ltr"] .summary-box-events { clear:left; border-left:6p>228,0.25); } .redesign .htab &gt; ul &gt; li &gt; a { text-decora
>x solid rgba(0,150,221,0.5); } .redesign[dir="rtl"] .summary-box->tion: none; } .redesign .htab &gt; ul &gt; li &gt; a:hover, .rede
>events { clear:right; border-right:6px solid rgba(0,150,221,0.5);>sign .htab &gt; ul &gt; li &gt; a:focus { text-decoration: underl
> } .summary-box-js { display:table; background-color:rgba(230,96,>ine; } /* new modules */ .summary-box-events { display:table; bac
>0,0.1); padding: 11px 22px; } .redesign[dir="ltr"] .summary-box-j>kground-color:rgba(0,150,221,0.1); padding:11px 22px; } .redesign
>s { clear:left; border-left:6px solid rgba(230,96,0,0.5); } .rede>[dir="ltr"] .summary-box-events { clear:left; border-left:6px sol
>sign[dir="rtl"] .summary-box-js { clear:right; border-right:6px s>id rgba(0,150,221,0.5); } .redesign[dir="rtl"] .summary-box-event
>olid rgba(230,96,0,0.5); } .redesign .standardNote, .redesign .op>s { clear:right; border-right:6px solid rgba(0,150,221,0.5); } .s
>tional,.renamed { background:rgba(0,83,159,0.2); border-color:rgb>ummary-box-js { display:table; background-color:rgba(230,96,0,0.1
>a(0,0,0,0.05); } .redesign .obsolete, .redesign .notXPCOM { backg>); padding: 11px 22px; } .redesign[dir="ltr"] .summary-box-js { c
>round:rgba(230,96,0,0.45); border-color:rgba(0,0,0,0.05); } /* si>lear:left; border-left:6px solid rgba(230,96,0,0.5); } .redesign[
>debar quick links stuff */ .quick-links .sidebar-icon i[class^="i>dir="rtl"] .summary-box-js { clear:right; border-right:6px solid 
>con-"] { top: 10px; position: absolute; left: 12px; display: bloc>rgba(230,96,0,0.5); } .redesign .standardNote, .redesign .optiona
>k; opacity: 0.3; } /* new community box */ .communitybox { backgr>l,.renamed { background:rgba(0,83,159,0.2); border-color:rgba(0,0
>ound-color: rgba(0,83,159,1); background-image: url("/media/redes>,0,0.05); } .redesign .obsolete, .redesign .notXPCOM { background
>ign/img/blueprint.png"); } .communitybox, .communitybox a, .commu>:rgba(230,96,0,0.45); border-color:rgba(0,0,0,0.05); } /* sidebar
>nitybox a:hover, .communitybox a:focus, .communitybox a:visited {> quick links stuff */ .quick-links .sidebar-icon i[class^="icon-"
> color: #fff; } .communitybox .communitysubhead { font-size: 16px>] { top: 10px; position: absolute; left: 12px; display: block; op
>; font-weight: bold; margin-top: 13px; padding-bottom: 6px; } .co>acity: 0.3; } /* new community box */ .communitybox { background-
>mmunitybox ul { padding-left: 0; margin-bottom:0; list-style-type>color: rgba(0,83,159,1); background-image: url("/media/redesign/i
>: none; } .communitybox ul.communitymailinglist li { display: inl>mg/blueprint.png"); } .communitybox, .communitybox a, .communityb
>ine-block; margin-right: 4px; margin-top: 6px} .communitybox ul.c>ox a:hover, .communitybox a:focus, .communitybox a:visited { colo
>ommunitymailinglist a { background: rgba(255, 255, 255, 0.3); dis>r: #fff; } .communitybox .communitysubhead { font-size: 16px; fon
>play: inline-block; color: #fff; padding: 3px 6px; border-radius:>t-weight: bold; margin-top: 13px; padding-bottom: 6px; } .communi
> 3px; } .communitybox .communitycontact { font-size: 14px; margin>tybox ul { padding-left: 0; margin-bottom:0; list-style-type: non
>-top: 13px;} .communitybox .communitycontact a { border-bottom: 1>e; } .communitybox ul.communitymailinglist li { display: inline-b
>px solid rgba(255, 255, 255, 0.6); } .communitybox .communitycont>lock; margin-right: 4px; margin-top: 6px} .communitybox ul.commun
>act a:hover, .communitybox .communitycontact a:focus { text-decor>itymailinglist a { background: rgba(255, 255, 255, 0.3); display:
>ation:none; border-bottom: 1px solid rgba(255, 255, 255, 0.9); } > inline-block; color: #fff; padding: 3px 6px; border-radius: 3px;
>.communitybox strong { font-size: 15px; font-weight: bold; }> } .communitybox .communitycontact { font-size: 14px; margin-top:
 > 13px;} .communitybox .communitycontact a { border-bottom: 1px so
 >lid rgba(255, 255, 255, 0.6); } .communitybox .communitycontact a
 >:hover, .communitybox .communitycontact a:focus { text-decoration
 >:none; border-bottom: 1px solid rgba(255, 255, 255, 0.9); } .comm
 >unitybox strong { font-size: 15px; font-weight: bold; }

Back to History