Team:MIT/styles

From 2011.igem.org

(Difference between revisions)
 
(48 intermediate revisions not shown)
Line 1: Line 1:
-
ul {list-style: none;}
+
<html lang="en">
-
 
+
<head>
<style type="text/css">
<style type="text/css">
-
/* Wiki Hacks - START */
+
 
-
/* Author: Pieter van Boheemen */
+
#globalwrapper {
-
/* Team: TU Delft */
+
width:975px;
-
#globalWrapper { background-color: transparent; border: none; margin: 0; padding: 0; width: 100%;
+
padding-top:20px;
-
height:auto !important; /* real browsers */
+
/*border-left:1px solid #8C8C8C;
-
height:100%; /* IE6: treaded as min-height*/
+
border-right: 1px solid #8C8C8C;*/
-
min-height:100%; /* real browsers */
+
margin: 0 auto;
 +
background-color:#ffffff;
 +
height:100%;
}
}
-
#content { z-index: 1; background-color: transparent; border: none; padding: 0; margin: 0; width: 100%; overflow: hidden; margin-top: -15px !important; margin-top: 0px;
+
 
-
height:auto !important; /* real browsers */
+
 
-
height:100%; /* IE6: treaded as min-height*/
+
#navigation {
-
min-height:100%; /* real browsers */
+
margin-bottom:20px;
}
}
-
#bodyContent { border: none; padding:0; margin:0; width:100%;
+
 
-
height:auto !important; /* real browsers */
+
#content-wrapper {
-
height:100%; /* IE6: treaded as min-height*/
+
overflow: hidden;
-
min-height:100%; /* real browsers */
+
padding:10px;
 +
border-top: 1px dotted black;
}
}
-
#top-section { z-index: 2; height: 15px; margin: 0px; margin-left: auto; margin-right: auto; margin-bottom: 0 !important; padding:0; border: none; font-size: 10px;}
+
 
-
#p-logo { height:1px; overflow:hidden; display: none;}
+
 
-
#search-controls { overflow:hidden; display:block; background: none; position: absolute; top: 100px; right: 40px;}
+
.twocol.primary {
-
.left-menu { width: 500px !important; display:block; margin-top:-80px; border: none; text-align: right;}
+
width:72%;
-
.left-menu ul { border: none; }
+
height:100%;
-
#menubar.right-menu { width:300px; display:block; float:left; margin-top:-80px; border: none;}
+
float:left;
-
.right-menu ul { border: none; width: 300px;}
+
display:inline;
-
#footer-box { background-color: #216085; border: none; width: 100%; margin: -10px auto 0 auto; padding: 20px 0;}
+
padding:5px;
-
.visualClear { display: none; }
+
}
-
#footer { border: none; width: 965px; margin: 0 auto; padding: 0;}
+
 
-
.firstHeading { display: none;}
+
.twocol.secondary {
-
#f-list a { color: #333; font-size: 10px;}
+
margin-right:-10px;
-
#f-list a:hover { color: #666;}
+
width: 26%;
-
.printfooter { display: none; }
+
height:100%;
-
#footer ul { margin: 0; padding: 0;}
+
float:right;
-
#footer ul li { margin-top: 0; margin-bottom: 0; margin-left: 10px; margin-right: 10px; padding: 0;}
+
display:inline;
-
#search-controls { display:none; }
+
border-left: 1px dotted black;
-
h3#siteSub { display: none;}
+
}
-
#contentSub {display: none;}
+
 
-
p:first-child { display: none;}
+
.threecol.primary {
-
h1{border:none; width: 100%; clear: both;}
+
width:72%;
-
/* Wiki Hacks - END */
+
border:1px solid red;
 +
}
 +
 
 +
threecol.primary.primary {
 +
width:72%;
 +
border:1px solid black;
 +
float:left;
 +
}
 +
 
 +
threecol.primary.secondary {
 +
width:26%;
 +
border:1px solid black;
 +
float:right;
 +
}
 +
 
 +
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 {
 +
background-position:center;
 +
width:200px;
 +
margin: 0 auto;
 +
}
 +
#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;
 +
}
 +
 
 +
#twitter_update_list {
 +
/* the main container */
 +
list-style:none;
 +
margin: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;
 +
}
 +
 
 +
 
 +
a {
 +
color: #991133;
 +
text-decoration: none;
 +
}
 +
 
 +
a:hover {
 +
text-decoration: underline;
 +
}
 +
 
 +
</style>
 +
</head>
 +
</html>

Latest revision as of 17:12, 12 August 2011