Template:MIT-style

From 2011.igem.org

(Difference between revisions)
 
(92 intermediate revisions not shown)
Line 2: Line 2:
<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{
#col_left{
     float: left;
     float: left;
     width: 576px;
     width: 576px;
-
     padding: 30px 22px;
+
     padding: 30px 0px;
     margin:0;
     margin:0;
}
}
Line 15: Line 51:
     margin:0;
     margin:0;
}
}
-
#welcome{
+
#col_center{
-
     padding-bottom: 35px;
+
    float: center;
 +
    width: 576;
 +
    padding: 30px 100px;
 +
    margin:0;
 +
}
 +
#col_nav{
 +
    float: left;
 +
    width: 200px;
 +
    padding: 30px 15px 30px 50px;
 +
    margin:0;
 +
}
 +
#block-content{
 +
     padding-bottom: 15px;
     clear:both;
     clear:both;
}
}
Line 63: Line 111:
h3{
h3{
     padding: 30px 0 20px 0;
     padding: 30px 0 20px 0;
-
     font-family: Georgia, "Times New Roman", Times, serif;
+
     font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
     font-size: 18px;
     font-size: 18px;
     font-weight: normal;
     font-weight: normal;
Line 75: Line 123:
     border-bottom: 1px dotted #999;
     border-bottom: 1px dotted #999;
     clear:both;
     clear:both;
 +
    padding-left: 50px;
 +
    padding-right: 50px;
 +
}
 +
#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{
#contacts h2{
Line 80: Line 153:
}
}
-
/*Twitter*/
 
-
#twitter_update_list {
+
 
-
    /* the main container */ 
+
.col_list ul{
-
     list-style:none;
+
     list-style-type:none;
-
     background-color:#262b2e;
+
     list-style-image:none;
-
     background-color:#ccc;
+
     background-image:none;
-
    margin-left:0px;
+
}
}
-
+
.col_list li{
-
#twitter_update_list li {
+
     background-color:#e1e6e9;
-
     /* wraps a single list */
+
     padding: 5px 15px;
-
    font-family: 'lucida sans unicode';
+
-
    font-size:11px;
+
-
     padding: 10px;
+
-
    border-bottom: 1px dotted #545454;
+
}
}
-
+
 
-
#twitter_update_list li span {
+
.col_list_team ul{
-
     /* wraps the tweet */
+
     list-style-type:none;
-
     display: block;
+
    list-style-image:none;
 +
     background-image:none;
}
}
-
+
.col_list_team li{
-
#twitter_update_list li a {
+
     background-color:#e1e6e9;
-
     /* 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 */
 
-
a {
 
-
    color: #991133;
 
-
    text-decoration: none;
 
-
}
 
-
a:hover {
+
 
-
    text-decoration: underline;
+
/* TEAM PAGE */
-
}
+
 
.bio {
.bio {
     clear:both;
     clear:both;
 +
    padding-bottom: 20px;
 +
    border-bottom: 1px solid #ccc;
}
}
.bio img {
.bio img {
     float:left;
     float:left;
 +
    margin-right: 10px;
}
}
-
#col1 img {
+
 
-
     width:200px;
+
#videoiframe {
 +
     overflow: hidden;
 +
    margin-top: 20px;
}
}
 +
 +
#accordion .ui-accordion-content { padding: 0px 0px 0px 0px; }
 +
</style>
</style>
</head>
</head>
</html>
</html>

Latest revision as of 23:11, 27 October 2011

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