Team:Michigan/Template:New

From 2012.igem.org

(Difference between revisions)
 
(52 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
 +
<!-- This part is only if you want to use $...$ delimiters -->
 +
<script type="text/x-mathjax-config">
 +
    MathJax.Hub.Config({tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}});
 +
</script>
 +
<script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
 +
 +
<script type="text/javascript">
 +
 +
$(function(){
 +
$('.slideshow img:gt(0)')
 +
        .hide();
 +
setInterval(function(){
 +
        $('.slideshow :first-child')
 +
        .fadeOut()
 +
        .next('img')
 +
        .fadeIn()
 +
        .end()
 +
        .appendTo('.slideshow');}, 6000);
 +
});
 +
 +
 +
</script>
 +
 +
 +
 +
 +
<head>
<style type="text/css">
<style type="text/css">
 +
div#navigation{
 +
/* Old browsers */
 +
border-radius: 0px;
 +
padding:90px 0 0 0;
 +
}
 +
#navigation ul, #navigation li{ list-style:none; padding:0; margin:0; display:inline; }
 +
#navigation ul li{
 +
        float:left;
 +
        position:relative;
 +
 +
}
 +
 +
#navigation ul li a{
 +
 +
display:block;
 +
padding:7px 12px;
 +
margin-left:auto;
 +
        margin-right:auto;
 +
font-size:18px;
 +
white-space:nowrap;
 +
border-radius:1px;
 +
 +
}
 +
#navigation ul li a:hover{}
 +
#navigation ul li ul li a{
 +
width: 150px ;
 +
}
 +
#navigation ul ul li a:hover{
 +
        background:#063257;
 +
background-repeat:repeat-x;
 +
        color:#fff080;
 +
background-size:200%;
 +
}
 +
#navigation ul ul{
 +
position:absolute;
 +
height:-99999px;
 +
margin-left:auto;
 +
        margin-right:auto;
 +
opacity: 0; /* Hide sub level */
 +
-webkit-transition: opacity .5s ease-in-out;
 +
-moz-transition: opacity .5s ease-in-out;
 +
-o-transition: opacity .5s ease-in-out;
 +
z-index:497;
 +
background:#fff080;
 +
padding: 0px;
 +
border:1px solid #063257;
 +
border-top:1px solid #063257;
 +
box-shadow:#111 0 3px 4px;
 +
border-bottom-left-radius:2px;
 +
border-bottom-right-radius:2px;
 +
 +
}
 +
#navigation ul ul ul {
 +
margin-left:auto;
 +
        margin-right:auto;
 +
 +
 +
opacity: 0;
 +
-webkit-transition: opacity .5s ease-in-out; /* Hide sub levels */
 +
-moz-transition: opacity .5s ease-in-out;
 +
-o-transition: opacity .5s ease-in-out;
 +
border-radius:6px;
 +
border:1px solid #444;
 +
}
 +
#navigation ul li:hover>ul{ opacity: 1; position:absolute; top:100%; left:0; }
 +
#navigation ul ul li:hover>ul{ position:absolute; top:0; left:100%; opacity: 1; z-index:497;}
 +
 +
 +
 +
.slideshow img { position:absolute; left:10; top:10; }
 +
 +
.slideshow {
 +
    margin: -375px 0px 0px 400px;
 +
    position: absolute;
 +
    width: 520px;
 +
    height: 350px;
 +
    padding: 10px;
 +
    box-shadow: 0 0 10px rgba(0,0,0,0.4);
 +
}
 +
 +
 +
.side {
 +
    margin: -500px 0px 0px 500px;
 +
    position: absolute;
 +
    width: 520px;
 +
    height: 350px;
 +
    padding: 10px;
 +
 +
}
 +
 +
#footer-box {
 +
    width:100%;
 +
    border:none;
 +
    padding:5px 0;
 +
    opacity:0.6;
 +
    filter:alpha(opacity=60); /* For IE8 and earlier */
 +
}
 +
-
/*Cleaning and Resetting the Background*/
 
#top-section {
#top-section {
-
     height: 1px; }
+
     height: 0px; }
#p-logo {
#p-logo {
-
     height:1px; overflow:hidden; display:none;}
+
     height:0px; overflow:hidden; display:none;}
#search-controls {
#search-controls {
     display:none;}
     display:none;}
Line 27: Line 151:
     background-color: transparent;  
     background-color: transparent;  
     color: white;}
     color: white;}
-
 
-
 
-
 
-
/* Michigan 2012 iGEM Wiki Stylesheet*/
 
