Team:Michigan/Template:New

From 2012.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
 +
 +
 +
 +
 +
<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: 75px;
 +
}
 +
#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);
 +
}
 +
 +
 +
#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 119:
     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 133:
   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/7/75/DNA_Background.png) no-repeat center top;
-
    padding:5px 0;
+
        background-attachment: fixed;
-
    opacity:0.6;
+
-
    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 ------------------------*/  
-
 
+
-
#menu img{
+
-
    margin: 0 25px 0px;
+
-
    border:none;
+
-
}
+
-
 
+
-
/* make a class for text over image effect*/
+
-
.text-image {
+
-
  position: relative;
+
-
  padding:5px;
+
-
  margin-bottom:10px;
+
-
}
+
-
 
+
-
 
+
-
.left-col{
+
-
  width: 50%; /* for IE 6 */
+
-
  float: left;
+
-
}
+
-
 
+
-
.right-col{
+
-
  float: left;
+
-
 
+
-
}
+
-
 
+
-
.three-col{
+
-
  width: 33%;
+
-
  float: left;
+
-
}
+
-
 
+
-
.locator {
+
-
  font: 10px Helvetica, Sans-Serif;
+
-
  margin: 0 0 10px 25px;
+
-
}
+
-
 
+
-
span.text-image {
+
-
  color:white;
+
-
  background-color:#0a84c1;
+
-
  font: bold 24px Helvetica, Sans-Serif;
+
-
  letter-spacing: -1px;
+
-
  padding: 5px;
+
-
  margin: 10px 0 15px 10px;
+
-
}
+
-
 
+
-
.text-panel-border {
+
-
  background-color: #dadada;
+
-
  margin: 0 25px 25px;
+
-
  padding: 10px 0px 10px;
+
-
  float: left;
+
-
}
+
-
 
+
-
.text-nopanel-content {
+
-
  padding: 10px;
+
-
  margin: 5px auto 5px;
+
-
  width:95%;
+
-
}
+
-
 
+
-
.text-panel-content {
+
-
  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%;
+
-
 
+
-
}
+
-
 
+
-
a.text-panel-content {
+
-
  margin:15px;
+
-
}
+
-
 
+
-
p.title {
+
-
/*for some reason declaring everything under font is not supported*/
+
-
  font-style:italic;
+
-
  font-size:200%;
+
-
  line-height:200%;
+
-
}
+
-
 
+
-
/*Test Code*/
+
-
 
+
.header{
.header{
-
background: rgba(250,250,250,.6) no-repeat center 90px;
+
background:url(https://static.igem.org/mediawiki/2012/f/fe/Michigan_Blue_Divider.png) no-repeat center 124px;
-
width:940px;
+
width:962px;
-
margin:0 auto;
+
margin:0 auto ;
-
height:105px;
+
height:124px;
-
padding:0px 10px 0;
+
padding:0px 0px 0;
}
}
.header a#logo{
.header a#logo{
Line 192: Line 170:
float:left;
float:left;
outline:none;
outline:none;
 +
        margin:17px 0 0 15px;
}
}
.header a#logo img{
.header a#logo img{
border:0;
border:0;
 +
}
 +
.header a#name{
 +
        display:block;
 +
        float:left;
 +
        outline:none;
 +
        margin:17px 0 0 0;
 +
}
 +
.header a#name img{
 +
        border:0;
}
}
.header ul{
.header ul{
-
margin:0;
+
margin:0 15px 0 0;
list-style:none;
list-style:none;
-
padding:80px 0 0;
+
padding:100px 0 0;
float:right;
float:right;
}
}
.header ul li{
.header ul li{
float:left;
float:left;
-
margin:0 0 0 63px;
+
margin:0 0 0 36px;
}
}
.header ul li.selected a,.header ul li a:hover{
.header ul li.selected a,.header ul li a:hover{
-
color:#f78117;
+
color:#063257;
}
}
.header ul li a{
.header ul li a{
font-size:16px;
font-size:16px;
text-decoration:none;
text-decoration:none;
-
color:#5e5e5e;
+
color:#063257;
-
font-family: 'RokkittRegular';
+
 
outline:none;
outline:none;
 +
}
 +
 +
/*------------------------- Body ------------------------*/
 +
 +
/*.body{
 +
/*background:url(https://static.igem.org/mediawiki/2012/8/89/Michigan_body.png);*/
 +
width:962px;
 +
margin: 0px auto;
 +
padding:0 0 100px 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{
 +
        line-height:110%;
 +
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{
 +
width:362px;
 +
color:#063257;
 +
font-size:16px;
 +
line-height:22px;
 +
text-shadow: 0 1px 0 #fcfcfc;
 +
text-align:justify;
 +
margin:0;
 +
        padding: 0px 16px 50px;
}
}
Line 220: Line 244:
</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="index.html" id="logo"><img src="https://static.igem.org/mediawiki/2012/c/c2/Michigan_2012_Logo_ani.gif" alt=""/></a>
 +
                                <a href="index.html" 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 href="index.html">Project</a>
<ul>
<ul>
-
  <a href="/Team:Michigan"> <img alt="Home" src="/wiki/images/a/ae/Menu_link1.png"></a>
+
                                              <li><a href="#">Option 1</a></li>
-
  <a href="/Team:Michigan/Project"> <img alt="Project" src="/wiki/images/3/3b/Menu_link2.png"></a>
+
                                              <li><a href="#">Option 2</a></li>
-
  <a href="/Team:Michigan/Outreach"><img alt="Outreach" src="/wiki/images/f/ff/Menu_link3.png"></a>
+
</ul></li>
-
  <a href="/Team:Michigan/Safety"><img alt="Safety" src="/wiki/images/4/4b/Menu_link4.png"></a>
+
<li><a href="about.html">Notebook</a>
-
  <a href="/Team:Michigan/Team"><img alt="About Us" src="/wiki/images/3/39/Menu_link5.png"></a>
+
                                            <ul>
-
</ul>
+
                                              <li><a href="#">Option 1</a></li>
 +
                                              <li><a href="#">Option 2</a></li>
 +
                                            </ul>
 +
                                        </li>
 +
<li><a href="blog.html">Team</a>
 +
                                            <ul>
 +
                                              <li><a href="#">Option 1 </a></li>
 +
                                              <li><a href="#">Option 2 </a></li>
 +
                                            </ul>
 +
                                        </li>
 +
<li><a href="services.html">Safety</a>
 +
<ul>
 +
                                              <li><a href="#">Option 1</a></li>
 +
                                              <li><a href="#">Option 2</a></li>
 +
</ul></li>
 +
<li><a href="services.html">Sponsors</a>
 +
<ul>
 +
                                              <li><a href="#"> Option 1 </a></li>
 +
                                              <li><a href="#"> Option 2 </a></li>
 +
</ul></li>
 +
</ul>
 +
</div>
</div>
</div>
</div>
-
</div>
+
<div class="body">
-
</body>
+
 +
        </div>
 +
 
 +
</div>
 +
</body>
</html>
</html>

Revision as of 23:43, 10 September 2012

Xayona Website Template

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