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">
<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;
-
body {
+
}
-
font-size:0.875em;
+
#quote .quote{
-
font-family:Georgia,'Times New Roman',serif;
+
font-size: 26px;
-
margin:0;
+
}
-
}
+
#contacts h2{
-
+
    margin-top: 20px;
-
p {
+
}
-
font-family:Georgia,'Times New Roman',serif;
+
 
-
line-height:1.45em;
+
/*Twitter*/
-
margin-bottom:1.45em;
+
 
-
}
+
#twitter_update_list {
-
+
    /* the main container */ 
-
p:last-of-type {
+
    list-style:none;
-
margin-bottom:0.725em;
+
    background-color:#262b2e;
-
}
+
    background-color:#ccc;
-
+
    margin-left:0px;
-
strong {
+
}
-
font-weight:700;
+
-
}
+
#twitter_update_list li {
-
+
    /* wraps a single list */
-
a:hover {
+
    font-family: 'lucida sans unicode';
-
color:rgb(0,0,0);
+
    font-size:11px;
-
color:rgba(0,0,0,.4);
+
    padding: 10px;
-
}
+
    border-bottom: 1px dotted #545454;
-
+
}
-
em {
+
-
font-style:italic;
+
#twitter_update_list li span {
-
}
+
    /* wraps the tweet */
-
+
    display: block;
-
h1 {
+
}
-
font-family:'OFL Sorts Mill Goudy TT', Georgia, serif;
+
-
font-size:2.5em;
+
#twitter_update_list li a {
-
margin-bottom:25px;
+
    /* 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;
-
h1 a:link,h1 a:visited,h3 a:link,h3 a:visited {
+
    font-size:11px !important;
-
color:rgb(0,0,0);
+
}
-
color:rgba(0,0,0,.8);
+
 
-
text-decoration:none;
+
/* end twitter */
-
}
+
 
-
+
 
-
h3 {
+
.col_list ul{
-
font-family:'OFL Sorts Mill Goudy TT', Georgia, serif;
+
    list-style-type:none;
-
font-size:1.56em;
+
    list-style-image:none;
-
line-height:1.3em;
+
    background-image:none;
-
font-weight:700;
+
}
-
margin-bottom:1em;
+
.col_list li{
-
}
+
    background-color:#E3E3E3;
-
+
    padding: 5px 15px;
-
#sliderWrap {
+
}
-
width:100%;
+
 
-
}
+
 
-
+
 
-
#slider {
+
/* TEAM PAGE */
-
position:absolute;
+
.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