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

Retrieved from "http://2011.igem.org/Template:MIT-style"