Template:Aquila

From 2012hs.igem.org

(Difference between revisions)
 
(42 intermediate revisions not shown)
Line 2: Line 2:
<head>
<head>
-
<!-- wiki hacks -->
 
<style type="text/css">
<style type="text/css">
-
#globalwrapper {
+
 
 +
#globalwrapper  
 +
{
     width:975px;
     width:975px;
     padding:20px 0px;
     padding:20px 0px;
Line 11: Line 12:
     height:100%;
     height:100%;
}
}
-
.firstHeading {
+
 
 +
.firstHeading  
 +
{
     height:0px;
     height:0px;
     visibility:hidden;
     visibility:hidden;
}
}
-
body {
+
 
 +
body  
 +
{
     background-image: url('http://img85.imageshack.us/img85/8767/tileskynew.jpg');
     background-image: url('http://img85.imageshack.us/img85/8767/tileskynew.jpg');
     background-position: center;
     background-position: center;
}
}
-
#p-logo {
+
 
 +
#p-logo  
 +
{
     height:1px; overflow:hidden; display: none;
     height:1px; overflow:hidden; display: none;
}
}
-
#top-section {
+
 
 +
#top-section  
 +
{
     background: #ffffff;
     background: #ffffff;
     background-image: url('http://img4.imageshack.us/img4/549/igemheader.jpg');
     background-image: url('http://img4.imageshack.us/img4/549/igemheader.jpg');
Line 33: Line 42:
}
}
-
 
+
#content  
-
#content {
+
{
     border-left-width:0px;
     border-left-width:0px;
     border-right-width:0px;
     border-right-width:0px;
Line 40: Line 49:
     width:965px;
     width:965px;
}
}
-
#menubar {  
+
 
 +
#menubar  
 +
{  
     background-color: white;  
     background-color: white;  
}
}
-
#menubar ul li a {  
+
 
 +
