User:TookieKun/common.css

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)
• Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Press Ctrl-F5.

/* General Background and Text Colors */
body, #content, #mw-content-text {
    background-color: #1a1a1a !important;
    color: #e0e0e0 !important;
    background-image: none !important;
}

/* mw-panel Menu Content Border */
#mw-panel .vector-menu-content {
    border: 1px solid #333333 !important; /* Dark grey border */
    background-color: #2a2a2a !important; /* Match sidebar background */
    padding: 5px !important; /* Optional: Add spacing for better visuals */
}

/* Force Border Color for Vector Menu Heading */
#mw-panel .vector-menu-heading {
    border-color: gray !important; /* Ensure gray color is applied */
    border-bottom: 1px solid gray !important; /* Explicitly set bottom border */
    color: #bdbdbd !important; /* Ensure text color is consistent */
    padding: 5px !important; /* Optional: Add spacing */
    font-weight: bold !important; /* Optional: Highlight heading */
}


/* mw-body Border */
.mw-body {
    border: 1px solid #333333 !important; /* Dark grey border */
    background-color: #1a1a1a !important; /* Match the dark background */
    padding: 10px !important; /* Optional: Add some spacing for better visuals */
}

/* Override Inline Width for All Elements */
[style*="width:60px;"] {
    width: auto !important; /* Reset the width */
}

/* Headers */
h1, h2, h3, h4, h5, h6 {
    color: #ffffff !important;
}

/* Links */
a {
    color: #1e88e5 !important;
    text-decoration: none !important;
}

a:visited {
    color: #8e8e8e !important;
}

a:hover {
    color: #90caf9 !important;
    text-decoration: underline !important;
}

/* Sidebar */
#mw-panel {
    background-color: #2a2a2a !important;
    border-right: 1px solid #333333 !important;
    background-image: none !important;
}

#mw-panel a {
    color: #bdbdbd !important;
}

#mw-panel a:hover {
    color: #ffffff !important;
}

/* Table Styling */
table {
    background-color: #242424 !important;
    border: 1px solid #333333 !important;
    color: #e0e0e0 !important;
    background-image: none !important;
}

table th {
    background-color: #333333 !important;
    color: #ffffff !important;
}

table td {
    border: 1px solid #444444 !important;
}

/* Forms and Input Fields */
input, textarea, select {
    background-color: #2c2c2c !important;
    color: #e0e0e0 !important;
    border: 1px solid #555555 !important;
    background-image: none !important;
}

input:focus, textarea:focus, select:focus {
    border-color: #90caf9 !important;
    outline: none !important;
}

/* Code Blocks and Preformatted Text */
pre, code {
    background-color: #1e1e1e !important;
    color: #80cbc4 !important;
    border: 1px solid #333333 !important;
    padding: 5px !important;
    font-family: monospace !important;
    background-image: none !important;
}

/* Navigation Bar */
#p-personal, #p-navigation, #p-search {
    background-color: #2a2a2a !important;
    background-image: none !important;
}

#p-search input[type="search"] {
    background-color: #2c2c2c !important;
    color: #e0e0e0 !important;
}

/* Footer */
#footer {
    background-color: #2a2a2a !important;
    color: #bdbdbd !important;
    background-image: none !important;
}

/* Miscellaneous */
hr {
    border-color: #444444 !important;
}

blockquote {
    background-color: #242424 !important;
    border-left: 3px solid #444444 !important;
    color: #e0e0e0 !important;
    background-image: none !important;
}

/* Fix Bright Images (Optional) */
img {
    filter: brightness(0.8) contrast(1.2);
}

/* Remove Inline Styles with Background Images */
* {
    background-color: transparent !important;
    background-image: none !important;
    color: inherit !important;
}