Template:Team:Glasgow/Header

Revision as of 20:23, 20 July 2011 (view source)

Landy (Talk | contribs)

← Older edit

Latest revision as of 03:14, 22 September 2011 (view source)

Landy (Talk | contribs)

(32 intermediate revisions not shown)

Line 10:

var last = path.split("/");

if ( last[1] ) {

-

$('#headover ul li a[href$="' + path + '"]').addClass("curlink").css("color","#~~ffbbff~~");

+

$('#headover ul li a[href$="' + path + '"]').addClass("curlink").css("color","#bbffff");

}

});

$('#menuback').mouseover(function() {

-

$('#headover').stop().animate({height:'~~150px~~',top:'0px'},400);

+

$('#headover').stop().animate({height:'160px',top:'0px'},400);

});

Line 27:

$('.listhead').mouseover(function(){

$('.listhead').not('.curlink').css("color","#ffffff");

-

$(this).css("color","#~~bbffbb~~");

+

$(this).css("color","#bbffff");

$('#headover ul').css("display","none");

var vActive = $(this).attr("id");

Line 35:

$('.listmain').mouseover(function(){

$('.listmain').not('.curlink').css("color","#dddddd");

-

$(this).css("color","#~~bbffbb~~");

+

$(this).css("color","#bbffff");

});

Line 50:

a:hover {color:#20548f;}

a:active {color:#20548f;}

+

p {

+

padding:4px;}

#top-section {

background-color: #606060;

-

~~height: 100px;~~

border: none;

width:910px;

-

height:20px}

+

height:20px;}

#p-logo {

Line 80:

Line 82:

#footer-box {

-

width:~~900px~~;}

+

width:890px;}

body {

Line 89:

Line 91:

#content {

-

width: ~~900px~~;

+

width: 890px;

border: none;

font-family: calibri, arial, sans-serif;

+

font-size: 1.1em;

color: #000000;

-

background-color:#ffffff;}

+

background-color:#ffffff;

+

text-align:justify;}

Line 100:

Line 104:

height:50px;

position: relative;

-

top: ~~0px~~;

+

top: -35px;

-

left: ~~0px~~;}

+

left: -5px;}

Line 108:

Line 112:

height:65px;

position: relative;

-

top: ~~25px~~;

+

top: -10px;

-

left: ~~0px~~;}

+

left: -5px;}

#menuback {

Line 117:

Line 121:

top: 0px;

left: 0px;

-

~~background~~: ~~url('http~~:~~//farm7.static.flickr.com/6024/5951256367_7b521e84aa_b.jpg')~~}

+

overflow-y:hidden;

+

z-index:1;}

#headpic {

Line 130:

Line 135:

top: 0px;

left: 0px;

+

z-index:1;

background: url('http://farm7.static.flickr.com/6140/5951356051_3d182c46e0_b.jpg') 0px 0px;

background-repeat:repeat-y; }

-

a {

+

a{

outline:none;}

Line 139:

Line 145:

position: absolute;

top: 16px;

-

left: ~~3px~~;

+

left: 55px;

list-style: none;}

#menulist li{

height:30px;

-

width:~~145px~~;

+

width:136px;

float:left;

display:block;

Line 150:

Line 156:

#menulist li a{

-

font-size: 1.2em;

text-decoration: none;

Line 161:

Line 166:

position: absolute;

top: 1.2em;

-

left: ~~0.2em~~;

+

left:55px;

}

#headover ul ul{

position: absolute;

-

width:~~10em~~;

+

width:120px;

top:-0.2em;

-

left: ~~10em~~;

+

left:115px;

list-style:none;}

Line 187:

Line 192:

-

+

-

+

</map>

</div>

Line 197:

Line 202:

+

+

+

+

</map>

<li><a href='#' class='listhead' id='project'>Project</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>

-

</ul>

+

<li><a href='#' class='listhead' id='ref'>Acknowledgements</a></li>

+

</div>

Line 210:

Line 221:

<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 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>

</ul>

Line 217:

Line 228:

-

<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/Gallery' class='listmain'>Photo Gallery</a></li>

</ul></ul>

-

+

-

<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>

-

+

+

<li><a href='https://2011.igem.org/Team:Glasgow/Communicating_Science' class='listmain'>Human Practices</a></li>

+

</ul></ul></ul></ul>

+

<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/SafetyAssessments' class='listmain'~~>~~Assessments</a></li>~~

+

</ul></ul></ul></ul></ul>

-

</ul></ul></ul></ul>

+

-

+

-

+

<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/Sponsorship' class='listmain'~~>~~Sponsorship</a></li>~~

+

-

</ul></ul></ul></ul></ul>

+

</ul></ul></ul></ul></ul></ul>

</div>

