Team:Arizona State/Template:Header

From 2012.igem.org

(Difference between revisions)
 
(169 intermediate revisions not shown)
Line 1: Line 1:
<html lang="en">
<html lang="en">
-
<!-- Made by Abhi & Jordan with help from the "https://2011.igem.org/Team:Imperial_College_London" page -->
+
<general layout from the "https://2011.igem.org/Team:Imperial_College_London" page -->
<head>
<head>
-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
<style type="text/css">
<style type="text/css">
   #top-section {
   #top-section {
   width: 975px;
   width: 975px;
   height: 20px;
   height: 20px;
-
   background-color: #ffffff;
+
   background-color: transparent;
   border: none;
   border: none;
   }
   }
Line 14: Line 13:
   #search-controls { display: none; }
   #search-controls { display: none; }
   .firstHeading { display: none; }
   .firstHeading { display: none; }
-
  body { background-color:#E9EEE9; }
 
   #contentSub { margin: 0 0 0 0; }
   #contentSub { margin: 0 0 0 0; }
-
   iframe { padding: 10px 20px 10px 20px; }
+
   iframe { padding: 0px 0px 0px 0px; } /* 10px 20px 10px 20px; }*/
 +
 
 +
  body {
 +
      background-color:#000000;
 +
     
 +
      background-size:100%;
 +
      background-position:center;
 +
      background-attachment:fixed;
 +
  }
    
    
   .right-menu li a, .right-menu li a:hover {
   .right-menu li a, .right-menu li a:hover {
Line 24: Line 30:
   #iGEMLogo {
   #iGEMLogo {
-
   position:absolute;
+
   position: absolute;
-
   top:30px;
+
   top:40px;
-
   left:30px;
+
   left:20px;
   }
   }
Line 36: Line 42:
   #ASULogo {
   #ASULogo {
   position: absolute;
   position: absolute;
-
   top:30px;
+
   top:45px;
-
   right:30px;
+
   right:25px;
   }
   }
Line 50: Line 56:
   width: 975px;
   width: 975px;
   margin: 0 auto;
   margin: 0 auto;
-
   padding-top:1px;
+
   padding-top:20px;
   padding-left:0px;
   padding-left:0px;
   padding-right:0px;
   padding-right:0px;
   padding-bottom:0px;
   padding-bottom:0px;
-
  background: #ffffff;
+
//background: transparent;
 +
