View source for Common.css

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

/*
<pre>
*/

/* Hide hamburger on Drilldown page on mobile */
.mw-special-Drilldown a#menu.menu_header {
	display: none;
}

/* Hide "Choose table:" on Drilldown page */
#tableTabsHeader {
	display: none;
}

/* Things to hide */
.cantsee {
	display: none;
}

/* Popup titles on maps were huge */
.olPopup h2,
.gm-style-iw h2 {
	font-size: 1.2rem;
}
.olControlAttribution {
	font-size:0.9rem;
}


/**** BOXES ON MAIN PAGE ****/

.main-box {
	background-color: #ffffff; 
	border: 4px solid; 
	border-radius: 10px;
}

.main-subheader {
	color: white; 
	margin-top: 0px; 
	text-align: center;
}

.main-box-content {
	padding: 0px 10px 0px 10px;
}



/**** MAIN TITLE ON MAIN PAGE ****/

/* Don't want "Main Page" on Main Page */
body.page-Main_Page.action-view h1#firstHeading, 
body.page-Main_Page.action-submit h1#firstHeading { 
	display: none; 
}

/* Want h1 "MHLO" on Main Page to be Courier */
.mw-headline#Mental_Health_Law_Online {
    font-family: "Courier New", Courier, monospace;
    font-weight: bold;
}



/**** YELLOW PAGES ****/

