Template:MIT-style2
From 2011.igem.org
(Difference between revisions)
Line 11: | Line 11: | ||
} | } | ||
- | # | + | #main-content { |
overflow: hidden; | overflow: hidden; | ||
padding:10px; | padding:10px; | ||
+ | float: left; | ||
+ | width: 975px; | ||
+ | background: #fff; | ||
+ | } | ||
+ | #col_left{ | ||
+ | float: left; | ||
+ | width: 626px; | ||
+ | padding: 30px 22px; | ||
+ | } | ||
+ | #col_right{ | ||
+ | float: right; | ||
+ | width: 222px; | ||
+ | padding: 30px 28px 30px 15px; | ||
+ | } | ||
+ | #footer{ | ||
+ | width: 900px; | ||
+ | margin: 10px auto 20px auto; | ||
+ | |||
+ | } | ||
+ | #footer p{ | ||
+ | text-align: center; | ||
+ | } | ||
+ | #welcome{ | ||
+ | padding-bottom: 35px; | ||
+ | border-bottom: 1px solid #343a3d; | ||
+ | } | ||
+ | /*navigation*/ | ||
+ | #navigation{ | ||
+ | |||
+ | position: absolute; | ||
+ | top:25px; | ||
+ | |||
+ | right: 22px; | ||
+ | } | ||
+ | #navigation li{ | ||
+ | |||
+ | float: left; | ||
+ | |||
+ | } | ||
+ | #navigation a { | ||
+ | display: inline-block; | ||
+ | font-size: 11px; | ||
+ | text-transform: uppercase; | ||
+ | text-decoration:none; | ||
+ | padding:10px 15px 35px 15px;; | ||
+ | background-color:#000; | ||
+ | border-bottom: 3px solid #fff; | ||
+ | color:#fff; | ||
+ | margin-right: 1px; | ||
+ | font-weight: normal; | ||
+ | } | ||
+ | #navigation a:hover{ | ||
+ | border-bottom: 3px solid #B3002C; | ||
+ | color:#B3002C; | ||
+ | } | ||
+ | #navigation li.selected a{ | ||
+ | border-bottom: 3px solid #B3002C; | ||
+ | color:#B3002C; | ||
+ | } | ||
+ | #imagem{ | ||
+ | position: absolute; | ||
+ | top:142px; | ||
+ | } | ||
+ | #search{ | ||
+ | position: absolute; | ||
+ | top: 105px; | ||
+ | left: 22px; | ||
} | } | ||
- | + | h2#slogan{ | |
- | + | position: absolute; | |
- | + | top: 100px; | |
- | + | right: 22px; | |
- | + | font-family: Georgia, "Times New Roman", Times, serif; | |
- | + | font-size:20px; | |
- | + | font-weight: normal; | |
+ | } | ||
+ | h2#slogan span{ | ||
+ | font-style: italic; | ||
+ | color: #B00000; | ||
+ | } | ||
+ | h2{ | ||
+ | font-family: Georgia, "Times New Roman", Times, serif; | ||
+ | font-size: 24px; | ||
+ | font-weight: normal; | ||
+ | margin-bottom: 20px; | ||
} | } | ||
- | + | #gold_sponsors{ | |
- | + | float: left; | |
- | width: | + | width: 194px; |
- | + | margin-right: 17px;/*27px*/ | |
- | + | display: inline; | |
- | display:inline | + | |
- | + | ||
} | } | ||
+ | #gold_sponsors h3{ | ||
+ | color: #FFBE30; | ||
+ | text-align:center; | ||
+ | } | ||
+ | #partners{ | ||
+ | float: left; | ||
+ | width: 175px; | ||
+ | margin-right: 17px;/*42px*/ | ||
+ | display: inline; | ||
+ | } | ||
+ | #partners h3{ | ||
+ | text-align:center; | ||
+ | } | ||
+ | #contributing_departments{ | ||
+ | float: left; | ||
+ | width: 170px; | ||
+ | display: inline; | ||
+ | } | ||
+ | #contributing_departments h3{ | ||
+ | text-align:center; | ||
+ | } | ||
+ | #partners ul li{ | ||
- | |||
- | |||
- | |||
} | } | ||
+ | #contributing_departments ul li{ | ||
- | + | } | |
- | + | ||
- | + | h3{ | |
+ | padding: 30px 0 20px 0; | ||
+ | font-family: Georgia, "Times New Roman", Times, serif; | ||
+ | font-size: 18px; | ||
+ | font-weight: normal; | ||
+ | } | ||
+ | #center{ | ||
float:left; | float:left; | ||
+ | padding-bottom: 35px; | ||
+ | border-bottom: 1px solid #343a3d; | ||
} | } | ||
- | + | #quote{ | |
- | + | float:left; | |
- | + | padding: 35px 0; | |
- | border:1px solid | + | font-family: Georgia, "Times New Roman", Times, serif; |
- | + | font-size: 17px; | |
+ | font-style: italic; | ||
+ | letter-spacing: 2px; | ||
+ | color: #8b8b8c; | ||
+ | |||
+ | } | ||
+ | #quote p{ | ||
+ | line-height: 22px; | ||
+ | } | ||
+ | #quote p.testimonial{ | ||
+ | font-size: 12px; | ||
+ | font-family: Arial, Helvetica, sans-serif; | ||
+ | font-style: normal; | ||
+ | color: #fff; | ||
+ | |||
+ | } | ||
+ | #quote .quote{ | ||
+ | font-size: 26px; | ||
+ | } | ||
+ | #news{ | ||
+ | padding-bottom: 10px; | ||
+ | border-bottom: 1px solid #343a3d; | ||
+ | } | ||
+ | #news li{ | ||
+ | margin-bottom: 20px; | ||
+ | } | ||
+ | #news li p.date{ | ||
+ | color: #fff; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | #news li p.archive{ | ||
+ | padding-left: 25px; | ||
+ | background: url(images/folder.jpg) no-repeat 0 50%;; | ||
+ | } | ||
+ | #contacts h2{ | ||
+ | margin-top: 20px; | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
#twitter { | #twitter { |
Revision as of 08:07, 14 August 2011