-
 
-
 
-
/* iGEM header override*/
 
-
/* Set up body first */
 
-
 
-
body {
 
-
    margin:0 auto;
 
-
    padding:0;
 
-
    width:962px;
 
-
    background-image:url('https://static.igem.org/mediawiki/2012/7/75/DNA_Background.png');
 
-
    background-repeat:repeat;
 
-
}
 
-
.header{
 
-
    background-color:#ffffff;
 
-
    width:962px;
 
-
    margin: 0 auto;
 
-
    padding:0;
 
-
}
 
-
.header a#logo{
 
-
margin-left:0px;
 
-
width:390px;
 
-
height:124px;
 
-
}
 
-
 
#content {
#content {
     width:100%;
     width:100%;
Line 69: Line 165:
   height:0px;
   height:0px;
   visibility:hidden;
   visibility:hidden;
-
}
 
-
#bodyContent{
 
-
  width:100%;
 
-
  border:none;
 
-
  margin:0;
 
-
  padding:0;
 
}
}
-
#bodyContent p {
+
/*------------------------- Layout styles ------------------------*/
-
  margin:0 15px 0;
+
body{
-
  padding:0;
+
-
}
+
-
 
+
margin:0 auto;
-
#footer-box {
+
        width: 962px;
-
    width:100%;
+
        height: 0 auto;
-
    border:none;
+
background:url(https://static.igem.org/mediawiki/2012/0/0e/Michigan_DNA_Background.png) no-repeat center top;
-
    padding:5px 0;
+
        background-attachment: fixed;
-
    opacity:0.6;
+
background-size:cover;
-
    filter:alpha(opacity=60); /* For IE8 and earlier */
+
}
}
-
 
+
.page{
-
.toc {
+
        margin: -23px 0 0px 0;
-
display:none;
+
        width:962px;
 +
        height: 0 auto;
 +
background:url(https://static.igem.org/mediawiki/2012/4/49/Michigan_Invisible_Header.png) no-repeat center top;
}
}
-
a:hover{
+
/*------------------------- Font ------------------------*/
-
  text-decoration:none;
+
@font-face {
 +
p.sansserif{font-family:Century Gothic,sans-serif;}
 +
    font-weight: normal;
 +
    font-style: normal;
}
}
-
/* END IGEM Header Overrides */
+
/*------------------------- Header ------------------------*/  
-
 
+
.header{
-
#menu img{
+
background:url(https://static.igem.org/mediawiki/2012/f/fe/Michigan_Blue_Divider.png) no-repeat center 124px;
-
    margin: 0 25px 0px;
+
width:962px;
-
    border:none;
+
margin:0 auto ;
 +
height:124px;
 +
padding:0px 0px 0;
}
}
-
 
+
.header a#logo{
-
/* make a class for text over image effect*/
+
display:block;
-
.text-image {
+
float:left;
-
  position: relative;
+
outline:none;
-
  padding:5px;
+
        margin:17px 0 0 15px;
-
  margin-bottom:10px;
+
}
}
-
 
+
.header a#logo img{
-
 
+
border:0;
-
.left-col{
+
-
  width: 50%; /* for IE 6 */
+
-
  float: left;
+
}
}
-
 
+
.header a#name{
-
.right-col{  
+
        display:block;
-
  float: left;
+
        float:left;
-
 
+
        outline:none;
 +
        margin:17px 0 0 0;
}
}
-
 
+
.header a#name img{
-
.three-col{
+
        border:0;
-
  width: 33%;
+
-
  float: left;
+
}
}
-
 
+
.header ul{
-
.locator {
+
margin:0 15px 0 0;
-
  font: 10px Helvetica, Sans-Serif;
+
list-style:none;
-
  margin: 0 0 10px 25px;
+
padding:0px 0 0;
 +
float:right;
}
}
-
 
+
.header ul li{
-
span.text-image {
+
float:left;
-
  color:white;  
+
margin:0 0 0 36px;
-
  background-color:#0a84c1;
+
-
  font: bold 24px Helvetica, Sans-Serif;
+
-
  letter-spacing: -1px;
+
-
  padding: 5px;
+
-
  margin: 10px 0 15px 10px;
+
}
}
-
 
+
.header ul li.selected a,.header ul li a:hover{
-
.text-panel-border {
+
color:#063257;
-
  background-color: #dadada;
+
-
  margin: 0 25px 25px;
+
-
  padding: 10px 0px 10px;
+
-
  float: left;
+
}
}
 +
