MediaWiki:Monobook.css: Difference between revisions

Latest revision as of 09:42, 7 September 2026

/* Supported MonoBook shell: historical light articles; black mode confined to the Main Page. */
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:#fcfcfc url("/killingfloor/w/theme-archive/4154d73457e98071121b.jpeg") no-repeat center fixed;border:2px groove gainsboro;padding:1.2em 1.6em;color:#202122;}
.skin-monobook #firstHeading {color:inherit;border-bottom-color:#aaa;}
.skin-monobook #content .catlinks {background:var(--kf-panel,#f9f9f9);border-color:var(--kf-border,#aaa);color:inherit;}
.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;}

@media(max-width:850px){.skin-monobook #content{background-attachment:scroll;padding:1em;}}
@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;}
/* The user-supplied archived homepage shows black mode; ordinary article captures do not. */
.skin-monobook.page-Main_Page #content {
 background:#000 url("/killingfloor/w/theme-archive/bffb0973180f3cfe2096.png") no-repeat center fixed;
 border-color:#555;color:#eee;
 --kf-link:#eee;--kf-visited:#d4d4cf;--kf-new:#f0b9b0;
 --kf-panel:#252725;--kf-border:#555;--kf-muted:#bbb;
}
.skin-monobook #content a {text-decoration-thickness:1px;}
:where(.skin-monobook #content) a {color:var(--kf-link,#0645ad);}
:where(.skin-monobook #content) a:visited {color:var(--kf-visited,#0b0080);}
:where(.skin-monobook #content) a.new {color:var(--kf-new,#ba0000);}
/* Historical desktop geometry. Match body.skin--responsive specificity in supported MonoBook. */
@media screen and (min-width:640px) {
 body.skin-monobook {--kf-sidebar-width:160px;}
 body.skin-monobook #column-content {margin-left:calc(0px - var(--kf-sidebar-width));}
 body.skin-monobook #content {margin-left:var(--kf-sidebar-width);margin-top:80px;}
 body.skin-monobook #column-one {padding-top:180px;}
 body.skin-monobook #p-logo {left:0;top:0;width:var(--kf-sidebar-width);height:180px;}
 body.skin-monobook #p-logo a,body.skin-monobook #p-logo a:hover {
  width:var(--kf-sidebar-width);height:180px;background-size:180px auto;
  background-position:center 35%!important;
 }
 body.skin-monobook #sidebar .portlet {box-sizing:border-box;width:var(--kf-sidebar-width);padding:0 16px;margin:0 0 16px;}
 body.skin-monobook #sidebar .portlet h3 {
  display:block;box-sizing:border-box;width:100%;height:32px;margin:0;padding:0;
  font-size:12px;font-weight:bold;line-height:32px;text-transform:none;
  background-position:center;
 }
 body.skin-monobook #sidebar .portlet .pBody {margin:0;padding:6px 8px 3px;}
 body.skin-monobook #footer {margin-left:var(--kf-sidebar-width);}
 body.skin-monobook #p-cactions {
  box-sizing:border-box;top:36px;left:var(--kf-sidebar-width);right:0;width:auto;height:44px;
  padding:6px 8px;margin:0;border:0;font-size:13px;line-height:32px;
  background:url('/killingfloor/w/theme-archive/54ea17df82484b2310c7.png') left no-repeat,
   url('/killingfloor/w/theme-archive/999c2e675e98f8eddd04.png') right no-repeat,
   url('/killingfloor/w/theme-archive/c5526a6b828916562f66.png') center repeat-x #303030;
 }
 body.skin-monobook #p-cactions .pBody {margin:0;padding:0;border:0;background:none;font-size:inherit;}
 body.skin-monobook #p-cactions ul {display:flex;align-items:center;gap:4px;height:32px;padding:0;margin:0;font-size:inherit;line-height:32px;list-style:none;}
 body.skin-monobook #p-cactions ul li {display:block;position:relative;flex:0 0 auto;border:0;margin:0;padding:0;height:32px;background:none;}
 body.skin-monobook #p-cactions ul li a {
  display:block;box-sizing:border-box;position:static;height:32px;margin:0;padding:0 12px;border:0;
  font-size:13px;line-height:32px;text-transform:none;text-decoration:none;color:#20251c;
  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;
 }
 body.skin-monobook #p-cactions ul li.selected a {
  color:white;
  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;
 }
 body.skin-monobook #p-cactions ul li a.new {color:#ba0000;}
 /* The namespace tabs stay left; Read/Edit/History form the right-hand group. */
 body.skin-monobook #p-cactions ul li#ca-view {display:block;margin-left:auto;}
 body.skin-monobook #p-personal {top:10px;left:auto;right:6px;width:auto;line-height:normal;font-size:12px;}
 body.skin-monobook #p-personal ul {text-transform:none;}
}
@media screen and (min-width:982px) {
 body.skin-monobook {--kf-sidebar-width:192px;}
}
@media screen and (min-width:640px) and (max-width:760px) {
 body.skin-monobook #p-cactions ul {gap:2px;}
 body.skin-monobook #p-cactions ul li a {padding:0 8px;font-size:12px;}
}