MediaWiki:Common.css

From Pumping Station One
Jump to navigation Jump to search

Note: After saving, 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: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* CSS placed here will be applied to all skins */

/* For template documentation */
.template-documentation {
    clear: both;
    margin: 1em 0 0 0;
    border: 1px solid #aaa;
    background-color: #ecfcf4;
    padding: 1em;
}

/* Infobox template style */
.infobox {
    border: 1px solid #aaa;
    background-color: #f9f9f9;
    color: black;
    /* @noflip */
    margin: 0.5em 0 0.5em 1em;
    padding: 0.2em;
    /* @noflip */
    float: right;
    /* @noflip */
    clear: right;
    /* @noflip */
    text-align: left;
    font-size: 88%;
    line-height: 1.5em;
}
.infobox caption {
    font-size: 125%;
    font-weight: bold;
}
.infobox td,
.infobox th {
    vertical-align: top;
}
.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;
    /* @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 {
    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;
}

/* CSS grab from mediawiki for mbox support*/
.messagebox {
border:1px solid #aaa;
background-color:#f9f9f9;
width:80%;
margin:0 auto 1em;
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;
}

.mbox-inside .standard-talk,.messagebox.nested-talk {
border:1px solid #c0c090;
background-color:#f8eaba;
width:100%;
margin:2px 0;
padding:2px;
}

.messagebox.small {
width:238px;
font-size:85%;
float:right;
clear:both;
line-height:1.25em;
margin:0 0 1em 1em;
}

.messagebox.small-talk {
width:238px;
font-size:85%;
float:right;
clear:both;
line-height:1.25em;
background:#F8EABA;
margin:0 0 1em 1em;
}

th.mbox-text,td.mbox-text {
border:none;
width:100%;
padding:.25em .9em;
}

td.mbox-image {
border:none;
text-align:center;
padding:2px 0 2px .9em;
}

td.mbox-imageright {
border:none;
text-align:center;
padding:2px .9em 2px 0;
}

td.mbox-empty-cell {
border:none;
width:1px;
padding:0;
}

table.ambox {
border:1px solid #aaa;
border-left:10px solid #1e90ff;
background:#fbfbfb;
margin:0 10%;
}

table.ambox + table.ambox {
margin-top:-1px;
}

.ambox th.mbox-text,.ambox td.mbox-text {
padding:.25em .5em;
}

.ambox td.mbox-image {
padding:2px 0 2px .5em;
}

.ambox td.mbox-imageright {
padding:2px .5em 2px 0;
}

table.ambox-notice {
border-left:10px solid #1e90ff;
}

table.ambox-speedy {
border-left:10px solid #b22222;
background:#fee;
}

table.ambox-delete {
border-left:10px solid #b22222;
}

table.ambox-content {
border-left:10px solid #f28500;
}

table.ambox-style {
border-left:10px solid #f4c430;
}

table.ambox-move {
border-left:10px solid #9932cc;
}

table.ambox-protection {
border-left:10px solid #bba;
}

table.imbox {
border-collapse:collapse;
border:3px solid #1e90ff;
background:#fbfbfb;
margin:4px 10%;
}

.imbox .mbox-text .imbox {
display:block;
margin:0 -.5em;
}

.mbox-inside .imbox {
margin:4px;
}

table.imbox-notice {
border:3px solid #1e90ff;
}

table.imbox-speedy {
border:3px solid #b22222;
background:#fee;
}

table.imbox-delete {
border:3px solid #b22222;
}

table.imbox-content {
border:3px solid #f28500;
}

table.imbox-style {
border:3px solid #f4c430;
}

table.imbox-move {
border:3px solid #9932cc;
}

table.imbox-protection {
border:3px solid #bba;
}

table.imbox-license {
border:3px solid #88a;
background:#f7f8ff;
}

table.imbox-featured {
border:3px solid #cba135;
}

table.cmbox {
border-collapse:collapse;
border:1px solid #aaa;
background:#DFE8FF;
margin:3px 10%;
}

table.cmbox-notice {
background:#D8E8FF;
}

table.cmbox-speedy {
margin-top:4px;
margin-bottom:4px;
border:4px solid #b22222;
background:#FFDBDB;
}

table.cmbox-delete {
background:#FFDBDB;
}

table.cmbox-content {
background:#FFE7CE;
}

table.cmbox-style {
background:#FFF9DB;
}

table.cmbox-move {
background:#E4D8FF;
}

table.cmbox-protection {
background:#EFEFE1;
}

table.ombox {
border-collapse:collapse;
border:1px solid #aaa;
background:#f9f9f9;
margin:4px 10%;
}

