Difference between revisions of "MediaWiki:Monobook.css"

From OrbiterWiki
Jump to navigation Jump to search
 
(Rounded corners for Firefox)
Line 1: Line 1:
/* edit this file to customize the monobook skin for the entire site */
+
/* <pre> */
 +
 
 +
/* 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;
 +
}
 +
 
 +
#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; }
 +
 
 +
 
 +
/* Change the background colour (and selected tab border
 +
  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> */

Revision as of 10:23, 22 July 2005

/* <pre> */

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

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


/* Change the background colour (and selected tab border
   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> */