User:CommodusIV/anisa.css
From TWC Wiki
< User:CommodusIV
Jump to navigationJump to searchRevision as of 08:06, 16 May 2019 by Imperator Majora (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: 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.
/* Background components */ /* Wrapper line extends page size to allow it to stretch more generously and reduce the space wasted. */ body { background-color: #9D7342; background-image: url("https://www.twcenter.net/forums/images/y2skin/Background2.png"); } #content { background-color: #EADCC1; } #mw-wrapper { max-width: 150em; } /* We don't need a repeat of TWC's name when we've got a logo, ei? */ #p-banner { display: none; } /* Navigation components */ /* We first color pieces of the nav sidebar. First affects all links, second affects headers. */ #column-navigation li a span { color: #EADCC1; } #site-navigation h3 { color: #FFFFFF; } /*Changing up the page top through a few hacky methods. Removed a few unnecessary bits, moved search, colored links.*/ #p-search { position: static; margin: 0px -105px 0; color: #FFFFFF; } #header h3, #searchInput { color: #FFFFFF; } #header { display:block; height: 0px; padding-bottom: 40px; } #header a { display: none; padding-bottom: 8px; } /* Anisa performs custom voodoo to make the logo display. It is time to trash some of this voodoo that is set by default so it behaves better. */ #p-logo { width: 100%; text-align: left; padding: 0; padding: 3em 2.5em 1.5em 2em; background-size: auto; } #mw-wiki-logo { width: 100%; height: 100%; background-position: 100%; } /* Reproducing test via my main skin box because bugger it, why not */ /* SECTIONS */ .section { clear: both; padding: 0px; margin: 0px; } /* COLUMN SETUP */ .col { display: block; float:left; margin: 1% 0 1% 1.6%; } .col:first-child { margin-left: 0; } /* GROUPING */ .group:before, .group:after { content:""; display:table; } .group:after { clear:both; } .group { zoom:1; /* For IE 6/7 */ } /* GRID OF THREE */ .span_3_of_3 { width: 80%; border-style: solid; border-width: 5px; } .span_2_of_3 { width: 66.1%; border-style: solid; border-width: 5px; } .span_1_of_3 { width: 32.2%; border-style: solid; border-width: 1px; } /* GO FULL WIDTH AT LESS THAN 480 PIXELS */ @media only screen and (max-width: 480px) { .col { margin: 1% 0 1% 0%;} .span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; } }