MediaWiki:Common.css: Difference between revisions

From IUO Tome of Knowledge
Jump to navigationJump to search
No edit summary
No edit summary
Line 1: Line 1:
/* =========================================
/* === Global === */
  IUO Tome of Knowledge - Default Dark Theme
  Timeless skin adjustments
  ========================================= */
 
/* Global body */
body {
body {
     background-color: #111 !important;
     background-color: #121212; /* dark background */
     color: #eee !important;
     color: #e0e0e0; /* light text */
     font-family: "Inter", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
     font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}
}


/* Header containers */
a {
#mw-header-container,
     color: #ff9900; /* bright accent */
#mw-header,
     text-decoration: none;
#mw-header-hack,
#mw-header-nav-hack {
     background-color: #1a1a1a !important;
    color: #eee !important;
     border-bottom: 1px solid #222;
}
}


/* User tools & personal menu */
a:hover {
#user-tools,
     color: #ffc966;
#personal,
     text-decoration: underline;
#p-personal {
     background-color: #1b1b1b !important;
     color: #eee !important;
}
}


/* Search bar */
/* === Main Content === */
#p-search,
#content,
#simpleSearch input,
#bodyContent,
#simpleSearch input[type="submit"] {
#mw-content-text,
     background-color: #1c1c1c !important;
.mw-parser-output {
     color: #eee !important;
     background-color: #1c1c1c;
     border: 1px solid #333;
     padding: 20px;
     border-radius: 6px;
}
}


/* Logo & banner */
.mw-parser-output h1,
#p-logo-text,
.mw-parser-output h2,
#p-banner,
.mw-parser-output h3,
#p-logo a,
.mw-parser-output h4,
#p-logo img {
.mw-parser-output h5,
     background: none !important;
.mw-parser-output h6 {
    color: #ffcc66;
    border-bottom: 1px solid #333;
     padding-bottom: 4px;
}
}


/* Navigation / Sidebar */
/* === Sidebar / Navigation === */
#mw-site-navigation,
#column-one,
.sidebar-chunk,
#sidebar,
#p-navigation,
#p-navigation,
#p-more,
#p-personal,
#p-views,
#p-search,
#p-tb,
#p-tb,
#p-userpagetools,
.portlet {
#p-pagemisc {
     background-color: #1b1b1b;
     background-color: #1c1c1c !important;
     border: 1px solid #333;
     color: #eee !important;
    border-radius: 4px;
    padding: 10px;
}
}
#mw-site-navigation a,
 
#mw-site-navigation a:visited {
.portlet h3 {
     color: #ccc !important;
     color: #ffcc66;
    font-weight: bold;
}
}
#mw-site-navigation a:hover {
 
     color: #5cc989 !important;
.portlet a {
     color: #ff9900;
}
}


/* Main content wrapper */
.portlet a:hover {
#mw-content-container {
     color: #ffc966;
     background-color: #1b1b1b !important;
    padding: 1rem 1.25rem;
    border-radius: 8px;
}
}


/* Main content block */
/* === Buttons === */
#mw-content-block,
input.searchButton,
#mw-content-wrapper,
button,
#content,
.mw-button {
.mw-body-content,
     background-color: #2a2a2a;
.mw-parser-output {
    border: 1px solid #444;
     background-color: #1b1b1b !important;
     color: #ff9900;
     color: #eee !important;
    border-radius: 4px;
    padding: 4px 10px;
}
}


/* Page headers */
input.searchButton:hover,
.mw-body h1,
button:hover,
.mw-body h2,
.mw-button:hover {
.mw-body h3 {
     background-color: #3a3a3a;
     font-weight: 700;
     border-color: #ff9900;
    color: #eee;
     border-bottom: 2px solid #222;
    padding-bottom: 5px;
}
}


/* Links */
/* === Tables === */
a {
table {
     color: #5cc989 !important;
     background-color: #1c1c1c;
    color: #e0e0e0;
    border: 1px solid #333;
}
}
a:visited {
 
     color: #80c0a0 !important;
th {
    background-color: #2a2a2a;
     color: #ffcc66;
    border-bottom: 1px solid #444;
}
}
a:hover {
 
     color: #28a745 !important;
td {
     border-bottom: 1px solid #333;
}
}


