45,333
edits
MediaWiki:Common.css: Difference between revisions
no edit summary
No edit summary |
No edit summary |
||
| (85 intermediate revisions by 4 users not shown) | |||
| Line 1: | Line 1: | ||
@charset "UTF-8"; | |||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
/* Google Fonts: Marlemad (sans) and Gentium Book Basic/Trykker */ | |||
@import url(https://fonts.googleapis.com/css?family=Trykker|Gentium+Book+Basic:400,400italic|Marmelad&subset=latin,latin-ext); | |||
@import url(https://fonts.googleapis.com/css?family=Gentium+Basic&subset=latin,latin-ext); | |||
/** | /* Add the custom fonts we use on here, Charis SIL, Gentium Plus, etc. */ | ||
/* | @import url(../assets/lexfonts.css); | ||
/* TENGWAR */ | |||
@import url(../assets/darn.css); | |||
@font-face{ | |||
font-family: FreeIdgSerif, serif; | |||
font-family: Akkadian, serif; | |||
font-family: 'Gentium Basic', serif; | |||
font-family: 'Trykker', serif; | |||
font-family: 'Gentium Book Basic', serif; | |||
font-family: 'Marmelad', sans-serif; | |||
} | |||
@font-face{ | |||
font-family: 'Tagati'; | |||
src: url("https://cdn.jsdelivr.net/gh/carbeck/tagatibookg@master/Tagati Book Regular G.ttf") format('truetype'); | |||
} | } | ||
@font-face{ | |||
font-family: 'Tagati'; | |||
src: url("https://cdn.jsdelivr.net/gh/carbeck/tagatibookg@master/Tagati Book Italic G.ttf") format('truetype'); | |||
font-style: italic; | |||
} | } | ||
@font-face{ | |||
font-family: 'AH Rokajang'; | |||
src: url("https://cdn.jsdelivr.net/gh/Astralneko/ahrokajang@master/AHRokajang.ttf") format('truetype'); | |||
} | } | ||
@font-face{ | |||
font-family: 'Antinoou'; | |||
src: url("https://coptot.manuscriptroom.com/community/fonts/antinoou-webfont.ttf") format('truetype'); | |||
} | } | ||
. | |||
@font-face{ | |||
font-family: 'Antinoou'; | |||
src: url("https://coptot.manuscriptroom.com/community/fonts/antinoouitalic-webfont.ttf") format('truetype'); | |||
font-style: italic; | |||
} | } | ||
@font-face{ | |||
font-family: 'Alcarin'; | |||
src: url("https://cdn.jsdelivr.net/gh/Tosche/Alcarin-Tengwar@main/Fonts Variable/AlcarinTengwarVF.woff2") format('woff2'), | |||
url("https://cdn.jsdelivr.net/gh/Tosche/Alcarin-Tengwar@main/Fonts Variable/AlcarinTengwarVF.woff") format('woff'), | |||
url("https://cdn.jsdelivr.net/gh/Tosche/Alcarin-Tengwar@main/Fonts Variable/AlcarinTengwarVF.ttf") format('truetype'); | |||
} | } | ||
. | |||
.Ayer{ | |||
font-family: 'Tagati', sans-serif; | |||
font-size: 24px; | |||
} | } | ||
. | /* Chiingimec */ | ||
.Cyrl[lang=xchc]{ | |||
font-family: 'Cambria', sans-serif; | |||
font-size: 110%; | |||
} | } | ||
. | .headword[lang=xchc]{ | ||
font-size: 120%; | |||
} | } | ||
. | |||
.Roka{ | |||
font-family: 'AH Rokajang', sans-serif; | |||
font-size: 110%; | |||
} | } | ||
. | |||
.Copt{ | |||
font-family: 'Antinoou', 'Noto Sans Coptic'; | |||
font-size: 115%; | |||
} | } | ||
. | /* Classical Mongolian, Manchu, Xibe, Clear Script */ | ||
.Mong, | |||
.mnc-Mong, /* Manchu */ | |||
.sjo-Mong, /* Xibe */ | |||
.xwo-Mong /* Clear Script, Todo */ { | |||
font-family: 'Mongolian Baiti', 'Noto Sans Mongolian', sans-serif; | |||
font-size: 140%; | |||
-webkit-writing-mode: vertical-lr; | |||
-moz-writing-mode: vertical-lr; | |||
writing-mode: vertical-lr; | |||
layout-flow: vertical-ideographic; | |||
} | } | ||
. | |||
.Teng { | |||
font-family: 'Alcarin', 'Brill', serif; | |||
} | } | ||
/* | /* ATTEMPTING TO ADD ULTRALIGATURE SUPPORT */ | ||
@font-face{ | |||
font-family: 'Cardo'; | |||
font-style: normal; | |||
font-weight: 400; | |||
src: local('Cardo'), url(https://brick.a.ssl.fastly.net/fonts/cardo/400.woff) format('woff'); | |||
} | } | ||
@font-face{font-family:'Cardo';font-style:normal;font-weight:400;src:url(//brick.a.ssl.fastly.net/fonts/cardo/400.woff) format('woff')}@font-face{font-family:'Cardo';font-style:normal;font-weight:700;src:url(//brick.a.ssl.fastly.net/fonts/cardo/700.woff) format('woff')}@font-face{font-family:'Cardo';font-style:italic;font-weight:400;src:url(//brick.a.ssl.fastly.net/fonts/cardo/400i.woff) format('woff')} | |||
/** CSS-classes for Portal:Main Page **/ | |||
} | body.page-Main_Page h1.firstHeading { display:none; }/* Banner */ | ||
.MainPageBG { | |||
width:55%; border:1px solid #cef2e0; background:#f5fffa; vertical-align:top; color:#000; | |||
} | |||
} | } | ||
#bannerintro { background-image: url(https://linguifex.com/w/images/0/05/Linguifex.png); } | |||
#triangleintro { background-image: url(https://linguifex.com/w/images/9/99/Triangular.png); } | |||
/* | /* Columns */ | ||
.frontPageLeft{ | |||
float:left; | |||
width:56%; | |||
. | } | ||
.frontPageRight{ | |||
. | float:right; | ||
width:43%; | |||
. | } | ||
/* Block */ | |||
.frontPageBlock{ | |||
background: url(https://linguifex.com/w/images/5/55/Bluegradient-left.png) no-repeat top left; | |||
border:1px solid #FFFFFF; | |||
padding:3px; | |||
. | margin-bottom:.4em; | ||
position:relative; | |||
. | } | ||
.frontPageBlockIcon{ | |||
position:absolute; | |||
left: 5px; | |||
top: 5px; | |||
} | |||
.frontPageBlockIcon img{ | |||
border: 0 none #000; | |||
} | |||
.frontPageBlockTitle{ | |||
position:absolute; | |||
. | left: 60px; | ||
top: 3px; | |||
font-size:1.2em; | |||
color:white | |||
} | |||
.frontPageBlockContent{ | |||
margin: 1em; | |||
padding-top: 30px; | |||
overflow: auto; | |||
. | |||
} | } | ||
.frontPageRight .frontPageBlock{ | |||
background: url(https://linguifex.com/w/images/3/37/Bluegradient-right.png) no-repeat top right; | |||
margin-left:1em; | |||
} | |||
.frontPageRight .frontPageBlockIcon{ | |||
left:auto; | |||
right:10px; | |||
} | |||
.frontPageRight .frontPageBlockTitle{ | |||
left:auto; | |||
right:60px; | |||
top:3px; | |||
font-size:1.1em; | |||
color:white | |||
} | |||
.frontPageRight .frontPageBlockContent{ | |||
margin: 1em; | |||
padding-top: 20px; | |||
} | |||
.frontPageFancyBlock{ | |||
border-bottom: 6px dotted #8CB2FF; | |||
padding: 1em 0; | |||
font-size: 100%; | |||
color: black; | |||
margin-left: 1em; | |||
} | |||
.frontPageFancyBlockLast{ | |||
border-bottom:none; | |||
} | |||
/** End of Portal:Main Page **/ | |||
/* Wikitables */ | |||
. | |||
table.wikitable { | |||
. | margin: .5em; | ||
background: #f9f9f9; | |||
border: 1px #aaa solid; | |||
border-collapse: collapse; | |||
} | |||
. | |||
table.wikitable th, table.wikitable td { | |||
border: 1px #aaa solid; | |||
padding: .2em; | |||
} | |||
. | |||
table.wikitable th { | |||
. | background: #f2f2f2; | ||
text-align: center; | |||
} | |||
table.wikitable caption { | |||
margin-left: inherit; | |||
margin-right: inherit; | |||
} | |||
/** End of Wikitables **/ | |||
/* Standard Colour Tables */ | |||
.bluetable | .bluetable .bg1, .blueinfobox .bg1, .lightbluebg { background: #f7faff; } | ||
. | .graytable .bg1, .grayinfobox .bg1, .lightgraybg { background: #fffafa; } | ||
. | .browntable .bg1, .browninfobox .bg1, .lightbrownbg { background: #fffaf7; } | ||
. | .greentable .bg1, .greeninfobox .bg1, .lightgreenbg { background: #f2fffb; } | ||
. | .redtable .bg1, .redinfobox .bg1, .lightredbg { background: #fff7f7; } | ||
. | |||
{ | |||
.softtable, .softtable td, .softtable .bg1, | |||
.softinfobox, .softinfobox td, .softinfobox .bg1, .softbg, .lightsoftbg | |||
{ background: #fffafa; } | |||
.softtable | |||
. | |||
.blueborder { border: 1px solid #8091ab; } | |||
.grayborder { border: 1px solid #abaaaa; } | |||
.brownborder { border: 1px solid #b38d7d; } | |||
.greenborder { border: 1px solid #89aba1; } | |||
.redborder { border: 1px solid #b37d7d; } | |||
.softborder { border: 1px solid #cccaca; } | |||
.bluetable . | .bluetable .bg2, .blueinfobox .bg2, .bluetable .bg2 td, .blueinfobox .bg2 td { background: #e6eefa; } | ||
. | .bluetable .bg3, .blueinfobox .bg3, .bluetable .bg3 td, .blueinfobox .bg3 td { background: #d3dff2; } | ||
. | .bluetable .bg4, .blueinfobox .bg4, .bluetable .bg4 td, .blueinfobox .bg4 td, .bluebg { background: #c2d4ed; } | ||
. | .graytable .bg2, .grayinfobox .bg2, .graytable .bg2 td, .grayinfobox .bg2 td { background: #eeeaea; } | ||
.graytable . | .graytable .bg3, .grayinfobox .bg3, .graytable .bg3 td, .grayinfobox .bg3 td { background: #dddada; } | ||
. | .graytable .bg4, .grayinfobox .bg4, .graytable .bg4 td, .grayinfobox .bg4 td, .graybg { background: #cccaca; } | ||
. | |||
. | |||
. | .browntable .bg2, .browninfobox .bg2, .browntable .bg2 td, .browninfobox .bg2 td { background: #f7e9e4; } | ||
. | .browntable .bg3, .browninfobox .bg3, .browntable .bg3 td, .browninfobox .bg3 td { background: #f0dad1; } | ||
.browninfobox . | .browntable .bg4, .browninfobox .bg4, .browntable .bg4 td, .browninfobox .bg4 td, .brownbg { background: #ebcdc0; } | ||
.greeninfobox . | |||
. | .greentable .bg2, .greeninfobox .bg2, .greentable .bg2 td, .greeninfobox .bg2 td { background: #e1f7f1; } | ||
. | .greentable .bg3, .greeninfobox .bg3, .greentable .bg3 td, .greeninfobox .bg3 td { background: #d5f2ea; } | ||
.greentable .bg4, .greeninfobox .bg4, .greentable .bg4 td, .greeninfobox .bg4 td, .greenbg { background: #c1e0d7; } | |||
.redtable .bg2, .redinfobox .bg2, .redtable .bg2 td, .redinfobox .bg2 td { background: #f7e4e4; } | |||
.redtable .bg3, .redinfobox .bg3, .redtable .bg3 td, .redinfobox .bg4 td { background: #f0d1d1; } | |||
.redtable .bg4, .redinfobox .bg4, .redtable .bg4 td, .redinfobox .bg3 td, .redbg { background: #ffcccc; } | |||
.softtable .bg2, .softinfobox .bg2, | |||
.softtable .bg3, .softinfobox .bg3, | |||
.softtable .bg4, .softinfobox .bg4, | |||
.softtable .bg2 td, .softinfobox .bg2 td, | |||
.softtable .bg3 td, .softinfobox .bg3 td, | |||
.softtable .bg4 td, .softinfobox .bg4 td | |||
{ background: #eeeaea; } | |||
.bluetable, .graytable, .browntable, .greentable, .redtable, | |||
.blueinfobox, .grayinfobox, .browninfobox, .greeninfobox, .redinfobox { border-collapse: collapse; } | |||
.blueinfobox, .grayinfobox, .browninfobox, .greeninfobox, .redinfobox, .softinfobox { | |||
float: right; | |||
margin: 0 0 0.5em 0.5em; | |||
} | } | ||
.blueinfobox { background: #f7faff; } | |||
.grayinfobox { background: #fffafa; } | |||
} | .browninfobox { background: #fffaf7; } | ||
.greeninfobox { background: #f2fffb; } | |||
.redinfobox { background: #fff7f7; } | |||
.bluetable, .blueinfobox { border: 1px solid #8091ab; } | |||
.graytable, .grayinfobox { border: 1px solid #abaaaa; } | |||
} | .browntable, .browninfobox { border: 1px solid #b38d7d; } | ||
.greentable, .greeninfobox { border: 1px solid #89aba1; } | |||
.redtable, .redinfobox { border: 1px solid #b37d7d; } | |||
.softtable, .softinfobox { border: 1px solid #cccaca; } | |||
.bluetable td, .bluetable th, .blueinfobox td, .blueinfobox th { border: 1px solid #8091ab; } | |||
.graytable td, .graytable th, .grayinfobox td, .grayinfobox th { border: 1px solid #abaaaa; } | |||
.browntable td, .browntable th, .browninfobox td, .browninfobox th { border: 1px solid #b38d7d; } | |||
.greentable td, .greentable th, .greeninfobox td, .greeninfobox th { border: 1px solid #89aba1; } | |||
.redtable td, .redtable th, .redinfobox td, .redinfobox th { border: 1px solid #b37d7d; } | |||
} | |||
.bluetable td, .bluetable th, .graytable td, .graytable th, | |||
.browntable td, .browntable th, .greentable td, .greentable th, | |||
.redtable td, .redtable th, .softtable td, .softtable th, | |||
.blueinfobox td, .blueinfobox th, .grayinfobox td, .grayinfobox th, | |||
.browninfobox td, .browninfobox th, .greeninfobox td, .greeninfobox th, | |||
.redinfobox td, .redinfobox th, .softinfobox td, .softinfobox th | |||
{ padding: 4px; } | |||
.bluetable th { background: #c2d4ed; } | |||
.graytable th { background: #cccaca; } | |||
.browntable th { background: #ebcdc0; } | |||
} | .greentable th { background: #c1e0d7; } | ||
.redtable th { background: #ffcccc; } | |||
.softtable th, .softinfobox th { background: #eeeaea; } | |||
.bluetable th:first-child, .graytable th:first-child, .browntable th:first-child, .greentable th:first-child, .redtable th:first-child, .softtable th:first-child, | |||
} | .blueinfobox th, .grayinfobox th, .browninfobox th, .greeninfobox th, .redinfobox th, .softinfobox th { text-align: center; padding-right: 0.2em; } | ||
} | |||
. | |||
.bluetable .divider, .blueinfobox .divider, .bluetable .header, .blueinfobox .header, | |||
.graytable .divider, .grayinfobox .divider, .graytable .header, .grayinfobox .header, | |||
.browntable .divider, .browninfobox .divider, .browntable .header, .browninfobox .header, | |||
.greentable .divider, .greeninfobox .divider, .greentable .header, .greeninfobox .header, | |||
.redtable .divider, .redinfobox .divider, .redtable .header, .redinfobox .header, | |||
.softtable .divider, .softinfobox .divider, .softtable .header, .softinfobox .header { text-align: center !important; } | |||
} | |||
.bluetable .header, .bluetable .divider, .blueinfobox .header { background: #c2d4ed; } | |||
.graytable .header, .graytable .divider, .grayinfobox .header { background: #cccaca; } | |||
.browntable .header, .browntable .divider, .browninfobox .header { background: #ebcdc0; } | |||
} | .greentable .header, .greentable .divider, .greeninfobox .header { background: #c1e0d7; } | ||
.redtable .header, .redtable .divider, .redinfobox .header { background: #ffcccc; } | |||
.softtable .header, .softtable .divider, .softinfobox .header { background: #eeeaea; } | |||
} | .blueinfobox .divider { background: #e6eefa; } | ||
.grayinfobox .divider { background: #eeeaea; } | |||
.browninfobox .divider { background: #f7e9e4; } | |||
} | .greeninfobox .divider { background: #e1f7f1; } | ||
.redinfobox .divider { background: #f7e4e4; } | |||
.softinfobox .divider { background: #eeeaea; } | |||
} | |||
} | |||
} | |||
} | |||
/* | /** End of Standard Colour Tables**/ | ||
/* | /* NavFrames */ | ||
# | div.Boxmerge, | ||
div.NavFrame, details.NavFrame { | |||
margin: 0px 0px -1px 0px; | |||
padding: 2px; | |||
border: 1px solid #aaaaaa; | |||
text-align: center; | |||
border-collapse: collapse; | |||
font-size: 95%; | |||
overflow: auto; | |||
width: auto; | |||
} | } | ||
div.Boxmerge div.NavFrame { | |||
border-style: none; | |||
border-style: hidden; | |||
} | } | ||
div.NavPic { | |||
background-color: #ffffff; | |||
margin: 0px; | |||
padding: 2px; | |||
float: left; | |||
} | } | ||
. | div.NavFrame div.NavHead, details.NavFrame summary.NavHead { | ||
min-height: 1.6em; | |||
font-weight: bold; | |||
font-size: 100%; | |||
background-color: #efefef; | |||
padding-left: 10px; | |||
background-image:-webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#DFDFDF), color-stop(0.6, #E3E3E3)); | |||
background-image:-moz-linear-gradient(top, #EFEFEF, #E3E3E3 60%, #DFDFDF); | |||
background-image:-o-linear-gradient(top, #EFEFEF, #E3E3E3 60%, #DFDFDF); | |||
} | } | ||
div.NavFrame div.NavHead:hover, details.NavFrame summary.NavHead:hover { | |||
background-color:#F6F6F6; | |||
background-image:-webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#F3F3F3), color-stop(0.6, #EAEAEA)); | |||
background-image:-moz-linear-gradient(top, #EFEFEF, #EAEAEA 60%, #F3F3F3); | |||
background-image:-o-linear-gradient(top, #EFEFEF, #EAEAEA 60%, #F3F3F3); | |||
. | |||
} | } | ||
div.NavFrame div.NavHead:active, details.NavFrame summary.NavHead:active { | |||
background-color:#E3E3E3; | |||
background-image:-webkit-gradient(linear, left top, left bottom, from(#E3E3E3), to(#DFDFDF), color-stop(0.6, #D3D3D3)); | |||
background-image:-moz-linear-gradient(top, #E3E3E3, #D3D3D3 60%, #DFDFDF); | |||
background-image:-o-linear-gradient(top, #E3E3E3, #D3D3D3 60%, #DFDFDF); | |||
} | } | ||
div.pseudo div.NavHead:hover {background-color:#EFEFEF;} | |||
div.pseudo div.NavHeadpseudo:active {background-color:#EFEFEF;} | |||
div.NavFrame p { | |||
font-size: 100%; | |||
} | } | ||
div.NavFrame div.NavContent, details.NavFrame div.NavContent { | |||
font-size: 100%; | |||
} | } | ||
div.NavFrame div.NavContent p, details.NavFrame div.NavContent p { | |||
font-size: 100%; | |||
} | } | ||
div.NavEnd { | |||
margin: 0px; | |||
padding: 0px; | |||
line-height: 1px; | |||
clear: both; | |||
} | |||
span.NavToggle { | |||
cursor: pointer; | |||
float: right; | |||
font-weight:normal; | |||
font-size:smaller; | |||
} | } | ||
.client-js .NavContent { display: none; } | |||
.client-js .not .NavContent { display: block; } | |||
/* | /* Other pages message box styles */ | ||
table. | table.ombox { | ||
margin: 4px 10%; | |||
border-collapse: collapse; | |||
border: 1px solid #aaa; /* Default "notice" gray */ | |||
background: #f9f9f9; | |||
} | } | ||
table. | |||
table.ombox-notice { | |||
border: 1px solid #aaa; /* Gray */ | |||
} | } | ||
. | table.ombox-speedy { | ||
border: 2px solid #b22222; /* Red */ | |||
background: #fee; /* Pink */ | |||
} | } | ||
. | table.ombox-delete { | ||
border: 2px solid #b22222; /* Red */ | |||
} | } | ||
. | table.ombox-content { | ||
border: 1px solid #f28500; /* Orange */ | |||
} | } | ||
. | table.ombox-style { | ||
border: 1px solid #f4c430; /* Yellow */ | |||
} | } | ||
. | table.ombox-move { | ||
border: 1px solid #9932cc; /* Purple */ | |||
} | } | ||
. | table.ombox-protection { | ||
border: 2px solid #bba; /* Gray-gold */ | |||
} | } | ||
/* Hm, still broken */ | |||
/* Edit window toolbar */ | |||
#toolbar { | |||
height: 22px; | |||
margin-bottom: 6px; | |||
} | } | ||
/* Margins for <ol> and <ul> */ | |||
#content ol, #content ul, | |||
#mw_content ol, #mw_content ul { | |||
margin-bottom: 0.5em; | |||
} | } | ||
/* Make the list of references smaller */ | |||
ol.references { | |||
font- | font-size: 100%; | ||
} | |||
.references-small { | |||
font-size: 90%; | |||
} | } | ||
/* | /* VALIDATOR NOTICE: the following is correct, but the W3C validator doesn't accept it */ | ||
. | /* -moz-* is a vendor-specific extension (CSS 2.1 4.1.2.1) */ | ||
/* column-count is from the CSS3 module "CSS Multi-column Layout" */ | |||
/* Please ignore any validator errors caused by these two lines */ | |||
.references-2column { | |||
font-size: 90%; | |||
-moz-column-count: 2; | |||
-webkit-column-count: 2; | |||
column-count: 2; | |||
} | } | ||
. | |||
. | /* Highlight clicked reference in blue to help navigation */ | ||
ol.references > li:target, | |||
sup.reference:target, | |||
cite:target { | |||
background-color: #DEF; | |||
} | } | ||
. | |||
font- | /* Ensure refs in table headers and the like aren't bold or italic */ | ||
sup.reference { | |||
font-weight: normal; | |||
font-style: normal; | |||
} | } | ||
/* Styling for citations */ | |||
cite { | |||
font-style: normal; | |||
word-wrap: break-word; | |||
} | } | ||
. | /* For linked citation numbers and document IDs, where | ||
the number need not be shown on a screen or a handheld, | |||
but should be included in the printed version | |||
*/ | |||
@media screen, handheld, projection { | |||
cite *.printonly { | |||
display: none; | |||
} | |||
} | } | ||
. | /* wikitable/prettytable class for skinning normal tables */ | ||
. | table.wikitable, | ||
table.prettytable { | |||
margin: 1em 1em 1em 0; | |||
background: #f9f9f9; | |||
border: 1px #aaa solid; | |||
border-collapse: collapse; | border-collapse: collapse; | ||
} | } | ||
/* Default skin for navigation boxes */ | |||
. | table.navbox { /* Navbox container style */ | ||
border: 1px solid #aaa; | |||
width: 100%; | |||
margin: auto; | |||
clear: both; | |||
font-size: 88%; | |||
text-align: center; | |||
padding: 1px; | |||
} | } | ||
. | table.navbox + table.navbox { /* Single pixel border between adjacent navboxes */ | ||
margin-top: -1px; /* (doesn't work for IE6, but that's okay) */ | |||
} | } | ||
.navbox-title, | |||
. | .navbox-abovebelow, | ||
. | table.navbox th { | ||
text-align: center; /* Title and above/below styles */ | |||
padding-left: 1em; | |||
padding-right: 1em; | |||
} | } | ||
.navbox-group { /* Group style */ | |||
white-space: nowrap; | |||
text-align: right; | |||
font-weight: bold; | |||
padding-left: 1em; | |||
padding-right: 1em; | |||
} | } | ||
.navbox, .navbox-subgroup { | |||
. | background: #fdfdfd; /* Background color */ | ||
} | } | ||
.navbox-list { | |||
border-color: #fdfdfd; /* Must match background color */ | |||
. | |||
} | } | ||
.navbox-title, | |||
table.navbox th { | |||
background: #ccccff; /* Level 1 color */ | |||
} | } | ||
.navbox-abovebelow, | |||
.navbox-group, | |||
.navbox-subgroup .navbox-title { | |||
background: #ddddff; /* Level 2 color */ | |||
} | } | ||
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { | |||
background: #e6e6ff; /* Level 3 color */ | |||
} | } | ||
.navbox-even { | |||
background: #f7f7f7; /* Even row striping */ | |||
} | } | ||
.navbox-odd { | |||
background: transparent; /* Odd row striping */ | |||
} | } | ||
/* | .collapseButton { /* 'show'/'hide' buttons created dynamically */ | ||
float: right; /* by the CollapsibleTables javascript in */ | |||
font-weight: normal; /* [[MediaWiki:Common.js]]are styled here */ | |||
text-align: right; /* so they can be customised. */ | |||
width: auto; | |||
} | |||
.navbox .collapseButton { /* In navboxes, the show/hide button balances */ | |||
width: 6em; /* the vde links from [[Template:Tnavbar]], */ | |||
} /* so they need to be the same width. */ | |||
} | |||
/* | /* Infobox template style */ | ||
.infobox { | |||
border: 1px solid #aaa; | |||
background: | background-color: #f9f9f9; | ||
padding: 0 | color: black; | ||
margin: 0.5em 0 0.5em 1em; | |||
padding: 0.2em; | |||
float: right; | |||
clear: right; | |||
} | } | ||
.infobox td, | |||
.infobox th { | |||
vertical-align: top; | |||
} | } | ||
.infobox caption { | |||
font-size: larger; | |||
} | } | ||
.infobox.bordered { | |||
border-collapse: collapse; | |||
} | |||
.infobox.bordered td, | |||
.infobox.bordered th { | |||
border: 1px solid #aaa; | |||
} | } | ||
.infobox.bordered .borderless td, | |||
.infobox.bordered .borderless th { | |||
border: 0; | |||
} | } | ||
.infobox.sisterproject { | |||
width: 20em; | |||
font-size: 90%; | |||
} | } | ||
.infobox.standard-talk { | |||
border: 1px solid #c0c090; | |||
background-color: #f8eaba; | |||
} | } | ||
. | .infobox.standard-talk.bordered td, | ||
. | .infobox.standard-talk.bordered th { | ||
border: 1px solid #c0c090; | |||
} | } | ||
/* | /* styles for bordered infobox with merged rows */ | ||
. | .infobox.bordered .mergedtoprow td, | ||
border: 1px solid #aaa; | .infobox.bordered .mergedtoprow th { | ||
border: 0; | |||
border-top: 1px solid #aaa; | |||
border-right: 1px solid #aaa; | |||
} | } | ||
. | |||
border: | .infobox.bordered .mergedrow td, | ||
.infobox.bordered .mergedrow th { | |||
border: 0; | |||
border-right: 1px solid #aaa; | |||
} | } | ||
. | |||
border: | /* Styles for geography infoboxes, eg countries, | ||
country subdivisions, cities, etc. */ | |||
.infobox.geography { | |||
text-align: left; | |||
border-collapse: collapse; | |||
line-height: 1.2em; | |||
font-size: 90%; | |||
} | } | ||
. | |||
border: 1px | .infobox.geography td, | ||
.infobox.geography th { | |||
border-top: solid 1px #aaa; | |||
padding: 0.4em 0.6em 0.4em 0.6em; | |||
} | } | ||
.infobox.geography .mergedtoprow td, | |||
. | .infobox.geography .mergedtoprow th { | ||
. | border-top: solid 1px #aaa; | ||
border: 1px | padding: 0.4em 0.6em 0.2em 0.6em; | ||
} | } | ||
. | |||
.infobox.geography .mergedrow td, | |||
.infobox.geography .mergedrow th { | |||
border: 0; | |||
padding: 0 0.6em 0.2em 0.6em; | |||
} | } | ||
. | |||
.infobox.geography .mergedbottomrow td, | |||
.infobox.geography .mergedbottomrow th { | |||
border-top: 0; | |||
border-bottom: solid 1px #aaa; | |||
padding: 0 0.6em 0.4em 0.6em; | |||
} | } | ||
.infobox.geography .maptable td, | |||
.infobox.geography .maptable th { | |||
border: 0; | |||
padding: 0; | |||
} | |||
/* | /* Makes redirects appear in italics in categories and on [[Special:Allpages]] */ | ||
.redirect-in-category, .allpagesredirect { | |||
font-style: italic; | |||
} | } | ||
/* Icons for medialist templates [[Template:Listen]], | |||
[[Template:Multi-listen_start]], [[Template:Video]], | |||
[[Template:Multi-video_start]] | |||
*/ | |||
div.listenlist { | |||
background: | |||
url("http://upload.wikimedia.org/wikipedia/commons/thumb/a/a6/Gnome-speakernotes.png/30px-Gnome-speakernotes.png"); | |||
padding-left: 40px; | |||
} | } | ||
/* Style rules for media list templates */ | |||
div.medialist { | |||
min-height: 50px; | |||
margin: 1em; | |||
background-position: top left; | |||
background-repeat: no-repeat; | |||
} | } | ||
div.medialist ul { | |||
list-style-type: none; | |||
list-style-image: none; | |||
margin: 0; | |||
} | } | ||
div.medialist ul li { | |||
padding-bottom: 0.5em; | |||
} | } | ||
. | div.medialist ul li li { | ||
font-size: 91%; | |||
padding-bottom: 0; | |||
padding | |||
} | } | ||
/* Change the external link icon to an Adobe icon for all PDF files | |||
in browsers that support these CSS selectors, like Mozilla and Opera */ | |||
#bodyContent a[href$=".pdf"].external, | |||
#bodyContent a[href*=".pdf?"].external, | |||
#bodyContent a[href*=".pdf#"].external, | |||
#bodyContent a[href$=".PDF"].external, | |||
#bodyContent a[href*=".PDF?"].external, | |||
#bodyContent a[href*=".PDF#"].external, | |||
#mw_content a[href$=".pdf"].external, | |||
#mw_content a[href*=".pdf?"].external, | |||
#mw_content a[href*=".pdf#"].external, | |||
#mw_content a[href$=".PDF"].external, | |||
#mw_content a[href*=".PDF?"].external, | |||
#mw_content a[href*=".PDF#"].external { | |||
background: | |||
url("http://upload.wikimedia.org/wikipedia/commons/thumb/2/23/Icons-mini-file_acrobat.gif/15px-Icons-mini-file_acrobat.gif") | |||
center right no-repeat; | |||
padding-right: 16px; | |||
} | } | ||
/* Change the external link icon to an Adobe icon anywhere the PDFlink class | |||
is used (notably Template:PDFlink). This works in IE, unlike the above. */ | |||
#bodyContent span.PDFlink a, | |||
#mw_content span.PDFlink a { | |||
background: | |||
url("http://upload.wikimedia.org/wikipedia/commons/thumb/2/23/Icons-mini-file_acrobat.gif/15px-Icons-mini-file_acrobat.gif") | |||
center right no-repeat; | |||
padding-right: 17px; | |||
} | } | ||
/* Remove link styling. Already defined in monobook | |||
and modern, but not defined in the other skins. Bug 18708 */ | |||
#bodyContent .plainlinks a { | |||
background: none !important; | |||
padding: 0 !important; | |||
} | } | ||
/* Content in columns with CSS instead of tables [[Template:Columns]] */ | |||
div.columns-2 div.column { | |||
float: left; | |||
width: 50%; | |||
min-width: 300px; | |||
} | } | ||
div.columns-3 div.column { | |||
float: left; | |||
width: 33.3%; | |||
min-width: 200px; | |||
} | } | ||
div.columns-4 div.column { | |||
float: left; | |||
width: 25%; | |||
min-width: 150px; | |||
} | |||
div.columns-5 div.column { | |||
float: left; | |||
width: 20%; | |||
min-width: 120px; | |||
} | } | ||
/* | /* Make sure that "external references" from templates like [[Template:Ref]] | ||
do not get URL expansion, not even when printed. The anchor itself has | |||
class "external autonumber" and the url expansion is inserted when printing | |||
(see [http://en.wikipedia.org/skins-1.5/common/commonPrint.css]) using the | |||
":after" pseudo-element. | |||
*/ | |||
.nourlexpansion a.external.text:after, | |||
. | .nourlexpansion a.external.autonumber:after { | ||
display: none !important; | |||
. | |||
} | } | ||
/* The legacy implementation of this was with "plainlinksneverexpand", which | |||
also simulated "plainlinks". "plainlinksneverexpand" is deprecated and | |||
should be replaced with "plainlinks nourlexpansion". When this has been | |||
done, the rules below can be removed. | |||
*/ | |||
.plainlinksneverexpand a { | |||
background: none !important; | |||
padding: 0 !important; | |||
} | } | ||
.plainlinksneverexpand a.external.text:after, | |||
.plainlinksneverexpand a.external.autonumber:after { | |||
display: none !important; | |||
} | } | ||
border: | /* Messagebox templates */ | ||
.messagebox { | |||
border: 1px solid #aaa; | |||
background-color: #f9f9f9; | |||
width: 80%; | |||
margin: 0 auto 1em auto; | |||
padding: .2em; | |||
} | } | ||
.messagebox.merge { | |||
border: | border: 1px solid #c0b8cc; | ||
background-color: #f0e5ff; | |||
text-align: center; | |||
} | } | ||
.messagebox.cleanup { | |||
border: | border: 1px solid #9f9fff; | ||
background-color: #efefff; | |||
text-align: center; | |||
} | } | ||
.messagebox.standard-talk { | |||
border: | border: 1px solid #c0c090; | ||
background-color: #f8eaba; | |||
margin: 4px auto; | |||
} | } | ||
/* For old WikiProject banners inside banner shells. */ | |||
border: | .mbox-inside .standard-talk, | ||
} | .messagebox.nested-talk { | ||
border: 1px solid #c0c090; | |||
background-color: #f8eaba; | |||
width: 100%; | |||
margin: 2px 0; | |||
padding: 2px; | |||
} | |||
.messagebox.small { | |||
width: 238px; | |||
font-size: 85%; | |||
float: right; | |||
clear: both; | |||
margin: 0 0 1em 1em; | |||
line-height: 1.25em; | |||
} | } | ||
.messagebox.small-talk { | |||
width: 238px; | |||
font-size: 85%; | |||
float: right; | |||
clear: both; | |||
margin: 0 0 1em 1em; | |||
line-height: 1.25em; | |||
background: #F8EABA; | |||
} | } | ||
/* | |||
/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */ | |||
th.mbox-text, td.mbox-text { /* The message body cell(s) */ | |||
border | border: none; | ||
padding: 0.25em 0.9em; /* 0.9em left/right */ | |||
width: 100%; /* Make all mboxes the same width regardless of text length */ | |||
} | } | ||
td.mbox-image { /* The left image cell */ | |||
border: none; | |||
padding: 2px 0 2px 0.9em; /* 0.9em left, 0px right */ | |||
text-align: center; | |||
} | } | ||
td.mbox-imageright { /* The right image cell */ | |||
border: none; | |||
padding: 2px 0.9em 2px 0; /* 0px left, 0.9em right */ | |||
text-align: center; | |||
} | } | ||
td.mbox-empty-cell { /* An empty narrow cell */ | |||
border: none; | |||
padding: 0px; | |||
width: 1px; | |||
} | } | ||
table. | |||
/* Article message box styles */ | |||
table.ambox { | |||
margin: 0px 10%; /* 10% = Will not overlap with other elements */ | |||
border: 1px solid #aaa; | |||
border-left: 10px solid #1e90ff; /* Default "notice" blue */ | |||
background: #fbfbfb; | |||
} | } | ||
table. | table.ambox + table.ambox { /* Single border between stacked boxes. */ | ||
margin-top: -1px; | |||
} | } | ||
.ambox th.mbox-text, | |||
.ambox td.mbox-text { /* The message body cell(s) */ | |||
padding: 0.25em 0.5em; /* 0.5em left/right */ | |||
} | } | ||
.ambox td.mbox-image { /* The left image cell */ | |||
padding: 2px 0 2px 0.5em; /* 0.5em left, 0px right */ | |||
} | } | ||
.ambox td.mbox-imageright { /* The right image cell */ | |||
/* | padding: 2px 0.5em 2px 0; /* 0px left, 0.5em right */ | ||
} | } | ||
table. | table.ambox-notice { | ||
border: | border-left: 10px solid #1e90ff; /* Blue notice*/ | ||
} | } | ||
table. | table.ambox-rednotice{ | ||
border: | border-left: 10px solid #e60000; /*Light red notice*/ | ||
} | } | ||
table. | table.ambox-speedy { | ||
border: | border-left: 10px solid #b22222; /* Red */ | ||
background: #fee; /* Pink */ | |||
} | } | ||
table. | table.ambox-delete { | ||
border: | border-left: 10px solid #b22222; /* Red */ | ||
} | |||
table.ambox-content { | |||
border-left: 10px solid #f28500; /* Orange */ | |||
} | } | ||
table. | table.ambox-style { | ||
border: | border-left: 10px solid #f4c430; /* Yellow */ | ||
} | } | ||
table. | table.ambox-move { | ||
border: | border-left: 10px solid #9932cc; /* Purple */ | ||
} | } | ||
table. | table.ambox-protection { | ||
border: | border-left: 10px solid #bba; /* Gray-gold */ | ||
} | } | ||
/* | /* Image message box styles */ | ||
table. | table.imbox { | ||
margin: 4px 10%; | margin: 4px 10%; | ||
border-collapse: collapse; | border-collapse: collapse; | ||
border: | border: 3px solid #1e90ff; /* Default "notice" blue */ | ||
background: # | background: #fbfbfb; | ||
} | } | ||
. | .imbox .mbox-text .imbox { /* For imboxes inside imbox-text cells. */ | ||
margin: | margin: 0 -0.5em; /* 0.9 - 0.5 = 0.4em left/right. */ | ||
} | } | ||
.mbox-inside . | .mbox-inside .imbox { /* For imboxes inside other templates. */ | ||
margin: 4px; | |||
} | } | ||
table. | table.imbox-notice { | ||
border: | border: 3px solid #1e90ff; /* Blue */ | ||
} | |||
table.imbox-speedy { | |||
border: 3px solid #b22222; /* Red */ | |||
background: #fee; /* Pink */ | background: #fee; /* Pink */ | ||
} | } | ||
table. | table.imbox-delete { | ||
border: | border: 3px solid #b22222; /* Red */ | ||
} | } | ||
table. | table.imbox-content { | ||
border: | border: 3px solid #f28500; /* Orange */ | ||
} | |||
table.imbox-style { | |||
border: 3px solid #f4c430; /* Yellow */ | |||
} | |||
table.imbox-move { | |||
border: 3px solid #9932cc; /* Purple */ | |||
} | } | ||
table. | table.imbox-protection { | ||
border: | border: 3px solid #bba; /* Gray-gold */ | ||
} | } | ||
table. | table.imbox-license { | ||
border: | border: 3px solid #88a; /* Dark gray */ | ||
background: #f7f8ff; /* Light gray */ | |||
} | } | ||
table. | table.imbox-featured { | ||
border: 3px solid #cba135; /* Brown-gold */ | |||
border: | |||
} | } | ||
/* | /* Category message box styles */ | ||
table. | table.cmbox { | ||
margin: 3px 10%; | |||
margin: | border-collapse: collapse; | ||
border- | border: 1px solid #aaa; | ||
border | background: #DFE8FF; /* Default "notice" blue */ | ||
background: | |||
} | } | ||
table.cmbox-notice { | |||
table. | background: #D8E8FF; /* Blue */ | ||
background: # | |||
} | } | ||
table. | table.cmbox-speedy { | ||
background: # | margin-top: 4px; | ||
margin-bottom: 4px; | |||
border: 4px solid #b22222; /* Red */ | |||
background: #FFDBDB; /* Pink */ | |||
} | } | ||
table. | table.cmbox-delete { | ||
background: #FFDBDB; /* Red */ | |||
background: # | } | ||
table.cmbox-content { | |||
background: #FFE7CE; /* Orange */ | |||
} | } | ||
table. | table.cmbox-style { | ||
background: | background: #FFF9DB; /* Yellow */ | ||
} | } | ||
table.cmbox-move { | |||
background: #E4D8FF; /* Purple */ | |||
background: # | |||
} | } | ||
table.cmbox-protection { | |||
background: #EFEFE1; /* Gray-gold */ | |||
} | |||
/* Other pages message box styles */ | |||
table.ombox { | |||
margin: 4px 10%; | |||
border: 1px solid #aaa; | border-collapse: collapse; | ||
border: 1px solid #aaa; /* Default "notice" gray */ | |||
background: #f9f9f9; | background: #f9f9f9; | ||
} | } | ||
table.ombox-notice { | |||
border: 1px solid #aaa; /* Gray */ | |||
} | |||
table.ombox-speedy { | |||
border: 2px solid #b22222; /* Red */ | |||
background: #fee; /* Pink */ | |||
} | |||
table.ombox-delete { | |||
border: 2px solid #b22222; /* Red */ | |||
} | |||
table.ombox-content { | |||
border: 1px solid #f28500; /* Orange */ | |||
} | |||
table.ombox-style { | |||
border: 1px solid #f4c430; /* Yellow */ | |||
} | |||
table.ombox-move { | |||
border: 1px solid #9932cc; /* Purple */ | |||
} | } | ||
table.ombox-protection { | |||
border: 2px solid #bba; /* Gray-gold */ | |||
border | |||
} | } | ||
/* Talk page message box styles */ | |||
/* | table.tmbox { | ||
margin: 4px 10%; | |||
border-collapse: collapse; | |||
border: 1px solid #c0c090; /* Default "notice" gray-brown */ | |||
*/ | background: #f8eaba; | ||
. | |||
} | } | ||
. | .mediawiki .mbox-inside .tmbox { /* For tmboxes inside other templates. The "mediawiki" */ | ||
margin: 2px 0; /* class ensures that this declaration overrides other */ | |||
width: 100%; /* For Safari and Opera */ /* styles (including mbox-small above) */ | |||
} | } | ||
. | .mbox-inside .tmbox.mbox-small { /* "small" tmboxes should not be small when */ | ||
line-height: 1.5em; /* also "nested", so reset styles that are */ | |||
font-size: 100%; /* set in "mbox-small" above. */ | |||
font- | |||
} | } | ||
# | table.tmbox-speedy { | ||
border: 2px solid #b22222; /* Red */ | |||
background: #fee; /* Pink */ | |||
} | } | ||
table.tmbox-delete { | |||
border: 2px solid #b22222; /* Red */ | |||
} | } | ||
table.tmbox-content { | |||
border: 2px solid #f28500; /* Orange */ | |||
} | |||
table.tmbox-style { | |||
border: 2px solid #f4c430; /* Yellow */ | |||
. | |||
} | } | ||
table.tmbox-move { | |||
border: 2px solid #9932cc; /* Purple */ | |||
. | |||
} | } | ||
table.tmbox-protection, | |||
table.tmbox-notice { | |||
. | border: 1px solid #c0c090; /* Gray-brown */ | ||
} | } | ||
/* | /* Disambig and set index box styles */ | ||
table.dmbox { | |||
clear: both; | |||
margin: 0; | margin: 0.9em 1em; | ||
border-top: 1px solid #ccc; | |||
border-bottom: 1px solid #ccc; | |||
background: transparent; | |||
} | |||
/* Footer and header message box styles */ | |||
table.fmbox { | |||
clear: both; | |||
margin: 0.2em 0; | |||
width: 100%; | |||
border: 1px solid #aaa; | border: 1px solid #aaa; | ||
background: #f9f9f9; /* Default "system" gray */ | |||
} | } | ||
table.fmbox-system { | |||
background: #f9f9f9; | |||
} | } | ||
table.fmbox-warning { | |||
border: 1px solid #bb7070; /* Dark pink */ | |||
background: #ffdbdb; /* Pink */ | |||
} | } | ||
table.fmbox-editnotice { | |||
background: transparent; | |||
background | |||
} | } | ||
div. | /* Div based "warning" style fmbox messages. */ | ||
div.mw-warning-with-logexcerpt, | |||
div.mw-lag-warn-high, | |||
div.mw-cascadeprotectedwarning { | |||
clear: both; | |||
margin: 0.2em 0; | |||
border: 1px solid #bb7070; | |||
background: #ffdbdb; | |||
padding: 0.25em 0.9em; | |||
} | } | ||
/* Div based "system" style fmbox messages. Used in | |||
[[MediaWiki:Noarticletext]] and [[MediaWiki:Readonly lag]]. */ | |||
div.mw-lag-warn-normal, | |||
div. | div.noarticletext, | ||
div.fmbox-system { | |||
div. | |||
clear: both; | clear: both; | ||
margin: 0.2em 0; | |||
border: 1px solid #aaa; | |||
background: #f9f9f9; | |||
padding: 0.25em 0.9em; | |||
} | } | ||
/* | /* These mbox-small classes must be placed after all other | ||
. | ambox/tmbox/ombox etc classes. "body.mediawiki" is so | ||
they override "table.ambox + table.ambox" above. */ | |||
body.mediawiki table.mbox-small { /* For the "small=yes" option. */ | |||
clear: right; | |||
float: right; | |||
font- | margin: 4px 0 4px 1em; | ||
width: 238px; | |||
font-size: 88%; | |||
line-height: 1.25em; | |||
} | } | ||
. | body.mediawiki table.mbox-small-left { /* For the "small=left" option. */ | ||
. | margin: 4px 1em 4px 0; | ||
font- | width: 238px; | ||
border-collapse: collapse; | |||
font-size: 88%; | |||
line-height: 1.25em; | |||
} | } | ||
/* | |||
. | /* Support for Template:IPA, Template:Unicode and Template:Polytonic. | ||
The second declarations reset the styles for all browsers except | |||
IE6, which chokes on the empty comment tags. Please copy any changes | |||
to [[Template:IPA fonts]] and [[Template:Unicode fonts]]. | |||
*/ | |||
.IPA { | |||
font-family: CharisSILW, "Charis SIL", "Doulos SIL", Gentium, GentiumAlt, | |||
"DejaVu Sans", Code2000, "TITUS Cyberbit Basic", | |||
"Arial Unicode MS", "Lucida Sans Unicode", | |||
"Chrysanthi Unicode"; | |||
font-family /**/: inherit; | |||
} | } | ||
. | .Unicode { | ||
font-family: GentiumPlus, Code2000, Code2001, "Free Serif", "TITUS Cyberbit Basic", | |||
"Doulos SIL", "Chrysanthi Unicode", "Bitstream Cyberbit", | |||
"Bitstream CyberBase", Thryomanes, Gentium, GentiumAlt, | |||
"Lucida Grande", "Free Sans", "Arial Unicode MS", | |||
"Microsoft Sans Serif", "Lucida Sans Unicode"; | |||
font-family /**/: inherit; | |||
} | } | ||
. | .latinx { | ||
font-family: GentiumPlus, Code2000, Code2001, "TITUS Cyberbit Basic", "Microsoft Sans Serif"; | |||
font-family /**/: inherit; | |||
} | |||
.polytonic { | |||
font-family: GentiumPlus, "Athena Unicode", Gentium, "Palatino Linotype", | |||
"Arial Unicode MS", "Lucida Sans Unicode", | |||
"Lucida Grande", Code2000; | |||
font-family /**/: inherit; | |||
} | } | ||
#wpSave { | |||
font-weight: bold; | |||
} | |||
/* | /* class hiddenStructure is defunct. See [[Wikipedia:hiddenStructure]] */ | ||
.hiddenStructure { | |||
display: inline ! important; | |||
color: #f00; | |||
. | background-color: #0f0; | ||
} | |||
/* | /* suppress missing interwiki image links where #ifexist cannot | ||
be used due to high number of requests see .hidden-redlink on | |||
. | http://meta.wikimedia.org/wiki/MediaWiki:Common.css | ||
*/ | |||
. | .check-icon a.new { | ||
display: none; | |||
speak: none; | |||
} | } | ||
. | /* Removes underlines from links */ | ||
.nounderlines a { | |||
text-decoration: none; | |||
} | } | ||
/* | /* Remove underline from IPA links */ | ||
.IPA a:link, .IPA a:visited { | |||
text-decoration: none; | |||
} | |||
. | |||
. | |||
/* | /* Standard Navigationsleisten, aka box hiding thingy | ||
from .de. Documentation at [[Wikipedia:NavFrame]]. */ | |||
div.NavFrame { | |||
margin: 0; | |||
padding: 4px; | |||
border: 1px solid #aaa; | |||
text-align: | text-align: center; | ||
border-collapse: collapse; | |||
font-size: 95%; | |||
} | } | ||
div.NavFrame + div.NavFrame { | |||
border-top-style: none; | |||
border-top-style: hidden; | |||
} | } | ||
div.NavPic { | |||
div. | background-color: #fff; | ||
margin: 0; | |||
padding: 2px; | |||
float: left; | |||
} | } | ||
div.NavFrame div.NavHead { | |||
height: 1.6em; | |||
font-weight: bold; | |||
background-color: #ccf; | |||
position: relative; | |||
background-color: # | |||
} | } | ||
div.NavFrame p { | |||
. | font-size: 100%; | ||
} | } | ||
div.NavFrame div.NavContent { | |||
font-size: 100%; | |||
. | } | ||
div.NavFrame div.NavContent p { | |||
font-size: 100%; | |||
} | } | ||
div.NavEnd { | |||
margin: 0; | |||
padding: 0; | |||
height: | line-height: 1px; | ||
clear: both; | |||
} | } | ||
a.NavToggle { | |||
position: absolute; | |||
top: 0; | |||
right: 3px; | |||
font-weight: normal; | |||
font-size: 90%; | |||
} | } | ||
/* Coloured watchlist numbers */ | |||
.mw-plusminus-pos { color: #006400; } /* dark green */ | |||
.mw-plusminus-neg { color: #8B0000; } /* dark red */ | |||
.rellink, | |||
.dablink { | |||
font-style: italic; | |||
padding-left: 2em; | |||
} | } | ||
.rellink i, | |||
. | .dablink i { | ||
font-style: normal; | |||
} | } | ||
/* | /* Style for horizontal UL lists */ | ||
.horizontal ul { | |||
padding: 0; | |||
margin: 0; | |||
} | |||
.horizontal li { | |||
padding: 0 0.6em 0 0.4em; | |||
display: inline; | |||
border-right: 1px solid; | |||
} | |||
.horizontal li:last-child { | |||
border-right: none; | |||
padding-right: 0; | |||
} | } | ||
/* | /* Allow transcluded pages to display in lists rather than a table. | ||
. | Compatible in Firefox; incompatible in IE6. */ | ||
. | .listify td { display: list-item; } | ||
. | .listify tr { display: block; } | ||
. | .listify table { display: block; } | ||
/* Geographical coordinates defaults. See [[Template:Coord/link]] | |||
/* | for how these are used. The classes "geo", "longitude", and | ||
"latitude" are used by the [[Geo microformat]]. | |||
*/ | |||
. | .geo-default, .geo-dms, .geo-dec { display: inline; } | ||
. | .geo-nondefault, .geo-multi-punct { display: none; } | ||
. | .longitude, .latitude { white-space: nowrap; } | ||
/* When <div class="nonumtoc"> is used on the table of contents, | |||
the ToC will display without numbers */ | |||
. | .nonumtoc .tocnumber { display: none; } | ||
.nonumtoc #toc ul, | |||
.nonumtoc .toc ul { | |||
line-height: 1.5em; | |||
list-style: none; | |||
margin: .3em 0 0; | |||
padding: 0; | |||
} | |||
.nonumtoc #toc ul ul, | |||
.nonumtoc .toc ul ul { | |||
margin: 0 0 0 2em; | |||
} | |||
/* Allow limiting of which header levels are shown in a TOC; | |||
<div class="toclimit-3">, for instance, will limit to | |||
showing ==headings== and ===headings=== but no further | |||
(as long as there are no =headings= on the page, which | |||
there shouldn't be according to the MoS). | |||
*/ | |||
.toclimit-2 .toclevel-2, | |||
.toclimit-3 .toclevel-3, | |||
.toclimit-4 .toclevel-4, | |||
.toclimit-5 .toclevel-5, | |||
.toclimit-6 .toclevel-6, | |||
.toclimit-7 .toclevel-7 { display: none; } | |||
/* | /* Styling for Template:Quote */ | ||
blockquote.templatequote { | |||
margin-top: 0; | |||
} | |||
blockquote.templatequote div.templatequotecite { | |||
line-height: 1em; | |||
text-align: left; | |||
padding-left: 2em; | |||
margin-top: 0; | |||
} | |||
blockquote.templatequote div.templatequotecite cite { | |||
font-size: 85%; | |||
} | |||
div.user-block { | |||
padding: 5px; | |||
border: 1px solid #A9A9A9; | |||
background-color: #FFEFD5; | |||
} | |||
/* | /* Prevent line breaks in silly places where desired (nowrap) | ||
and links when we don't want them to (nowraplinks a) */ | |||
.nowrap, | |||
.nowraplinks a { | |||
white-space: nowrap; | |||
} | |||
/* | /* But allow wrapping where desired: */ | ||
.wrap, | |||
.wraplinks a { | |||
white-space: normal; | |||
} | |||
/* | /* Prevent line breaks in silly places: | ||
1) links when we don't want them to | |||
2) HTML formulae | |||
. | 3) Ref tags with group names <ref group="Note"> --> "[Note 1]" | ||
. | */ | ||
. | .nowraplinks a, | ||
span.texhtml, | |||
sup.reference a { white-space: nowrap; } | |||
. | |||
/* For template documentation */ | |||
.template-documentation { | |||
clear: both; | |||
margin: 1em 0 0 0; | |||
border: 1px solid #aaa; | |||
background-color: #ecfcf4; | |||
padding: 5px; | |||
} | } | ||
. | .thumbinner { | ||
min-width: 100px; | |||
} | } | ||
. | /* Inline divs in ImageMaps (code borrowed from de.wiki) */ | ||
.imagemap-inline div { | |||
display: inline; | |||
} | } | ||
/* | /* Increase the height of the image upload box */ | ||
#wpUploadDescription { | |||
height: 13em; | |||
} | |||
/* Reduce line-height for <sup> and <sub> */ | |||
sup, sub { | |||
line-height: 1em; | |||
} | } | ||
# | |||
/* The backgrounds for galleries. */ | |||
#content .gallerybox div.thumb { | |||
background-color: #F9F9F9; /* Light gray padding */ | |||
} | } | ||
/* Put a chequered background behind images, only visible if they have transparency */ | |||
#wigonav-button- | .gallerybox .thumb img, | ||
background-position: - | #file img { | ||
} | background: white url("http://upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png") repeat; | ||
} | |||
#wigonav-button- | /* But no chequered background on articles, user pages or portals. */ | ||
background-position: -100px 0; | .ns-0 .gallerybox .thumb img, | ||
} | .ns-2 .gallerybox .thumb img, | ||
.ns-100 .gallerybox .thumb img { | |||
#wigonav-button- | background: white; | ||
background-position: -400px 0; | } | ||
} | |||
/* Prevent floating boxes from overlapping any category listings, | |||
#wigonav-button- | file histories, edit previews, and edit [Show changes] views */ | ||
background-position: 0 0; | #mw-subcategories, #mw-pages, #mw-category-media, | ||
} | #filehistory, #wikiPreview, #wikiDiff { | ||
clear: both; | |||
#wigonav-button- | } | ||
background-position: - | |||
/* Selectively hide headers in WikiProject banners */ | |||
.wpb .wpb-header { display: none; } | |||
.wpbs-inner .wpb .wpb-header { display: block; } /* for IE */ | |||
.wpbs-inner .wpb .wpb-header { display: table-row; } /* for real browsers */ | |||
.wpbs-inner .wpb-outside { display: none; } /* hide things that should only display outside shells */ | |||
/**********/ | |||
/* portal */ | |||
/**********/ | |||
.portal_container { } | |||
.portal_section ul { list-style: disc; } | |||
.portal_section { border: 2px solid rgb(0,0,0); margin: 0 0 10px 0; background: transparent; background-image: -moz-linear-gradient(top, rgba(149,213,255, 0.1) 0, rgba(0,26,43,0.4) 100%); -moz-border-radius: 1em; -moz-box-shadow:0px 0px 4px rgba(240,248,255,0.5); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0, rgba(149,213,255, 0.1)), color-stop(100%, rgba(0,26,43,0.4))); -webkit-border-radius: 1em; -webkit-box-shadow: 0px 0px 4px rgba(240,248,255,0.5); border-radius: 1em; box-shadow: 0px 0px 4px rgba(240,248,255,0.5); } | |||
.portal_header { padding: 0 1em; position: relative; } | |||
.portal_header_text { display: table; width: 100%; padding: 0.6em 0 0 0; border-bottom: 1px dotted rgb(240,248,255); text-align: center; font-family: IMFELLDWPicaPRORegular; font-size: 2em; } | |||
.portal_headerlinks { font-size: 0.8em; position: absolute; right: 1em; bottom: -2em; } | |||
.portal_header, .portal_header a:link, .portal_header a:visited, .portal_header a:hover, .portal_header a:active { color: rgb(240,248,255) !important; } | |||
.portal_body { padding: 0.8em; } | |||
.portal_subheader { padding: 0 1em; position: relative; font-size: 0.9em; } | |||
.portal_subheader, .portal_subheader a:link, .portal_subheader a:visited, .portal_subheader a:hover, .portal_subheader a:active { color: rgb(240,248,255) !important; } | |||
.portal_subheader_text { display: table; width: 100%; padding: 0.4em 0 0 0; border-bottom: 1px dotted rgb(240,248,255); text-align: left; font-family: IMFELLDWPicaPRORegular; font-size: 1.8em; color: rgb(240,248,255) ; } | |||
/******************/ | |||
/* portal: slider */ | |||
/******************/ | |||
#portal_slider { margin: 0px; padding: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; position: relative; height: 500px; } | |||
#portal_slider #portal_next, #portal_slider #portal_prev { text-align: center; cursor: pointer; border: 0px solid #FEC356; height: 30px !important; width: 20px; font-family: arial, san-serif; font-size: 36px; line-height: 22px; font-weight: bold; cursor: pointer; position: absolute; bottom: 8px; background: transparent; -moz-box-shadow: inset 1px 1px 2px rgba(255,255,255, 0.8); -webkit-box-shadow: inset 1px 1px 2px rgba(255,255,255, 0.8); box-shadow: inset 1px 1px 2px rgba(255,255,255, 0.8); background-image: -moz-linear-gradient(bottom, rgb(0,128,170) 0, rgb(85,213,255) 100%); background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, color-stop(0, rgb(0,128,170)), color-stop(100%, rgb(85,213,255))); text-shadow: 1px 1px rgba(255, 255, 255, 0.3), -1px 0 rgba(0,0,0,0.3); color: rgb(0, 143, 191); -moz-user-select: none; -webkit-user-select: none; user-select: none; } | |||
#portal_slider #portal_next:hover, #portal_slider #portal_prev:hover { background-image: -moz-linear-gradient(bottom, rgb(0,175,234) 0, rgb(149,228,255) 100%); background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, color-stop(0, rgb(0,175,234)), color-stop(100%, rgb(149,228,255))); color: rgb(0,175,234); } | |||
#portal_slider #portal_next { right: 10px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; -webkit-border-top-right-radius: 8px; -webkit-border-bottom-right-radiust: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; } | |||
#portal_slider #portal_prev { right: 31px; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomleft: 8px; -webkit-border-top-left-radius: 8px; -webkit-border-bottom-left-radius: 8px; border-top-left-radius: 8px; border-bottom-left-radius: 8px; } | |||
#portal_slider > .portal_body { padding: 0; } | |||
/*******************/ | |||
/* portal: content */ | |||
/*******************/ | |||
#portal_content { font-size: 0.9em; line-height: 1.7em; } | |||
#portal_content .portal_body > table { height: 400px; } | |||
#portal_content ul { list-style: disc outside; } | |||
#portal_content ul ul { margin-left: 1em; } | |||
/****************/ | |||
/* portal: news */ | |||
/****************/ | |||
#portal_news .WikiaBlogListingBox, #portal_news ul, .CommunityCornerModule .WikiaBlogListingBox { font-size: 100%; width: auto; float: none; clear: none; border: 0; padding: 0; background: transparent; } | |||
#portal_news .WikiaBlogListingBox h3, #portal_news .wikia-button, .CommunityCornerModule .WikiaBlogListingBox h3 { display: none; } | |||
#portal_news .WikiaBlogListingBox ul li { border-top: 0px !important; border-bottom: 1px dotted rgb(240,248,255) !important; list-style-type: none;} /* override the default border #portal_news colors */ | |||
.WikiaBlogListingBox ul li:first-child { border: none !important; } /* override the override */ | |||
/******************/ | |||
/* portal: forums */ | |||
/******************/ | |||
#portal_forums .forum_title { } | |||
#portal_forums .forum_edited { text-align: right; } | |||
/*******************/ | |||
/* portal: twitter */ | |||
/*******************/ | |||
#portal_twitter ul li { border-top: 0px !important; border-bottom: 1px dotted rgb(240,248,255) !important; padding: 0.2em 0; list-style: none; } /* change it from a bulleted list into a unbulleted list */ | |||
#portal_twitter ul { margin-left: 0em !important; } | |||
/*********************************/ | |||
/* main page jquery tabs/sliders */ | |||
/*********************************/ | |||
.ui-tabs { position: relative; padding: .2em; zoom: 1; } | |||
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } | |||
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; } | |||
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; } | |||
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; } | |||
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } | |||
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } | |||
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 0; background: none; } | |||
.ui-tabs .ui-tabs-hide { display: none !important; } | |||
.ui-tabs-hide { display: none !important; } | |||
/**********************/ | |||
/**Portal definitons */ | |||
/**********************/ | |||
.portal_sliderlink_1, .portal_sliderlink_2, .portal_sliderlink_3, .portal_sliderlink_4, .portal_sliderlink_6, .portal_sliderlink_5, .portal_sliderlink_6, .portal_sliderlink_7 { | |||
border: 1px solid #f9f9f9; | |||
} | |||
.portal_sliderlink_1:hover, .portal_sliderlink_2:hover, .portal_sliderlink_3:hover, .portal_sliderlink_4:hover, .portal_sliderlink_6:hover, .portal_sliderlink_5:hover, .portal_sliderlink_6:hover, .portal_sliderlink_7:hover { | |||
border: 1.4px solid #8CB2FF; | |||
} | |||
.use-with-mention { | |||
font-style: italic; | |||
} | |||
/*Template:WIGO NAV*/ | |||
.wigonav-button a, .wigonav-button strong { | |||
background-image:url('https://linguifex.com/w/images/4/42/Welcome.png'); | |||
background-repeat: no-repeat; | |||
background-attachment: scroll; | |||
padding-top:90px; | |||
width:100px; | |||
display:block; | |||
margin:auto; | |||
} | |||
#wigonav-button-logo a { | |||
background-position: 0 0; | |||
} | |||
#wigonav-button-logo a:hover, #wigonav-button-logo strong { | |||
background-position: -600px 0; | |||
} | |||
#wigonav-button-languages a { | |||
background-position: -100px 0; | |||
} | |||
#wigonav-button-languages a:hover, #wigonav-button-languages strong { | |||
background-position: -700px 0; | |||
} | |||
#wigonav-button-featured a { | |||
background-position: -200px 0; | |||
} | |||
#wigonav-button-featured a:hover, #wigonav-button-featured strong { | |||
background-position: -800px 0; | |||
} | |||
#wigonav-button-forum a { | |||
background-position: -300px 0; | |||
} | |||
#wigonav-button-forum a:hover, #wigonav-button-forum strong { | |||
background-position: -900px 0; | |||
} | |||
#wigonav-button-contionary a { | |||
background-position: -400px 0; | |||
} | |||
#wigonav-button-contionary a:hover, #wigonav-button-contionary strong { | |||
background-position: -1000px 0; | |||
} | |||
#wigonav-button-library a { | |||
background-position: -500px 0; | |||
} | |||
#wigonav-button-library a:hover, #wigonav-button-library strong { | |||
background-position: -1100px 0; | |||
} | |||
/*WIGO*/ | |||
/*Spacing between wigo buttons*/ | |||
.wigobutton { | |||
padding: 0; | |||
} | |||
/*wigo button effects*/ | |||
.wigobutton img { | |||
background-color: transparent; | |||
border: 1px transparent solid; | |||
} | |||
.wigobutton img:hover { | |||
background: PaleTurquoise; | |||
border: 1px solid grey; | |||
margin: 0; | |||
-moz-border-radius:2px; | |||
-webkit-border-radius:2px; | |||
border-radius:2px; | |||
-o-box-shadow: 0px 0px 2px #888; | |||
-icab-box-shadow: 0px 0px 2px #888; | |||
-khtml-box-shadow: 0px 0px 2px #888; | |||
-moz-box-shadow: 0px 0px 2px #888; | |||
-webkit-box-shadow: 0px 0px 2px #888; | |||
box-shadow: 0px 0px 2px #888; | |||
} | |||
.wigobutton img:active { | |||
background: LightGrey; | |||
border: 1px inset grey; | |||
margin: 0; | |||
-moz-border-radius:2px; | |||
-webkit-border-radius:2px; | |||
border-radius:2px; | |||
} | } | ||
/* make the Cite extension list of references look smaller and highlight clicked reference in blue */ | |||
ol.references { font-size: 90%; } | |||
} | ol.references li:target { background-color: #ddeeff; } | ||
sup.reference:target { background-color: #ddeeff; } | |||
/* Used by column templates (see [[Module:columns]]). */ | |||
.ul-column-count[data-column-count="2"] ul { | |||
-moz-column-count: 2; -webkit-column-count: 2; -ms-column-count: 2; column-count: 2; | |||
} | } | ||
.ul-column-count[data-column-count="3"] ul { | |||
-moz-column-count: 3; -webkit-column-count: 3; -ms-column-count: 3; column-count: 3; | |||
} | } | ||
.ul-column-count[data-column-count="4"] ul { | |||
-moz-column-count: 4; -webkit-column-count: 4; -ms-column-count: 4; column-count: 4; | |||
} | } | ||
.ul-column-count[data-column-count="5"] ul { | |||
-moz-column-count: 5; -webkit-column-count: 5; -ms-column-count: 5; column-count: 5; | |||
} | } | ||
. | /* formats derived terms */ | ||
.derivedterms { background: #F8F8FF; } | |||
} | |||
. | .derivedterms .CategoryTreeChildren { column-count: 3; -moz-column-count: 3; -webkit-column-count: 3; } | ||
} | |||