MediaWiki:Common.css

From TSG Doc
Jump to: navigation, 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: 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 */


/* Responsive main page frames */
.mp-frame { 
  width:32%; 
  float:left;
  min-width:240px;
  padding:.3em;
}

@media only screen and (max-width: 950px) {
  .mp-frame {
    width:48%;
  }
}

@media only screen and (max-width: 710px) {
  .mp-frame {
    width:98%;
  }
}

/* Hatnotes for See also template */

div.hatnote {
  padding-left:1.6em;
  margin-bottom:0.5em;
}

.hatnote {
  font-style:italic
}


/* Infobox template style */
.infobox {
    border: 1px solid #aaa;
    border-spacing: 3px;
    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;
    padding: 0.2em;
}
.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;
}

/* 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;
}

/* Normal font styling for table row headers with scope="row" tag */
.wikitable.plainrowheaders th[scope=row] {
    font-weight: normal;
    /* @noflip */
    text-align: left;
}

/* Prevent line breaks in silly places:
   1) Where desired
   2) Links when we don't want them to
   3) Bold "links" to the page itself
   4) Ref tags with group names <ref group="Note"> --> "[Note 1]" */
.nowrap,
.nowraplinks a,
.nowraplinks .selflink,
sup.reference a {
    white-space: nowrap;
}
/* But allow wrapping where desired: */
.wrap,
.wraplinks a {
    white-space: normal;
}

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

/* Display tabs with 4 spaces, see [[Phabricator:59824]] and [[Phabricator:59825]] */
div.mw-geshi div,
div.mw-geshi div pre,
span.mw-geshi,
pre.source-css,
pre.source-javascript,
pre.source-lua {
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
}

/* Fix small font size of GeSHi in Firefox. */
div.mw-geshi div,
div.mw-geshi div pre,
span.mw-geshi,
pre.source-css,
pre.source-javascript {
  font-family: monospace, "Courier New" !important;
  font-size:1.0em;
}

/* Fix unbulleted/plain lists */
.plainlist ul {
    list-style: none none;
    margin:0;
}

/* Message Boxes */
th.mbox-text,td.mbox-text {
 border:none;
 padding:0.25em 0.9em;
 width:100%
}
td.mbox-image {
 border:none;
 padding:2px 0 2px 0.9em;
 text-align:center
}
td.mbox-imageright {
 border:none;
 padding:2px 0.9em 2px 0;
 text-align:center
}
td.mbox-empty-cell {
 border:none;
 padding:0px;
 width:1px
}
table.ambox {
 margin:0px 10%;
 border:1px solid #aaa;
 border-left:10px solid #1e90ff;
 background:#fbfbfb
}
table.ambox + table.ambox {
 margin-top:-1px
}
.ambox th.mbox-text,.ambox td.mbox-text {
 padding:0.25em 0.5em
}
.ambox td.mbox-image {
 padding:2px 0 2px 0.5em
}
.ambox td.mbox-imageright {
 padding:2px 0.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 {
 margin:4px 10%;
 border-collapse:collapse;
 border:3px solid #1e90ff;
 background:#fbfbfb
}
.imbox .mbox-text .imbox {
 margin:0 -0.5em;
 display:block
}
.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 {
 margin:3px 10%;
 border-collapse:collapse;
 border:1px solid #aaa;
 background:#DFE8FF
}
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 {
 margin:4px 10%;
 border-collapse:collapse;
 border:1px solid #aaa;
 background:#f9f9f9
}
table.ombox-notice {
 border:1px solid #aaa
}
table.ombox-speedy {
 border:2px solid #b22222;
 background:#fee
}
table.ombox-delete {
 border:2px solid #b22222
}
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 {
 margin:4px 10%;
 border-collapse:collapse;
 border:1px solid #c0c090;
 background:#f8eaba
}
.mediawiki .mbox-inside .tmbox {
 margin:2px 0;
 width:100%
}
.mbox-inside .tmbox.mbox-small {
 line-height:1.5em;
 font-size:100%
}
table.tmbox-speedy {
 border:2px solid #b22222;
 background:#fee
}
table.tmbox-delete {
 border:2px solid #b22222
}
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;
 margin:0.9em 1em;
 border-top:1px solid #ccc;
 border-bottom:1px solid #ccc;
 background:transparent
}
table.fmbox {
 clear:both;
 margin:0.2em 0;
 width:100%;
 border:1px solid #aaa;
 background:#f9f9f9
}
table.fmbox-system {
 background:#f9f9f9
}
table.fmbox-warning {
 border:1px solid #bb7070;
 background:#ffdbdb
}
table.fmbox-editnotice {
 background:transparent
}