Difference between revisions of "MediaWiki:Monobook.css"

MyWikiBiz, Author Your Legacy — Sunday November 10, 2024
Jump to navigationJump to search
(Fix links)
(Disabled temporarily)
Tag: Blanking
 
Line 1: Line 1:
/*
 
  
==CSS for Monobook skin only==
 
 
'''Notice to Administrators!'''
 
 
Any changes to [[Mediawiki:Monobook.css|Monobook.css]] or [[MediaWiki:Common.css|Common.css]] should be first proposed to [[Help:Water Cooler]]. 
 
 
Furthermore, changes should probably be made in
 
[[MediaWiki:Common.css]] rather than this page, unless there is no effect in
 
[[MediaWiki:Common.css]]. 
 
 
Testing can be done on your own user Monobook.css. 
 
(In [[Mozilla]] and [[Opera (web browser)|Opera]], you can also test style changes dynamically with the [http://www.squarefree.com/bookmarklets/webdevel.html test styles] bookmarklet from squarefree.com.  It pops up a window for adding style rules, and updates the page as you type.)
 
 
Always check with the [http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fen.wikipedia.org%2Fw%2Findex.php%3Ftitle%3DMediaWiki%3AMonobook.css%26action%3Draw%26ctype%3Dtext%2Fcss&usermedium=all W3C CSS Validation Service] after any changes.
 
 
Thank you.
 
 
<pre><nowiki>*/
 
 
/* Don't display some stuff on the main page */
 
body.page-Main_Page #t-cite,
 
body.page-Main_Page #lastmod,
 
body.page-Main_Page #siteSub,
 
body.page-Main_Page #contentSub,
 
body.page-Main_Page h1.firstHeading {
 
    display: none !important;
 
}
 
 
/****************************/
 
/* BEGIN LIGHT BLUE SECTION */
 
/****************************/
 
/* Make all non-namespace pages have a light blue content area. This is done by
 
  setting the background color for all #content areas to light blue and then
 
  overriding it for any #content enclosed in a .ns-0 (main namespace). I then
 
  do the same for the "tab" background colors. --Lupo */
 
 
#content {
 
    background: #F8FCFF; /* a light blue */
 
}
 
 
#content div.thumb {
 
    border-color: #F8FCFF;
 
}
 
 
.ns-0 * #content {
 
    background: white;
 
}
 
 
.ns-110 * #content {
 
    background: white;
 
}
 
 
#mytabs li {
 
    background: #F8FCFF;
 
}
 
 
.ns-0 * #mytabs li {
 
    background: white;
 
}
 
 
.ns-110 * #mytabs li {
 
    background: white;
 
}
 
 
#mytabs li a {
 
    background-color: #F8FCFF;
 
}
 
 
.ns-0 * #mytabs li a {
 
    background-color: white;
 
}
 
 
.ns-110 * #mytabs li a {
 
    background-color: white;
 
}
 
 
#p-cactions li a, #p-cactions li a:hover, #p-cactions li.selected a {
 
    background-color: #F8FCFF;
 
}
 
 
.ns-0 * #p-cactions li a {
 
    background-color: #fbfbfb;
 
}
 
 
.ns-110 * #p-cactions li a {
 
    background-color: #fbfbfb;
 
}
 
 
.ns-0 * #p-cactions li.selected a, .ns-0 * #p-cactions li a:hover {
 
    background-color: white;
 
}
 
 
.ns-110 * #p-cactions li.selected a, .ns-0 * #p-cactions li a:hover {
 
    background-color: white;
 
}
 
 
.ns-0 * #content div.thumb {
 
    border-color: white;
 
}
 
 
.ns-110 * #content div.thumb {
 
    border-color: white;
 
}
 
 
/**************************/
 
/* END LIGHT BLUE SECTION */
 
/**************************/
 
 
/* block quotations */
 
#content blockquote {
 
    font-size: 93.75%; /* equivalent of 15px in 16px default */
 
    margin: 1em 1.6em; /* same indent as an unordered list */
 
}
 
#content blockquote p {
 
    line-height:inherit;
 
}
 
 
/* Display tagline */
 
#siteSub {
 
    display: inline;
 
    font-size: 100%;
 
    font-weight: bold;
 
    color: #01459A;
 
    border-bottom-style: none;
 
}
 
 
#bodyContent #siteSub a {
 
    color: #000;
 
    text-decoration: none;
 
    background-color: transparent;
 
    background-image: none;
 
    padding-right: 0;
 
}
 
 
#siteNotice {
 
    margin-top:5px;
 
    padding-left: 4px;
 
    font-style: italic;
 
    text-align: right;
 
}
 
 
/* Bold 'edit this page' link to encourage newcomers */
 
#ca-edit a { font-weight: bold !important; }
 
 
/* Display "User $1, you are already logged in!"
 
  ([[MediaWiki:Alreadyloggedin]]) in red and bold */
 
div.alreadyloggedin { color: red; font-weight: bold; }
 
 
@media print {
 
    /* Do not print edit link in templates using Template:Ed
 
      Do not print certain classes that shouldn't appear on paper */
 
    .editlink, .noprint, .metadata, .dablink { display: none }
 
    #content { background: #fff; } /* white background on print */
 
}
 
 
 
