Team:MIT/styles

From 2011.igem.org

(Difference between revisions)
 
(18 intermediate revisions not shown)
Line 1: Line 1:
-
ul {list-style: none}
+
<html lang="en">
 +
<head>
 +
<style type="text/css">
-
 
+
#globalwrapper {
-
.bio img {max-width:300px; float:left; margin-right:10px;}
+
width:975px;
-
.bio {clear:both;}
+
padding-top:20px;
-
 
+
/*border-left:1px solid #8C8C8C;
-
 
+
border-right: 1px solid #8C8C8C;*/
-
body {
+
margin: 0 auto;
-
    text-align: center;
+
background-color:#ffffff;
-
    margin:0px 0px 0px 0px;
+
height:100%;
-
    background: white;
+
-
    font-family:"Ubuntu", sans-serif;
+
-
}
+
-
h1, h2, h3, h4, h5{
+
-
    color: black;
+
-
    font-family:"Ubuntu", sans-serif;
+
-
    line-height:25px;
+
-
    border-bottom:1px dotted #e3e3e3;
+
-
    margin-bottom:5px;
+
-
    border-top:0px;
+
-
    margin-top:10px;
+
-
    padding-top:10px;
+
-
    font-weight:normal;
+
}
}
-
h2.noline{
 
-
    border-top:0;
 
-
    margin-top:0;
 
-
    padding-top:0;
 
-
    margin-bottom:0;
 
-
    line-height:20px;
 
-
    padding-top:2px;
 
-
    font-size:20px;
 
-
}
 
-
h3 {
+
#navigation {
-
    font-size: 18px;
+
margin-bottom:20px;
-
    border-bottom: none;
+
}
}
-
h4 {
+
#content-wrapper {
-
    border-bottom: none;
+
overflow: hidden;
 +
padding:10px;
 +
border-top: 1px dotted black;
}
}
-
h2.topheader{
 
-
    border-top:0;
 
-
    padding-top:0;
 
-
    margin-top:5px;
 
-
}
 
-
 
+
.twocol.primary {
-
/* Menu */
+
width:72%;
-
 
+
height:100%;
-
ul.sdt_menu{
+
float:left;
-
    margin-left:auto;
+
display:inline;
-
    margin-right:auto;
+
padding:5px;
-
    padding:0;
+
-
    list-style: none;
+
-
    font-family:"Ubuntu", "Trebuchet MS", sans-serif;
+
-
    font-size:12px;
+
-
    width:850px;
+
-
}
+
-
ul.sdt_menu a{
+
-
    text-decoration:none;
+
-
    outline:none;
+
-
}
+
-
ul.sdt_menu li{
+
-
    float:left;
+
-
    width:170px;
+
-
    height:85px;
+
-
    position:relative;
+
-
    cursor:pointer;
+
-
}
+
-
ul.sdt_menu li > a{
+
-
    position:absolute;
+
-
    top:0px;
+
-
    left:0px;
+
-
    width:170px;
+
-
    height:85px;
+
-
    z-index:12;
+
-
    background:#002B60; /* Kleur grote blokken */
+
-
    -moz-box-shadow:0px 0px 2px #000 inset;
+
-
    -webkit-box-shadow:0px 0px 2px #000 inset;
+
-
    box-shadow:0px 0px 2px #000 inset;
+
-
}
+
-
ul.sdt_menu li a img{
+
-
    border:none;
+
-
    position:absolute;
+
-
    width:0px;
+
-
    height:0px;
+
-
    bottom:0px;
+
-
    left:85px;
+
-
    z-index:170;
+
-
    -moz-box-shadow:0px 0px 4px #000;
+
-
    -webkit-box-shadow:0px 0px 4px #000;
+
-
    box-shadow:0px 0px 4px #000;
+
-
    z-index:16;
+
-
}
+
-
ul.sdt_menu li span.sdt_wrap{
+
-
    position:absolute;
+
-
    top:25px;
+
-
    left:0px;
+
-
    width:170px;
+
-
    height:60px;
+
-
    z-index:15;
+
-
}
+
-
ul.sdt_menu li span.sdt_active{
+
-
    position:absolute;
+
-
    background:#002B60; /* Kleur grote blokken die naar beneden schuiven*/
+
-
    top:85px;
+
-
    width:170px;
+
-
    height:0px;
+
-
    left:0px;
+
-
    z-index:14;
+
-
    -moz-box-shadow:0px 0px 4px #000 inset;
+
-
    -webkit-box-shadow:0px 0px 4px #000 inset;
+
-
    box-shadow:0px 0px 4px #000 inset;
+
-
}
+
-
ul.sdt_menu li span span.sdt_link,
+
-
ul.sdt_menu li span span.sdt_descr,
+
-
ul.sdt_menu li div.sdt_box a{
+
-
    margin-left:15px;
+
-
    //text-transform:uppercase;
+
-
    text-shadow:1px 1px 1px #222;
+
}
}
-
ul.sdt_menu li span span.sdt_link{
+
.twocol.secondary {
-
    color:#fff;
+
margin-right:-10px;
-
    font-size:18px;
+
width: 26%;
-
    float:left;
+
height:100%;
-
    clear:both;
+
float:right;
 +
display:inline;
 +
border-left: 1px dotted black;
}
}
-
ul.sdt_menu li span span.sdt_descr{
 
-
    color:#00A6D6;
 
-
    float:left;
 
-
    clear:both;
 
-
    width:155px; /*For dumbass IE7*/
 
-
    font-size:10px;
 
-
    letter-spacing:1px;
 
-
}
 