/* Magic Book */
body.ns-102 { background-color: #fffff0; } 
body.page-Special_Drilldown_Contact { background-color: #fffff0; }

/* Events */ /* Yellow was #ffffe0; */
body.ns-3032 { background-color: #fffff0; }
body.page-Special_Drilldown_Events { background-color: #fffff0; }
body.page-Events { background-color: #fffff0; }
body.page-Events_list { background-color: #fffff0; }
body.page-Events_timeline { background-color: #fffff0; }
body.page-Events_calendar { background-color: #fffff0; }

/* Books */
body.page-Books { background-color: #fffff0; }

/* Jobs */
body.page-Jobs { background-color: #fffff0; }



/**** TIMES NEW ROMAN ****/

body,
#content h1, 
#content h2,
#content h3,
#content h4,
#content h5,
.label,
ul#top-bar-left a,
ul.fancytree-container,
button,
.gm-style {
  font-family: "Times New Roman", Georgia, serif;
}

/* Want bigger font size for Times New Roman */
p, ul, ol, dl, table, form, div {
	font-size: 1.1rem !important;
}

/* But don't want tiny font on editing pages etc */
code, kbd, pre, samp {
	font-size: 0.9rem !important;
}

#footer li {
	font-size: 0.9rem !important;
}


/**** TEMPLATE:LINK ****/

.no-link {
	color: grey !important;
}

.no-link a:link,
.no-link a:visited,
.no-link a:hover,
.no-link a:active {
	color: red !important
}

.archive-link a.external {
	border-bottom: 1px solid #32cd32;
}

.archive-icon a.external {
	color: #32cd32 !important; /*green*/
	border-bottom: none;
}

.archive-icon {
	color: #32cd32;
}

.archive-search-icon a.external {
	color: orange !important; 
	border-bottom: none;
}

.archive-search-icon {
	color: orange;
}

.saved-icon a.external {
	border-bottom: none;
	color: black;
}



/**** MODULE:DIFF ****/

/* From https://commons.wikimedia.org/wiki/Module:Diff/styles.css */
/* Only two changes: commented out font-size in two places */

.diff {
	border: 0;
	border-spacing: 4px;
	margin: 0;
	width: 100%;
}
.diff td.diff-marker {
	width: 2%;
	padding: .25em;
	font-weight: bold;
	/* font-size: 1.25em; */
	line-height: 1.2;
	text-align: end;
}
.diff-addedline,
.diff-deletedline,
.diff-context {
	width: 48%;
	padding: .33em .5em;
	/* font-size: 88%; */
	line-height: 1.6;
	vertical-align: top;
	white-space: pre-wrap;
	border-style: solid;
	border-width: 1px 1px 1px 4px;
	border-radius: .33em;
}
.diff-addedline {
	border-color: #a3d3ff;
}
.diff-deletedline {
	border-color: #ffe49c;
}
.diff-context {
	background-color: #f8f9fa;
	border-color: #eaecf0;
	color: #222;
}
.diff td div {
	word-wrap: break-word; /* force wrapping long lines */
	direction: ltr;
}
.diffchange {
	font-weight: bold;
	text-decoration: none;
}
.diff-addedline .diffchange,
.diff-deletedline .diffchange {
	border-radius: 0; /* override mediawiki.diff.styles */
	padding: .25em 0;
}
.diff-addedline .diffchange {
	background-color: #d8ecff;
}
.diff-deletedline .diffchange {
	background-color: #feeec8;
}



/**** CARGO ****/

/* Cargo: Can't remember exactly */
input.cargo-drilldown-search {
	width: 100%;
}

/* This is to ensure that Cargo's Openlayers maps don't appear in front of Foreground's drop-down menus */
#OpenLayers_Map_2_OpenLayers_Container {
	z-index:1 !important 
}

/* Used on Legislation page? */
.cargoTagCloud {
	text-align: left;
}

/* Remove all tables from Special:Drilldown */
/* To remove individual tables: #drilldown-tables-tabs.drilldown-tabs li:nth-child(3) */
#drilldown-tables-tabs-wrapper {
	display: none;
}

/* Remove "Full text" search box from Drilldown page */
/* Keep checking that this hides the right thing */
.drilldown-filters .drilldown-filter:first-child {
	display: none;
}


/* Better alignment for dynamic table */
.cargoDynamicTable td {
	vertical-align:top !important
}

/* Fix Cargo timeline format (still necessary?) */
.timeline-band-layer-inner {
	font-size:80%
}

/* To stop Cargo input boxes from being too wide on mobile? */
 .createboxInput {
 	width: 100% !important
} 

/* Get rid of month/week/day/list buttons on calendar */
.fc-right .fc-button-group {
	visibility: hidden;
}

/* Hide "Go to date:" part of calendar */
.fc-left p {
  display: none;
}

/* Hide "No date selected" part of calendar */
.fc-left .oo-ui-widget {
  display: none;
}

/**** PAGE FORMS ****/

/* Not sure I use these now */
.pfFieldDescription {font-size:0.7em; color:gray;}

/* Otherwise tokens input was too wide (for what?) */
.pf-select2-container {min-width:200px !important}



/**** CATEGORYTREE ****/

/* Add bullet points to category trees */
a.CategoryTreeLabelPage:before {
    content: "• "
}



/**** FOREGROUND SKIN ****/

/* Probably should be in Foreground.css but not sure that works */

/* Getting rid of page status indicators (e.g. help link on category page) */
/* See https://www.mediawiki.org/wiki/Help:Page_status_indicators */
.mw-indicators {display: none}

/* Get rid of login links etc */
#personal-tools-dropdown {
	display: none
}

/* Foreground v2.1.0 showed PF date fields in 3 rows (still needed?) */
.dayInput, 
.monthInput, 
.yearInput,
.hoursInput,
.minutesInput,
.secondsInput,
.ampmInput {
    display: inline !important;
    width: inherit !important;
}

/* Wanted to have italics for some in Foreground dropdown menu items*/
#n-All-case-law,
#n-All-legislation,
#n-All-resources,
#n-All-information,
#n-All-subscriptions {
	font-style: italic;
}



/**** TREEANDMENU ****/

/* Something to do with TreeAndMenu (Information pages)? */
.fancytree-title {
	font-size: 0.9rem !important;
}

.fancytree-container {
	border: none !important;
}



/**** TYPOGRAPHICAL ****/

/* Only used in Template:Database buttons */
.blacklink a:link,
.blacklink a:visited,
.blacklink a:hover,
.blacklink a:active {
	color: black !important
}

/* Use this for tribunal rules that have been amended more than once */
.doublestrike {
	text-decoration: line-through double !important;
}

/* Used to avoid displaying editing actions for To Do items */
.logged-in-user {
	display:none;
}

/* Could probably get rid of this one */
.RSS_pubdate {
	display: none
}

/* Used this for permanent, uneditable text, e.g. legislation */
.perm {
	background-color: #ddeeff
}

/* Dotted lines for auto links created by Case Citations extension */
.autolink a {
	border-bottom: 1px dotted
}
.mhlo-autolink a {
	border-bottom: 1px dashed green
}

/* Only used in Template:Pagesection by one page */
div.box {border:1px solid blue; margin-left: 2em;}



/**** CHANGES TO DEFAULTS ****/

/* Don't show confusing "last modified" information for main page */
.page-Main_Page #footer-lastmod {
	display: none;
}

/* This shows 1, (a), (i) numbering instead of 1, 1.1, 1.1.1 for # bullets */
ol { 
	list-style-type: decimal; 
}
ol li > ol { 
	list-style-type: lower-alpha; 
}
ol li > ol li > ol { 
	list-style-type: lower-roman; 
}

/* To ensure self link is not blue (still necessary?) */
.selflink {
	color: black;
}

/* "MediaWiki" text was too big so hiding it */
ul#poweredby {display: none}

/* Make paragraphs and lists more readable */
/* Decided not to include div#bodyContent li here */
p {
    margin-bottom: 1em
}
div#bodyContent ol,
div#bodyContent ul {
    margin-bottom: 1em !important
}

/* Want external links to be underlined */ 
.external {
	border-bottom: 1px solid #2795b6
} 

/* Don't want plainlinks to be underlined */
.plainlinks a {
	border-bottom: none
}

/* Better alignment for wikitable */
table.wikitable tr {
	vertical-align:top
} 

/* Use this on Information pages now */
blockquote {
	border: none;
	margin-left: 1em;
}

/* This displays footer links as single line. Works in Foreground, not Vector */
#footer-left li {
	display: inline;
	padding-right: 20px;
}





































/*******************************************
/* Don't know where this stuff came from 
/*******************************************/

/*****
** Minor tweaks
*****/
/* redirects in categories, on [[Special:Allpages]], and [[Special:Prefixindex]] */
   .redirect-in-category, .allpagesredirect {
    font-style: italic;
    color:gray;
    }



   /* hide unneeded content when printing */
   @media print {
      #privacy, #about, #disclaimer {display:none;}
      }


   /* hide arrows on selected external links */
   .plainlinks a {
      background:none !important;
      padding:0 !important;
      }


/*****
** Hide selected content
*****/
   .hiddenStructure {display: none}

   .if {display: none}


/*****
** Table formatting
*****/
   table.wikitable,
   table.prettytable {
      margin:1em 1em 1em 0;
      xxbackground:#F9F9F9;
      border:1px #AAA solid;
      border-collapse:collapse;
      }

   table.wikitable th, table.wikitable td,
   table.prettytable th, table.prettytable td {
      border:1px #AAA solid;
      padding:0.2em;
      }

   table.wikitable th,
   table.prettytable th {
      background: #eeeeee; /* jw #F2F2F2;:#E8F1FF*/
     
      text-align:center;
      }

   table.wikitable caption,
   table.prettytable caption {
      margin-left:inherit;
      margin-right:inherit;
      }


/*****
** box formatting
*****/
   .infobox {
      float:right;
      clear:right;
      margin-bottom:0.5em;
      margin-left:1em;
      padding:0.2em;
      border:1px solid #AAA;
      background:#F9F9F9;
      color:black;

      }

   .infobox td,
   .infobox th {
      vertical-align:top;
      }

   .infobox caption {
      font-size:larger;
      margin-left:inherit;
      }

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

   .sister-project {
      clear:right;
      float:right;
      width:250px;
      margin:0 0 1em 3em;
      padding:4px;
      border:1px solid #AAA;
      background:#F9F9F9;
      font-size:0.8em;
      spacing:0px;
      text-align:left;
    }
   /* [[template:other languages]] */
   #otherlangs {
      margin:0.5em;
      padding:2px;
      border:1px solid #CCC;
      background:#FAFAFA;
      font-size:0.9em;
    }
   #otherlangs span {
      margin:0 2px;
      padding-left:2px;
      border-left:1px solid gray;
    }
   #otherlangs span.firstlang {
      border:none;
    }

