MediaWiki:Common.css
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.
/* CSS placed here will be applied to all skins */
/*
<pre>
*/
/* 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>
*/