-
ul.sdt_menu li div.sdt_box{
 
-
    display:block;
 
-
    position:absolute;
 
-
    width:170px;
 
-
    overflow: auto;
 
-
    height:170px;
 
-
    top:85px;
 
-
    left:0px;
 
-
    display:none;
 
-
    background:#00A6D6; /*Kleur submenu*/
 
-
    z-index: 8;
 
-
}
 
-
ul.sdt_menu li div.sdt_box a{
 
-
    float:left;
 
-
    clear:both;
 
-
    line-height:25px;
 
-
    color:#fff; /*Kleur submenu tekst*/
 
-
}
 
-
ul.sdt_menu li div.sdt_box a:first-child{
 
-
    margin-top:15px;
 
-
}
 
-
ul.sdt_menu li div.sdt_box a:hover{
 
-
    color:#000;
 
-
}
 
-
 
-
/* End of menu stuff */
 
-
 
-
.secheader{
+
.threecol.primary {
-
    height:50px;
+
width:72%;
-
    color:white;
+
border:1px solid red;
-
    padding-left:10px;
+
-
    padding-top:15px;
+
-
    font-size:2.0em;
+
-
    text-align:left;
+
-
    overflow:auto;
+
}
}
-
.contwrap{
+
threecol.primary.primary {
-
    text-align:justify;
+
width:72%;
-
    background:#f8f8f8;
+
border:1px solid black;
-
    color:#333333;
+
float:left;
-
    width:720px;
+
-
    padding-left:10px;
+
-
    padding-top:5px;
+
-
    padding-right:10px;
+
-
    padding-bottom:20px;
+
-
    margin-top:5px;
+
-
    margin-bottom:none;
+
}
}
-
h2 {
+
threecol.primary.secondary {
-
    margin:0 0 1em;
+
width:26%;
 +
border:1px solid black;
 +
float:right;
}
}
-
#camfooter {
+
threecol.secondary /*secondary nav*/{
-
    clear:both;
+
width:26%;
-
    height:0px;
+
border:1px solid black;
-
    background:white;
+
float:right;
-
}
+
-
#camfooter p {
+
-
    margin:0;
+
-
}
+
-
* html #camfooter {
+
-
    height:1px;
+
-
}
+
-
h1.firstHeading {
+
-
    display: none;
+
-
}
+
-
#globalWrapper {
 
-
    padding:0px 0px 0px 0px;
 
-
    margin:0px 0px 0px 0px;
 
-
    text-align: center;
 
-
    align: center;
 
-
    height: 100%;
 
-
    width: 100%;
 
-
    border: none;
 
-
    color: white;
 
-
    background: none;
 
-
}
 
-
#content {
 
-
    background: none;
 
-
    border:none;
 
-
    padding:0px 0px 0px 0px;
 
-
    margin:0px 0px 0px 0px;
 
-
    text-align: center;
 
-
    align: center;
 
-
    height: 100%;
 
-
    width: 100%;
 
}
}
-
#bodyContent {
+
#sponsors {
-
    padding:0px 0px 0px 0px;
+
margin-left: auto;
-
    margin:0px 0px 0px 0px;
+
margin-right: auto;
-
    height: 100%;
+
width: 100%;
-
    width: 100%;
+
-
    border: none;
+
-
    background: none;
+
}
}
-
#search-controls {
+
#sponsors div {
-
    overflow:hidden;
+
width:32%;
-
    display:none;
+
height: 60px;
-
    background: none;
+
float:left;
-
    position: absolute;
+
display:inline;
-
    top: 170px;
+
border:1px solid #DEDEDE;
-
    right: 40px;
+
margin: 3px;
-
}         
+
-
#footer-box {
+
-
    background: none;
+
-
    border: none;
+
-
    width: 965px;
+
-
    margin: 0 auto;
+
-
    margin-bottom:none;
+
-
    padding-left:5px;
+
-
    padding-right:5px;
+
-
    color: white;
+
-
}
+
-
#footer {
+
-
    border: none;
+
-
    width: 965px;
+
-
    margin: 0;
+
-
    padding: 0;
+
-
    background: none ;
+
-
    color: white;
+
}
}
-
#f-list a {
+
#twitter {
-
    color: #CCC;
+
background-position:center;
-
    font-size: 10px;
