Template:MIT-style2

From 2011.igem.org

(Difference between revisions)
Line 11: Line 11:
}
}
-
#content-wrapper {
+
#main-content {
overflow: hidden;
overflow: hidden;
padding:10px;
padding:10px;
 +
float: left;
 +
width: 975px;
 +
background: #fff;
 +
}
 +
#col_left{
 +
float: left;
 +
width: 626px;
 +
padding: 30px 22px;
 +
}
 +
#col_right{
 +
float: right;
 +
width: 222px;
 +
padding: 30px 28px 30px 15px;
 +
}
 +
#footer{
 +
width: 900px;
 +
margin: 10px auto 20px auto;
 +
 +
}
 +
#footer p{
 +
text-align: center;
 +
}
 +
#welcome{
 +
padding-bottom: 35px;
 +
border-bottom: 1px solid #343a3d;
 +
}
 +
/*navigation*/
 +
#navigation{
 +
 +
position: absolute;
 +
top:25px;
 +
 +
right: 22px;
 +
}
 +
#navigation li{
 +
 +
float: left;
 +
 +
}
 +
#navigation a {
 +
display: inline-block;
 +
font-size: 11px;
 +
text-transform: uppercase;
 +
text-decoration:none;
 +
padding:10px 15px 35px 15px;;
 +
background-color:#000;
 +
border-bottom: 3px solid #fff;
 +
color:#fff;
 +
margin-right: 1px;
 +
font-weight: normal;
 +
}
 +
#navigation a:hover{
 +
border-bottom: 3px solid #B3002C;
 +
color:#B3002C;
 +
}
 +
#navigation li.selected a{
 +
border-bottom: 3px solid #B3002C;
 +
color:#B3002C;
 +
}
 +
#imagem{
 +
position: absolute;
 +
top:142px;
 +
}
 +
#search{
 +
position: absolute;
 +
top: 105px;
 +
left: 22px;
}
}
-
 
+
h2#slogan{
-
.twocol.primary {
+
position: absolute;
-
width:72%;
+
top: 100px;
-
height:100%;
+
right: 22px;
-
float:left;
+
font-family: Georgia, "Times New Roman", Times, serif;
-
display:inline;
+
font-size:20px;
-
padding:5px;
+
font-weight: normal;
 +
}
 +
h2#slogan span{
 +
font-style: italic;
 +
color: #B00000;
 +
}
 +
h2{
 +
font-family: Georgia, "Times New Roman", Times, serif;
 +
font-size: 24px;
 +
font-weight: normal;
 +
margin-bottom: 20px;
}
}
-
.twocol.secondary {
+
#gold_sponsors{
-
margin-right:-10px;
+
float: left;
-
width: 26%;
+
width: 194px;
-
height:100%;
+
margin-right: 17px;/*27px*/
-
float:right;
+
display: inline;
-
display:inline;
+
-
border-left: 1px dotted black;
+
}
}
 +
#gold_sponsors h3{
 +
color: #FFBE30;
 +
text-align:center;
 +
}
 +
#partners{
 +
float: left;
 +
width: 175px;
 +
margin-right: 17px;/*42px*/
 +
display: inline;
 +
}
 +
#partners h3{
 +
text-align:center;
 +
}
 +
#contributing_departments{
 +
float: left;
 +
width: 170px;
 +
display: inline;
 +
}
 +
#contributing_departments h3{
 +
text-align:center;
 +
}
 +
#partners ul li{
-
.threecol.primary {
 
-
width:72%;
 
-
border:1px solid red;
 
}
}
 +
#contributing_departments ul li{
-
threecol.primary.primary {
+
}
-
width:72%;
+
-
border:1px solid black;
+
h3{
 +
padding: 30px 0 20px 0;
 +
font-family: Georgia, "Times New Roman", Times, serif;
 +
font-size: 18px;
 +
font-weight: normal;
 +
}
 +
#center{
float:left;
float:left;
 +
padding-bottom: 35px;
 +
border-bottom: 1px solid #343a3d;
}
}
-
 
+
#quote{
-
threecol.primary.secondary {
+
float:left;
-
width:26%;
+
padding: 35px 0;
-
border:1px solid black;
+
font-family: Georgia, "Times New Roman", Times, serif;
-
float:right;
+
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{
 +
margin-top: 20px;
}
}
-
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 {
#twitter {

Revision as of 08:07, 14 August 2011