background-image:url(https://static.igem.org/mediawiki/2012/e/ea/Layer.png);
 +
//background-image:url(https://static.igem.org/mediawiki/2012/4/4b/2012ASUiGemLogo.png);
 +
//background-repeat:no-repeat;
 +
//background-position:center;
 +
//background-attachment:fixed;
   color: black;
   color: black;
   border: none;
   border: none;
Line 72: Line 83:
   a[name]:hover {text-decoration:none;}  
   a[name]:hover {text-decoration:none;}  
-
  a.sitemap:link,a.sitemap:visited {color:#680000;font-decoration:none;}
 
-
  a.sitemap:hover,a.sitemap:active {color:#680000;font-decoration:underline;}
 
   h1 {
   h1 {
   font-family: helvetica,sans-serif;
   font-family: helvetica,sans-serif;
-
   color: #225323;
+
   color: #800000;
-
   background: #ffffff;
+
   background: transparent;
   font-weight: bold;
   font-weight: bold;
   font-size: 2.2em;
   font-size: 2.2em;
Line 88: Line 97:
   h2 {
   h2 {
   font-family: helvetica,sans-serif;
   font-family: helvetica,sans-serif;
-
   color: #225323;
+
   color: #800000;
-
   background: #ffffff;
+
   background: transparent;
   font-weight: bold;
   font-weight: bold;
   font-size: 1.7em;
   font-size: 1.7em;
Line 99: Line 108:
   h3 {
   h3 {
   font-family: helvetica,sans-serif;
   font-family: helvetica,sans-serif;
-
   color: #225323;
+
   color: #800000;
-
   background: #ffffff;
+
   background: transparent;
   font-weight: bold;
   font-weight: bold;
   font-size: 1.4em;
   font-size: 1.4em;
Line 110: Line 119:
   h4 {
   h4 {
   font-family: helvetica,sans-serif;
   font-family: helvetica,sans-serif;
-
   color: #225323;
+
   color: #800000;
-
   background: #ffffff;
+
   background: transparent;
   font-weight: bold;
   font-weight: bold;
   font-size: 1.1em;
   font-size: 1.1em;
   margin: 0 0 0 0;
   margin: 0 0 0 0;
-
   padding: 13.5px 20px 1px 20px;
+
   padding: 0px 20px 1px 20px; //was 13.5px padding for top
   border-bottom: none;
   border-bottom: none;
   }
   }
Line 121: Line 130:
   p {
   p {
   font-family: helvetica,sans-serif;
   font-family: helvetica,sans-serif;
-
   color: #000000;
+
   //color: #ffffff;
-
   background: #ffffff;
+
   background: transparent;
 +
  //background-image:url(https://static.igem.org/mediawiki/2012/e/ea/Layer.png);
   font-weight: normal;
   font-weight: normal;
   font-size: 1em;
   font-size: 1em;
Line 129: Line 139:
   margin: 0 0 0 0;
   margin: 0 0 0 0;
   padding: 5px 20px 0px 20px;
   padding: 5px 20px 0px 20px;
 +
  }
 +
 +
  .figText {
 +
  font-family: helvetica,sans-serif;
 +
  font-style: italic;
 +
  font-weight: bold;
 +
  font-size: 1em;
 +
  color:maroon;
 +
  line-height: 1.7em;
 +
  text-align: center;
 +
  margin: 0 0 0 0;
 +
  padding: 5px 20px 0px 20px;
 +
  }
 +
 +
  ul {
 +
  font-family: helvetica,sans-serif;
 +
  font-weight: normal;
 +
  font-size: 1em;
 +
  line-height: 1.7em;
 +
  text-align: left;
 +
  margin: 0 0 0 0;
 +
  padding: 5px 20px 0px 20px;
 +
  }
 +
 +
  ul li {
 +
  font-family: helvetica,sans-serif;
 +
  font-weight: normal;
 +
  font-size: 1em;
 +
  line-height: 1.7em;
 +
  text-align: left;
 +
  margin: 0 0 0 20px;
 +
  background:url(images/bullet.gif) 0em 0.5em no-repeat; /* change background em accordingly */
 +
  padding: 0px 20px 0px 5px;
 +
  list-style-type: square;
 +
  }
 +
 +
  table {
 +
  background: transparent;
 +
  } th {
 +
  background-color:maroon;
 +
  color:gold;
   }
   }
Line 205: Line 256:
   }
   }
-
   #BackToTop {
+
   /*#BackToTop {
   position:fixed;
   position:fixed;
   bottom:0;
   bottom:0;
   right:0;
   right:0;
-
   }
+
   }*/
-
  #Sitemap {
 
-
  position:fixed;
 
-
  bottom:0;
 
-
  left:0;
 
-
  }
 
/*** Start of Styling for menu bar ***/
/*** Start of Styling for menu bar ***/
Line 225: Line 271:
   }
   }
   .sf-menu, .sf-menu * {
   .sf-menu, .sf-menu * {
-
   margin: 0;
+
   margin:0;
-
   padding: 0;
+
   padding:0;
-
   list-style: none;
+
   list-style:none;
   }
   }
   .sf-menu {
   .sf-menu {
-
   line-height: 1.0;
+
   line-height:1.0;
   }
   }
   .sf-menu ul {
   .sf-menu ul {
-
   position: absolute;
+
   position:absolute;
-
   top: -999em;
+
   top:999em;
-
   width: 195px; /* left offset of submenus need to match (see below) */
+
   width:195px; /* left offset of submenus need to match (see below) */
   }
   }
   .sf-menu ul li {
   .sf-menu ul li {
-
   width: 100%;
+
   width:100%;
   }
   }
   .sf-menu li:hover {
   .sf-menu li:hover {
-
   visibility: inherit; /* fixes IE7 'sticky bug' */
+
   visibility:inherit; /* fixes IE7 'sticky bug' */
   }
   }
   .sf-menu li {
   .sf-menu li {
-
   float: left;
+
   float:left;
-
   position: relative;
+
   position:relative;
-
   width:       195px;
+
   width:195px;
   }
   }
   .sf-menu a {
   .sf-menu a {
-
   display: block;
+
   display:block;
-
   position: relative;
+
   position:relative;
   }
   }
   .sf-menu li:hover ul, .sf-menu li.sfHover ul {
   .sf-menu li:hover ul, .sf-menu li.sfHover ul {
-
   left: 0;
+
   left:0;
-
   top: 2.5em; /* match top ul list item height */
+
   top:2.5em; /* match top ul list item height */
-
   z-index: 99;
+
   z-index:99;
   }
   }
   ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {
   ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {
-
   top: -999em;
+
   top:-999em;
   }
   }
   ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
   ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
-
   left: 15.3em; /* match ul width */
+
   left:15.3em; /* match ul width */
-
   top: 0;
+
   top:0;
   }
   }
   ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {
   ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {
-
   top: -999em;
+
   top:-999em;
   }
   }
   ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {
   ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {
-
   left: 10em; /* match ul width */
+
   left:10em; /* match ul width */
-
   top: 0;
+
   top:0;
   }
   }
/*** DEMO SKIN ***/
/*** DEMO SKIN ***/
   .sf-menu {
   .sf-menu {
-
   float: left;
+
   float:left;
-
   margin-bottom: 1em;
+
   margin-bottom:1em;
   }
   }
   .sf-menu a {
   .sf-menu a {
-
   border-left: 1px solid #fff;
+
   border-left:1px solid #fff;
-
   border-top: 1px solid #826554;
+
   border-top:1px solid #826554;
-
   padding: 0.37em 1em 0.37em 1em;
+
   padding:0.37em 1em 0.37em 1em;
   text-decoration:none;
   text-decoration:none;
-
   font-family: 'helveticaneue', sans-serif;
+
   font-family:'helveticaneue', sans-serif;
   font-size:1.3em;
   font-size:1.3em;
   }
   }
   .sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
   .sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
-
   color: #efefef;
+
   color:#efefef;
   }
   }
   .sf-menu li, .sf-menu li li, .sf-menu li li li {
   .sf-menu li, .sf-menu li li, .sf-menu li li li {
-
   background: #990000;
+
   background:#990000;
   }
   }
   .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
   .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
