Included in the application are five CSS files: global.css, reset.css, base.css, facebook.css and comments.css

global.cssThis stylesheet calls the other three CSS files. It is called by our cssloader in the header of the application.
reset.cssThis stylesheet contains a standard browser CSS reset.
base.cssThis stylesheet holds all the layout and design styles specific to the UGC Contest app.
facebook.cssThis stylesheet is an extension of the base.css stylesheet and adds Facebook specific styles wherever necessary. It also overrides any styles that need to be styled differently for the Facebook canvas app.
comments.cssThis stylesheet holds all of the styles for comments.

While you are free to edit any of the CSS as much as you'd like, there are a few things that may be better left alone. Inside base.css, any style that appears before where the sprite included has to do with the overall structure of the site, the three different box sizes and the thumbnail layout. There probably won't be a need to change anything in here except the colours and thumbnail background image URL.

Your design team should complete the form below and return it along with the sprites and custom images.

Download style guide RTF

Download style guide DOC


Be the first to comment on CSS.

Add a Comment

  • captcha