^_^ I mentioned one twice already.
The ability to tag the body classes with modification classes like "mod-dark" for specific skins. That way you can tag all the skins with dark content areas with "mod-dark" and add extra bits using body.mod-dark in your Common.css to add color changes that fit dark content areas, but only are applied when in a mod-dark skin. Syntax would be put inside of a MediaWiki message, something like [[MediaWiki:Skinmodtags]]: And each line would be in the form "* skinname: tag list seperated by spaces" where skinname is monobook for monobook, and for quartz would be "quartz" for universal, and otherwise be in a quartz-theme form for example "quartz-slate" or "quartz-custom".
For example:
* monobook: old
* quartz: quartz
* quartz-custom: dark
* quartz-gaming: dark
Then when in Monobook the body.class would contain "mod-old", and when in quartz-smoke it would have "mod-quartz" and when in quartz-gaming and quartz-custom it would have "mod-quartz mod-dark". Then you could use something like this to color tables with a lighter background:
body.mod-dark #bodyContent table { color: white; }
As for that example mod-quartz that could be used for things like where to position titleicons. (Which would be especially useful, because I remember I had to modify the positioning to get it to work on Quartz in central. And now I even realize that it's broken for Quartz on Central now because the CSS fix I added is no longer used because of the switch from Quartzsmoke.css/Quartzslate.css to not being able to customize that.

~Daniel Friesen(Dantman) of:
-The Gaiapedia (http://gaia.wikia.com)
-Wikia ACG on Wikia.com (http://wikia.com/wiki/Wikia_ACG)
-and Wiki-Tools.com (http://wiki-tools.com)

Christian Williams wrote:
Here's a broader perspective on how the gaming skin stuff works (or doesn't work).

The <body> tag is the root tag of an HTML document that all other tags go inside of. By setting a page to have black text and a white background, this is first done for the <body> tag. Any tables, divs, etc will inherit the black font color and the elements themselves (the tables and divs) will have a transparent background, allowing the white of the <body> tag to show through.

To reverse this and obtain a light-on-dark style, we again begin at the <body> tag by setting a dark blue background and white text. The white text is inherited by tables and divs, and if the tables and divs maintain a transparent background, the dark blue will show through. Of course, this is in a perfect world. :)

MediaWiki, or more specifically, the monobook .css file (which we always load to maintain proper article typography and design elements like recent changes, image galleries, etc) specifes background colours for a lot of these elements. So, the gaming skin required a lot more work because we had to un-do a lot of the stuff that monobook does. The cases that were brought to my attention this week (forum header and polls) have already been fixed in the gaming skin CSS and are awaiting release to Wikia. At least for now, the best way for these issues to be fixed is for them to be brought to my attention (either on the wikia-l or by emailing me directly) and I'll fix them in the gaming/css/main.css file. That way it'll be fixed for everyone.

If anyone has a suggestion for other ways to flip a wiki from dark-on-light to light-on-dark, I'd love to talk about it. I'm always looking for easier solutions! :)

-Christian


On Nov 29, 2007, at 12:39 PM, Manticore wrote:

It seems when you force a white background on a template, etc., the skin breaks it.

Example on the infobox here:  http://bioshock.wikia.com/wiki/Jack

Manticore


--
http://wikia.com/wiki/User:Manticore

http://meta.wikimedia.org/wiki/User:Manticore _______________________________________________
Wikia-l mailing list
[email protected]
http://lists.wikia.com/mailman/listinfo/wikia-l


------------------------------------------------------------------------

_______________________________________________
Wikia-l mailing list
[email protected]
http://lists.wikia.com/mailman/listinfo/wikia-l
_______________________________________________
Wikia-l mailing list
[email protected]
http://lists.wikia.com/mailman/listinfo/wikia-l

Reply via email to