User blog:Flex217/Simple JS and CSS Fixes/Mods

Key:

This means CSS

This means JS

This means User JS/CSS

Side panel and Search Bar Gradient Mod
This makes the side pannel and seach bar have a custom gradient background.

/* Other */ .WikiaSearch input[type="text"] { background-image: -ms-linear-gradient(top, black 20%, purple 100%); background-image: -moz-linear-gradient(top, black 20%, purple 100%); background-image: -o-linear-gradient(top, black 20%, purple 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.2, purple), color-stop(1, black)); background-image: -webkit-linear-gradient(top, black 20%, purple 100%); background-image: linear-gradient(top, v); -moz-border-radius-topleft: 10px; border-top-left-radius:10px; -webkit-border-top-left-radius:10px; -khtml-border-top-left-radius:10px; -moz-border-radius-bottomleft: 10px; border-bottom-left-radius:10px; -webkit-border-bottom-left-radius:10px; -khtml-border-bottom-left-radius:10px; -moz-box-shadow: 5px 5px 5px maroon; -webkit-box-shadow: 5px 5px 5px maroon; box-shadow: 5px 5px 5px maroon; } .WikiaRail .module { background-image: -ms-linear-gradient(top, black 10%, purple 100%); background-image: -moz-linear-gradient(top, black 10%, purple 100%); background-image: -o-linear-gradient(top, black 10%, purple 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(.1, black), color-stop(1, purple)); background-image: -webkit-linear-gradient(top, black 10%, purple 100%); background-image: linear-gradient(top, black 10%, purple 100%); -moz-border-radius-topleft: 10px; border-top-left-radius:10px; -webkit-border-top-left-radius:10px; -khtml-border-top-left-radius:10px; -moz-border-radius-bottomleft: 10px; border-bottom-left-radius:10px; -webkit-border-bottom-left-radius:10px; -khtml-border-bottom-left-radius:10px; -moz-border-radius-topright: 10px; border-top-right-radius:10px; -webkit-border-top-right-radius:10px; -khtml-border-top-right-radius:10px; -moz-border-radius-bottomright: 10px; border-bottom-right-radius:10px; -webkit-border-bottom-right-radius:10px; -khtml-border-bottom-right-radius:10px; -moz-box-shadow: 5px 5px 5px maroon; -webkit-box-shadow: 5px 5px 5px maroon; box-shadow: 5px 5px 5px maroon; } .WikiHeader .shadow-mask { opacity: 100; filter: alpha(opacity=100); -khtml-opacity: 100; -moz-opacity: 100; } .WikiaRail .module .wikia-button, .WikiaRail #RIGHT_SKYSCRAPER .wikia-button { -moz-box-shadow: 5px 5px 5px maroon; -webkit-box-shadow: 5px 5px 5px maroon; box-shadow: 5px 5px 5px maroon; } .wikia-menu-button { -moz-box-shadow: 5px 5px 5px maroon; -webkit-box-shadow: 5px 5px 5px maroon; box-shadow: 5px 5px 5px maroon; } .HotSpotsModule li .hot-spot-severity-1 { -moz-box-shadow: 11px 11px 11px maroon; -webkit-box-shadow: 11px 11px 11px maroon; box-shadow: 11px 11px 11px maroon; } .HotSpotsModule li .hot-spot-severity-2 { -moz-box-shadow: 8px 8px 8px maroon; -webkit-box-shadow: 8px 8px 8px maroon; box-shadow: 8px 8px 8px maroon; } .HotSpotsModule li .hot-spot-severity-3 { -moz-box-shadow: 5px 5px 5px maroon; -webkit-box-shadow: 5px 5px 5px maroon; box-shadow: 5px 5px 5px maroon; } .HotSpotsModule li .hot-spot-severity-4 { -moz-box-shadow: 3px 3px 3px maroon; -webkit-box-shadow: 3px 3px 3px maroon; box-shadow: 3px 3px 3px maroon; } .HotSpotsModule li .hot-spot-severity-5 { -moz-box-shadow: 1px 1px 1px maroon; -webkit-box-shadow: 1px 1px 1px maroon; box-shadow: 1px 1px 1px maroon; } div#toplists-list-body div.ItemContent img { border: 1px solid #d9d9d9; border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; padding: 5px; -moz-box-shadow: 5px 5px 5px maroon; -webkit-box-shadow: 5px 5px 5px maroon; box-shadow: 5px 5px 5px maroon; } background-image: -ms-linear-gradient(top, #8A2BE2 10%, #4B0082 100%); background-image: -moz-linear-gradient(top, #8A2BE2 10%, #4B0082 100%); background-image: -o-linear-gradient(top, #8A2BE2 10%, #4B0082 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(.1, #8A2BE2), color-stop(1, #4B0082)); background-image: -webkit-linear-gradient(top, #8A2BE2 10%, #4B0082 100%); background-image: linear-gradient(top, #8A2BE2 10%, #4B0082 100%); box-shadow: 5px 5px 5px #FFD700; } .WikiaBlogListing details .avatar { border: 2px solid #d9d9d9; -moz-box-shadow: 5px 5px 5px maroon; -webkit-box-shadow: 5px 5px 5px maroon; box-shadow: 5px 5px 5px maroon; margin: 0px 9px 0px 0px; padding-right:0px; } { right:48px; }
 * 1) toplists-list-body ul li {
 * 1) toplists-list-body ul li .ItemContent .HotItem span

The color parts can be a different color

Shrink the  siderail
Coming Soon