yourarthere.net

CSS + Image Sizes

Posted in coding, design, organization by Lin on April 4, 2010

Here is the master list of all hexcodes and image sizes we are currently using:

CSS Hexcodes

  • 000000 black
  • FFFFFF white
  • c53232 red (links, notice)
  • aa0000 red (links, notice, form stuff, etc)
  • 5e5e5e footer gray
  • 666666 header gray (menu & subnav text)
  • dddddd dark gray (message boxes in feed, input background)
  • 999999 medium gray (visited links)
  • ebebeb light gray (input focus, img border, border-tops/bottoms)
  • aaaaaa light gray (cutetime, form border)

Image Sizes/Dimensions (in pixels)

  • 175 x 109 (header logo)
  • 100 x 63 (footer logo)
  • 618 x 360 (feature banner image)
  • 238 x 138 (feature box thumbnails)
  • 353 x 206 (feature side bar image)
  • 353 x anything (sponsors full ad size)
  • 69 x 80 (portfolio thumbnails)
  • 618 x anything (portfolio full image size)
  • 150 x 110 (community thumbnail)

* Image sizes account for 1px border.

Advertisements
Tagged with: ,

Comments Off on CSS + Image Sizes

%d bloggers like this: