MediaWiki:Monobook.css: Difference between revisions

From Killing Floor wiki
Jump to navigationJump to search
Content deleted Content added
Restore archived Killing Floor interface textures and decorative artwork; adapt to current skin
Adapt the archived fixed-height banner and equipment table for readable phone layouts
 
(5 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* Supported MonoBook shell using the original KF-Wiki blackbackground mode and exact theme artwork. */
body { background: #e9e7e3; font-family: Arial, Helvetica, sans-serif; }
body.skin-monobook {background:url("/killingfloor/w/theme-archive/d17410e0c8fbe3bf419b.png") no-repeat #000 top left;font-family:Arial,Helvetica,sans-serif;}
#content { border: 1px solid #c6c2bd; padding: 1.4em 1.8em; background: #fff; }
.skin-monobook #content {background:#000 url("/killingfloor/w/theme-archive/bffb0973180f3cfe2096.png") no-repeat center fixed;border:2px groove #555;padding:1.2em 1.6em;color:#eee;}
#firstHeading { color: #34383d; border-bottom-color: #b8afa6; }
.skin-monobook #firstHeading {color:#eee;border-bottom-color:#666;}
#p-logo a { background-size: 145px auto; background-position: center; }
.skin-monobook #content a {color:#eee;}
.portlet .pBody { background: #faf9f7; border-color: #c6c2bd; }
.portlet h3 { color: #5d5550; }
.skin-monobook #content a.new {color:#f0b9b0;}
#p-cactions li.selected a { color: #78302d; }
.skin-monobook #content .itembar a {color:#000;}
@media(max-width: 600px) { #content { padding: 1em; } }
.skin-monobook #content .wikitable a {color:#663b2a;}
.skin-monobook #content .catlinks {background:#202320;border-color:#555;color:#ddd;}
/* Recovered KF-Wiki site artwork (2018); adapted for modern MonoBook. */
.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 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 .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 .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}

body.skin-monobook {background:url("/killingfloor/w/theme-archive/d17410e0c8fbe3bf419b.png") no-repeat #080909 top left;}
.skin-monobook #content {background:#fcfcfc url("/killingfloor/w/theme-archive/4154d73457e98071121b.jpeg") no-repeat center fixed;border:2px groove #aaa;}
.skin-monobook #p-logo {top:0;left:0;height:185px;width:180px;}
.skin-monobook #p-logo {top:0;left:0;height:185px;width:180px;}
.skin-monobook #p-logo a {height:185px;background-image:url("/killingfloor/w/theme-archive/e52eaadbdb098a2504ea.png") !important;background-size:160px auto;background-position:center;background-repeat:no-repeat;}
.skin-monobook #p-logo a {height:185px;background-image:url("/killingfloor/w/theme-archive/e52eaadbdb098a2504ea.png")!important;background-size:160px auto;background-position:center;background-repeat:no-repeat;}
.skin-monobook .portlet h3 {background:url("/killingfloor/w/theme-archive/d94e1f02b2b4cb4b2673.png") no-repeat center;color:#e1dde1;height:32px;line-height:32px;text-align:center;font-weight:bold;padding:0;}
.skin-monobook .portlet h3 {background:url("/killingfloor/w/theme-archive/d94e1f02b2b4cb4b2673.png") no-repeat center;color:#e1dde1;height:32px;line-height:32px;text-align:center;font-weight:bold;padding:0;}
.skin-monobook .portlet .pBody {background:#0b0c0b;border:2px ridge #333;color:#ddd;}
.skin-monobook .portlet .pBody {background:#000;border:2px ridge #333;color:#ddd;}
.skin-monobook .portlet .pBody a {color:#e9e9df;}
.skin-monobook .portlet .pBody a {color:#eee;}
.skin-monobook #p-cactions li {border:0;background:none;}
.skin-monobook #p-cactions li {border:0;background:none;}
.skin-monobook #p-cactions li a,.skin-monobook #p-personal {background:url("/killingfloor/w/theme-archive/3c814ae0892d6ece2bcc.png") left no-repeat,url("/killingfloor/w/theme-archive/0e31effac41f8cb1c95e.png") right no-repeat,url("/killingfloor/w/theme-archive/c8ad4e3e8717ef8afe5e.png") center repeat-x #e5e5d5;border:0;color:#20251c;}
.skin-monobook #p-cactions li a {background:url("/killingfloor/w/theme-archive/3c814ae0892d6ece2bcc.png") left no-repeat,url("/killingfloor/w/theme-archive/0e31effac41f8cb1c95e.png") right no-repeat,url("/killingfloor/w/theme-archive/c8ad4e3e8717ef8afe5e.png") center repeat-x #e5e5d5;border:0;color:#20251c;padding:8px 12px;font-weight:bold;}
.skin-monobook #p-cactions li.selected a {background:url("/killingfloor/w/theme-archive/1993656b8a94f5b290eb.png") left no-repeat,url("/killingfloor/w/theme-archive/caabc19ed4b238dd48f8.png") right no-repeat,url("/killingfloor/w/theme-archive/516b54bd44f95d888268.png") center repeat-x #887744;color:white;}
.skin-monobook #p-cactions li.selected a {background:url("/killingfloor/w/theme-archive/1993656b8a94f5b290eb.png") left no-repeat,url("/killingfloor/w/theme-archive/caabc19ed4b238dd48f8.png") right no-repeat,url("/killingfloor/w/theme-archive/516b54bd44f95d888268.png") center repeat-x #887744;color:white;}
.skin-monobook #p-cactions li a {padding:8px 12px;font-weight:bold;}
.skin-monobook #p-personal {padding:3px 8px;border-radius:3px;background:#202320;color:#ddd;}
.skin-monobook #p-personal {padding:3px 8px;border-radius:3px;}
.skin-monobook #p-personal li a {color:#e4dcc1;}
.skin-monobook #footer {background:#202320;color:#ddd;border:1px ridge #555;}
.skin-monobook #footer {background:#202320;color:#ddd;border:1px ridge #555;}
.skin-monobook #footer a {color:#dfd6b5;}
.skin-monobook #footer a {color:#dfd6b5;}
.skin-monobook #toc {background:#252725;border-color:#555;color:#eee;}
.mw-parser-output ul {list-style-image:url("/killingfloor/w/theme-archive/7f9e179028c2c4fe55af.png");}
.mw-parser-output table.infobox {width:290px;max-width:100%;border-collapse:separate;}
.mw-parser-output table.infobox .subhead {background-color:#343a32;color:#eee;}
.mw-parser-output table.infobox table.stats th,.mw-parser-output table.infobox table.stats td,.mw-parser-output table.infobox table.achievements td {border-bottom-color:#41483c;}
.mw-parser-output table.infobox .info-image img {box-sizing:border-box;}
.mw-parser-output table.navigation .header,.mw-parser-output table.navigation .footer {color:#eee;}
.mw-parser-output .borderbox {color:#eee;}
.mw-parser-output .borderbox a {color:#eee;}
.mw-parser-output .borderbox .whitetext,.mw-parser-output .borderbox .whitetext a {color:#eee;}
.mw-parser-output .itembar {box-sizing:border-box;}
.mw-parser-output .scrakeclots {background-color:#f4f3ef;min-height:185px;height:auto!important;}
.mw-parser-output .scrakeclots th {width:43%;min-height:185px;padding:1em!important;}
.mw-parser-output .scrakeclots {border:0;}
.mw-parser-output .itembox img {vertical-align:middle;}
.page-Main_Page .mw-parser-output > table:nth-of-type(2) {background:#e9e7df;}
@media(min-width:851px){.skin-monobook #column-one{padding-top:195px;}.skin-monobook #content{margin-top:3.6em;}.skin-monobook #p-cactions{top:2em;}}
@media(min-width:851px){.skin-monobook #column-one{padding-top:195px;}.skin-monobook #content{margin-top:3.6em;}.skin-monobook #p-cactions{top:2em;}}
@media(max-width:850px){.skin-monobook #content{background-attachment:scroll;padding:1em;}.skin-monobook #p-cactions li a{padding:4px;}}
@media(max-width:850px){
@media(max-width:600px){.skin-monobook #p-logo{display:none;}.skin-monobook #p-personal{padding:0;}}
.mw-parser-output table.infobox{float:none;width:100%;margin:1em 0;}
@media print{body.skin-monobook,.skin-monobook #content{background:white!important;color:black!important;}.skin-monobook #firstHeading,.skin-monobook #content a{color:black!important;}}
.mw-parser-output .itembar{white-space:normal;line-height:1.45!important;padding:7px 8px;}
.skin-monobook #p-personal ul li a {color:#e4dcc1;}
.mw-parser-output .scrakeclots{background-size:40% auto;}
.mw-parser-output .scrakeclots th{padding:.5em!important;width:35%;}
.mw-parser-output .scrakeclots td{padding:1em!important;}
.skin-monobook #content{background-attachment:scroll;}
}
@media(max-width:600px){
.skin-monobook #p-cactions li a{padding:4px;}
.skin-monobook #p-personal{padding:0;}
.mw-parser-output .scrakeclots{display:table!important;overflow:visible;}
.mw-parser-output .scrakeclots th{width:32%;}
.mw-parser-output .scrakeclots td{font-size:.9em;}
.mw-parser-output .itembox,.mw-parser-output .itembox2,.mw-parser-output .itembox3{float:none;margin:0 auto;}
.mw-parser-output .itembar{margin-left:0;}
}
@media print{body.skin-monobook,.skin-monobook #content{background:white!important;}.mw-parser-output .infobox,.mw-parser-output .navigation,.mw-parser-output .borderbox{background:white!important;color:black!important;}}

Latest revision as of 13:19, 6 September 2026

/* Supported MonoBook shell using the original KF-Wiki blackbackground mode and exact theme artwork. */
body.skin-monobook {background:url("/killingfloor/w/theme-archive/d17410e0c8fbe3bf419b.png") no-repeat #000 top left;font-family:Arial,Helvetica,sans-serif;}
.skin-monobook #content {background:#000 url("/killingfloor/w/theme-archive/bffb0973180f3cfe2096.png") no-repeat center fixed;border:2px groove #555;padding:1.2em 1.6em;color:#eee;}
.skin-monobook #firstHeading {color:#eee;border-bottom-color:#666;}
.skin-monobook #content a {color:#eee;}
.skin-monobook #content a.new {color:#f0b9b0;}
.skin-monobook #content .itembar a {color:#000;}
.skin-monobook #content .wikitable a {color:#663b2a;}
.skin-monobook #content .catlinks {background:#202320;border-color:#555;color:#ddd;}
.skin-monobook #p-logo {top:0;left:0;height:185px;width:180px;}
.skin-monobook #p-logo a {height:185px;background-image:url("/killingfloor/w/theme-archive/e52eaadbdb098a2504ea.png")!important;background-size:160px auto;background-position:center;background-repeat:no-repeat;}
.skin-monobook .portlet h3 {background:url("/killingfloor/w/theme-archive/d94e1f02b2b4cb4b2673.png") no-repeat center;color:#e1dde1;height:32px;line-height:32px;text-align:center;font-weight:bold;padding:0;}
.skin-monobook .portlet .pBody {background:#000;border:2px ridge #333;color:#ddd;}
.skin-monobook .portlet .pBody a {color:#eee;}
.skin-monobook #p-cactions li {border:0;background:none;}
.skin-monobook #p-cactions li a {background:url("/killingfloor/w/theme-archive/3c814ae0892d6ece2bcc.png") left no-repeat,url("/killingfloor/w/theme-archive/0e31effac41f8cb1c95e.png") right no-repeat,url("/killingfloor/w/theme-archive/c8ad4e3e8717ef8afe5e.png") center repeat-x #e5e5d5;border:0;color:#20251c;padding:8px 12px;font-weight:bold;}
.skin-monobook #p-cactions li.selected a {background:url("/killingfloor/w/theme-archive/1993656b8a94f5b290eb.png") left no-repeat,url("/killingfloor/w/theme-archive/caabc19ed4b238dd48f8.png") right no-repeat,url("/killingfloor/w/theme-archive/516b54bd44f95d888268.png") center repeat-x #887744;color:white;}
.skin-monobook #p-personal {padding:3px 8px;border-radius:3px;background:#202320;color:#ddd;}
.skin-monobook #p-personal li a {color:#e4dcc1;}
.skin-monobook #footer {background:#202320;color:#ddd;border:1px ridge #555;}
.skin-monobook #footer a {color:#dfd6b5;}
.skin-monobook #toc {background:#252725;border-color:#555;color:#eee;}
@media(min-width:851px){.skin-monobook #column-one{padding-top:195px;}.skin-monobook #content{margin-top:3.6em;}.skin-monobook #p-cactions{top:2em;}}
@media(max-width:850px){.skin-monobook #content{background-attachment:scroll;padding:1em;}.skin-monobook #p-cactions li a{padding:4px;}}
@media(max-width:600px){.skin-monobook #p-logo{display:none;}.skin-monobook #p-personal{padding:0;}}
@media print{body.skin-monobook,.skin-monobook #content{background:white!important;color:black!important;}.skin-monobook #firstHeading,.skin-monobook #content a{color:black!important;}}
.skin-monobook #p-personal ul li a {color:#e4dcc1;}