|
|
| Line 9: |
Line 9: |
| | opacity: 0.92; | | opacity: 0.92; |
| | color: white; | | color: white; |
| - | }
| |
| - |
| |
| - | /* for the image frames */
| |
| - |
| |
| - | * {
| |
| - | margin: 0;
| |
| - | padding: 0;
| |
| - | }
| |
| - |
| |
| - | :focus {
| |
| - | outline: none;
| |
| - | }
| |
| - |
| |
| - | /* General styles ------------------------- */
| |
| - |
| |
| - | .showcase {
| |
| - | position: relative;
| |
| - | }
| |
| - |
| |
| - | /* blue buttons */
| |
| - |
| |
| - | .showcase a.controls {
| |
| - | /*position: absolute;*/
| |
| - | width: 40px;
| |
| - | height: 40px;
| |
| - | background-color: #aaaaaa;
| |
| - | text-decoration: none;
| |
| - | color: #ffffff;
| |
| - | font-size: 40px;
| |
| - | font-weight: bold;
| |
| - | text-align: center;
| |
| - | border: 2px outset #999999;
| |
| - | }
| |
| - |
| |
| - | .showcase a.previous {
| |
| - | padding-bottom: 4px;
| |
| - | }
| |
| - |
| |
| - | /* Picture size */
| |
| - |
| |
| - | .showcase ul li {
| |
| - | width: 350px;
| |
| - | height: 350px;
| |
| - | float: right;
| |
| - | list-style-type: none;
| |
| - | }
| |
| - |
| |
| - | .showcase ul li a {
| |
| - | display: block;
| |
| - | }
| |
| - |
| |
| - | .showcase li a img {
| |
| - | width: 100%;
| |
| - | height: 100%;
| |
| - | border: 0;
| |
| - | }
| |
| - |
| |
| - | /* Horizontal showcase ------------------------- */
| |
| - |
| |
| - | .showcase#horizontal {
| |
| - | margin: 150px auto 0 auto;
| |
| - | width: 650px;
| |
| - | height: 800px;
| |
| - | }
| |
| - |
| |
| - | .showcase#horizontal a.controls {
| |
| - | top: 50%;
| |
| - | margin-top: -27px;
| |
| - | }
| |
| - |
| |
| - | .showcase#horizontal a.next {
| |
| - | right: 0;
| |
| - | padding-top: 4px;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | .showcase#horizontal a.controls:hover {
| |
| - | border-color: #2097FA;
| |
| - | }
| |
| - |
| |
| - | .showcase#horizontal ul {
| |
| - | position: relative;
| |
| - | width: 640px;
| |
| - | height: 400px;
| |
| - | margin: 200px 0px 0px 0px;
| |
| - | }
| |
| - |
| |
| - | * Diagonal showcase ------------------------- */
| |
| - |
| |
| - | .showcase#diagonal {
| |
| - | margin: 0px 0px 0px 0px;
| |
| - | width: 600px;
| |
| - | height: 800px;
| |
| - | }
| |
| - |
| |
| - | .showcase#diagonal a.previous {
| |
| - | top: 0;
| |
| - | left: 0;
| |
| - | }
| |
| - |
| |
| - | .showcase#diagonal a.next {
| |
| - | right: 0;
| |
| - | bottom: 0;
| |
| - | padding-top: 4px;
| |
| - | }
| |
| - |
| |
| - | .showcase#diagonal a.controls:hover {
| |
| - | border-color: #2097FA;
| |
| - | }
| |
| - |
| |
| - | .showcase#diagonal ul {
| |
| - | position: relative;
| |
| - | width: 600px;
| |
| - | height: 720px;
| |
| - | top: 150px;
| |
| - | left: 60px;
| |
| - | }
| |
| - |
| |
| - | /* Vertical showcase ------------------------- */
| |
| - |
| |
| - | .showcase#vertical {
| |
| - | margin: 100px auto 0 auto;
| |
| - | width: 170px;
| |
| - | height: 800px;
| |
| - | }
| |
| - |
| |
| - | .showcase#vertical a.controls {
| |
| - | left: 50%;
| |
| - | margin-left: -27px;
| |
| - | }
| |
| - |
| |
| - | .showcase#vertical a.next {
| |
| - | bottom: 0;
| |
| - | padding-top: 4px;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | .showcase#vertical a.controls:hover {
| |
| - | border-color: #2097FA;
| |
| - | }
| |
| - |
| |
| - | .showcase#vertical ul {
| |
| - | position: relative;
| |
| - | width: 170px;
| |
| - | height: 650px;
| |
| - | top: 75px;
| |
| | } | | } |
| | | | |
| | </style> | | </style> |
| | | | |
| - | <script type="text/javascript" src="http://www.molbiotech.uni-freiburg.de/iGEM/Java/prototype.js"></script>
| + | <div id="main_area"> |
| - | <script type="text/javascript" src="http://www.molbiotech.uni-freiburg.de/iGEM/Java/effects.js"></script>
| + | |
| - | <script type="text/javascript" src="http://www.molbiotech.uni-freiburg.de/iGEM/Java/showcase.js"></script>
| + | |
| - | | + | |
| - | | + | |
| - | <div id="main_area" style="height: 1000px;"> | + | |
| - | | + | |
| - | <div class="showcase" id="horizontal" style="align: center; text-align: center;">
| + | |
| - | | + | |
| - | <a href="#previous" class="controls previous" rel="previous" style="margin: 0px 0px 0px 0px; float: left;">–</a>
| + | |
| - | <a href="#next" class="controls next" rel="next" style="margin: 0px 0px 0px 0px; float: right;">+</a>
| + | |
| - | | + | |
| - | <ul>
| + | |
| - | <li><a href="#" title="Slide 1"><img src="https://static.igem.org/mediawiki/2010/6/6b/Freiburg_software_10_Paresh_Visa_Frankfurt_%281%29.jpg" alt="1" /></a></li>
| + | |
| - | | + | |
| - | <li><a href="#" title="Slide 2"><img src="https://static.igem.org/mediawiki/2010/3/3f/Freiburg_software_10_Paresh_Visa_Frankfurt_%282%29.jpg" alt="2" /></a></li>
| + | |
| - | | + | |
| - | <li><a href="#" title="Slide 3"><img src="https://static.igem.org/mediawiki/2010/d/d1/Freiburg_software_10_Paresh_Visa_Frankfurt_%283%29.jpg" alt="3" /></a></li>
| + | |
| - | | + | |
| - | <li><a href="#" title="Slide 4"><img src="https://static.igem.org/mediawiki/2010/5/59/Freiburg_software_10_outside_%281%29.JPG" alt="4" /></a></li>
| + | |
| - | | + | |
| - | <li><a href="#" title="Slide 5"><img src="https://static.igem.org/mediawiki/2010/d/d2/Freiburg_software_10_outside_%282%29.JPG" alt="5" /></a></li>
| + | |
| - | | + | |
| - | <li><a href="#" title="Slide 6"><img src="https://static.igem.org/mediawiki/2010/1/17/Freiburg_software_10_BBQ_with_Labteam_%282%29.JPG" alt="6" /></a></li>
| + | |
| - | | + | |
| - | <li><a href="#" title="Slide 7"><img src="https://static.igem.org/mediawiki/2010/0/04/Freiburg_software_10_BBQ_with_Labteam_%283%29.JPG" alt="7" /></a></li>
| + | |
| - | | + | |
| - | <li><a href="#" title="Slide 7"><img src="https://static.igem.org/mediawiki/2010/6/6b/Freiburg_software_10_BBQ_with_Labteam_%284%29.JPG" alt="8" /></a></li>
| + | |
| - | | + | |
| - | <li><a href="#" title="Slide 7"><img src="https://static.igem.org/mediawiki/2010/b/b8/Freiburg_software_10_BBQ_with_Labteam_%285%29.JPG" alt="7" /></a></li>
| + | |
| - | | + | |
| - | <li><a href="#" title="Slide 7"><img src="https://static.igem.org/mediawiki/2010/8/8d/Freiburg_software_10_BBQ_with_Labteam_%286%29.JPG" alt="7" /></a></li>
| + | |
| - | | + | |
| - | <li><a href="#" title="Slide 7"><img src="https://static.igem.org/mediawiki/2010/7/7c/Freiburg_software_10_Pasentations_%281%29.JPG" alt="7" /></a></li>
| + | |
| - | | + | |
| - | <li><a href="#" title="Slide 7"><img src="https://static.igem.org/mediawiki/2010/4/45/Freiburg_software_10_Pasentations_%282%29.JPG" alt="7" /></a></li>
| + | |
| - | | + | |
| - | <li><a href="#" title="Slide 7"><img src="https://static.igem.org/mediawiki/2010/8/8a/Freiburg_software_10_normal_day_%282%29.JPG" alt="7" /></a></li>
| + | |
| - | | + | |
| - | <li><a href="#" title="Slide 7"><img src="https://static.igem.org/mediawiki/2010/8/8a/Freiburg_software_10_normal_day_%283%29.JPG" alt="7" /></a></li>
| + | |
| - | | + | |
| - | <li><a href="#" title="Slide 7"><img src="https://static.igem.org/mediawiki/2010/6/61/Freiburg_software_10_normal_day_%281%29.JPG" alt="7" /></a></li>
| + | |
| - | | + | |
| - | <li><a href="#" title="Slide 7"><img src="https://static.igem.org/mediawiki/2010/2/25/Freiburg_software_10_fotoshooting_%281%29.JPG" alt="7" /></a></li>
| + | |
| - | | + | |
| - | <li><a href="#" title="Slide 7"><img src="https://static.igem.org/mediawiki/2010/4/49/Freiburg_software_10_fotoshooting_%282%29.JPG" alt="7" /></a></li>
| + | |
| - | </ul>
| + | |
| | | | |
| | + | <table style="width:194px;"><tr><td align="center" style="height:194px;background:url(http://picasaweb.google.com/s/c/transparent_album_background.gif) no-repeat left"><a href="http://picasaweb.google.com/f.haasi/IGEM?feat=embedwebsite"><img src="http://lh3.ggpht.com/_VvtDnrre8IQ/TMX6N2Xb1wE/AAAAAAAAACY/5r7w8fB6378/s160-c/IGEM.jpg" width="160" height="160" style="margin:1px 0 0 4px;"></a></td></tr><tr><td style="text-align:center;font-family:arial,sans-serif;font-size:11px"><a href="http://picasaweb.google.com/f.haasi/IGEM?feat=embedwebsite" style="color:#4D4D4D;font-weight:bold;text-decoration:none;">iGEM</a></td></tr></table> |
| | | | |
| | </div> | | </div> |
| - | </div>
| |
| - | <script type="text/javascript">
| |
| - | document.observe('dom:loaded', function () {
| |
| - | new Showcase.Horizontal($$('#horizontal ul li'), $$('#horizontal a.controls'), {duration: 0.3});
| |
| - | });
| |
| - |
| |
| - | </script>
| |
| - |
| |
| - | <table style="width:194px;"><tr><td align="center" style="height:194px;background:url(http://picasaweb.google.com/s/c/transparent_album_background.gif) no-repeat left"><a href="http://picasaweb.google.com/f.haasi/IGEM?feat=embedwebsite"><img src="http://lh3.ggpht.com/_VvtDnrre8IQ/TMX6N2Xb1wE/AAAAAAAAACY/5r7w8fB6378/s160-c/IGEM.jpg" width="160" height="160" style="margin:1px 0 0 4px;"></a></td></tr><tr><td style="text-align:center;font-family:arial,sans-serif;font-size:11px"><a href="http://picasaweb.google.com/f.haasi/IGEM?feat=embedwebsite" style="color:#4D4D4D;font-weight:bold;text-decoration:none;">iGEM</a></td></tr></table>
| |
| - |
| |
| | | | |
| | </html> | | </html> |
"
