Template:CSU Template 1 top

From 2012.igem.org

(Difference between revisions)
Line 128: Line 128:
width: 200px;
width: 200px;
height: 250px;
height: 250px;
-
z-index: 100;
+
z-index: 4;
cursor: pointer;
cursor: pointer;
background: url(https://lh6.googleusercontent.com/-PEAQ4dNSF2Y/UAhs7D3J3VI/AAAAAAAAAOs/iRZZSBSWlK0/s300/tap1.png) no-repeat top right;
background: url(https://lh6.googleusercontent.com/-PEAQ4dNSF2Y/UAhs7D3J3VI/AAAAAAAAAOs/iRZZSBSWlK0/s300/tap1.png) no-repeat top right;
Line 234: Line 234:
display: none;
display: none;
background: #E9B300; /*******COLOR*******/
background: #E9B300; /*******COLOR*******/
-
z-index: 200;
+
z-index: 4;
opacity: 0;
opacity: 0;
}
}
Line 309: Line 309:
//next slide in the corresponding z-index (2).  Slides that are
//next slide in the corresponding z-index (2).  Slides that are
//neither the current or next slide should have z-index = 1.
//neither the current or next slide should have z-index = 1.
-
curElem.style.zIndex = 30;
+
curElem.style.zIndex = 3;
-
nextElem.style.zIndex = 20;
+
nextElem.style.zIndex = 2;
//Sets a preliminary opacities. Optional
//Sets a preliminary opacities. Optional
Line 333: Line 333:
//Sets the current slide to a hidden state with full opacity
//Sets the current slide to a hidden state with full opacity
-
curElem.style.zIndex = 10;
+
curElem.style.zIndex = 1;
curElem.style.opacity = 1;
curElem.style.opacity = 1;
curElem.style.filter = 'alpha(opacity=100)';
curElem.style.filter = 'alpha(opacity=100)';
Line 493: Line 493:
     <div id="content_top">
     <div id="content_top">
         <div id="slideshow">
         <div id="slideshow">
-
         <div style="position: absolute; top: 0; left: 0; height: 100%; width: 55%; z-index: 40; background: url(https://lh4.googleusercontent.com/-DDU8elUPsNM/UAm_sNRqnMI/AAAAAAAAARE/1Z2Xnvq4J1A/s600/fade1.png) top left; background-size: 100% 100%;">
+
         <div style="position: absolute; top: 0; left: 0; height: 100%; width: 55%; z-index: 4; background: url(https://lh4.googleusercontent.com/-DDU8elUPsNM/UAm_sNRqnMI/AAAAAAAAARE/1Z2Xnvq4J1A/s600/fade1.png) top left; background-size: 100% 100%;">
             <a href="http://2012.igem.org/Team:Colorado_State">
             <a href="http://2012.igem.org/Team:Colorado_State">
                     <div style="position: relative; top: 30px; left: 10px; border: solid red 1px; height: 220px; width: 287.65px; border: none; background: url(https://lh3.googleusercontent.com/-31sRsyZb5LU/UCKUYpC-gMI/AAAAAAAAAVk/MiL9X1XsNQ0/s640/logo2.png) no-repeat left; background-size: auto 100%;">
                     <div style="position: relative; top: 30px; left: 10px; border: solid red 1px; height: 220px; width: 287.65px; border: none; background: url(https://lh3.googleusercontent.com/-31sRsyZb5LU/UCKUYpC-gMI/AAAAAAAAAVk/MiL9X1XsNQ0/s640/logo2.png) no-repeat left; background-size: auto 100%;">
Line 502: Line 502:
                 </a>
                 </a>
             </div>
             </div>
-
             <img id="slide1" class="slide" src="https://lh6.googleusercontent.com/-HUO1pRHwGn8/UA6_152AUUI/AAAAAAAAAUg/NIAPTu0rJeo/s912/slide2.jpg" style="z-index: 30;" />
+
             <img id="slide1" class="slide" src="https://lh6.googleusercontent.com/-HUO1pRHwGn8/UA6_152AUUI/AAAAAAAAAUg/NIAPTu0rJeo/s912/slide2.jpg" style="z-index: 3;" />
             <img id="slide2" class="slide" src="https://lh4.googleusercontent.com/-wv_cz741rxA/UA6_2SesX8I/AAAAAAAAAUo/kIBZr3Ydpi4/s912/slide1.jpg" />
             <img id="slide2" class="slide" src="https://lh4.googleusercontent.com/-wv_cz741rxA/UA6_2SesX8I/AAAAAAAAAUo/kIBZr3Ydpi4/s912/slide1.jpg" />
             <img id="slide3" class="slide" src="https://lh4.googleusercontent.com/-Atg7LS0jvu8/UA7Br49KLMI/AAAAAAAAAU8/LyqAernMIrM/s600/Brewery2-large.jpeg" />
             <img id="slide3" class="slide" src="https://lh4.googleusercontent.com/-Atg7LS0jvu8/UA7Br49KLMI/AAAAAAAAAU8/LyqAernMIrM/s600/Brewery2-large.jpeg" />

Revision as of 22:25, 9 August 2012