Team:MIT/styles

From 2011.igem.org

(Difference between revisions)
 
(24 intermediate revisions not shown)
Line 1: Line 1:
-
ul {list-style: none}
+
<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: 0 auto;
 +
background-color:#ffffff;
 +
height:100%;
 +
}
-
.bio img {max-width:300px; float:left; margin-right:10px;}
 
-
.bio {clear:both;}
 
 +
#navigation {
 +
margin-bottom:20px;
 +
}
-
#nav {padding:0; margin:0; background: transparent;; width: 230px}
+
#content-wrapper {
-
#nav a:hover {text-decoration:underline;}
+
overflow: hidden;
-
#nav dt b, #nav dt a {display:block; font-weight:normal; font-size:14px; color:#fff; padding: 5px 10px; cursor:pointer; width:230px; background-color: #016b9d;}
+
padding:10px;
-
#nav dt a {color:#000; text-decoration:none;}
+
border-top: 1px dotted black;
-
#nav dd {padding:0; margin:0;}
+
}
-
#nav dd ul {padding:0; margin:0; list-style:none;}
+
-
#nav dd ul li {padding-left:20px; width:230px}
+
-
#nav dd ul li a {font-size:12px; color:#000; text-decoration:none;}
+
 +
.twocol.primary {
 +
width:72%;
 +
height:100%;
 +
float:left;
 +
display:inline;
 +
padding:5px;
 +
}
-
input.searchButton {
+
.twocol.secondary {
-
background:none repeat scroll 0 0 transparent;
+
margin-right:-10px;
-
border:medium none;
+
width: 26%;
-
color:#000066;
+
height:100%;
-
font-size:100%;
+
float:right;
-
font-weight:bold;
+
display:inline;
-
margin:1px 10px 0;
+
border-left: 1px dotted black;
}
}
-
#search-controls {
+
.threecol.primary {
-
display: block;
+
width:72%;
-
background: none;
+
border:1px solid red;
-
position: absolute;
+
}
-
top: -100px;
+
-
left: -50px;}
+
-
.left-menu {
+
threecol.primary.primary {
-
width: 300px;
+
width:72%;
-
margin-top: -75px;
+
border:1px solid black;
-
border: none; }
+
float:left;
 +
}
-
.left-menu ul {
+
threecol.primary.secondary {
-
border: none; }
+
width:26%;
 +
border:1px solid black;
 +
float:right;
 +
}
-
#searchform {
+
threecol.secondary /*secondary nav*/{
-
background: none;
+
width:26%;
-
display: block;
+
border:1px solid black;
-
float: right;}
+
float:right;
-
#menubar.right-menu {
+
}
-
width: 300px;
+
-
display: block;
+
-
float: left;
+
-
margin-top: -75px;
+
-
border: none; }
+
 +
#sponsors {
 +
margin-left: auto;
 +
margin-right: auto;
 +
width: 100%;
 +
}
-
#top-section {
+
#sponsors div {
-
height: 0px;
+
width:32%;
-
margin-top: -5px;
+
height: 60px;
-
margin-bottom: 0 !important;
+
float:left;
-
margin-left: auto;
+
display:inline;
-
padding:0;
+
border:1px solid #DEDEDE;
-
border: none;}
+
margin: 3px;
 +
}
-
#p-logo {
+
#twitter {
-
height: 0px;
+
background-position:center;
-
overflow: hidden;
+
width:200px;
-
display: none;
+
margin: 0 auto;
-
border: }
+
}
 +
#twitter div.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 div.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 div.bottom {
 +
background-image:url('https://static.igem.org/mediawiki/2011/4/4b/MIT-twitter-bot.jpg');
 +
background-repeat:no-repeat;
 +
height:100px;
 +
}
-
#footer {
+
#twitter_update_list {
-
border: none;
+
/* the main container */
-
  background-color: transparent;
+
list-style:none;
-
  margin: 0;
+
margin:0;
-
  padding: 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;
 +
}
-
#footer-box {
+
 
-
border:none;
+
a {
-
background-color: transparent;
+
color: #991133;
 +
text-decoration: none;
}
}
-
.firstHeading {
+
a:hover {
-
display: none; }
+
text-decoration: underline;
 +
}
-
.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
+
</style>
-
.code code { display: block; padding: 3px; margin-bottom: 0; }
+
</head>
-
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
+
</html>
-
.indent1 { padding-left: 1em; }
+
-
.indent2 { padding-left: 2em; }
+

Latest revision as of 17:12, 12 August 2011