.header ul li a{
 +
font-size:16px;
 +
text-decoration:none;
 +
color:#063257;
-
.text-nopanel-content {
+
outline:none;
-
  padding: 10px;
+
-
  margin: 5px auto 5px;
+
-
  width:95%;
+
}
}
-
.text-panel-content {
+
/*------------------------- Body ------------------------*/
-
  border-bottom: 1px solid #E6E6E6;
+
-
  border-left: 1px solid #E6E6E6;
+
-
  border-right: 1px solid #E6E6E6;
+
-
  border-top: 3px solid #CCCCCC;
+
-
  background-color: #FFFFFF;
+
-
  padding: 5px;
+
-
  margin: 5px auto 5px;
+
-
  width:95%;
+
 +
/*.body{
 +
/*background:url(https://static.igem.org/mediawiki/2012/8/89/Michigan_body.png);*/
 +
width:962px;
 +
margin: 0px auto;
 +
padding:0 0 0px 0px;
 +
overflow:hidden;
 +
}*/
 +
.body div#featured{
 +
background:url(https://static.igem.org/mediawiki/2012/e/eb/Random_Michigan_1.png) no-repeat right top;
 +
height:0px;
 +
padding:50px 0px 17px 0px;
 +
        margin: -30px 0 0 0;
}
}
-
 
+
.body div#featured h3{
-
a.text-panel-content {
+
        line-height:110%;
-
  margin:15px;
+
color:#063257;
 +
font-size:24px;
 +
margin:0 0 30px;
 +
width:362px;
 +
padding:50px 16px 0;
 +
font-weight:bold;
 +
        font-style:italic;
}
}
-
 
+
.body div#featured p{
-
p.title {
+
width:362px;
-
/*for some reason declaring everything under font is not supported*/
+
color:#063257;
-
  font-style:italic;
+
font-size:16px;
-
  font-size:200%;
+
line-height:22px;
-
  line-height:200%;
+
text-shadow: 0 1px 0 #fcfcfc;
 +
text-align:justify;
 +
margin:0;
 +
        padding: 0px 16px 50px;
}
}
 +
.body div#basic{
 +
height:0px auto;
 +
padding:50px 50px 50px 50px;
 +
        margin: -30px 0 0 0;
 +
}
 +
.body div#basic h3{
 +
        line-height:110%;
 +
color:#063257;
 +
font-size:24px;
 +
margin:0 0 0px;
-
/*Test Code*/
+
padding:0px 0px 0;
-
 
+
font-weight:bold;
-
.header{
+
        font-style:italic;
-
background: rgba(250,250,250,.6) no-repeat center 90px;
+
-
width:940px;
+
-
margin:0 auto;
+
-
height:105px;
+
-
padding:36px 10px 0;
+
}
}
-
.header a#logo{
+
.body div#basic h2{
-
display:block;
+
color:#063257;
-
float:left;
+
-
outline:none;
+
}
}
-
.header a#logo img{
+
.body div#basic h1{
-
border:0;
+
color:#063257;
}
}
-
.header ul{
+
.body div#basic h4{
 +
        line-height:110%;
 +
color:#063257;
 +
font-size:18px;
 +
margin:0 0 0px;
 +
width:362px;
 +
padding:0px 0px 0;
 +
font-weight:bold;
 +
        font-style:italic;
 +
}
 +
.body div#basic p{
 +
width:0px auto;
 +
color:#063257;
 +
font-size:16px;
 +
line-height:22px;
 +
text-shadow: 0 1px 0 #fcfcfc;
 +
text-align:justify;
margin:0;
margin:0;
-
list-style:none;
+
        padding: 10px 10px 10px;
-
padding:80px 0 0;
+
-
float:right;
+
}
}
-
.header ul li{
+
.body div#simple{
-
float:left;
+
height:0px auto;
-
margin:0 0 0 63px;
+
padding:0px 0px 0px 30px;
 +
        margin: 0px 0 0 0;
}
}
-
.header ul li.selected a,.header ul li a:hover{
+
.body div#simple h3{
-
color:#f78117;
+
        line-height:110%;
 +
color:#063257;
 +
font-size:24px;
 +
margin:0 0 0px;
 +
width:362px;
 +
padding:0px 0px 0;
 +
font-weight:bold;
 +
        font-style:italic;
}
}
-
.header ul li a{
+
 
 +
.body div#simple p{
 +
width:0px auto;
 +
color:#063257;
font-size:16px;
font-size:16px;
-
text-decoration:none;
+
line-height:22px;
-
color:#5e5e5e;
+
text-shadow: 0 1px 0 #fcfcfc;
-
font-family: 'RokkittRegular';
+
text-align:justify;
-
outline:none;
+
margin:0;
 +
        padding: 10px 10px 10px;
}
}
Line 220: Line 344:
</style>
</style>
-
  <body>
