MediaWiki: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)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/* CSS placed here will be applied to all skins */
/* ===== EstoriaRO Wiki Background ===== */
body {
    background: linear-gradient(
        180deg,
        #0b2c44 0%,     /* dark blue */
        #143d5c 30%,
        #f5f6e8 100%    /* light yellow almost white */
    );
    background-attachment: fixed;
}

/* ===== EstoriaRO Wiki Background ===== */
body {
    background: linear-gradient(
        180deg,
        #0b2c44 30%,     /* dark blue */
        #143d5c 0%,
        #f5f6e8 70%    /* light yellow almost white */
    );
    background-attachment: fixed;
}

/* EstoriaRO link colors */
#content a:link,
#content a:visited {
    color: #0b3c5d;
}

#content a:hover {
    color: #f0c75e; /* soft yellow highlight */
}


===============================================




/* ==================================================
   ESTORIARO WIKI — DARK MODE
   ================================================== */

/* Background utama */
body {
    background-color: #0e1a24;
    color: #dce3ea;
}

/* Container konten */
.mw-body,
#content {
    background-color: #121f2b;
    color: #dce3ea;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 8px 30px rgba(0,0,0,0.6);
}

/* Judul */
h1, h2, h3, h4, h5, h6 {
    color: #f0f6fc;
    border-bottom-color: #1e3244;
}

/* Link */
#content a:link,
#content a:visited {
    color: #5da9ff; /* biru terang */
}

#content a:hover {
    color: #ffd76a; /* kuning lembut */
    text-decoration: underline;
}

/* Table */
.wikitable {
    background-color: #162736;
    border: 1px solid #223a4f;
}

.wikitable th {
    background-color: #1c3449;
    color: #f0f6fc;
}

.wikitable td {
    background-color: #162736;
    color: #dce3ea;
}

/* Sidebar */
#mw-panel {
    background-color: #0b1620;
}

#mw-panel a {
    color: #9cc9ff;
}

#mw-panel a:hover {
    color: #ffd76a;
}

/* Search box */
#searchInput {
    background-color: #162736;
    color: #f0f6fc;
    border: 1px solid #223a4f;
}

/* Code block */
pre, code {
    background-color: #0b1620;
    color: #dce3ea;
    border-radius: 6px;
}

/* Footer */
#footer {
    background-color: #0b1620;
    color: #9fb3c8;
}

/* Scrollbar (Chrome) */
::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-track {
    background: #0b1620;
}
::-webkit-scrollbar-thumb {
    background: #223a4f;
}
::-webkit-scrollbar-thumb:hover {
    background: #345b7a;
}