From Afropedia.world
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* 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;
}