/*****
** Specific pages (keep to a minimum)
*****/
   /* Spam blacklist */
   body.page-Talk_Spam_blacklist #ca-addsection {display:none;}


   /* Spam blacklist/log */
   .logtable pre {
      margin:0;
      padding:0;
      border:0;
      }

/*****
** Bytecounter colours
*****/ 
 strong.mw-plusminus-neg
   {
   color: #c00;
   }

 span.mw-plusminus-neg
   {
   color: #900;
   }

 span.mw-plusminus-pos
   {
   color: #060;
   }


/* LINK ICONS */

/* Change the external link icon to an Adobe icon for all PDF files */
/* (in browsers that support these CSS selectors, like Mozilla and Opera) */
/* Removing to avoid these icons!
#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 {
    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;
}
*/
/* Foreground reproduces some of the above, so getting rid of icon and padding here */
#bodyContent a.external {
	background: none !important;
	padding-right: 0px !important;
}

/* 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. */
/* Getting rid of this too!
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 !important;
    padding-right: 17px !important;
}
*/



/* Standard Navigationsleisten, aka box hiding thingy from .de.  Documentation at [[Wikipedia:NavFrame]]. */

div.Boxmerge,
div.NavFrame {
        margin: 0px;
        padding: 4px;
        border: 1px solid #aaa;
        text-align: center;
        border-collapse: collapse;
        font-size: 95%;
}
div.Boxmerge div.NavFrame {
        border-style: none;
        border-style: hidden;
}
div.NavFrame + div.NavFrame {
        border-top-style: none;
        border-top-style: hidden;
}
div.NavPic {
        background-color: #fff;
        margin: 0px;
        padding: 2px;
        float: left;
}
div.NavFrame div.NavHead {
        height: 1.6em;
        font-weight: bold;
        background-color: #ccccff;
        position:relative;
}
div.NavFrame p {
        font-size: 100%;
}
div.NavFrame div.NavContent {
        font-size: 100%;
}
div.NavFrame div.NavContent p {
        font-size: 100%;
}
div.NavEnd {
        margin: 0px;
        padding: 0px;
        line-height: 1px;
        clear: both;
}
a.NavToggle {
        position:absolute;
        top:0px;
        right:3px;
        font-weight:normal;
        font-size:smaller;
}

