MediaWiki:Common.css
Jump to navigation
Jump to search
Note: After publishing, 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: Press Ctrl-F5.
/* CSS placed here will be applied to all skins */
/*
To allow disabeling of the autonum on the Tables Of Contens
/*
.noautonum .tocnumber { display: none; }
/*
Hide firstHeading on main page
*/
.page-Main_Page .firstHeading { display: none; }
/* Colors */
a, a.mw-body.external, a.external.text, #mw-panel a, #mw-navigation a {
color: #0B0080 !important;
}
a:visited, a.mw-body.external:visited, a.external.text:visited, #mw-panel a:visited, #mw-navigation a:visited {
color: #6A2E8A !important;
}
a.new {
color: #8a2e45 !important;
}
/* CSS Navbox and Navbar templates */
/* Style for horizontal lists (separator following item).
IE8-specific classes are assigned in [[MediaWiki:Common.js/IEFixes.js]].
@source mediawiki.org/wiki/Snippets/Horizontal_lists
@revision 3.2 (2013-09-25)
@author [[User:Edokter]]
*/
.skin-monobook .hlist dl,
.skin-modern .hlist dl,
.skin-vector .hlist dl {
line-height: 1.5em;
}
.hlist dl,
.hlist ol,
.hlist ul {
margin: 0;
padding: 0;
}
/* Display list items inline and make them nowrap */
.hlist dd,
.hlist dt,
.hlist li {
margin: 0;
display: inline;
white-space: nowrap;
}
/* Allow wrapping for list items (in tight spaces) */
.hlist.hwrap dd,
.hlist.hwrap dt,
.hlist.hwrap li {
white-space: normal;
}
/* Display nested lists inline and allow them to wrap */
.hlist dl dl, .hlist dl ol, .hlist dl ul,
.hlist ol dl, .hlist ol ol, .hlist ol ul,
.hlist ul dl, .hlist ul ol, .hlist ul ul {
display: inline;
white-space: normal;
}
/* Generate interpuncts */
.hlist dt:after {
content: ":";
}
.hlist dd:after,
.hlist li:after {
content: " ·";
font-weight: bold;
}
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
content: none;
}
/* For IE8 */
.hlist dd.hlist-last-child:after,
.hlist dt.hlist-last-child:after,
.hlist li.hlist-last-child:after {
content: none;
}
/* Add parentheses around nested lists */
.hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before,
.hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,
.hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before {
content: "(";
font-weight: normal;
}
.hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after,
.hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after,
.hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {
content: ")";
font-weight: normal;
}
/* For IE8 */
.hlist dd dd.hlist-last-child:after, .hlist dd dt.hlist-last-child:after, .hlist dd li.hlist-last-child:after,
.hlist dt dd.hlist-last-child:after, .hlist dt dt.hlist-last-child:after, .hlist dt li.hlist-last-child:after,
.hlist li dd.hlist-last-child:after, .hlist li dt.hlist-last-child:after, .hlist li li.hlist-last-child:after {
content: ")";
font-weight: normal;
}
/* Put ordinals in front of ordered list items */
.hlist ol {
counter-reset: list-item;
}
.hlist ol > li {
counter-increment: list-item;
}
.hlist ol > li:before {
content: counter(list-item) " ";
}
.hlist dd ol > li:first-child:before,
.hlist dt ol > li:first-child:before,
.hlist li ol > li:first-child:before {
content: "(" counter(list-item) " ";
}
/* Unbulleted lists */
.plainlist ul {
line-height: inherit;
list-style: none none;
margin: 0;
}
.plainlist ul li {
margin-bottom: 0;
}
/* Default style 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 th,
.navbox-title,
.navbox-abovebelow {
text-align: center;
/* Title and above/below styles */
padding-left: 1em;
padding-right: 1em;
}
th.navbox-group {
/* Group style */
white-space: nowrap;
/* @noflip */
text-align: right;
}
.navbox,
.navbox-subgroup {
background: #fdfdfd;
}
.navbox-list {
/* Must match background color */
border-color: #fdfdfd;
}
.navbox th,
.navbox-title {
/* Level 1 color */
background: #ccccff;
}
.navbox-abovebelow,
th.navbox-group,
.navbox-subgroup .navbox-title {
/* Level 2 color */
background: #ddddff;
}
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
/* Level 3 color */
background: #e6e6ff;
}
.navbox-even {
/* Even row striping */
background: #f7f7f7;
}
.navbox-odd {
/* Odd row striping */
background: transparent;
}
.navbox .hlist td dl,
.navbox .hlist td ol,
.navbox .hlist td ul,
.navbox td.hlist dl,
.navbox td.hlist ol,
.navbox td.hlist ul {
/* Adjust hlist padding in navboxes */
padding: 0.125em 0;
}
.navbox .hlist dd,
.navbox .hlist dt,
.navbox .hlist li {
/* Nowrap list items in navboxes */
white-space: nowrap;
/* IE < 8 no-wraps entire list, so disable it */
white-space: normal !ie;
}
.navbox .hlist dd dl,
.navbox .hlist dt dl,
.navbox .hlist li ol,
.navbox .hlist li ul {
/* But allow parent list items to be wrapped */
white-space: normal;
}
ol + table.navbox,
ul + table.navbox {
/* Prevent lists from clinging to navboxes */
margin-top: 0.5em;
}
/* Default styling for Navbar template */
.navbar {
display: inline;
font-size: 88%;
font-weight: normal;
}
.navbar ul {
display: inline;
white-space: nowrap;
}
.navbar li {
word-spacing: -0.125em;
}
/* Navbar styling when nested in navbox */
.navbox .navbar {
display: block;
font-size: 100%;
}
.navbox-title .navbar {
/* @noflip */
float: left;
/* @noflip */
text-align: left;
/* @noflip */
margin-right: 0.5em;
width: 6em;
}
/* Allow people to optionally wrap lines in source listings */
div.wrapPreLines pre {
white-space: pre-wrap;
}
/* End CSS Navbox and Navbar */
table .good {
background-color:lightgreen;
}
table .medium {
background-color:orange;
}
table .bad {
background-color:lightcoral;
}
table .pending {
background-color:lightgray;
}
.pirate-sidebar {
width: 300px;
border: 1px solid #aaaaaa;
background-color: #f9f9f9;
color: black;
margin-bottom: 0.5em;
margin-left: 1em;
padding: 0.2em;
float: right;
position:relative;
text-align:left;
}
.pirate-sidebar th {
vertical-align: top;
white-space: nowrap;
padding-right:1em;
}
.pirate-sidebar td {
width: 100%;
}
.pirate-sidebar .title {
text-align: center;
background-color: #692D89;
color:white;
padding:0.3em;
font-size:medium;
white-space: normal;
}
.pirate-sidebar .icon {
width:25px;
padding-left:0.2em;
vertical-align:middle;
text-align:center;
}
.pirate-event, .pirate-event .location span, .pirate-event .tags span {
overflow: hidden;
}
.pirate-event .date {
width:4em;
border:1px solid #c2c2c2;
border-radius:5px;
border-top:0;
float:left;
font-weight:bold;
margin:0 1em 1em;
text-align:center;
line-height:1.2em;
}
.pirate-event .month {
background:#692D89;
border-radius:4px 4px 0 0;
color:#fff;
padding:0;
text-shadow:0 -1px 0 rgba(0,0,0,0.25);
}
.pirate-event .day {
font-size: 2em;
padding: .35em 0 .2em;
}
.pirate-event .weekday {
padding: 0 0 .2em;
}
.pirate-event .time {
font-size:small;
padding: 0 0 .2em;
}
.pirate-event .details {
margin:0;
padding:0;
}
.pirate-event .title {
font-weight:bold;
}
.pirate-event .title img {
vertical-align: text-bottom;
}
.pirate-event .location, .pirate-event .tags {
font-size:small;
}
.pirate-event .location img, .pirate-event .tags img {
float: left;
padding: .2em .2em 0 0;
}