GALLERY.html

From 2012.igem.org

(Difference between revisions)
 
(4 intermediate revisions not shown)
Line 218: Line 218:
display: block;
display: block;
vertical-align: middle;
vertical-align: middle;
 +
        horizontal-align: middle;
position: absolute;
position: absolute;
         top: 200px
         top: 200px
Line 225: Line 226:
margin-left:auto;
margin-left:auto;
margin-right:auto;
margin-right:auto;
-
position: relative;
+
position: absolute;
-
height:300px; width: 780px;
+
height: 300px; width: 780px;
}
}
.window {
.window {
-
height:280px; width: 760px;
+
height: 450px; width: 700px;
overflow: hidden; /*--Hides anything outside of the set width/height--*/
overflow: hidden; /*--Hides anything outside of the set width/height--*/
position: absolute;
position: absolute;
display: block;
display: block;
top:50%;
top:50%;
-
left:50%;
+
left:70%;
margin: -140px 0 0 -380px;
margin: -140px 0 0 -380px;
}
}
Line 317: Line 318:
<div id="image2" style="position:absolute; overflow:hidden; left:432px; top:102px; width:75px; height:73px; z-index:4"><img src="https://static.igem.org/mediawiki/2012/0/04/Paste26.jpg" alt="" title="" border=0 width=75 height=73></div>
<div id="image2" style="position:absolute; overflow:hidden; left:432px; top:102px; width:75px; height:73px; z-index:4"><img src="https://static.igem.org/mediawiki/2012/0/04/Paste26.jpg" alt="" title="" border=0 width=75 height=73></div>
 +
 +
<div id="shape2" style="position:absolute; overflow:hidden; left:150px; top:181px; width:734px; height:510px; z-index:0"><img border=0 width="100%" height="100%" alt="" src="https://static.igem.org/mediawiki/igem.org/6/61/Shape25737793.png"></div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
Line 427: Line 430:
     <div class="window"> <!--???-->
     <div class="window"> <!--???-->
         <div class="image_reel"> <!--Slideshow Pics go here - 760x280px -->
         <div class="image_reel"> <!--Slideshow Pics go here - 760x280px -->
-
             <a href="#"><img src="https://static.igem.org/mediawiki/igem.org/e/ef/IMG_2647-slideshow.png" alt="" /></a>
+
             <a href="#"><img src="https://static.igem.org/mediawiki/2012/5/51/000.jpg" alt="" /></a>
-
             <a href="#"><img src="https://static.igem.org/mediawiki/igem.org/6/67/Slideshow_Europe1.jpg" alt="" /></a>
+
            <a href="#"><img src="https://static.igem.org/mediawiki/2012/a/a0/001.jpg" alt="" /></a>
-
             <a href="#"><img src="https://static.igem.org/mediawiki/igem.org/1/12/IMG_1944-slideshow.png" alt="" /></a>
+
             <a href="#"><img src="https://static.igem.org/mediawiki/2012/1/11/002.jpg" alt="" /></a>
-
             <a href="#"><img src="https://static.igem.org/mediawiki/igem.org/2/24/Slideshow_biobrick.jpg" alt="" /></a>
+
            <a href="#"><img src="https://static.igem.org/mediawiki/2012/9/9c/003.jpg" alt="" /></a>
-
             <a href="#"><img src="https://static.igem.org/mediawiki/igem.org/f/ff/CIDEB-slideshow.png" alt="" /></a>
+
            <a href="#"><img src="https://static.igem.org/mediawiki/2012/c/c0/004.jpg" alt="" /></a>
-
             <a href="#"><img src="https://static.igem.org/mediawiki/igem.org/e/e2/IGEM_0442.png" alt="" /></a>
+
            <a href="#"><img src="https://static.igem.org/mediawiki/2012/6/66/005.jpg" alt="" /></a>
-
             <a href="#"><img src="https://static.igem.org/mediawiki/igem.org/4/41/IMG_2419-slideshow.png" alt="" /></a>
+
             <a href="#"><img src="https://static.igem.org/mediawiki/2012/6/6b/006.jpg" alt="" /></a>
-
             <a href="https://2012.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/igem.org/f/fa/DSC_3023-slideshow.png" alt="" /></a>
+
            <a href="#"><img src="https://static.igem.org/mediawiki/2012/1/10/007.jpg" alt="" /></a>
