Difference between revisions of "User:Makanyane/anisa.css"

Revision as of 01:49, 3 May 2019

/* 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();
/* 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: 30% 50%;
    background-size: 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;
}