Difference between revisions of "User:Space/dgcwiki wip.css"

Revision as of 16:11, 11 September 2013

/* 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_flip.jpg") no-repeat fixed center center / cover  transparent !important;
    padding-left: 10px !important;
    }

#globalWrapper {
    position: relative !important;
    top: 20px !important;
    padding-left: 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: 96% !important;
    min-width: 1000px !important;
    margin: 0 auto !important;
    padding-bottom: 15px !important;
    }
    
#column-one h5 {
    position: relative !important;
    bottom: -2px !important;
    z-index: 1 !important;
    border-style: solid solid none solid !important;
    border-width: 1px 1px 1px 1px !important;
    border-color: #202653 !important;
    }

#p-cactions {
    position: relative !important;
    top: -142px !important;
    margin: 0 auto !important;
    margin-left: 1em !important;
    width: 1px !important;
    }

#p-personal {
    position: relative !important;
    top: -181px !important;
    margin: 0 auto !important;
    left: 120px !important;
    margin-left: 1.3em !important;
    width: 1px !important;
    }

#p-logo {
    position: absolute !important;
    overflow: hidden !important;
    width: 155px !important;
    left: 0px !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: 155px !important;
    }

#pagehistory > li.selected {
    padding-left: 5px !important;
    }
    
.generated-sidebar, #p-search, #p-tb {
    position: relative !important;
    left: -16px !important;
    width: 12.2em !important;
    }

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

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

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