MediaWiki:Common.css: Difference between revisions

From MEpedia, a crowd-sourced encyclopedia of ME and CFS science and history
(Donate button)
(Change text)
Line 164: Line 164:
/**Add Text before donate button**/
/**Add Text before donate button**/
li#n-donate::before {
li#n-donate::before {
     content: "Is this site helpful?";
     content: "Did this page help you?";
     display: block;
     display: block;
     border-top: solid #0000006b 0.5px;
     border-top: solid #0000006b 0.5px;

Revision as of 11:50, December 11, 2018

/* CSS placed here will be applied to all skins */

#p-logo { 
	height: 225px; 
}

#p-logo a,  #p-logo a:hover { 
	height: 225px; 
}

#p-navigation {
	position: relative !important;
	top: 0 !important;
}

#p-tb {
	position: relative !important;
	top: 10px !important;
}


/* We need to fix for MonoBook but not Modern or Cologne Blue skins which don't show the logo
.skin-monobook #p-navigation, .skin-vector #p-navigation {
	top: 105px !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;
}

.hatnote{
    padding-left: 1.6em;
    margin-bottom: 0.5em;
}

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;
}

#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;
}

/**Add Text before donate button**/
li#n-donate::before {
    content: "Did this page help you?";
    display: block;
    border-top: solid #0000006b 0.5px;
    padding-top: 10px;
    color: #0ba7cdbf;
    font-size: 14px;
    font-style: italic;
    margin-bottom: 10px;
}


/**Add text after donate button*/
li#n-donate::after {
    content: "Help us grow MEpedia";
    display: block;
    padding-top: 15px;
    color: #0ba7cdbf;
    font-size: 14px;
    font-style: italic;
}