Template:CU-Boulder-header

From 2014.igem.org

(Difference between revisions)
(Created page with "<h1>HEADER</h1>")
Line 1: Line 1:
<h1>HEADER</h1>
<h1>HEADER</h1>
 +
<script>
 +
/*This removes all the iGEM stylesheets before the site adds its own
 +
There are just too many styles to overide to make it worth using them at all
 +
Doing a website on a WIKI is a pain in the neck. Stuff is at least 10x harder than
 +
it should be.*/
 +
var styleSheets = document.styleSheets;
 +
for (var i = 0; i < styleSheets.length; i++) {
 +
    console.log(styleSheets[i].href);
 +
    styleSheets[i].disabled = true;
 +
}
 +
</script>
 +
 +
  <link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet"/>
 +
    <link rel='stylesheet' type='text/css'  href="https://2013.igem.org/Team:CU-Boulder/static/basicpageglobal.css?action=raw&amp;ctype=text/css" />
 +
    <link rel='stylesheet' type='text/css' href='http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.1/themes/south-street/jquery-ui.min.css' />
 +
 +
<div class="header"><a href="http://colorado.edu"><img src="https://static.igem.org/mediawiki/2013/a/af/CUblacklogo.JPG" width="746" height="160" /></a></div>
 +
  <div id="headerimage">
 +
    <div><img src="https://static.igem.org/mediawiki/2013/9/9f/Campus%28750x275%29.png" width="750" height="275" /></div>
 +
    <div class="hide"><img src="https://static.igem.org/mediawiki/2013/4/4d/JSCBB%28750x275%29.png" width="750" height="275"  /></div>
 +
    <div class="hide"><img src="https://static.igem.org/mediawiki/2013/6/69/Flatirons%28750x275%29.png" width="750" height="275" /></div>
 +
  </div>
 +
 
 +
  <div class="btn-toolbar">
 +
    <div class="btn-group">
 +
      <a class="btn " href="https://2013.igem.org/Team:CU-Boulder">Home</a>
 +
    </div>
 +
 +
    <div class="btn-group">
 +
      <a class="btn  drop" href="https://2013.igem.org/Team:CU-Boulder/Team">Team</a>
 +
  <a class="btn  dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a>
 +
      <ul class="dropdown-menu">
 +
        <li>
 +
          <a class="drop" href="https://2013.igem.org/Team:CU-Boulder/Team">Team</a>
 +
        </li>
 +
        <li>
 +
          <a href="https://2013.igem.org/Team:CU-Boulder/Members">Members</a>
 +
        </li>
 +
      <li>
 +
          <a href="https://2013.igem.org/Team:CU-Boulder/Collaboration">Collaboration</a>
 +
        </li>
 +
<li>
 +
          <a class="dropheader" href="https://igem.org/Team.cgi?id=1188" target="_blank">Official Profile</a>
 +
        </li>
 +
        <li>
 +
          <a class="dropheader" href="http://www.colorado.edu/"  target="_blank">The University of Colorado - Boulder</a>
 +
        </li>
 +
    </ul>
 +
    </div>
 +
 +
    <div class="btn-group">
 +
      <a class="btn  drop" href="https://2013.igem.org/Team:CU-Boulder/Project">Project</a>
 +
  <a class="btn  dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></a>
 +
      <ul class="dropdown-menu">
 +
        <li>
 +
          <a class="drop" href="https://2013.igem.org/Team:CU-Boulder/Project">Project Description</a>
 +
        </li>
 +
          <li>
 +
              <a href="https://2013.igem.org/Team:CU-Boulder/Project/Kit/RestrictionEnzymes">Restriction Enzymes</a>
 +
            </li>
 +
            <li>
 +
              <a href="https://2013.igem.org/Team:CU-Boulder/Project/Kit/Purification">Protein Purification</a>
 +
            </li>
 +
<li>
 +
              <a href="https://2013.igem.org/Team:CU-Boulder/Project/Kit/DNAPurification">DNA Purification</a>
 +
            </li>
 +
        <li>
 +
          <a href="https://2013.igem.org/Team:CU-Boulder/Safety">Safety</a>
 +
        </li>
 +
<li>
 +
          <a href="https://2013.igem.org/Team:CU-Boulder/FourthofJuly">Happy 4th!</a>
 +
        </li>
 +
        <li><a href="https://2013.igem.org/Team:CU-Boulder/Project/Attribution">Attribution</a></li>   
 +
 +
</ul>
 +
    </div>
 +
 +
    <div class="btn-group">
 +
      <a class="btn " href="https://2013.igem.org/Team:CU-Boulder/Parts">Parts</a>
 +
</div>
 +
 +
    <div class="btn-group">
 +
      <a class="btn  drop" href="https://2013.igem.org/Team:CU-Boulder/Notebook">Notebook</a>
 +
  <a class="btn  dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></a>
 +
      <ul class="dropdown-menu">
 +
        <li class="dropdown-submenu">
 +
                 
 +
        <li><a href="https://2013.igem.org/Team:CU-Boulder/Notebook/Protocols">Protocols</a></li>
 +
 +
