MediaWiki:Common.css
From Absit Omen Lexicon
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 and therefore should only apply to layout. All color and other design CSS should be in the respective skin css pages. */
p {
margin-bottom:1em;
}
#ca-talk,#pt-mytalk, .smw-editpage-help {
display: none;
}
/*Main Page & Compendium */
#bodyContent .portalHeader a {
background: none !important;
padding: 0 !important;
font-variant:small-caps !important;
font-size:xx-large !important
}
#bodyContent .portalHeader2 a {
background: none !important;
padding: 0 !important;
font-variant:small-caps !important;
font-size:x-large !important;
}
.portalBorder {
border-style:solid;
border-width:1px;
border-radius:5px 5px 5px 5px;
}
.portalGuide {
margin: 10px;
padding: 25px;
width:35%;
vertical-align:top;
}
.portalCompendium {
padding: 10px;
width:22%;
vertical-align:top;
border-wdith:1px;
border-style:solid;
}
.portalIntro {
padding: 10px;
width: 49%;
}
.portalLinks {
padding: 10px;
width: 70%;
}
/*For Calendars*/
table.calendar {
margin-left:auto;
margin-right:auto;
}
td.calendar {
border-width:1px;
border-style:solid;
margin:0px 10px;
padding:5px 10px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
veritcal-align:text-top;
}
caption.calendar a {
font-size:larger;
font-weight:bolder;
}
/*Individual Rounded Border Corners */
.topl {
border-top-left-radius:5px;
}
.topr {
border-top-right-radius:5px;
}
.botl {
border-bottom-left-radius:5px;
}
.botr {
border-bottom-right-radius:5px;
}
/*Hogwarts Staff Timeline Table */
.head, .astro, .comc, .divin, .flying, .history, .potions, .transfig {
}
.arith, .charms, .defense, .herb, .muggle, .runes {
}
/*Plot Page CSS*/
.event, .article {
width:75%;
margin-bottom:1em;
}
.summary, .characters {
width:75%;
text-indent: -1em;
padding-left: 1em;
}
.thread, .characters, .author {
margin-left:1em;
}
.event blockquote, .article blockquote {
clear: both;
width: 75%;
padding: 1em;
margin: 0em 0em 0em 2em;
}
.event blockquote cite, .article blockquote cite {
display:block;
text-align: right;
}
.addBox {
padding: .5em 2em .5em 2em;
width: auto;
font-size: 88%;
line-height: 1.25em;
}
.addBoxDate {
float: right;
clear: right;
}
.addBoxPurge {
}
.editEvent {
font-size: 75%;
float:right;
}
div.Daily.Prophet:before {
content: url(//absitomen.com/wiki/images/f/f8/DailyProphetIcon.png);
float: left;
}
.event .publication, .event .author, .publication.Daily.Prophet {
display: none;
}
.summary time {
margin-right: .5em;
font-weight: bold;
}
/* 'show'/'hide' buttons created dynamically by the CollapsibleTables javascript
in [[MediaWiki:Common.js]] are styled here so they can be customised. */
.collapseButton {
/* @noflip */
float: right;
font-weight: normal;
/* @noflip */
margin-left: 0.5em;
/* @noflip */
text-align: right;
width: auto;
}
/** Collapsible tables *********************************************************
*
* Description: Allows tables to be collapsed, showing only the header. See
* http://www.mediawiki.org/wiki/Manual:Collapsible_tables.
* Maintainers: [[en:User:R. Koot]]
*/
table.collapsed tr.collapsible {
display: none;
}
.collapseButton { /* 'show'/'hide' buttons created dynamically by the */
float: right; /* CollapsibleTables JavaScript in [[MediaWiki:Common.js]] */
font-weight: normal; /* are styled here so they can be customised. */
text-align: right;
width: auto;
}
/* In navboxes, the show/hide button balances the v·d·e links
from [[Template:Navbar]], so they need to be the same width. */
.navbox .collapseButton {
width: 6em;
}
/* Default style for navigation boxes */
.navbox { /* Navbox container style */
border-width: 1px;
border-style:solid;
width: 100%;
margin: auto;
clear: both;
font-size: 88%;
text-align: center;
padding: 1px;
white-space: normal;
}
.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 {
}
.navbox-list {
line-height: 1.8em;
}
.navbox th,
.navbox-title {
}
.navbox-abovebelow,
th.navbox-group,
.navbox-subgroup .navbox-title {
}
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
}
.navbox-even {
}
.navbox-odd {
}
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 */
}
/* 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.mini li span {
font-variant: small-caps;
}
/* 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;
width: 6em;
}
/* New infobox styling */
div.ib {
float: right;
clear: right;
margin: 0 0 .5rem .75rem;
}
div.ib table {
width: 250px;
background: none;
border-collapse: collapse;
border-width: 0px;
font-size: 0.8em;
line-height: 1.5;
}
div.ib table th {
font-weight:bold;
text-align:center;
font-size:larger;
}
div.ib table td.ib-label {
padding: .1rem .5rem .1rem .5rem;
}
div.ib table td.ib-value {
padding: .1rem .75rem .1rem .75rem;
}
div.ib table ul {
margin: 0;
list-style: none;
}
div.ib table dt {
margin: .5rem 0 0 0;
}
div.ib table dd {
text-indent: -.75rem;
padding: 0 0 0 .75rem;
margin: 0 0 0 .75rem;
}
div.ib table .ib-footer {
text-align: center;
}
@media (max-width: 850px) {
div.ib {
float: none;
}
div.ib table {
width: 100%;
}
div.ib td.ib-image {
text-align: center;
}
}
/* Infobox template styling */
.infobox {
float: right;
clear: right;
margin: 0 0 .5em 1em;
width: 250px;
background: none;
border-collapse: collapse;
border-width: 0px;
font-size: 0.8em;
line-height: 1.5;
}
.infobox table.infoboxtable {
float:right;
margin:0;
width:100%;
border-collapse:collapse;
}
.infobox td.infoboximage {
padding:0;
text-align:center;
}
.infobox th.infoboxheading, .infobox div.infoboxfooter {
font-weight:bold;
text-align:center;
font-size:larger;
}
.infobox th.infoboxsubheading {
vertical-align:top;
text-align:left;
font-weight:bold;
}
.infobox td.infoboxlabel, .infobox td.infoboxcell {
vertical-align: middle;
/* border-top:1px solid #999;
border-bottom:1px solid #999; */
}
/* ugly hack to force normal height for infobox cells */
.infoboxcell p { margin-top: 0px; margin-bottom: 0px; }
/* .infoboxcell ul { list-style-type: disc; } */
.infoboxcell ul {
padding-left: 0;
margin-left: 0;
}
.infoboxcell ul li {
padding-left: 0;
margin-left: 0;
list-style: none;
}
.infobox div.plainlinks {
}
.infobox div.plainlinks a {
}
table.infoboxtable tr:nth-child(odd) {
}
#infoboxedit {
position: absolute;
right: 0px;
top: 0px;
}
/***** Weather Almanac ****/
table.almanac {
text-align: center;
border-spacing: 10px 0;
margin:auto;
}
table.almanac td {
width:10%;
text-align: center;
}
table.almanac td.date {
text-align: right;
font-weight:bold;
border-top-style:solid;
border-top-width:1px;
}
table.almanac td.high {
}
table.almanac td.low {
}
table.almanac td.weather img {
height:60px;
width:60px;
}
table.almanac_directory {
width:90%;
border:1px solid rgb(24,101,101);
background:rgb(9,38,38);
margin:auto;
}
table.almanac_directory td {
width:30%;
background:#041d1d;
}
table.almanac_directory caption {
color:white;
font-size:1.5em;
}
table.almanac_directory a {
display:block;
padding:.25em;
text-align:center;
font-size: x-large;
}
/*****QuoteBlock and Quote Templates ****/
div.quote {
padding:10px;
margin-left:20px;
margin-right:auto;
}
/*******Forms *******/
table.formtable {
border-width: 1px;
border-style:solid;
padding: 1em;
border-collapse: collapse;
width:90%;
}
table.formtable th {
text-align:right;
border-width: 1px;
border-style: solid;
padding: 0.2em;
}
table.formtable td {
vertical-align:top;
border-width: 1px;
border-style: solid;
padding: 0.2em;
}
table.formtable td input, table.formtable td textarea {
border: none;
margin: 0px;
padding: 4px !important;
}
table.formtable td textarea, table td input.fullwidth {
width: 95% !important;
}
table.formtable td select {
padding:3px;
margin: 0;
border:none;
display: inline-block;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
}
/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
table.formtable td select {
padding-right:18px !important
}
}
table.formtable td span.select {
position:relative;
}
table.formtable td span.select:after {
content:'<>';
font:11px "Consolas", monospace;
-webkit-transform:rotate(90deg);
-moz-transform:rotate(90deg);
-ms-transform:rotate(90deg);
transform:rotate(90deg);
right:8px; top:2px;
padding:0 0 2px;
position:absolute;
pointer-events:none;
}
.multipleTemplateInstance {
}
.thumbcaption, .thumbinner {
}
.thumbinner {
border-width: 1px !important;
border-style: solid !important;
}
/* Template:Sidebox */
table.sidebox {
clear: right;
float: right;
}
table.sidebox-left {
clear: left;
float: left;
}
table.sidebox, table.sidebox-left {
border:1px solid #186565;
background-color:#092626;
margin: 4px 0 4px 1em;
width: 238px;
font-size: 88%;
line-height: 1.25em;
}
td.sidebox-text {
border: none;
padding: 0.25em 0.9em;
width: 100%;
}
td.sidebox-image {
border: none;
padding: 2px 0 2px 0.9em;
text-align: center;
}
td.sidebox-imageright {
border: none;
padding: 2px 0.9em 2px 0;
text-align: center;
}
/* 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;
}
/*Mark1 is used for marking a superscript with a different color */
sup.mark1 {
font-family:serif;
font-style:italic;
font-weight:bold;
color:brown;
}
/* Removes underlines from certain links */
.nounderlines a,
.IPA a:link, .IPA a:visited {
text-decoration: none !important;
}
/* For template documentation */
.template-documentation {
clear: both;
margin: 1em 0 0 0;
border-width: 1px;
border-style:solid;
padding: 1em;
}
/* Footer and header message box styles */
table.fmbox {
clear: both;
margin: 0.2em 0;
width: 100%;
border-width: 1px;
border-style:solid;
}
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;
}
#subpage_documentation_notice {
margin: 4px 10%;
border-collapse: collapse;
border-width: 1px;
border-style:solid;
}
/**** Color Classes *****/
.orange, table.wikitable td.orange {
color:orange;
}
.red, table.wikitable td.red {
color:red;
}
.white, table.wikitable td.white {
color:white;
}
.green, table.wikitable td.green {
color:green;
}
.yellow, table.wikitable td.yellow {
color:yellow;
}
.blue, table.wikitable td.blue {
color:LightBlue;
}
.bronze, table.wikitable td.bronze {
color:#CD7F32;
}
.gold, table.wikitable td.gold {
color:gold;
}
.cyan, table.wikitable td.cyan {
color:cyan;
}
.dim, table.wikitable td.dim {
color:#656565;
}
.bold {
font-weight:bolder;
}
/****Wikitables *****/
table.wikitable {
border-width: 1px;
border-style:solid;
padding: 1em;
border-collapse: collapse;
}
table.wikitable th {
text-align:center;
}
table.wikitable td {
vertical-align:top;
}
/* Unbulleted lists */
.plainlist ul {
line-height: inherit;
list-style: none none;
margin: 0;
}
.plainlist ul li {
margin-bottom: 0;
}
/**
* Style for horizontal lists (separator following item).
* @source mediawiki.org/wiki/Snippets/Horizontal_lists
* @revision 6 (2014-05-09)
* @author [[User:Edokter]]
*/
.hlist dl,
.hlist ol,
.hlist ul {
margin: 0;
padding: 0;
}
/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
margin: 0;
display: inline;
}
/* Display nested lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.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;
}
/* 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: listitem;
}
.hlist ol > li {
counter-increment: listitem;
}
.hlist ol > li:before {
content: " " counter(listitem) " ";
white-space: nowrap;
}
.hlist dd ol > li:first-child:before,
.hlist dt ol > li:first-child:before,
.hlist li ol > li:first-child:before {
content: " (" counter(listitem) " ";
}
/* 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). */
.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul {
display: none;
}
/* When <div class="nonumtoc"> is used on the table of contents,
the ToC will display without numbers */
.nonumtoc .tocnumber {
display: none;
}
.nonumtoc #toc ul,
.nonumtoc .toc ul {
line-height: 1.5em;
list-style: none none;
margin: .3em 0 0;
padding: 0;
}
.hlist.nonumtoc #toc ul ul,
.hlist.nonumtoc .toc ul ul {
/* @noflip */
margin: 0;
}
/*Multicolumn*/
.columnRule {
-webkit-column-rule: 1px solid #aaa;
-moz-column-rule: 1px solid #aaa;
column-rule:1px solid #aaa;
}
.columnRule ul {
-webkit-column-break-inside:avoid;
-moz-column-break-inside:avoid;
column-break-inside:avoid;
}
.column2 {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
.column3 {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
}
.column4 {
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4;
}
.column5 {
-webkit-column-count: 5;
-moz-column-count: 5;
column-count: 5;
}
/* Category tree styling. Works in conjuction with [[MediaWiki:Categorytree-expand-bullet]],
[[MediaWiki:Categorytree-collapse-bullet]] and [[MediaWiki:Categorytree-empty-bullet]]. */
#mw-subcategories ul {
list-style: none none;
margin-left: 0.25em;
}
.CategoryTreeChildren {
margin-left: 1.25em;
}
/* Template:Note */
div.templateNote {
border:1px solid #FF8800;
background:#443300;
color:#dddddd;
min-height:25px;
padding:5px 0px 5px 5px;
}
/*Template: Information TOC */
#info_toc #toc {
background: inherit;
border: inherit;
padding:0;
}
#info_toc #toctitle, #info_toc .tocnumber {
display: none;
}
#info_toc #toc ul {
margin: 0 0 0 2em;
}
#info_toc ul {
margin: 0 0 0 .5em;
list-style: none;
}
#info_toc a:before {
content: "►";
}
#info_toc .selflink:before {
content: "▼";
}
/*Flex*/
.flex {
display:flex;
}
/*Information Namespace*/
/*How to Join*/
.character_types, .hogwarts_classes, .staff {
justify-content:center;
}
.staff, .aide_positions {
justify-content:center;
flex-wrap:wrap;
}
.character_types div, .hogwarts_classes div, .staff div {
text-align:center;
border:1px solid #186565;
margin:1em;
padding:1em 1em 1em 1em;
width:10em;
}
.aide_position {
width: 20em;
border:1px solid #186565;
margin:.5em;
padding:.5em .5em;
}
.aide_position h4 {
text-align:center;
}
.character_types div.large_flexbox {
padding:2em 2em 2em 2em;
}
.staff_member {
text-align:center;
}
.staff_member ul{
list-style:none;
}
/*Quidditch Matches and League Schdules*/
.quidditch-game ul, .quidditch-game dl {
list-style: none;
margin:0;
}
.quidditch-game div.score {
margin:.5em 2em;
background-color:#464646;
border:1px solid #580000;
width:15em;
padding:.5em;
text-align:center;
}
.quidditch-game div.foul {
margin: .5em 2em;
background-color:#353535;
border:1px solid #774400;
width:25em;
padding: .5em;
}
.quidditch-game div.foul div.score {
margin: auto;
}
.quidditch-game span.scores.home {
color: darkolivegreen;
}
.quidditch-game span.scores.away {
color: darkgoldenrod;
}
.quidditch-game span.snitch_caught,.quidditch-game span.snitch_seen {
color: gold;
}
.match-winner a, .match-winner {
color: #CCCC66;
}
.match-loser a {
color: rgb(175,175,175);
}
table.league-rankings {
counter-reset: rank -1;
list-style-type:;
}
table.league-rankings tr {
counter-increment: rank;
}
table.league-rankings td:first-child:before {
content: counter( rank )": ";
}
/*Namespace Specific CSS */
.ns-150 div#toc {
margin:auto;
}
#info_toc span.toctext {
display:inline;
}
@media only screen and (max-width: 850px) {
/* Decouple the columns on narrow screens */
div.pfPageNameWithoutNamespace{
width: 100%;
}
}
