Team:MIT/styles

From 2011.igem.org

(Difference between revisions)
 
(40 intermediate revisions not shown)
Line 1: Line 1:
-
body {
+
<html lang="en">
-
    background: none repeat scroll 0 0 #191F46;
+
<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%;
}
}
-
div.thumb {
+
 
-
    border: medium none;
+
 
 +
#navigation {
 +
margin-bottom:20px;
}
}
-
div.thumb div {
+
 
-
    background-color: transparent;
+
#content-wrapper {
-
    border: medium none;
+
overflow: hidden;
 +
padding:10px;
 +
border-top: 1px dotted black;
}
}
-
div.thumb div a {
+
 
-
    border: medium none;
+
 
 +
.twocol.primary {
 +
width:72%;
 +
height:100%;
 +
float:left;
 +
display:inline;
 +
padding:5px;
}
}
-
#bodyContent {
+
 
-
    background-image: url("https://static.igem.org/mediawiki/2010/0/0a/Cam-Repeat.png");
+
.twocol.secondary {
-
    color: #323232;
+
margin-right:-10px;
-
    font-family: "Lucida Sans Unicode","Lucida Grande",Nobile,Verdana,Arial,Helvetica,sans-serif;
+
width: 26%;
-
    position: relative;
+
height:100%;
-
    width: 970px;
+
float:right;
 +
display:inline;
 +
border-left: 1px dotted black;
}
}
-
#bodyContent a {
+
 
-
    color: #73A631;
+
.threecol.primary {
 +
width:72%;
 +
border:1px solid red;
}
}
-
h1, h2, h3, h4, h5, h6 {
+
 
-
    color: #424242;
+
threecol.primary.primary {
 +
width:72%;
 +
border:1px solid black;
 +
float:left;
}
}
-
#paddedcontent {
+
 
-
    padding: 20px;
+
threecol.primary.secondary {
 +
width:26%;
 +
border:1px solid black;
 +
float:right;
}
}
-
#wrap {
+
 
-
    position: relative;
+
threecol.secondary /*secondary nav*/{
-
    top: -15px;
+
width:26%;
-
    width: 965px;
+
border:1px solid black;
 +
float:right;
 +
 
}
}
-
#header {
+
 
 +
#sponsors {
 +
margin-left: auto;
 +
margin-right: auto;
 +
width: 100%;
}
}
-
#left {
+
 
-
    background-color: #DDDDDD;
+
#sponsors div {
-
    border-top: 5px solid #FFFFFF;
+
width:32%;
-
    float: left;
+
height: 60px;
-
    padding: 10px;
+
float:left;
-
    width: 200px;
+
display:inline;
 +
border:1px solid #DEDEDE;
 +
margin: 3px;
}
}
-
.tophome {
+
 
-
    text-align: center;
+
#twitter {
 +
background-position:center;
 +
width:200px;
 +
margin: 0 auto;
}
}
-
.secheader {
+
#twitter div.top {
-
    background-image: url("https://static.igem.org/mediawiki/2010/a/ad/Cam-Gradient-Overlay.png");
+
background-image:url('https://static.igem.org/mediawiki/2011/6/65/MIT-twitter-top.jpg');
-
    color: #FFFFFF;
+
background-repeat:no-repeat;
-
    font-size: 2em;
+
max-height:20px;
-
    height: 50px;
+
text-align:center;
-
    overflow: auto;
+
padding-top:5px;
-
    padding-left: 10px;
+
-
    padding-top: 15px;
+
-
    text-align: left;
+
}
}
-
.contwrap {
+
#twitter div.middle {
-
    background: none repeat scroll 0 0 #F8F8F8;
+
background-image:url('https://static.igem.org/mediawiki/2011/c/c8/MIT-twitter-middle.jpg');
-
    color: #333333;
+
background-repeat:repeat-y;
-
    margin-top: 5px;
+
padding-left:20px;
-
    padding: 5px 10px 20px;
+
padding-top:10px;
-
    text-align: justify;
+
height:100%;
-
    width: 720px;
+
background-color:black;
}
}
-
#left ul {
+
#twitter div.bottom {
-
    list-style: none outside none;
+
background-image:url('https://static.igem.org/mediawiki/2011/4/4b/MIT-twitter-bot.jpg');
-
    margin-left: 10px;
+
background-repeat:no-repeat;
-
    overflow: hidden;
+
height:100px;
-
    padding-left: 0;
+
}
}
-
#left ul li {
+
 
-
    font-family: verdana,Nobile;
+
#twitter_update_list {
-
    margin-bottom: 8px;
+
/* the main container */
-
    padding-bottom: 0;
+
list-style:none;
-
    padding-top: 4px;
+
margin:0;
-
    position: relative;
+
margin-top:-15px;
 +
width: 160px;
 +
padding-left:0px;
}
}
-
#left ul.llmenu li {
+
-
    padding-left: 10px;
+
#twitter_update_list li {
 +
/* wraps a single list */
 +
font-family: 'lucida sans unicode';
 +
font-size:11px;
 +
padding: 5px 0px;
 +
