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

Revision as of 06:08, 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; }

/* 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%;
    height: 100%;
    text-align: left; 
    padding: 0;
    padding: 3em 2.5em 1.5em 2em;
    background-size: auto;
}

#p-logo a.mw-wiki-logo {
    width: 100%;
    height: 150px;
    background-position: 0% 0%;
    background-size: auto;
    border: 1px solid red;
    background-image: url(/images/b/bc/Wiki.png?a955a);
}
 */
#p-logo {
	text-align: center;
	width: 7.5em;
	background: none;

	// Make logo image visible
	// The class sets the background image from $wgLogo, but we still need to give it a size in order to show up
	a.mw-wiki-logo {
		display: block;
		content: '';
		width: 7.5em;
		height: 7.5em;
		background-repeat: no-repeat;
		background-position: 50% 50%;
		background-size: contain;
    border: 1px solid red;
    background-image: initial;
    background-image: url(/images/b/bc/Wiki.png?a955a);
	}

/* Overwrite table collapse from Anisa */
table, th, td, tr {
    border-collapse: separate;
    border-spacing: 2px;
}