-
   background: #b30000;
+
   background:#b30000;
-
   outline: 0;
+
   outline:0;
   }
   }
/*** arrows **/
/*** arrows **/
   .sf-menu a.sf-with-ul {
   .sf-menu a.sf-with-ul {
-
   cursor: default;  
+
   cursor:default;  
-
   padding-right: 2.25em;
+
   padding-right:2.25em;
-
   min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
+
   min-width:1px; /* trigger IE7 hasLayout so spans position accurately */
   }
   }
   .sf-sub-indicator {
   .sf-sub-indicator {
-
   position: absolute;
+
   position:absolute;
-
   display: block;
+
   display:block;
-
   right: .75em;
+
   right:.75em;
-
   top: 1.05em; /* IE6 only */
+
   top:1.05em; /* IE6 only */
-
   width: 10px;
+
   width:10px;
-
   height: 10px;
+
   height:10px;
-
   text-indent: -999em;
+
   text-indent:-999em;
-
   overflow: hidden;
+
   overflow:hidden;
-
   background: url('https://static.igem.org/mediawiki/2011/2/2f/ICL_MenuArrow.png') no-repeat -10px -100px;
+
   background:url('https://static.igem.org/mediawiki/2011/2/2f/ICL_MenuArrow.png') no-repeat -10px -100px;
         /* 8-bit indexed alpha png. IE6 gets solid image only */
         /* 8-bit indexed alpha png. IE6 gets solid image only */
   }
   }
   a > .sf-sub-indicator {  /* give all except IE6 the correct values */
   a > .sf-sub-indicator {  /* give all except IE6 the correct values */
-
   top: .8em;
+
   top:.8em;
-
   background-position: 0 -100px; /* use translucent arrow for modern browsers*/
+
   background-position:0 -100px; /* use translucent arrow for modern browsers*/
   }
   }
