User:Rioforce/wikia.css

/*--NOTES--*/

/* I am using four basic color in the scheme: Dark blue: #006CB0 Medium blue: #09A7D8 Light blue: #cde2e9 White: #fff

You will probably be able to remove most of the "!important" labels. I have to use them to overwrite the defaut Wikia css.

/*---FONTS---*/

@import url(http://fonts.googleapis.com/css?family=Roboto+Slab:700,400); @import url(http://fonts.googleapis.com/css?family=Droid+Sans:400,700);

h1, h2, h3, h4, h5, h6 { font-family: "Roboto Slab", sans-serif; }

/*---BODY---*/

body { background-image: url("http://www.bricksinmotion.com/images/bg_gradient.png") !important; background-repeat: repeat-x !important; background-color: #CFE3EA !important; font-family: "Droid Sans", sans-serif; }

/*---MAIN PAGE---*/

/*Main page headers*/ .mainpagetitle { /* I prefer the solid color, but the gradient will do if you like it better. I modified it a bit (just to say "to bottom right" instead of "to right") to look more modern, but I still prefer the solid color over the gradient. */

/* background: linear-gradient(to bottom right, #006CB0 0%, #3B88C6 76%, #468EC9 92%) repeat scroll 0% 0% transparent*/

background: #006CB0 !important; border-radius: 5px !important; }

/*Main page boxes*/ .mainpagecontainer { border-radius: 10px; background-color: #CFE3EA; }

/*Colors broke when I changed the color of the boxes, so this is the fix*/ .author-details h1 { background-color: transparent !important; }

/*---SIDEBAR---*/ .module { border-radius: 10px !important; background: #CFE3EA !important; }

.module h1 { background: #006CB0 !important; border-radius: 5px !important; }

.tabs .selected a { background-color: rgb(9, 167, 216); color: white; }

/*---USER PAGES---*/

.WikiaUserPagesHeader { background: linear-gradient(center top, #FFF 0%, #CFE3EA 100%) !important; }