Template:Team:Glasgow/Header

From 2011.igem.org

(Difference between revisions)
 
(29 intermediate revisions not shown)
Line 15: Line 15:
     $('#menuback').mouseover(function() {
     $('#menuback').mouseover(function() {
-
     $('#headover').stop().animate({height:'150px',top:'0px'},400);
+
     $('#headover').stop().animate({height:'160px',top:'0px'},400);
     });
     });
Line 50: Line 50:
   a:hover {color:#20548f;}
   a:hover {color:#20548f;}
   a:active {color:#20548f;}
   a:active {color:#20548f;}
 +
 +
  p {
 +
  padding:4px;}
   #top-section {
   #top-section {
   background-color: #606060;
   background-color: #606060;
-
  height: 100px;
 
   border: none;
   border: none;
   width:910px;
   width:910px;
-
   height:20px}
+
   height:20px;}
   #p-logo {
   #p-logo {
Line 80: Line 82:
   #footer-box {
   #footer-box {
-
   width:900px;}
+
   width:890px;}
   body {
   body {
Line 89: Line 91:
   #content {
   #content {
-
     width: 900px;
+
     width: 890px;
     border: none;
     border: none;
     font-family: calibri, arial, sans-serif;
     font-family: calibri, arial, sans-serif;
 +
    font-size: 1.1em;
     color: #000000;
     color: #000000;
-
     background-color:#ffffff;}
+
     background-color:#ffffff;
 +
    text-align:justify;}
Line 100: Line 104:
     height:50px;
     height:50px;
     position: relative;
     position: relative;
-
     top: 0px;
+
     top: -35px;
-
     left: 0px;}
+
     left: -5px;}
Line 108: Line 112:
     height:65px;
     height:65px;
     position: relative;
     position: relative;
-
     top: 25px;
+
     top: -10px;
-
     left: 0px;}
+
     left: -5px;}
   #menuback {
   #menuback {
Line 117: Line 121:
     top: 0px;
     top: 0px;
     left: 0px;
     left: 0px;
-
     background: url('http://farm7.static.flickr.com/6024/5951256367_7b521e84aa_b.jpg')}
+
     overflow-y:hidden;
 +
    z-index:1;}
   #headpic {
   #headpic {
Line 134: Line 139:
     background-repeat:repeat-y; }  
     background-repeat:repeat-y; }  
-
   a {
+
   a{
     outline:none;}
     outline:none;}
Line 140: Line 145:
     position: absolute;
     position: absolute;
     top: 16px;
     top: 16px;
-
     left: 3px;
+
     left: 55px;
     list-style: none;}
     list-style: none;}
   #menulist li{
   #menulist li{
     height:30px;
     height:30px;
-
     width:145px;
+
     width:136px;
     float:left;
     float:left;
     display:block;
     display:block;
Line 151: Line 156:
   #menulist li a{
   #menulist li a{
-
 
     font-size: 1.2em;
     font-size: 1.2em;
     text-decoration: none;
     text-decoration: none;
Line 162: Line 166:
     position: absolute;
     position: absolute;
     top: 1.2em;
     top: 1.2em;
-
     left: 0.2em;
+
     left:55px;
     }
     }
   #headover ul ul{
   #headover ul ul{
     position: absolute;
     position: absolute;
-
     width:10em;
+
     width:120px;
     top:-0.2em;
     top:-0.2em;
-
     left: 10em;
+
     left:115px;
     list-style:none;}
     list-style:none;}
Line 198: Line 202:
   <div id='menu'>
   <div id='menu'>
   <div id='menuback'>
   <div id='menuback'>
 +
  <img src="http://a7.sphotos.ak.fbcdn.net/hphotos-ak-ash4/316217_10150398754624673_649494672_9924355_901873686_n.jpg" usemap="#homemap" />
 +
  <map name="homemap">
 +
    <area shape="rect" coords="0,0,60,50" alt="Home" href="https://2011.igem.org/Team:Glasgow"/>
 +
  </map>
     <ul id='menulist'>
     <ul id='menulist'>
     <li><a href='#' class='listhead' id='project'>Project</a></li>
     <li><a href='#' class='listhead' id='project'>Project</a></li>
     <li><a href='#' class='listhead' id='team'>Team</a></li>
     <li><a href='#' class='listhead' id='team'>Team</a></li>
-
     <li><a href='#' class='listhead' id='modeling'>Modeling</a></li>
+
     <li><a href='#' class='listhead' id='modelling'>Modelling</a></li>
-
     <li><a href='#' class='listhead' id='safety'>Safety</a></li>
+
     <li><a href='#' class='listhead' id='hp'>Human Practices</a></li>
-
     <li><a href='#' class='listhead' id='attributions'>Attributions</a></li>
+
     <li><a href='#' class='listhead' id='safety'>Project Safety</a></li>
-
     <li><a href='https://2011.igem.org/Team:Glasgow'><img src="http://farm7.static.flickr.com/6135/5959418250_6681990feb_t.jpg" alt="Home" align="right"/></a>
+
     <li><a href='#' class='listhead' id='ref'>Acknowledgements</a></li>
