Difference between revisions of "MediaWiki:Anisa.css"

Revision as of 01:01, 23 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("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;
}

/* Trying to stop Anisa resizing logo and moving section up */
#mw-navigation {
    margin: 0;
}
#mw-navigation #p-logo {
    background-position: 20px 140px;
    padding: 0em 2.5em 1.5em 2em;
}
#p-logo { 
    width: 100%;
}
#p-logo a.mw-wiki-logo {
    width: 100%;
    height: 150px;
    background-position: 0%;
    background-size: auto auto;
}

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

/* Fixes for classes used in user-generated content */
/* colour and styling of infobox used on templates etc */
.infobox {
    border: 1px solid black;
}
.infobox th {
    background-color: #D3B385;
}
.infobox td {
    background-color: #EADCC1;
}
.infobox.bordered td,
.infobox.bordered th {
    padding: 0.1em 0.25em;
    border: 1px solid black;
}

/* old portal classes - to be discontinued when confirmed not in use */
.TWCportal h3, .portal_TW h3, .modding h3 {
    font-weight: 900;
    overflow: hidden;
    padding: 5px;
    background-color:#7d1515; 
    color:white;
    display: block;
    font-size: 1.17em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

/*TWC brown coloured versions of the front page boxes*/
.TWCportal_1, .TWCportal_2, .TWCportal_3 {    border: none;
    padding: .4em .9em .1em;
    color: black;
    vertical-align: top;
}
.TWCportal_1 {
    background: rgb(209,175,127);
    background: linear-gradient(180deg, rgba(207,171,121,0.5) 0%, rgba(207,171,121,0.25) 25%, rgba(207,171,121,0) 100%);
}
.TWCportal_2 {
    background: rgb(209,175,127);
    background: linear-gradient(180deg, rgba(141,117,83,0.5) 0%, rgba(141,117,83,0.25) 25%, rgba(141,117,83,0) 100%);
}
.TWCportal_3 {
    background: rgb(209,175,127);
    background: linear-gradient(180deg, rgba(157,115,66,0.5) 0%, rgba(157,115,66,0.25) 25%, rgba(157,115,66,0) 100%);
}
.TWCportal_1 h1 {
    margin: 0;
}
.TWCportal_2 h1 {
    margin: 0;
}
.TWCportal_3 h1 {
    margin: 0;
}

/*  RESPONSIVE FULL WIDTH COLUMNS FOR ANISA AT 800PX*/
@media only screen and (max-width: 800px) {
	.TWCRcol { margin: 1% 0 1% 0%; }
	.col { margin: 1% 0 1% 0%;}
	.span_3_of_3, .span_2_of_3, .span_1_of_3, .span_2_of_2, .span_1_of_2, .span_40pct_of_2, .span_60pct_of_2 { width: 100%; }
}