User:Space/dgcwiki wip.css

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: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.

/* Work in progress. 

Currently for use with Stylish for Firefox or anything else that can apply custom 
CSS to a web page. Be aware of the @-moz-document selector if you're using something 
else than Stylish and Firefox, though. You'll have to use something else to specify 
the domain name to apply the CSS on then.

Main page preview: https://img.mrawr.net/dgcwiki/DGCWiki_test_v3.jpg

The current version has been tested with some degree of success. The most challenging
thing with a fixed-width layout like this is dealing with different zoom levels to a
certain degree, though the page layout will inevitably break at some point. I'm not
too worried about this, as testing side-by-side with the current layout shows that
it doesn't handle it all that much better and/or worse in some situations.

~Space */

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("discoverygc.com") {
body.mediawiki {
    /* The background image is open for free use (http://darkdissolution.deviantart.com/art/Blue-Space-With-Planets-267429077) */
    background: url("https://googledrive.com/host/0B-jbiuTm6FjRVUdKSWRnRFlLS0k/mrawr/images/blue_space_with_planets_by_darkdissolution-lowq_AC.jpg") no-repeat fixed center center / cover  transparent !important;
}

#globalWrapper {
    position: relative !important;
    top: 20px !important;
}

#content:nth-child(6) {
    background: transparent !important;
    border: none !important;
}

#content {
    border-style: solid solid solid solid !important;
    border-width: 1px 1px 1px 1px !important;
    border-color: #202653 !important;
}

div#globalWrapper {
    width: 1000px !important;
    margin: 0 auto !important;
    padding-bottom: 30px !important;
}

#p-cactions {
    position: relative !important;
    top: -143px !important;
    left: 3.20em !important;
    margin: 0 auto !important;
    padding-left: 2em !important;
}

#p-personal {
    position: relative !important;
    top: -180px !important;
    margin: 0 auto !important;
    left: 8.50em !important;
    padding-left: 2em !important;
}

#p-logo {
    position: absolute !important;
    overflow: hidden !important;
    width: 155px !important;
    left: -20px !important;
    top: 25px !important;
    border-style: solid!important;
    border-width: 2px !important;
    border-color: #202653 !important;
    border-radius: 6px;
    z-index: 0 !important;
}

#p-logo > a:nth-child(1) {
    width: auto !important;
}

div#footer {
    border: 1px solid #FABD23 !important;
    padding: 0.4em 0 1.7em !important;
}

#f-poweredbyico, #f-copyrightico {
    padding-top: 5px !important;
}

table.mw-enhanced-rc {
    background-color: transparent !important;
}
}