Difference between revisions of "MediaWiki:Common.css"
Koppadasao (talk | contribs) m |
Koppadasao (talk | contribs) m |
||
| (One intermediate revision by the same user not shown) | |||
| Line 224: | Line 224: | ||
border: 0; | border: 0; | ||
padding: 0; | padding: 0; | ||
| + | } | ||
| + | |||
| + | /* Hatnotes and disambiguation notices */ | ||
| + | .rellink, | ||
| + | .dablink { | ||
| + | font-style: italic; | ||
| + | /* @noflip */ | ||
| + | padding-left: 1.6em; | ||
| + | margin-bottom: 0.5em; | ||
| + | } | ||
| + | .rellink i, | ||
| + | .dablink i { | ||
| + | font-style: normal; | ||
} | } | ||
| Line 254: | Line 267: | ||
border: 5px solid #ff0000; | border: 5px solid #ff0000; | ||
border-left: 75px solid #ff0000; | border-left: 75px solid #ff0000; | ||
| + | color: #000000; | ||
| + | } | ||
| + | .messagebox.sitenotice { | ||
| + | background-color: #ebebeb; | ||
| + | border: 1px solid #ff0000; | ||
| + | border-left: 15px solid #ff0000; | ||
color: #000000; | color: #000000; | ||
} | } | ||
Latest revision as of 16:03, 20 May 2013
/* CSS placed here will be applied to all skins */
/* Dynamic image resize */
img {
max-width: 100%;
height: auto;
width: auto\9; /* ie8 */
}
/* Unbulleted lists */
.plainlist ul {
line-height: inherit;
list-style: none none;
margin: 0;
}
.plainlist ul li {
margin-bottom: 0;
}
.browsebar {
background: #f9f9f9;
border: 1px #aaa solid;
width: 100%;
margin: auto;
clear: both;
font-size: 88%;
text-align: center;
padding: 1px;
}
/* Commonly used Wikipedia .wikitable and .prettytable */
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;
}
/* Default skin for navigation boxes */
table.navbox { /* Navbox container style */
border: 1px solid #aaa;
width: 100%;
margin: auto;
clear: both;
font-size: 88%;
text-align: center;
padding: 1px;
}
table.navbox + table.navbox { /* Single pixel border between adjacent navboxes */
margin-top: -1px; /* (doesn't work for IE6, but that's okay) */
}
.navbox-title,
.navbox-abovebelow,
table.navbox th {
text-align: center; /* Title and above/below styles */
padding-left: 1em;
padding-right: 1em;
}
.navbox-group { /* Group style */
white-space: nowrap;
text-align: right;
font-weight: bold;
padding-left: 1em;
padding-right: 1em;
}
.navbox, .navbox-subgroup {
background: #fdfdfd; /* Background color */
}
.navbox-list {
border-color: #fdfdfd; /* Must match background color */
}
.navbox-title,
table.navbox th {
background: #ccccff; /* Level 1 color */
}
.navbox-abovebelow,
.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 */
}
.navbox-odd {
background: transparent; /* Odd row striping */
}
.collapseButton { /* 'show'/'hide' buttons created dynamically */
float: right; /* by the CollapsibleTables javascript in */
font-weight: normal; /* [[MediaWiki:Common.js]]are styled here */
text-align: right; /* so they can be customised. */
width: auto;
}
.navbox .collapseButton { /* In navboxes, the show/hide button balances */
width: 6em; /* the vde links from [[Template:Tnavbar]], */
} /* so they need to be the same width. */
/* Infobox template style */
.infobox {
border: 1px solid #aaa;
background-color: #f9f9f9;
color: black;
margin: 0.5em 0 0.5em 1em;
padding: 0.2em;
float: right;
clear: right;
}
.infobox td,
.infobox th {
vertical-align: top;
}
.infobox caption {
font-size: larger;
}
.infobox.bordered {
border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
border: 1px solid #aaa;
}
.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 #aaa;
border-right: 1px solid #aaa;
}
.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
border: 0;
border-right: 1px solid #aaa;
}
/* styles for bordered infobox with merged rows */
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
border: 0;
border-top: 1px solid #aaa;
/* @noflip */
border-right: 1px solid #aaa;
}
.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
border: 0;
/* @noflip */
border-right: 1px solid #aaa;
}
/* Styles for geography infoboxes, eg countries,
country subdivisions, cities, etc. */
.infobox.geography {
/* @noflip */
text-align: left;
border-collapse: collapse;
line-height: 1.2em;
font-size: 90%;
}
.infobox.geography td,
.infobox.geography th {
border-top: 1px solid #aaa;
padding: 0.4em 0.6em 0.4em 0.6em;
}
.infobox.geography .mergedtoprow td,
.infobox.geography .mergedtoprow th {
border-top: 1px solid #aaa;
padding: 0.4em 0.6em 0.2em 0.6em;
}
.infobox.geography .mergedrow td,
.infobox.geography .mergedrow th {
border: 0;
padding: 0 0.6em 0.2em 0.6em;
}
.infobox.geography .mergedbottomrow td,
.infobox.geography .mergedbottomrow th {
border-top: 0;
border-bottom: 1px solid #aaa;
padding: 0 0.6em 0.4em 0.6em;
}
.infobox.geography .maptable td,
.infobox.geography .maptable th {
border: 0;
padding: 0;
}
/* Hatnotes and disambiguation notices */
.rellink,
.dablink {
font-style: italic;
/* @noflip */
padding-left: 1.6em;
margin-bottom: 0.5em;
}
.rellink i,
.dablink i {
font-style: normal;
}
/* MESSAGEBOXES */
.messagebox {
width: 75%;
margin-left: auto;
margin-right: auto;
margin-top: 0.5em;
margin-bottom: 0.5em;
border-left: 15px solid #228b22;
background-color: #007eff;
color: #BDFF00;
}
.messagebox.obsolete {
background-color: #cfcfcf;
border-left: 15px solid #464646;
color: #000000;
width: 100%;
}
.messagebox.info {
background-color: #ebebeb;
border-left: 15px solid #898989;
color: #000000;
}
.messagebox.warning {
background-color: #ebebeb;
border: 5px solid #ff0000;
border-left: 75px solid #ff0000;
color: #000000;
}
.messagebox.sitenotice {
background-color: #ebebeb;
border: 1px solid #ff0000;
border-left: 15px solid #ff0000;
color: #000000;
}
.messagebox.obsolete a, .messagebox.obsolete a:visited, .messagebox.obsolete a:active, .messagebox.info a, .messagebox.info a:visited, .messagebox.info a:active {
color: #6c6c6c;
}
.messagebox.action {
background-color: #cbdae2;
border-left: 15px solid #45697D;
}
.messagebox.action a, .messagebox.action a:visited, .messagebox.action a:active {
color: #3c5c6e;
}
.messagebox.file {
background-color: #cfd8eb;
border-left: 15px solid #617ebc;
}
.messagebox.file a, .messagebox.file a:visited, .messagebox.file a:active {
color: #617ebc;
}
.messagebox.stub {
width: 40%;
}
.otheruses, .redirect {
min-width: 360px;
padding: 0px 10px;
margin-left: auto;
margin-right: auto;
margin-top: 0.5em;
margin-bottom: 0.5em;
background-color: #f8f0cf;
}
.welcomenotice {
padding: 1em;
margin-left: 2em;
margin-right: 2em;
margin-top: 0.5em;
margin-bottom: 0.5em;
border-left: 15px solid #b19e7d;
background-color: #f8f0cf;
}
.documentation {
padding: 5px 15px 5px 15px;
margin: 1em 0 0 0;
border-left:15px solid #898989;
background-color:#ebebeb;
}
.documentation a, .documentation a:visited, .documentation a:active {
color: #6c6c6c;
}
.quotebox {
max-width: 75%;
width: auto;
margin-left: auto;
margin-right: auto;
margin-top: 0.5em;
margin-bottom: 0.5em;
border-left: 15px solid #666666;
background-color: #f9f9f9;
color: #000000;
}
.notebox {
width: 10%;
float: right;
clear: right;
margin: 2em;
width: 30em;
padding: 6px;
border: 1px solid #aaa;
font-size: 88%;
background-color: #F9F9F9;
}
