User blog:WieQuadrat/Playing CSS Wikia

Tables
this css are made specially for Main Page and it's already inside the MediaWiki:Wikia.css. I saw this technique from Tiny Monster Admin Mentor Program. Using a class for CSS will make the Main page simpler and easier to see.

you can use the class for anytable you wish and the appearance will be just like the main page. You can use what ever technique in creating table and the CSS will only modify the background color, and the header of the table cell using "!". and also the famous "rounded edge table" (^_^). see the Green for example of multicolomn table

Main Blue
for the News area

will become

Light Blue
For the Ended News area. Almost the same with Main Blue but with lighter blue.

will become

Pink
For the Community area activity section such as DAI and Community Pooling. Be careful in implementing a Nested Table using this class. Any Header (!) will be rendered using this class. To avoid those changes, you must avoid using "!" in the nested table. For example this Template:TableDA and Template:TableDI already modified so that they didn't use any "!" but still maintain of a header appearance.

will become

Green
For the External area such as TV official Facebook, TV official Twitter and External blog made by Nanakins.

will become

Purple
For Internal Blog. Maybe this is a bit redundant with the Pink community area. but i like the purples... so is my gf (^_^)

will become

Brown
For Internal Wikia features such as activity feed, or miscellanious area of wikia related such as chat rooms

will become

Grey
For the collection of Links section and affiliates. Actually for Template:Disclaimer section also.

will become

Tabber
as you all maybe realize the tabber header have some minor changes. i made it a bit more cooler.

Tab 1= testing Tab 2= content of tab 2

I just type this in the Wikia.css. Haven't research until i can change the purplish background. /* Move the tabs a bit to the left */ .tabberlive .tabbernav { margin-left: 2px; } /* Rounded tabs at the top */ .tabbernav a { border-radius: 0px 8px 0 0; } /* colouring the inactive tab */ /* not working yet, continue later */ /*.tabbernav li a { background: #6699FF; } */ /* Turn off nav's bottom border */ .tabberlive .tabbernav { border-bottom: none; } /* corners and border */ border: 1px solid #AAA; }
 * 1) mw-content-text .tabberlive .tabbertab {