Template:WashUbackhome

From 2012.igem.org

(Difference between revisions)
 
(48 intermediate revisions not shown)
Line 1: Line 1:
 +
{{WashUtop}}
<html>
<html>
-
<font face = "Trebuchet MS, Verdana">
 
-
<head><META NAME = "Description" CONTENT = "Washington University in St. Louis iGEM WashU 2012."></head>
 
-
<style type="text/css">
 
-
  body {background: url('https://static.igem.org/mediawiki/2012/f/f9/SaffronBackground.jpg');background-attachment:fixed}
 
-
  .firstHeading {display: none;}
 
-
    #bodyContent {background-color: #FFEFD5;}
 
-
  #content {padding-left:1px; padding-right:1px; background-color:transparent;}
 
-
  p {color:#000000;}
+
<div class="banner">
-
  p {font-size:14px;}
+
<a href='https://2012.igem.org/Team:WashU'><img src='https://static.igem.org/mediawiki/2012/c/c8/WashU_igem_logo-03.png' width=965px height=175px></a>
-
 
+
</div>
-
@charset "UTF-8";
+
<nav id = "mainNav">
-
 
+
-
/* iGEM wiki Hacker */
+
-
 
+
-
div#top-section {
+
-
 
+
-
background-color:transparent;
+
-
background-repeat: no-repeat;
+
-
height: 10px;
+
-
width: 970px;
+
-
border: 0;
+
-
z-index: 10;
+
-
}
+
-
 
+
-
div#p-logo {
+
-
display: none;
+
-
}
+
-
 
+
-
div#menubar { /*text-align:center;*/
+
-
top: 0;
+
-
height: 20px;
+
-
width: 300px;
+
-
font-family: 'Book Antiqua', sans-serif;
+
-
font-size: 8pt;
+
-
}
+
-
 
+
-
div#menubar .selected a {
+
-
color: #440110;
+
-
}
+
-
 
+
-
.left-menu,.left-menu a {
+
-
color: #440110;
+
-
z-index: 1;
+
-
}
+
-
 
+
-
.left-menu:hover {
+
-
background-color: transparent;
+
-
}
+
-
 
+
-
.right-menu {
+
-
top: 0;
+
-
z-index: 1;
+
-
}
+
-
 
+
-
.right-menu li { #
+
-
background-color: transparent;
+
-
}
+
-
 
+
-
.right-menu li a {
+
-
padding: 0px 15px 0px 0px;
+
-
color: #529dd9;
+
-
background-color: transparent;
+
-
}
+
-
 
+
-
.right-menu li a:hover {
+
-
color: #529dd9;
+
-
}
+
-
 
+
-
div#search-controls {
+
-
display: none;
+
-
position: absolute;
+
-
float: right;
+
-
}
+
-
 
+
-
#mw-searchButton {
+
-
display: none;
+
-
border: none;
+
-
}
+
-
 
+
-
 
+
-
#contentwrapper p {
+
-
display: block;
+
-
text-align: left;
+
-
}
+
-
 
+
-
.firstHeading {
+
-
display: none;
+
-
}
+
-
 
+
-
#contentSub {
+
-
display: none;
+
-
}
+
-
 
+
-
#catlinks {
+
-
display: none;
+
-
}
+
-
 
+
-
 
+
-
#footer-box {
+
-
background:#FFEFD5;
+
-
}
+
-
 
+
-
h1 {
+
-
border-bottom: none;
+
-
}
+
-
 
+
-
/*Hacker ends here*/ /*Global Settings*/ /*Color Definition*/
+
-
 
+
-
/* CSS Document */
+
-
a:hover {
+
-
text-decoration: none;
+
-
}
+
-
 
+
-
.links a:hover {
+
-
cursor: pointer;
+
-
}
+
-
 
+
-
.main {
+
-
background-color: #transparent;
+
-
position: static;
+
-
top: auto;
+
-
height: auto;
+
-
padding: 10px;
+
-
padding-top: 0px;
+
-
padding-right: 10px;
+
-
}
+
-
 
+
-
div #part0 .links {
+
-
background-color: black;
+
-
}
+
-
 
+
-
div #part0 .sidebartop {
+
-
background: url(blocktop3.png) transparent;
+
-
}
+
-
 
+
-
div #part0 .sidebarbottom {
+
-
background: url(blockbottom3.png) transparent;}
+
-
 
+
-
#banner {
+
-
position: relative;
+
-
width: 930px;
+
-
height: 325px;
+
-
overflow: hidden;
+
-
}
+
-
 
