Team:Wageningen UR/Templates/NavigationTop

From 2011.igem.org

(Difference between revisions)
 
(34 intermediate revisions not shown)
Line 8: Line 8:
   #navTop
   #navTop
  {
  {
 +
  background-color: transparent;
   background-image: url('https://static.igem.org/mediawiki/2011/5/5f/Oscillation0.png');
   background-image: url('https://static.igem.org/mediawiki/2011/5/5f/Oscillation0.png');
   background-position: center;
   background-position: center;
   background-repeat: no-repeat;
   background-repeat: no-repeat;
-
   padding: 0 0 0 8.3em;
+
   float: right;
-
   width: 100%;
+
   width: 780px;
   height: 40px;
   height: 40px;
 +
  margin-left: 220px;
 +
  margin-bottom: 25px;
 +
  padding-left: 12px;
   }
   }
Line 25: Line 29:
   border-style: solid;
   border-style: solid;
   border-width: 1px;  
   border-width: 1px;  
-
   border-color: blue;
+
   border-color: transparent;
   }
   }
    
    
  #Oscillation1.hovered, #Oscillation1:hover {
  #Oscillation1.hovered, #Oscillation1:hover {
     background-image: url('https://static.igem.org/mediawiki/2011/1/11/Oscillation1.png');
     background-image: url('https://static.igem.org/mediawiki/2011/1/11/Oscillation1.png');
 +
    background-position: 0px;
   }
   }
Line 42: Line 47:
   border-style: solid;
   border-style: solid;
   border-width: 1px;  
   border-width: 1px;  
-
   border-color: blue;
+
   border-color: transparent;
   }
   }
    
    
  #Oscillation2.hovered, #Oscillation2:hover {
  #Oscillation2.hovered, #Oscillation2:hover {
     background-image: url('https://static.igem.org/mediawiki/2011/b/bd/Oscillation2.png');
     background-image: url('https://static.igem.org/mediawiki/2011/b/bd/Oscillation2.png');
-
     background-position: 3.5% 50%;
+
     background-position: -24px;
   }
   }
Line 59: Line 64:
   border-style: solid;
   border-style: solid;
   border-width: 1px;  
   border-width: 1px;  
-
   border-color: blue;
+
   border-color: transparent;
   }
   }
    
    
  #Oscillation3.hovered, #Oscillation3:hover {
  #Oscillation3.hovered, #Oscillation3:hover {
   background-image: url('https://static.igem.org/mediawiki/2011/9/98/Oscillation3.png');
   background-image: url('https://static.igem.org/mediawiki/2011/9/98/Oscillation3.png');
-
   background-position: 8.6% 50%;
+
   background-position: -60px;
   }
   }
Line 76: Line 81:
   border-style: solid;
   border-style: solid;
   border-width: 1px;  
   border-width: 1px;  
-
   border-color: blue;
+
   border-color: transparent;
   }
   }
    
    
  #Oscillation4.hovered, #Oscillation4:hover {
  #Oscillation4.hovered, #Oscillation4:hover {
   background-image: url('https://static.igem.org/mediawiki/2011/4/46/Oscillation4.png');
   background-image: url('https://static.igem.org/mediawiki/2011/4/46/Oscillation4.png');
-
   background-position: 15.6% 50%;
+
   background-position: -109px;
   }
   }
Line 93: Line 98:
   border-style: solid;
   border-style: solid;
   border-width: 1px;  
   border-width: 1px;  
-
   border-color: blue;
+
   border-color: transparent;
   }
   }
    
    
  #Oscillation5.hovered, #Oscillation5:hover {
  #Oscillation5.hovered, #Oscillation5:hover {
   background-image: url('https://static.igem.org/mediawiki/2011/a/a2/Oscillation5.png');
   background-image: url('https://static.igem.org/mediawiki/2011/a/a2/Oscillation5.png');
-
   background-position: 22.6% 50%;
+
   background-position: -158px;
   }
   }
Line 110: Line 115:
   border-style: solid;
   border-style: solid;
   border-width: 1px;  
   border-width: 1px;  
