Thread:JoePlay/@comment-3237614-20131105162622/@comment-171752-20131105192540

I'm trying to modify the user page tabs to look like the ones here. Notice how they pop out a bit when we hover over them? How can I achieve this? In addition to the tabs popping up when hovered, they have also been given CSS styling so that each "tab" is always visible, not just the one that's selected. To recreate this effect, go to their MediaWiki:Wikia.css page and find the block of code that begins with this: /* --- TABS - */ /* Tabs main formatting - includes Special:Preferences tabs, User page tabs */ Copy that block of code for  to your wiki's MediaWiki:Wikia.css page and adjust the colors as needed.

Also, how can I achieve that 'different color' effect when we hover over a list like here? 2Actimv is on the right track, but Marine Wiki is also using a transition effect, so that the color change happens gradually instead of instantly. If you don't want the transition, use the code that 2Actimv listed. If you do want the transition, use this code: a:hover { color: #COLOR !important; text-decoration:none; transition: color 400ms; -webkit-transition: color 400ms; } Just replace  with the color you want. Feel free to adjust  by increments of 100 if you want the transition to happen faster or slower.