+
width:200px;
 +
margin: 0 auto;
}
}
-
#f-list a:hover {
+
#twitter div.top {
-
    color: #999;
+
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;
}
}
-
#footer ul {
+
#twitter div.middle {
-
    margin: 0;
+
background-image:url('https://static.igem.org/mediawiki/2011/c/c8/MIT-twitter-middle.jpg');
-
    padding: 0;
+
background-repeat:repeat-y;
 +
padding-left:20px;
 +
padding-top:10px;
 +
height:100%;
 +
background-color:black;
}
}
-
#footer ul li {
+
#twitter div.bottom {
-
    margin-top: 0;
+
background-image:url('https://static.igem.org/mediawiki/2011/4/4b/MIT-twitter-bot.jpg');
-
    margin-bottom: 0;
+
background-repeat:no-repeat;
-
    margin-left: 10px;
+
height:100px;
-
    margin-right: 10px;
+
-
    padding: 0;
+
}
}
-
div.content {
+
#twitter_update_list {
-
    background: url("https://static.igem.org/mediawiki/2011/6/6d/Brown-Stanford_Transparent.png") ;
+
/* the main container */
-
    text-align: left;
+
list-style:none;
-
    margin: auto;
+
margin:0;
-
    color: white;
+
margin-top:-15px;
-
    width: 965px;
+
width: 160px;
-
    padding: 20px 20px 20px 20px;
+
padding-left:0px;
}
}
-
 
+
-
 
+
#twitter_update_list li {
-
table {
+
/* wraps a single list */
-
    background: none;
+
font-family: 'lucida sans unicode';
 +
font-size:11px;
 +
padding: 5px 0px;
 +
border-bottom: 1px dotted black;
}
}
-
 
+
-
.headerimg {
+
#twitter_update_list li span {
-
    background-position: center top;
+
/* wraps the tweet */
-
    background-repeat: no-repeat;
+
display: block;
-
    width:100%;
+
-
    height:100%;
+
-
    position:fixed;
+
-
    text-align: left;
+
-
    padding: 0px 0px 0px 0px;
+
-
    margin: -14px 0px 0px 0px;
+
}
}
-
 
+
-
#preload{
+
#twitter_update_list li a {
-
    display:none;
+
/* 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;
}
}
-
div#header {
+
a {
-
    width: 850px;
+
color: #991133;
-
    text-align: left;
+
text-decoration: none;
-
    margin-left: auto;
+
-
    margin-right: auto;
+
-
} 
+
-
 
+
-
#p-logo {
+
-
    height:0px;
+
-
    overflow:hidden;
+
-
    border:none;
+
}
}
-
#top-section {
+
a:hover {
-
    height: 20px;
+
text-decoration: underline;
-
    margin-left: auto;
+
-
    margin-right: auto;
+
-
    margin-bottom: 0px !important;
+
-
    margin-top: -14px;
+
-
    padding:0px 0px 0px 0px;;
+
-
    border: none;
+
-
    width: 100%;
+
-
    background: none;
+
-
    color: black;
+
-
    position:absolute;
+
}
}
-
#menubar {
+
</style>
-
    position: absolute;
+
</head>
-
    background: #002B60;
+
</html>
-
    color: black;
+
-
}
+
-
 
+
-
.left-menu, .right-menu{
+
-
    position: absolute;
+
-
    background: none;
+
-
    color: black;
+
-
}
+
-
 
+
-
.left-menu ul li, .right-menu ul li a{
+
-
    background: none;
+
-
    color: black;
+
-
}
+
-
 
+
-
#contentSub {
+
-
    background: none;
+
-
}
+
-
 
+
-
table.gallery {
+
-
    background: url("https://static.igem.org/mediawiki/2011/6/6d/Brown-Stanford_Transparent.png");
+
-
    border: none !important;
+
-
    margin-left: auto;
+
-
    margin-right: auto;
+
-
}
+
-
 
+
-
table.gallery tr, div.gallerybox, div.gallerybox div.thumb {
+
-
    background: none;
+
-
    border: none !important;
+
-
}
+
-
 
+
-
table.gallery tr td, table.gallery td {
+
-
    background: none;
+
-
    color: white;
+
-
    border: solid 1px #393333;
+
-
}
+
-
 
+
-
#sponsor-box {
+
-
    background: none;
+
-
}
+
-
 
+
-
div#catlinks {
+
-
    display: none;
+
-
}
+
-
 
+
-
a, a:visited, a:hover, a:active, a.new {
+
-
    color: #797777;
+
-
}
+
-
 
+
-
ol {
+
-
    color: black;
+
-
}
+
-
 
+
-
.left-menu li, .right-menu li a {
+
-
    color: black !important;
+
-
}
+
-
 
+
-
.right-menu li a:hover, .right-menu li a:visited, .right-menu li a:active {
+
-
    color: black !important;
+
-
}
+

Latest revision as of 17:12, 12 August 2011

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