MediaWiki:Monobook.css

From Huh

(Difference between revisions)
 
Line 1: Line 1:
-
/* <pre> edit this file to customize the monobook skin for the entire site */
+
/*  
-
table.wikitable, tr.wikitable {
+
 
 +
==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 [[Wikipedia:Village Pump]]. 
 +
 
 +
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.
 +
{{interwiki-all}}
 +
 
 +
<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;
 +
}
 +
 
 +
/* Donations link to be uncommented during fundraising drives  */
 +
#siteNotice {
 +
    margin-top:5px;
 +
    padding-left: 4px;
 +
    font-style: italic;
 +
    text-align: center;
 +
    background: transparent;
 +
}
 +
 
 +
/*
 +
#fundraising {
 +
text-align: center;
 +
border: 1px solid gray;
 +
padding: 5px;
 +
}
 +
*/
 +
 
 +
/****************************/
 +
/* 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;
 +
}
 +
 
 +
#mytabs li {
 +
    background: #F8FCFF;
 +
}
 +
 
 +
.ns-0 * #mytabs li {
 +
    background: white;
 +
}
 +
 
 +
#mytabs li a {
 +
    background-color: #F8FCFF;
 +
}
 +
 
 +
.ns-0 * #mytabs li a {
     background-color: white;
     background-color: white;
-
    border: none;
 
}
}
-
td.wikitable {
+
#p-cactions li a, #p-cactions li a:hover, #p-cactions li.selected a {
-
     background-color: #f9f9f9;
+
     background-color: #F8FCFF;
-
    border: 1px solid #ccc;
+
}
}
 +
.ns-0 * #p-cactions li a {
 +
    background-color: #fbfbfb;
 +
}
-
/* </pre> */
+
.ns-0 * #p-cactions li.selected a, .ns-0 * #p-cactions li a:hover {
 +
    background-color: white;
 +
}
 +
 
 +
.ns-0 * #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 "From Wikipedia, the free encyclopedia" */
 +
#siteSub {
 +
    display: inline;
 +
    font-size: 92%;
 +
    font-weight: normal;
 +
}
 +
 
 +
#bodyContent #siteSub a {
 +
    color: #000;
 +
    text-decoration: none;
 +
    background-color: transparent;
 +
    background-image: none;
 +
    padding-right: 0;
 +
}
 +
 
 +
/* 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("http://upload.wikimedia.org/wikipedia/en/1/18/Monobook-bullet.png");
 +
}
 +
 
 +
li.FA {
 +
  list-style-image: url("http://upload.wikimedia.org/wikipedia/en/d/d4/Monobook-bullet-star.png");
 +
}
 +
 
 +
.mw-plusminus-pos {
 +
  color: #006400;
 +
}
 +
 
 +
.mw-plusminus-neg {
 +
  color: #8B0000;
 +
}
 +
 
 +
/* Infobox template style */
 +
 
 +
.infobox {
 +
  border: 1px solid #aaa;
 +
  background-color: #f9f9f9;
 +
  color: black;
 +
}
 +
 
 +
.infobox.bordered td,
 +
.infobox.bordered th {
 +
  border: 1px solid #aaa;
 +
}
 +
 
 +
/* styles for bordered infobox with merged rows */
 +
.infobox.bordered .mergedtoprow td,
 +
.infobox.bordered .mergedtoprow th {
 +
  border-top: 1px solid #aaa;
 +
  border-right: 1px solid #aaa;
 +
}
 +
 
 +
.gallerybox .thumb img {
 +
  background: #F9F9F9;
 +
}
 +
 
 +
.infobox.bordered .mergedrow td,
 +
.infobox.bordered .mergedrow th {
 +
  border-right: 1px solid #aaa;
 +
}
 +
/*</nowiki></pre>*/

Current revision as of 01:58, 9 May 2007

/* 

==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 [[Wikipedia:Village Pump]].  

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. 
{{interwiki-all}}

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

/* Donations link to be uncommented during fundraising drives  */
#siteNotice {
    margin-top:5px;
    padding-left: 4px;
    font-style: italic;
    text-align: center;
    background: transparent;
}

/*
#fundraising {
 text-align: center;
 border: 1px solid gray;
 padding: 5px;
}
*/

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

#mytabs li {
    background: #F8FCFF;
}

.ns-0 * #mytabs li {
    background: white;
}

#mytabs li a {
    background-color: #F8FCFF;
}

.ns-0 * #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-0 * #p-cactions li.selected a, .ns-0 * #p-cactions li a:hover {
    background-color: white;
}

.ns-0 * #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 "From Wikipedia, the free encyclopedia" */
#siteSub {
    display: inline;
    font-size: 92%;
    font-weight: normal;
}

#bodyContent #siteSub a {
    color: #000;
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    padding-right: 0;
}

/* 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("http://upload.wikimedia.org/wikipedia/en/1/18/Monobook-bullet.png");
}

li.FA {
  list-style-image: url("http://upload.wikimedia.org/wikipedia/en/d/d4/Monobook-bullet-star.png");
}

.mw-plusminus-pos {
  color: #006400;
}

.mw-plusminus-neg {
  color: #8B0000;
}

/* Infobox template style */

.infobox {
   border: 1px solid #aaa;
   background-color: #f9f9f9;
   color: black;
}

.infobox.bordered td,
.infobox.bordered th {
   border: 1px solid #aaa;
}

/* styles for bordered infobox with merged rows */
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
   border-top: 1px solid #aaa;
   border-right: 1px solid #aaa;
}

.gallerybox .thumb img {
  background: #F9F9F9;
}

.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
   border-right: 1px solid #aaa;
}
/*</nowiki></pre>*/
Personal tools