-
             <a href="https://2012.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/igem.org/0/02/Slideshow_Asia3.jpg" alt="" /></a>
+
             <a href="#"><img src="https://static.igem.org/mediawiki/2012/3/39/008.jpg" alt="" /></a>
 +
            <a href="#"><img src="https://static.igem.org/mediawiki/2012/c/c2/009.jpg" alt="" /></a>
 +
             <a href="#"><img src="https://static.igem.org/mediawiki/2012/a/a6/010.jpg" alt="" /></a>
 +
            <a href="#"><img src="https://static.igem.org/mediawiki/2012/6/62/011.jpg" alt="" /></a>
 +
             <a href="#"><img src="https://static.igem.org/mediawiki/2012/9/93/012.jpg" alt="" /></a>
 +
            <a href="#"><img src="https://static.igem.org/mediawiki/2012/3/32/013.jpg" alt="" /></a>
 +
            <a href="#"><img src="https://static.igem.org/mediawiki/2012/0/0c/014.jpg" alt="" /></a>
 +
            <a href="#"><img src="https://static.igem.org/mediawiki/2012/e/ed/016.jpg" alt="" /></a>
 +
             <a href="#"><img src="https://static.igem.org/mediawiki/2012/2/29/017.jpg" alt="" /></a>
 +
            <a href="#"><img src="https://static.igem.org/mediawiki/2012/4/42/018.jpg" alt="" /></a>
 +
             <a href="#"><img src="https://static.igem.org/mediawiki/igem.org/2/20/020.jpg" alt="" /></a>
 +
            <a href="#"><img src="https://static.igem.org/mediawiki/igem.org/8/81/021.jpg" alt="" /></a>
 +
             <a href="#"><img src="https://static.igem.org/mediawiki/igem.org/d/d4/022.jpg" alt="" /></a>
 +
            <a href="#"><img src="https://static.igem.org/mediawiki/igem.org/6/69/023.jpg" alt="" /></a>
 +
            <a href="#"><img src="https://static.igem.org/mediawiki/igem.org/c/c0/024.jpg" alt="" /></a>
 +
            <a href="#"><img src="https://static.igem.org/mediawiki/igem.org/b/b8/025.jpg" alt="" /></a>
 +
            <a href="#"><img src="https://static.igem.org/mediawiki/igem.org/a/a5/026.jpg" alt="" /></a>
 +
            <a href="#"><img src="https://static.igem.org/mediawiki/igem.org/0/0f/027.jpg" alt="" /></a>
 +
            <a href="#"><img src="https://static.igem.org/mediawiki/igem.org/6/66/030.jpg" alt="" /></a>
         </div>
         </div>
     </div>
     </div>
-
 
+
<div class="paging">
 +
        <a href="#" rel="1">1</a>
 +
        <a href="#" rel="2">2</a>
 +
        <a href="#" rel="3">3</a>
 +
        <a href="#" rel="4">4</a>
 +
        <a href="#" rel="5">5</a>
 +
        <a href="#" rel="6">6</a>
 +
        <a href="#" rel="7">7</a>
 +
        <a href="#" rel="8">8</a>
 +
        <a href="#" rel="9">9</a>
 +
        <a href="#" rel="10">10</a>
 +
        <a href="#" rel="11">11</a>
 +
        <a href="#" rel="12">12</a>
 +
        <a href="#" rel="13">13</a>
 +
        <a href="#" rel="14">14</a>
 +
        <a href="#" rel="15">15</a>
 +
        <a href="#" rel="16">16</a>
 +
        <a href="#" rel="17">17</a>
 +
        <a href="#" rel="18">18</a>
 +
        <a href="#" rel="19">19</a>
 +
        <a href="#" rel="20">20</a>
 +
        <a href="#" rel="21">21</a>
 +
        <a href="#" rel="22">22</a>
 +
        <a href="#" rel="23">23</a>
 +
        <a href="#" rel="24">24</a>
 +
        <a href="#" rel="25">25</a>
 +
        <a href="#" rel="26">26</a>
 +
        <a href="#" rel="27">27</a>
 +
        <a href="#" rel="28">28</a>
 +
    </div>
 +
<div class="pause"><a href="#">II</a></div>
 +
</div>
 +
</div>
 +
</td>
</body>
</body>
</html>
</html>

Latest revision as of 20:39, 26 September 2012

/*]]>*/

PHOTOS