Difference between revisions of "MediaWiki:Monobook.css"

From OrbiterWiki
Jump to navigation Jump to search
(Rounded corners for Firefox)
(remove all custom styling from catlinks)
 
(65 intermediate revisions by 2 users not shown)
Line 1: Line 1:
/* <pre> */
+
/* CSS placed here will affect users of the Monobook skin */
  
/* Round the corners of everything. */
+
/* Round the corners of everything. */
 +
#p-cactions ul li, #p-cactions ul li a {
 +
    -moz-border-radius-topleft: 8.1px; /* 0.59em; */
 +
    -moz-border-radius-topright: 8px; /* 0.57em; */
 +
}
 +
#content {
 +
    -moz-border-radius-topleft: 8.1px;
 +
    -moz-border-radius-bottomleft: 8.5px;
 +
}
 +
div.pBody {
 +
    -moz-border-radius-topright: 8px;
 +
    -moz-border-radius-bottomright: 8.4px;
 +
}
 +
pre, table#toc, div.thumb div, .ylwnote, .grnnote, .bluenote, .rednote {
 +
    -moz-border-radius-topleft: 8.1px;
 +
    -moz-border-radius-topright: 8px;
 +
    -moz-border-radius-bottomleft: 8.5px;
 +
    -moz-border-radius-bottomright: 8.4px;
 +
}
  
#p-cactions ul li, #p-cactions ul li a {
+
/* Change selected tab border */
    -moz-border-radius-topleft: 8.1px; /* 0.59em; */
+
#p-cactions ul li.selected {
    -moz-border-radius-topright: 8px; /* 0.57em; */
+
    border-color: #1080fa;
}
+
}
#content {
+
.ns-0 #p-cactions ul li.selected {
    -moz-border-radius-topleft: 8.1px;
+
    border-color: #fabd23;
    -moz-border-radius-bottomleft: 8.5px;
+
}
}
 
div.pBody {
 
    -moz-border-radius-topright: 8px;
 
    -moz-border-radius-bottomright: 8.4px;
 
}
 
pre, table#toc, div.thumb div, #ylwnote, #grnnote, #bluenote, #rednote {
 
    -moz-border-radius-topleft: 8.1px;
 
    -moz-border-radius-topright: 8px;
 
    -moz-border-radius-bottomleft: 8.5px;
 
    -moz-border-radius-bottomright: 8.4px;
 
}
 
  
#ylwnote, #grnnote, #bluenote, #rednote {
 
    margin: 1em 0 0 0;
 
    padding: 3px 5px;
 
    border: 1px solid #ccc;
 
}
 
#bluenote { background: #dfefff; }
 
#rednote { background: #ffdfbf; }
 
#ylwnote { background: #ffff93; }
 
#grnnote { background: #b5fbb3; }
 
  
 +
/* This makes a not-so-square not-a-box with categories */
 +
/*
 +
p.catlinks {
 +
    margin: 0;
 +
    padding: 0px 5px 2px 5px;
 +
}
 +
div#catlinks {
 +
    padding: 0;
 +
    font-size: 90%;
 +
    border-left: 1px solid #aaaaaa;
 +
    border-bottom: 1px solid #aaaaaa;
 +
    border-right: 1px solid #aaaaaa;
 +
    border-top: 1px solid #aaaaaa;
 +
    background-color: #f9f9f9;
 +
    text-align: left;
 +
    clear: none;
 +
    float: right;
 +
}
 +
div#catlinks p.catlinks {
 +
    clear: right;
 +
}
 +
*/
 +
.firstHeading {
 +
    margin-bottom: 0.4em;
 +
    margin-right: 0;
 +
    line-height: 1em;
 +
}
 +
 +
#contentSub {
 +
    margin-top: 3px;
 +
}
 +
 +
table.diff {
 +
    border: 1px solid #cccccc;
 +
    -moz-border-radius-topleft: 8.1px;
 +
    -moz-border-radius-topright: 8px;
 +
    -moz-border-radius-bottomleft: 8.5px;
 +
    -moz-border-radius-bottomright: 8.4px;
 +
    clear: both;
 +
}
 +