/* Accessibility experiment: make diff changes not just colour-based */
 
 
.diffchange {
 
    font-weight: bold;
 
    background-color: inherit;
 
}
 
 
td.diff-addedline, td.diff-deletedline, td.diff-context {
 
  vertical-align: top;
 
  font-size: 85%;
 
  color: inherit;
 
}
 
 
#pt-login {
 
  font-weight: bold;
 
  font-size: 110%;
 
}
 
 
form#userlogin {
 
  float: left;
 
  padding: 1em 1em .7em 1em;
 
  background-color: #ffffe6;
 
  border: 2px solid #fc6;
 
  color: #000;
 
  margin-right: 2em;
 
}
 
 
form#userlogin table {
 
  float: left;
 
  background-color: #ffffe6;
 
  color: #000;
 
}
 
 
p.error {
 
  font-weight: bold;
 
}
 
 
/* Class styles */
 
 
/* .toccolours added here because version in
 
  monobook/main.css wasn't being used by the print style */
 
.toccolours {
 
  border:1px solid #aaa;
 
  background-color:#f9f9f9;
 
  padding:5px;
 
  font-size: 95%;
 
}
 
 
/* Remove padding from external links displayed without icon */
 
#bodyContent .plainlinks a {padding: 0 !important}
 
 
 
#p-nav h5 {
 
  display: none;
 
}
 
 
.portlet a {
 
  text-decoration: none;
 
}
 
 
.portlet a:hover {
 
  text-decoration: underline;
 
}
 
 
#p-nav .pBody {
 
  padding-right: 0;
 
}
 
 
#p-nav a {
 
  display: block;
 
  width: 100%;
 
}
 
 
/* Special characters list below edit window works better without underlining */
 
#editpage-specialchars a { text-decoration: none; }
 
#editpage-specialchars a:hover { text-decoration: underline; }
 
 
/* If you don't want to see special characters list at all,
 
  put the following line in your User:You/monobook.css file
 
  (and remove the slash-asterisk comments) */
 
/* #editpage-specialchars { display: none; } */
 
 
/* Makes the background of a framed image white instead of gray. */
 
/* Only visible with transparent images. */
 
/* See #Framed_image_background_color */
 
div.thumb div a img {
 
    background-color:#fff;
 
}
 
 
/* For positioning icons at top-right, used in Templates
 
  "Spoken Article" and "Featured Article" */
 
 
div.topicon {
 
  position:absolute;
 
  z-index:100;
 
  top:10px;
 
  display: block !important;
 
}
 
 
/* try adding here, this had no effect in [[MediaWiki:Common.css]] */
 
.plainlinksneverexpand a.external.text:after {
 
display: none !important
 
}
 
 
#coordinates { 
 
position:absolute;
 
z-index:1;
 
border:none;
 
background:none;
 
right:30px;
 
top:3.7em;
 
float:right;
 
margin:0.0em;
 
padding:0.0em;
 
line-height:1.5em;
 
text-align:right;
 
text-indent:0;
 
font-size:85%;
 
text-transform:none;
 
white-space:nowrap;
 
}
 
 
.portlet li {
 
  list-style-image: url("https://upload.wikimedia.org/wikipedia/commons/1/18/Monobook-bullet.png");
 
}
 
 
li.FA {
 
  list-style-image: url("https://upload.wikimedia.org/wikipedia/commons/d/d4/Monobook-bullet-star.png");
 
}
 
 
.mw-plusminus-pos {
 
  color: #006400;
 
}
 
 
.mw-plusminus-neg {
 
  color: #8B0000;
 
}
 
 
/* styles for bordered infobox with merged rows */
 
.infobox.bordered .mergedtoprow td,
 
.infobox.bordered .mergedtoprow th {
 
  border: 0;
 
  border-top: 1px solid #aaa;
 
  border-right: 1px solid #aaa;
 
}
 
 
.infobox.bordered .mergedrow td,
 
.infobox.bordered .mergedrow th {
 
  border: 0;
 
  border-right: 1px solid #aaa;
 
}
 
 
 
/* styles for geography infoboxes, e.g. countries, country subdivisions, cities, etc. */
 
 
.infobox.geography {
 
  text-align: left;
 
  border-collapse: collapse;
 
  line-height: 1.2em;
 
  font-size: 90%;
 
}
 
 
.infobox.geography  td,
 
.infobox.geography  th {
 
  border-top: solid 1px #aaa;
 
  padding: 0.4em 0.6em 0.4em 0.6em;
 
}
 
.infobox.geography .mergedtoprow td,
 
.infobox.geography .mergedtoprow th {
 
  border-top: solid 1px #aaa;
 
  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: solid 1px #aaa;
 
  padding: 0 0.6em 0.4em 0.6em;
 
}
 
 
.infobox.geography .maptable td,
 
.infobox.geography .maptable th {
 
      border: 0;
 
      padding: 0;
 
}
 
 
/*</nowiki></pre>*/
 

Latest revision as of 15:11, 1 July 2021