Team:Wageningen UR/Templates/NavigationTop

From 2011.igem.org

(Difference between revisions)
 
(48 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;
-
   width: 100%;
+
  float: right;
 +
   width: 780px;
   height: 40px;
   height: 40px;
 +
  margin-left: 220px;
 +
  margin-bottom: 25px;
 +
  padding-left: 12px;
   }
   }
-
+
 
  #Oscillation1 {  
  #Oscillation1 {  
-
  background: transparent;
+
   background-image: transparent;
-
   background-image: url('https://static.igem.org/mediawiki/2011/1/11/Oscillation0.png');
+
   background-repeat: no-repeat;
   background-repeat: no-repeat;
   background-position: left center;
   background-position: left center;
-
  margin: 0 0 0 8.4em;
 
   position: center;
   position: center;
-
   width: 23px;
+
   width: 19px;
-
   height: 36px;
+
   height: 40px;
 +
  border-style: solid;
 +
  border-width: 1px;
 +
  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;
 +
  }
 +
 
 +
 
 +
#Oscillation2 {
 +
  background-image: transparent;
   background-repeat: no-repeat;
   background-repeat: no-repeat;
   background-position: left center;
   background-position: left center;
-
  margin: 0 0 0 8.4em;
 
   position: center;
   position: center;
-
   width: 23px;
+
   width: 30px;
-
   height: 36px;
+
   height: 37px;
 +
  border-style: solid;
 +
  border-width: 1px;
 +
  border-color: transparent;
 +
  }
 +
 
 +
#Oscillation2.hovered, #Oscillation2:hover {
 +
    background-image: url('https://static.igem.org/mediawiki/2011/b/bd/Oscillation2.png');
 +
    background-position: -24px;
   }
   }
-
 
-
   </style>
+
#Oscillation3 {
 +
   background-image: transparent;
 +
  background-repeat: no-repeat;
 +
  background-position: left center;
 +
  position: center;
 +
  width: 43px;
 +
  height: 37px;
 +
  border-style: solid;
 +
  border-width: 1px;
 +
  border-color: transparent;
 +
  }
 +
 
 +
#Oscillation3.hovered, #Oscillation3:hover {
 +
  background-image: url('https://static.igem.org/mediawiki/2011/9/98/Oscillation3.png');
 +
  background-position: -60px;
 +
  }
-
   </head>
+
#Oscillation4 {
 +
   background-image: transparent;
 +
  background-repeat: no-repeat;
 +
  background-position: left center;
 +
  position: center;
 +
  width: 43px;
 +
  height: 37px;
 +
  border-style: solid;
 +
  border-width: 1px;
 +
  border-color: transparent;
 +
  }
 +
 
 +
#Oscillation4.hovered, #Oscillation4:hover {
 +
  background-image: url('https://static.igem.org/mediawiki/2011/4/46/Oscillation4.png');
 +
  background-position: -109px;
 +
  }
-
    <body>
+
#Oscillation5 {
 +
  background-image: transparent;
 +
  background-repeat: no-repeat;
 +
  background-position: left center;
 +
  position: center;
 +
  width: 43px;
 +
  height: 37px;
 +
  border-style: solid;
 +
  border-width: 1px;
 +
  border-color: transparent;
 +
  }
 +
 
 +
#Oscillation5.hovered, #Oscillation5:hover {
 +
  background-image: url('https://static.igem.org/mediawiki/2011/a/a2/Oscillation5.png');
 +
  background-position: -158px;
 +
  }
-
<div id="navTop">
+
#Oscillation6 {
-
<div id="Oscillation1" class="hoverable">
+
  background-image: transparent;
-
</div>
+
  background-repeat: no-repeat;
 +
  background-position: left center;
 +
  position: center;
 +
  width: 43px;
 +
  height: 37px;
 +
  border-style: solid;
 +
  border-width: 1px;
 +
  border-color: transparent;
 +
  }
 +
 
 +
#Oscillation6.hovered, #Oscillation6:hover {
 +
  background-image: url('https://static.igem.org/mediawiki/2011/0/0c/Oscillation6.png');
 +
  background-position: -206px;
 +
  }
