Template:MIT-style2

From 2011.igem.org

(Difference between revisions)
Line 1: Line 1:
-
/*
+
<html lang="en">
-
 
+
<head>
-
* Title: Business Elegance v.1.0
+
<style type="text/css">
-
 
+
-
* Site: http://www.chamadigital.com
+
-
 
+
-
* Author: Anselmo Ribeiro
+
-
 
+
-
* Last Modified: 28_02_2008
+
-
 
+
-
*/
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
/*global reset */
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
html *{
+
-
 
+
-
padding: 0;
+
-
 
+
-
margin: 0;
+
-
 
+
-
}
+
-
 
+
-
a img, :link img, :visited img {
+
-
 
+
-
  border: 0;
+
-
 
+
-
}
+
-
 
+
-
table {
+
-
 
+
-
  border-collapse: collapse;
+
-
 
+
-
  border-spacing: 0;
+
-
 
+
-
}
+
-
 
+
-
ol, ul {
+
-
 
+
-
  list-style: none;
+
-
 
+
-
}
+
-
 
+
-
 
+
-
 
+
-
p{
+
-
 
+
-
line-height: 18px;
+
-
 
+
-
}
+
-
 
+
-
/*  global reset */
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
/* base html */
+
-
 
+
-
 
+
-
 
+
-
body {
+
-
 
+
-
  background: #343a3d url(images/bgd.gif);
+
-
 
+
-
  color: #000;
+
-
 
+
-
  margin: 0;
+
-
 
+
-
  padding: 0;
+
-
 
+
-
  font-family: Arial, Helvetica, sans-serif;
+
-
 
+
-
  font-size: 12px;
+
-
 
+
-
  text-align: center;/*this is in place to center in older browsers*/
+
-
 
+
-
}
+
-
 
+
-
a {
+
-
 
+
-
text-decoration: none;
+
-
 
+
-
color:#B3002C;
+
-
 
+
-
}
+
-
 
+
-
a:link {/* unvisited link */
+
-
 
+
-
color:#B3002C;
+
-
 
+
-
}   
+
-
 
+
-
+
-
 
+
-
a:hover { /* mouse over link */
+
-
 
+
-
color:#B3002C;
+
-
 
+
-
text-decoration: underline;
+
-
 
+
-
} 
+
-
 
+
-
a:active {/* selected link */
+
-
 
+
-
color:#B3002C;
+
-
 
+
-
}
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
/* end base html */
+
-
 
+
-
/*  layout */
+
-
 
+
-
#wrapper{
+
-
 
+
-
width: 900px;
+
-
 
+
-
+
 +
#globalwrapper {
 +
width:975px;
 +
padding-top:20px;
margin: 0 auto;
margin: 0 auto;
-
 
+
background-color:#ffffff;
-
text-align: left;
+
height:100%;
-
 
+
-
background: #2d3235;
+
-
 
+
}
}
-
#header{
 
-
 
-
width: 856px;
 
-
 
-
padding: 20px 22px 25px 22px;
 
-
 
-
height: 390px;
 
-
 
-
background: #262b2e;
 
-
background: #fff;
 
-
 
-
position: relative;
 
 +
#navigation {
 +
margin-bottom:20px;
}
}
-
#header h1{
+
#content-wrapper {
-
 
+
overflow: hidden;
-
position: absolute;
+
padding:10px;
-
 
+
border-top: 1px solid #999;
-
top:40px;
+
-
 
+
-
left: 42px;
+
-
 
+
-
width: 350px;
+
-
 
+
-
height: 23px;
+
-
 
+
-
font-family:'Century Gothic', Arial, Helvetica, sans-serif;
+
-
 
+
-
font-size:30px;
+
-
 
+
-
color:#fff;
+
-
 
+
-
font-weight: normal;
+
-
 
+
}
}
-
#header h1 a{
 
-
 
-
text-decoration: none;
 
-
 
-
color:#000;
 
 +
.twocol.primary {
 +
width:72%;
 +
height:100%;
 +
float:left;
 +
display:inline;
 +
padding:5px;
}
}
-
 
