Team:Groningen/Template/Header

From 2014.igem.org

(Difference between revisions)
 
(9 intermediate revisions not shown)
Line 1: Line 1:
 +
{{:Team:Groningen/Template/ScriptsPart}}
<html>
<html>
-
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript">
 
-
// This will load an important jquery library.
 
-
</script>
 
-
 
-
 
-
{{:Team:Groningen/Template/ScriptsPart}}
 
-
</script>
 
-
 
<link rel="stylesheet" href="https://2014.igem.org/Team:Groningen/Template/CSS?action=raw&ctype=text/css" type="text/css" />
<link rel="stylesheet" href="https://2014.igem.org/Team:Groningen/Template/CSS?action=raw&ctype=text/css" type="text/css" />
Line 14: Line 7:
<div id="topmenubarbackground"></div>
<div id="topmenubarbackground"></div>
<div id="backgroundimagebox"></div>
<div id="backgroundimagebox"></div>
-
<div id="shadowbox"></div>
+
<!--<div id="shadowbox"></div>-->
<div id="titlebaroverlay"></div>
<div id="titlebaroverlay"></div>
Line 31: Line 24:
     <div id="carouselbox" onmouseover="toggleInterval()" onmouseout="toggleInterval()">
     <div id="carouselbox" onmouseover="toggleInterval()" onmouseout="toggleInterval()">
       <ul style="list-style-type: none; margin-left: -2em;">
       <ul style="list-style-type: none; margin-left: -2em;">
-
         <li id="carousel1" class="hideable" style="display: block;"></li>
+
         <li id="carousel1" class="hideable" style="display: block; transition: opacity 1s ease-in-out;"></li>
         <li id="carousel2" class="hideable"></li>
         <li id="carousel2" class="hideable"></li>
         <li id="carousel3" class="hideable"></li>
         <li id="carousel3" class="hideable"></li>
Line 37: Line 30:
       </ul>
       </ul>
       <div id="carouselmenu">
       <div id="carouselmenu">
-
         <div id="carousel_prev_next_buttons">
+
          
-
          <img id="carouselnextbutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" width="30px" height="30px" onclick="toggleSlide(true);" />
+
-
          <img id="carouselprevbutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" width="30px" height="30px" onclick="toggleSlide(false);" />
+
-
        </div>
+
         <div id="carousel_quick_jump_buttons">
         <div id="carousel_quick_jump_buttons">
           <img class="carouselquickjumpbutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" width="30px" height="30px" onclick="goToEdge('firstimage')" />
           <img class="carouselquickjumpbutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" width="30px" height="30px" onclick="goToEdge('firstimage')" />

Latest revision as of 14:35, 15 October 2014