MediaWiki:Common.css: Difference between revisions

Changing the color on the margins to light blue
(Try to add icon to interwiki links. Maybe a bad idea?)
(Changing the color on the margins to light blue)
 
(14 intermediate revisions by one other user not shown)
Line 2:
 
 
/* Background color to identify block quotes */
blockquote {
background: #f9f9f9;
}
 
/* Styling for citations. Breaks long urls, etc., rather than overflowing box */
.citation {
word-wrap: break-word;
}
 
/* For linked citation numbers and document IDs, where the number need not be shown
on a screen or a handheld, but should be included in the printed version */
@media screen, handheld {
.citation .printonly {
display: none;
}
}
 
/* For Template:Reflist, from Wikipedia */
Line 17 ⟶ 34:
 
 
/* Default style for navigation boxes */
.navbox { /* Navbox container style */
box-sizing: border-box;
border: 1px solid #a2a9b1;
width: 100%;
clear: both;
font-size: 88%;
text-align: center;
padding: 1px;
margin: 1em auto 0; /* Prevent preceding content from clinging to navboxes */
}
.navbox .navbox {
margin-top: 0; /* No top margin for nested navboxes */
}
.navbox + .navbox {
margin-top: -1px; /* Single pixel border between adjacent navboxes */
}
.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-color: #fdfdfd; /* Background color */
}
.navbox-list {
line-height: 1.5em;
border-color: #fdfdfd; /* Must match background color */
}
/* cell spacing for navbox cells */
tr + tr > .navbox-abovebelow,
tr + tr > .navbox-group,
tr + tr > .navbox-image,
tr + tr > .navbox-list { /* Borders above 2nd, 3rd, etc. rows */
border-top: 2px solid #fdfdfd; /* Must match background color */
}
.navbox th,
.navbox-title {
background-color: #ccccff; /* Level 1 color */
}
.navbox-abovebelow,
th.navbox-group,
.navbox-subgroup .navbox-title {
background-color: #ddddff; /* Level 2 color */
}
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
background-color: #e6e6ff; /* Level 3 color */
}
.navbox-even {
background-color: #f7f7f7; /* Even row striping */
}
.navbox-odd {
background-color: transparent; /* Odd row striping */
}
.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 */
}
 
/* Default styling for Navbar template */
.navbar {
display: inline;
font-size: 88%;
font-weight: normal;
}
.navbar ul {
display: inline-block;
white-space: nowrap;
}
.mw-body-content .navbar ul {
line-height: inherit;
}
.navbar li {
word-spacing: -0.125em;
}
.navbar.mini li abbr[title] {
font-variant: small-caps;
border-bottom: none;
text-decoration: none;
cursor: inherit;
}
/* Navbar styling when nested in infobox and navbox */
.infobox .navbar {
font-size: 100%;
}
.navbox .navbar {
display: block;
font-size: 100%;
}
.navbox-title .navbar {
/* @noflip */
float: left;
/* @noflip */
text-align: left;
/* @noflip */
margin-right: 0.5em;
}
 
/* Styling for JQuery makeCollapsible, matching that of collapseButton */
.mw-parser-output .mw-collapsible-toggle {
font-weight: normal;
/* @noflip */
text-align: right;
padding-right: 0.2em;
padding-left: 0.2em;
}
.mw-collapsible-leftside-toggle .mw-collapsible-toggle {
/* @noflip */
float: left;
/* @noflip */
text-align: left;
}
 
/* Infobox template style */
.infobox {
border: 1px solid #a2a9b1;
border-spacing: 3px;
background-color: #f8f9fa;
color: black;
/* @noflip */
margin: 0.5em 0 0.5em 1em;
padding: 0.2em;
/* @noflip */
float: right;
/* @noflip */
clear: right;
font-size: 88%;
line-height: 1.5em;
}
.infobox caption {
font-size: 125%;
font-weight: bold;
padding: 0.2em;
text-align: center;
}
.infobox td,
.infobox th {
vertical-align: top;
/* @noflip */
text-align: left;
}
.infobox.bordered {
border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
border: 1px solid #a2a9b1;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
border: 0;
}
 
.infobox.sisterproject {
width: 20em;
font-size: 90%;
}
 
.infobox.standard-talk {
border: 1px solid #c0c090;
background-color: #f8eaba;
}
.infobox.standard-talk.bordered td,
.infobox.standard-talk.bordered th {
border: 1px solid #c0c090;
}
 
/* styles for bordered infobox with merged rows */
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
border: 0;
border-top: 1px solid #a2a9b1;
/* @noflip */
border-right: 1px solid #a2a9b1;
}
 
.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
border: 0;
/* @noflip */
border-right: 1px solid #a2a9b1;
}
 
 
/* Normal font styling for wikitable row headers with scope="row" tag */
.wikitable.plainrowheaders th[scope=row] {
font-weight: normal;
/* @noflip */
text-align: left;
}
 
