Template:MIT-style2
From 2011.igem.org
(Difference between revisions)
(47 intermediate revisions not shown) | |||
Line 4: | Line 4: | ||
#globalwrapper { | #globalwrapper { | ||
- | + | width:975px; | |
- | + | padding:20px 0px; | |
- | + | margin: 0 auto; | |
- | + | background-color:#ffffff; | |
- | + | height:100%; | |
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
#col_left{ | #col_left{ | ||
- | + | float: left; | |
- | + | width: 576px; | |
- | + | padding: 30px 22px; | |
+ | margin:0; | ||
} | } | ||
#col_right{ | #col_right{ | ||
- | + | float: right; | |
- | + | width: 242px; | |
- | + | padding: 30px 28px 30px 15px; | |
- | + | margin:0; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
#welcome{ | #welcome{ | ||
- | + | padding-bottom: 35px; | |
- | + | clear:both; | |
} | } | ||
#gold_sponsors{ | #gold_sponsors{ | ||
- | + | float: left; | |
- | + | width: 197px; | |
- | + | margin-right: 17px; | |
- | + | display: inline; | |
} | } | ||
#gold_sponsors h3{ | #gold_sponsors h3{ | ||
- | + | color: #FFBE30; | |
- | + | text-align:center; | |
+ | } | ||
+ | #gold_sponsors ul{ | ||
+ | background-color: #FFF1C4; | ||
} | } | ||
#partners{ | #partners{ | ||
- | + | float: left; | |
- | + | width: 175px; | |
- | + | margin-right: 17px; | |
- | + | display: inline; | |
} | } | ||
#partners h3{ | #partners h3{ | ||
- | + | text-align:center; | |
- | } | + | } |
#contributing_departments{ | #contributing_departments{ | ||
- | + | float: left; | |
- | + | width: 170px; | |
- | + | display: inline; | |
} | } | ||
#contributing_departments h3{ | #contributing_departments h3{ | ||
- | + | text-align:center; | |
} | } | ||
- | #partners ul | + | #partners ul, #contributing_departments ul, #gold_sponsors ul{ |
- | list-style-type:none; | + | list-style-type:none; |
+ | list-style-image:none; | ||
+ | margin-left:0px; | ||
} | } | ||
- | #contributing_departments | + | #partners li, #contributing_departments li, #gold_sponsors li{ |
- | + | margin-left: 0px; | |
} | } | ||
- | + | #partners img, #contributing_departments img, #gold_sponsors img{ | |
+ | border: 1px solid #ccc; | ||
+ | } | ||
h3{ | h3{ | ||
- | + | padding: 30px 0 20px 0; | |
- | + | font-family: Georgia, "Times New Roman", Times, serif; | |
- | + | font-size: 18px; | |
- | + | font-weight: normal; | |
} | } | ||
+ | |||
#center{ | #center{ | ||
- | + | float:left; | |
- | + | padding-bottom: 35px; | |
- | + | margin-bottom:10px; | |
- | + | border-top: 1px dotted #999; | |
- | + | border-bottom: 1px dotted #999; | |
- | + | clear:both; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
#contacts h2{ | #contacts h2{ | ||
- | + | margin-top: 20px; | |
} | } | ||
- | |||
- | |||
/*Twitter*/ | /*Twitter*/ | ||
- | |||
#twitter_update_list { | #twitter_update_list { | ||
- | /* the main container */ | + | /* the main container */ |
- | list-style:none; | + | list-style:none; |
- | background-color:#262b2e; | + | background-color:#262b2e; |
- | background-color:#ccc; | + | background-color:#ccc; |
+ | margin-left:0px; | ||
} | } | ||
#twitter_update_list li { | #twitter_update_list li { | ||
- | /* wraps a single list */ | + | /* wraps a single list */ |
- | font-family: 'lucida sans unicode'; | + | font-family: 'lucida sans unicode'; |
- | font-size:11px; | + | font-size:11px; |
- | padding: 10px; | + | padding: 10px; |
- | border-bottom: 1px dotted #545454; | + | border-bottom: 1px dotted #545454; |
- | + | ||
} | } | ||
#twitter_update_list li span { | #twitter_update_list li span { | ||
- | /* wraps the tweet */ | + | /* wraps the tweet */ |
- | display: block; | + | display: block; |
} | } | ||
#twitter_update_list li a { | #twitter_update_list li a { | ||
- | /* wraps the link to the tweet */ | + | /* wraps the link to the tweet */ |
- | /* by default it have 85% font-size therefore you might want to change it like below */ | + | /* by default it have 85% font-size therefore you might want to change it like below */ |
- | font-size:100% !important; | + | font-size:100% !important; |
- | font-size:11px !important; | + | font-size:11px !important; |
- | + | ||
} | } | ||
/* end twitter */ | /* end twitter */ | ||
- | |||
- | |||
a { | a { | ||
- | color: #991133; | + | color: #991133; |
- | text-decoration: none; | + | text-decoration: none; |
} | } | ||
a:hover { | a:hover { | ||
- | text-decoration: underline; | + | text-decoration: underline; |
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
.bio { | .bio { | ||
- | clear:both; | + | clear:both; |
} | } | ||
- | |||
.bio img { | .bio img { | ||
- | float:left; | + | float:left; |
} | } | ||
- | |||
#col1 img { | #col1 img { | ||
- | width:200px; | + | width:200px; |
} | } | ||
</style> | </style> | ||
</head> | </head> | ||
</html> | </html> |
Latest revision as of 18:05, 14 August 2011