MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
mNo edit summary |
||
| (12 intermediate revisions by the same user not shown) | |||
| Line 12: | Line 12: | ||
@media only screen and (max-width: 950px) { | @media only screen and (max-width: 950px) { | ||
.mp-frame { | .mp-frame { | ||
width: | width:48%; | ||
} | } | ||
} | } | ||
| Line 18: | Line 18: | ||
@media only screen and (max-width: 710px) { | @media only screen and (max-width: 710px) { | ||
.mp-frame { | .mp-frame { | ||
width: | width:98%; | ||
} | } | ||
} | |||
/* Hatnotes for See also template */ | |||
div.hatnote { | |||
padding-left:1.6em; | |||
margin-bottom:0.5em; | |||
} | |||
.hatnote { | |||
font-style:italic | |||
} | } | ||
| Line 131: | Line 142: | ||
font-family: monospace, "Courier New" !important; | font-family: monospace, "Courier New" !important; | ||
font-size:1.0em; | 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"); | |||
} | } | ||