Forum:CSS issues: inset contentspace in Oasis

Forums: Index > Rin's Travel Agency > Archive > CSS issues: inset contentspace in Oasis

		Catuse says at 02:21, September 23, 2012 (UTC) "Somewhere a zealous god threads these strings between the clouds and the earth, preparing for a symphony it fears impossible to play. And so it threads on, and on, delaying the raise of the conductor's baton."
		This is mostly a question for people who know CSS and/or use Oasis. Admittedly I do both, but don't really know a solution to the problem we're in. Anyhow, with Wikia's new changes soon to be released on 3 October (see w:User blog:BertH/Layout and navigation updates coming October 3 or the message you should've recieved from Wikia) we now have a really bizarre layout. As you can see, it now looks all inset and awful: like the text is set OVER the background, and the Wikia advertisement thing is set over the text. On Community Central, it doesn't look like that. So, is this worth fixing, and if so, how?

Change the margin-top of the main content area, and change the border parameters of the main content area.

I assume we're looking at:

<section id="WikiaPage" class="WikiaPage V2 WikiaGrid">
	<div id="WikiaPageBackground" class="WikiaPageBackground"></div>
	<div class="WikiaPageContentWrapper">"

So I would first try:

#WikiaPage{border:1px solid #ccc !important; margin-top:-18px}

Try it? 79.69.198.45 15:06, September 23, 2012 (UTC)

"like the text is set OVER the background, and the Wikia advertisement thing is set over the text. On Community Central, it doesn't look like that. "

I also don't know what you're talking about. Maybe because I don't see ads...? Or maybe because of your CSS set-up? In any case, I don't know what you mean so you'll need print screens. 79.69.198.45 15:07, September 23, 2012 (UTC)

		Catuse says at 15:56, September 23, 2012 (UTC) "Somewhere a zealous god threads these strings between the clouds and the earth, preparing for a symphony it fears impossible to play. And so it threads on, and on, delaying the raise of the conductor's baton."
		File:Wikia's Latest Changes.png. But no, that CSS doesn't seem to work. Thanks anyways :(

I had a derp moment, the flashy border isn't done with border parameter. On further inspection, try this code:

.WikiaPage {box-shadow:0 !important; margin:-59px auto -39px !important; padding-top:59px !important}

The changes are imposed by the class ".oasis-split-skin" which is unique to the new "skin" used on that full page. So I've just reverted them. Although rather than telling you to use the ".oasis-split-skin .WikiaPage" selector, I've gone without just in case the oasis-split-skin class isn't used when implemented. 79.69.198.45 19:09, September 23, 2012 (UTC)

I can't see any difference. C A T U S E 20:32, September 23, 2012 (UTC)

It should at least fix the stuff at the top. On the linked page there is a gap between the header and the page-content, and with that code now there shouldn't be.

As with the box-shadow, I made a mistake. Change "0" to "none".

Other than that, everything looks the same for me, other than tweaks to sizing, and the header being full-width. JBed (talk) 20:46, September 23, 2012 (UTC)

Yeah, that seems to fix it. Only problem is this weird shadow under the start-a-wiki bar, but that's not quite as noticable or ugly.

Thanks. C A T U S E 21:03, September 23, 2012 (UTC)

.WikiaHeader {box-shadow:none !important}

Also, if you really hate shadow, there's this:

.global-notification {box-shadow:none !important}

I'll work on a total-revert in a bit, in case people are averse to all of the changes. JBed (talk) 21:15, September 23, 2012 (UTC)

If people are averse to all of the changes

I think that's a given by now :P C A T U S E 21:18, September 23, 2012 (UTC)

Okay, so the changes have been applied. What do people think? Add the new CSS or not? C A T U S E 14:37, October 3, 2012 (UTC)

I don't see much difference at all to the old version. My toolbar has become collapsible though whee.Keltainentoukokuu (talk) 16:06, October 3, 2012 (UTC)

The collapsible toolbar was part of the skin changes Wikia released yesterday, so that is actually something independent of your CSS tweaks. --DaNASCAT (help forum | blog) 18:10, October 4, 2012 (UTC)