Template:MIT-style2

From 2011.igem.org

(Difference between revisions)
 
(52 intermediate revisions not shown)
Line 4: Line 4:
#globalwrapper {
#globalwrapper {
-
width:975px;
+
    width:975px;
-
padding-top:20px;
+
    padding:20px 0px;
-
margin: 0 auto;
+
    margin: 0 auto;
-
background-color:#ffffff;
+
    background-color:#ffffff;
-
height:100%;
+
    height:100%;
}
}
-
#main-content {
 
-
overflow: hidden;
 
-
padding:10px;
 
-
float: left;
 
-
width: 975px;
 
-
background: #fff;
 
-
}
 
#col_left{
#col_left{
-
float: left;
+
    float: left;
-
width: 626px;
+
    width: 576px;
-
padding: 30px 22px;
+
    padding: 30px 22px;
 +
    margin:0;
}
}
#col_right{
#col_right{
-
float: right;
+
    float: right;
-
width: 222px;
+
    width: 242px;
-
padding: 30px 28px 30px 15px;
+
    padding: 30px 28px 30px 15px;
-
}
+
    margin:0;
-
#footer{
+
-
width: 900px;
+
-
margin: 10px auto 20px auto;
+
-
+
-
}
+
-
#footer p{
+
-
text-align: center;
+
}
}
#welcome{
#welcome{
-
padding-bottom: 35px;
+
    padding-bottom: 35px;
-
border-bottom: 1px solid #343a3d;
+
    clear:both;
}
}
#gold_sponsors{
#gold_sponsors{
-
float: left;
+
    float: left;
-
width: 194px;
+
    width: 197px;
-
margin-right: 17px;/*27px*/
+
    margin-right: 17px;
-
display: inline;
+
    display: inline;
}
}
#gold_sponsors h3{
#gold_sponsors h3{
-
color: #FFBE30;
+
    color: #FFBE30;
-
text-align:center;
+
    text-align:center;
 +
}
 +
#gold_sponsors ul{
 +
    background-color: #FFF1C4;
}
}
#partners{
#partners{
-
float: left;
+
    float: left;
-
width: 175px;
+
    width: 175px;
-
margin-right: 17px;/*42px*/
+
    margin-right: 17px;
-
display: inline;
+
    display: inline;
}
}
#partners h3{
#partners h3{
-
text-align:center;
+
    text-align:center;
-
}
+
}  
#contributing_departments{
#contributing_departments{
-
float: left;
+
    float: left;
-
width: 170px;
+
    width: 170px;
-
display: inline;
+
    display: inline;
}
}
#contributing_departments h3{
#contributing_departments h3{
-
text-align:center;
+
    text-align:center;
}
}
-
#partners ul li{
+
#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 ul li{
+
#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;
+
    padding: 30px 0 20px 0;
-
font-family: Georgia, "Times New Roman", Times, serif;
+
    font-family: Georgia, "Times New Roman", Times, serif;
-
font-size: 18px;
+
    font-size: 18px;
-
font-weight: normal;
+
    font-weight: normal;
}
}
 +
#center{
#center{
-
float:left;
+
    float:left;
-
padding-bottom: 35px;
+
    padding-bottom: 35px;
-
border-bottom: 1px solid #343a3d;
+
    margin-bottom:10px;
-
}
+
    border-top: 1px dotted #999;
-
#quote{
+
    border-bottom: 1px dotted #999;
-
float:left;
+
    clear:both;
-
padding: 35px 0;
+
-
font-family: Georgia, "Times New Roman", Times, serif;
+
-
font-size: 17px;
+
-
font-style: italic;
+
-
letter-spacing: 2px;
+
-
color: #8b8b8c;
+
-
+
-
}
+
-
#quote p{
+
-
line-height: 22px;
+
-
}
+
-
#quote p.testimonial{
+
-
font-size: 12px;
+
-
font-family: Arial, Helvetica, sans-serif;
+
-
font-style: normal;
+
-
color: #fff;
+
-
+
-
}
+
-
#quote .quote{
+
-
font-size: 26px;
+
-
}
+
-
#news{
+
-
padding-bottom: 10px;
+
-
border-bottom: 1px solid #343a3d;  
+
-
}
+
-
#news li{
+
-
margin-bottom: 20px;
+
-
}
+
-
#news li p.date{
+
-
color: #fff;
+
-
font-weight: bold;
+
-
}
+
-
#news li p.archive{
+
-
padding-left: 25px;
+
-
background: url(images/folder.jpg) no-repeat 0 50%;;
+
}
}
#contacts h2{
#contacts h2{
-
margin-top: 20px;
+
    margin-top: 20px;
}
}
-
 
+
/*Twitter*/
-
 
+
-
 
+
-
 
+
-
#twitter {
+
-
background-position:center;
+
-
width:200px;
+
-
margin: 0 auto;
+
-
}
+
-
#twitter .top {
+
-
background-image:url('https://static.igem.org/mediawiki/2011/6/65/MIT-twitter-top.jpg');
+
-
background-repeat:no-repeat;
+
-
max-height:20px;
+
-
text-align:center;
+
-
padding-top:5px;
+
-
}
+
-
#twitter .middle {
+
-
background-image:url('https://static.igem.org/mediawiki/2011/c/c8/MIT-twitter-middle.jpg');
+
-
background-repeat:repeat-y;
+
-
padding-left:20px;
+
-
padding-top:10px;
+
-
height:100%;
+
-
background-color:black;
+
-
}
+
-
#twitter .bottom {
+
-
background-image:url('https://static.igem.org/mediawiki/2011/4/4b/MIT-twitter-bot.jpg');
+
-
background-repeat:no-repeat;
+
-
height:100px;
+
-
}
+
#twitter_update_list {
#twitter_update_list {
-
/* the main container */
+
    /* the main container */
-
list-style:none;
+
    list-style:none;
-
margin:0;
+
    background-color:#262b2e;
-
margin-top:-15px;
+
    background-color:#ccc;
-
width: 160px;
+
    margin-left:0px;
-
padding-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: 5px 0px;
+
    padding: 10px;
-
border-bottom: 1px dotted black;
+
    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 */
a {
a {
-
color: #991133;
+
    color: #991133;
-
text-decoration: none;
+
    text-decoration: none;
}
}
a:hover {
a:hover {
-
text-decoration: underline;
+
    text-decoration: underline;
}
}
-
 
-
#contentboxwrapper {
 
-
border: 1px solid green;
 
-
margin: 0 auto;
 
-
width:80%;
 
-
}
 
-
 
-
div .contentbox {
 
-
border: 1px dashed #999999;
 
-
float:left;
 
-
height:150px;
 
-
width:190px;
 
-
padding: 5px;
 
-
margin:10px;
 
-
text-align: justify;
 
-
}
 
-
 
.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

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