|
|
(43 intermediate revisions not shown) |
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: #FFF;
| |
- | 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: 400px;
| |
- | height: 400px;
| |
- | float: left;
| |
- | list-style-type: none;
| |
- | }
| |
- |
| |
- | .showcase ul li a {
| |
- | display: block;
| |
- | }
| |
- |
| |
- | .showcase li a img {
| |
- | width: 100%;
| |
- | height: 100%;
| |
- | border: 0;
| |
- | }
| |
- |
| |
- | /* 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> | + | <!-- slideshows implemented from Picasa http://picasaweb.google.com --> |
- | <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"> |
| | | |
- | <div class="main_area"> | + | <h1>Photos of the team</h1> |
| | | |
- | <div class="showcase" id="vertical" style="align: center; text-align: center;"> | + | <embed type="application/x-shockwave-flash" src="http://picasaweb.google.com/s/c/bin/slideshow.swf" class="picasa" flashvars="host=picasaweb.google.com&hl=de&feat=flashalbum&RGB=0x000000&feed=http%3A%2F%2Fpicasaweb.google.com%2Fdata%2Ffeed%2Fapi%2Fuser%2Ff.haasi%2Falbumid%2F5532102833133573889%3Falt%3Drss%26kind%3Dphoto%26hl%3Dde" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed> |
| | | |
- | <a href="#previous" class="controls previous" rel="previous">–</a> | + | <p class="main" style="text-align: center; font-weight: bolder;"> |
| + | A short slideshow from our team |
| + | </p> |
| | | |
| + | <hr class="line_300"> |
| | | |
- | <ul> | + | <embed type="application/x-shockwave-flash" src="http://picasaweb.google.com/s/c/bin/slideshow.swf" class="picasa" flashvars="host=picasaweb.google.com&hl=de&feat=flashalbum&RGB=0x000000&feed=http%3A%2F%2Fpicasaweb.google.com%2Fdata%2Ffeed%2Fapi%2Fuser%2Ff.haasi%2Falbumid%2F5532125892793384593%3Falt%3Drss%26kind%3Dphoto%26hl%3Dde" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed> |
- | <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> | + | <p class="main" style="text-align: center; font-weight: bolder;"> |
| + | Collaboration Freiburg_Bioware and Freiburg_Software |
| + | </p> |
| | | |
- | <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> | + | <hr class="line_300"> |
| | | |
- | <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> | + | <embed type="application/x-shockwave-flash" src="http://picasaweb.google.com/s/c/bin/slideshow.swf" class="picasa" flashvars="host=picasaweb.google.com&hl=de&feat=flashalbum&RGB=0x000000&feed=http%3A%2F%2Fpicasaweb.google.com%2Fdata%2Ffeed%2Fapi%2Fuser%2Ff.haasi%2Falbumid%2F5532125051960140609%3Falt%3Drss%26kind%3Dphoto%26hl%3Dde" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed> |
| | | |
- | <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> | + | <p class="main" style="text-align: center; font-weight: bolder;"> |
| + | Our free time activities |
| + | </p> |
| | | |
- | <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> | + | <hr class="line_300"> |
| | | |
- | <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> | + | <embed type="application/x-shockwave-flash" src="http://picasaweb.google.com/s/c/bin/slideshow.swf" class="picasa" flashvars="host=picasaweb.google.com&hl=de&feat=flashalbum&RGB=0x000000&feed=http%3A%2F%2Fpicasaweb.google.com%2Fdata%2Ffeed%2Fapi%2Fuser%2Ff.haasi%2Falbumid%2F5532126217076501185%3Falt%3Drss%26kind%3Dphoto%26hl%3Dde" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed> |
- | | + | |
- | <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>
| + | |
- | | + | |
- | <a href="#next" class="controls next" rel="next">+</a>
| + | |
| | | |
| + | <p class="main" style="text-align: center; font-weight: bolder;"> |
| + | Live updates from our cell phones |
| + | </p> |
| </div> | | </div> |
- | </div>
| |
- | <script type="text/javascript">
| |
- | document.observe('dom:loaded', function () {
| |
- | new Showcase.Vertical($$('#vertical ul li'), $$('#vertical a.controls'), {duration: 0.3});
| |
- | });
| |
- |
| |
- | </script>
| |
- |
| |
- |
| |
| | | |
| </html> | | </html> |