/* Buttons */
/* === Footer === */
.button,
#footer {
.mw-button {
     background-color: #121212;
     background-color: #28a745 !important;
     color: #888;
     color: #fff !important;
     border-top: 1px solid #333;
    font-weight: 700;
     padding: 15px;
     border-radius: 8px;
     padding: 0.55rem 0.85rem;
}
.button:hover,
.mw-button:hover {
    background-color: #1f9d4a !important;
}
}


/* Footer */
#footer a {
#mw-footer-container,
     color: #ff9900;
#mw-footer,
#footer-list,
#footer-icons,
#footer-info,
#footer-places {
    background-color: #111 !important;
     color: #ccc !important;
    border-top: 1px solid #222;
}
}


/* Images inside content: rounded and shadowed */
#footer a:hover {
.mw-parser-output img {
     color: #ffc966;
     border-radius: 8px;
    box-shadow: 0 6px 22px rgba(9,11,12,0.06);
    max-width: 100%;
    height: auto;
}
}


/* Edit section buttons */
/* === Alerts / Notices === */
.mw-editsection {
#siteNotice {
     background: #222 !important;
     background-color: #222;
     color: #ccc !important;
     color: #ff9900;
    border-left: 4px solid #ff9900;
    padding: 8px 12px;
    margin-bottom: 10px;
     border-radius: 4px;
     border-radius: 4px;
    padding: 0 4px;
    margin-left: 5px;
}
.mw-editsection a {
    color: #5cc989 !important;
}
/* Highlighted tables */
.mw-parser-output table,
.mw-parser-output th,
.mw-parser-output td {
    background-color: #1c1c1c !important;
    color: #eee !important;
    border: 1px solid #333 !important;
}
}

Revision as of 05:30, 6 October 2025

/* === Global === */
body {
    background-color: #121212; /* dark background */
    color: #e0e0e0; /* light text */
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

a {
    color: #ff9900; /* bright accent */
    text-decoration: none;
}

a:hover {
    color: #ffc966;
    text-decoration: underline;
}

/* === Main Content === */
#content,
#bodyContent,
#mw-content-text,
.mw-parser-output {
    background-color: #1c1c1c;
    padding: 20px;
    border-radius: 6px;
}

.mw-parser-output h1,
.mw-parser-output h2,
.mw-parser-output h3,
.mw-parser-output h4,
.mw-parser-output h5,
.mw-parser-output h6 {
    color: #ffcc66;
    border-bottom: 1px solid #333;
    padding-bottom: 4px;
}

/* === Sidebar / Navigation === */
#column-one,
#sidebar,
#p-navigation,
#p-personal,
#p-search,
#p-tb,
.portlet {
    background-color: #1b1b1b;
    border: 1px solid #333;
    border-radius: 4px;
    padding: 10px;
}

.portlet h3 {
    color: #ffcc66;
    font-weight: bold;
}

.portlet a {
    color: #ff9900;
}

.portlet a:hover {
    color: #ffc966;
}

/* === Buttons === */
input.searchButton,
button,
.mw-button {
    background-color: #2a2a2a;
    border: 1px solid #444;
    color: #ff9900;
    border-radius: 4px;
    padding: 4px 10px;
}

input.searchButton:hover,
button:hover,
.mw-button:hover {
    background-color: #3a3a3a;
    border-color: #ff9900;
}

/* === Tables === */
table {
    background-color: #1c1c1c;
    color: #e0e0e0;
    border: 1px solid #333;
}

th {
    background-color: #2a2a2a;
    color: #ffcc66;
    border-bottom: 1px solid #444;
}

td {
    border-bottom: 1px solid #333;
}

/* === Footer === */
#footer {
    background-color: #121212;
    color: #888;
    border-top: 1px solid #333;
    padding: 15px;
}

#footer a {
    color: #ff9900;
}

#footer a:hover {
    color: #ffc966;
}

/* === Alerts / Notices === */
#siteNotice {
    background-color: #222;
    color: #ff9900;
    border-left: 4px solid #ff9900;
    padding: 8px 12px;
    margin-bottom: 10px;
    border-radius: 4px;
}