@@ Line 10: / Line 10: @@
       var last = path.split("/");
       if ( last[1] ) {
-       $('#headover ul li a[href$="' + path + '"]').addClass("curlink").css("color","#ffbbff");
+       $('#headover ul li a[href$="' + path + '"]').addClass("curlink").css("color","#bbffff");
       }
      });
      $('#menuback').mouseover(function() {
-      $('#headover').stop().animate({height:'150px',top:'0px'},400);
+      $('#headover').stop().animate({height:'160px',top:'0px'},400);
      });
@@ Line 27: / Line 27: @@
      $('.listhead').mouseover(function(){
       $('.listhead').not('.curlink').css("color","#ffffff");
-      $(this).css("color","#bbffbb");
+      $(this).css("color","#bbffff");
       $('#headover ul').css("display","none");
       var vActive = $(this).attr("id");
@@ Line 35: / Line 35: @@
      $('.listmain').mouseover(function(){
       $('.listmain').not('.curlink').css("color","#dddddd");
-      $(this).css("color","#bbffbb");
+      $(this).css("color","#bbffff");
      });
@@ Line 50: / Line 50: @@
     a:hover {color:#20548f;}
     a:active {color:#20548f;}
+   p {
+   padding:4px;}
     #top-section {
     background-color: #606060;
-   height: 100px;
     border: none;
     width:910px;
-    height:20px}
+    height:20px;}
     #p-logo {
@@ Line 80: / Line 82: @@
     #footer-box {
-    width:900px;}
+    width:890px;}
     body {
@@ Line 89: / Line 91: @@
     #content {
-     width: 900px;
+     width: 890px;
      border: none;
      font-family: calibri, arial, sans-serif;
+    font-size: 1.1em;
      color: #000000;
-     background-color:#ffffff;}
+     background-color:#ffffff;
+    text-align:justify;}
@@ Line 100: / Line 104: @@
      height:50px;
      position: relative;
-     top: 0px;
+     top: -35px;
-     left: 0px;}
+     left: -5px;}
@@ Line 108: / Line 112: @@
      height:65px;
      position: relative;
-     top: 25px;
+     top: -10px;
-     left: 0px;}
+     left: -5px;}
     #menuback {
@@ Line 117: / Line 121: @@
      top: 0px;
      left: 0px;
-     background: url('http://farm7.static.flickr.com/6024/5951256367_7b521e84aa_b.jpg')}
+     overflow-y:hidden;
+    z-index:1;}
     #headpic {
@@ Line 130: / Line 135: @@
      top: 0px;
      left: 0px;
+    z-index:1;
      background: url('http://farm7.static.flickr.com/6140/5951356051_3d182c46e0_b.jpg') 0px 0px;
      background-repeat:repeat-y; }
-    a {
+    a{
      outline:none;}
@@ Line 139: / Line 145: @@
      position: absolute;
      top: 16px;
-     left: 3px;
+     left: 55px;
      list-style: none;}
     #menulist li{
      height:30px;
-     width:145px;
+     width:136px;
      float:left;
      display:block;
@@ Line 150: / Line 156: @@
     #menulist li a{
      font-size: 1.2em;
      text-decoration: none;
@@ Line 161: / Line 166: @@
      position: absolute;
      top: 1.2em;
-     left: 0.2em;
+     left:55px;
      }
     #headover ul ul{
      position: absolute;
-     width:10em;
+     width:120px;
      top:-0.2em;
-     left: 10em;
+     left:115px;
      list-style:none;}
@@ Line 187: / Line 192: @@
    <div id='header'>
-    <img src="http://farm7.static.flickr.com/6136/5951075517_56f5340fcb_b.jpg" usemap="#headermap" />
+    <img src="http://farm7.static.flickr.com/6122/5958857609_b9df31d718_b.jpg" usemap="#headermap" />
     <map name="headermap">
      <area shape="rect" coords="15,0,385,70" alt="Home" href="https://2011.igem.org/Team:Glasgow"/>
      <area shape="rect" coords="450,0,630,70" alt="Glasgow University" href="http://www.gla.ac.uk/"  target="_blank"/>
-     <area shape="rect" coords="765,0,865,70" alt="iGEM Home" href="https://2011.igem.org/Main_Page" target="_blank"/>
+     <area shape="rect" coords="755,0,855,70" alt="iGEM Home" href="https://2011.igem.org/Main_Page" target="_blank"/>
     </map>
    </div>
@@ Line 197: / Line 202: @@
    <div id='menu'>
     <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'>
       <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='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>
-    </ul>
+     <li><a href='#' class='listhead' id='ref'>Acknowledgements</a></li>
     </div>
     <div id='headpic'>
@@ Line 210: / Line 221: @@
       <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/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>
       </ul>
@@ Line 217: / Line 228: @@
       <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/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>
       </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 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/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/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/Sponsorship' class='listmain'>Sponsorship</a></li>
-     </ul></ul></ul></ul></ul>
+     </ul></ul></ul></ul></ul></ul>
      </div>

Template:Team:Glasgow/Header

From 2011.igem.org

Latest revision as of 03:14, 22 September 2011