+
-
#banner_list img {
+
-
border: 0px;
+
-
width: 930px;
+
-
height: 325px;
+
-
}
+
-
 
+
-
#banner ul {
+
-
position: absolute;
+
-
list-style-type: none;
+
-
filter: Alpha(Opacity = 80);
+
-
opacity: 0.8;
+
-
border: 1px solid #fff;
+
-
z-index: 1002;
+
-
margin: 0;
+
-
padding: 0;
+
-
bottom: 5px;
+
-
right: 3px;
+
-
width: 103px;
+
-
height: 31px;
+
-
}
+
-
 
+
-
#banner ul li {
+
-
padding: 4px;
+
-
float: left;
+
-
display: block;
+
-
color: #FFF;
+
-
border: #e5eaff 1px solid;
+
-
background: #6f4f67;
+
-
cursor: pointer
+
-
}
+
-
 
+
-
#banner ul li.on {
+
-
background: #900
+
-
}
+
-
 
+
-
#banner_list a {
+
-
position: absolute;
+
-
left: 1px;
+
-
top: 0px;
+
-
height: 240px;
+
-
}
+
-
a{
+
-
text-decoration:none;
+
-
}
+
-
#welcome strong{
+
-
color:red;
+
-
}
+
-
/*First Item Styles*/
+
-
.alpha p {
+
-
padding: 8px 12px;
+
-
color: #aaa;
+
-
}
+
-
 
+
-
.alpha p a {
+
-
color: #aaa;
+
-
font-style: italic;
+
-
}
+
-
 
+
-
.alpha p a:hover {
+
-
color: #ccc;
+
-
}
+
-
</style>  
+
-
</body>
+
-
 
+
-
 
+
-
<nav2>
+
<font face = "Palatino Linotype, Book Antiqua">
<font face = "Palatino Linotype, Book Antiqua">
     <div class="menu-item">
     <div class="menu-item">
-
       <h4><a href="/Team:WashU"><div style="padding-left:30px">Home</a></h4>
+
       <h4><a href="/Team:WashU"><div style="padding-left:44px">Home</a></h4>
     </div>
     </div>
   
   
-
     <div class="menu-item2">
+
     <div class="menu-item">
-
       <h4>Projects</h4>
+
       <h4><div style="padding-left:42px">Projects</div></h4>
       <ul>
       <ul>
         <li><a href="/Team:WashU/Saffroninakansynecho">Saffron in a Kan</a></li>
         <li><a href="/Team:WashU/Saffroninakansynecho">Saffron in a Kan</a></li>
         <li><a href="/Team:WashU/YLC">YLC</a></li>  
         <li><a href="/Team:WashU/YLC">YLC</a></li>  
 +
        <li><a href="/Team:WashU/Modeling">Modeling</a></li>
       </ul>
       </ul>
     </div>
     </div>
<div class="menu-item2">
<div class="menu-item2">
-
       <h4><div style="padding-left:10px">Notebook</h4>
+
       <h4><div style="padding-left:30px">Notebook</h4>
       <ul>
       <ul>
         <li><a href="/Team:WashU/WeeklyLog">Weekly Log</a></li>         
         <li><a href="/Team:WashU/WeeklyLog">Weekly Log</a></li>         
Line 234: Line 29:
<div class="menu-item">
<div class="menu-item">
-
       <h4><div style="padding-left:20px">Team</h4>
+
       <h4><div style="padding-left:42px">Team</h4>
       <ul>
       <ul>
         <li><a href="/Team:WashU/Students">Students</a></li>
         <li><a href="/Team:WashU/Students">Students</a></li>
Line 242: Line 37:
     </div>
     </div>
-
<div class="menu-item2">
 
-
      <h4><div style="padding-left:15px">Media</h4>
 
-
      <ul>
 
-
        <li><a href="/Team:WashU/Photos">Photos</a></li>
 
-
        <li><a href="/Team:WashU/SocialMedia">Social Media</a></li>
 
-
      </ul>
 
-
    </div>
 
<div class="menu-item">
<div class="menu-item">
-
       <h4><a href="/Team:WashU/Safety"><div style="padding-left:16px">Safety</a></h4>
+
       <h4><a href="/Team:WashU/Safety"><div style="padding-left:36px">Safety</a></h4>
     </div>
     </div>
<div class="menu-item">
<div class="menu-item">
-
       <h4><a href="/Team:WashU/Attributions">Attributions</a></h4>