<li><a href="https://2013.igem.org/Team:CU-Boulder/Notebook/Experiments">Experiments</a></li>
 +
 +
      </ul>
 +
    </div>
 +
 +
<div class="btn-group">
 +
      <a class="btn " href="https://2013.igem.org/Team:CU-Boulder/Outreach">Outreach</a>
 +
</div>
 +
 +
    <div class="btn-group">
 +
      <a class="btn " href="https://2013.igem.org/Team:CU-Boulder/Sponsors">Sponsors</a>
 +
    </div>
 +
 +
    <div class="btn-group">
 +
      <a class="btn " href="https://2013.igem.org" target="_blank">iGEM</a>
 +
</div>
 +
 
 +
\
 +
 +
  </div>
 +
  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
 +
    <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
 +
<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
 +
  <script src="http://ajax.aspnetcdn.com/ajax/jquery.migrate/jquery-migrate-1.1.1.min.js"></script>
 +
  <script src="http://ajax.aspnetcdn.com/ajax/jquery.cycle/2.99/jquery.cycle.all.min.js"></script>
 +
 +
<script>
 +
$('.btn').hover(function() {
 +
    $(this).animate({"color":"#006dcc"}, 500);
 +
}, function() {
 +
    $(this).animate({"color":"#333333"}, 500);
 +
});
 +
$(function() {
 +
    $( ".tabs" ).tabs({
 +
      event: "mouseover", heightStyle: "auto"
 +
    });
 +
    $("#footer a").addClass("btn btn-mini");
 +
    $("#footer-box").addClass("shadow-bottom");
 +
  });
 +
$('#headerimage').cycle();
 +
 +
</script>
 +
</html>

Revision as of 00:31, 10 May 2014

HEADER

<script> /*This removes all the iGEM stylesheets before the site adds its own There are just too many styles to overide to make it worth using them at all Doing a website on a WIKI is a pain in the neck. Stuff is at least 10x harder than it should be.*/ var styleSheets = document.styleSheets; for (var i = 0; i < styleSheets.length; i++) { 

   console.log(styleSheets[i].href);
   styleSheets[i].disabled = true;

} </script> 

  <link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet"/>
   <link rel='stylesheet' type='text/css'  href="https://2013.igem.org/Team:CU-Boulder/static/basicpageglobal.css?action=raw&ctype=text/css" />
   <link rel='stylesheet' type='text/css' href='http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.1/themes/south-street/jquery-ui.min.css' />
<a href="http://colorado.edu"><img src="CUblacklogo.JPG" width="746" height="160" /></a>
<img src="Campus%28750x275%29.png" width="750" height="275" />
<img src="JSCBB%28750x275%29.png" width="750" height="275" />
<img src="Flatirons%28750x275%29.png" width="750" height="275" />
     <a class="btn " href="https://2013.igem.org/Team:CU-Boulder">Home</a>

     <a class="btn  drop" href="https://2013.igem.org/Team:CU-Boulder/Team">Team</a>

<a class="btn dropdown-toggle" data-toggle="dropdown" href="#"></a> 

     <a class="btn  drop" href="https://2013.igem.org/Team:CU-Boulder/Project">Project</a>

<a class="btn dropdown-toggle" data-toggle="dropdown"></a> 

     <a class="btn " href="https://2013.igem.org/Team:CU-Boulder/Parts">Parts</a>

     <a class="btn  drop" href="https://2013.igem.org/Team:CU-Boulder/Notebook">Notebook</a>

<a class="btn dropdown-toggle" data-toggle="dropdown"></a> 

     <a class="btn " href="https://2013.igem.org/Team:CU-Boulder/Outreach">Outreach</a>

     <a class="btn " href="https://2013.igem.org/Team:CU-Boulder/Sponsors">Sponsors</a>

     <a class="btn " href="https://2013.igem.org" target="_blank">iGEM</a>

\ 

 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
   <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
  <script src="http://ajax.aspnetcdn.com/ajax/jquery.migrate/jquery-migrate-1.1.1.min.js"></script>
  <script src="http://ajax.aspnetcdn.com/ajax/jquery.cycle/2.99/jquery.cycle.all.min.js"></script>

<script> $('.btn').hover(function() { 

   $(this).animate({"color":"#006dcc"}, 500);

}, function() { 

   $(this).animate({"color":"#333333"}, 500);

}); $(function() { 

   $( ".tabs" ).tabs({
     event: "mouseover", heightStyle: "auto"
   });
   $("#footer a").addClass("btn btn-mini");
   $("#footer-box").addClass("shadow-bottom");
 });

$('#headerimage').cycle();

</script> </html>

Retrieved from "http://2014.igem.org/Template:CU-Boulder-header"