border-bottom: 1px dotted black;
}
}
-
#left ul li.backLava {
+
-
    background-color: #EEEEEE;
+
#twitter_update_list li span {
-
    border-color: #96D446;
+
/* wraps the tweet */
-
    border-left: 5px solid #96D446;
+
display: block;
-
    border-width: 5px;
+
-
    height: 23px;
+
}
}
-
#left ul.llmenugreen li {
+
-
    border-color: #96D446;
+
#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;
}
}
-
#left ul.llmenublue li {
+
 
-
    border-color: #386ABC;
+
 
 +
a {
 +
color: #991133;
 +
text-decoration: none;
}
}
-
#left ul.llmenured li {
+
 
-
    border-color: #FB5C2B;
+
a:hover {
-
}
+
text-decoration: underline;
-
#left ul.llmenuyellow li {
+
-
    border-color: #FAD72A;
+
-
}
+
-
#left a {
+
-
    color: #555555;
+
-
    display: block;
+
-
    font-size: 15px;
+
-
    font-weight: bold;
+
-
    outline: medium none;
+
-
    text-decoration: none;
+
-
    width: 200px;
+
-
}
+
-
#left a:hover {
+
-
    color: #181818;
+
-
}
+
-
#left a.hello {
+
-
    display: inline;
+
-
}
+
-
h2 {
+
-
    margin: 0 0 1em;
+
-
}
+
-
#right {
+
-
    background: none repeat scroll 0 0 #FFFFFF;
+
-
    float: right;
+
-
    height: 100%;
+
-
    margin-bottom: -15px;
+
-
    padding-left: 5px;
+
-
    padding-right: 5px;
+
-
    padding-top: 5px;
+
-
    text-align: justify;
+
-
    width: 735px;
+
-
}
+
-
#camfooter {
+
-
    background: none repeat scroll 0 0 white;
+
-
    clear: both;
+
-
    height: 0;
+
-
}
+
-
#camfooter p {
+
-
    margin: 0;
+
-
}
+
-
* html #camfooter {
+
-
    height: 1px;
+
-
}
+
-
h1.firstHeading {
+
-
    display: none;
+
-
}
+
-
#globalWrapper {
+
-
    background-color: transparent;
+
-
    border: medium none;
+
-
    padding-bottom: 0;
+
-
}
+
-
#content {
+
-
    background-color: white;
+
-
    border: medium none;
+
-
}
+
-
#bodyContent {
+
-
    border: medium none;
+
-
}
+
-
#top-section {
+
-
    border: medium none;
+
-
    height: 14px;
+
-
    margin-bottom: 0 !important;
+
-
    margin-left: auto;
+
-
    margin-right: auto;
+
-
    margin-top: -14px;
+
-
    padding: 0;
+
-
}
+
-
#p-logo {
+
-
    border: medium none;
+
-
    height: 1px;
+
-
    overflow: hidden;
+
-
}
+
-
#search-controls {
+
-
    background: none repeat scroll 0 0 transparent;
+
-
    display: none;
+
-
    overflow: hidden;
+
-
    position: absolute;
+
-
    right: 40px;
+
-
    top: 100px;
+
-
}
+
-
.left-menu {
+
-
    border: medium none;
+
-
    display: block;
+
-
    float: left;
+
-
    left: 20px;
+
-
    margin-right: 30px;
+
-
    margin-top: -62px;
+
-
    width: 400px;
+
-
}
+
-
.left-menu ul {
+
-
    border: medium none;
+
-
}
+
-
#menubar.right-menu {
+
-
    border: medium none;
+
-
    display: block;
+
-
    float: left;
+
-
    margin-top: -62px;
+
-
    padding-left: 50px;
+
-
    right: 50px;
+
-
    width: 300px;
+
-
}
+
-
.right-menu ul {
+
-
    border: medium none;
+
-
}
+
-
#menubar li a {
+
-
    color: #73A631;
+
-
}
+
-
#menubar li a:hover {
+
-
    color: #73A631;
+
-
    text-decoration: underline;
+
-
}
+
-
#menubar li.selected a {
+
-
    color: #555555;
+
-
}
+
-
#footer-box {
+
-
    background-color: white;
+
-
    border: medium none;
+
-
    margin: 0 auto;
+
-
    padding-left: 5px;
+
-
    padding-right: 5px;
+
-
    width: 965px;
+
-
}
+
-
#footer {
+
-
    background-color: white;
+
-
    border: medium none;
+
-
    margin: 0;
+
-
    padding: 0;
+
-
    width: 965px;
+
-
}
+
-
.firstHeading {
+
-
    display: none;
+
-
}
+
-
#f-list a {
+
-
    color: #333333;
+
-
    font-size: 10px;
+
-
}
+
-
#f-list a:hover {
+
-
    color: #666666;
+
-
}
+
-
#footer ul {
+
-
    margin: 0;
+
-
    padding: 0;
+
-
}
+
-
#footer ul li {
+
-
    margin: 0 10px;
+
-
    padding: 0;
+
}
}
 +
 +
</style>
 +
</head>
 +
</html>

Latest revision as of 17:12, 12 August 2011

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