Template:TeamBYUProvo

From 2012.igem.org

(Difference between revisions)
 
(52 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
 +
    <head>
 +
        <title>Team BYU Provo</title>
 +
        <link href='http://fonts.googleapis.com/css?family=Michroma' rel='stylesheet' type='text/css'>
 +
        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
 +
        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>
 +
        <script type="text/javascript">
 +
            jQuery(document).ready(function(){
 +
                $('.accordion').click(function() {
 +
                    $(this).next().toggle("slow");
 +
                    return false;
 +
                }).next().hide();
 +
                $('.accordion2').click(function() {
 +
                    $(this).next().toggle("slow");
 +
                    return false;
 +
                }).next().hide();
 +
            });
 +
        </script>
 +
        <style type="text/css">
 +
            #top-section,#top,.firstHeading,#catlinks2,#pageContents {display: none;}
-
<body>  
+
            #content {
 +
                border: none;
 +
            }
 +
 
 +
            .accordion {
 +
                cursor: pointer;
 +
            }
 +
 
 +
            .accordion:hover,.accordion2:hover {
 +
                text-decoration: underline;
 +
            }
 +
 
 +
            body {
 +
                background-color: #003366;
 +
            }
 +
 
 +
            #headerImg {
 +
                width:800px;
 +
                height:236px;
 +
                margin-right: auto;
 +
                margin-left: auto;
 +
                text-align: center;
 +
                margin-top: 10px
 +
            }
 +
 
 +
            #mainContent {
 +
                width: 544px;
 +
            }
 +
 
 +
        </style>
 +
    </head>
 +
 
 +
<body>
<table width="100%">
<table width="100%">
  <tr class="menubar">
  <tr class="menubar">
-
   <td>
+
   <td align="right">
-
   <div style="padding-top: 25px"></div>
+
   <div class="headermenu">
 +
  </div>
   </td>
   </td>
  </tr>
  </tr>
Line 14: Line 66:
  <tr>
  <tr>
   <td align="center">
   <td align="center">
-
     <img src="/wiki/images/a/a1/Byuprovo.png">
+
     <img src="/wiki/images/a/a1/Byuprovo.png" width="130" height="130">
   </td>
   </td>
   <td align="center" valign="middle" class="menubar">
   <td align="center" valign="middle" class="menubar">
Line 20: Line 72:
   </td>
   </td>
   <td align="center">
   <td align="center">
-
     <img src="/wiki/images/a/a1/Byuprovo.png">
+
     <img src="https://static.igem.org/mediawiki/2012/thumb/1/11/BYUProvoLogoCropped.png/200px-BYUProvoLogoCropped.png"  width="130" height="130">
   </td>
   </td>
  </tr>
  </tr>
Line 46: Line 98:
   </td>
   </td>
   <td align="center">
   <td align="center">
-
    <a href="https://2012.igem.org/Team:BYUProvo/Notebook">Notebook</a>
+
    <li><span class="accordion">Notebook</span>
 +
      <ul>
 +
      <li>
 +
        <a href="https://2012.igem.org/Team:BYUProvo/Notebook">Calendar</a>
 +
      </li>
 +
      <li>
 +
        <a href="https://2012.igem.org/Wet_lab_work-Thermosensor">Thermosensor</a>
 +
      </li>
 +
      <li>
 +
        <a href="https://2012.igem.org/Lactate_Sensor">Lactate Sensor</a>
 +
      </li>
 +
      <li>
 +
        <a href="https://2012.igem.org/Cre-Lox">Cre Lox</a>
 +
      </li>
 +
      </ul>
 +
    </li>
   </td>
   </td>
   <td align="center">
   <td align="center">
     <a href="https://2012.igem.org/Team:BYUProvo/Safety">Safety</a>
     <a href="https://2012.igem.org/Team:BYUProvo/Safety">Safety</a>
 +
  </td>
 +
  <td align="center">
 +
    <a href="https://2012.igem.org/Team:BYUProvo/Outreach">Outreach</a>
 +
  </td>
 +
  <td align="center">
 +
    <a href="https://2012.igem.org/Team:BYUProvo/Collaboration">Collaboration</a>
   </td>
   </td>
   <td align="center">
   <td align="center">
Line 57: Line 130:
</table>
</table>
-
 
-
<div id="myheading">
 
-
Heading
 
-
</div>
 
-
 
-
<div id="mytext">
 
-
Here is some text
 
-
</div>
 
-
 
-
<a href="http://www.google.com">Google</a>
 
</body>
</body>
<style>
<style>
-
 
-
.body {
 
-
    link: "white";
 
-
}
 
#byulogotext {
#byulogotext {
Line 81: Line 140:
     font-weight: bold;
     font-weight: bold;
     font: bold 36px/36px "Palatino Linotype","Palatino",Times,"Times New Roman",serif;
     font: bold 36px/36px "Palatino Linotype","Palatino",Times,"Times New Roman",serif;
 +
    text-decoration:underline;
 +
}
 +
 +
#byulogo {
 +
    background-image: url('https://static.igem.org/mediawiki/2012/4/4b/BYUsign11.jpg');
 +
    background-size: cover;
}
}
.menubar {
.menubar {
-
     font-size: 20px;
+
    color: White;
 +
     font-size: 15px;
     font-variant: small-caps;
     font-variant: small-caps;
     font: "Palatino Linotype","Palatino",Times,"Times New Roman",serif;
     font: "Palatino Linotype","Palatino",Times,"Times New Roman",serif;
     background-color: #003366;
     background-color: #003366;
}
}
-
.menubar a:link{COLOR: White;}
+
.menubar a:link {COLOR: White;}
.menubar a:visited {COLOR: White;}
.menubar a:visited {COLOR: White;}
.menubar a:hover {COLOR: #EEEEEE;}
.menubar a:hover {COLOR: #EEEEEE;}
.menubar a:active {COLOR: White;}
.menubar a:active {COLOR: White;}
 +
 +
#menubar {
 +
  position: relative;
 +
}
 +
 +
.right-menu li a {
 +
  background-color: #003366;
 +
}
 +
.right-menu li a:link {COLOR: White;}
 +
.right-menu li a:visited {COLOR: White;}
 +
.right-menu li a:hover {COLOR: #EEEEEE;}
 +
.right-menu li a:active {COLOR: White;}
 +
 +
#top-section {
 +
  display: none;
 +
}
</style>
</style>
Line 104: Line 186:
           $('#mytext').toggle();
           $('#mytext').toggle();
       });
       });
 +
 +
  //$('#menubar').moveTo('#footermenu');
 +
  $('.right-menu').moveTo('.headermenu');
 +
  $('.left-menu').moveTo('.footermenu');
 +
 +
   });
   });
 +
 +
(function($){
 +
    $.fn.moveTo = function(selector){
 +
        return this.each(function(){
 +
            var cl = $(this).clone();
 +
            $(cl).appendTo(selector);
 +
            $(this).remove();
 +
        });
 +
    };
 +
})(jQuery);
 +
</script>
</script>
</html>
</html>

Latest revision as of 03:21, 4 October 2012

Team BYU Provo