Template:MIT-style
From 2011.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
<html lang="en"> | <html lang="en"> | ||
<head> | <head> | ||
- | |||
<style type="text/css"> | <style type="text/css"> | ||
+ | a { | ||
+ | color: #991133; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | a:hover { | ||
+ | text-decoration: underline; | ||
+ | } | ||
+ | #minimalist { | ||
+ | font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif; | ||
+ | font-size:9px; | ||
+ | width: 100%; | ||
+ | background:#fff; | ||
+ | border-collapse:collapse; | ||
+ | text-align:left; | ||
+ | margin:20px; | ||
+ | } | ||
+ | |||
+ | #minimalist th { | ||
+ | font-size:10px; | ||
+ | font-weight:normal; | ||
+ | color:#039; | ||
+ | border-bottom:2px solid #6678b1; | ||
+ | padding:10px 8px; | ||
+ | } | ||
+ | |||
+ | #minimalist td { | ||
+ | color:#669; | ||
+ | padding:9px 8px 0; | ||
+ | } | ||
+ | |||
+ | .clear { | ||
+ | clear:both; | ||
+ | } | ||
+ | |||
+ | #col_left{ | ||
+ | float: left; | ||
+ | width: 576px; | ||
+ | padding: 30px 22px; | ||
+ | margin:0; | ||
+ | } | ||
+ | #col_right{ | ||
+ | float: right; | ||
+ | width: 242px; | ||
+ | padding: 30px 28px 30px 15px; | ||
+ | margin:0; | ||
+ | } | ||
+ | #col_nav{ | ||
+ | float: left; | ||
+ | width: 242px; | ||
+ | padding: 30px 28px 30px 15px; | ||
+ | margin:0; | ||
+ | } | ||
+ | #block-content{ | ||
+ | padding-bottom: 15px; | ||
+ | clear:both; | ||
+ | } | ||
+ | |||
+ | #gold_sponsors{ | ||
+ | float: left; | ||
+ | width: 197px; | ||
+ | margin-right: 17px; | ||
+ | display: inline; | ||
+ | } | ||
+ | #gold_sponsors h3{ | ||
+ | color: #FFBE30; | ||
+ | text-align:center; | ||
+ | } | ||
+ | #gold_sponsors ul{ | ||
+ | background-color: #FFF1C4; | ||
+ | } | ||
+ | #partners{ | ||
+ | float: left; | ||
+ | width: 175px; | ||
+ | margin-right: 17px; | ||
+ | display: inline; | ||
+ | } | ||
+ | #partners h3{ | ||
+ | text-align:center; | ||
+ | } | ||
+ | #contributing_departments{ | ||
+ | float: left; | ||
+ | width: 170px; | ||
+ | display: inline; | ||
+ | } | ||
+ | #contributing_departments h3{ | ||
+ | text-align:center; | ||
+ | } | ||
+ | #partners ul, #contributing_departments ul, #gold_sponsors ul{ | ||
+ | list-style-type:none; | ||
+ | list-style-image:none; | ||
+ | margin-left:0px; | ||
+ | } | ||
+ | #partners li, #contributing_departments li, #gold_sponsors li{ | ||
+ | margin-left: 0px; | ||
+ | } | ||
+ | #partners img, #contributing_departments img, #gold_sponsors img{ | ||
+ | border: 1px solid #ccc; | ||
+ | } | ||
+ | h3{ | ||
+ | padding: 30px 0 20px 0; | ||
+ | font-family: Georgia, "Times New Roman", Times, serif; | ||
+ | font-size: 18px; | ||
+ | font-weight: normal; | ||
+ | } | ||
+ | |||
+ | #center{ | ||
+ | float:left; | ||
+ | padding-bottom: 35px; | ||
+ | margin-bottom:10px; | ||
+ | border-top: 1px dotted #999; | ||
+ | border-bottom: 1px dotted #999; | ||
+ | clear:both; | ||
+ | } | ||
+ | #quote{ | ||
+ | float:left; | ||
+ | padding: 0 25px 25px 25px; | ||
+ | font-family: Georgia, "Times New Roman", Times, serif; | ||
+ | font-size: 17px; | ||
+ | font-style: italic; | ||
+ | letter-spacing: 2px; | ||
+ | color: #333; | ||
+ | } | ||
+ | #quote p{ | ||
+ | line-height: 22px; | ||
+ | } | ||
+ | #quote p.testimonial{ | ||
+ | font-size: 12px; | ||
+ | font-family: Arial, Helvetica, sans-serif; | ||
+ | font-style: normal; | ||
+ | color: #000; | ||
+ | margin-left:15px; | ||
- | + | } | |
- | + | #quote .quote{ | |
- | + | font-size: 26px; | |
- | + | } | |
- | + | #contacts h2{ | |
- | + | margin-top: 20px; | |
- | + | } | |
- | + | ||
- | + | /*Twitter*/ | |
- | + | ||
- | + | #twitter_update_list { | |
- | + | /* the main container */ | |
- | + | list-style:none; | |
- | + | background-color:#262b2e; | |
- | + | background-color:#ccc; | |
- | + | margin-left:0px; | |
- | + | } | |
- | + | ||
- | + | #twitter_update_list li { | |
- | + | /* wraps a single list */ | |
- | + | font-family: 'lucida sans unicode'; | |
- | + | font-size:11px; | |
- | + | padding: 10px; | |
- | + | border-bottom: 1px dotted #545454; | |
- | + | } | |
- | + | ||
- | + | #twitter_update_list li span { | |
- | + | /* wraps the tweet */ | |
- | + | display: block; | |
- | + | } | |
- | + | ||
- | + | #twitter_update_list li a { | |
- | + | /* wraps the link to the tweet */ | |
- | + | /* by default it have 85% font-size therefore you might want to change it like below */ | |
- | + | font-size:100% !important; | |
- | + | font-size:11px !important; | |
- | + | } | |
- | + | ||
- | + | /* end twitter */ | |
- | + | ||
- | + | ||
- | + | .col_list ul{ | |
- | + | list-style-type:none; | |
- | + | list-style-image:none; | |
- | + | background-image:none; | |
- | + | } | |
- | + | .col_list li{ | |
- | + | background-color:#E3E3E3; | |
- | + | padding: 5px 15px; | |
- | + | } | |
- | + | ||
- | + | ||
- | + | ||
- | + | /* TEAM PAGE */ | |
- | + | .bio { | |
+ | clear:both; | ||
+ | padding-bottom: 20px; | ||
+ | border-bottom: 1px solid #ccc; | ||
+ | } | ||
+ | .bio img { | ||
+ | float:left; | ||
+ | margin-right: 10px; | ||
+ | } | ||
+ | |||
+ | #videoiframe { | ||
+ | overflow: hidden; | ||
+ | margin-top: 20px; | ||
+ | } | ||
</style> | </style> | ||
</head> | </head> | ||
</html> | </html> |
Revision as of 03:51, 24 October 2011