Difference between revisions of "MediaWiki:Common.css"

From Filtered, Archived, Gaslit Wiki
Jump to navigation Jump to search
Line 1: Line 1:
 
/* CSS placed here will be applied to all skins */
 
/* CSS placed here will be applied to all skins */
  
/* Set body text color */
+
/* ========================= */
 +
/* BODY STYLES              */
 +
/* ========================= */
 
body {  
 
body {  
 
     background: #252525;  
 
     background: #252525;  
Line 7: Line 9:
 
}
 
}
  
/* Background color of the content and title of pages */
+
/* ========================= */
 +
/* CONTENT STYLES            */
 +
/* ========================= */
 
#content {  
 
#content {  
 
     background-color: #252525;  
 
     background-color: #252525;  
Line 18: Line 22:
 
}
 
}
  
/* Navigation menu */
+
/* ========================= */
 +
/* NAVIGATION MENU STYLES    */
 +
/* ========================= */
 
#p-navigation {  
 
#p-navigation {  
 
     background-color: #252525;  
 
     background-color: #252525;  
 
}
 
}
  
/* Table of contents */
+
/* Change color for all links in the navigation menu */
 +
#p-navigation a {
 +
    color: #90b7f9; /* Set the default link color */
 +
}
 +
 
 +
/* Change hover color for all links in the navigation menu */
 +
#p-navigation a:hover {
 +
    color: #955bc2; /* Set the hover color for links */
 +
}
 +
 
 +
/* ========================= */
 +
/* TABLE OF CONTENTS STYLES  */
 +
/* ========================= */
 
.mw-parser-output .toc {
 
.mw-parser-output .toc {
 
     background-color: #343434;  
 
     background-color: #343434;  
Line 29: Line 47:
 
}
 
}
  
/* Headings */
+
/* ========================= */
 +
/* HEADING STYLES            */
 +
/* ========================= */
 
h1, h2, h3 {
 
h1, h2, h3 {
 
     color: #e6e6e6 !important; /* Force heading colors */
 
     color: #e6e6e6 !important; /* Force heading colors */
 
}
 
}
  
/* Links */
+
/* ========================= */
 +
/* LINK STYLES              */
 +
/* ========================= */
 
a {
 
a {
     color: #90b7f9;  
+
     color: #90b7f9; /* Set the default link color */
 
}
 
}
 +
 
a:hover {
 
a:hover {
     color: #c70039;  
+
     color: #955bc2; /* Set the hover color for links */
 
}
 
}
  
/* Top bar */
+
/* ========================= */
 +
/* TOP BAR STYLES            */
 +
/* ========================= */
 
#mw-head {
 
#mw-head {
 
     background-color: #252525;  
 
     background-color: #252525;  
 
}
 
}
 +
 
#mw-head a {
 
#mw-head a {
 
     color: #e6e6e6 !important; /* Force link color in top bar */
 
     color: #e6e6e6 !important; /* Force link color in top bar */
 
}
 
}
  
/* Notable members table */
+
/* ========================= */
 +
/* NOTABLE MEMBERS STYLES    */
 +
/* ========================= */
 
.notable-members {
 
.notable-members {
 
     background-color: #343434 !important;  
 
     background-color: #343434 !important;  
 
     color: #e6e6e6 !important;  
 
     color: #e6e6e6 !important;  
 
}
 
}
 +
 
.notable-members th, .notable-members td {
 
.notable-members th, .notable-members td {
 
     border: 2px solid #e6e6e6;  
 
     border: 2px solid #e6e6e6;  
Line 60: Line 89:
 
}
 
}
  
/* Change color for all links */
+
/* ========================= */
a {
+
/* TOOLS SECTION STYLES      */
    color: #90b7f9; /* Set the default link color */
+
/* ========================= */
}
 
 
 
/* Change hover color for all links */
 
a:hover {
 
    color: #955bc2; /* Set the hover color for links */
 
}
 
 
 
/* Change color for all links in the navigation menu */
 
#p-navigation a {
 
    color: #90b7f9; /* Set the default link color */
 
}
 
 
 