-
   border-color: blue;
+
   border-color: transparent;
   }
   }
    
    
  #Oscillation6.hovered, #Oscillation6:hover {
  #Oscillation6.hovered, #Oscillation6:hover {
   background-image: url('https://static.igem.org/mediawiki/2011/0/0c/Oscillation6.png');
   background-image: url('https://static.igem.org/mediawiki/2011/0/0c/Oscillation6.png');
-
   background-position: 29.6% 50%;
+
   background-position: -206px;
   }
   }
Line 127: Line 132:
   border-style: solid;
   border-style: solid;
   border-width: 1px;  
   border-width: 1px;  
-
   border-color: blue;
+
   border-color: transparent;
   }
   }
    
    
  #Oscillation7.hovered, #Oscillation7:hover {
  #Oscillation7.hovered, #Oscillation7:hover {
   background-image: url('https://static.igem.org/mediawiki/2011/0/00/Oscillation7.png');
   background-image: url('https://static.igem.org/mediawiki/2011/0/00/Oscillation7.png');
-
   background-position: 36.5% 50%;
+
   background-position: -255px;
   }
   }
Line 144: Line 149:
   border-style: solid;
   border-style: solid;
   border-width: 1px;  
   border-width: 1px;  
-
   border-color: blue;
+
   border-color: transparent;
   }
   }
    
    
  #Oscillation8.hovered, #Oscillation8:hover {
  #Oscillation8.hovered, #Oscillation8:hover {
   background-image: url('https://static.igem.org/mediawiki/2011/3/3a/Oscillation8.png');
   background-image: url('https://static.igem.org/mediawiki/2011/3/3a/Oscillation8.png');
-
   background-position: 43.5% 50%;
+
   background-position: -304px;
   }
   }
Line 161: Line 166:
   border-style: solid;
   border-style: solid;
   border-width: 1px;  
   border-width: 1px;  
-
   border-color: blue;
+
   border-color: transparent;
   }
   }
    
    
  #Oscillation9.hovered, #Oscillation9:hover {
  #Oscillation9.hovered, #Oscillation9:hover {
   background-image: url('https://static.igem.org/mediawiki/2011/1/1b/Oscillation9.png');
   background-image: url('https://static.igem.org/mediawiki/2011/1/1b/Oscillation9.png');
-
   background-position: 50.4% 50%;
+
   background-position: -353px;
   }
   }
Line 178: Line 183:
   border-style: solid;
   border-style: solid;
   border-width: 1px;  
   border-width: 1px;  
-
   border-color: blue;
+
   border-color: transparent;
   }
   }
    
    
  #Oscillation10.hovered, #Oscillation10:hover {
  #Oscillation10.hovered, #Oscillation10:hover {
   background-image: url('https://static.igem.org/mediawiki/2011/1/1b/Oscillation10.png');
   background-image: url('https://static.igem.org/mediawiki/2011/1/1b/Oscillation10.png');
-
   background-position: 57.4% 50%;
+
   background-position: -401px;
   }
   }
Line 195: Line 200:
   border-style: solid;
   border-style: solid;
   border-width: 1px;  
   border-width: 1px;  
-
   border-color: blue;
+
   border-color: transparent;
   }
   }
    
    
  #Oscillation11.hovered, #Oscillation11:hover {
  #Oscillation11.hovered, #Oscillation11:hover {
   background-image: url('https://static.igem.org/mediawiki/2011/b/b5/Oscillation11.png');
   background-image: url('https://static.igem.org/mediawiki/2011/b/b5/Oscillation11.png');
-
   background-position: 64.4% 50%;
+
   background-position: -450px;
   }
   }
Line 212: Line 217:
   border-style: solid;
   border-style: solid;
   border-width: 1px;  
   border-width: 1px;  
-
   border-color: blue;
+
   border-color: transparent;
   }
   }
    
    
  #Oscillation12.hovered, #Oscillation12:hover {
  #Oscillation12.hovered, #Oscillation12:hover {
   background-image: url('https://static.igem.org/mediawiki/2011/0/0b/Oscillation12.png');
   background-image: url('https://static.igem.org/mediawiki/2011/0/0b/Oscillation12.png');