/* Lists in wikitable data cells are always left-aligned */
.wikitable td ul,
.wikitable td ol,
.wikitable td dl {
/* @noflip */
text-align: left;
}
/* ...unless they also use the hlist class */
.toc.hlist ul,
#toc.hlist ul,
.wikitable.hlist td ul,
.wikitable.hlist td ol,
.wikitable.hlist td dl {
text-align: inherit;
}
 
/* PDF external links, from Wikipedia */
 
/* Change the external link icon to an Adobe icon for all PDF files */
div#content.mw-parser-output a[href$=".pdf"].external,
div#content.mw-parser-output a[href*=".pdf?"].external,
div#content.mw-parser-output a[href*=".pdf#"].external,
div#content.mw-parser-output a[href$=".PDF"].external,
div#content.mw-parser-output a[href*=".PDF?"].external,
div#content.mw-parser-output a[href*=".PDF#"].external, {
div#mw_content a[href$=".pdf"].external,
div#mw_content a[href*=".pdf?"].external,
div#mw_content a[href*=".pdf#"].external,
div#mw_content a[href$=".PDF"].external,
div#mw_content a[href*=".PDF?"].external,
div#mw_content a[href*=".PDF#"].external {
/* Host this image locally? */
background: url("httphttps://upload.wikimedia.org/wikipedia/commons/2d/23d6/Icons-mini-file_acrobat.gifpng") no-repeat right;
/* @noflip */
padding-right: 18px;
}
 
 
 
/* Add an icon to Wikipedia interwiki links */
div#content.mw-parser-output a[href*="wikipedia.org/"].extiw, {
div#mw_content a[href*="wikipedia.org/"].extiw {
/* Host this image locally? */
background: url("httphttps://upload.wikimedia.org/wikipedia/commons/bthumb/b08/80/Wikipedia-faviconlogo-v2.svg/12px-Wikipedia-logo-v2.svg.png") no-repeat right;
/* @noflip */
padding-right: 18px16px;
}
 
/* Add an icon to Wiktionary interwiki links */
.mw-parser-output a[href*="wiktionary.org/"].extiw {
/* Host this image locally? */
background: url(https://upload.wikimedia.org/wikipedia/commons/2/26/Small_icon_wiktionary.PNG) no-repeat right;
/* @noflip */
padding-right: 16px;
}
 
/* Add an icon to Mediawiki interwiki links */
 
div#content a[href*="mediawiki.org/"].extiw,
 
div#mw_content a[href*="mediawiki.org/"].extiw {
/* Host this image locally? */
background: url(https://upload.wikimedia.org/wikipedia/commons/thumb/b/bb/MediaWiki-notext.svg/12px-MediaWiki-notext.svg.png) no-repeat right;
/* @noflip */
padding-right: 16px;
}
 
 
Line 59 ⟶ 302:
/* message box styling from Wikipedia */
/******************************************************************************/
 
/* 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;
}
.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-color: #f8eaba;
}
 
/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */
Line 191 ⟶ 479:
border-collapse: collapse;
border: 1px solid #a2a9b1;
background-color: #DFE8FFdfe8ff; /* Default "notice" blue */
box-sizing: border-box;
}
 
table.cmbox-notice {
background-color: #D8E8FFd8e8ff; /* Blue */
}
table.cmbox-speedy {
Line 202 ⟶ 490:
margin-bottom: 4px;
border: 4px solid #b32424; /* Red */
background-color: #FFDBDBffdbdb; /* Pink */
}
table.cmbox-delete {
background-color: #FFDBDBffdbdb; /* RedPink */
}
table.cmbox-content {
background-color: #FFE7CEffe7ce; /* Orange */
}
table.cmbox-style {
background-color: #FFF9DBfff9db; /* Yellow */
}
table.cmbox-move {
background-color: #E4D8FFe4d8ff; /* Purple */
}
table.cmbox-protection {
background-color: #EFEFE1efefe1; /* Gray-gold */
}
 
Line 394 ⟶ 682:
line-height: 1.5em;
list-style-type: square;
list-style-image: url(/w/skins/MonoBook/resources/images/bullet.gifsvg);
}
.skin-vector .compact-ambox table .mbox-text-span {
list-style-type: disc;
list-style-image: url(/w/skins/Vector/images/bullet-icon.svg);
list-style-image: url(/w/skins/Vector/images/bullet-icon.png)\9;
}
/* Allow for hiding text in compact form */
Line 405 ⟶ 692:
display: none;
}
 
 
/* Hatnotes and disambiguation notices */
.hatnote {
font-style: italic;
}
.hatnote i {
font-style: normal;
}
div.hatnote {
/* @noflip */
padding-left: 1.6em;
margin-bottom: 0.5em;
}
div.hatnote + div.hatnote {
margin-top: -0.5em;
}
 
 
/* For template documentation */
/* TemplateStyles */
.template-documentation {
clear: both;
margin: 1em 0 0 0;
border: 1px solid #a2a9b1;
background-color: #ecfcf4;
padding: 1em;
}
 
body {
background-color: #e8f7fb;
}
 
#mw-page-base {
background-color: #e8f7fb;
background-image:linear-gradient(to bottom,#effbfcff 50%,#e8f7fb 100%);
background-position:bottom left;
height:5em
}