MediaWiki:Common.css: Difference between revisions
m (Protected "MediaWiki:Common.css": MediaWiki core page ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite))) |
(imported from frontierpedia v5) |
||
Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
.mainpage_row { | |||
display: flex; | |||
flex-direction: row; | |||
flex-flow: row wrap; | |||
justify-content: space-between; | |||
padding: 0; | |||
margin: 0 -5px 0 -5px; | |||
} | |||
.mainpage_box { | |||
flex: 1; | |||
margin: 5px; | |||
min-width: 210px; | |||
border: 1px solid #CCC; | |||
padding: 0 10px 10px 10px; | |||
box-shadow: 0 2px 2px rgba(0,0,0,0.1); | |||
} | |||
.mainpage_box h3 { | |||
/* Reset padding so is equal across skins */ | |||
padding-right: 0; | |||
padding-top: 0; | |||
padding-bottom: 0; | |||
/* Padding left gets overridden by headanchor gadget */ | |||
margin: 0.5em 0; | |||
} | |||
/* Set padding left only if headanchor gadget is not enabled */ | |||
.mainpage_box h3:not(.tpl-vheadanchor-heading) { | |||
padding-left: 0; | |||
} | |||
.mainpage_box h3 .header_icon { | |||
float: left; | |||
margin-right: 5px; | |||
} | |||
.mainpage_box .items { | |||
border-top: 1px solid #CCC; | |||
padding-top: 0.5em; | |||
} | |||
.mainpage_box p:last-child { | |||
margin-bottom: 0; | |||
} | |||
.mainpage_boxcontents_small { | |||
font-size: 95%; | |||
} | |||
img.userlink-avatar { | |||
margin-left: 0.2em; | |||
margin-right: 0.2em; | |||
width: 1.5em; | |||
border-radius: 15%; | |||
margin-top: -0.2em; | |||
} | |||
.contributionscores-wrapper { | |||
} | |||
.contributionscores-title { | |||
background-color: #aaa; | |||
margin-bottom: 0px; | |||
padding-left: .4em; | |||
} | |||
.contributionscores .header { | |||
background-color: #ccc; | |||
border-bottom: 1px solid #999; | |||
font-weight: bold; | |||
} | |||
.contributionscores .odd { | |||
background-color: #eee; | |||
} | |||
.contributionscores .header td { | |||
padding-left: .2em; | |||
padding-right: .2em; | |||
} | |||
.contributionscores .content { | |||
padding-left: .2em; | |||
padding-right: .2em; | |||
} | |||
/* Infobox template style */ | |||
.infobox { | |||
border: 1px solid #a2a9b1; | |||
border-spacing: 3px; | |||
background-color: #f8f9fa; | |||
color: black; | |||
/* @noflip */ | |||
margin: 0.5em 0 0.5em 1em; | |||
padding: 0.2em; | |||
/* @noflip */ | |||
float: right; | |||
/* @noflip */ | |||
clear: right; | |||
font-size: 88%; | |||
line-height: 1.5em; | |||
width: 22em; | |||
} | |||
/* not strictly certain these styles are necessary | |||
* just replicating the module faithfully | |||
*/ | |||
.infobox-subbox { | |||
padding: 0; | |||
border: none; | |||
margin: -3px; | |||
width: auto; | |||
min-width: 100%; | |||
font-size: 100%; | |||
clear: none; | |||
float: none; | |||
background-color: transparent; | |||
} | |||
.infobox-header, | |||
.infobox-label, | |||
.infobox-above, | |||
.infobox-full-data, | |||
.infobox-data, | |||
.infobox-below, | |||
.infobox-subheader, | |||
.infobox-image, | |||
.infobox-navbar, | |||
/* Remove element declaration when both a) infobox3cols is migrated and | |||
* b) when every .infobox thing is using the standard module/templates */ | |||
.infobox th, | |||
.infobox td { | |||
vertical-align: top; | |||
} | |||
.infobox-label, | |||
.infobox-data, | |||
/* Remove element declaration when both a) infobox3cols is migrated and | |||
* b) when every .infobox thing is using the standard module/templates */ | |||
.infobox th, | |||
.infobox td { | |||
/* @noflip */ | |||
text-align: left; | |||
} | |||
/* remove .infobox when th, td above are removed */ | |||
.infobox .infobox-above, | |||
.infobox .infobox-title, | |||
/* Remove element declaration when both a) infobox3cols is migrated and | |||
* b) when every .infobox thing is using the standard module/templates */ | |||
.infobox caption { | |||
font-size: 125%; | |||
font-weight: bold; | |||
text-align: center; | |||
} | |||
.infobox-title, | |||
/* Remove element declaration when both a) infobox3cols is migrated and | |||
* b) when every .infobox thing is using the standard module/templates */ | |||
.infobox caption { | |||
padding: 0.2em; | |||
} | |||
/* remove .infobox when th, td above are removed */ | |||
.infobox .infobox-header, | |||
.infobox .infobox-subheader, | |||
.infobox .infobox-image, | |||
.infobox .infobox-full-data, | |||
.infobox .infobox-below { | |||
text-align: center; | |||
} | |||
/* remove .infobox when th, td above are removed */ | |||
.infobox .infobox-navbar { | |||
/* @noflip */ | |||
text-align: right; | |||
} | |||
.infobox.bordered { | |||
border-collapse: collapse; | |||
} | |||
/* TODO split definitions to appropriate class names when live from HTML element */ | |||
.infobox.bordered td, | |||
.infobox.bordered th { | |||
border: 1px solid #a2a9b1; | |||
} | |||
/* TODO split definitions to appropriate class names when live from HTML element */ | |||
.infobox.bordered .borderless td, | |||
.infobox.bordered .borderless th { | |||
border: 0; | |||
} | |||
/* styles for bordered infobox with merged rows */ | |||
/* TODO split definitions to appropriate class names when live from HTML element */ | |||
.infobox.bordered .mergedtoprow td, | |||
.infobox.bordered .mergedtoprow th { | |||
border: 0; | |||
border-top: 1px solid #a2a9b1; | |||
/* @noflip */ | |||
border-right: 1px solid #a2a9b1; | |||
} | |||
/* TODO split definitions to appropriate class names when live from HTML element */ | |||
.infobox.bordered .mergedrow td, | |||
.infobox.bordered .mergedrow th { | |||
border: 0; | |||
/* @noflip */ | |||
border-right: 1px solid #a2a9b1; | |||
} | |||
/* Styles for geography infoboxes, eg countries, | |||
country subdivisions, cities, etc. */ | |||
.infobox.geography { | |||
border-collapse: collapse; | |||
line-height: 1.2em; | |||
font-size: 90%; | |||
} | |||
/* TODO split definitions to appropriate class names when live from HTML element */ | |||
.infobox.geography td, | |||
.infobox.geography th { | |||
border-top: 1px solid #a2a9b1; | |||
padding: 0.4em 0.6em 0.4em 0.6em; | |||
} | |||
/* TODO split definitions to appropriate class names when live from HTML element */ | |||
.infobox.geography .mergedtoprow td, | |||
.infobox.geography .mergedtoprow th { | |||
border-top: 1px solid #a2a9b1; | |||
padding: 0.4em 0.6em 0.2em 0.6em; | |||
} | |||
/* TODO split definitions to appropriate class names when live from HTML element */ | |||
.infobox.geography .mergedrow td, | |||
.infobox.geography .mergedrow th { | |||
border: 0; | |||
padding: 0 0.6em 0.2em 0.6em; | |||
} | |||
/* TODO split definitions to appropriate class names when live from HTML element */ | |||
.infobox.geography .mergedbottomrow td, | |||
.infobox.geography .mergedbottomrow th { | |||
border-top: 0; | |||
border-bottom: 1px solid #a2a9b1; | |||
padding: 0 0.6em 0.4em 0.6em; | |||
} | |||
/* TODO split definitions to appropriate class names when live from HTML element */ | |||
.infobox.geography .maptable td, | |||
.infobox.geography .maptable th { | |||
border: 0; | |||
padding: 0; | |||
} | |||
/* Normal font styling for wikitable row headers with scope="row" tag */ | |||
.wikitable.plainrowheaders th[scope=row] { | |||
font-weight: normal; | |||
/* @noflip */ | |||
text-align: left; | |||
} | |||
/* Lists in wikitable data cells are always left-aligned */ | |||
.wikitable td ul, | |||
.wikitable td ol, | |||
.wikitable td dl { | |||
/* @noflip */ | |||
text-align: left; | |||
} | |||
/* ...unless they also use the hlist class */ | |||
.toc.hlist ul, | |||
#toc.hlist ul, | |||
.wikitable.hlist td ul, | |||
.wikitable.hlist td ol, | |||
.wikitable.hlist td dl { | |||
text-align: inherit; | |||
} | |||
/* Fix for hieroglyphs specificity issue in infoboxes ([[phab:T43869]]) */ | |||
table.mw-hiero-table td { | |||
vertical-align: middle; | |||
} | |||
/* Change the external link icon to an Adobe icon for all PDF files */ | |||
.mw-parser-output a[href$=".pdf"].external, | |||
.mw-parser-output a[href*=".pdf?"].external, | |||
.mw-parser-output a[href*=".pdf#"].external, | |||
.mw-parser-output a[href$=".PDF"].external, | |||
.mw-parser-output a[href*=".PDF?"].external, | |||
.mw-parser-output a[href*=".PDF#"].external { | |||
background: url("//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif") no-repeat right; | |||
/* @noflip */ | |||
padding-right: 18px; | |||
} | |||
/* Messagebox templates */ | |||
.messagebox { | |||
border: 1px solid #a2a9b1; | |||
background-color: #f8f9fa; | |||
width: 80%; | |||
margin: 0 auto 1em auto; | |||
padding: .2em; | |||
} | |||
.messagebox.merge { | |||
border: 1px solid #c0b8cc; | |||
background-color: #f0e5ff; | |||
text-align: center; | |||
} | |||
.messagebox.cleanup { | |||
border: 1px solid #9f9fff; | |||
background-color: #efefff; | |||
text-align: center; | |||
} | |||
.messagebox.standard-talk { | |||
border: 1px solid #c0c090; | |||
background-color: #f8eaba; | |||
margin: 4px auto; | |||
} | |||
/* For old WikiProject banners inside banner shells. */ | |||
.mbox-inside .standard-talk { | |||
border: 1px solid #c0c090; | |||
background-color: #f8eaba; | |||
width: 100%; | |||
margin: 2px 0; | |||
padding: 2px; | |||
} | |||
.messagebox.small { | |||
width: 238px; | |||
font-size: 85%; | |||
/* @noflip */ | |||
float: right; | |||
clear: both; | |||
/* @noflip */ | |||
margin: 0 0 1em 1em; | |||
line-height: 1.25em; | |||
} | |||
.messagebox.small-talk { | |||
width: 238px; | |||
font-size: 85%; | |||
/* @noflip */ | |||
float: right; | |||
clear: both; | |||
/* @noflip */ | |||
margin: 0 0 1em 1em; | |||
line-height: 1.25em; | |||
background-color: #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: none; | |||
/* @noflip */ | |||
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; | |||
/* @noflip */ | |||
padding: 2px 0 2px 0.9em; /* 0.9em left, 0px right */ | |||
text-align: center; | |||
} | |||
td.mbox-imageright { /* The right image cell */ | |||
border: none; | |||
/* @noflip */ | |||
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: 0; | |||
width: 1px; | |||
} | |||
/* Article message box styles */ | |||
table.ambox { | |||
margin: 0 10%; /* 10% = Will not overlap with other elements */ | |||
border: 1px solid #a2a9b1; | |||
/* @noflip */ | |||
border-left: 10px solid #36c; /* Default "notice" blue */ | |||
background-color: #fbfbfb; | |||
box-sizing: border-box; | |||
} | |||
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 */ | |||
/* @noflip */ | |||
padding: 2px 0 2px 0.5em; /* 0.5em left, 0px right */ | |||
} | |||
.ambox td.mbox-imageright { /* The right image cell */ | |||
/* @noflip */ | |||
padding: 2px 0.5em 2px 0; /* 0px left, 0.5em right */ | |||
} | |||
table.ambox-notice { | |||
/* @noflip */ | |||
border-left: 10px solid #36c; /* Blue */ | |||
} | |||
table.ambox-speedy { | |||
/* @noflip */ | |||
border-left: 10px solid #b32424; /* Red */ | |||
background-color: #fee7e6; /* Pink */ | |||
} | |||
table.ambox-delete { | |||
/* @noflip */ | |||
border-left: 10px solid #b32424; /* Red */ | |||
} | |||
table.ambox-content { | |||
/* @noflip */ | |||
border-left: 10px solid #f28500; /* Orange */ | |||
} | |||
table.ambox-style { | |||
/* @noflip */ | |||
border-left: 10px solid #fc3; /* Yellow */ | |||
} | |||
table.ambox-move { | |||
/* @noflip */ | |||
border-left: 10px solid #9932cc; /* Purple */ | |||
} | |||
table.ambox-protection { | |||
/* @noflip */ | |||
border-left: 10px solid #a2a9b1; /* Gray-gold */ | |||
} | |||
/* Image message box styles */ | |||
table.imbox { | |||
margin: 4px 10%; | |||
border-collapse: collapse; | |||
border: 3px solid #36c; /* Default "notice" blue */ | |||
background-color: #fbfbfb; | |||
box-sizing: border-box; | |||
} | |||
.imbox .mbox-text .imbox { /* For imboxes inside imbox-text cells. */ | |||
margin: 0 -0.5em; /* 0.9 - 0.5 = 0.4em left/right. */ | |||
display: block; /* Fix for webkit to force 100% width. */ | |||
} | |||
.mbox-inside .imbox { /* For imboxes inside other templates. */ | |||
margin: 4px; | |||
} | |||
table.imbox-notice { | |||
border: 3px solid #36c; /* Blue */ | |||
} | |||
table.imbox-speedy { | |||
border: 3px solid #b32424; /* Red */ | |||
background-color: #fee7e6; /* Pink */ | |||
} | |||
table.imbox-delete { | |||
border: 3px solid #b32424; /* Red */ | |||
} | |||
table.imbox-content { | |||
border: 3px solid #f28500; /* Orange */ | |||
} | |||
table.imbox-style { | |||
border: 3px solid #fc3; /* Yellow */ | |||
} | |||
table.imbox-move { | |||
border: 3px solid #9932cc; /* Purple */ | |||
} | |||
table.imbox-protection { | |||
border: 3px solid #a2a9b1; /* Gray-gold */ | |||
} | |||
table.imbox-license { | |||
border: 3px solid #88a; /* Dark gray */ | |||
background-color: #f7f8ff; /* Light gray */ | |||
} | |||
table.imbox-featured { | |||
border: 3px solid #cba135; /* Brown-gold */ | |||
} | |||
/* Category message box styles */ | |||
table.cmbox { | |||
margin: 3px 10%; | |||
border-collapse: collapse; | |||
border: 1px solid #a2a9b1; | |||
background-color: #dfe8ff; /* Default "notice" blue */ | |||
box-sizing: border-box; | |||
} | |||
table.cmbox-notice { | |||
background-color: #d8e8ff; /* Blue */ | |||
} | |||
table.cmbox-speedy { | |||
margin-top: 4px; | |||
margin-bottom: 4px; | |||
border: 4px solid #b32424; /* Red */ | |||
background-color: #ffdbdb; /* Pink */ | |||
} | |||
table.cmbox-delete { | |||
background-color: #ffdbdb; /* Pink */ | |||
} | |||
table.cmbox-content { | |||
background-color: #ffe7ce; /* Orange */ | |||
} | |||
table.cmbox-style { | |||
background-color: #fff9db; /* Yellow */ | |||
} | |||
table.cmbox-move { | |||
background-color: #e4d8ff; /* Purple */ | |||
} | |||
table.cmbox-protection { | |||
background-color: #efefe1; /* Gray-gold */ | |||
} | |||
/* Other pages message box styles */ | |||
table.ombox { | |||
margin: 4px 10%; | |||
border-collapse: collapse; | |||
border: 1px solid #a2a9b1; /* Default "notice" gray */ | |||
background-color: #f8f9fa; | |||
box-sizing: border-box; | |||
} | |||
table.ombox-notice { | |||
border: 1px solid #a2a9b1; /* Gray */ | |||
} | |||
table.ombox-speedy { | |||
border: 2px solid #b32424; /* Red */ | |||
background-color: #fee7e6; /* Pink */ | |||
} | |||
table.ombox-delete { | |||
border: 2px solid #b32424; /* Red */ | |||
} | |||
table.ombox-content { | |||
border: 1px solid #f28500; /* Orange */ | |||
} | |||
table.ombox-style { | |||
border: 1px solid #fc3; /* Yellow */ | |||
} | |||
table.ombox-move { | |||
border: 1px solid #9932cc; /* Purple */ | |||
} | |||
table.ombox-protection { | |||
border: 2px solid #a2a9b1; /* Gray-gold */ | |||
} | |||
/* Talk page message box styles */ | |||
table.tmbox { | |||
margin: 4px 10%; | |||
border-collapse: collapse; | |||
border: 1px solid #c0c090; /* Default "notice" gray-brown */ | |||
background-color: #f8eaba; | |||
min-width: 80%; | |||
box-sizing: border-box; | |||
} | |||
.tmbox.mbox-small { | |||
min-width: 0; /* reset the min-width of tmbox above */ | |||
} | |||
.mediawiki .mbox-inside .tmbox { /* For tmboxes inside other templates. The "mediawiki" class ensures that */ | |||
margin: 2px 0; /* this declaration overrides other styles (including mbox-small above) */ | |||
width: 100%; /* For Safari and Opera */ | |||
} | |||
.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. */ | |||
} | |||
table.tmbox-speedy { | |||
border: 2px solid #b32424; /* Red */ | |||
background-color: #fee7e6; /* Pink */ | |||
} | |||
table.tmbox-delete { | |||
border: 2px solid #b32424; /* Red */ | |||
} | |||
table.tmbox-content { | |||
border: 2px solid #f28500; /* Orange */ | |||
} | |||
table.tmbox-style { | |||
border: 2px solid #fc3; /* Yellow */ | |||
} | |||
table.tmbox-move { | |||
border: 2px solid #9932cc; /* Purple */ | |||
} | |||
table.tmbox-protection, | |||
table.tmbox-notice { | |||
border: 1px solid #c0c090; /* Gray-brown */ | |||
} | |||
/* Footer and header message box styles */ | |||
table.fmbox { | |||
clear: both; | |||
margin: 0.2em 0; | |||
width: 100%; | |||
border: 1px solid #a2a9b1; | |||
background-color: #f8f9fa; /* Default "system" gray */ | |||
box-sizing: border-box; | |||
} | |||
table.fmbox-system { | |||
background-color: #f8f9fa; | |||
} | |||
table.fmbox-warning { | |||
border: 1px solid #bb7070; /* Dark pink */ | |||
background-color: #ffdbdb; /* Pink */ | |||
} | |||
table.fmbox-editnotice { | |||
background-color: transparent; | |||
} | |||
/* Div based "warning" style fmbox messages. */ | |||
div.mw-warning-with-logexcerpt, | |||
div.mw-lag-warn-high, | |||
div.mw-cascadeprotectedwarning, | |||
div#mw-protect-cascadeon, | |||
div.titleblacklist-warning, | |||
div.locked-warning { | |||
clear: both; | |||
margin: 0.2em 0; | |||
border: 1px solid #bb7070; | |||
background-color: #ffdbdb; | |||
padding: 0.25em 0.9em; | |||
box-sizing: border-box; | |||
} | |||
/* Use default color for partial block fmbox banner per [[Special:PermaLink/1028105567#pblock-style]] */ | |||
.mw-contributions-blocked-notice-partial .mw-warning-with-logexcerpt {border-color:#fc3;background-color:#fef6e7;} | |||
/* These mbox-small classes must be placed after all other | |||
ambox/tmbox/ombox etc classes. "html body.mediawiki" is so | |||
they override "table.ambox + table.ambox" above. */ | |||
html body.mediawiki .mbox-small { /* For the "small=yes" option. */ | |||
/* @noflip */ | |||
clear: right; | |||
/* @noflip */ | |||
float: right; | |||
/* @noflip */ | |||
margin: 4px 0 4px 1em; | |||
box-sizing: border-box; | |||
width: 238px; | |||
font-size: 88%; | |||
line-height: 1.25em; | |||
} | |||
html body.mediawiki .mbox-small-left { /* For the "small=left" option. */ | |||
/* @noflip */ | |||
margin: 4px 1em 4px 0; | |||
box-sizing: border-box; | |||
overflow: hidden; | |||
width: 238px; | |||
border-collapse: collapse; | |||
font-size: 88%; | |||
line-height: 1.25em; | |||
} | |||
/* Style for compact ambox */ | |||
/* Hide the images */ | |||
.compact-ambox table .mbox-image, | |||
.compact-ambox table .mbox-imageright, | |||
.compact-ambox table .mbox-empty-cell { | |||
display: none; | |||
} | |||
/* Remove borders, backgrounds, padding, etc. */ | |||
.compact-ambox table.ambox { | |||
border: none; | |||
border-collapse: collapse; | |||
background-color: transparent; | |||
margin: 0 0 0 1.6em !important; | |||
padding: 0 !important; | |||
width: auto; | |||
display: block; | |||
} | |||
body.mediawiki .compact-ambox table.mbox-small-left { | |||
font-size: 100%; | |||
width: auto; | |||
margin: 0; | |||
} | |||
/* Style the text cell as a list item and remove its padding */ | |||
.compact-ambox table .mbox-text { | |||
padding: 0 !important; | |||
margin: 0 !important; | |||
} | |||
.compact-ambox table .mbox-text-span { | |||
display: list-item; | |||
line-height: 1.5em; | |||
list-style-type: square; | |||
list-style-image: url(/w/skins/MonoBook/resources/images/bullet.svg); | |||
} | |||
/* Allow for hiding text in compact form */ | |||
.compact-ambox .hide-when-compact { | |||
display: none; | |||
} | |||
/* Remove underlines from certain links */ | |||
.nounderlines a, | |||
.IPA a:link, | |||
.IPA a:visited { | |||
text-decoration: none !important; | |||
} | |||
/* [[Wikipedia:NavFrame]]. | |||
Entirely deprecated. Slated for removal. | |||
Use mw-collapsible. */ | |||
div.NavFrame { | |||
padding: 4px; | |||
border: 1px solid #a2a9b1; | |||
text-align: center; | |||
font-size: 95%; | |||
} | |||
div.NavFrame + div.NavFrame { | |||
border-top-style: none; | |||
border-top-style: hidden; | |||
} | |||
div.NavFrame div.NavHead { | |||
line-height: 1.6em; | |||
font-weight: bold; | |||
background-color: #ccf; | |||
position: relative; | |||
} | |||
div.NavFrame p, | |||
div.NavFrame div.NavContent, | |||
div.NavFrame div.NavContent p { | |||
font-size: 100%; | |||
} | |||
a.NavToggle { | |||
position: absolute; | |||
top: 0; | |||
/* @noflip */ | |||
right: 3px; | |||
font-weight: normal; | |||
font-size: 90%; | |||
} | |||
/* Hatnotes and disambiguation notices */ | |||
.hatnote { | |||
font-style: italic; | |||
} | |||
.hatnote i { | |||
font-style: normal; | |||
} | |||
div.hatnote { | |||
/* @noflip */ | |||
padding-left: 1.6em; | |||
margin-bottom: 0.5em; | |||
} | |||
div.hatnote + div.hatnote { | |||
margin-top: -0.5em; | |||
} | |||
/* 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; | |||
} | |||
/* Increase the height of the image upload box */ | |||
#wpUploadDescription { | |||
height: 13em; | |||
} | |||
/* Minimum thumb width */ | |||
.thumbinner { | |||
min-width: 100px; | |||
} | |||
/* IMPORT ./ | |||
#mp-topbanner { | |||
position: relative; | |||
box-sizing: border-box; | |||
min-width: 47em; | |||
border-color: #ddd; | |||
background-color: #f9f9f9; | |||
white-space: nowrap; | |||
background-image: url("https://cdn.discordapp.com/attachments/745004613345869885/855422564150411274/FrontierpediaTransparent.png"); | |||
background-position:-40px -15px; | |||
background-repeat: no-repeat; | |||
} | |||
.mp-bordered, | |||
.mp-h2, | |||
body.skin-timeless .mp-h2 { /* Timeless needs a higher specificity */ | |||
border-width: 1px; | |||
border-style: solid; | |||
} | |||
#mp-topbanner, | |||
.mp-h2, | |||
#mp-left { | |||
color: #000; | |||
} | |||
#mp-welcomecount { | |||
margin: 0.4em; | |||
width: 22em; | |||
text-align: center; | |||
} | |||
#mp-welcome { | |||
font-size: 162%; | |||
padding: 0.1em; | |||
} | |||
#mp-free { | |||
font-size: 95%; | |||
} | |||
#articlecount { | |||
font-size: 85%; | |||
} | |||
#siteSub { | #siteSub { | ||
display: block; | display: block; font-weight: normal; font-size: 92%; | ||
} | |||
body.page-Main_Page.action-view #siteSub, | |||
body.page-Main_Page.action-submit #siteSub { | |||
display: none; | |||
} | |||
.globebg { | |||
background-image: url("https://cdn.discordapp.com/attachments/745004613345869885/855422564150411274/FrontierpediaTransparent.png"); | |||
background-position:-40px -15px; | |||
background-repeat: no-repeat; | |||
} | |||
.mp-row { | |||
display: flex; | |||
clear: both; | |||
width: 100%; | |||
} | |||
@media screen and (max-width: 70em) { | |||
.mp-row { | |||
flex-direction: column; | |||
} | |||
} | |||
.mp-box { | |||
padding: 0.7em; | |||
margin: 0.3em; | |||
width: 100%; | |||
box-sizing: border-box; | |||
} | |||
.mp-box h1, .mp-box h2, .mp-box h3, .mp-box h4, .mp-box h5, .mp-box h6 { | |||
font-family: inherit; | |||
margin-top: 0; | |||
padding-top: 0; | |||
border-bottom: none; | |||
} | |||
.mp-header { | |||
background-color: #F8F8F8; | |||
border: 1px solid lightgray; | |||
font-size: 75%; | |||
text-align: center; | |||
} | |||
.mp-header * { | |||
margin: 0; | |||
} | |||
.mp-header h1 { | |||
font-size: 200%; | |||
} | |||
.mp-header h2 { | |||
font-size: 133%; | |||
font-style: italic; | |||
} | |||
.mp-purple { | |||
background-color: #f5faff;CEDFF2 | |||
border: 1px solid #bfd9ff; | |||
} | |||
.mp-purple h2 { | |||
background-color: #CEDFF2; | |||
border: 1px solid #80b2ff; | |||
padding: 0.3em 0.4em !important; | |||
text-align: left; | |||
font-size: 120%; | |||
font-weight: bolder; | |||
} | |||
.hatnote { | |||
padding-left: 1.6em; | |||
margin-bottom: 0.5em; | |||
font-style: italic; | |||
} | |||
.hlist dl, | |||
.hlist ol, | |||
.hlist ul { | |||
margin: 0; | |||
padding: 0; | |||
} | |||
/* Display list items inline */ | |||
.hlist dd, | |||
.hlist dt, | |||
.hlist li { | |||
margin: 0; | |||
display: inline; | |||
} | |||
/* Display nested lists inline */ | |||
.hlist.inline, | |||
.hlist.inline dl, | |||
.hlist.inline ol, | |||
.hlist.inline ul, | |||
.hlist dl dl, .hlist dl ol, .hlist dl ul, | |||
.hlist ol dl, .hlist ol ol, .hlist ol ul, | |||
.hlist ul dl, .hlist ul ol, .hlist ul ul { | |||
display: inline; | |||
} | |||
/* Hide empty list items */ | |||
.hlist .mw-empty-li { | |||
display: none; | |||
} | |||
/* Generate interpuncts */ | |||
.hlist dt:after { | |||
content: ": "; | |||
} | |||
.hlist dd:after, | |||
.hlist li:after { | |||
content: " · "; | |||
font-weight: bold; | |||
} | |||
.hlist dd:last-child:after, | |||
.hlist dt:last-child:after, | |||
.hlist li:last-child:after { | |||
content: none; | |||
} | |||
/* Add parentheses around nested lists */ | |||
.hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before, | |||
.hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before, | |||
.hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before { | |||
content: " ("; | |||
font-weight: normal; | |||
} | |||
.hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after, | |||
.hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after, | |||
.hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after { | |||
content: ")"; | |||
font-weight: normal; | |||
} | |||
/* Put ordinals in front of ordered list items */ | |||
.hlist ol { | |||
counter-reset: listitem; | |||
} | |||
.hlist ol > li { | |||
counter-increment: listitem; | |||
} | |||
.hlist ol > li:before { | |||
content: " " counter(listitem) "\a0"; | |||
} | |||
.hlist dd ol > li:first-child:before, | |||
.hlist dt ol > li:first-child:before, | |||
.hlist li ol > li:first-child:before { | |||
content: " (" counter(listitem) "\a0"; | |||
} | |||
/* Default style for navigation boxes */ | |||
.navbox { /* Navbox container style */ | |||
box-sizing: border-box; | |||
border: 1px solid #a2a9b1; | |||
width: 100%; | |||
clear: both; | |||
font-size: 88%; | |||
text-align: center; | |||
padding: 1px; | |||
margin: 1em auto 0; /* Prevent preceding content from clinging to navboxes */ | |||
} | |||
.navbox .navbox { | |||
margin-top: 0; /* No top margin for nested navboxes */ | |||
} | |||
.navbox + .navbox { | |||
margin-top: -1px; /* Single pixel border between adjacent navboxes */ | |||
} | |||
.navbox-inner, | |||
.navbox-subgroup { | |||
width: 100%; | |||
} | |||
.navbox-group, | |||
.navbox-title, | |||
.navbox-abovebelow { | |||
padding: 0.25em 1em; /* Title, group and above/below styles */ | |||
line-height: 1.5em; | |||
text-align: center; | |||
} | |||
th.navbox-group { /* Group style */ | |||
white-space: nowrap; | |||
/* @noflip */ | |||
text-align: right; | |||
} | |||
.navbox, | |||
.navbox-subgroup { | |||
background-color: #fdfdfd; /* Background color */ | |||
} | |||
.navbox-list { | |||
line-height: 1.5em; | |||
border-color: #fdfdfd; /* Must match background color */ | |||
} | |||
/* cell spacing for navbox cells */ | |||
tr + tr > .navbox-abovebelow, | |||
tr + tr > .navbox-group, | |||
tr + tr > .navbox-image, | |||
tr + tr > .navbox-list { /* Borders above 2nd, 3rd, etc. rows */ | |||
border-top: 2px solid #fdfdfd; /* Must match background color */ | |||
} | |||
.navbox th, | |||
.navbox-title { | |||
background-color: #ccccff; /* Level 1 color */ | |||
} | |||
.navbox-abovebelow, | |||
th.navbox-group, | |||
.navbox-subgroup .navbox-title { | |||
background-color: #ddddff; /* Level 2 color */ | |||
} | |||
.navbox-subgroup .navbox-group, | |||
.navbox-subgroup .navbox-abovebelow { | |||
background-color: #e6e6ff; /* Level 3 color */ | |||
} | |||
.navbox-even { | |||
background-color: #f7f7f7; /* Even row striping */ | |||
} | |||
.navbox-odd { | |||
background-color: transparent; /* Odd row striping */ | |||
} | |||
.navbox .hlist td dl, | |||
.navbox .hlist td ol, | |||
.navbox .hlist td ul, | |||
.navbox td.hlist dl, | |||
.navbox td.hlist ol, | |||
.navbox td.hlist ul { | |||
padding: 0.125em 0; /* Adjust hlist padding in navboxes */ | |||
} | } |