+
.twocol.secondary {
-
 
+
margin-right:-10px;
-
#content{
+
width: 26%;
-
 
+
height:100%;
-
float: left;
+
float:right;
-
 
+
display:inline;
-
width: 900px;
+
border-left: 1px dotted black;
-
 
+
-
/*background: #2d3235 url(images/main_bgd.gif) repeat-y top left;*/
+
-
background: #fff;
+
-
 
+
}
}
-
#col_left{
+
.threecol.primary {
-
 
+
width:72%;
-
float: left;
+
border:1px solid red;
-
 
+
-
width: 586px;
+
-
 
+
-
padding: 30px 22px;
+
-
 
+
}
}
-
#col_right{
+
threecol.primary.primary {
-
 
+
width:72%;
-
float: right;
+
border:1px solid black;
-
 
+
-
width: 212px;
+
-
 
+
-
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-decoration:none;
+
-
 
+
-
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{
+
-
 
+
-
position: absolute;
+
-
 
+
-
top: 100px;
+
-
 
+
-
right: 22px;
+
-
 
+
-
font-family: Georgia, "Times New Roman", Times, serif;
+
-
 
+
-
font-size:20px;
+
-
 
+
-
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;
+
-
 
+
-
}
+
-
 
+
-
 
+
-
 
+
-
#gold_sponsors{
+
-
 
+
-
float: left;
+
-
 
+
-
width: 194px;
+
-
 
+
-
margin-right: 17px;/*27px*/
+
-
 
+
-
display: inline;
+
-
 
+
-
}
+
-
#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{
+
-
 
+
-
 
+
-
 
+
-
}
+
-
 
+
-
#contributing_departments ul li{
+
-
 
+
-
 
+
-
 
+
-
}
+
-
 
+
-
+
-
 
+
-
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 {
-
 
+
width:26%;
-
float:left;
+
border:1px solid black;
-
 
+
float:right;
-
padding: 35px 0;
+
-
 
+
-
font-family: Georgia, "Times New Roman", Times, serif;
+
-
 
+
-
font-size: 17px;
+
-
 
+
-
font-style: italic;
+
-
 
+
-
letter-spacing: 2px;
+
-
 
+
-
color: #8b8b8c;
+
-
 
+
-
+
-
 
+
}
}
-
#quote p{
+
threecol.secondary /*secondary nav*/{
-
 
+
width:26%;
-
line-height: 22px;
+
border:1px solid black;
 +
float:right;
}
}
-
#quote p.testimonial{
+
#sponsors {
-
 
+
margin-left: auto;
-
font-size: 12px;
+
margin-right: auto;
-
 
+
width: 100%;
-
font-family: Arial, Helvetica, sans-serif;
+
-
 
+
-
font-style: normal;
+
-
 
+
-
color: #fff;
+
-
 
+
-
+
-
 
+
}
}
-
#quote .quote{
+
#sponsors div {
-
 
+
width:32%;
-
font-size: 26px;
+
height: 60px;
-
 
+
float:left;
 +
display:inline;
 +
border:1px solid #DEDEDE;
 +
margin: 3px;
}
}
-
#news{
+
#twitter {
-
 
+
background-position:center;
-
padding-bottom: 10px;
+
width:200px;
-
 
+
margin: 0 auto;
-
border-bottom: 1px solid #343a3d;  
+
-
 
+
}
}
-
 
+
#twitter .top {
-
#news li{
+
background-image:url('https://static.igem.org/mediawiki/2011/6/65/MIT-twitter-top.jpg');
-
 
+
background-repeat:no-repeat;
-
margin-bottom: 20px;
+
max-height:20px;
-
 
+
text-align:center;
-
}
+
padding-top:5px;
-
 
+
-
#news li p.date{
+
-
 
+
-
color: #fff;
+
-
 
+
-
font-weight: bold;
+
-
 
+
}
}
-
 
+
#twitter .middle {
-
#news li p.archive{
+
background-image:url('https://static.igem.org/mediawiki/2011/c/c8/MIT-twitter-middle.jpg');
-
 
+
background-repeat:repeat-y;
-
padding-left: 25px;
+
padding-left:20px;
-
 
+
padding-top:10px;
-
background: url(images/folder.jpg) no-repeat 0 50%;;
+
height:100%;
-
 
+
background-color:black;
}
}
-
 
+
#twitter .bottom {
-
#contacts h2{
+
background-image:url('https://static.igem.org/mediawiki/2011/4/4b/MIT-twitter-bot.jpg');
-
 
+
background-repeat:no-repeat;
-
margin-top: 20px;
+
height:100px;
-
 
+
}
}
-
 
-
.green{
 
-
 
-
color: #95ca05;
 
-
 
-
}
 
-
 
-
 
-
 
-
/*Twitter*/
 
-
 
-
 
-
 
-
 
#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;
-
 
+
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;
 +
}
 +
a {
 +
color: #991133;
 +
text-decoration: none;
 +
}
 +
 +
a:hover {
 +
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 {
 +
clear:both;
 +
}
 +
 +
.bio img {
 +
float:left;
 +
}
 +
#col1 img {
 +
width:200px;
}
}
 +
</style>
 +
</head>
 +
</html>

Revision as of 07:55, 14 August 2011

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