-
<div id="Oscillation2" class="hoverable">
+
#Oscillation7 {
-
</div>
+
  background-image: transparent;
 +
  background-repeat: no-repeat;
 +
  background-position: left center;
 +
  position: center;
 +
  width: 43px;
 +
  height: 37px;
 +
  border-style: solid;
 +
  border-width: 1px;
 +
  border-color: transparent;
 +
  }
 +
 
 +
#Oscillation7.hovered, #Oscillation7:hover {
 +
  background-image: url('https://static.igem.org/mediawiki/2011/0/00/Oscillation7.png');
 +
  background-position: -255px;
 +
  }
-
<div id="Oscillation3" class="hoverable">
+
#Oscillation8 {
-
</div>
+
  background-image: transparent;
-
+
  background-repeat: no-repeat;
-
                <div id="Oscillation4" class="hoverable">
+
  background-position: left center;
-
</div>
+
  position: center;
 +
  width: 43px;
 +
  height: 37px;
 +
  border-style: solid;
 +
  border-width: 1px;
 +
  border-color: transparent;
 +
  }
 +
 
 +
#Oscillation8.hovered, #Oscillation8:hover {
 +
  background-image: url('https://static.igem.org/mediawiki/2011/3/3a/Oscillation8.png');
 +
  background-position: -304px;
 +
  }
-
                <div id="Oscillation5" class="hoverable">
+
#Oscillation9 {
-
</div>
+
  background-image: transparent;
 +
  background-repeat: no-repeat;
 +
  background-position: left center;
 +
  position: center;
 +
  width: 43px;
 +
  height: 37px;
 +
  border-style: solid;
 +
  border-width: 1px;
 +
  border-color: transparent;
 +
  }
 +
 
 +
#Oscillation9.hovered, #Oscillation9:hover {
 +
  background-image: url('https://static.igem.org/mediawiki/2011/1/1b/Oscillation9.png');
 +
  background-position: -353px;
 +
  }
-
                <div id="Oscillation6" class="hoverable">
+
#Oscillation10 {
-
</div>
+
  background-image: transparent;
 +
  background-repeat: no-repeat;
 +
  background-position: left center;
 +
  position: center;
 +
  width: 43px;
 +
  height: 37px;
 +
  border-style: solid;
 +
  border-width: 1px;
 +
  border-color: transparent;
 +
  }
 +
 
 +
#Oscillation10.hovered, #Oscillation10:hover {
 +
  background-image: url('https://static.igem.org/mediawiki/2011/1/1b/Oscillation10.png');
 +
  background-position: -401px;
 +
  }
-
                <div id="Oscillation7" class="hoverable">
+
#Oscillation11 {
-
</div>
+
  background-image: transparent;
 +
  background-repeat: no-repeat;
 +
  background-position: left center;
 +
  position: center;
 +
  width: 43px;
 +
  height: 37px;
 +
  border-style: solid;
 +
  border-width: 1px;
 +
  border-color: transparent;
 +
  }
 +
 
 +
#Oscillation11.hovered, #Oscillation11:hover {
 +
  background-image: url('https://static.igem.org/mediawiki/2011/b/b5/Oscillation11.png');
 +
  background-position: -450px;
 +
  }
-
                <div id="Oscillation8" class="hoverable">
+
#Oscillation12 {
-
</div>
+
  background-image: transparent;
 +
  background-repeat: no-repeat;
 +
  background-position: left center;
 +
  position: center;
 +
  width: 40px;
 +
  height: 37px;
 +
  border-style: solid;
 +
  border-width: 1px;
 +
  border-color: transparent;
 +
  }
 +
 
 +
#Oscillation12.hovered, #Oscillation12:hover {
 +
  background-image: url('https://static.igem.org/mediawiki/2011/0/0b/Oscillation12.png');
 +
  background-position: -499px;
 +
  }
-
                <div id="Oscillation9" class="hoverable">
