Team:IBB Pune/style2

From 2009.igem.org


/* Design by Free CSS Templates http://www.freecsstemplates.org Released for free under a Creative Commons Attribution 2.5 License

  • /

body { margin-top: 20px; padding: 0; background: #A8A604; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; color: #FFFFFF; }

h1, h2, h3 { margin: 0; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; color: #649632; }

h1 { font-size: 44px; }

h2 { font-size: 26px; }

h3 { }

p, ul, ol { margin-top: 0; line-height: 240%; text-align: justify; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; }

ul, ol { }

blockquote { }

a { color: #000000; }

a:hover { text-decoration: none; }

a img { border: none; }

img.left { float: left; margin: 7px 30px 0 0; }

img.right { float: right; margin: 7px 0 0 30px; }

hr { display: none; }

.list1 { }

.list1 li { float: left; line-height: normal; }

.list1 li img { margin: 0 30px 30px 0; }

.list1 li.alt img { margin-right: 0; }

  1. wrapper {

}

/* Header */

  1. header-wrapper {

width: 900px; margin: 0 auto; }

  1. header {

width: 900px; height: 70px; margin: 0 auto; background: url(images/img02.jpg) no-repeat left top; }

/* Menu */

  1. menu {

float: left; width: 1000px; height: 50px; }

  1. menu ul {

margin: 0; padding: 13px 0 0 10px; list-style: none; line-height: normal; }

  1. menu li {

display: block; float: left; }

  1. menu a {

display: block; float: left; margin-right: 17px; padding: 5px 12px; text-decoration: none; font: 14px Georgia, "Times New Roman", Times, serif; color: #FFFFFF; }

  1. menu a:hover { text-decoration: underline; }
  1. menu .current_page_item a {

color: #FFFFFF; }

/* Search */

  1. search {

float: right; width: 305px; height: 76px; }

  1. search form {

float: right; margin: 0; padding: 15px 20px 0 0; }

  1. search fieldset {

margin: 0; padding: 0; border: none; }

  1. search input {

float: left; font: 12px Georgia, "Times New Roman", Times, serif; border: none; }

  1. search-text {

width: 135px; height: 18px; padding: 3px 0 0 5px; background: #ECF9E4; color: #658453; }

  1. search-submit {

height: 21px; margin-left: 12px; color: #39561D; }

/* Page */

  1. page {

width: 900px; margin: 0 auto; }

/** LOGO */

  1. logo {

height: 260px; background: url(images/img01.jpg) no-repeat left top; }

  1. logo h1, #logo p {

float: left; margin: 0; padding: 0 0 0 20px; line-height: normal; }

  1. logo h1 { padding-top: 140px; }
  1. logo h1 a {

text-decoration: none; text-transform: uppercase; color: #FFFFFF; }

  1. logo h1 a:hover { text-decoration: underline; }
  1. logo p {

padding: 165px 0 0 15px; font: italic 13px Georgia, "Times New Roman", Times, serif; color: #B6ACA2; }

  1. logo p a {

text-decoration: none; color: #B6ACA2; }

  1. logo p a:hover { text-decoration: underline; }

/* Content */

  1. content {

float: left; width: 620px; }

/* Post */

.post { margin-bottom: 25px; }

.post .title { height: 55px; margin-bottom: 3px; padding: 19px 0px 2px 20px; background: url(images/img05.jpg) no-repeat left top; color: #FFFFFF; }

.post .date { float: right; margin-top: -60px; padding-right: 40px; font-weight: bold; font-size: 14px; color: #B6ACA2; }

.post .meta { margin: -40px 0 3px 25px; padding: 2px 30px 2px 0px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 10px; color: #B6ACA2; }

.post .meta a { color: #B6ACA2; }

.post .entry { padding: 25px 20px; }

.post .links { margin: 0 250px 0 0; padding: 0 0 0 0px; }

.post .links .comments { }

.post .links .permalink { padding-left: 17px; }

/* Sidebar */

  1. sidebar {

float: right; width: 250px; }

  1. sidebar ul {

margin: 0; padding: 0; list-style: none; line-height: normal; }

  1. sidebar li {

margin-bottom: 30px; padding: 0 0 20px 0px; background: url(images/img04.jpg) no-repeat left bottom; }

  1. sidebar li ul {

line-height: 200%; padding-bottom: 20px; }

  1. sidebar li li {

margin: 0; padding: 0 20px; background: none; }

  1. sidebar h2 {

height: 33px; margin: 0 0 20px 0px; padding: 15px 0 2px 20px; background: url(images/img03.jpg) no-repeat left top; font-size: 18px; color: #FFFFFF; }


  1. sidebar p {

padding: 0px 15px; line-height: 200%; }

  1. sidebar a {

color: #FFFFFF; }

/* Calendar */

  1. calendar {

}

  1. calendar caption {

padding-bottom: 5px; font-weight: bold; }

  1. calendar table {

width: 90%; border-collapse: collapse; }

  1. calendar thead th {

padding: 5px 0; text-align: center; }

  1. calendar tbody td {

padding: 5px 0; text-align: center; }

  1. calendar tfoot td {

padding: 5px; }

  1. calendar tfoot #next {

text-align: right; }

  1. calendar #today {

background: #000000; }

/* Footer */

  1. footer {

width: 900px; height: 60px; margin: 0 auto; padding: 0; background: url(images/img06.jpg) no-repeat left top; }

  1. footer p {

margin: 0; padding: 20px 0; text-align: center; line-height: normal; color: #B5ADA5; }

  1. footer a {

color: #B5ADA5; }