MediaWiki:Common.css

@import url(https://fonts.googleapis.com/css?family=Oswald); @import url(https://fonts.googleapis.com/css?family=Permanent+Marker); /* The above are standard #MEpedia logo fonts and classes */ /* (fonts must go on top line only) */

/* THIS PAGE CONTAINS STYLE SETTINGS FOR ALL SKINS */ /* BEFORE EDITING THIS PAGE, PLEASE SEE OUR CSS GUIDELINES AT THE TOP OF THE TALK PAGE */ /* These settings may be overridden in skin.css pages. */

/*  Hide disambiguation checkbox in Visual editor's page settings, since we are using Template:Disambiguation instead. Who: Pyrrhus When: February 2020 display:none; } label[for=oojsui-17] { display:none; }
 * 1) oojsui-17 {
 * 1) oojsui-17 {

/* Style settings for logo? */ .logo-me { font-family: Oswald, sans-serif; font-style: italic; font-variant: normal; } section#middle-nav .title a { font-family: Oswald, sans-serif; font-style: italic; font-variant: small-caps; } .logo-pedia { font-family: Oswald, sans-serif; font-style: normal; font-variant: small-caps; padding-left: 0.15em; }	height: 225px; }	height: 225px; }
 * 1) p-logo {
 * 1) p-logo a, #p-logo a:hover {

