MediaWiki:Common.css: Difference between revisions

Revision as of 21:37, 17 October 2024

/* 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: #6b7e7e;
}

/* 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: #6b7e7e; /* Visited link color */
}

/* Customize code blocks within infoboxes */
.infobox pre,
.infobox code,
.infobox .mw-code {
    background-color: #272727; /* Change to your desired background color */
    color: #AFACA8; /* Change to your desired text color */
    border: 1px solid #6b7e7e; /* Optional: border color */
    padding: 5px; /* Optional: padding for better readability */
    overflow: auto; /* Ensure content is scrollable if it's too large */
    border-radius: 5px; /* Optional: rounded corners */
}