Team:Michigan/Template:New

From 2012.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
 +
 +
<style type="text/css">
<style type="text/css">
-
/*iGem Navigation Bar*/
+
/*Cleaning and Resetting the Background*/
-
 
+
#top-section {
#top-section {
-
     height: 1px;
+
     height: 1px; }
-
}
+
-
 
+
#p-logo {
#p-logo {
-
     height:1px;
+
     height:1px; overflow:hidden; display:none;}
-
    overflow:hidden;
+
-
    display:none;
+
-
}
+
-
 
+
#search-controls {
#search-controls {
-
     display: none;
+
     display:none;}
-
}
+
#top-section {
#top-section {
     height:14px;
     height:14px;
-
     width:100%;
+
     width: 100%;
-
     border:0;
+
     border: 0;
-
     background: rgba(51,51,51,1)
+
     background: rgba(51,51,51,1)}  
-
}
+
-
 
+
.left-menu a {
.left-menu a {
-
     color:white;
+
     color: white; }
-
}
+
.left-menu:hover {
 +
    color: white;
 +
    background: transparent; }
 +
.left-menu:hover a {
 +
    color: white; }
 +
.right-menu li a {
 +
    background-color: transparent;
 +
    color: white;}
-
.left-menu: hover {
 
-
    color:white;
 
-
    background: transparent;
 
-
}
 
-
.left-menu: hover a {
 
-
    color:white;
 
-
}
 
-
.right-menu li a {
+
/* Michigan 2012 iGEM Wiki Stylesheet*/
-
    background-color: transparent;
+
 
-
    color: white;
+
 
-
}
+
/* iGEM header override*/
 +
/* Set up body first */
body {
body {
-
     margin: 0 auto;
+
     margin:0 auto;
-
     madding:0;
+
     padding:0;
-
     width: 962px;
+
     width:962px;
     background-image:url('https://static.igem.org/mediawiki/2012/7/75/DNA_Background.png');
     background-image:url('https://static.igem.org/mediawiki/2012/7/75/DNA_Background.png');
     background-repeat:repeat;
     background-repeat:repeat;
}
}
-
 
+
.header{
 +
    background-color:#ffffff;
 +
    width:962px;
 +
    margin: 0 auto;
 +
    padding:0;
 +
    opacity:0.6;
 +
    filter:alpha(opacity=60); /* For IE8 and earlier */
 +
}
.header a#logo{
.header a#logo{
-
    margin-left: 0px;
+
margin-left:0px;
-
    width:390px;
+
width:390px;
-
    height:124px;
+
height:124px;
}
}
Line 62: Line 62:
     padding:0;
     padding:0;
}
}
-
 
#content #top, #content #siteSub, #content #contentSub {
#content #top, #content #siteSub, #content #contentSub {
-
    display:none;
+
  display:none;
-
    margin:0;
+
  margin:0;
-
    padding:0;
+
  padding:0;
}
}
-
 
+
/* Hides default page title beneath banner */
.firstHeading {
.firstHeading {
-
    height:0px;
+
  height:0px;
-
    visibility:hidden;
+
  visibility:hidden;
}
}
-
 
+
#bodyContent{
-
#bodyContent {
+
  width:100%;
-
    width:100%;
+
  border:none;
-
    border:none;
+
  margin:0;
-
    margin:0;
+
  padding:0;
-
    padding:0;
+
}
}
#bodyContent p {
#bodyContent p {
-
    margin:0 15px 0;
+
  margin:0 15px 0;
-
    padding:0;
+
  padding:0;
}
}
 +
#footer-box {
#footer-box {
Line 90: Line 89:
     border:none;
     border:none;
     padding:5px 0;
     padding:5px 0;
-
    opacity:0.6;
+
  opacity:0.6;
-
    filter:alpha(opacity=60);
+
  filter:alpha(opacity=60); /* For IE8 and earlier */
}
}
.toc {
.toc {
-
    display:none;
+
display:none;
}
}
-
a:hover {
+
a:hover{
-
    text-decoration:none;
+
  text-decoration:none;
}
}
 +
 +
/* END IGEM Header Overrides */
#menu img{
#menu img{
-
     margin: 0 25px 0;
+
     margin: 0 25px 0px;
     border:none;
     border:none;
}
}
 +
/* make a class for text over image effect*/
.text-image {
.text-image {
-
    position:relative;
+
  position: relative;
-
    padding:5px;
+
  padding:5px;
-
    margin-bottom:10px;
+
  margin-bottom:10px;
}
}
 +
.left-col{
.left-col{
-
    width: 50%;
+
  width: 50%; /* for IE 6 */
-
    float: left;
+
  float: left;
}
}
-
.right-col{
+
 
-
    float:left;
+
.right-col{  
 +
  float: left;
 +
 
}
}
.three-col{
.three-col{
-
    width:33%;
+
  width: 33%;
-
    float:left;
+
  float: left;
}
}
.locator {
.locator {
-
    font: 10px Helvetica, Sans-Serif;
+
  font: 10px Helvetica, Sans-Serif;
-
    margin: 0 0 10px 25px;
+
  margin: 0 0 10px 25px;
}
}
span.text-image {
span.text-image {
-
    color:white;
+
  color:white;  
-
    background-color: #0a84c1;
+
  background-color:#0a84c1;
-
    font: bold 24px Helvetica, Sans-Serif;
+
  font: bold 24px Helvetica, Sans-Serif;
-
    letter-spacing: -1px;
+
  letter-spacing: -1px;
-
    padding: 5px;
+
  padding: 5px;
-
    margin: 10px 0 15px 10px;
+
  margin: 10px 0 15px 10px;
-
 
+
}
}
 +
.text-panel-border {
.text-panel-border {
-
    background-color: #dadada;
+
  background-color: #dadada;
-
    margin: 0 25px 25px;
+
  margin: 0 25px 25px;
-
    padding: 10px 0px 10px;
+
  padding: 10px 0px 10px;
-
    float: left;
+
  float: left;
}
}
.text-nopanel-content {
.text-nopanel-content {
-
    padding: 10px;
+
  padding: 10px;
-
    margin: 5px auto 5px;
+
  margin: 5px auto 5px;
-
    width:95%;
+
  width:95%;
}
}
.text-panel-content {
.text-panel-content {
-
    border-bottom: 1px solid #E6E6E6;
+
  border-bottom: 1px solid #E6E6E6;
-
    border-left: 1px solid #E6E6E6;
+
  border-left: 1px solid #E6E6E6;
-
    border-right: 1px solid #E6E6E6;
+
  border-right: 1px solid #E6E6E6;
-
    border-top: 3px solid #CCCCCC;
+
  border-top: 3px solid #CCCCCC;
-
    background-color: #FFFFFF;
+
  background-color: #FFFFFF;
-
    padding: 5px;
+
  padding: 5px;
-
    margin: 5px auto 5px;
+
  margin: 5px auto 5px;
-
    width:95%;
+
  width:95%;
 +
 
}
}
Line 169: Line 175:
p.title {
p.title {
-
  /*for some reason declaring everything under font is not supported*/
+
/*for some reason declaring everything under font is not supported*/
-
    font-style:italic;
+
  font-style:italic;
-
    font-size:200%;
+
  font-size:200%;
-
    line-height:200%;
+
  line-height:200%;
}
}
Line 192: Line 198:
</div>
</div>
</div>
</div>
-
 
+
</body>
</html>
</html>

Revision as of 20:20, 25 July 2012