/*
 * Messagebox templates
 * Imported from [[en:MediaWiki:Common.css]] on 2007-07-13
 */
.messagebox {
   border: 1px solid #aaa;
   background-color: #f9f9f9;
   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;
}
.messagebox.nested-talk {
   border: 1px solid #c0c090;
   background-color: #f8eaba;
   width: 100%;
   margin: 2px 4px 2px 4px;
}
.messagebox.small {
   width: 238px;
   font-size: 85%;
   float: right;
   clear: both;
   margin: 0 0 1em 1em;
   line-height: 1.25em; 
}
/* For template documentation */
.template-documentation {
  clear: both;
  margin: 1em 0 0 0;
  border: 1px solid #aaa; 
  background-color: #ecfcf4; 
  padding: 5px;
}

.hidden-redlink a.new { display: none; }

/* 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).
   Thanks to w:en:User:Ais523 for that code.*/
.toclimit-2 .toclevel-2 {display:none;}
.toclimit-3 .toclevel-3 {display:none;}
.toclimit-4 .toclevel-4 {display:none;}
.toclimit-5 .toclevel-5 {display:none;}
.toclimit-6 .toclevel-6 {display:none;}
.toclimit-7 .toclevel-7 {display:none;}

/* This section facilitates rtl translations */
.persian {
direction: rtl;
font-family: Tahoma;
}
 
#bodyContent .persian a, #bodyContent .persian a.external {
background:none;
padding-right:0;
}

.persian #toctitle {
direction:ltr;
}

.persian .toclevel-1, .persian .toclevel-2, .persian .toclevel-3, .persian .toclevel-4 {
text-align:right;
}

.persian .toclevel-2 {
margin-right:10px;
}

.persian .toclevel-3 {
margin-right:20px;
}

.persian .toclevel-4 {
margin-right:30px;
}

.persian .editsection {
float:left;
}

.persian UL {
margin-right:16px;
display:table;
}

.persian OL {
margin-right:16px;
display:table;
}
 
#bodyContent .arabic a{
background:none;
padding-right:0;
}

/*
</pre>
*/
Description	What you type	What you get
Italic	''Italic text''	Italic text
Bold	'''Bold text'''	Bold text
Bold & italic	'''''Bold & italic text'''''	*Bold & italic text*