+
#Oscillation13 {
-
</div>
+
  background-image: transparent;
 +
  background-repeat: no-repeat;
 +
  background-position: left center;
 +
  position: center;
 +
  width: 40px;
 +
  height: 37px;
 +
  border-style: solid;
 +
  border-width: 1px;
 +
  border-color: transparent;
 +
  }
 +
 
 +
#Oscillation13.hovered, #Oscillation13:hover {
 +
  background-image: url('https://static.igem.org/mediawiki/2011/3/30/Oscillation13.png');
 +
  background-position: -545px;
 +
  }
-
                <div id="Oscillation10" class="hoverable">
+
#Oscillation14 {
-
</div>
+
  background-image: transparent;
 +
  background-repeat: no-repeat;
 +
  background-position: left center;
 +
  position: center;
 +
  width: 40px;
 +
  height: 37px;
 +
  border-style: solid;
 +
  border-width: 1px;
 +
  border-color: transparent;
 +
  }
 +
 
 +
#Oscillation14.hovered, #Oscillation14:hover {
 +
  background-image: url('https://static.igem.org/mediawiki/2011/b/b5/Oscillation14.png');
 +
  background-position: -590px;
 +
  }
-
                <div id="Oscillation11" class="hoverable">
+
#Oscillation15 {
-
</div>
+
  background-image: transparent;
 +
  background-repeat: no-repeat;
 +
  background-position: left center;
 +
  position: center;
 +
  width: 40px;
 +
  height: 37px;
 +
  border-style: solid;
 +
  border-width: 1px;
 +
  border-color: transparent;
 +
  }
 +
 
 +
#Oscillation15.hovered, #Oscillation15:hover {
 +
  background-image: url('https://static.igem.org/mediawiki/2011/0/0a/Oscillation15.png');
 +
  background-position: -636px;
 +
  }
-
                <div id="Oscillation12" class="hoverable">
+
#Oscillation16 {
-
</div>
+
  background-image: transparent;
 +
  background-repeat: no-repeat;
 +
  background-position: left center;
 +
  position: center;
 +
  width: 38px;
 +
  height: 37px;
 +
  border-style: solid;
 +
  border-width: 1px;
 +
  border-color: transparent;
 +
  }
 +
 
 +
#Oscillation16.hovered, #Oscillation16:hover {
 +
  background-image: url('https://static.igem.org/mediawiki/2011/1/1e/Oscillation16.png');
 +
  background-position: -682px;
 +
  }
-
                <div id="Oscillation13" class="hoverable">
 
-
</div>
 
-
                <div id="Oscillation14" class="hoverable">
+
#Oscillation17 {
-
</div>
+
  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;
 +
  }
-
                <div id="Oscillation15" class="hoverable">
 
-
</div>
 
-
                <div id="Oscillation16" class="hoverable">
+
  </style>
-
</div>
+
-
                <div id="Oscillation17" class="hoverable">
+
  </head>
-
</div>
+
-
</div>
+
    <body>
 +
 +
<div> <table id="navTop">
 +
<td id="Oscillation1" class="hoverable">
 +
<td id="Oscillation2" class="hoverable">
 +
<td id="Oscillation3" class="hoverable">
 +
                <td id="Oscillation4" class="hoverable">
 +
                <td id="Oscillation5" class="hoverable">
 +
                <td id="Oscillation6" class="hoverable">
 +
                <td id="Oscillation7" class="hoverable">
 +
                <td id="Oscillation8" class="hoverable">
 +
                <td id="Oscillation9" class="hoverable">
 +
                <td id="Oscillation10" class="hoverable">
 +
        <td id="Oscillation11" class="hoverable">
 +
                <td id="Oscillation12" class="hoverable">
 +
                <td id="Oscillation13" class="hoverable">
 +
                <td id="Oscillation14" class="hoverable">
 +
        <td id="Oscillation15" class="hoverable">
 +
                <td id="Oscillation16" class="hoverable">
 +
                <td id="Oscillation17" class="hoverable">
 +
                <td id="Oscillationend">
 +
</table>
 +
</div>
   </body>   
   </body>   
   </html>
   </html>

Latest revision as of 19:04, 11 September 2011

Retrieved from "http://2011.igem.org/Team:Wageningen_UR/Templates/NavigationTop"