MediaWiki:Monobook.css: Difference between revisions

From Killing Floor wiki
Jump to navigationJump to search
Content deleted Content added
Fit recovered theme graphics to local tables and keep account links readable
Adapt the archived fixed-height banner and equipment table for readable phone layouts
 
(4 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;}}
/* Fit restored artwork to the local page tables; retain readable account links. */
.mw-parser-output .itembar {white-space:normal;line-height:1.4!important;min-height:32px;padding-top:6px;padding-bottom:6px;overflow-wrap:anywhere;}
.page-Main_Page .mw-parser-output table.borderbox {table-layout:fixed;width:100%;}
.page-Main_Page .mw-parser-output table.borderbox th,.page-Main_Page .mw-parser-output table.borderbox td {min-width:0;overflow-wrap:anywhere;}
.skin-monobook #p-personal {color:#ddd;background:#202320!important;}
.skin-monobook #p-personal a {color:#e4dcc1;}

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