Template:CSU Template 1 top

From 2012.igem.org

(Difference between revisions)
 
(17 intermediate revisions not shown)
Line 14: Line 14:
by Ethan Ho - Ethan.N.Ho@Gmail.com
by Ethan Ho - Ethan.N.Ho@Gmail.com
-
All code is original.
+
All code is original, except the dropdown menu, which is modified
 +
code.
Do not copy or in any way, shape, or form, use any of this code
Do not copy or in any way, shape, or form, use any of this code
without the explicit permission of Ethan Ho (reachable by above
without the explicit permission of Ethan Ho (reachable by above
-
E-mail).
+
E-mail).  I'll probably say yes.
Be a good person. Obey the rules.
Be a good person. Obey the rules.
Line 38: Line 39:
}
}
-
/*************************************************************
+
/*
-
***********************HEY YOU! YA, YOU!!*********************
+
-
**************************************************************
+
-
 
+
If you want to edit each individual page, uncomment the following
If you want to edit each individual page, uncomment the following
line of code to reveal the handy "Edit page" buttons!
line of code to reveal the handy "Edit page" buttons!
*/
*/
-
 
-
 
.editbutton {visibility: visible; width: auto; height: auto;}
.editbutton {visibility: visible; width: auto; height: auto;}
-
 
-
 
-
 
/*********NOTES*********
/*********NOTES*********
Line 92: Line 85:
body {
body {
background: url(https://static.igem.org/mediawiki/2012/2/20/Beer1.png) top left fixed #DC8800;
background: url(https://static.igem.org/mediawiki/2012/2/20/Beer1.png) top left fixed #DC8800;
-
/*background: url(https://static.igem.org/mediawiki/2012/2/2a/Beer_Close_Up_Wallpaper_1280x1024_4546.jpg) top left fixed #DC8800;*/
 
background-size: 100% 100%;
background-size: 100% 100%;
height: 100%;
height: 100%;
Line 118: Line 110:
width: 100%;
width: 100%;
bottom: 0;
bottom: 0;
 +
z-index: 1;
}
}
Line 123: Line 116:
padding: 40px;
padding: 40px;
padding-top: 0;
padding-top: 0;
-
}
 
-
 
-
#side_bar {
 
-
position: fixed;
 
-
top: 100px;
 
-
right: 0;
 
-
width: 200px;
 
-
height: 250px;
 
-
z-index: 100;
 
-
cursor: pointer;
 
-
background: url(https://lh6.googleusercontent.com/-PEAQ4dNSF2Y/UAhs7D3J3VI/AAAAAAAAAOs/iRZZSBSWlK0/s300/tap1.png) no-repeat top right;
 
-
background-size: 100% 100%;
 
-
}
 
-
 
-
#side_bar:hover {
 
-
background: url(https://lh6.googleusercontent.com/-6tCnE_Wfc1M/UAhs7N8xndI/AAAAAAAAAOs/AWmXapQj0nU/s300/tap2.png) no-repeat top left;
 
-
background-size: 100% 100%;
 
}
}
Line 237: Line 213:
display: none;
display: none;
background: #E9B300; /*******COLOR*******/
background: #E9B300; /*******COLOR*******/
-
z-index: 200;
+
z-index: 4;
opacity: 0;
opacity: 0;
}
}
Line 271: Line 247:
</style>
</style>
<script type="text/javascript">
<script type="text/javascript">
-
 
//newOpac: sets new opacity
//newOpac: sets new opacity
Line 313: Line 288:
//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 337: Line 312:
//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 468:
</head>
</head>
<body>
<body>
-
<div style="border: solid red 1px;" id="menubar"></div>
+
<img src="https://lh6.googleusercontent.com/-1Q-9hddFWuI/UCGVfn6W4wI/AAAAAAAAAVQ/e7PcCnXWO8o/s500/igem_home_logo.png" width="100" height="100" style="position: fixed; top: 10px; right: 10px; cursor: pointer;" onClick="linkTo('https://2012.igem.org/Main_Page')" />
 +
<div style="border: solid red 1px;" id="menubar"></div>
     <a id="side_bar" href="https://2012.igem.org/Team:Colorado_State/Safety"></a>
     <a id="side_bar" href="https://2012.igem.org/Team:Colorado_State/Safety"></a>
     <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="https://2012.igem.org/Team:Colorado_State">
             <a href="https://2012.igem.org/Team:Colorado_State">
-
                    <!-- <img src="https://lh6.googleusercontent.com/-bxdljYiBZIY/UA2TwXb3f1I/AAAAAAAAASc/Z9Sv4HdQfNo/s640/team_logo.png" style="border: solid red 2px; position: absolute; height: 80%; top: 20px; left: 20px;" />-->
 
-
                    <!--523:400 W:H ratio-->
 
                     <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%;">
                         <img src="http://picasion.com/pic56/66eccba80910fafd431232af43e6e48f.gif" style="position: absolute; top: 12%; left: 28%; height: 22%; width: auto;" />
                         <img src="http://picasion.com/pic56/66eccba80910fafd431232af43e6e48f.gif" style="position: absolute; top: 12%; left: 28%; height: 22%; width: auto;" />
Line 508: Line 482:
                 </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" />
Line 517: Line 491:
             <dl>
             <dl>
                 <dt id="ddHeader1" onClick="linkTo('https://2012.igem.org/Team:Colorado_State')">Home</dt>
                 <dt id="ddHeader1" onClick="linkTo('https://2012.igem.org/Team:Colorado_State')">Home</dt>
-
                <dd id="ddContent1">
+
              <dd id="ddContent1">
                     <ul>
                     <ul>
                     <li><a href="https://2012.igem.org/Team:Colorado_State/Project">Home</a></li>
                     <li><a href="https://2012.igem.org/Team:Colorado_State/Project">Home</a></li>
Line 523: Line 497:
                 </dd>
                 </dd>
             </dl>
             </dl>
-
            </td>
+
        </td>
             <td>
             <td>
             <dl>
             <dl>
Line 558: Line 532:
         </table>
         </table>
     </div>
     </div>
-
    <script type="text/javascript">startFunctions();</script>
+
<script type="text/javascript">startFunctions();</script>
     <div id="content_main">
     <div id="content_main">
</html>
</html>

Latest revision as of 14:25, 1 July 2013