td.diff-context { background: inherit; }
 +
td.diff-deletedline, td.diff-addedline {
 +
    background: #eee;
 +
    color: inherit;
 +
    -moz-border-radius-topleft: 8.1px;
 +
    -moz-border-radius-topright: 8px;
 +
    -moz-border-radius-bottomleft: 8.5px;
 +
    -moz-border-radius-bottomright: 8.4px;
 +
}
 +
 +
td.diff-deletedline span.diffchange {
 +
    color: inherit;
 +
    background-color: #fcc;
 +
}
 +
td.diff-addedline span.diffchange {
 +
    color: inherit;
 +
    background-color: #cfc;
 +
}
 +
 +
#siteSub { display: none; } /* "From Wikipedia, the free encyclopedia." */
 +
#contentSub { text-align: right; margin: 0; padding: 0; }
 +
 +
#siteNotice {
 +
    border: none;
 +
    border-left: 1px solid #ccc;
 +
    border-bottom: 1px solid #ccc;
 +
    -moz-border-radius-bottomleft: 8.5px;
 +
    text-align: right;
 +
    font-size: 95%;
 +
    font-style: normal;
 +
    margin: 0 0 0 2em;
 +
    padding: 0;
 +
    float: right;
 +
    width: 40%;
 +
    line-height: normal;
 +
    background: #ffe;
 +
    clear: right;
 +
}
 +
 +
.ns-0 #content #siteNotice {
 +
    background: white;
 +
}
 +
 +
.plainlinks, .mainpagetable, .infobox { clear: both; }
 +
code { background: inherit; }
 +
 +
#fundraising {
 +
  text-align: right;
 +
  border: none;
 +
  padding: 0 0 5px 0;
 +
  margin: 0;
 +
}
 +
 +
table.metadata {
 +
  border: 1px solid black;
 +
  border-top: none;
 +
  -moz-border-radius-bottomleft: 8.5px;
 +
  -moz-border-radius-bottomright: 8.4px;
 +
}
 +
table.metadata caption {
 +
  border: 1px solid black;
 +
  background-color: #bdf;
 +
  -moz-border-radius-topleft: 8.1px;
 +
  -moz-border-radius-topright: 8px;
 +
  font-weight: bold;
 +
}
 +
#filetoc { display: none; }
 +
 +
table.elastomaniascoretable { border-collapse: collapse; }
 +
table.elastomaniascoretable td.b { background: #fcc; font-weight: bold; }
 +
table.elastomaniascoretable td { border: 1px solid black; padding: 0 3px; }
 +
table.elastomaniascoretable th { background: #ccc; }
 +
table.elastomaniascoretable tr.r td { border-top: 2px solid black; }
  
/* Change the background colour (and selected tab border
+
div.noarticletext { margin-top: 0.7em; }
  colour) for non-article pages */
 
 
 
#content, #p-cactions ul li.selected a {
 
    background: #f5f5ff;
 
}
 
#p-cactions ul li.selected {
 
    border-color: #1080fa;
 
}
 
.ns-0 #content, .ns-0 #p-cactions ul li.selected a {
 
    background: white;
 
}
 
.ns-0 #p-cactions ul li.selected {
 
    border-color: #fabd23;
 
}
 
 
 
 
 
/* Change the colour and style of the borders around
 
  "pre"s. */
 
 
 
pre {
 
    border: 1px solid #A2C5E6;
 
}
 
 
 
 
 
/* make the Table of Contents look the same way as the
 
  info box in the top-right of my User page. */
 
 
 
table#toc {
 
    border: 1px solid #aaaaaa;
 
    border-spacing: 0;
 
    background-color: #f9f9f9;
 
    padding: 0;
 
    font-size: 95%;
 
    margin-top: 10px;
 
}
 
 
 
table#toc tr#toctitle td {
 
    background-color: #e9e9e9;
 
    -moz-border-radius-topleft: 8.1px;
 
    -moz-border-radius-topright: 8px;
 
    padding: 0 10px;
 
}
 
 
 