#menubar ul li a  
 +
{  
     color: #999999; }
     color: #999999; }
     .right-menu li a {
     .right-menu li a {
Line 50: Line 63:
}
}
-
#navbar
+
</style>
-
ul.navbar {
+
</head>
-
float:left;
+
-
width:100%;
+
-
padding:0;
+
-
margin:0;
+
-
list-style-type:none;
+
-
}
+
-
ul.navbar a {
+
<body>
-
float:left;
+
<html>
-
text-align:center;
+
<head>
-
width:7em;
+
<meta>
-
text-decoration:none;
+
<style>
-
color:white;
+
-
background-color:#1A2B32;
+
-
padding:0.2em 0.6em;
+
-
border-right:1px solid white;
+
-
}
+
-
ul.navbar a:hover {background-color:#A3ABAE;}
+
-
ul.navbar li {display:inline;}
+
-
#long {
+
#navbar
-
width:10em;
+
{
 +
  margin: 1600;
 +
  padding: 0;
 +
  height: 1em;
 +
  position: relative;
 +
  left: 80px;
 +
}
 +
#navbar a:hover
 +
{
 +
    background-color:#033EAB; <!navbar hover color>
 +
    text-decoration:underline;
 +
}
 +
#navbar li
 +
{
 +
  list-style: none;
 +
  float: left;
 +
}
 +
#navbar li a
 +
{
 +
  padding-left: 20px;
 +
  padding-bottom: 2px;
 +
  padding-right: 20px;
 +
  padding-top: 2px;
 +
  display: block;
 +
  background-color: #002261;
 +
  color: #fff;
 +
  text-decoration: none;
 +
  border-right:1px solid white;
 +
}
 +
#navbar li ul
 +
{
 +
  display: none;
 +
  width: 12em;
 +
  background-color: #000000;
 +
}
 +
#navbar li:hover ul, #navbar li.hover ul
 +
{
 +
  display: block;
 +
  position: absolute;
 +
  background-color: #ffffff;
 +
  margin: 0;
 +
  padding: 0;
 +
}
 +
#navbar li:hover li, #navbar li.hover li
 +
{
 +
  float: none;
 +
}
 +
#navbar li:hover li a, #navbar li.hover li a
 +
{
 +
  background-color: #002261; /*Dropdown color*/
 +
  color: white;
 +
}
 +
#navbar li li a:hover
 +
{
 +
  background-color: #033EAB;  
}
}
 +
</style>
 +
<script>
 +
// Javascript originally by Patrick Griffiths and Dan Webb.
 +
// http://htmldog.com/articles/suckerfish/dropdowns/
-
.navbar {
+
sfHover = function()
-
padding:0 20px;
+
{
 +
  var sfEls = document.getElementById("navbar").getElementsByTagName("li");
 +
  for (var i=0; i<sfEls.length; i++)
 +
      {
 +
          sfEls[i].onmouseover=function()
 +
          {
 +
              this.className+=" hover";
 +
          }
 +
          sfEls[i].onmouseout=function()
 +
          {
 +
              this.className=this.className.replace(new RegExp(" hover\\b"), "");
 +
          }
 +
      }
}
}
-
</style>
+
if (window.attachEvent) window.attachEvent("onload", sfHover);
 +
 
 +
</script>
 +
 
</head>
</head>
 +
 +
</a>
<body>
<body>
 +
  <div id="wrap">
 +
 +
      <ul id="navbar">
 +
        <li><a href="https://2012hs.igem.org/Team:Sharon_MA_Aquila">HOME</a></li>
 +
        </li>
 +
        <li><a href="https://2012hs.igem.org/Team:Sharon_MA_Aquila/Team">TEAM</a>
 +
            <ul>
 +
              <li><a href="https://2012hs.igem.org/Team:Sharon_MA_Aquila/Team#Hannah_Binney">Hannah Binney</a></li>
 +
              <li><a href="https://2012hs.igem.org/Team:Sharon_MA_Aquila/Team#Frank_Zhou">Frank Zhou</a></li>
 +
              <li><a href="https://2012hs.igem.org/Team:Sharon_MA_Aquila/Team#George_Rakushkin">George Rakushkin</a></li>
 +
              <li><a href="https://2012hs.igem.org/Team:Sharon_MA_Aquila/Team#Rachel_Fyler">Rachel Fyler</a></li>
 +
              <li><a href="https://2012hs.igem.org/Team:Sharon_MA_Aquila/Team#Brahm_Gardner">Brahm Gardner</a></li>
 +
              <li><a href="https://2012hs.igem.org/Team:Sharon_MA_Aquila/Team#Gabby_Crosby">Gabby Crosby</a></li>
 +
              <li><a href="https://2012hs.igem.org/Team:Sharon_MA_Aquila/Team#Nancy_Chinnapan">Nancy Chinnapan</a></li>
 +
              <li><a href="https://2012hs.igem.org/Team:Sharon_MA_Aquila/Team#Peter_Jiang">Peter Jiang</a></li>
 +
 +
            </ul>
 +
        </li>
 +
        <li><a href="https://2012hs.igem.org/Team:Sharon_MA_Aquila/Project">PROJECT</a>
 +
            <ul>
 +
              <li><a href="https://2012hs.igem.org/Team:Sharon_MA_Aquila/Project#Parts">Parts</a></li>
 +
              <li><a href="https://2012hs.igem.org/Team:Sharon_MA_Aquila/Project#Materials">Materials</a></li>
 +
          </ul>       
 +
        </li>
 +
<li><a href="https://2012hs.igem.org/Team:Sharon_MA_Aquila/Notebook">NOTEBOOK</a>
 +
            <ul>
 +
              <li><a href="https://2012hs.igem.org/Team:Sharon_MA_Aquila/Notebook#March">March</a></li>
 +
              <li><a href="https://2012hs.igem.org/Team:Sharon_MA_Aquila/Notebook#April">April</a></li>
 +
              <li><a href="https://2012hs.igem.org/Team:Sharon_MA_Aquila/Notebook#May">May</a></li>
 +
            </ul>             
 +
        </li>
 +
        <li><a href="https://2012hs.igem.org/Team:Sharon_MA_Aquila/Safety">SAFETY</a>  </li>
 +
            <li><a href="https://2012hs.igem.org/Team:Sharon_MA_Aquila/HumanPractices">HUMAN PRACTICES</a>
 +
            </li>
 +
              <li><a href="https://2012hs.igem.org/Team:Sharon_MA_Aquila/Attributions">ATTRIBUTIONS</a></li>
 +
</ul>
 +
 +
  </div>
 +
 +
</body>
<!--navigation menu-->
<!--navigation menu-->
<ul class="navbar">
<ul class="navbar">
-
<li><a href="https://2012hs.igem.org/Team:Sharon_MA_Aquila">HOME</a></li>
+
 
-
<li><a href="https://2012hs.igem.org/Team:Sharon_MA_Aquila/Team">TEAM</a></li>
+
 
-
<li><a href="https://2012hs.igem.org/Team:Sharon_MA_Aquila/Project">PROJECT</a></li>
+
-
<li><a href="https://2012hs.igem.org/Team:Sharon_MA_Aquila/Results">RESULTS</a></li>
+
-
<li><a href="https://2012hs.igem.org/Team:Sharon_MA_Aquila/Notebook">NOTEBOOK</a></li>
+
-
<li><a href="https://2012hs.igem.org/Team:Sharon_MA_Aquila/Safety">SAFETY</a></li>
+
-
<li><a id="long" href="https://2012hs.igem.org/Team:Sharon_MA_Aquila/HumanPractices">HUMAN PRACTICES</a></li>
+
-
<li><a href="https://2012hs.igem.org/Team:Sharon_MA_Aquila/Attributions">ATTRIBUTIONS</a></li>
+
</ul>
</ul>
</body>
</body>
</html>
</html>
 +
<html lang="en">  
<html lang="en">  
Line 106: Line 216:
<style type="text/css">
<style type="text/css">
-
a {
+
#col_left
-
    color: #991133;
+
{
-
    text-decoration: none;
+
-
}
+
-
 
+
-
a:hover {
+
-
    text-decoration: underline;
+
-
}
+
-
 
+
-
#minimalist {
+
-
    font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
+
-
    font-size:9px;
+
-
    width: 100%;
+
-
    background:#fff;
+
-
    border-collapse:collapse;
+
-
    text-align:left;
+
-
    margin:20px;
+
-
}
+
-
 
+
-
#minimalist th {
+
-
    font-size:10px;
+
-
    font-weight:normal;
+
-
    color:#039;
+
-
    border-bottom:2px solid #6678b1;
+
-
    padding:10px 8px;
+
-
}
+
-
 
