Compare Revisions

Template:CustomCSS

Revision 430079:

Revision 430079 by Sheppy on

Revision 430081:

Revision 430081 by Sheppy on

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

Revision 430079
Revision 430081
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 } /* styles for inlin>eadIndicator { box-shadow: 1px 1px 1px #CCC } /* styles for inlin
>e indicator */ .inlineIndicator /* This class is base of inlineIn>e indicator */ .inlineIndicator /* This class is base of inlineIn
>dicator */ , .megaWarningInline { border-width: 1px; border-style>dicator */ , .megaWarningInline { border-width: 1px; border-style
>: solid; font-size: smaller; white-space: nowrap; padding: 0 2px;>: solid; font-size: smaller; white-space: nowrap; padding: 0 2px;
> margin: 0 2px } .todoInline { border-left-width: 8px; white-spac> margin: 0 2px } .todoInline { border-left-width: 8px; white-spac
>e: normal } .megaWarningInline { background: red; border-color: #>e: normal } .megaWarningInline { background: red; border-color: #
>818151; color: #fff; font-size: small; font-weight: 700; float: r>818151; color: #fff; font-size: small; font-weight: 700; float: r
>ight; vertical-align: middle; /* Mega warnings: deep red backgrou>ight; vertical-align: middle; /* Mega warnings: deep red backgrou
>nds etc */ } .notXPCOMInline, .noscriptInline { font-weight: 700 >nds etc */ } .notXPCOMInline, .noscriptInline { font-weight: 700 
>} /* styles for overhead indicator */ .overheadIndicator /* This >} /* styles for overhead indicator */ .overheadIndicator /* This 
>class is base of overheadIndicator */ , .standardNoteHeader, .sta>class is base of overheadIndicator */ , .standardNoteHeader, .sta
>ndardNoteBlock { border: 1px solid #000; overflow: hidden; margin>ndardNoteBlock { border: 1px solid #000; overflow: hidden; margin
>: 10px 0; padding: 0 10px; text-align: center } .overheadIndicato>: 10px 0; padding: 0 10px; text-align: center } .overheadIndicato
>r p, .blockIndicator p { margin: 4px 0 } .draftHeader strong { di>r p, .blockIndicator p { margin: 4px 0 } .draftHeader strong { di
>splay: block; padding-top: 10px } .draftHeader div { font-size: x>splay: block; padding-top: 10px } .draftHeader div { font-size: x
>-small; padding-bottom: 10px } .warningHeader { background: #FBED>-small; padding-bottom: 10px } .warningHeader { background: #FBED
>EC url(/files/578/Nuvola_apps_important.png) no-repeat 9px 10px !>EC url(/files/578/Nuvola_apps_important.png) no-repeat 9px 10px !
>important; min-height: 103px; padding: 1em 1em 1em 130px !importa>important; min-height: 103px; padding: 1em 1em 1em 130px !importa
>nt; overflow: hidden; } html[dir="rtl"] .warningHeader { padding:>nt; overflow: hidden; } html[dir="rtl"] .warningHeader { padding:
> 1em 130px 1em 1em !important; background-position: 99% 10px !imp> 1em 130px 1em 1em !important; background-position: 99% 10px !imp
>ortant; } /* styles for Method indicator */ .indicatorInHeadline,>ortant; } /* styles for Method indicator */ .indicatorInHeadline,
> .standardNoteMethod { border: 1px solid #000; padding: 1px 2px; > .standardNoteMethod { border: 1px solid #000; padding: 1px 2px; 
>white-space: nowrap; vertical-align: middle; font-size: smaller; >white-space: nowrap; vertical-align: middle; font-size: smaller; 
>float: right; } [dir="rtl"] .indicatorInHeadline, [dir="rtl"] .st>float: right; } [dir="rtl"] .indicatorInHeadline, [dir="rtl"] .st
>andardNoteMethod { float: left; } .renamedMethod, .noscriptMethod>andardNoteMethod { float: left; } .renamedMethod, .noscriptMethod
>, .deprecatedMethod, .unimplementedMethod { font-weight: 700 } /*>, .deprecatedMethod, .unimplementedMethod { font-weight: 700 } /*
> color setting */ .draft { background: #FFC; border-color: #990 }> color setting */ .draft { background: #FFC; border-color: #990 }
> .htmlVer { background: #CEE; border-color: #267373 } .standardNo> .htmlVer { background: #CEE; border-color: #267373 } .standardNo
>te { background: #fef49c; border-color: maroon } .optional { back>te { background: #fef49c; border-color: maroon } .optional { back
>ground: #C0FFC7; border-color: #50AF5B } .nonStandard { backgroun>ground: #C0FFC7; border-color: #50AF5B } .nonStandard { backgroun
>d: #FC6; border-color: #960 } .unimplemented { background: #f9c; >d: #FC6; border-color: #960 } .unimplemented { background: #f9c; 
>border-color: #f66f6f } .deprecated { background: #CCF; border-co>border-color: #f66f6f } .deprecated { background: #CCF; border-co
>lor: blue } .renamed { background: #d4f3ff; border-color: #818151>lor: blue } .renamed { background: #d4f3ff; border-color: #818151
> } .obsolete { background: #FEBCBC; border-color: #f00 } .domLeve> } .obsolete { background: #FEBCBC; border-color: #f00 } .domLeve
>l { background: #e1e1ff; border-color: #818151 } .todo { backgrou>l { background: #e1e1ff; border-color: #818151 } .todo { backgrou
>nd: #ff9; border-color: #c1272d } .minVer { background: #ffffe1; >nd: #ff9; border-color: #c1272d } .minVer { background: #ffffe1; 
>border-color: #818151 } .jsMinVer { background: #ffffe1; border-c>border-color: #818151 } .jsMinVer { background: #ffffe1; border-c
>olor: #818151 } .mbMinVer { background: #ffffe1; border-color: #8>olor: #818151 } .mbMinVer { background: #ffffe1; border-color: #8
>18151 } .mobileOnly { background: #FFE1BE; border-color: maroon }>18151 } .mobileOnly { background: #FFE1BE; border-color: maroon }
> .renamed { background: #d4f3ff; border-color: #818151 } .notXPCO> .renamed { background: #d4f3ff; border-color: #818151 } .notXPCO
>M { background: orange; border-color: #818151 } .renamed { backgr>M { background: orange; border-color: #818151 } .renamed { backgr
>ound: #d4f3ff; border-color: #818151 } .projectSpecific{ backgrou>ound: #d4f3ff; border-color: #818151 } .projectSpecific{ backgrou
>nd: #ffe1be; border-color: #818151 } .prefixBox { background: #e4>nd: #ffe1be; border-color: #818151 } .prefixBox { background: #e4
>edf7; border-color: #818151 } .experimental { background: #ffefd9>edf7; border-color: #818151 } .experimental { background: #ffefd9
>; border-color: #ff9500 } .readOnly { background: #222; border-co>; border-color: #ff9500 } .readOnly { background: #222; border-co
>lor: #222; color: #FFF } .noscript { background: red; border-colo>lor: #222; color: #FFF } .noscript { background: red; border-colo
>r: #818151; color: #FFF } .projectSpecific{ background: #ffe1be; >r: #818151; color: #FFF } .projectSpecific{ background: #ffe1be; 
>border-color: #818151; } /* Banner used to indicate support only >border-color: #818151; } /* Banner used to indicate support only 
>in specific Gecko projects */ .translationInProgress { background>in specific Gecko projects */ .translationInProgress { background
>: #A3F5A3; border-color: #14B814 } /* style for next and previous>: #A3F5A3; border-color: #14B814 } /* style for next and previous
> pages in tutorial */ a.nextPage { display: inline-block; margin:> pages in tutorial */ a.nextPage { display: inline-block; margin:
> 0 3px 1em; font-size: 1.25em } a.nextPage:link, a.nextPage:visit> 0 3px 1em; font-size: 1.25em } a.nextPage:link, a.nextPage:visit
>ed { background-color: #069 } a.nextPage:hover, a.nextPage:focus >ed { background-color: #069 } a.nextPage:hover, a.nextPage:focus 
>{ background-color: #0099E6 } a.nextPage { float:right } [dir="rt>{ background-color: #0099E6 } a.nextPage { float:right } [dir="rt
>l"] a.nextPage { background-position: left 40% !important; paddin>l"] a.nextPage { background-position: left 40% !important; paddin
>g: .35em .75em .2em !important; position: left;} a.previousPage {>g: .35em .75em .2em !important; position: left;} a.previousPage {
> display: block; margin: 0 1em 2em 0; font-size: 1.25em } a.previ> display: block; margin: 0 1em 2em 0; font-size: 1.25em } a.previ
>ousPage:link, a.previousPage:visited { background-color: #069 } a>ousPage:link, a.previousPage:visited { background-color: #069 } a
>.previousPage:hover, a.previousPage:focus { background-color: #00>.previousPage:hover, a.previousPage:focus { background-color: #00
>99E6 } a.previousPage { float:left } [dir="rtl"] a.previousPage {>99E6 } a.previousPage { float:left } [dir="rtl"] a.previousPage {
> background-position: left 40% !important; padding: .35em .75em .> background-position: left 40% !important; padding: .35em .75em .
>2em !important; position: right;} /* styles for liveSample link :>2em !important; position: right;} /* styles for liveSample link :
> https://developer.mozilla.org/en-US/docs/Template:LiveSample */ > https://developer.mozilla.org/en-US/docs/Template:LiveSample */ 
>a.liveSample { display: inline-block; margin: 0 3px 1em; font-siz>a.liveSample { display: inline-block; margin: 0 3px 1em; font-siz
>e: 1.25em } a.liveSample:link, a.liveSample:visited { background->e: 1.25em } a.liveSample:link, a.liveSample:visited { background-
>color: #069 } a.liveSample:hover, a.liveSample:focus { background>color: #069 } a.liveSample:hover, a.liveSample:focus { background
>-color: #0099E6 } [dir="rtl"] a.liveSample { background-position:>-color: #0099E6 } [dir="rtl"] a.liveSample { background-position:
> left 40% !important; padding: .35em .75em .2em !important; } /* > left 40% !important; padding: .35em .75em .2em !important; } /* 
>callout boxes etc */ .standardSidebar { border: 1px solid #777; m>callout boxes etc */ .standardSidebar { border: 1px solid #777; m
>argin: 0 0 15px 15px; padding: 0 15px 5px; float: right; backgrou>argin: 0 0 15px 15px; padding: 0 15px 5px; float: right; backgrou
>nd: #eee; font-size: .85em; position: relative; z-index: 2; } [di>nd: #eee; font-size: .85em; position: relative; z-index: 2; } [di
>r="rtl"] .standardSidebar { margin: 0 15px 15px 0; float: left } >r="rtl"] .standardSidebar { margin: 0 15px 15px 0; float: left } 
>/* Colored text for INCORRECT/BAD and CORRECT/GOOD values (and BE>/* Colored text for INCORRECT/BAD and CORRECT/GOOD values (and BE
>ST)*/ .correct { color: green } .incorrect { color: red } .best {>ST)*/ .correct { color: green } .incorrect { color: red } .best {
> color: #396 } /* Item in a list of item that has been done */ .d> color: #396 } /* Item in a list of item that has been done */ .d
>one { text-decoration: line-through } /* Specific items for tutor>one { text-decoration: line-through } /* Specific items for tutor
>ials */ .tuto_details, .tuto_example { border: 1px solid #36b; pa>ials */ .tuto_details, .tuto_example { border: 1px solid #36b; pa
>dding: .5em; margin-bottom: 1em } .tuto_details { background: #f4>dding: .5em; margin-bottom: 1em } .tuto_details { background: #f4
>f4f4 } .tuto_example { background: #fffff4 } .tuto_type { font-we>f4f4 } .tuto_example { background: #fffff4 } .tuto_type { font-we
>ight: 700; text-align: left } /* This is a specific item for the >ight: 700; text-align: left } /* This is a specific item for the 
>CSS tutorial: https://developer.mozilla.org/en-US/docs/CSS/Gettin>CSS tutorial: https://developer.mozilla.org/en-US/docs/CSS/Gettin
>g_Started/Selectors */ /* To be removed once we have Live Example>g_Started/Selectors */ /* To be removed once we have Live Example
>s */ a.tutospecial:link, a.tutospecial:visited { padding: 1px 10p>s */ a.tutospecial:link, a.tutospecial:visited { padding: 1px 10p
>x; color: #fff; background: #555; border-radius: 3px; border: 1px>x; color: #fff; background: #555; border-radius: 3px; border: 1px
> outset #333 /* fallback for next line */ ; border: 1px outset rg> outset #333 /* fallback for next line */ ; border: 1px outset rg
>ba(50,50,50,.5); font-family: georgia, serif; font-size: 14px; fo>ba(50,50,50,.5); font-family: georgia, serif; font-size: 14px; fo
>nt-style: italic; text-decoration: none; } a.tutospecial:hover, a>nt-style: italic; text-decoration: none; } a.tutospecial:hover, a
>.tutospecial:focus, a.tutospecial:active {background-color: #666;>.tutospecial:focus, a.tutospecial:active {background-color: #666;
>} #tutochallenge { display:none } #tutochallenge a.hideAnswer { f>} #tutochallenge { display:none } #tutochallenge a.hideAnswer { f
>ont-size:smaller; text-align:right ; display:block} #tutochalleng>ont-size:smaller; text-align:right ; display:block} #tutochalleng
>e:target { display:block;} #tutochallenge + a { font-size:smaller>e:target { display:block;} #tutochallenge + a { font-size:smaller
>; text-align:right; display:block} #tutochallenge:target + a { di>; text-align:right; display:block} #tutochallenge:target + a { di
>splay:none; } /* Fix for mdn-min.css : https://developer.mozilla.>splay:none; } /* Fix for mdn-min.css : https://developer.mozilla.
>org/media/css/mdn-min.css */ [dir="rtl"] dd { margin: 0 22px .5em>org/media/css/mdn-min.css */ [dir="rtl"] dd { margin: 0 22px .5em
> 0 } [dir="rtl"] th, [dir="rtl"] caption { text-align: right } [d> 0 } [dir="rtl"] th, [dir="rtl"] caption { text-align: right } [d
>ir="rtl"] .title h1 { padding: 0 18px 0 0 !important } [lang="he">ir="rtl"] .title h1 { padding: 0 18px 0 0 !important } [lang="he"
>] #site-search { float: left; text-align: right; margin: -8px 0 0>] #site-search { float: left; text-align: right; margin: -8px 0 0
> 100px; width: 295px } [lang="de"] #site-search { margin-right: 1> 100px; width: 295px } [lang="de"] #site-search { margin-right: 1
>79px } /* Fix for wiki-min.css : https://developer.mozilla.org/me>79px } /* Fix for wiki-min.css : https://developer.mozilla.org/me
>dia/css/wiki-min.css */ div.bug, div.warning { overflow: hidden }>dia/css/wiki-min.css */ div.bug, div.warning { overflow: hidden }
> .page-content dd { margin: .5em } /* [dir="rtl"] .translate #pag> .page-content dd { margin: .5em } /* [dir="rtl"] .translate #pag
>e-buttons { } */ [dir="rtl"] .hasJS #nav-main #nav-sub-docs, [dir>e-buttons { } */ [dir="rtl"] .hasJS #nav-main #nav-sub-docs, [dir
>="rtl"] #nav-main .menu:hover #nav-sub-docs { margin-left: -300px>="rtl"] #nav-main .menu:hover #nav-sub-docs { margin-left: -300px
> } [dir="rtl"] #nav-main #nav-sub-docs li { float: right } [dir="> } [dir="rtl"] #nav-main #nav-sub-docs li { float: right } [dir="
>rtl"] #nav-main #nav-sub-docs p { text-align: left } [dir="rtl"] >rtl"] #nav-main #nav-sub-docs p { text-align: left } [dir="rtl"] 
>.page-content ul { padding-left: 0; padding-right: 22px } [dir="r>.page-content ul { padding-left: 0; padding-right: 22px } [dir="r
>tl"] .page-content dd { padding-left: 0; padding-right: 15px } [d>tl"] .page-content dd { padding-left: 0; padding-right: 15px } [d
>ir="rtl"] .article a.external, [dir="rtl"] .article a[rel~="exter>ir="rtl"] .article a.external, [dir="rtl"] .article a[rel~="exter
>nal"], [dir="rtl"] .article a[href^="news://"] { padding-right: 0>nal"], [dir="rtl"] .article a[href^="news://"] { padding-right: 0
>; background-position: 1% 40% } [dir="rtl"] .article a.external, >; background-position: 1% 40% } [dir="rtl"] .article a.external, 
>[dir="rtl"] .article a[rel~="external"] { padding-left: 16px } [d>[dir="rtl"] .article a[rel~="external"] { padding-left: 16px } [d
>ir="rtl"] .article a[href^="news://"] { padding-left: 18px } /* f>ir="rtl"] .article a[href^="news://"] { padding-left: 18px } /* f
>or B2G docs, to allow use of B2G lookalike UX elements */ /* For >or B2G docs, to allow use of B2G lookalike UX elements */ /* For 
>display of Firefox OS UX screenshots in a grid */ table.fxosScree>display of Firefox OS UX screenshots in a grid */ table.fxosScree
>nGrid, table.fxosScreenGrid tr { border: none; } table.fxosScreen>nGrid, table.fxosScreenGrid tr { border: none; } table.fxosScreen
>Grid td, table.fxosScreenGrid th { border: none; width: 340px; ve>Grid td, table.fxosScreenGrid th { border: none; width: 340px; ve
>rtical-align: top; } div.fxosLiveSampleWrapper { width: 328px; pa>rtical-align: top; } div.fxosLiveSampleWrapper { width: 328px; pa
>dding-top: 6px; padding-bottom: 6px; padding-left: 4px; padding-r>dding-top: 6px; padding-bottom: 6px; padding-left: 4px; padding-r
>ight: 4px; text-align: center; border: 1px solid #B8B2A4; backgro>ight: 4px; text-align: center; border: 1px solid #B8B2A4; backgro
>und-color: #F3ECDD; } .rightButtonBox { float: right; width: 250p>und-color: #F3ECDD; } .rightButtonBox { float: right; width: 250p
>x; position: relative; z-index: 2; } [dir="rtl"] .rightButtonBox >x; position: relative; z-index: 2; } [dir="rtl"] .rightButtonBox 
>{ margin: 0 15px 15px 0; float: left } /* ----------------------->{ margin: 0 15px 15px 0; float: left } /* -----------------------
>----------- * Buttons * ---------------------------------- */ .b2>----------- * Buttons * ---------------------------------- */ .b2
>g-button::-moz-focus-inner { border: none; outline: none; } .b2g->g-button::-moz-focus-inner { border: none; outline: none; } .b2g-
>button { width: 100%; height: 3.8rem; margin: 0 0 1rem; padding: >button { width: 100%; height: 3.8rem; margin: 0 0 1rem; padding: 
>0 1.5rem; -moz-box-sizing: border-box; display: inline-block; ver>0 1.5rem; -moz-box-sizing: border-box; display: inline-block; ver
>tical-align: middle; text-overflow: ellipsis; white-space: nowrap>tical-align: middle; text-overflow: ellipsis; white-space: nowrap
>; overflow: hidden; background: #fafafa url(https://developer.moz>; overflow: hidden; background: #fafafa url(https://developer.moz
>illa.org/media/gaia/shared/style/buttons/images/ui/default.png) r>illa.org/media/gaia/shared/style/buttons/images/ui/default.png) r
>epeat-x left bottom; border: .1rem solid #a6a6a6; border-radius: >epeat-x left bottom; border: .1rem solid #a6a6a6; border-radius: 
>.2rem; font: 500 1.6rem/3.8rem 'MozTT', Sans-serif; color: #333; >.2rem; font: 500 1.6rem/3.8rem 'MozTT', Sans-serif; color: #333; 
>text-align: center; text-shadow: .1rem .1rem 0 rgba(255, 255, 255>text-align: center; text-shadow: .1rem .1rem 0 rgba(255, 255, 255
>, .3); text-decoration: none; outline: none; } /* Press (default >, .3); text-decoration: none; outline: none; } /* Press (default 
>&amp; recommend) */ .b2g-button:active, .b2g-button.recommend:act>&amp; recommend) */ .b2g-button:active, .b2g-button.recommend:act
>ive, .b2g-button:hover, .b2g-button.recommend:hover { border-colo>ive, .b2g-button:hover, .b2g-button.recommend:hover { border-colo
>r: #008aaa; background: #008aaa; text-decoration: none; color: #3>r: #008aaa; background: #008aaa; text-decoration: none; color: #3
>33; } /* 一時的なスタイル */ [lang="ja"] #doc-contributors time[datetime*>33; } /* 一時的なスタイル */ [lang="ja"] #doc-contributors time[datetime*
>="200"]::after { content: " (※最終更新日から 2 年以上経過しています)"; color: red >="200"]::after { content: " (※最終更新日から 2 年以上経過しています)"; color: red 
>} /* For styling bug links */ .bug-resolved { text-decoration: li>} /* For styling bug links */ .bug-resolved { text-decoration: li
>ne-through; } /* Bages for the Spec2 template */ .spec-ED:before,>ne-through; } /* Bages for the Spec2 template */ .spec-ED:before,
> .spec-WD:before, .spec-CR:before, .spec-PR:before, .spec-REC:bef> .spec-WD:before, .spec-CR:before, .spec-PR:before, .spec-REC:bef
>ore, .spec-Living:before, .spec-Draft:before { display: inline-bl>ore, .spec-Living:before, .spec-Draft:before { display: inline-bl
>ock; font: .6em Helvetica,Arial,sans-serif; margin: 0 .6em 0 0; p>ock; font: .6em Helvetica,Arial,sans-serif; margin: 0 .6em 0 0; p
>adding: .55em .45em .45em; vertical-align: top; } .spec-ED:before>adding: .55em .45em .45em; vertical-align: top; } .spec-ED:before
>, .spec-WD:before, .spec-CR:before, .spec-PR:before, .spec-REC:be>, .spec-WD:before, .spec-CR:before, .spec-PR:before, .spec-REC:be
>fore, .spec-Living:before, .spec-Draft:before { color: white; } .>fore, .spec-Living:before, .spec-Draft:before { color: white; } .
>spec-ED:before { content: 'ED'; background-color: #e61919 } .spec>spec-ED:before { content: 'ED'; background-color: #e61919 } .spec
>-WD:before { content: 'WD'; background-color: #E66E33 } .spec-CR:>-WD:before { content: 'WD'; background-color: #E66E33 } .spec-CR:
>before { content: 'CR'; background-color: #CFD510 } .spec-PR:befo>before { content: 'CR'; background-color: #CFD510 } .spec-PR:befo
>re { content: 'PR'; background-color: #72AC35 } .spec-REC:before >re { content: 'PR'; background-color: #72AC35 } .spec-REC:before 
>{ content: 'REC'; background-color: #309C40 } .spec-Living:before>{ content: 'REC'; background-color: #309C40 } .spec-Living:before
> { content: 'LS'; background-color: #000 } .spec-Draft:before { c> { content: 'LS'; background-color: #000 } .spec-Draft:before { c
>ontent: 'D'; background-color: #E66E33 } /* Landing page search b>ontent: 'D'; background-color: #E66E33 } /* Landing page search b
>oxes */ div.landingPageSearchBoxHeading { background-color: #aac;>oxes */ div.landingPageSearchBoxHeading { background-color: #aac;
> border-radius: 10px 10px 0 0; border: 2px solid #ccc; order: 1; > border-radius: 10px 10px 0 0; border: 2px solid #ccc; order: 1; 
>-webkit-order: 1; width: 100%; padding: 10px; flex: 0 1 auto; -we>-webkit-order: 1; width: 100%; padding: 10px; flex: 0 1 auto; -we
>bkit-flex: 0 1 auto; font-weight: bold; } div.landingPageSearchBo>bkit-flex: 0 1 auto; font-weight: bold; } div.landingPageSearchBo
>x { border: 2px solid #ccc; background-color: #ddf; border-top: 0>x { border: 2px solid #ccc; background-color: #ddf; border-top: 0
>; border-radius: 0 0 10px 10px; width: 100%; padding: 10px; order>; border-radius: 0 0 10px 10px; width: 100%; padding: 10px; order
>: 2; -webkit-order: 2; flex: 0 1 auto; -webkit-flex: 0 1 auto; } >: 2; -webkit-order: 2; flex: 0 1 auto; -webkit-flex: 0 1 auto; } 
>/* Template link style */ .templateLink { border: 1px solid #ccc;>/* Template link style */ .templateLink { border: 1px solid #ccc;
> padding: 1px; } /* * Colorized icons */ #wikiArticle i[icon="ico> padding: 1px; } /* * Colorized icons */ #wikiArticle i[class="ic
>n-beaker"] { cursor: default; color: #0cf; } #wikiArticle i[icon=>on-beaker"] { cursor: default; color: #0cf; } #wikiArticle i[clas
>"icon-warning-sign"] { cursor: default; color: #fc0; } #wikiArtic>s="icon-warning-sign"] { cursor: default; color: #fc0; } #wikiArt
>le i[icon="icon-thumbs-down-alt"] { cursor: default; color: black>icle i[class="icon-thumbs-down-alt"] { cursor: default; color: bl
>; } #wikiArticle i[icon="icon-trash"] { cursor: default; color: r>ack; } #wikiArticle i[class="icon-trash"] { cursor: default; colo
>ed; }>r: red; }

Back to History