/* Change hover color for all links in the navigation menu */
 
#p-navigation a:hover {
 
    color: #955bc2; /* Set the hover color for links */
 
}
 
 
 
/* Other existing styles... */
 
body {
 
    background: #252525;
 
    color: #e6e6e6;
 
}
 
 
 
/* Change color for all links in the Tools section */
 
 
#p-tb a {
 
#p-tb a {
 
     color: #90b7f9; /* Set the default link color */
 
     color: #90b7f9; /* Set the default link color */
 
}
 
}
  
/* Change hover color for all links in the Tools section */
 
 
#p-tb a:hover {
 
#p-tb a:hover {
 
     color: #955bc2; /* Set the hover color for links */
 
     color: #955bc2; /* Set the hover color for links */
 
}
 
}
  
/* Other existing styles... */
+
/* ========================= */
body {
+
/* GRADIENT MENU STYLES      */
    background: #252525;
+
/* ========================= */
    color: #e6e6e6;
 
}
 
 
 
/* THIS WILL BE THE START OF MY GRADIANT TESTING STUFF, OK HERE WE GO, I WILL SAY WHEN ITS DONE */
 
 
 
 
/* Change background for the "Read," "Edit," and "View history" links */
 
/* Change background for the "Read," "Edit," and "View history" links */
 
.ca-menu {
 
.ca-menu {

Revision as of 21:20, 4 May 2025

/* CSS placed here will be applied to all skins */

/* ========================= */
/* BODY STYLES               */
/* ========================= */
body { 
    background: #252525; 
    color: #e6e6e6 !important; /* Force text color */
}

/* ========================= */
/* CONTENT STYLES            */
/* ========================= */
#content { 
    background-color: #252525; 
    color: #e6e6e6 !important; /* Force text color */
}

/* Sets background color of the logo area  */
#p-logo { 
    background-color: #252525; 
}

/* ========================= */
/* NAVIGATION MENU STYLES    */
/* ========================= */
#p-navigation { 
    background-color: #252525; 
}

/* Change color for all links in the navigation menu */
#p-navigation a {
    color: #90b7f9; /* Set the default link color */
}

/* Change hover color for all links in the navigation menu */
#p-navigation a:hover {
    color: #955bc2; /* Set the hover color for links */
}

/* ========================= */
/* TABLE OF CONTENTS STYLES  */
/* ========================= */
.mw-parser-output .toc {
    background-color: #343434; 
    border: 1px solid #444241; 
}

/* ========================= */
/* HEADING STYLES            */
/* ========================= */
h1, h2, h3 {
    color: #e6e6e6 !important; /* Force heading colors */
}

/* ========================= */
/* LINK STYLES               */
/* ========================= */
a {
    color: #90b7f9; /* Set the default link color */
}

a:hover {
    color: #955bc2; /* Set the hover color for links */
}

/* ========================= */
/* TOP BAR STYLES            */
/* ========================= */
#mw-head {
    background-color: #252525; 
}

#mw-head a {
    color: #e6e6e6 !important; /* Force link color in top bar */
}

/* ========================= */
/* NOTABLE MEMBERS STYLES     */
/* ========================= */
.notable-members {
    background-color: #343434 !important; 
    color: #e6e6e6 !important; 
}

.notable-members th, .notable-members td {
    border: 2px solid #e6e6e6; 
    color: #e6e6e6 !important; /* Force cell text color */
}

/* ========================= */
/* TOOLS SECTION STYLES      */
/* ========================= */
#p-tb a {
    color: #90b7f9; /* Set the default link color */
}

#p-tb a:hover {
    color: #955bc2; /* Set the hover color for links */
}

/* ========================= */
/* GRADIENT MENU STYLES      */
/* ========================= */
/* Change background for the "Read," "Edit," and "View history" links */
.ca-menu {
    background: linear-gradient(to right, #252525, rgba(144, 183, 249, 0.5)); /* Fade effect */
}

/* Change text color for the links */
.ca-menu a {
    color: #90b7f9; /* Set the text color */
}