+
-
#minimalist td {
+
-
    color:#669;
+
-
    padding:9px 8px 0;
+
-
}
+
-
 
+
-
.clear {
+
-
    clear:both;
+
-
}
+
-
 
+
-
#col_left{
+
     float: left;
     float: left;
     width: 576px;
     width: 576px;
Line 148: Line 223:
     margin:0;
     margin:0;
}
}
-
#col_right{
+
 
 +
#col_right
 +
{
     float: right;
     float: right;
     width: 242px;
     width: 242px;
Line 154: Line 231:
     margin:0;
     margin:0;
}
}
-
#col_center{
+
 
 +
#col_center
 +
{
     float: center;
     float: center;
     width: 576;
     width: 576;
Line 160: Line 239:
     margin:0;
     margin:0;
}
}
-
#col_nav{
+
#col_nav
 +
{
     float: left;
     float: left;
     width: 200px;
     width: 200px;
Line 166: Line 246:
     margin:0;
     margin:0;
}
}
-
#block-content{
+
 
 +
#block-content
 +
{
     padding-bottom: 15px;
     padding-bottom: 15px;
     clear:both;
     clear:both;
}
}
-
 
-
#gold_sponsors{
 
-
    float: left;
 
-
    width: 197px;
 
-
    margin-right: 17px;
 
