Difference between revisions of "MediaWiki:Anisa.css"
From TWC Wiki
Jump to navigationJump to search (colour/background and reformatted first part of css from User:CommodusIV/anisa.css) |
(front page classes back with gradients (sorry)) |
||
Line 74: | Line 74: | ||
} | } | ||
− | /* | + | /*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 { | .TWCportal_1 { | ||
− | background: | + | 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 { | .TWCportal_2 { | ||
− | background: | + | 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 { | .TWCportal_3 { | ||
− | background: | + | 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%; } | ||
} | } |
Revision as of 08:32, 17 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 */ .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%; } }