+
       <h4><div style="padding-left:18px"><a href="/Team:WashU/Attributions">Attributions</a></div></h4>
       </ul>
       </ul>
     </div>
     </div>
 +
</nav>
 +
<br>
-
<style type="text/css">
 
-
nav2 {
 
-
  font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
 
-
  font-size: 14px;
 
-
  float: left;
 
-
  line-height: 1.5;
 
-
  margin: 1px;
 
-
  -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
 
-
    -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
 
-
          box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
 
-
}
 
-
 
-
.menu-item {
 
-
  background: #fff;
 
-
  width: 137.5px;
 
-
  float: left;
 
-
}
 
-
.menu-item2 {
 
-
  background: #fff;
 
-
  width: 137.5px;
 
-
  float: left;
 
-
}
 
-
 
-
/*Menu Header Styles*/
 
-
.menu-item h4 {
 
-
  border-bottom: 1px solid rgba(0,0,0,0.3);
 
-
  border-top: 1px solid rgba(255,255,255,0.2);
 
-
  color: #fff;
 
-
  font-size: 15px;
 
-
  font-weight: 500;
 
-
  padding: 7px 12px;
 
-
 
-
  /*Gradient*/
 
-
  background: #a90329; /* Old browsers */
 
-
  background: -moz-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%); /* FF3.6+ */
 
-
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a90329), color-stop(44%,#8f0222), color-stop(100%,#6d0019)); /* Chrome,Safari4+ */
 
-
  background: -webkit-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); /* Chrome10+,Safari5.1+ */
 
-
  background: -o-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); /* Opera 11.10+ */
 
-
  background: -ms-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); /* IE10+ */
 
-
  background: linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); /* W3C */
 
-
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */
 
-
}
 
-
 
-
.menu-item2 h4 {
 
-
  border-bottom: 1px solid rgba(0,0,0,0.3);
 
-
  border-top: 1px solid rgba(255,255,255,0.2);
 
-
  color: #fff;
 
-
  font-size: 15px;
 
-
  font-weight: 500;
 
-
  padding: 7px 12px;
 
-
 
-
/*Gradient*/
 
-
  background: #a90329; /* Old browsers */
 
-
  background: -moz-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%); /* FF3.6+ */
 
-
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a90329), color-stop(44%,#8f0222), color-stop(100%,#6d0019)); /* Chrome,Safari4+ */
 
-
  background: -webkit-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); /* Chrome10+,Safari5.1+ */
 
-
  background: -o-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); /* Opera 11.10+ */
 
-
  background: -ms-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); /* IE10+ */
 
-
  background: linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); /* W3C */
 
-
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */
 
-
}
 
-
 
