MediaWiki:Timeless.css

From RRU Knowledge Base
Revision as of 00:00, 30 July 2019 by Cyrem (talk | contribs)

Note: After saving, 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.
body {
    background: #1a1d24;
    font-family: "Segoe UI", Helvetica, sans-serif;
    line-height: 1.5em;
    color: rgb(55,55,55);
    font-size: 16px;
}

.rru-global-header {
    background: #1a1d24;
    margin:-1em -1em 1em -1em;
    padding: 1em;
}
.rru-global-header ul {
    margin:0px;
    padding:0px;
}

.rru-global-header ul li {
    display: inline-block;
    margin-right: 1em;
}

.rru-global-header ul li a {
    color: #aaa;
    opacity: .8;
    font-weight: 300;
}

.rru-global-header ul li a:hover {
    color: #EEE;
    opacity: 1;
}

.frontpage-search .mw-inputbox-input {
    padding: .5em;
    font-size: 1.2em;
    width: 90%;
}

.frontpage-search .mw-ui-button {
    padding: .5em;
    font-weight: 400;
    background-color: #0185da;
    color: white;
    text-shadow: none;
    border: none;
}

.frontpage-search .mw-ui-button:hover {
    background-color: #009bff;
}

#mw-header-container {
    background: #1e222a;
}

#mw-content-container {
    margin-top: 0px;
}

#mw-page-header-links {
    opacity: .5;
    font-size: 90%;
    padding-bottom: 4em;
    transition: 200ms ease opacity;
}
#mw-page-header-links:hover {
    opacity: 1;
}


#mw-site-navigation .sidebar-chunk, #mw-related-navigation .sidebar-chunk {
    background: transparent;
    border: none;
}
#mw-site-navigation .sidebar-chunk h3, #mw-related-navigation .sidebar-chunk h3 {
    font-weight: 600;
    color: #333;
}
#mw-site-navigation .sidebar-chunk li a:not(:hover), #mw-related-navigation .sidebar-chunk li a:not(:hover){
    color: #777;
}

#personal h2 {
    font-size: 1em;
    font-weight: 300;
}

#simpleSearch {
    background: #2d313b;
    border: none;
    box-shadow: none;
}

#searchInput {
    color: #aaa;
}

div.suggestions {
    top: 7em !important;
}

#mw-header-container {
    position: relative;
    top: inherit;
    z-index: inherit;
    border-bottom: 5px solid #ddd;
}

#mw-header-nav-hack, #mw-header-hack {
    display: none !important;
}

#mw-content-container {
    background-image: none; /* No more Cats */
    border-bottom: none;
    margin-top: 113px;
}

#mw-content h1.firstHeading {
    margin: 1.25em 0 0.5em;
    border-bottom: solid 1px #939393;
    padding-bottom: .5em;
}

/* EDITOR FIX */

.wikiEditor-ui-top {
    z-index: 1;
}

.wikiEditor-ui-bottom {
    z-index: 0;
}

/* FOOTER */

#mw-footer-container {
    box-shadow: none;
    border: none;
    color: #555;
    font-size: .9em;
}

#mw-footer-container a {
    color: #555;
}

#mw-footer-container a:hover {
    color: #777;
}

#mw-footer-container #copyright {
    display: block;
    border-bottom: 1px solid #222;
    padding-bottom: 1em;
}

#mw-footer-container .footer-icons {
    opacity: .7;
}

#mw-footer-container .footer-icons:hover {
    opacity: 1;
}

/* MEDIA QUERIES */

@media screen and (max-width:850px) {
    #mw-header-container {
        padding-bottom: 1em;
    }

    .rru-global-header {
        display: none; /* temporary */
    }

    #mw-content-container {
        margin-top: 0px !important;
    }
}

@media screen and (min-width:850px) {

   #mw-header-container {
        height: inherit;
        padding: 1em;
        position: fixed;
        top: 0;
        z-index: 999;
    }

    #mw-content-container {
        background-image: none; /* No more Cats */
    }

}

@media screen and (min-width:851px) and (max-width: 1099px) {

    #mw-header-nav-hack {
        display: none !important;
    }


}