Difference between revisions of "MediaWiki:Anisa.css"
From TWC Wiki
Jump to navigationJump to search (Trying to add Commodus's heading fix, and my portal box fix to general skin) |
(removed unused portal class) |
||
(6 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
/* Background components */ | /* Background components */ | ||
/* Wrapper line extends page size to allow it to stretch more generously and reduce the space wasted. */ | /* 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; } | #mw-wrapper { max-width: 150em; } | ||
− | |||
/* We don't need a repeat of TWC's name when we've got a logo, ei? */ | /* We don't need a repeat of TWC's name when we've got a logo, ei? */ | ||
#p-banner { display: none; } | #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.*/ | /*Changing up the page top through a few hacky methods. Removed a few unnecessary bits, moved search, colored links.*/ | ||
Line 10: | Line 19: | ||
position: static; | position: static; | ||
margin: 0px -105px 0; | margin: 0px -105px 0; | ||
+ | color: #FFFFFF; | ||
} | } | ||
+ | #header h3, #searchInput { color: #FFFFFF; } | ||
#header { | #header { | ||
display:block; | display:block; | ||
Line 50: | Line 61: | ||
/* Fixes for classes used in user-generated content */ | /* Fixes for classes used in user-generated content */ | ||
− | . | + | /* colour and styling of infobox used on templates etc */ |
− | + | .infobox { | |
− | + | border: 1px solid black; | |
− | + | } | |
− | background | + | .infobox th { |
− | + | background-color: #D3B385; | |
− | + | } | |
− | + | .infobox td { | |
− | margin | + | background-color: #EADCC1; |
− | margin | + | } |
− | margin- | + | .infobox.bordered td, |
+ | .infobox.bordered th { | ||
+ | padding: 0.1em 0.25em; | ||
+ | border: 1px solid black; | ||
+ | } | ||
+ | |||
+ | /*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%; } | ||
} | } |
Latest revision as of 03:35, 18 April 2020
/* 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; } /*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%; } }