/* Style settings for header/footer banners */ .custom-top-banner { background-color: #CEF2E0!important; margin:auto; padding:0px; width:100%; text-align: center; font-size: 1.6em; } .custom-bottom-banner { background-color: lightyellow; }

/* Style settings for "class=mw-lingo-term" tooltips that do not have an actual lingo definition */ .qtip-content { background-color: white; }

/* Shortcut boxes use icons for lists */ ul.shortcutbox { list-style-image: url(/images/4/4d/Bookmark_icon.png); margin: .5em 0em 0em 1em; } li.shortcutbox { margin: .2em 0em .2em 1em; }

/* Special:Upload page: minimize less important text while emphasizing more important text */ label[for=wpUploadFile] { font-weight: bold; } td.htmlform-tip { font-size: smaller; } div#mw-upload-permitted { font-size: smaller; } label[for=wpDestFile] { font-size: smaller; } label[for=wpLicense] { font-weight: bold; } table#mw-htmlform-options { font-size: smaller; }

/* Not sure what these settings are for */ position: relative !important; top: 0 !important; }	position: relative !important; top: 10px !important; }
 * 1) p-navigation {
 * 1) p-tb {

/* Lifted from https://en.wikipedia.org/wiki/MediaWiki:Common.css */ /* 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; } .infobox caption { font-size: 125%; font-weight: bold; padding: 0.2em; text-align: center; } .infobox td, .infobox th { vertical-align: top; /* @noflip */ text-align: left; } .infobox.bordered { border-collapse: collapse; } .infobox.bordered td, .infobox.bordered th { border: 1px solid #a2a9b1; } .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, .infobox.bordered .mergedtoprow th { border: 0; border-top: 1px solid #a2a9b1; /* @noflip */ border-right: 1px solid #a2a9b1; } .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%; } .infobox.geography td, .infobox.geography th { border-top: 1px solid #a2a9b1; padding: 0.4em 0.6em 0.4em 0.6em; } .infobox.geography .mergedtoprow td, .infobox.geography .mergedtoprow th { border-top: 1px solid #a2a9b1; 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: 1px solid #a2a9b1; padding: 0 0.6em 0.4em 0.6em; } .infobox.geography .maptable td, .infobox.geography .maptable th { border: 0; padding: 0; }

/* Not sure what this settings are for */ .hatnote{ padding-left: 1.6em; margin-bottom: 0.5em; }

/* styling for all article message boxes, eg Cleanup templates, and is used by Template:Ambox, anything calling (invoking) Module:Ambox, and anything calling Module:Mbox on articles. */ table.ambox{ margin: 0 10%; border: 1px solid #a2a9b1; border-left: 10px solid #36c; background: #fbfbfb; box-sizing: border-box; } table.ambox-style{ border-left: 10px solid #fc3; }

/* Style settings for donate button in lefthand sidebar */ background-color: #0BA7CD; padding: 3px; border-radius: 2px; color:white !important; font-weight: 600 !important; box-shadow: 2px 2px #888888; cursor: pointer; } /**Text before donate button**/ .text-before-donate-button {   display: block; border-top: solid #0000006b 0.5px; padding-top: 10px; color: #0ba7cdbf; font-size: 14px; font-style: italic; margin-bottom: 10px; } /**text after donate button*/ .text-after-donate-button {   display: block; padding-top: 15px; color: #0ba7cdbf; font-size: 14px; font-style: italic; } /* * What: Center donate button in sidebar * Who: Pyrrhus * When: 8 june 2019 */ text-align: center; }
 * 1) n-donate a{
 * 1) n-donate {

/* Collapsible list or collapsible elements eg buttons */ /* move list toggle to left for list */ .collapsed span.mw-collapsible-toggle, .collapse ul.mw-collapsible-toggle, .collapse div.mw-collapsible-toggle, .collapsed span.mw-collapsible-toggle expanded { float: left; } /** Lifted from wikipedia - Sandbox/CollapsibleDemo.css Toggles between right arrow and up arrow images for collapsible elements - lists or bullets See Wikipedia Manual:Collapsible_elements/Demo/Advanced **/ display: none; } display: block; }
 * 1) collapse-pre-one .mw-collapsible-toggle .up,
 * 2) collapse-pre-one.mw-collapsed .mw-collapsible-toggle .down {
 * 1) collapse-pre-one .mw-collapsible-toggle .down,
 * 2) collapse-pre-one.mw-collapsed .mw-collapsible-toggle .up {

/* Copied from Wikipedia shared.css for Read more template */ /* hide initially collapsed collapsable tables */ table.collapsed tr.collapsable { display: none; }

/* Special:Upload File upload page settings Lifted from WikiMedia Make sure the license dropdown of the upload form doesn't extend beyond the browser's window, even if there are some long license descriptions. (If that happens, the description box *also* goes beyond the right edge of the window.) width: 100%; overflow: hidden; } /* Give the upload form a little breathing space. */ padding-bottom: 8px; } padding-bottom: 8px; }
 * 1) wpLicense {
 * 1) wpLicense {
 * 1) upload * td {
 * 1) mw-upload-table * td {

/* Show twitter icon when using Template:Cite tweet in Visual Editor */ .oo-ui-icon-ref-cite-tweet, .ref-cite-tweet { background-image:url("https://www.me-pedia.org/images/1/16/Ref-cite-tweet.svg") }

/* ALTERNANCE BEGIN */ /** Classes allowing alternating line colors .alternance, .alternance2 { border-collapse: collapse; } table.alternance > * > tr > th, table.alternance2 > * > tr > th { background: #e6e6e6; } .alternance tr, .alternance th[scope="row"] { background: #fcfcfc; } .alternance:not(.sortable) tr:nth-child(odd), .alternance.sortable      tr:nth-child(even), .alternance:not(.sortable) tr:nth-child(odd) th[scope="row"], .alternance.sortable      tr:nth-child(even) th[scope="row"] { background: #eeeeee; } .alternance .odd, .alternance .odd th[scope="row"] { /* be kind to IE<9 */ background: #eeeeee; } .alternance2 tr, .alternance2 th[scope="row"] { background: #eeeeee; } .alternance2 tr:nth-child(odd), .alternance2 tr:nth-child(odd) th[scope="row"] { background: #fcfcfc; } .alternance2 .odd, .alternance2 .odd th[scope="row"] { /* be kind to IE<9 */ background: #fcfcfc; } /* END ALTERNANCE */
 * in tables according to the number of header lines:
 * .alternance if odd number
 * .alternance2 if even number.
 * .odd is to be kind to IE<9 which does not implement
 * the selector :nth-child, applied via Common.js (?)
 * .sortable: sortable tables require reversing
 * the alternance.
 * .sortable: sortable tables require reversing
 * the alternance.

/* text colors */ .green { color: #007000; } .red { color: #FF2000;} .blue { color: #00008b;} .gray { color: #454545;}

/* off-white text shadow, for use on dark backgrounds */ .shadow { text-shadow: 2px 2px 4px #fff;}

/* *** Mobile and small screen improvements by Zsolt and Notjusttired *** */ /* Sep 2020 */

@media screen and (max-width: 768px) { #mw-panel #p-logo { position: initial!important; margin: 1em 0.6em 0 0.7em; }   #mw-panel #p-logo a { height: 45px; }   #searchtable form.searchbox { display: flex; flex-wrap: wrap; }   #searchtable form.searchbox .searchboxInput.mw-ui-input { width: 70%; display: block; flex-grow: 9; margin: 5px 5px 5px 0; }   #searchtable form.searchbox .mw-ui-button { display: block; margin: 5px auto; max-width: 90px; flex-grow: 1; margin-right: auto; } /* Mobiles and tablets - smaller category banner */ h1 { font-size: 1.4rem; margin-top: 4px; margin-bottom: 4px; }

h1 div, .firstHeading { font-size: 1.25rem; padding: 2px!important; margin-left:0; margin-right: 0; } /* Mobiles and small screens - bullets and numbering */ .sitedir-ltr .mw-dismissable-notice-body { margin: 0 4.5em 0 0; }   .sitedir-rtl .mw-dismissable-notice-body { margin: 0 0 0 4.5em; }

.mw-content-ltr ul, .mw-dismissable-notice-body ul { padding-left: 0.25em; }  .mw-content-ltr ol, .mw-dismissable-notice-body ol { margin-left: 2em; }  .mw-content-rtl ul { padding-right: 0.25em; }  .mw-content-rtl ol { margin-right: 2em; } /* smaller sitenotice for logged in users */ .mw-dismissable-notice-body { font-size: smaller; } } @media screen and (max-width: 720px) { body { font-size: 18px; }   #mw-panel #p-logo { position: absolute!important; margin: 0; top: 5px!important; left: 2px!important; }   .sitedir-ltr .mw-dismissable-notice-body { margin: 0 3em 0 0; }   .sitedir-rtl .mw-dismissable-notice-body { margin: 0 0 0 3em; }   #addthistoolbar { float: initial; }   #addthistoolbar .addthis_separator { height: 32px; }   #addthistoolbar .at300m { display: flex; flex-direction: row; align-items: center; font-size: 16px; }   #addthistoolbar .at300b span, #addthistoolbar .at300m span, #addthissidebar .at300b span, #addthissidebar .at300m span { width: 32px !important; height: 32px !important; line-height: 32px !important; }   #addthistoolbar .at300b span svg, #addthistoolbar .at300m span svg, #addthissidebar .at300b span svg, #addthissidebar .at300m span svg{ width: 32px !important; height: 32px !important; }   div#mw-panel div.portal div.body ul li { font-size: 18px; }   div#footer ul li { font-size: 16px; }   .apihelp-block.apihelp-flags { width: 100%; float: none; box-sizing: border-box; }   .apihelp-parameters dt { float: none; }   .apihelp-parameters dd { margin: 0 0 0.5em 0; }   .apihelp-parameters dd.info { margin-left: 2em; }   .apihelp-block > * { word-break: break-all; } } @media screen and (max-width: 400px) { #searchtable form.searchbox .searchboxInput.mw-ui-input { width: 100%; margin: 5px 0; } } /* **** End of code for small screens **** */