table.ombox-notice {
border:1px solid #aaa;
}

table.ombox-content {
border:1px solid #f28500;
}

table.ombox-style {
border:1px solid #f4c430;
}

table.ombox-move {
border:1px solid #9932cc;
}

table.ombox-protection {
border:2px solid #bba;
}

table.tmbox {
border-collapse:collapse;
border:1px solid #c0c090;
background:#f8eaba;
margin:4px 10%;
}

.mediawiki .mbox-inside .tmbox {
width:100%;
margin:2px 0;
}

.mbox-inside .tmbox.mbox-small {
line-height:1.5em;
font-size:100%;
}

table.tmbox-content {
border:2px solid #f28500;
}

table.tmbox-style {
border:2px solid #f4c430;
}

table.tmbox-move {
border:2px solid #9932cc;
}

table.tmbox-protection,table.tmbox-notice {
border:1px solid #c0c090;
}

table.dmbox {
clear:both;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
background:transparent;
margin:.9em 1em;
}

table.fmbox {
clear:both;
width:100%;
border:1px solid #aaa;
background:#f9f9f9;
margin:.2em 0;
}

table.fmbox-system {
background:#f9f9f9;
}

table.fmbox-warning {
border:1px solid #bb7070;
background:#ffdbdb;
}

table.fmbox-editnotice {
background:transparent;
}

div.mw-warning-with-logexcerpt,div.mw-lag-warn-high,div.mw-cascadeprotectedwarning,div#mw-protect-cascadeon {
clear:both;
border:1px solid #bb7070;
background:#ffdbdb;
margin:.2em 0;
padding:.25em .9em;
}

div.mw-lag-warn-normal,div.fmbox-system {
clear:both;
border:1px solid #aaa;
background:#f9f9f9;
margin:.2em 0;
padding:.25em .9em;
}

body.mediawiki table.mbox-small {
clear:right;
float:right;
width:238px;
font-size:88%;
line-height:1.25em;
margin:4px 0 4px 1em;
}

body.mediawiki table.mbox-small-left {
width:238px;
border-collapse:collapse;
font-size:88%;
line-height:1.25em;
margin:4px 1em 4px 0;
}

.tipsy {
position:absolute;
z-index:100000;
cursor:default;
padding:5px;
}

.tipsy-inner {
background-color:#fff;
border:solid 1px #a7d7f9;
color:#000;
max-width:15em;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
padding:5px 8px 4px;
}