-
    </ul>
+
 
 +
 
   </div>
   </div>
   <div id='headpic'>
   <div id='headpic'>
Line 212: Line 221:
     <ul class='project'>
     <ul class='project'>
       <li><a href='https://2011.igem.org/Team:Glasgow/Project' class='listmain'>Project Summary</a></li>
       <li><a href='https://2011.igem.org/Team:Glasgow/Project' class='listmain'>Project Summary</a></li>
-
       <li><a href='https://2011.igem.org/Team:Glasgow/Lab_Book' class='listmain'>Lab Book</a></li>
+
       <li><a href='https://2011.igem.org/Team:Glasgow/Lab_Book' class='listmain'>Lab Books</a></li>
-
       <li><a href='https://2011.igem.org/Team:Glasgow/Protocols' class='listmain'>Protocols</a></li>
+
       <li><a href='https://2011.igem.org/Team:Glasgow/Results' class='listmain'>Results</a></li>
       <li><a href='https://2011.igem.org/Team:Glasgow/Parts' class='listmain'>Parts</a></li>
       <li><a href='https://2011.igem.org/Team:Glasgow/Parts' class='listmain'>Parts</a></li>
     </ul>
     </ul>
Line 219: Line 228:
     <ul class='team'><ul class='team'>
     <ul class='team'><ul class='team'>
       <li><a href='https://2011.igem.org/Team:Glasgow/Team' class='listmain'>Meet the Team</a></li>
       <li><a href='https://2011.igem.org/Team:Glasgow/Team' class='listmain'>Meet the Team</a></li>
-
       <li><a href='https://2011.igem.org/Team:Glasgow/iGEM_Diary' class='listmain'>Team Diary</a></li>
+
       <li><a href='https://2011.igem.org/Team:Glasgow/iGEM_Diary' class='listmain'>Team Vlog</a></li>
       <li><a href='https://2011.igem.org/Team:Glasgow/Gallery' class='listmain'>Photo Gallery</a></li>
       <li><a href='https://2011.igem.org/Team:Glasgow/Gallery' class='listmain'>Photo Gallery</a></li>
     </ul></ul>
     </ul></ul>
-
     <ul class='modeling'><ul class='modeling'><ul class='modeling'>
+
     <ul class='modelling'><ul class='modelling'><ul class='modelling'>
-
       <li><a href='https://2011.igem.org/Team:Glasgow/Modeling' class='listmain'>Modeling</a></li>
+
       <li><a href='https://2011.igem.org/Team:Glasgow/Modeling' class='listmain'>Modelling</a></li>
 +
      <li><a href='https://2011.igem.org/Team:Glasgow/ModelingTutorial' class='listmain'>Tutorial</a></li>
     </ul></ul></ul>
     </ul></ul></ul>
-
     <ul class='safety'><ul class='safety'><ul class='safety'><ul class='safety'>
+
    <ul class='hp'><ul class='hp'><ul class='hp'><ul class='hp'>
 +
      <li><a href='https://2011.igem.org/Team:Glasgow/Communicating_Science' class='listmain'>Human Practices</a></li>
 +
    </ul></ul></ul></ul>
 +
 
 +
     <ul class='safety'><ul class='safety'><ul class='safety'><ul class='safety'><ul class='safety'>
       <li><a href='https://2011.igem.org/Team:Glasgow/Safety' class='listmain'>Safety Overview</a></li>
       <li><a href='https://2011.igem.org/Team:Glasgow/Safety' class='listmain'>Safety Overview</a></li>
-
      <li><a href='https://2011.igem.org/Team:Glasgow/SafetyProject' class='listmain'>Project Safety</a></li>
 
       <li><a href='https://2011.igem.org/Team:Glasgow/Safetybiobricks' class='listmain'>Biobricks</a></li>
       <li><a href='https://2011.igem.org/Team:Glasgow/Safetybiobricks' class='listmain'>Biobricks</a></li>
-
      <li><a href='https://2011.igem.org/Team:Glasgow/SafetyAssessments' class='listmain'>Assessments</a></li>
+
    </ul></ul></ul></ul></ul>
-
    </ul></ul></ul></ul>
+
-
     <ul class='attributions'><ul class='attributions'><ul class='attributions'><ul class='attributions'>
+
     <ul class='ref'><ul class='ref'><ul class='ref'><ul class='ref'><ul class='ref'><ul class='ref'>
-
    <ul class='attributions'>
+
      <li><a href='https://2011.igem.org/Team:Glasgow/Acknowledgements' class='listmain'>Acknowledgements</a></li>
       <li><a href='https://2011.igem.org/Team:Glasgow/Attributions' class='listmain'>Attributions</a></li>
       <li><a href='https://2011.igem.org/Team:Glasgow/Attributions' class='listmain'>Attributions</a></li>
-
      <li><a href='https://2011.igem.org/Team:Glasgow/Sponsorship' class='listmain'>Sponsorship</a></li>
+
 
-
    </ul></ul></ul></ul></ul>
+
    </ul></ul></ul></ul></ul></ul>
     </div>     
     </div>     

Latest revision as of 03:14, 22 September 2011