-
    display: inline;
 
-
}
 
-
#gold_sponsors h3{
 
-
    color: #FFBE30;
 
-
    text-align:center;
 
-
}
 
-
#gold_sponsors ul{
 
-
    background-color: #FFF1C4;
 
-
}
 
-
#partners{
 
-
    float: left;
 
-
    width: 175px;
 
-
    margin-right: 17px;
 
-
    display: inline;
 
-
}
 
-
#partners h3{
 
-
    text-align:center;
 
-
}
 
-
#contributing_departments{
 
-
    float: left;
 
-
    width: 170px;
 
-
    display: inline;
 
-
}
 
-
#contributing_departments h3{
 
-
    text-align:center;
 
-
}
 
-
#partners ul, #contributing_departments ul, #gold_sponsors ul{
 
-
    list-style-type:none;
 
-
    list-style-image:none;
 
-
    margin-left:0px;
 
-
}
 
-
#partners li, #contributing_departments li, #gold_sponsors li{
 
-
    margin-left: 0px;
 
-
}
 
-
#partners img, #contributing_departments img, #gold_sponsors img{
 
-
    border: 1px solid #ccc;
 
-
}
 
-
h3{
 
-
    padding: 30px 0 20px 0;
 
-
    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
 
-
    font-size: 18px;
 
-
    font-weight: normal;
 
-
}
 
-
 
-
#center{
 
-
    float:left;
 
-
    padding-bottom: 35px;
 
-
    margin-bottom:10px;
 
-
    border-top: 1px dotted #999;
 
-
    border-bottom: 1px dotted #999;
 
-
    clear:both;
 
-
    padding-left: 50px;
 
-
    padding-right: 50px;
 
-
}
 
-
#quote{
 
-
float:left;
 
-
        padding: 0 25px 25px 25px;
 
-
font-family: Georgia, "Times New Roman", Times, serif;
 
-
font-size: 17px;
 
-
font-style: italic;
 
-
letter-spacing: 2px;
 
-
color: #333;
 
-
}
 
-
#quote p{
 
-
line-height: 22px;
 
-
}
 
-
#quote p.testimonial{
 
-
font-size: 12px;
 
-
font-family: Arial, Helvetica, sans-serif;
 
-
font-style: normal;
 
-
color: #000;
 
-
        margin-left:15px;
 
-
 
-
}
 
-
#quote .quote{
 
-
font-size: 26px;
 
-
}
 
-
#contacts h2{
 
-
    margin-top: 20px;
 
-
}
 
-
 
-
 
-
 
-
.col_list ul{
 
-
    list-style-type:none;
 
-
    list-style-image:none;
 
-
    background-image:none;
 
-
}
 
-
.col_list li{
 
-
    background-color:#e1e6e9;
 
-
    padding: 5px 15px;
 
-
}
 
-
 
-
.col_list_team ul{
 
-
    list-style-type:none;
 
-
    list-style-image:none;
 
-
    background-image:none;
 
-
}
 
-
.col_list_team li{
 
-
    background-color:#e1e6e9;
 
-
}
 
-
 
-
 
-
 
-
/* TEAM PAGE */
 
-
 
-
 
-
.bio {
 
-
    clear:both;
 
-
    padding-bottom: 20px;
 
-
    border-bottom: 1px solid #ccc;
 
-
}
 
-
.bio img {
 
-
    float:left;
 
-
    margin-right: 10px;
 
-
}
 
-
 
-
#videoiframe {
 
-
    overflow: hidden;
 
-
    margin-top: 20px;
 
-
}
 
-
 
-
#accordion .ui-accordion-content { padding: 0px 0px 0px 0px; }
 
</style>
</style>

Latest revision as of 02:28, 3 May 2012


Retrieved from "http://2012hs.igem.org/Template:Aquila"