Template:MIT-style

From 2011.igem.org

(Difference between revisions)
(Created page with "<html lang="en"> <head> <style type="text/css"> #globalwrapper { width:975px; padding-top:20px; - →border-left:1px solid #8C8C8C; border-right: 1px solid #8C8C8C;: margin:...")
 
(111 intermediate revisions not shown)
Line 3: Line 3:
<style type="text/css">
<style type="text/css">
-
#globalwrapper {
+
a {
-
width:975px;
+
    color: #991133;
-
padding-top:20px;
+
    text-decoration: none;
-
/*border-left:1px solid #8C8C8C;
+
-
border-right: 1px solid #8C8C8C;*/
+
-
margin: 0 auto;
+
-
background-color:#ffffff;
+
-
height:100%;
+
}
}
-
#header {
+
a:hover {
-
width:100%;
+
    text-decoration: underline;
-
height:240px;
+
-
background-image:url('../img/header.jpg');
+
-
background-position:bottom-center;
+
}
}
-
#navigation {
+
#minimalist {
-
margin-bottom:20px;
+
    font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
 +
    font-size:9px;
 +
    width: 100%;
 +
    background:#fff;
 +
    border-collapse:collapse;
 +
    text-align:left;
 +
    margin:20px;
}
}
-
#content-wrapper {
+
#minimalist th {
-
overflow: hidden;
+
    font-size:10px;
-
padding:10px;
+
    font-weight:normal;
-
border-top: 1px dotted black;
+
    color:#039;
 +
    border-bottom:2px solid #6678b1;
 +
    padding:10px 8px;
}
}
-
 
+
#minimalist td {
-
.twocol.primary {
+
    color:#669;
-
width:72%;
+
    padding:9px 8px 0;
-
height:100%;
+
-
float:left;
+
-
display:inline;
+
-
padding:5px;
+
}
}
-
.twocol.secondary {
+
.clear {
-
margin-right:-10px;
+
    clear:both;
-
width: 26%;
+
-
height:100%;
+
-
float:right;
+
-
display:inline;
+
-
border-left: 1px dotted black;
+
}
}
-
.threecol.primary {
+
#col_left{
-
width:72%;
+
    float: left;
-
border:1px solid red;
+
    width: 576px;
 +
    padding: 30px 0px;
 +
    margin:0;
}
}
-
 
+
#col_right{
-
threecol.primary.primary {
+
    float: right;
-
width:72%;
+
    width: 242px;
-
border:1px solid black;
+
    padding: 30px 28px 30px 15px;
-
float:left;
+
    margin:0;
}
}
-
 
+
#col_center{
-
threecol.primary.secondary {
+
    float: center;
-
width:26%;
+
    width: 576;
-
border:1px solid black;
+
    padding: 30px 100px;
-
float:right;
+
    margin:0;
}
}
-
 
+
#col_nav{
-
threecol.secondary /*secondary nav*/{
+
    float: left;
-
width:26%;
+
    width: 200px;
-
border:1px solid black;
+
    padding: 30px 15px 30px 50px;
-
float:right;
+
    margin:0;
-
 
+
}
}
-
 
+
#block-content{
-
#sponsors {
+
    padding-bottom: 15px;
-
margin-left: auto;
+
    clear:both;
-
margin-right: auto;
+
-
width: 100%;
+
}
}
-
#sponsors div {
+
#gold_sponsors{
-
width:32%;
+
    float: left;
-
height: 60px;
+
    width: 197px;
-
float:left;
+
    margin-right: 17px;
-
display:inline;
+
    display: inline;
-
border:1px solid #DEDEDE;
+
}
-
margin: 3px;
+
#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: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
 +
    font-size: 18px;
 +
    font-weight: normal;
}
}
-
#twitter {
+
#center{
-
background-position:center;
+
    float:left;
-
width:200px;
+
    padding-bottom: 35px;
-
margin: 0 auto;
+
    margin-bottom:10px;
 +
    border-top: 1px dotted #999;
 +
    border-bottom: 1px dotted #999;
 +
    clear:both;
 +
    padding-left: 50px;
 +
    padding-right: 50px;
}
}
-
#twitter .top {
+
#quote{
-
background-image:url('../img/twitter-top.jpg');
+
float:left;
-
background-repeat:no-repeat;
+
        padding: 0 25px 25px 25px;
-
max-height:20px;
+
font-family: Georgia, "Times New Roman", Times, serif;
-
text-align:center;
+
font-size: 17px;
-
padding-top:5px;
+
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;
 +
}
}
-
#twitter .middle {
+
#quote .quote{
-
background-image:url('../img/twitter-middle.jpg');
+
font-size: 26px;
-
background-repeat:repeat-y;
+
-
padding-left:20px;
+
-
padding-top:10px;
+
-
height:100%;
+
}
}
-
#twitter .bottom {
+
#contacts h2{
-
background-image:url('../img/twitter-bot.jpg');
+
    margin-top: 20px;
-
background-repeat:no-repeat;
+
-
height:100px;
+
}
}
-
#twitter_update_list {
+
 
-
/* the main container */
+
 
-
list-style:none;
+
.col_list ul{
-
margin:0;
+
    list-style-type:none;
-
margin-top:-15px;
+
    list-style-image:none;
-
width: 160px;
+
    background-image:none;
-
padding-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: 5px 0px;
+
-
border-bottom: 1px dotted black;
+
}
}
-
+
 
-
#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;
+
}
}
-
a {
+
 
-
color: #991133;
+
/* TEAM PAGE */
-
text-decoration: none;
+
 
 +
 
 +
.bio {
 +
    clear:both;
 +
    padding-bottom: 20px;
 +
    border-bottom: 1px solid #ccc;
 +
}
 +
.bio img {
 +
    float:left;
 +
    margin-right: 10px;
}
}
-
a:hover {
+
#videoiframe {
-
text-decoration: underline;
+
    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"