MediaWiki

Common.css

Revision as of 15:16, 25 February 2020 by Jonathan (talk | contribs)

Note: After saving, 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: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* CSS placed here will be applied to all skins */

/*
<pre>
*/


/* JW */
/* .class   #id */

/* JS Breadcrumbs: don't want it on very left of wide window */
.jsbc-breadcrumbs {
	max-width: 90em; /* size */
	margin: 0 auto; /*centre*/
}


body.page-Main_Page.action-view h1#firstHeading, body.page-Main_Page.action-submit h1#firstHeading { display: none; }


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

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

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

/* For fancytree within Page Forms - list items were bigger because Foreground sets at 1rem instead of 10px */
span.fancytree-title {
  font-size: 10pt
}

/* No need for login etc */
#personal-tools-dropdown {display: none}

/* MW text was too big */
ul#poweredby {display: none}

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

/* This is to stop the sharing box appearing on own line */
.addthis_sharing_toolbox {clear: none !important}

/* This is an exception so that the "Follow MHLO" text is close to the icons */
.addthis_horizontal_follow_toolbox p {margin-bottom: 0em !important}

/* Settings in Foreground v.2.1.0 (relative, -50px, left) meant this didn't appear */
.addthis_horizontal_follow_toolbox {
    position: inherit !important;
    left: inherit !important;
    float: none !important;
}

/* .title-name is site name on Foundation top left */

.mw-headline#Mental_Health_Law_Online {
    font-family: "Courier New", Courier, monospace;
    font-weight: bold;
}

/* Foreground skin v1.2.0 (44667e9), lines 448-451 of foreground.css set display:inline */
/* which prevented PF tree input type from making them display:none */

input[type="radio"].hidden,
input[type="checkbox"].hidden {
  display:none;
}

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

/* For Foreground skin */
/* Removing this all to see how it is on v2.1.0  
body {font-size:90%}
.title-name {font-family:courier; font-size:80%}


h2.title {border-bottom:1px solid; }
.page-Main_Page h2 {border-bottom:0px }

@media only screen and (min-width: 768px) {
  h1, h2, h3, h4, h5, h6 {
    line-height: 1.4; }

  h1 {
    font-size: 2.125em; }

  h2 {
    font-size: 1.6875em; }

.page-Main_Page h2,
h2.title {font-size:2.3125em;}


  h3 {
    font-size: 1.375em; }

  h4 {
    font-size: 1.125em; } }


.ns-subject h3,
.ns-special h3,
.page-Main_Page h3 {
  font-weight: bold;
  font-size: 1.375em;
}

*/

/**** GENERAL ****/

blockquote {border:none !important; font-style: italic;}

/*.text {background-color: #ffffcc} */
.external {border-bottom: 1px solid #2795b6} 
/* external previously had background-color: #ffeecc;  */
.perm {background-color: #ddeeff}
.help {background-color: #ddcef2}

/* This is for the Case Citations extension */
.autolink a {border-bottom: 1px dotted}

.plainlinks a {border-bottom: none}

.RSS_pubdate {display: none}

/**** CARGO ****/

.cargoTagCloud {text-align: left;}

/* should make table colouring ok even after reordering */
/*
#content table.cargoTable td.even,
#content table.cargoTable td.odd {
	background: transparent;
}
.cargoTable tr:nth-child(even) {
	background: #ddd;
}
.cargoTable th {
	background: #ddd;
}
*/

/* To remove list of tables from Cargo Special:DrillDown page */
/* drilldown-tables-wrapper {display:none} */
#drilldown-tables-tabs-wrapper {display:none} /*tabs of tables at the top of the page */
/* drilldown-header {display:none} */

/* This is for custom namespace, currently Location: */
.ns-102 #page-content, .ns-103 #page-content { background-color: #f3f3ff; }
.page-Special_Drilldown_Contact #page-content { background-color: #f3f3ff; }

/* This is so that the tables are formatted properly */
.cargoDynamicTable td {vertical-align:top !important}

/* To fix Cargo timeline format */
.timeline-band-layer-inner {font-size:80%}

/* Cargo Googlemaps input type */
/* .pfUpdateMap {display: none} */
/* .pfCoordsInput {display: none} */

/* Cargo text area for responsiveness*/
 .createboxInput {width: 100% !important} 

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

.pfFieldDescription {font-size:0.7em; color:gray;}

/* Otherwise tokens input was too wide */
.pf-select2-container {min-width:0px !important}



/**** CATEGORYTREE ****/

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




table.wikitable tr {vertical-align:top} 

.blacklinks a:link {color:#000000 !important}
.blacklinks a:visited {color:#000000 !important}
.blacklinks a:active {color:#000000 !important}
.blacklinks a:hover {color:#000000 !important}

blockquote {border:1px solid black; margin-left: 1em;}
div.box {border:1px solid blue; margin-left: 2em;}

#filetoc { display: none; } /* Hides the table of contents for an image */

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

/* Change the external link icon to an Adobe icon for all PDF files */
/* (in browsers that support these CSS selectors, like Mozilla and Opera) */
#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;
}

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