Forum:Modifying Oasis layout

As you guys have known for very long time that the wikia's Oasis skin is so unpopular due to its width definition, hence constantly sandwiching the main content. Some uses the old MonoBook skin which causes conflicting edits with Oasis skin users. We have the tool to override the Oasis layout by adding new definitions to Mediawiki:wikia.css as long as we don't do something entirely against wikia's customization policy so it looks closer to MonoBook skin. Here is my experiment with my testing wikia project:

.WikiaPage { width:auto !important }

/* Originally margin-right:310px. the culprit which squeeze the content zone */ .WikiaMainContentContainer { margin-right: 18em }

/* Oasis' right sidebar. Originally width:300px. 17em is closer to the Monobook sidebar width, albeit not too precise. */ .WikiaRail { width: 17em }

/* With WikiaRail's width tightened, the properties of the following WikiaRail contents need to be adjusted as well. */ /* Search bar text entry width */ .WikiaSearch input[type="text"] { width: 184px }

/* Recent photos */ .carousel-container { transform: scale(0.6); position: absolute; top: 120px; left: -27px; }

The only change I fail to make is the WikiaRail recent videos, but I doubt any user cares. It looks not so pretty after the width change of WikiaRail, but I can't even hide it with display:none. -- Inpursuit (talk) 03:56, May 7, 2014 (UTC)