/* apply hovers to modern browsers */
/* apply hovers to modern browsers */
Line 324: Line 370:
   li:hover > a > .sf-sub-indicator,
   li:hover > a > .sf-sub-indicator,
   li.sfHover > a > .sf-sub-indicator {
   li.sfHover > a > .sf-sub-indicator {
-
       background-position: -10px -100px; /* arrow hovers for modern browsers*/
+
       background-position:-10px -100px; /* arrow hovers for modern browsers*/
   }
   }
Line 336: Line 382:
   .sf-menu ul li:hover > a > .sf-sub-indicator,
   .sf-menu ul li:hover > a > .sf-sub-indicator,
   .sf-menu ul li.sfHover > a > .sf-sub-indicator {
   .sf-menu ul li.sfHover > a > .sf-sub-indicator {
-
   background-position: -10px 0; /* arrow hovers for modern browsers*/
+
   background-position:-10px 0; /* arrow hovers for modern browsers*/
   }
   }
/*** shadows for all but IE6 ***/
/*** shadows for all but IE6 ***/
   .sf-shadow ul {
   .sf-shadow ul {
-
   background: url('https://static.igem.org/mediawiki/2011/9/9f/ICL_Shadow.png') no-repeat bottom right;
+
   background:url('https://static.igem.org/mediawiki/2011/9/9f/ICL_Shadow.png') no-repeat bottom right;
-
   padding: 0 8px 9px 0;
+
   padding:0 8px 9px 0;
-
   -moz-border-radius-bottomleft: 17px;
+
   -moz-border-radius-bottomleft:17px;
-
   -moz-border-radius-topright: 17px;
+
   -moz-border-radius-topright:17px;
-
   -webkit-border-top-right-radius: 17px;
+
   -webkit-border-top-right-radius:17px;
-
   -webkit-border-bottom-left-radius: 17px;
+
   -webkit-border-bottom-left-radius:17px;
   }
   }
 +
   .sf-shadow ul.sf-shadow-off {
   .sf-shadow ul.sf-shadow-off {
-
   background: transparent;
+
   background:transparent;
   }
   }
</style>
</style>
Line 397: Line 444:
});
});
</script>
</script>
 +
 +
<link rel="stylesheet" href="https://2012.igem.org/wiki/index.php?title=Team:Arizona_State/flexslider.css&action=raw&ctype=text/css" type="text/css">
 +
<script src="https://2012.igem.org/wiki/index.php?title=Team:Arizona_State/flexslider.min.js&action=raw&ctype=text/javascript" type="text/javascript"></script>
 +
</head>
</head>
<body>
<body>
<a name="top"></a>
<a name="top"></a>
 +
<!-----
<div id='iGEMLogo'>
<div id='iGEMLogo'>
   <a href='https://2012.igem.org/Main_Page'>
   <a href='https://2012.igem.org/Main_Page'>
Line 409: Line 461:
<div id='ProjectTitle'>
<div id='ProjectTitle'>
   <a href='https://2012.igem.org/Team:Arizona_State'>
   <a href='https://2012.igem.org/Team:Arizona_State'>
-
   <img src="https://static.igem.org/mediawiki/2012/d/db/2012_Project_logo.png" style="width:550px;" />
+
   <img src="https://static.igem.org/mediawiki/2012/5/5f/CRSYS.png" style="width:550px;" />
 +
<!---Before: https://static.igem.org/mediawiki/2012/d/db/2012_Project_logo.png---><!----
   </a>
   </a>
</div>
</div>
<div id='ASULogo'>
<div id='ASULogo'>
-
<img src="http://afmarcom.com/blog/wp-content/uploads/2011/02/2011-02-25-asu.png" width="175" height="80" /></div>
+
<img src="http://afmarcom.com/blog/wp-content/uploads/2011/02/2011-02-25-asu.png" width="150" height="70" />
 +
