MediaWiki:Common.css: Difference between revisions

Latest revision as of 09:06, 7 September 2026

/* Historical KF-Wiki article styles, recovered 2018 captures. Local URLs; no archived executable code. */
.mw-parser-output .beginner{background:#99ff99 url(/killingfloor/w/theme-archive/17692090e2bd84b39584.png) bottom right no-repeat !important}
.mw-parser-output .normal{background:#ffff99 url(/killingfloor/w/theme-archive/ef3a34bc7d20a52c11e1.png) bottom right no-repeat !important}
.mw-parser-output .hard{background:#ffcc99 url(/killingfloor/w/theme-archive/9cad4b5113b42b720818.png) bottom right no-repeat !important}
.mw-parser-output .suicidal{background:#ff9999 url(/killingfloor/w/theme-archive/bc691e554a0029b25696.png) bottom right no-repeat !important}
.mw-parser-output .hell-on-earth{background:#cccccc url(/killingfloor/w/theme-archive/86731be93558c0f87134.png) bottom right no-repeat !important}
.mw-parser-output .beginner,.mw-parser-output .normal,.mw-parser-output .hard,.mw-parser-output .suicidal,.mw-parser-output .hell-on-earth{padding:0 8px !important}
.mw-parser-output .beginner.ui-state-active,.mw-parser-output .normal.ui-state-active,.mw-parser-output .hard.ui-state-active,.mw-parser-output .suicidal.ui-state-active,.mw-parser-output .hell-on-earth.ui-state-active{border:2px solid blue;font-size:larger;font-weight:bold}
.mw-parser-output .redirect-in-category a,.mw-parser-output .allpagesredirect a,.mw-parser-output .redirect-in-category,.mw-parser-output .allpagesredirect{font-style:italic;color:gainsboro}
.mw-parser-output table.wikitable{background:#F9F9F9;border:1px solid #AAA;border-collapse:collapse;margin:1em 1em 1em 0px}
.mw-parser-output .wikitable th{background:#F2F2F2;text-align:center}
.mw-parser-output .wikitable th,.mw-parser-output .wikitable td{border:1px solid #AAA;padding:0.2em 0.4em}
.mw-parser-output th{font-weight:bold}
.mw-parser-output td,.mw-parser-output th{display:table-cell;vertical-align:inherit}
.mw-parser-output .aligntop td{vertical-align:top}
.mw-parser-output .blacktext,.mw-parser-output .blacktext *,.mw-parser-output a.blacklinks,.mw-parser-output .blacklinks a,.mw-parser-output .blacklinks a *{color:black !important}
.mw-parser-output .whitetext,.mw-parser-output .whitetext *,.mw-parser-output a.whitelinks,.mw-parser-output .whitelinks a,.mw-parser-output .whitelinks a *{color:white !important}
.mw-parser-output .whitetext a.new,.mw-parser-output .whitelinks a.new,.mw-parser-output .whitelinks.new,.mw-parser-output .blacktext a.new,.mw-parser-output .blacklinks a.new,.mw-parser-output .blacklinks.new{text-shadow:1px 1px #BA0000,-1px -1px #BA0000}
.mw-parser-output .rotate90{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}
.mw-parser-output td small.rotate90{display:block;position:relative;margin:-10px}
.mw-parser-output table.infobox{border-spacing:0;clear:right;margin-left:5px;margin-bottom:1px;border:1px outset #222;background:#252725;float:right;width:250px;color:#EEE;padding-bottom:1px}
.mw-parser-output table.infobox a{color:white}
.mw-parser-output table.infobox th{background:url(/killingfloor/w/theme-archive/05dcaae17ec173c769bc.png) border-box top right no-repeat,url(/killingfloor/w/theme-archive/03ef73d2920105328961.png) border-box top left no-repeat,url(/killingfloor/w/theme-archive/a6553921e8d2dbac2a83.png) border-box 19px 0 no-repeat,url(/killingfloor/w/theme-archive/d2e8b1889c52cc37a5c0.png) border-box top repeat-x #252725;padding:2px 0}
.mw-parser-output table.infobox th.boltless{background:url(/killingfloor/w/theme-archive/a6553921e8d2dbac2a83.png) border-box 5px 0 no-repeat,url(/killingfloor/w/theme-archive/05dcaae17ec173c769bc.png) border-box top right no-repeat,url(/killingfloor/w/theme-archive/03ef73d2920105328961.png) border-box top left no-repeat,url(/killingfloor/w/theme-archive/d2e8b1889c52cc37a5c0.png) border-box top repeat-x #252725 }
.mw-parser-output table.infobox .info-image a:hover img{background-color:rgba(255,255,255,.2)}
.mw-parser-output table.infobox td{background:url(/killingfloor/w/theme-archive/92e13ce2dfba7ed6410b.png) content-box top repeat-x,url(/killingfloor/w/theme-archive/060c08e269aa0d4c37b8.png) content-box left repeat-y,url(/killingfloor/w/theme-archive/80f4870ae94dad08be6a.png) content-box bottom repeat-x,url(/killingfloor/w/theme-archive/4c5896cc1d275fdb9ae2.png) content-box right repeat-y;padding:0 2px 1px 2px}
.mw-parser-output table.infobox .info-image img{padding:12px}
.mw-parser-output table.infobox table td{background:transparent}
.mw-parser-output table.infobox table{width:100%;background:transparent;border:0}
.mw-parser-output table.infobox hr{background:#acc7a6;height:2px;margin:.2em -3px .2em -3px}
.mw-parser-output table.infobox table.achievements th{width:20px;height:20px;padding:1px 2px 2px;background:url(/killingfloor/w/theme-archive/48ac4859c9f9745a39aa.png) center no-repeat}
.mw-parser-output table.infobox table.stats th{background:transparent;width:85px;padding-right:15px;text-align:right;vertical-align:top}
.mw-parser-output .scrakeclots{background:url(/killingfloor/w/theme-archive/33ce6b48c02b8cacd728.png) bottom left no-repeat}
.mw-parser-output .itembar{background:url(/killingfloor/w/theme-archive/5c702cb77fb96bfa84a8.png) padding-box left no-repeat,url(/killingfloor/w/theme-archive/fa9e5abd9c88ec6b0238.png) padding-box right no-repeat,url(/killingfloor/w/theme-archive/4ec248115fc8c427face.png) content-box center repeat-x #70685b;display:block;text-align:left;margin-left:44px;padding:0 8px;line-height:32px !important;white-space:nowrap}
.mw-parser-output span.itembox3 + span.itembar{margin-top:10px;margin-left:64px}
.mw-parser-output .itembox,.mw-parser-output .itembox2,.mw-parser-output .itembox3{display:block;width:44px;height:44px;float:left;margin:-6px 12px -6px 0}
.mw-parser-output .itembox3{width:64px;height:64px}
.mw-parser-output .itembox{background:url(/killingfloor/w/theme-archive/84ac80f413dbce4767fc.png)}
.mw-parser-output .itembox img{position:relative;top:-2px }
.mw-parser-output .DLCweapon{text-shadow:1px 1px #008000,-1px -1px #008000;background:url(/killingfloor/w/theme-archive/34118919da2d1ad6f94d.jpeg) left center no-repeat;padding-left:16px}
.mw-parser-output .kfbutton{padding:0 12px;line-height:32px !important;display:inline-block}
.mw-parser-output div#footer{margin-left:12em;border-top:2px ridge gainsboro;background:transparent}
.mw-parser-output .catlinks{border:1px solid rgba(0,0,0,.33);background-color:rgba(255,255,255,.1);margin-top:18px}
.mw-parser-output table tr th.grayblock{border-width:0 6px}
.mw-parser-output ul#footer-info li{color:white !important}
.mw-parser-output ul{list-style-image:url(/killingfloor/w/theme-archive/7f9e179028c2c4fe55af.png)}
.mw-parser-output .borderbox{background:url(/killingfloor/w/theme-archive/05dcaae17ec173c769bc.png) border-box top right no-repeat,url(/killingfloor/w/theme-archive/03ef73d2920105328961.png) border-box top left no-repeat,url(/killingfloor/w/theme-archive/a6553921e8d2dbac2a83.png) border-box 19px 0 no-repeat,url(/killingfloor/w/theme-archive/d2e8b1889c52cc37a5c0.png) border-box top repeat-x #252725;color:#eee;border:1px outset #222;padding:2px}
.mw-parser-output .borderbox .top{border-top:1px inset #222;background:url(/killingfloor/w/theme-archive/92e13ce2dfba7ed6410b.png) top repeat-x}
.mw-parser-output .borderbox .right{border-right:1px inset #222;background:url(/killingfloor/w/theme-archive/4c5896cc1d275fdb9ae2.png) right repeat-y}
.mw-parser-output .borderbox .bottom{border-bottom:1px inset #222;background:url(/killingfloor/w/theme-archive/80f4870ae94dad08be6a.png) bottom repeat-x}
.mw-parser-output .borderbox .left{border-left:1px inset #222;background:url(/killingfloor/w/theme-archive/060c08e269aa0d4c37b8.png) left repeat-y}
.mw-parser-output .borderbox .top.left{background:url(/killingfloor/w/theme-archive/92e13ce2dfba7ed6410b.png) top repeat-x,url(/killingfloor/w/theme-archive/060c08e269aa0d4c37b8.png) left repeat-y}
.mw-parser-output .borderbox .top.right{background:url(/killingfloor/w/theme-archive/92e13ce2dfba7ed6410b.png) top repeat-x,url(/killingfloor/w/theme-archive/4c5896cc1d275fdb9ae2.png) right repeat-y}
.mw-parser-output .borderbox .bottom.left{background:url(/killingfloor/w/theme-archive/80f4870ae94dad08be6a.png) bottom repeat-x,url(/killingfloor/w/theme-archive/060c08e269aa0d4c37b8.png) left repeat-y}
.mw-parser-output .borderbox .bottom.right{background:url(/killingfloor/w/theme-archive/80f4870ae94dad08be6a.png) bottom repeat-x,url(/killingfloor/w/theme-archive/4c5896cc1d275fdb9ae2.png) right repeat-y}
.mw-parser-output .borderbox .top.left.bottom.right{background:url(/killingfloor/w/theme-archive/92e13ce2dfba7ed6410b.png) top repeat-x,url(/killingfloor/w/theme-archive/060c08e269aa0d4c37b8.png) left repeat-y,url(/killingfloor/w/theme-archive/80f4870ae94dad08be6a.png) bottom repeat-x,url(/killingfloor/w/theme-archive/4c5896cc1d275fdb9ae2.png) right repeat-y}
.mw-parser-output table.navigation{border:1px outset #222;background:#252725;color:#AAA;border-spacing:0px;margin-top:18px}
.mw-parser-output table.navigation a{color:#EEE}
.mw-parser-output table.navigation a:visited{color:#DDD}
.mw-parser-output table.navigation a.stub{text-shadow:1px 1px #723,-1px -1px #723}
.mw-parser-output table.navigation a.new{text-shadow:1px 1px #BA0000,-1px -1px #BA0000}
.mw-parser-output .navigation td.content{background:url(/killingfloor/w/theme-archive/92e13ce2dfba7ed6410b.png) content-box top repeat-x,url(/killingfloor/w/theme-archive/060c08e269aa0d4c37b8.png) content-box left repeat-y,url(/killingfloor/w/theme-archive/80f4870ae94dad08be6a.png) content-box bottom repeat-x,url(/killingfloor/w/theme-archive/4c5896cc1d275fdb9ae2.png) content-box right repeat-y;padding:0 2px 2px}
.mw-parser-output .navigation table.content{border:1px inset #222;border-collapse:collapse}
.mw-parser-output .navigation th.header{background:url(/killingfloor/w/theme-archive/05dcaae17ec173c769bc.png) border-box top right no-repeat,url(/killingfloor/w/theme-archive/03ef73d2920105328961.png) border-box top left no-repeat,url(/killingfloor/w/theme-archive/a6553921e8d2dbac2a83.png) border-box 19px 0 no-repeat,url(/killingfloor/w/theme-archive/d2e8b1889c52cc37a5c0.png) border-box top repeat-x #252725;padding:2px 0}
.mw-parser-output .navigation th.header{padding-left:2em;text-align:left}
.mw-parser-output .navigation th.group{width:1%;white-space:nowrap;text-align:right;padding:2.5px 5px;background:black}
.mw-parser-output .navigation td.list{padding:2.5px 5px 2.5px 10px;background:url(/killingfloor/w/theme-archive/22a8328f8a8d036c8e90.png) left repeat-y}
.mw-parser-output .navigation .even{background:rgba(255,255,255,.0125)}
.mw-parser-output .navigation .footer{padding:6px 6px 8px}
.mw-parser-output .itembar a{color:black !important}
.mw-parser-output .itembar a:visited{color:#111 !important}
.mw-parser-output .dex1 dl dt{background:linear-gradient(135deg,transparent 10px,#3c312f 0) top left,linear-gradient(225deg,transparent 10px,#3c312f 0) top right,linear-gradient(315deg,transparent 10px,#3c312f 0) bottom right,linear-gradient(45deg,transparent 10px,#3c312f 0) bottom left;background-size:51% 51%;background-repeat:no-repeat;padding:10px;color:#cdada0;font-weight:100;text-transform:uppercase;font-size:20px}
.mw-parser-output .dex1 dd{float:left;background:linear-gradient(135deg,transparent 10px,#000 0) top left,linear-gradient(225deg,transparent 10px,#000 0) top right,linear-gradient(315deg,transparent 10px,#000 0) bottom right,linear-gradient(45deg,transparent 10px,#000 0) bottom left;background-size:51% 51%;background-repeat:no-repeat;margin:0 3px 0 0}
.mw-parser-output .dex1 dd:hover{background:linear-gradient(135deg,transparent 10px,#5e0300 0) top left,linear-gradient(225deg,transparent 10px,#5e0300 0) top right,linear-gradient(315deg,transparent 10px,#5e0300 0) bottom right,linear-gradient(45deg,transparent 10px,#5e0300 0) bottom left;background-size:51% 51%;background-repeat:no-repeat}
.mw-parser-output .dex1 dd a img{background:linear-gradient(135deg,transparent 10px,#5e0300 0) top left,linear-gradient(225deg,transparent 10px,#5e0300 0) top right,linear-gradient(315deg,transparent 10px,#5e0300 0) bottom right,linear-gradient(45deg,transparent 10px,#5e0300 0) bottom left;padding:10px;background-size:51% 51%;background-repeat:no-repeat}
.mw-parser-output .dex1 dd a img:hover{background:linear-gradient(135deg,transparent 10px,#a11 0) top left,linear-gradient(225deg,transparent 10px,#a11 0) top right,linear-gradient(315deg,transparent 10px,#a11 0) bottom right,linear-gradient(45deg,transparent 10px,#a11 0) bottom left;background-size:51% 51%;background-repeat:no-repeat}
.mw-parser-output .dex1 dd a{line-height:2em;color:white;font-size:20px;text-align:center;display:block}
.mw-parser-output .dex1 dd strong.selflink{line-height:2em;color:#5e0300;font-size:20px;text-align:center;display:block;font-weight:100}
.mw-parser-output .dex1 dd strong.selflink:hover{color:white}
.mw-parser-output .dex1 dd a:hover{text-decoration:none}
.mw-parser-output .dex1 dd img{max-width:100px;max-height:100px}
.mw-parser-output .WeaponSelectBackgroundGrid{background:url(/killingfloor/w/theme-archive/ed7547cafe66aa2f63f2.png) center repeat}
.mw-parser-output .WeaponSelectBackground{background:url(/killingfloor/w/theme-archive/300273437e0457034192.png) center no-repeat;width:301px;height:151px}
/* Current MediaWiki compatibility and responsive layout. */
.mw-parser-output {line-height:1.5;color:inherit;}
.mw-parser-output a {color:var(--kf-link,#0645ad);}
.mw-parser-output a:visited {color:var(--kf-visited,#0b0080);}
.mw-parser-output a.new {color:var(--kf-new,#ba0000);}
.mw-parser-output h1,.mw-parser-output h2,.mw-parser-output h3,.mw-parser-output h4 {color:inherit;border-color:var(--kf-border,#aaa);}
.mw-parser-output img {max-width:100%;height:auto;vertical-align:middle;}
.mw-parser-output .infobox {max-width:100%;}
.mw-parser-output .infobox .info-image {text-align:center;}
.mw-parser-output .infobox .info-image img {box-sizing:border-box;}
.mw-parser-output .infobox .subhead {background-color:#343a32;color:#eee;}
.mw-parser-output .navigation {clear:both;max-width:100%;}
.mw-parser-output .itembox,.mw-parser-output .itembox2 {text-align:center;}
.mw-parser-output .itembox3 img {max-width:none;width:64px;height:64px;object-fit:contain;}
.mw-parser-output .itembar {box-sizing:border-box;font-weight:bold;overflow-wrap:normal;}
.mw-parser-output table.wikitable {color:#202020;}
.mw-parser-output table.wikitable a {color:#0645ad;}
.mw-parser-output table.wikitable a:visited {color:#0b0080;}
.mw-parser-output .wiki-notice {padding:.8em 1em;margin:1em 0;background:var(--kf-panel,#f9f9f9);border:1px solid var(--kf-border,#aaa);}
.mw-parser-output .explain {cursor:help;border-bottom:1px dotted #999;}
.mw-parser-output .kf-restoration-note {clear:both;border-top:1px solid var(--kf-border,#aaa);margin-top:1.5em;padding-top:.5em;font-size:90%;color:var(--kf-muted,#54595d);}
.mw-parser-output .kf-article-subtitle {font-size:1.25em;margin-bottom:.75em;color:inherit;}
.mw-parser-output pre,.mw-parser-output code {color:#222;}
/* Includes category galleries generated outside the parser wrapper. */
#content .thumbinner,#content .gallerybox .thumb,#content .toc {background:var(--kf-panel,#f9f9f9);color:inherit;border-color:var(--kf-border,#aaa);}
#content .toc h2 {color:inherit;}
/* Numbered contents and gallery lists do not use the article bullet artwork. */
.mw-parser-output .toc ul,.mw-parser-output ul.gallery {list-style:none;}
.mw-parser-output .toc {box-sizing:border-box;max-width:100%;}
.mw-parser-output .toc a {overflow-wrap:anywhere;}
/* Keep the historic metal panels readable on the default light article canvas. */
.mw-parser-output .borderbox a,.mw-parser-output .infobox a {color:#eee;}
.mw-parser-output .borderbox a:visited,.mw-parser-output .infobox a:visited {color:#ddd;}
.mw-parser-output .borderbox a.new,.mw-parser-output .infobox a.new,.mw-parser-output .navigation a.new {color:#f0b9b0;}

/* The archived banner uses a fixed 400px artwork composition, independent of the text column. */
.mw-parser-output .scrakeclots {width:100%;height:165px;margin:0;border:0;border-spacing:0;background-color:transparent;}
.mw-parser-output .scrakeclots th {box-sizing:border-box;width:416px;min-width:416px;padding:1em 5em 1em 3em;}
.mw-parser-output .scrakeclots th img {width:300px;max-width:none;height:auto;}
.mw-parser-output .scrakeclots td {padding:0 0 0 0;}
/* Preserve local equipment text while restoring the archived two-column metal panel. */
.mw-parser-output .kf-equipment {margin-top:0;width:100%;border-spacing:0;border-collapse:separate;}
.mw-parser-output .kf-equipment>tbody>tr>th:first-child {width:220px;}
.mw-parser-output .kf-equipment>tbody>tr>td {padding:6px 12px;border:0;vertical-align:middle;}
.mw-parser-output .kf-equipment>tbody>tr>td:first-child {box-sizing:border-box;width:220px;min-width:220px;padding:6px;}
.mw-parser-output .kf-equipment>tbody>tr:nth-child(2)>td {padding-top:12px;}
.mw-parser-output .kf-equipment>tbody>tr:last-child>td {padding-bottom:12px;}
.mw-parser-output .kf-equipment .itembar {margin-left:44px;min-width:158px;white-space:nowrap;}
.page-Main_Page .mw-parser-output>.borderbox {display:block;overflow-x:auto;max-width:100%;}
.page-Main_Page .mw-parser-output>.borderbox>tbody {display:table;min-width:100%;}
.page-Main_Page .mw-parser-output>.borderbox .itembar {min-width:145px;}
@media(max-width:1100px){
 .mw-parser-output>.wikitable,.mw-parser-output>.navigation {display:block;overflow-x:auto;max-width:100%;}
 .mw-parser-output>.navigation>tbody {display:table;min-width:100%;}
 .mw-parser-output .scrakeclots th {width:400px;min-width:400px;padding-left:3em;padding-right:4em;}
}
@media(max-width:700px){
 .mw-parser-output table.infobox {float:none;width:100%;margin:1em 0;}
 .mw-parser-output .scrakeclots {display:block;height:auto;background-position:center top;background-size:340px auto;}
 .mw-parser-output .scrakeclots>tbody,.mw-parser-output .scrakeclots tr {display:block;}
 .mw-parser-output .scrakeclots th {display:block;width:100%;min-width:0;height:145px;padding:25px 0 0;text-align:center;}
 .mw-parser-output .scrakeclots th img {width:255px;}
 .mw-parser-output .scrakeclots td {display:block;padding:14px 5px 18px;}
 .mw-parser-output .navigation {float:none;}
 .mw-parser-output>.wikitable {display:block;overflow-x:auto;max-width:100%;}
}
@media print{.mw-parser-output,.mw-parser-output h2,.mw-parser-output h3 {color:black!important;}.mw-parser-output a {color:#222!important;}.mw-parser-output .infobox,.mw-parser-output .navigation {break-inside:avoid;}}

.mw-parser-output .kf-equipment>tbody>tr>td{background:url("/killingfloor/w/theme-archive/060c08e269aa0d4c37b8.png") left repeat-y,url("/killingfloor/w/theme-archive/4c5896cc1d275fdb9ae2.png") right repeat-y;}
.mw-parser-output .kf-equipment>tbody>tr:nth-child(2)>td{background:url("/killingfloor/w/theme-archive/92e13ce2dfba7ed6410b.png") top repeat-x,url("/killingfloor/w/theme-archive/060c08e269aa0d4c37b8.png") left repeat-y,url("/killingfloor/w/theme-archive/4c5896cc1d275fdb9ae2.png") right repeat-y;}
.mw-parser-output .kf-equipment>tbody>tr:last-child>td{background:url("/killingfloor/w/theme-archive/80f4870ae94dad08be6a.png") bottom repeat-x,url("/killingfloor/w/theme-archive/060c08e269aa0d4c37b8.png") left repeat-y,url("/killingfloor/w/theme-archive/4c5896cc1d275fdb9ae2.png") right repeat-y;}
/* Adapt fixed-height archived banner and equipment rows to phone screens. */
@media(max-width:700px){
 .mw-parser-output .scrakeclots {height:auto!important;overflow:visible!important;}
 .mw-parser-output .scrakeclots th {padding:25px 0 0!important;}
 .mw-parser-output .kf-equipment,.mw-parser-output .kf-equipment>tbody {display:block;max-width:100%;width:auto;overflow:visible;}
 .mw-parser-output .kf-equipment>tbody>tr {display:block;clear:both;}
 .mw-parser-output .kf-equipment>tbody>tr:first-child {display:flex;}
 .mw-parser-output .kf-equipment>tbody>tr>th {display:block;box-sizing:border-box;width:50%;}
 .mw-parser-output .kf-equipment>tbody>tr>th:first-child {width:50%;}
 .mw-parser-output .kf-equipment>tbody>tr>td {display:block;width:auto;min-width:0;padding:12px;}
 .mw-parser-output .kf-equipment>tbody>tr>td:first-child {width:auto;min-width:0;padding:12px 12px 6px;}
 .mw-parser-output .kf-equipment .itembar {max-width:190px;}
 .mw-parser-output .kf-equipment>tbody>tr>td:nth-child(2) {padding:8px 12px 14px;line-height:1.7;}
}
/* Keep compact infoboxes as tables inside MonoBook's phone table-scroll mode. */
@media(max-width:639px){
 .mw-parser-output table.infobox,.mw-parser-output table.infobox table {display:table;overflow:visible;}
}
/* Category lists are generated outside .mw-parser-output. */
#mw-pages h2, #mw-subcategories h2, #mw-category-media h2, .mw-category-group h3 { color: inherit; }