MediaWiki:Common.css: Difference between revisions

Latest revision as of 22:27, 9 August 2025

/* General Page Background and Text */
body {
    background-color: #111111; /* Sets the background color for the entire page */
    color: #AFACA8; /* Sets the default text color */
}

/* Links Styling */
a {
    color: #89c5b7; /* Sets link color */
}

a:visited {
    color: #89c5b7; /* Sets visited link color */
}

/* Headers */
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
    color: #AFACA8; /* Header text color */
}

/* Sidebar */
#mw-panel {
    background-color: #111111; /* Sidebar background */
    color: #AFACA8; /* Sidebar text */
}

#mw-panel a {
    color: #89c5b7;
}

#mw-panel a:visited {
    color: #89c5b7;
}

/* Action Containers (Top Bar: Discussion, Edit, View History, etc.) */
#p-views, #p-cactions, #p-personal, #ca-edit, #ca-view, #ca-history {
    background-color: #111111; /* Background of action bar */
    color: #AFACA8; /* Text color */
}

/* Links in the Action Containers */
#p-views a, #p-cactions a, #p-personal a, #ca-edit a, #ca-view a, #ca-history a {
    color: #89c5b7;
}

#p-views a:visited, #p-cactions a:visited, #p-personal a:visited, 
#ca-edit a:visited, #ca-view a:visited, #ca-history a:visited {
    color: #6b7e7e;
}

/* Pinned Menus */
.vector-pinnable-header {
    background-color: #111111; /* Pinned menu background */
    color: #AFACA8; /* Pinned menu text color */
}

/* Header (Top of Page) */
#mw-head, #p-personal, #p-views, #p-cactions, .vector-menu-tabs li {
    background-color: #111111; /* Header and action tabs background */
    color: #AFACA8; /* Header and action tabs text color */
}

/* Tabs in the top action bar */
.vector-menu-tabs a, .vector-menu-tabs a:visited {
    background-color: #111111; /* Action tab background */
    color: #AFACA8; /* Action tab text color */
}

.vector-menu-tabs a:hover {
    background-color: #333333; /* On hover, for better visibility */
    color: #AFACA8;
}

/* Containers */
#content, .mw-body, .vector-content, .mw-content-ltr {
    background-color: #111111; /* Background color for main content area */
    color: #AFACA8; /* Text color for main content area */
}

/* Text Input Areas (Editing Page) */
textarea, input[type="text"], input[type="password"], select {
    background-color: #111111; /* Input field background */
    color: #AFACA8; /* Input field text color */
    border: 1px solid #AFACA8; /* Input field border */
}

/* Search Box */
#searchInput {
    background-color: #111111; /* Search box background */
    color: #AFACA8; /* Search box text color */
    border: 1px solid #AFACA8; /* Border color for search box */
}

/* Footer */
#footer {
    background-color: #111111; /* Footer background */
    color: #AFACA8; /* Footer text color */
}

/* Logo Styling (Optional, responsive) */
#p-logo a img {
    max-width: 100%;
    height: auto;
    width: auto;
}

/* Tables */
.wikitable {
    background-color: #111111; /* Table background */
    color: #AFACA8; /* Table text */
    border: 1px solid #AFACA8; /* Table border */
}

/* Button Styling */
input[type="submit"], input[type="button"], button {
    background-color: #111111;
    color: #AFACA8;
    border: 1px solid #AFACA8;
}

/* Message Boxes (Optional) */
.mw-message-box {
    background-color: #111111;
    color: #AFACA8;
}



/* General Border Color */
* {
    border-color: #AFACA8 !important; /* Sets border color for all elements */
}


/* Message Box Borders (if applicable) */
.mw-message-box {
    border: 1px solid #AFACA8 !important; /* Message box border */
}

/* Tables Border */
.wikitable {
    border: 1px solid #AFACA8 !important; /* Table border */
}

/* Input Field Borders */
textarea, input[type="text"], input[type="password"], select {
    border: 1px solid #AFACA8 !important; /* Input field border */
}
/* Change the background color of the Table of Contents */
#toc {
    background-color: #111111; /* Dark background color */
    color: #AFACA8; /* Optional: text color */
    padding: 10px; /* Optional: adds some padding */
    border-radius: 5px; /* Optional: rounds the corners */
}

/* Optional: adjust link colors */
#toc a {
    color: #89c5b7; /* Link color */
}

#toc a:visited {
    color: #89c5b7; /* Visited link color */
}

/* Increase the font size of all body text */
body {
    font-size: 18px; /* Adjust this value as needed */
}

/* Increase the font size for specific elements */
p, li {
    font-size: 18px; /* Adjust this value for paragraphs and list items */
}

h1 {
    font-size: 36px; /* 2x */
}

h2 {
    font-size: 30px; /* 1.67x */
}

h3 {
    font-size: 24px; /* 1.33x */
}

h4 {
    font-size: 20px; /* 1.11x */
}

h5 {
    font-size: 18px; /* same as base */
}

h6 {
    font-size: 16px; /* slightly smaller */
}

.bold-gray
{
  color: #DAA520;
  font-weight: bold;
}

<style>
ul.custom-bullets {
  list-style: none;
  padding-left: 1.2em;
}

ul.custom-bullets li::before {
  content: "•";
  color: #AFACA8;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

/* Override all unordered list bullets */
ul {
  list-style: none;
  padding-left: 1.2em; /* Keeps the visual indent */
}

ul li::before {
  content: "•";
  color: #AFACA8;
  font-size: 1em;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

/* Sidebar TOC appearance */
#sidebar-toc {
    background-color: #111111;
    color: #AFACA8;
    padding: 10px;
    margin-top: 1em;
    border: 1px solid #AFACA8;
    border-radius: 5px;
    font-size: 14px;
}

/* Remove bullet points */
#sidebar-toc ul {
    list-style: none;
    padding-left: 0;
}

/* TOC links */
#sidebar-toc a {
    color: #89c5b7;
    text-decoration: none;
}

#sidebar-toc a:hover {
    text-decoration: underline;
}
#sidebar-toc .toctitle {
    display: none;
}

/* Target TOC inside the sidebar specifically */
#sidebar-toc ul,
#sidebar-toc li,
#sidebar-toc ul li {
    list-style: none !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
}

/* Optional: remove any leftover ::before markers */
#sidebar-toc li::before {
    content: none !important;
}

#sidebar-toc {
    counter-reset: none !important;
}

#sidebar-toc li::before {
    content: none !important;
}