MediaWiki:Common.css
Revision as of 09:18, 2 May 2017 by MyraMidnight (talk | contribs)
Note: After saving, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* CSS placed here will be applied to all skins */
#p-logo a
{
background-size:contain;
background-color:transparent;
}
/* ============ The TABLE CLASS section ============ */
/* DEFAULT WIKITABLE */
table.wikitable {
margin: 1em 1em 1em 0;
background-color: #faf5ff;
border: 1px #afa3bf solid;
border-collapse: collapse;
color: black;
}
table.wikitable > tr > th,
table.wikitable > tr > td,
table.wikitable > * > tr > th,
table.wikitable > * > tr > td {
border: 1px #afa3bf solid;
padding: 0.2em;
}
table.wikitable > tr > th,
table.wikitable > * > tr > th {
background-color: #ddcef2;
text-align: center;
}
table.wikitable > caption {
font-weight: bold;
}
/* BLUE WIKITABLE */
table.bluetable {
margin: 1em 1em 1em 0;
background-color: #f5faff;
border: 1px #5eadff solid;
border-collapse: collapse;
color: black;
}
table.bluetable > tr > th,
table.bluetable > tr > td,
table.bluetable > * > tr > th,
table.bluetable > * > tr > td {
border: 1px #5eadff solid;
padding: 0.2em;
}
table.bluetable > tr > th,
table.bluetable > * > tr > th {
background-color: #bbdbfc;
text-align: center;
}
table.bluetable > caption {
font-weight: bold;
}
/* PURPLE WIKITABLE */
table.purpletable {
margin: 1em 1em 1em 0;
background-color: #faf5ff;
border: 1px #afa3bf solid;
border-collapse: collapse;
color: black;
}
table.purpletable > tr > th,
table.purpletable > tr > td,
table.purpletable > * > tr > th,
table.purpletable > * > tr > td {
border: 1px #afa3bf solid;
padding: 0.2em;
}
table.purpletable > tr > th,
table.purpletable > * > tr > th {
background-color: #ddcef2;
text-align: center;
}
table.purpletable > caption {
font-weight: bold;
}
/* PINK wikitable */
table.pinktable {
margin: 1em 1em 1em 0;
background-color: #fff5fa;
border: 1px #bfa3af solid;
border-collapse: collapse;
color: black;
}
table.pinktable > tr > th,
table.pinktable > tr > td,
table.pinktable > * > tr > th,
table.pinktable > * > tr > td {
border: 1px #bfa3af solid;
padding: 0.2em;
}
table.pinktable > tr > th,
table.pinktable > * > tr > th {
background-color: #f2cedd;
text-align: center;
}
table.pinktable > caption {
font-weight: bold;
}
/* GREEN WIKITABLE */
table.greentable {
margin: 1em 1em 1em 0;
background-color: #f5fffa;
border: 1px #a3bfb1 solid;
border-collapse: collapse;
color: black;
}
table.greentable > tr > th,
table.greentable > tr > td,
table.greentable > * > tr > th,
table.greentable > * > tr > td {
border: 1px #a3bfb1 solid;
padding: 0.2em;
}
table.greentable > tr > th,
table.greentable > * > tr > th {
background-color: #cef2e0;
text-align: center;
}
table.greentable > caption {
font-weight: bold;
}
/* NAVBOX WIKITABLE */
table.navbox { /* Navbox container style */
border: 1px solid #989cb7;
width: 100%;
margin: auto;
clear: both;
font-size: 88%;
text-align: center;
padding: 1px;
}
.navbox-inner,
.navbox-subgroup {
width: 100%;
}
.navbox-group,
.navbox-title,
.navbox-abovebelow {
padding: 0.25em 1em; /* Title, group and above/below styles */
line-height: 1.5em;
text-align: center;
}
th.navbox-group { /* Group style */
white-space: nowrap;
/* @noflip */
text-align: right;
}
.navbox,
.navbox-subgroup {
background: #fdfdfd; /* Background color */
}
.navbox-list {
line-height: 1.8em;
border-color: #fdfdfd; /* Must match background color */
}
.navbox th,
.navbox-title {
background: #ccccff; /* Level 1 color */
}
.navbox-abovebelow,
th.navbox-group,
.navbox-subgroup .navbox-title {
background: #ddddff; /* Level 2 color */
}
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
background: #e6e6ff; /* Level 3 color */
}
.navbox-even {
background: #f7f7f7; /* Even row striping */
text-align:left;
}
.navbox-odd {
background: transparent; /* Odd row striping */
text-align:left;
}
table.navbox + table.navbox { /* Single pixel border between adjacent navboxes */
margin-top: -1px; /* (doesn't work for IE6, but that's okay) */
}
.navbox .hlist td dl,
.navbox .hlist td ol,
.navbox .hlist td ul,
.navbox td.hlist dl,
.navbox td.hlist ol,
.navbox td.hlist ul {
padding: 0.125em 0; /* Adjust hlist padding in navboxes */
}
ol + table.navbox,
ul + table.navbox {
margin-top: 0.5em; /* Prevent lists from clinging to navboxes */
}
/* ============= MOBILE DETECTION! ======== */
.nomobile { /* Hides when page is too narrow such as on mobile */
display: none;
}
@media only screen and (min-width: 408px) {
.nomobile {
display: block;
width:408px;
}
}
/* ============= MESSAGE BOX ===================== */
/* Messagebox templates */
.messagebox {
border: 1px solid #a2a9b1;
background-color: #f8f9fa;
width: 80%;
margin: 0 auto 1em auto;
padding: .2em;
}
.messagebox.merge {
border: 1px solid #c0b8cc;
background-color: #f0e5ff;
text-align: center;
}
.messagebox.cleanup {
border: 1px solid #9f9fff;
background-color: #efefff;
text-align: center;
}
.messagebox.standard-talk {
border: 1px solid #c0c090;
background-color: #f8eaba;
margin: 4px auto;
}
/* For old WikiProject banners inside banner shells. */
.mbox-inside .standard-talk,
.messagebox.nested-talk {
border: 1px solid #c0c090;
background-color: #f8eaba;
width: 100%;
margin: 2px 0;
padding: 2px;
}
.messagebox.small {
width: 238px;
font-size: 85%;
/* @noflip */
float: right;
clear: both;
/* @noflip */
margin: 0 0 1em 1em;
line-height: 1.25em;
}
.messagebox.small-talk {
width: 238px;
font-size: 85%;
/* @noflip */
float: right;
clear: both;
/* @noflip */
margin: 0 0 1em 1em;
line-height: 1.25em;
background: #F8EABA;
}
/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */
th.mbox-text, td.mbox-text { /* The message body cell(s) */
border: none;
/* @noflip */
padding: 0.25em 0.9em; /* 0.9em left/right */
width: 100%; /* Make all mboxes the same width regardless of text length */
}
td.mbox-image { /* The left image cell */
border: none;
/* @noflip */
padding: 2px 0 2px 0.9em; /* 0.9em left, 0px right */
text-align: center;
}
td.mbox-imageright { /* The right image cell */
border: none;
/* @noflip */
padding: 2px 0.9em 2px 0; /* 0px left, 0.9em right */
text-align: center;
}
td.mbox-empty-cell { /* An empty narrow cell */
border: none;
padding: 0;
width: 1px;
}
/* Article message box styles */
table.ambox {
margin: 0 10%; /* 10% = Will not overlap with other elements */
border: 1px solid #a2a9b1;
/* @noflip */
border-left: 10px solid #36c; /* Default "notice" blue */
background: #fbfbfb;
}
table.ambox + table.ambox { /* Single border between stacked boxes. */
margin-top: -1px;
}
.ambox th.mbox-text,
.ambox td.mbox-text { /* The message body cell(s) */
padding: 0.25em 0.5em; /* 0.5em left/right */
}
.ambox td.mbox-image { /* The left image cell */
/* @noflip */
padding: 2px 0 2px 0.5em; /* 0.5em left, 0px right */
}
.ambox td.mbox-imageright { /* The right image cell */
/* @noflip */
padding: 2px 0.5em 2px 0; /* 0px left, 0.5em right */
}
table.ambox-notice {
/* @noflip */
border-left: 10px solid #36c; /* Blue */
}
table.ambox-speedy {
/* @noflip */
border-left: 10px solid #b32424; /* Red */
background: #fee7e6; /* Pink */
}
table.ambox-delete {
/* @noflip */
border-left: 10px solid #b32424; /* Red */
}
table.ambox-content {
/* @noflip */
border-left: 10px solid #f28500; /* Orange */
}
table.ambox-style {
/* @noflip */
border-left: 10px solid #fc3; /* Yellow */
}
table.ambox-move {
/* @noflip */
border-left: 10px solid #9932cc; /* Purple */
}
table.ambox-protection {
/* @noflip */
border-left: 10px solid #a2a9b1; /* Gray-gold */
}
/* "Muted" v0.1 color bars for the article message box templates */
table.mbox-delete {
border-left: 10px solid #B22222 ;
}
table.mbox-content {
border-left: 10px solid #FFCC66 ;
}
table.mbox-style {
border-left: 10px solid #F3EF84 ;
}
table.mbox-move {
border-left: 10px solid #BB99FF ;
}
table.mbox-notice {
border-left: 10px solid #BBE3F4 ;
}
table.mbox-merge {
border-left: 10px solid #9932cc;
}