MediaWiki:Modern.css

/* Base colors - refined but compact */
:root {
    --primary-green: #1A4731;       /* Darker, softer green */
    --header-green: #0D3B22;        /* Softer header green */
    --gold-accent: #D4A017;         /* Warmer gold */
    --maroon: #763C3C;              /* Softer maroon */
    --content-bg: #FFF8E1;          /* Warm cream */
    --text-color: #2D2D2D;          /* Soft black */
    --border-color: #C9B18B;       /* Warm beige border */
}

/* Structural compacting */
body {
    margin: 0;
    padding: 0;
    font-size: 14px; /* Slightly smaller base */
    line-height: 1.5;
}

/* Slim header */
#mw_header {
    height: 2em; /* Reduced from 3em */
    padding: 0.3em 0;
}

/* Compact personal toolbar */
#p-personal {
    height: 1.8em; /* Slimmer */
    padding: 0.2em 0;
}

#p-personal li a {
    padding: 0.3em 0.8em; /* Tighter padding */
}

/* Slim sidebar */
#mw_portlets {
    width: 12em; /* Narrower sidebar */
}

.portlet {
    margin: 0.5em 0; /* Reduced spacing */
}

.mw-portlet > label, 
.portlet h3 {
    padding: 0.4em 0.8em; /* Tighter */
    font-size: 0.85em; /* Smaller text */
}

/* Compact content area */
#content {
    margin-left: 12.5em; /* Matches sidebar */
    padding: 1em; /* Reduced from 1.5em */
}

/* Slimmer footer */
.mw-footer {
    padding: 0.8em; /* Reduced padding */
}

/* Compact tables */
.toccolours, #toc, .toc {
    padding: 0.5em; /* Less padding */
    margin: 0.5em 0; /* Tighter margins */
}

/* Slimmer form elements */
input, textarea, select {
    padding: 0.3em;
    margin: 0.2em 0;
}

/* Compact lists */
ul, ol {
    margin: 0.2em 0 0 1.2em; /* Tighter */
    line-height: 1.4;
}

/* Slim headings */
h1 { font-size: 1.6em; }
h2 { font-size: 1.4em; }
h3 { font-size: 1.2em; }

/* Compact action bar */
#p-cactions li {
    margin: 0 0.3em; /* Tighter spacing */
    padding: 0.1em 0.3em;
    height: 1.3em; /* Slimmer */
}

/* Reduced whitespace in content */
p, li, dd, dt {
    margin-bottom: 0.7em;
}

/* Compact code blocks */
pre, .mw-code {
    padding: 0.5em;
    margin: 0.5em 0;
}

/* Slim images */
div.thumbinner {
    padding: 2px !important;
}