Forum:(CSS Help) Need help in tweaking my CSS layout

Hello, I'm having some trouble in working with my Wiki's CSS layout.

The page controls are currently black text in maroon (which is supposed to be white text in maroon). One main reason is that the CSS governing the properties of the #page_controls element is found on another style sheet and that has the !important tag in it. I've tried adding the !important tag in the Common.css and nothing changes.

Also, there seems to be a maroon line coming out from nowhere on the bottommost part of my pages. I've checked using Firebug and discovered that it might be excess from either the shrinkwrap or the html element. I've tweaked both and nothing happens.

Also, I'd like to have some advice from more experienced CSS developers regarding my current Common.css.

Additional info: Firefox is 3.6.2, Firebug is 1.5.3 and base skin used is Gaming. (<- not my fault, as I'm not the original owner of the Wiki). Links for site main page and Common.css here.

Thanks in advance! Admin of Shakugan no Shana WIki, Herald of meridian 12:51, March 30, 2010 (UTC)


 * It looks like you've put all your skin customisation in Common.css - this should probably be in Monaco.css. Probably not related to the problems you're having, but it's always advisable. The page controls look white to me, you might have had a cache problem before. For the line problem, try .color2 { background: transparent !important; } (!important may not be necessary). That's a bit of a hack though. The 888th Avatar   (talk)  00:52, March 31, 2010 (UTC)

Okay, just migrated the non-color CSS stuff into Monaco.css. (And man, I hate it when the cache fails to update the site's CSS. Does Firefox really have issues on cache? Plus, the "hack" on .color2 doesn't work. Herald of meridian 01:28, March 31, 2010 (UTC)


 * All browsers will cache stuff, it's not specific to any one browser - hence the CTRL-F5 to clear the browser cache. I've managed to produce a more accurate fix for the red line - see here. Copy that to your Monaco.css and everything should be okay. :) The 888th Avatar   (talk)  08:30, March 31, 2010 (UTC)

I've gotta say the Gaming theme is somewhat screwed up. It doesn't load all the stuff in Monaco.css and it leaves me with most of the site looking like the original Gaming theme. I've spammed Ctrl-F5 and nothing happens. Herald of meridian 01:23, April 1, 2010 (UTC)


 * I'm surprised that any of the css changes you've made are displaying at all. The default skin for your wiki is still set as 'gaming'. You want to change that to custom. To do that, go to Special:Preferences, click the Skin tab, scroll down to Admin Options, select custom from the drop down menu and Save. Once you've done that, the skin's appearance will be controlled by the css specified on MediaWiki:Monaco.css. JoePlay ( talk ) 04:21, April 1, 2010 (UTC)