MediaWiki:Common.css: Difference between revisions

Revision as of 18:09, 18 August 2009

/* CSS placed here will be applied to all skins */
/* wikitable/prettytable class for skinning normal tables */
table.wikitable,
table.prettytable {
    margin: 1em 1em 1em 0;
    background: #f9f9f9;
    border: 1px #aaa solid;
    border-collapse: collapse;
}
.wikitable th, .wikitable td,
.prettytable th, .prettytable td {
    border: 1px #aaa solid;
    padding: 0.2em;
}
.wikitable th,
.prettytable th {
    background: #f2f2f2;
    text-align: center;
}
.wikitable caption,
.prettytable caption {
    margin-left: inherit;
    margin-right: inherit;
    font-weight: bold;
}

/* Change the external link icon to an Adobe icon for all PDF files
   in browsers that support these CSS selectors, like Mozilla and Opera */
#content a[href$=".pdf"].external, 
#content a[href*=".pdf?"].external, 
#content a[href*=".pdf#"].external,
#content a[href$=".PDF"].external, 
#content a[href*=".PDF?"].external, 
#content a[href*=".PDF#"].external{
    background: 
        url("http://www.ndwiki.org/w/uploads/d/dc/File_acrobat.gif")
        center right no-repeat;
    padding-right: 16px;
}

/* Image message box styles */
table.imbox {
    margin: 4px 10%; 
    border-collapse: collapse; 
    border: 3px solid #1e90ff;    /* Default "notice" blue */
    background: #fbfbfb;
}
.imbox .mbox-text .imbox,
.imbox-text .imbox {     /* For imboxes inside imbox-text cells. */
    margin: 0 -0.5em;    /* 0.9 - 0.5 = 0.4em left/right. */
}
.mbox-inside .imbox {    /* For imboxes inside other templates. */
    margin: 4px;
}
.imbox th.mbox-text, .imbox td.mbox-text,
th.imbox-text, td.imbox-text {    /* The message body cell(s) */
    border: none; 
    padding: 0.25em 0.9em;        /* 0.9em left/right */
    width: 100%;
}
.imbox td.mbox-image,
td.imbox-image {                  /* The left image cell */
    border: none; 
    padding: 2px 0 2px 0.9em;     /* 0.9em left, 0px right */
    text-align: center; 
}
.imbox td.mbox-imageright,
td.imbox-imageright {             /* The right image cell */
    border: none;
    padding: 2px 0.9em 2px 0;     /* 0px left, 0.9em right */
    text-align: center; 
}
 
table.imbox-notice {
    border: 3px solid #1e90ff;    /* Blue */
}
table.imbox-speedy {
    border: 3px solid #b22222;    /* Red */
    background: #fee;             /* Pink */
}
table.imbox-delete {
    border: 3px solid #b22222;    /* Red */
}
table.imbox-content {
    border: 3px solid #f28500;    /* Orange */
}
table.imbox-style {
    border: 3px solid #f4c430;    /* Yellow */
}
table.imbox-move {
    border: 3px solid #9932cc;    /* Purple */
}
table.imbox-protection {
    border: 3px solid #bba;       /* Gray-gold */
}
table.imbox-license {
    border: 3px solid #88a;       /* Dark gray */
    background: #f7f8ff;          /* Light gray */
}
table.imbox-featured {
    border: 3px solid #cba135;    /* Brown-gold */
}

/* No borders and no background on pre */
.barepre pre {padding:0; border:none;background-color: transparent !important;}

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

/* rounded corners */
.rtop, .rbottom { display: block; padding: 0px; margin: 0px }
.rtop *, .rbottom * { display: block; height: 1px; overflow: hidden; padding: 0px }
.r1 {margin: 0 5px}
.r2 {margin: 0 3px}
.r3 {margin: 0 2px}
.r4 {margin: 0 1px; height: 2px}
/* end rounded corners */

/* Navbox colors */
.navbox-blue { 
    background-color: #cbdcfc; 
    border: 2px grey solid;
    padding: .5em; 
    margin-top: 10px;
    -moz-border-radius:0.4em;
}
.navbox-orange { 
    background-color: #ffddae;
    border: 2px grey solid;
    padding: .5em; 
    margin-top: 10px;
    -moz-border-radius:0.4em;
}
.navbox-oreen { 
    background-color: #d0e0d0; 
    border: 2px grey solid;
    padding: .5em; 
    margin-top: 10px;
    -moz-border-radius:0.4em;
}
.navbox-litegrey {
    background-color: #f2f2f2;
    border: 2px grey solid;
    padding: .5em; 
    margin-top: 10px;
    -moz-border-radius:0.4em;
}

.navbox-grey {
    background-color: grey;
    border: 2px grey solid;
    padding: .5em; 
    margin-top: 10px;
    -moz-border-radius:0.4em;
}

/* Infobox stuff */
.infobox {
   border: 1px solid #aaaaaa;
   background-color: #f9f9f9;
   color: black;
   margin:.5em 0 .5em 1em;
   padding: .2em;
   float: right;
   clear: right;
}
.infobox td,
.infobox th {
   vertical-align: top;
   padding-left: 3px;
   padding-right: 3px;
}
.infobox caption { font-size: larger; }
.infobox.bordered { border-collapse: collapse; }
.infobox.bordered td,
.infobox.bordered th { border: 1px solid #aaaaaa; }
 
.infobox.bordered .borderless td,
.infobox.bordered .borderless th { border: 0; }


/* extra buttons for edit dialog */
.my-buttons { padding: 0.5em; margin-top:10px; border-style:solid; border-width:1px; border-color:#aaaaaa; padding:1px; text-align:center; font-size:90%; }
.my-buttons a {
  color: black;
  background-color: #ccddee !important;
  font-weight: bold;
  font-size: 0.9em;
  text-decoration: none;
  border: thin #006699 outset;
  padding: 0 0.1em 0.1em 0.1em;
}
.my-buttons a:hover, .my-buttons a:active {
  background-color: #bbccdd;
  border-style: inset;
}