MediaWiki:Common.css: Difference between revisions

Revision as of 11:30, 2 December 2024

/* General Body Styling */
body {
    margin: 0;
    background: #84898f;
}

/* Links */
a {
    color: #9a9aff;
}
a:hover {
    color: orange;
}
a:visited {
    color: #ede42f;
}

/* Headings */
h1, h2, h3, h4 {
    color: grey;
}

/* Sidebar Styling */
#mw-site-navigation .sidebar-inner,
#mw-related-navigation .sidebar-inner {
    background: #050607;
    border: outset #222;
    border-radius: 10px;
}

#mw-site-navigation .sidebar-chunk,
#mw-related-navigation .sidebar-chunk {
    background: #333;
    border: outset #222;
    box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5);
    border-radius: 3px;
    padding: 0 15px 5px 20px;
}

/* Media Queries */
@media (max-width: 850px) {
    #p-logo-text {
        position: static;
        left: 0 !important;
        right: 0;
        margin: 0;
        width: 100%;
        top: 3.3em;
    }
    #p-logo-text a.long {
        font-size: 40px !important;
        text-align: center;
        width: 100%;
    }
    #menus-cover {
        background: #000;
    }
    #personal h2 {
        display: none;
    }
    #mw-content-block {
        background: purple;
    }
    #site-tools h2 {
        right: 3em;
        top: 0.9em;
        padding-bottom: 5px;
    }
    #searchInput {
        padding: 0 0 0 6px !important;
    }
}

@media (min-width: 851px) and (max-width: 1099px) {
    #p-logo-text a.long {
        font-size: 23px !important;
        float: left;
        padding-left: 7px;
    }
    #p-logo-text {
        width: 29em;
        left: 12px !important;
    }
    #mw-site-navigation .sidebar-inner {
        background: #222;
        border: solid #111;
    }
}

@media (min-width: 1100px) {
    #p-logo-text {
        left: 120px;
    }
}

/* Search Input */
#searchInput {
    color: yellow;
    padding: 0.2em 4.5em 0.2em 2em !important;
    margin: 0;
    border: 0 !important;
}

#searchInput-container {
    background: #333;
    height: 35px;
}

#simpleSearch {
    background: #333;
    border: inset 1px #000;
    border-radius: 3px;
    height: 35px;
    width: 50vw;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 7px;
}

/* Header and Footer */
#mw-header-container {
    color: white;
    background: #333;
}

#mw-footer-container {
    background: #000;
    padding-top: 1em;
}

#mw-footer-container a:hover {
    color: #ffff33;
}
#mw-footer-container a:visited {
    color: #ffff66;
}

#mw-footer ul, #mw-footer li {
    margin: 0 auto;
}

#mw-footer .footer-places li {
    float: right;
    display: block;
}

#mw-footer #lastmod {
    float: left;
    left: 25px;
}

/* Content */
#mw-content {
    color: white;
    background: #050607;
    border: solid gold;
    border-radius: 4px;
}

#mw-content-container {
    background: #111317;
}

#toc {
    color: black;
    background-color: #303439;
    border: 1px solid #000;
}
#toc span, #toc label {
    color: #02e800;
}

table.wikitable {
    color: white;
    background-color: #303439;
    border: 1px solid #000;
}
table.wikitable caption {
    background-color: #111;
}
table.wikitable th {
    background-color: #303439;
}

/* Miscellaneous */
fieldset {
    background: #222 !important;
    border: solid #111;
}
input, textarea {
    background: #333;
    border: solid 1px #111 !important;
    border-radius: 2px;
    padding-left: 5px;
    color: #999;
}

.mw-parser-output a.external {
    color: #ff9900;
}

pre, .mw-code {
    background: #222;
    color: #b0b0b0;
    border: 1px solid #444;
}