.tipsy-arrow {
position:absolute;
background:url(//bits.wikimedia.org/static-1.22wmf15/resources/jquery.tipsy/images/tipsy.png?2013-08-29T16:33:20Z) no-repeat top left!ie;
width:11px;
height:6px;
}

.tipsy-n .tipsy-arrow {
top:0;
left:50%;
margin-left:-5px;
}

.tipsy-nw .tipsy-arrow {
top:1px;
left:10px;
}

.tipsy-ne .tipsy-arrow {
top:1px;
right:10px;
}

.tipsy-s .tipsy-arrow {
bottom:0;
left:50%;
margin-left:-5px;
background-position:bottom left;
}

.tipsy-sw .tipsy-arrow {
bottom:0;
left:10px;
background-position:bottom left;
}

.tipsy-se .tipsy-arrow {
bottom:0;
right:10px;
background-position:bottom left;
}

.tipsy-e .tipsy-arrow {
top:50%;
margin-top:-5px;
right:1px;
width:5px;
height:11px;
background-position:top right;
}

.tipsy-w .tipsy-arrow {
top:50%;
margin-top:-5px;
left:0;
width:6px;
height:11px;
}

.grid * {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}

.grid .left {
float:left;
}

.grid .right {
float:right;
}

.grid .text-left {
text-align:left;
}

.grid .text-right {
text-align:right;
}

.grid .text-center {
text-align:center;
}

.grid .hide {
display:none;
}

.grid .highlight {
background:#ff9;
}

.grid .row {
width:100%;
max-width:none;
min-width:600px;
zoom:1;
margin:0 auto;
}

.grid .row .row {
width:auto;
max-width:none;
min-width:0;
margin:0 -5px;
}

.grid .row.collapse .column,.grid .row.collapse .columns {
padding:0;
}

.grid .row .row.collapse {
margin:0;
}

.grid .column,.grid .columns {
float:left;
min-height:1px;
position:relative;
padding:0 5px;
}

.grid .column.centered,.grid .columns.centered {
float:none;
margin:0 auto;
}

.grid .row .one {
width:8.333%;
}

.grid .row .two {
width:16.667%;
}

.grid .row .three {
width:25%;
}

.grid .row .four {
width:33.333%;
}

.grid .row .five {
width:41.667%;
}

.grid .row .six {
width:50%;
}

.grid .row .seven {
width:58.333%;
}

.grid .row .eight {
width:66.667%;
}

.grid .row .nine {
width:75%;
}

.grid .row .ten {
width:83.333%;
}

.grid .row .eleven {
width:91.667%;
}

.grid .row .twelve {
width:100%;
}

.grid .row .offset-by-one {
margin-left:8.333%;
}

.grid .row .offset-by-two {
margin-left:16.667%;
}

.grid .row .offset-by-three {
margin-left:25%;
}

.grid .row .offset-by-four {
margin-left:33.333%;
}

.grid .row .offset-by-five {
margin-left:41.667%;
}

.grid .row .offset-by-six {
margin-left:50%;
}

.grid .row .offset-by-seven {
margin-left:58.333%;
}

.grid .row .offset-by-eight {
margin-left:66.667%;
}

.grid .row .offset-by-nine {
margin-left:75%;
}

.grid .row .offset-by-ten {
margin-left:83.333%;
}

.grid .push-two {
left:16.667%;
}

.grid .pull-two {
right:16.667%;
}

.grid .push-three {
left:25%;
}

.grid .pull-three {
right:25%;
}

.grid .push-four {
left:33.333%;
}

.grid .pull-four {
right:33.333%;
}

.grid .push-five {
left:41.667%;
}

.grid .pull-five {
right:41.667%;
}

.grid .push-six {
left:50%;
}

.grid .pull-six {
right:50%;
}

.grid .push-seven {
left:58.333%;
}

.grid .pull-seven {
right:58.333%;
}

.grid .push-eight {
left:66.667%;
}

.grid .pull-eight {
right:66.667%;
}

.grid .push-nine {
left:75%;
}

.grid .pull-nine {
right:75%;
}

.grid .push-ten {
left:83.333%;
}

.grid .pull-ten {
right:83.333%;
}

.grid .row:before,.grid .row:after {
content:"";
display:table;
}

.grid .row:after {
clear:both;
}

.grid .block-grid {
display:block;
overflow:hidden;
padding:0;
}

.grid .block-grid > li {
display:block;
height:auto;
float:left;
}

.grid .block-grid.two-up {
margin:0 -15px;
}

.grid .block-grid.two-up > li {
width:50%;
padding:0 15px 15px;
}

.grid .block-grid.three-up {
margin:0 -12px;
}

.grid .block-grid.three-up > li {
width:33.33%;
padding:0 12px 12px;
}

.grid .block-grid.four-up {
margin:0 -10px;
}

.grid .block-grid.four-up > li {
width:25%;
padding:0 10px 10px;
}

.grid .block-grid.five-up {
margin:0 -8px;
}

.grid .block-grid.five-up > li {
width:20%;
padding:0 8px 8px;
}

.mw-editsection {
white-space:nowrap;
padding-right:.25em;
unicode-bidi:isolate;
}

.mw-editsection-divider {
color:#555;
}

.mw-content-ltr .mw-editsection-expanded .mw-editsection-bracket:first-of-type,.mw-content-rtl .mw-editsection-expanded .mw-editsection-bracket:not(:first-of-type) {
margin-left:-.25em;
margin-right:.25em;
color:#555;
}

.mw-content-rtl .mw-editsection-expanded .mw-editsection-bracket:first-of-type,.mw-content-ltr .mw-editsection-expanded .mw-editsection-bracket:not(:first-of-type) {
margin-right:-.25em;
margin-left:.25em;
color:#555;
}

.ve-tabmessage-appendix {
font-size:.7em;
vertical-align:top;
line-height:1.43em;
padding-left:.5em;
background-image:none!important;
display:inline!important;
}

100% {
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-o-transform:translateY(0);
opacity:1;
transform:translateY(0);
}

.centralAuthPPersonalAnimation {
-webkit-animation-duration:1s;
-moz-animation-duration:1s;
-o-animation-duration:1s;
animation-duration:1s;
-webkit-animation-fill-mode:both;
-moz-animation-fill-mode:both;
-o-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-name:centralAuthPPersonalAnimation;
-moz-animation-name:centralAuthPPersonalAnimation;
-o-animation-name:centralAuthPPersonalAnimation;
animation-name:centralAuthPPersonalAnimation;
}

table.ombox-speedy,table.tmbox-speedy {
border:2px solid #b22222;
background:#fee;
}

table.ombox-delete,table.tmbox-delete {
border:2px solid #b22222;
}

@media print {
#centralNotice {
display:none;
}
}