-
.menu-item h4:hover { 
 
-
  background: #cc002c; /* Old browsers */
 
-
  background: -moz-linear-gradient(top,  #cc002c 0%, #6d0019 100%); /* FF3.6+ */
 
-
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc002c), color-stop(100%,#6d0019)); /* Chrome,Safari4+ */
 
-
  background: -webkit-linear-gradient(top,  #cc002c 0%,#6d0019 100%); /* Chrome10+,Safari5.1+ */
 
-
  background: -o-linear-gradient(top,  #cc002c 0%,#6d0019 100%); /* Opera 11.10+ */
 
-
  background: -ms-linear-gradient(top,  #cc002c 0%,#6d0019 100%); /* IE10+ */
 
-
  background: linear-gradient(top,  #cc002c 0%,#6d0019 100%); /* W3C */
 
-
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc002c', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */
 
-
 
-
}
 
-
.menu-item2 h4:hover { 
 
-
  background: #cc002c; /* Old browsers */
 
-
  background: -moz-linear-gradient(top,  #cc002c 0%, #6d0019 100%); /* FF3.6+ */
 
-
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc002c), color-stop(100%,#6d0019)); /* Chrome,Safari4+ */
 
-
  background: -webkit-linear-gradient(top,  #cc002c 0%,#6d0019 100%); /* Chrome10+,Safari5.1+ */
 
-
  background: -o-linear-gradient(top,  #cc002c 0%,#6d0019 100%); /* Opera 11.10+ */
 
-
  background: -ms-linear-gradient(top,  #cc002c 0%,#6d0019 100%); /* IE10+ */
 
-
  background: linear-gradient(top,  #cc002c 0%,#6d0019 100%); /* W3C */
 
-
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc002c', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */
 
-
 
-
}
 
-
 
-
.menu-item h4 a {
 
-
  color: white;
 
-
  display: block;
 
-
  text-decoration: none;
 
-
  width: 200px;
 
-
  list-style: none;
 
-
}
 
-
.menu-item2 h4 a {
 
-
  color: white;
 
-
  display: block;
 
-
  text-decoration: none;
 
-
  width: 200px;
 
-
  list-style: none;
 
-
}
 
-
 
-
 
-
/*ul Styles*/
 
-
.menu-item ul {
 
-
  background: #fff;
 
-
  font-size: 13px;
 
-
  line-height: 30px;
 
-
  height: 0px;
 
-
  list-style-type: none;
 
-
  overflow: hidden;
 
-
  padding: 0px;
 
-
  display:block;
 
-
  position:absolute;
 
-
 
-
 
-
  /*Animation*/
 
-
  -webkit-transition: height 1s ease;
 
-
    -moz-transition: height 1s ease;
 
-
      -o-transition: height 1s ease;
 
-
      -ms-transition: height 1s ease;
 
-
          transition: height 1s ease;
 
-
}
 
-
 
-
.menu-item2 ul {
 
-
  background: #fff;
 
-
  font-size: 13px;
 
-
  line-height: 30px;
 
-
  height: 0px;
 
-
  list-style-type: none;
 
-
  overflow: hidden;
 
-
  padding: 0px;
 
-
  display:block;
 
-
  position:absolute;
 
-
 
 
-
/*Animation*/
 
-
  -webkit-transition: height 1s ease;
 
-
    -moz-transition: height 1s ease;
 
-
      -o-transition: height 1s ease;
 
-
      -ms-transition: height 1s ease;
 
-
          transition: height 1s ease;
 
-
}
 
-
 
-
 
-
.menu-item:hover ul {
 
-
  height: 93px;
 
-
  list-style: none;
 
-
}
 
-
.menu-item2:hover ul {
 
-
  height: 62px;
 
-
  list-style: none;
 
-
}
 
-
 
-
.menu-item ul a {
 
-
  margin-left: 20px;
 
-
  text-decoration: none;
 
-
  color: #aaa;
 
-
  display: block;
 
-
  width: 160px;
 
-
  float: none;
 
-
 
-
}
 
-
.menu-item2 ul a {
 
-
  margin-left: 20px;
 
-
  text-decoration: none;
 
-
  color: #aaa;
 
-
  display: block;
 
-
  width: 160px;
 
-
  float: none;
 
-
 
-
}
 
-
 
-
/*li Styles*/
 
-
 
-
 
-
 
-
.menu-item li:hover {
 
-
  background: #eee;
 
-
 
-
  list-style: none;
 
-
}
 
-
.menu-item2 li:hover {
 
-
  background: #eee;
 
-
 
-
  list-style: none;
 
-
}
 
-
 
-
</style>
 
-
</nav2>
 
-
</html>
 
-
<html>
 
-
<head>
 
-
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
-
  <style type="text/css">
 
-
 
-
    #BackToTop {
 
-
  position:fixed;
 
-
  bottom:0;
 
-
  right:0;
 
-
  }
 
-
 
-
  #Sitemap {
 
-
  position:fixed;
 
-
  bottom:0;
 
-
  left:0;
 
-
  }
 
-
 
-
  </style>
 
-
  </head>
 
-
<body>
 
-
<div class="banner"><a href='https://2012.igem.org/Team:WashU'>
 
-
    <!--img src='https://static.igem.org/mediawiki/2012/e/e7/HeaderWashU.jpg' style="width: 965px"-->
 
-
<img src='https://static.igem.org/mediawiki/2012/4/46/WashU_igem_logo-01.png' width=965px height=175px>
 
-
    </a>
 
-
</div>
 
<div id="BackToTop">
<div id="BackToTop">
<a href="#top">
<a href="#top">
-
<img src="https://lh4.googleusercontent.com/--PUmYbJtg9E/T991985xuxI/AAAAAAAAAGw/Z9CZek_yLhQ/s144/ICL_BackToTop2.png" width="48px" />
+
<img src="http://dl.dropbox.com/u/88390549/arrow-outline-purple-up.png" />
</a>
</a>
</div>
</div>
Line 483: Line 60:
</div>
</div>
-
</body>
 
</html>
</html>
-
<br><br>
 

Latest revision as of 03:23, 4 October 2012


Retrieved from "http://2012.igem.org/Template:WashUbackhome"