-
   background-position: 71% 50%;
+
   background-position: -499px;
   }
   }
Line 229: Line 234:
   border-style: solid;
   border-style: solid;
   border-width: 1px;  
   border-width: 1px;  
-
   border-color: blue;
+
   border-color: transparent;
   }
   }
    
    
  #Oscillation13.hovered, #Oscillation13:hover {
  #Oscillation13.hovered, #Oscillation13:hover {
   background-image: url('https://static.igem.org/mediawiki/2011/3/30/Oscillation13.png');
   background-image: url('https://static.igem.org/mediawiki/2011/3/30/Oscillation13.png');
-
   background-position: 77.5% 50%;
+
   background-position: -545px;
   }
   }
Line 246: Line 251:
   border-style: solid;
   border-style: solid;
   border-width: 1px;  
   border-width: 1px;  
-
   border-color: blue;
+
   border-color: transparent;
   }
   }
    
    
  #Oscillation14.hovered, #Oscillation14:hover {
  #Oscillation14.hovered, #Oscillation14:hover {
   background-image: url('https://static.igem.org/mediawiki/2011/b/b5/Oscillation14.png');
   background-image: url('https://static.igem.org/mediawiki/2011/b/b5/Oscillation14.png');
-
   background-position: 84% 50%;
+
   background-position: -590px;
   }
   }
Line 263: Line 268:
   border-style: solid;
   border-style: solid;
   border-width: 1px;  
   border-width: 1px;  
-
   border-color: blue;
+
   border-color: transparent;
   }
   }
    
    
  #Oscillation15.hovered, #Oscillation15:hover {
  #Oscillation15.hovered, #Oscillation15:hover {
   background-image: url('https://static.igem.org/mediawiki/2011/0/0a/Oscillation15.png');
   background-image: url('https://static.igem.org/mediawiki/2011/0/0a/Oscillation15.png');
-
   background-position: 90.5% 50%;
+
   background-position: -636px;
   }
   }
Line 280: Line 285:
   border-style: solid;
   border-style: solid;
   border-width: 1px;  
   border-width: 1px;  
-
   border-color: blue;
+
   border-color: transparent;
   }
   }
    
    
  #Oscillation16.hovered, #Oscillation16:hover {
  #Oscillation16.hovered, #Oscillation16:hover {
   background-image: url('https://static.igem.org/mediawiki/2011/1/1e/Oscillation16.png');
   background-image: url('https://static.igem.org/mediawiki/2011/1/1e/Oscillation16.png');
-
   background-position: 96.8% 50%;
+
   background-position: -682px;
   }
   }
 +
#Oscillation17 {
 +
  background-image: transparent;
 +
  background-repeat: no-repeat;
 +
  background-position: left center;
 +
  position: center;
 +
  width: 30px;
 +
  height: 37px;
 +
  border-style: solid;
 +
  border-width: 1px;
 +
  border-color: transparent;
 +
  }
 +
 
 +
#Oscillation17.hovered, #Oscillation17:hover {
 +
  background-image: url('https://static.igem.org/mediawiki/2011/5/54/Oscillation17.png');
 +
  background-position: -726px;
 +
  }
Line 296: Line 317:
     <body>
     <body>
-
 
+
-
<table id="navTop">
+
<div> <table id="navTop">
<td id="Oscillation1" class="hoverable">
<td id="Oscillation1" class="hoverable">
<td id="Oscillation2" class="hoverable">
<td id="Oscillation2" class="hoverable">
Line 315: Line 336:
                 <td id="Oscillation16" class="hoverable">
                 <td id="Oscillation16" class="hoverable">
                 <td id="Oscillation17" class="hoverable">
                 <td id="Oscillation17" class="hoverable">
 +
                <td id="Oscillationend">
</table>
</table>
 +
</div>
   </body>   
   </body>   
   </html>
   </html>

Latest revision as of 19:04, 11 September 2011