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 === */
/* === Global === */
body {
body {
     background-color: #121212; /* dark background */
     background-color: #121212;
     color: #e0e0e0; /* light text */
     color: #e0e0e0; /* light main text for readability */
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}
}


/* === Links === */
a {
a {
     color: #ff9900; /* bright accent */
     color: #ffcc66; /* bright accent for links */
     text-decoration: none;
     text-decoration: none;
}
}
 
a:visited {
    color: #ff9900; /* distinguish visited links */
}
a:hover {
a:hover {
     color: #ffc966;
     color: #ffc966;
Line 17: Line 19:


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


/* Headings */
.mw-parser-output h1,
.mw-parser-output h1,
.mw-parser-output h2,
.mw-parser-output h2,
.mw-parser-output h3,
.mw-parser-output h3 {
.mw-parser-output h4,
.mw-parser-output h5,
.mw-parser-output h6 {
     color: #ffcc66;
     color: #ffcc66;
     border-bottom: 1px solid #333;
     border-bottom: 1px solid #333;
Line 38: Line 41:


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


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


Line 59: Line 56:
     color: #ff9900;
     color: #ff9900;
}
}
.portlet a:hover {
.portlet a:hover {
     color: #ffc966;
     color: #ffc966;
}
}


/* === Buttons === */
/* === Search / Buttons === */
input.searchButton,
input.searchButton,
button,
button,
Line 72: Line 68:
     color: #ff9900;
     color: #ff9900;
     border-radius: 4px;
     border-radius: 4px;
    padding: 4px 10px;
}
}
input.searchButton:hover,
input.searchButton:hover,
button:hover,
button:hover,
.mw-button:hover {
.mw-button:hover {
     background-color: #3a3a3a;
     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;
}
}


Line 102: Line 78:
#footer {
#footer {
     background-color: #121212;
     background-color: #121212;
     color: #888;
     color: #ccc;
     border-top: 1px solid #333;
     border-top: 1px solid #333;
     padding: 15px;
     padding: 15px;
}
}
#footer a {
#footer a {
     color: #ff9900;
     color: #ff9900;
}
}
#footer a:hover {
#footer a:hover {
     color: #ffc966;
     color: #ffc966;
}
}


/* === Alerts / Notices === */
/* === Notices / Alerts === */
#siteNotice {
#siteNotice {
     background-color: #222;
     background-color: #222;
     color: #ff9900;
     color: #ffcc66;
     border-left: 4px solid #ff9900;
     border-left: 4px solid #ffcc66;
     padding: 8px 12px;
     padding: 8px 12px;
     margin-bottom: 10px;
     margin-bottom: 10px;
     border-radius: 4px;
     border-radius: 4px;
}
/* === 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;
}
}

Revision as of 05:31, 6 October 2025

/* === Global === */
body {
    background-color: #121212;
    color: #e0e0e0; /* light main text for readability */
}

/* === Links === */
a {
    color: #ffcc66; /* bright accent for links */
    text-decoration: none;
}
a:visited {
    color: #ff9900; /* distinguish visited links */
}
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;
    color: #e0e0e0;
}

.mw-parser-output p, 
.mw-parser-output li {
    color: #e0e0e0;
}

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

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

.portlet h3 {
    color: #ffcc66;
}

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

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

/* === Footer === */
#footer {
    background-color: #121212;
    color: #ccc;
    border-top: 1px solid #333;
    padding: 15px;
}
#footer a {
    color: #ff9900;
}
#footer a:hover {
    color: #ffc966;
}

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

/* === 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;
}