Team:MIT/styles

From 2011.igem.org

(Difference between revisions)
Line 1: Line 1:
-
ul {list-style: none}
+
 
-
.bio img {max-width:300px; float:left; margin-right:10px;}
+
#globalwrapper {
-
.bio {clear:both;}
+
width:975px;
-
.firstHeading {height:0px; visibility:hidden;}
+
padding-top:20px;
 +
/*border-left:1px solid #8C8C8C;
 +
border-right: 1px solid #8C8C8C;*/
 +
margin: 0 auto;
 +
background-color:#ffffff;
 +
height:100%;
 +
}
 +
 
 +
#header {
 +
width:100%;
 +
height:240px;
 +
background-image:url('../img/header.jpg');
 +
background-position:bottom-center;
 +
}
 +
 
 +
#navigation {
 +
margin-bottom:20px;
 +
}
 +
 
 +
#content-wrapper {
 +
overflow: hidden;
 +
padding:10px;
 +
border-top: 1px dotted black;
 +
}
 +
 
 +
 
 +
.twocol.primary {
 +
width:72%;
 +
height:100%;
 +
float:left;
 +
display:inline;
 +
padding:5px;
 +
}
 +
 
 +
.twocol.secondary {
 +
margin-right:-10px;
 +
width: 26%;
 +
height:100%;
 +
float:right;
 +
display:inline;
 +
border-left: 1px dotted black;
 +
}
 +
 
 +
.threecol.primary {
 +
width:72%;
 +
border:1px solid red;
 +
}
 +
 
 +
threecol.primary.primary {
 +
width:72%;
 +
border:1px solid black;
 +
float:left;
 +
}
 +
 
 +
threecol.primary.secondary {
 +
width:26%;
 +
border:1px solid black;
 +
float:right;
 +
}
 +
 
 +
threecol.secondary /*secondary nav*/{
 +
width:26%;
 +
border:1px solid black;
 +
float:right;
 +
 
 +
}
 +
 
 +
#sponsors {
 +
margin-left: auto;
 +
margin-right: auto;
 +
width: 100%;
 +
}
 +
 
 +
#sponsors div {
 +
width:32%;
 +
height: 60px;
 +
float:left;
 +
display:inline;
 +
border:1px solid #DEDEDE;
 +
margin: 3px;
 +
}
 +
 
 +
#twitter {
 +
background-position:center;
 +
width:200px;
 +
margin: 0 auto;
 +
}
 +
#twitter .top {
 +
background-image:url('../img/twitter-top.jpg');
 +
background-repeat:no-repeat;
 +
max-height:20px;
 +
text-align:center;
 +
padding-top:5px;
 +
}
 +
#twitter .middle {
 +
background-image:url('../img/twitter-middle.jpg');
 +
background-repeat:repeat-y;
 +
padding-left:20px;
 +
padding-top:10px;
 +
height:100%;
 +
}
 +
#twitter .bottom {
 +
background-image:url('../img/twitter-bot.jpg');
 +
background-repeat:no-repeat;
 +
height:100px;
 +
}
 +
 
 +
#twitter_update_list {
 +
/* the main container */
 +
list-style:none;
 +
margin:0;
 +
margin-top:-15px;
 +
width: 160px;
 +
padding-left:0px;
 +
}
 +
 +
#twitter_update_list li {
 +
/* wraps a single list */
 +
font-family: 'lucida sans unicode';
 +
font-size:11px;
 +
padding: 5px 0px;
 +
border-bottom: 1px dotted black;
 +
}
 +
 +
#twitter_update_list li span {
 +
/* wraps the tweet */
 +
display: block;
 +
}
 +
 +
#twitter_update_list li a {
 +
/* 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;
 +
text-decoration: none;
 +
}
 +
 
 +
a:hover {
 +
text-decoration: underline;
 +
}

Revision as of 16:44, 12 August 2011

  1. globalwrapper {

width:975px; padding-top:20px; /*border-left:1px solid #8C8C8C; border-right: 1px solid #8C8C8C;*/ margin: 0 auto; background-color:#ffffff; height:100%; }

  1. header {

width:100%; height:240px; background-image:url('../img/header.jpg'); background-position:bottom-center; }

  1. navigation {

margin-bottom:20px; }

  1. content-wrapper {

overflow: hidden; padding:10px; border-top: 1px dotted black; }


.twocol.primary { width:72%; height:100%; float:left; display:inline; padding:5px; }

.twocol.secondary { margin-right:-10px; width: 26%; height:100%; float:right; display:inline; border-left: 1px dotted black; }

.threecol.primary { width:72%; border:1px solid red; }

threecol.primary.primary { width:72%; border:1px solid black; float:left; }

threecol.primary.secondary { width:26%; border:1px solid black; float:right; }

threecol.secondary /*secondary nav*/{ width:26%; border:1px solid black; float:right;

}

  1. sponsors {

margin-left: auto; margin-right: auto; width: 100%; }

  1. sponsors div {

width:32%; height: 60px; float:left; display:inline; border:1px solid #DEDEDE; margin: 3px; }

  1. twitter {

background-position:center; width:200px; margin: 0 auto; }

  1. twitter .top {

background-image:url('../img/twitter-top.jpg'); background-repeat:no-repeat; max-height:20px; text-align:center; padding-top:5px; }

  1. twitter .middle {

background-image:url('../img/twitter-middle.jpg'); background-repeat:repeat-y; padding-left:20px; padding-top:10px; height:100%; }

  1. twitter .bottom {

background-image:url('../img/twitter-bot.jpg'); background-repeat:no-repeat; height:100px; }

  1. twitter_update_list {

/* the main container */ list-style:none; margin:0; margin-top:-15px; width: 160px; padding-left:0px; }

  1. twitter_update_list li {

/* wraps a single list */ font-family: 'lucida sans unicode'; font-size:11px; padding: 5px 0px; border-bottom: 1px dotted black; }

  1. twitter_update_list li span {

/* wraps the tweet */ display: block; }

  1. twitter_update_list li a {

/* 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; text-decoration: none; }

a:hover { text-decoration: underline; }

Retrieved from "http://2011.igem.org/Team:MIT/styles"