MediaWiki:Common.css

From MEpedia, a crowd-sourced encyclopedia of ME and CFS science and history
Revision as of 16:57, December 23, 2019 by DariusC (talk | contribs) (Remove colour from the temporary fundraising site notice)

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
@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 */
/* These settings may be overridden in skin.css pages. */


/* 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;
}
#p-logo { 
	height: 225px; 
}
#p-logo a,  #p-logo a:hover { 
	height: 225px; 
}


/* Style for temporary fundraising site notice 
   Who: DariusC
   When: December 2019
   What: formatting for holiday season fundraising notice 
   Note: please comment out this section from Jan 1 through Dec 1
*/
.mw-dismissable-notice { 
    /* color: #000; */
    font-size: 1.2em; 
    border: 1em solid  #e7433c;
}


/* 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 */
#p-navigation {
	position: relative !important;
	top: 0 !important;
}
#p-tb {
	position: relative !important;
	top: 10px !important;
}


/* 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 */
#n-donate a{
    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
 */
#n-donate {
 text-align: center;
}


/* 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 **/
#collapse-pre-one  .mw-collapsible-toggle .up,
#collapse-pre-one.mw-collapsed .mw-collapsible-toggle .down {
 display: none;
}
#collapse-pre-one .mw-collapsible-toggle .down,
#collapse-pre-one.mw-collapsed  .mw-collapsible-toggle .up {
 display: block;
}


/* 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.)
*/
#wpLicense {
 width: 100%;
 overflow: hidden;
}
/* Give the upload form a little breathing space. */
#upload * td {
 padding-bottom: 8px;
}
#mw-upload-table * td {
 padding-bottom: 8px;
}


/* 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
*  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.
*/
.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 */