|
|
| (54 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| − | /* Background components */ | + | /*blank*/ |
| − | /* Wrapper line extends page size to allow it to stretch more generously and reduce the space wasted. */
| |
| − | body {
| |
| − | background-color: #9D7342;
| |
| − | background-image: url();
| |
| − | /* gradient generator from http://angrytools.com/gradient/ */
| |
| − | background: -moz-linear-gradient(337deg, #6e502e 0%, #6e502e 1%, #9D7342 12%, #EADCC1 55%, #EADCC1 99%, #EADCC1 100%); /* ff3.6+ */
| |
| − | background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #6e502e), color-stop(1%, #6e502e), color-stop(12%, #9D7342), color-stop(55%, #EADCC1), color-stop(99%, #EADCC1), color-stop(100%, #EADCC1)); /* safari4+,chrome */
| |
| − | background: -webkit-linear-gradient(337deg, #6e502e 0%, #6e502e 1%, #9D7342 12%, #EADCC1 55%, #EADCC1 99%, #EADCC1 100%); /* safari5.1+,chrome10+ */
| |
| − | background: -o-linear-gradient(337deg, #6e502e 0%, #6e502e 1%, #9D7342 12%, #EADCC1 55%, #EADCC1 99%, #EADCC1 100%); /* opera 11.10+ */
| |
| − | background: -ms-linear-gradient(337deg, #6e502e 0%, #6e502e 1%, #9D7342 12%, #EADCC1 55%, #EADCC1 99%, #EADCC1 100%); /* ie10+ */
| |
| − | background: linear-gradient(113deg, #6e502e 0%, #6e502e 1%, #9D7342 12%, #EADCC1 55%, #EADCC1 99%, #EADCC1 100%); /* w3c */
| |
| − | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6e502e', endColorstr='#EADCC1',GradientType=1 ); /* ie6-9 */}
| |
| − | | |
| − | #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; }
| |
| − | | |
| − | /* Log section - try to stop it squishing the logo */
| |
| − | #p-logo a.mw-wiki-logo {
| |
| − | display: block;
| |
| − | content: '';
| |
| − | height: 135px;
| |
| − | width: 135px;
| |
| − | background-repeat: no-repeat;
| |
| − | background-position: 50% 50%;
| |
| − | background-size: 135px;
| |
| − | }
| |
| − | | |
| − | /* 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 (from Commodus). */
| |
| − | #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%;
| |
| − | }
| |
| − | | |
| − | /* Classes for elements used in page content */
| |
| − | table.TWCportal th, table.TWCportal td, table.TWCportal tr {
| |
| − | border: 2px solid red;
| |
| − | border-collapse: separate;
| |
| − | border-spacing: 30px;
| |
| − | }
| |
| − | table th, td, tr {
| |
| − | border: 2px solid blue;
| |
| − | border-collapse: separate;
| |
| − | border-spacing: 20px;
| |
| − | }
| |
| − | | |
| − | table {
| |
| − | border: 2px solid green;
| |
| − | border-collapse: separate;
| |
| − | border-spacing: 20px;
| |
| − | }
| |
