Team:Johns Hopkins/Templates/css/default.css

From 2011.igem.org

Revision as of 17:27, 10 June 2011 by Stracquadanio (Talk | contribs)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

{ padding: 0px; margin: 0px; }

body { background: #F9F9F7 url('images/a1.gif') repeat-x; font-size: 11px; font-family: "trebuchet ms", helvetica, sans-serif; color: #8C8C73; line-height: 18px; }

a { color: #FF7800; text-decoration: underline; }

a:hover { text-decoration: none; }

sup { font-size: 0.5em; }


p { margin-bottom: 14px; text-align: justify; }

img.picA { position: relative; top: -2px; background: url('images/a47.gif') no-repeat; width: 76px; height: 74px; padding: 8px; }

img.picB { position: relative; top: -2px; background: url('images/a26.gif') no-repeat; width: 146px; height: 75px; padding: 7px; }

img.floatleft { float: left; margin: 0px 14px 3px 0px; }


ul.linklist { list-style: none; }

ul.linklist li { border-top: solid 1px #EEEEEE; padding-top: 5px; margin: 5px 0px 0px 0px; }

ul.linklist li.first { border-top: 0px; margin-top: 0px; padding-top: 0px; }

  1. upbg

{ position: absolute; top: 0px; left: 0px; background: #fff url('images/upbg.gif') no-repeat; width: 747px; height: 264px; z-index: 1; }

  1. outer

{ position: relative; width: 747px; margin: 0 auto; background: #fff url('images/abg.gif') repeat-y; }

  1. inner

{ position: relative; padding: 13px 30px 13px 30px; z-index: 2; }

  1. header

{ position: absolute; background: #FF7800 url('images/a8.gif') repeat-x; width: 202px; height: 92px; color: #fff; padding-left: 20px; }

  1. header span

{ font-weight: normal; }

  1. header h1

{ position: absolute; font-size: 23px; letter-spacing: -1px; top: 30px; height: 92px; }

  1. header h2

{ position: absolute; font-size: 10px; font-weight: normal; color: #FCE2CA; top: 51px; }

  1. header sup

{ color: #FCE2CA; }

  1. splash

{ position: absolute; right: 30px; background: #EAEAE2 url('images/a10.jpg') no-repeat; width: 458px; height: 92px; }

  1. menu

{ position: relative; background: #46461F url('images/a16.gif') repeat-x; height: 67px; padding: 0px 20px 0px 5px; margin: 98px 0px 20px 0px; }

  1. menu ul

{ }

  1. menu ul li

{ display: inline; line-height: 52px; padding-left: 3px; }

  1. menu ul li.first

{ border-left: 0px; }

  1. menu ul li a

{ background-color: transparent; background-repeat: repeat-x; padding: 8px 12px 8px 12px; font-size: 12px; color: #fff; font-weight: bold; }

  1. menu ul li a:hover

{ background: #fff url('images/a18.gif') repeat-x top; color: #4A4A24; text-decoration: none; }

  1. date

{ position: absolute; top: 0px; line-height: 52px; color: #BDBDA2; right: 30px; font-weight: bold; font-size: 12px; letter-spacing: -1px; }

  1. secondarycontent

{ position: relative; width: 180px; float: right; }

  1. secondarycontent h3

{ position: relative; top: 4px; font-size: 16px; line-height: 25px; color: #656551; letter-spacing: -1px; background: url('images/a22.gif') bottom repeat-x; padding: 0px 0px 10px 10px; margin-bottom: 20px; }

  1. secondarycontent .content

{ padding: 0px 10px 0px 10px; margin-bottom: 20px; }

  1. primarycontent

{ position: relative; width: 480px; float: left; }

  1. primarycontent h3

{ position: relative; top: 4px; font-size: 18px; line-height: 25px; color: #656551; letter-spacing: -1px; background: url('images/a22.gif') bottom repeat-x; padding: 0px 0px 10px 15px; margin-bottom: 20px; }

  1. primarycontent .content

{ padding: 0px 15px 0px 15px; margin-bottom: 20px; }

  1. primarycontent .post

{ margin-bottom: 30px; }

  1. primarycontent .post .header

{ position: relative; }

  1. primarycontent .post .date

{ position: absolute; right: 15px; top: 0px; line-height: 35px; color: #AFAFA4; font-weight: bold; }

  1. primarycontent .post .content

{ margin-bottom: 0px; }

  1. primarycontent .post .footer

{ position: relative; top: -10px; background: url('images/a33.gif') repeat-x; height: 64px; }

  1. primarycontent .post .footer ul

{ list-style: none; position: absolute; right: 15px; bottom: 15px; }

  1. primarycontent .post .footer ul li

{ display: inline; line-height: 14px; padding-left: 17px; margin-left: 25px; background-repeat: no-repeat; background-position: 0px 2px; }

  1. primarycontent .post .footer ul li.printerfriendly

{ background-image: url('images/a41.gif'); }

  1. primarycontent .post .footer ul li.comments

{ background-image: url('images/a36.gif'); }

  1. primarycontent .post .footer ul li.readmore

{ background-image: url('images/a38.gif'); }

  1. footer

{ position: relative; clear: both; height: 66px; text-align: center; line-height: 66px; background-image: url('images/a50.gif'); color: #A8A88D; }

  1. footer a

{ color: #8C8C73; }

Retrieved from "http://2011.igem.org/Team:Johns_Hopkins/Templates/css/default.css"