table#toc tr#tocinside td {
 
    border-top: 1px solid #aaaaaa;
 
    background-color: inherit;
 
    padding: 5px;
 
}
 
 
 
 
 
/* Underline all links. */
 
 
 
a, a:link, a:visited, a:hover, a.extiw, a.extiw:link, a.extiw:visited, a.extiw:hover { text-decoration: underline; }
 
 
 
 
 
table { background: inherit; }
 
 
 
/* This makes a not-so-square not-a-box with categories */
 
p.catlinks {
 
    margin: 0;
 
    padding: 0px 5px 2px 5px;
 
}
 
div#catlinks {
 
    margin: -1px 0 0 50%;
 
    padding: 0;
 
    font-size: 90%;
 
    border-left: 1px solid #aaaaaa;
 
    border-bottom: 1px solid #aaaaaa;
 
    border-right: 1px solid #aaaaaa;
 
    border-top: 1px solid #aaaaaa;
 
    -moz-border-radius-bottomleft: 8.5px;
 
    -moz-border-radius-bottomright: 8.4px;
 
    -moz-border-radius-topright: 8px;
 
    background-color: #f9f9f9;
 
    text-align: left;
 
    clear: none;
 
}
 
div#catlinks p.catlinks {
 
    clear: right;
 
}
 
.firstHeading {
 
    margin-bottom: 0;
 
    margin-right: 9px;
 
    line-height: 1em;
 
}
 
 
 
#contentSub {
 
    margin-top: 3px;
 
}
 
 
 
table.diff {
 
    border: 1px solid #cccccc;
 
    -moz-border-radius-topleft: 8.1px;
 
    -moz-border-radius-topright: 8px;
 
    -moz-border-radius-bottomleft: 8.5px;
 
    -moz-border-radius-bottomright: 8.4px;
 
    clear: both;
 
}
 
td.diff-context { background: inherit; }
 
td.diff-deletedline, td.diff-addedline {
 
    background: #eee;
 
    color: inherit;
 
    -moz-border-radius-topleft: 8.1px;
 
    -moz-border-radius-topright: 8px;
 
    -moz-border-radius-bottomleft: 8.5px;
 
    -moz-border-radius-bottomright: 8.4px;
 
}
 
 
 
td.diff-deletedline span.diffchange {
 
    color: inherit;
 
    background-color: #fcc;
 
}
 
td.diff-addedline span.diffchange {
 
    color: inherit;
 
    background-color: #cfc;
 
}
 
 
 
#siteSub { display: none; } /* "From Wikipedia, the free encyclopedia." */
 
#contentSub { text-align: right; margin: 0; padding: 0; }
 
 
 
#siteNotice {
 
    border: none;
 
    border-left: 1px solid #ccc;
 
    border-bottom: 1px solid #ccc;
 
    -moz-border-radius-bottomleft: 8.5px;
 
    text-align: right;
 
    font-size: 75%;
 
    font-style: normal;
 
    margin: 0 0 0 2em;
 
    padding: 0;
 
    float: right;
 
    width: 28%;
 
    line-height: normal;
 
    background: #f5f5ff;
 
    clear: right;
 
}
 
 
 
.ns-0 #content #siteNotice {
 
    background: white;
 
}
 
 
 
.plainlinks, .mainpagetable, .infobox { clear: both; }
 
code { background: inherit; }
 
 
 
#fundraising {
 
  text-align: right;
 
  border: none;
 
  padding: 0 0 5px 0;
 
  margin: 0;
 
}
 
 
 
/* </pre> */
 

Latest revision as of 23:02, 14 June 2011

 /* CSS placed here will affect users of the Monobook skin */

 /* Round the corners of everything. */
 #p-cactions ul li, #p-cactions ul li a {
     -moz-border-radius-topleft: 8.1px; /* 0.59em; */
     -moz-border-radius-topright: 8px; /* 0.57em; */
 }
 #content {
     -moz-border-radius-topleft: 8.1px;
     -moz-border-radius-bottomleft: 8.5px;
 }
 div.pBody {
     -moz-border-radius-topright: 8px;
     -moz-border-radius-bottomright: 8.4px;
 }
 pre, table#toc, div.thumb div, .ylwnote, .grnnote, .bluenote, .rednote {
     -moz-border-radius-topleft: 8.1px;
     -moz-border-radius-topright: 8px;
     -moz-border-radius-bottomleft: 8.5px;
     -moz-border-radius-bottomright: 8.4px;
 }

 /* Change selected tab border */
 #p-cactions ul li.selected {
     border-color: #1080fa;
 }
 .ns-0 #p-cactions ul li.selected {
     border-color: #fabd23;
 }


 /* This makes a not-so-square not-a-box with categories */
 /*
 p.catlinks {
     margin: 0;
     padding: 0px 5px 2px 5px;
 }
 div#catlinks {
     padding: 0;
     font-size: 90%;
     border-left: 1px solid #aaaaaa;
     border-bottom: 1px solid #aaaaaa;
     border-right: 1px solid #aaaaaa;
     border-top: 1px solid #aaaaaa;
     background-color: #f9f9f9;
     text-align: left;
     clear: none;
     float: right;
 }
 div#catlinks p.catlinks {
     clear: right;
 }
 */
 .firstHeading {
     margin-bottom: 0.4em;
     margin-right: 0;
     line-height: 1em;
 }
 
 #contentSub {
     margin-top: 3px;
 }
 
 table.diff {
     border: 1px solid #cccccc;
     -moz-border-radius-topleft: 8.1px;
     -moz-border-radius-topright: 8px;
     -moz-border-radius-bottomleft: 8.5px;
     -moz-border-radius-bottomright: 8.4px;
     clear: both;
 }
 td.diff-context { background: inherit; }
 td.diff-deletedline, td.diff-addedline {
     background: #eee;
     color: inherit;
     -moz-border-radius-topleft: 8.1px;
     -moz-border-radius-topright: 8px;
     -moz-border-radius-bottomleft: 8.5px;
     -moz-border-radius-bottomright: 8.4px;
 }
 
 td.diff-deletedline span.diffchange {
     color: inherit;
     background-color: #fcc;
 }
 td.diff-addedline span.diffchange {
     color: inherit;
     background-color: #cfc;
 }
 
 #siteSub { display: none; } /* "From Wikipedia, the free encyclopedia." */
 #contentSub { text-align: right; margin: 0; padding: 0; }
 
 #siteNotice {
     border: none;
     border-left: 1px solid #ccc;
     border-bottom: 1px solid #ccc;
     -moz-border-radius-bottomleft: 8.5px;
     text-align: right;
     font-size: 95%;
     font-style: normal;
     margin: 0 0 0 2em;
     padding: 0;
     float: right;
     width: 40%;
     line-height: normal;
     background: #ffe;
     clear: right;
 }
 
 .ns-0 #content #siteNotice {
     background: white;
 }
 
 .plainlinks, .mainpagetable, .infobox { clear: both; }
 code { background: inherit; }
 
 #fundraising {
   text-align: right;
   border: none;
   padding: 0 0 5px 0;
   margin: 0;
 }
 
 table.metadata {
   border: 1px solid black;
   border-top: none;
   -moz-border-radius-bottomleft: 8.5px;
   -moz-border-radius-bottomright: 8.4px;
 }
 table.metadata caption {
   border: 1px solid black;
   background-color: #bdf;
   -moz-border-radius-topleft: 8.1px;
   -moz-border-radius-topright: 8px;
   font-weight: bold;
 }
 #filetoc { display: none; }
 
 table.elastomaniascoretable { border-collapse: collapse; }
 table.elastomaniascoretable td.b { background: #fcc; font-weight: bold; }
 table.elastomaniascoretable td { border: 1px solid black; padding: 0 3px; }
 table.elastomaniascoretable th { background: #ccc; }
 table.elastomaniascoretable tr.r td { border-top: 2px solid black; }

 div.noarticletext { margin-top: 0.7em; }