Difference between revisions of "MediaWiki:Common.css"
Jump to navigation
Jump to search
Morbus Iff (talk | contribs) (Created page with '→CSS placed here will be applied to all skins: #footer { height: 28px; } #footer img { margin-top: 6px; }') |
Morbus Iff (talk | contribs) |
||
(232 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
− | # | + | |
− | + | /** | |
+ | * Make all blockquotes look prettier, beholder. | ||
+ | */ | ||
+ | blockquote { | ||
+ | background-color: #eee; | ||
+ | border-left: 3px solid #ccc; | ||
+ | padding: 0.5em 1em; | ||
+ | } | ||
+ | |||
+ | /** | ||
+ | * Hide the heading on the Main Page. | ||
+ | */ | ||
+ | .page-Main_Page #firstHeading { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | /** | ||
+ | * Hatnotes and disambiguation notices per [[wikipedia:MediaWiki:Common.css]]. | ||
+ | * | ||
+ | * Used by [[Template:Index explanation]] and likely others. | ||
+ | */ | ||
+ | .hatnote { | ||
+ | font-style: italic; | ||
+ | } | ||
+ | .hatnote i { | ||
+ | font-style: normal; | ||
+ | } | ||
+ | div.hatnote { | ||
+ | padding-left: 1.6em; | ||
+ | margin-bottom: 0.5em; | ||
+ | } | ||
+ | div.hatnote + div.hatnote { | ||
+ | margin-top: -0.5em; | ||
+ | } | ||
+ | |||
+ | /** | ||
+ | * Show and hide text with [[Template:Spoiler]]. | ||
+ | */ | ||
+ | .spoiler { | ||
+ | display: inline; | ||
+ | } | ||
+ | .spoiler-click { | ||
+ | color: #002BB8; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | .spoiler-data { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | /** | ||
+ | * Potentially old stuff Morbus still has to revise. | ||
+ | */ | ||
+ | .infobox { | ||
+ | background: #eff0ff; | ||
+ | border: 1px solid #b5b7cf; | ||
+ | clear: none; | ||
+ | float: right; | ||
+ | margin: 0 1em 1em 1em; | ||
+ | padding: 0.8em; | ||
+ | text-align: center; | ||
+ | width: 235px; | ||
+ | } | ||
+ | |||
+ | .infobox .title { | ||
+ | font-size: 125%; | ||
+ | font-weight: bold; | ||
+ | margin: auto; | ||
+ | } | ||
+ | |||
+ | .infobox table { | ||
+ | background: transparent; | ||
+ | font-size: 90%; | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | .infobox table .section { | ||
+ | background: #ccf; | ||
+ | } | ||
+ | |||
+ | .infobox table .section th { | ||
+ | text-align: center !important; | ||
+ | } | ||
+ | |||
+ | .infobox table th { | ||
+ | text-align: left; | ||
+ | vertical-align: top; | ||
+ | width: 100px; | ||
+ | } | ||
+ | |||
+ | .infobox table td { | ||
+ | text-align: left; | ||
+ | vertical-align: top; | ||
+ | } | ||
+ | |||
+ | .infobox.game.horizontal { | ||
+ | float: none; | ||
+ | font-size: 1.4em; | ||
+ | margin: auto; | ||
+ | margin-bottom: 0.8em; | ||
+ | text-align: center; | ||
+ | width: 96%; | ||
+ | } | ||
+ | |||
+ | .infobox.game.horizontal ul { | ||
+ | display: inline; | ||
+ | } | ||
+ | |||
+ | .infobox.game.horizontal li { | ||
+ | display: inline; | ||
+ | padding-right: 0.8em; | ||
+ | } | ||
+ | |||
+ | table#death-sleaze-index td { | ||
+ | padding: 0.4em; | ||
+ | } | ||
+ | |||
+ | table#death-sleaze-index .indexed { | ||
+ | color: green; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | table#death-sleaze-index .unindexed { | ||
+ | color: red; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | .pageflipper { | ||
+ | margin-top: 2em; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | .pageflipper .glyph { | ||
+ | font-size: 4em; | ||
+ | } | ||
+ | |||
+ | .pageflipper .glyph a:hover { | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | .pageflipper .prev { | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | .pageflipper .next { | ||
+ | float: right; | ||
+ | } | ||
+ | |||
+ | .references-small { | ||
+ | font-size: 75%; | ||
} | } | ||
− | + | /** | |
− | + | * cf. https://css-tricks.com/snippets/css/prevent-long-urls-from-breaking-out-of-container/ | |
+ | * and my refusal to stray from MLA URL display TOO much (yeah, I kept the protocols in, but... | ||
+ | */ | ||
+ | .references li { | ||
+ | overflow-wrap: break-word; | ||
+ | word-wrap: break-word; | ||
+ | -ms-word-break: break-all; | ||
+ | word-break: break-all; | ||
+ | word-break: break-word; | ||
+ | -ms-hyphens: auto; | ||
+ | -moz-hyphens: auto; | ||
+ | -webkit-hyphens: auto; | ||
+ | hyphens: auto; | ||
} | } |
Latest revision as of 13:27, 15 November 2018
/* CSS placed here will be applied to all skins */
/**
* Make all blockquotes look prettier, beholder.
*/
blockquote {
background-color: #eee;
border-left: 3px solid #ccc;
padding: 0.5em 1em;
}
/**
* Hide the heading on the Main Page.
*/
.page-Main_Page #firstHeading {
display: none;
}
/**
* Hatnotes and disambiguation notices per [[wikipedia:MediaWiki:Common.css]].
*
* Used by [[Template:Index explanation]] and likely others.
*/
.hatnote {
font-style: italic;
}
.hatnote i {
font-style: normal;
}
div.hatnote {
padding-left: 1.6em;
margin-bottom: 0.5em;
}
div.hatnote + div.hatnote {
margin-top: -0.5em;
}
/**
* Show and hide text with [[Template:Spoiler]].
*/
.spoiler {
display: inline;
}
.spoiler-click {
color: #002BB8;
cursor: pointer;
}
.spoiler-data {
display: none;
}
/**
* Potentially old stuff Morbus still has to revise.
*/
.infobox {
background: #eff0ff;
border: 1px solid #b5b7cf;
clear: none;
float: right;
margin: 0 1em 1em 1em;
padding: 0.8em;
text-align: center;
width: 235px;
}
.infobox .title {
font-size: 125%;
font-weight: bold;
margin: auto;
}
.infobox table {
background: transparent;
font-size: 90%;
width: 100%;
}
.infobox table .section {
background: #ccf;
}
.infobox table .section th {
text-align: center !important;
}
.infobox table th {
text-align: left;
vertical-align: top;
width: 100px;
}
.infobox table td {
text-align: left;
vertical-align: top;
}
.infobox.game.horizontal {
float: none;
font-size: 1.4em;
margin: auto;
margin-bottom: 0.8em;
text-align: center;
width: 96%;
}
.infobox.game.horizontal ul {
display: inline;
}
.infobox.game.horizontal li {
display: inline;
padding-right: 0.8em;
}
table#death-sleaze-index td {
padding: 0.4em;
}
table#death-sleaze-index .indexed {
color: green;
text-align: center;
}
table#death-sleaze-index .unindexed {
color: red;
text-align: center;
}
.pageflipper {
margin-top: 2em;
text-align: center;
}
.pageflipper .glyph {
font-size: 4em;
}
.pageflipper .glyph a:hover {
text-decoration: none;
}
.pageflipper .prev {
float: left;
}
.pageflipper .next {
float: right;
}
.references-small {
font-size: 75%;
}
/**
* cf. https://css-tricks.com/snippets/css/prevent-long-urls-from-breaking-out-of-container/
* and my refusal to stray from MLA URL display TOO much (yeah, I kept the protocols in, but...
*/
.references li {
overflow-wrap: break-word;
word-wrap: break-word;
-ms-word-break: break-all;
word-break: break-all;
word-break: break-word;
-ms-hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
}