</div>
 +
----->
 +
<div id='header' align="center">
 +
<table width="950">
 +
<tr>
 +
<td>
 +
  <a href='https://2012.igem.org/Main_Page'>
 +
  <img src="https://static.igem.org/mediawiki/2012/d/d6/IGEM_official_logo.png" style="width:100px;" />
 +
  </a>
 +
</td>
 +
<td align="center">
 +
  <a href='https://2012.igem.org/Team:Arizona_State'>
 +
  <img src="https://static.igem.org/mediawiki/2012/9/9a/AsuCrsysLogothingy.png" style="width:591px;" />
 +
  </a>
 +
</td>
 +
<td>
 +
  <img src="https://static.igem.org/mediawiki/2012/e/eb/Arizona_State_ASU_logo.png" width="125" />
 +
</td>
 +
</table>
 +
<br />
 +
</div>
 +
 
 +
 
-
<div id="BackToTop">
+
<!--<div id="BackToTop">
<a href="#top">
<a href="#top">
<img src="https://static.igem.org/mediawiki/2012/2/2d/ArrowColorChanged.png" width="50px" />
<img src="https://static.igem.org/mediawiki/2012/2/2d/ArrowColorChanged.png" width="50px" />
</a>
</a>
-
</div>
+
</div>-->
-
<div id="Sitemap">
 
-
<a href='https://2012.igem.org/Team:Arizona_State/Sitemap'>
 
-
<img src="https://static.igem.org/mediawiki/2012/3/30/SiteMapColorChange.png" width="100px" />
 
-
</a>
 
-
</div>
 
<div id='menucontainer'>
<div id='menucontainer'>
<ul class="sf-menu sf-navbar">
<ul class="sf-menu sf-navbar">
-
<li><a class="sf-with-ul" href="#">Project<span class="sf-sub-indicator"> &#187;</span></a>
+
  <li><a class="sf-with-ul" href="">Project<span class="sf-sub-indicator"> &#187;</span></a>
-
        <ul>
+
      <ul>
-
<li><a href="https://2012.igem.org/Team:Arizona_State">Home</a> </li>  
+
      <li><a href="https://2012.igem.org/Team:Arizona_State">Home</a> </li>  
-
<li><a href="https://2012.igem.org/Team:Arizona_State/Problem">Problem</a> </li>  
+
      <li><a href="https://2012.igem.org/Team:Arizona_State/Overview">Project Overview</a> </li>
-
<li><a href="https://2012.igem.org/Team:Arizona_State/Overview">Overview</a> </li>  
+
      <li><a href="https://2012.igem.org/Team:Arizona_State/Problem">The Problem</a> </li>  
-
<li><a href="https://2012.igem.org/Team:Arizona_State/Magainin">Magainin</a> </li>  
+
      <li><a href="https://2012.igem.org/Team:Arizona_State/Chimeric_Reporter">DNA-Protein Chimera Biosensor</a>
-
<li><a href="https://2012.igem.org/Team:Arizona_State/Chimeric_Reporter">Chimeric Reporter</a>
+
      <li><a href="https://2012.igem.org/Team:Arizona_State/Magainin">Cell Surface Biosensor</a> </li>  
-
<li><a href="https://2012.igem.org/Team:Arizona_State/ssDNA">ssDNA</a>
+
      <li><a href="https://2012.igem.org/Team:Arizona_State/Safety">Safety</a> </li>  
-
</ul>  
+
      <li><a href="https://2012.igem.org/Team:Arizona_State/NotebookView">Notebook</a>
-
</li>  
+
      <li><a href="https://2012.igem.org/Team:Arizona_State/References">References</a>
 +
      </ul>  
 +
  </li>  
-
    <li><a href="https://2012.igem.org/Team:Arizona_State/Team">Team</a>
+
  <li><a class="sf-with-ul" href="#">Team<span class="sf-sub-indicator"> &#187;</span></a>
-
    </li>
