Board Thread:The Editors Board (aka Todo)/@comment-4629185-20150701031935/@comment-26468544-20150701102829

Hi, I'm Ferox from Reddit. I've put the finishing touches on the first test. It should be about as much as the mockup as it can be.

http://csstesting.wikia.com/wiki/Asa (You might need to ctrl f5 in order to remove your cache if you've been there before.

This uses CSS to change the bkg images so they can differ on different sites, like so http://csstesting.wikia.com/wiki/Anaximander# However this means that you'll still need a good default image set via the usual admin tool thingies.

If you're against using bkg images I personally find the current one you're using quite fine with this style. Although you might wanna update the css a bit to the current form that's a bit less shiny with minor improvements (Especially with the header).

I'm quite confident it's gonna break something, so when you implement it have some time left over. And feel free to contact me on Reddit. I live in DK so our timezones probably don't line up but I'll check back as soon as I can.

There's also some very minor changes that you might not want on the wikia, (such as the blinking left table column) that was just put in for fun, I don't know how clear a look you can get of the test wikias css but if you can see it all then just don't take any of the things under /*minor random changes*/, up to you.

Edit: Oh and the gradient should work fine now. Also the image was given to me by Loveload and now works much better.

Edit again again: And Peace, what browser do you use? It should be showing the font in Chrome, but I can't test it on any other machine than mine atm. and it already has the Orbitron font dl'ed so it might just work for me. I'll try testing it on another machine but I know that Firefox does not work with the way I've implemented the font. Sadly I don't think we can implement them any other way on Wikia.

Edit edit edit edit edit: With the current CSS in use, it already uses one site-wide background image, it's simply possible to implement individual images if one so desires.

Edit ∞: Looked at the gradient at 24 24 24 and I think it does look a lot better. Made it like the mockup. The UI backdrops all use pure black at 50% opacity.

Edit a billion times: Font should now work with everything. Yay.

Redit: Concerning IE - Text-shadow is supported in IE10+, older versions might be fixable, I'll look in later as I don't have the time now. But there comes a point where we might have to say that older versions of IE just won't be able to do some things and as long as the alternative works we might have to live with that. And herein lies an issue that I think we should address, as you say, some of the menus on the right are missing, this is, at least with my testing true for all Wikias on IE7, which means that there's not much that can be done, the Wikia itself simply isn't compatible with that old versions of IE. Tbh it kinda surprised me. The header should be possible to get to work, albeit without transitions. The gradient may or may not be possible. The thing is, older IE versions are pretty much always not gonna look that good, but they should work and look as good as possible. Most of the things in the current CSS has fallbacks for older browsers such as the underlining and the opacity (A regular bkg color), and the actual Wikia CSS does a fine job with supporting some of it as well.

So in conclusion I suppose what I'm trying to say is I'll look in to making at least the header functionable, and see what can be done about the glow and the gradient, but the missing pieces and such is most likely a Wikia problem that I can not fix. Unless you guys are experiencing something else in which case I'll try to look it up on another pc and pinpoint the problem.