MediaWiki:Common.css: Difference between revisions

Jump to navigation Jump to search
No edit summary
mNo edit summary
 
(23 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 */
/* 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 template style */
Line 99: Line 132:
     -o-tab-size: 4;
     -o-tab-size: 4;
     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
}
/* Don't select line numbers in pre/syntaxhiglight blocks */
pre .linenos {
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
}
/* Shields
* We can't embed shields/badges from https://shields.io/ directly, so this is a workaround :)
* Add <span class="shield" id="insertyouridhere"></span> where you want to place the shield
* Add background image for a new id here in the CSS.
*/
.shield {
  display:inline-block;
  width:109px;
  height:20px;
  vertical-align:middle;
}
#shield-python310 {
  background-image:url("https://img.shields.io/badge/Python-3.10%2B-3776AB?logo=python&logoColor=white");
}
}