+
      <ul>
 +
      <li><a href="https://2012.igem.org/Team:Arizona_State/Team">Members</a></li>
 +
      <li><a href="https://2012.igem.org/Team:Arizona_State/Attributions">Attributions</a></li>
 +
      <li><a href="https://igem.org/Team.cgi?id=891">Official Team Profile</a></li>
 +
      </ul>
 +
  </li>
-
<li><a class="sf-with-ul" href="#">Results<span class="sf-sub-indicator"> &#187;</span></a>  
+
  <li><a class="sf-with-ul" href="#">Results<span class="sf-sub-indicator"> &#187;</span></a>  
-
<ul>  
+
      <ul>
-
<li><a href="https://2012.igem.org/Team:Arizona_State/Data">Data</a> </li>  
+
      <li><a href="https://2012.igem.org/Team:Arizona_State/Data">Data</a> </li>  
-
<li><a href="https://2012.igem.org/Team:Arizona_State/Main_Results">Main Results</a> </li>
+
      <li><a href="https://2012.igem.org/Team:Arizona_State/Parts">BioBricks</a> </li>  
-
<li><a href="https://2012.igem.org/Team:Arizona_State/Judging_Criteria">Judging Criteria</a> </li>
+
      <li><a href="https://2012.igem.org/Team:Arizona_State/Accomplishments">Judging Criteria</a> </li>
-
<li><a href="https://2012.igem.org/Team:Arizona_State/Regional_Jamboree">Regional Jamboree</a> </li>
+
      </ul>
-
</ul>  
+
  </li>
-
</li>
+
  <li><a class="sf-with-ul" href="#">Human Practices<span class="sf-sub-indicator"> &#187;</span></a>
-
<li><a class="sf-with-ul" href="#">Human Practices<span class="sf-sub-indicator"> &#187;</span></a>  
+
      <ul>
-
<ul>
+
      <li><a href="https://2012.igem.org/Team:Arizona_State/HPoverview">
-
<li><a href="https://2012.igem.org/Team:Arizona_State/University">University</a> </li>  
+
            Overview
-
<li><a href="https://2012.igem.org/Team:Arizona_State/Community">Community</a> </li>
+
      </a></li>  
-
<li><a href="https://2012.igem.org/Team:Arizona_State/International">International</a> </li>  
+
      <li><a href="https://2012.igem.org/Team:Arizona_State/International">
-
</ul>  
+
            Hygiene Lesson Plan
-
</li>  
+
      </a></li>  
 +
      <li><a href="https://2012.igem.org/Team:Arizona_State/FieldApplications">
 +
            Case Studies
 +
      </a></li>
 +
      <li><a href="https://2012.igem.org/Team:Arizona_State/HPModeling">
 +
            Modeling
 +
      </a></li>  
 +
      <li><a href="https://2012.igem.org/Team:Arizona_State/Ethical_Conditions">
 +
            Ethical Considerations
 +
      </a></li>
 +
      <li><a href="https://2012.igem.org/Team:Arizona_State/Highschool_Outreach">
 +
            High School Outreach
 +
      </a></li>  
 +
      <li><a href="https://2012.igem.org/Team:Arizona_State/University_Outreach">
 +
            University Outreach
 +
      </a></li>  
 +
      </ul>  
 +
  </li>  
-
<li><a class="sf-with-ul" href="#">Extras<span class="sf-sub-indicator"> &#187;</span></a>  
+
  <li><a class="sf-with-ul" href="#">Extras<span class="sf-sub-indicator"> &#187;</span></a>
-
<ul>
+
      <ul>
-
</ul>  
+
      <li><a href="https://2012.igem.org/Team:Arizona_State/Media">Media</a> </li>  
-
</li>  
+
      <li><a href="https://2012.igem.org/Team:Arizona_State/Photos">Photos</a> </li>  
-
  </ul>  
+
      <li><a href="https://2012.igem.org/Team:Arizona_State/FollowUs">Follow Us</a> </li>
 +
      </ul>
 +
  </li>
 +
</ul>  
</div>
</div>
 +
</body>
</body>
</html>
</html>

Latest revision as of 02:39, 27 October 2012