Forum:Some changes in the Community Central styling

Hi, I noticed that by this edit every namespace here in Community Central has the same background.

The problem is that as those green borders that were first only on Admin Central but now are on every namespace are done using a background image that is only(?) 800px in height, meaning that the borders ends abruptly if the browser window is taller than that.

So, instead of using the said image, I wonder if the following CSS, that should do about the same results without height limits, could be used for that purpose instead.

First, defining the background gradient (I haven't used gradients much so browser compatibility or validity is not guaranteed, sorry): body { background: #D5EAFE no-repeat fixed; background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0%,#2C85D7),color-stop(100%,#D5EAFE)); background-image: -webkit-linear-gradient(top, #2C85D7, #D5EAFE); background-image: -moz-linear-gradient(top, #2C85D7, #D5EAFE); background-image: -ms-linear-gradient(top, #2C85D7, #D5EAFE); background-image: -o-linear-gradient(top, #2C85D7, #D5EAFE); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#2C85D7', EndColorStr='#D5EAFE'); }

Then the green borders and accompanying shadow: .WikiaPage { border-left: 13px solid #88C440; border-right: 13px solid #88C440; -webkit-box-shadow: 0px 10px 20px #444; -moz-box-shadow: 0px 10px 20px #444; box-shadow: 0 10px 20px #444; }

I'm sure it could be done somewhat better too, so feel free to improve. –Tm_T (Talk) 10:47, September 17, 2011 (UTC)


 * I'd like to see your solution being used since it's certainly more versatile than the current background image. — Sovq 11:09, September 17, 2011 (UTC)
 * Sovq - just add the above to Special:MyPage/wikia.css. It mimics the current image quite nicely. Rappy 19:36, September 17, 2011 (UTC)


 * I know, I tested it already, but I like to see what everyone else is seeing and I don't like anyone seeing something flawed. — Sovq 20:07, September 17, 2011 (UTC)
 * You are using Oasis, am I right? Oasis in itself is flawed from one browser to another despite compatibility suggestions. Rappy 21:58, September 17, 2011 (UTC)


 * Heh, that's true, but I've learned to accept that it's THE skin the most users will see. The described issue isn't the skin's fault though, it's just poor design. — Sovq 22:23, September 17, 2011 (UTC)


 * Yep. I completely agree. Rappy 22:28, September 17, 2011 (UTC)

Hey guys -- we are aware of that problem and are working on a solution. Marc-Philipp  (Talk)  22:40, September 17, 2011 (UTC)


 * Thanks MtaÄ, and please let us know if the CSS solution above is insufficient in some part. (: –Tm_T (Talk) 07:38, September 18, 2011 (UTC)
 * Tm_T -- I haven't tested the CSS, but one thing it didn't do (from what I saw) is adding a gradient to the border. You barely see it, but it's there. Also, what I did was just a quick fix as I didn't have the source file, other staff need to review the file that I uploaded. Marc-Philipp   (Talk)  12:02, September 18, 2011 (UTC)

Great work, everyone! We love this kind of help! One thing we noticed is that with this solution, the background isn't fixed on IE (we tested on IE8). Any ideas? --Dopp http://images2.wikia.nocookie.net/__cb32675/wikia/images/e/e9/WikiaStaff.png (help forum | blog) 21:29, September 19, 2011 (UTC)