+
 
-
    <div class="page">
+
 
-
      <div class="header">
+
 
-
            <a href="https://2012.igem.org" alt="iGEM home page"><img src="https://static.igem.org/mediawiki/2012/8/83/Igem_icon.png" style="position:absolute;right:0;top:0;"></a>
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-
<a href="https://2012.igem.org/Team:Michigan" id="logo"><img src="https://static.igem.org/mediawiki/2012/2/28/MSBT_Logo.png" alt="Michigan 2012 Banner :)"></a>
+
<title>Xayona Website Template</title>
 +
<link rel="stylesheet" href="css/style.css" type="text/css" />
 +
<!--[if IE 7]>
 +
<link rel="stylesheet" href="css/ie7.css" type="text/css" />
 +
<![endif]-->
 +
</head>
 +
<body>
 +
<div class="page">
 +
<div class="header">
 +
<a href="https://2012.igem.org"><img src="https://static.igem.org/mediawiki/2012/8/83/Igem_icon.png" style="position:absolute;right:0;top:0;" alt=""></img></a>
 +
<a href="https://2012.igem.org/Team:Michigan" id="logo"><img src="https://static.igem.org/mediawiki/2012/c/c2/Michigan_2012_Logo_ani.gif" alt=""/></a>
 +
                                <a href="https://2012.igem.org/Team:Michigan" id="name"><img src="https://static.igem.org/mediawiki/2012/5/5f/Michigan_2012_Site_name.png" alt=""/></a>
 +
                        <div id="navigation">
 +
<ul>
 +
<li class="selected"><a>Project</a>
<ul>
<ul>
-
  <a href="/Team:Michigan"> <img alt="Home" src="/wiki/images/a/ae/Menu_link1.png"></a>
+
                                              <li><a href="https://2012.igem.org/Team:Michigan/Project">Project Description</a></li>
-
  <a href="/Team:Michigan/Project"> <img alt="Project" src="/wiki/images/3/3b/Menu_link2.png"></a>
+
                                              <li><a href="https://2012.igem.org/Team:Michigan/Results">Results</a></li>
-
  <a href="/Team:Michigan/Outreach"><img alt="Outreach" src="/wiki/images/f/ff/Menu_link3.png"></a>
+
 
-
  <a href="/Team:Michigan/Safety"><img alt="Safety" src="/wiki/images/4/4b/Menu_link4.png"></a>
+
                                              <li><a href="https://2012.igem.org/Team:Michigan/Future">Future Direction</a></li>
-
  <a href="/Team:Michigan/Team"><img alt="About Us" src="/wiki/images/3/39/Menu_link5.png"></a>
+
<li><a href="https://2012.igem.org/Team:Michigan/Modeling">Modeling</a></li>
-
</ul>
+
<li><a href="https://2012.igem.org/Team:Michigan/Parts">Completed Parts</a></li>
 +
</ul></li>
 +
 
 +
<li><a>Notebook</a>
 +
                                            <ul>
 +
                                              <li><a href="https://2012.igem.org/Team:Michigan/Notebook">Construction</a></li>
 +
                                              <li><a href="https://2012.igem.org/Team:Michigan/Construction">Characterization</a></li>
 +
                                              <li><a href="https://2012.igem.org/Team:Michigan/Notebook/Protocols">Protocols</a></li>
 +
                                            </ul>
 +
                                        </li>
 +
<li><a href="https://2012.igem.org/Team:Michigan/Team">Team</a>
 +
                                         
 +
                                        </li>
 +
<li><a href="https://2012.igem.org/Team:Michigan/Safety">Safety</a>
 +
</li>
 +
<li><a href="https://2012.igem.org/Team:Michigan/Sponsors">Sponsors</a>
 +
</li>
 +
                                        <li><a href="https://2012.igem.org/Team:Michigan/Outreach">Outreach</a>
 +
</li>
 +
</ul>
 +
</div>
</div>
</div>
</div>
-
</div>
+
 
-
</body>
+
</div>
 +
</body>
</html>
</html>

Latest revision as of 00:50, 2 October 2012

Xayona Website Template

Retrieved from "http://2012.igem.org/Team:Michigan/Template:New"