Team:Freiburg Software/Team/Photos

From 2010.igem.org

(Difference between revisions)
 
(49 intermediate revisions not shown)
Line 11: Line 11:
}
}
-
/* for the image frames */
+
</style>
-
* {
+
<!-- slideshows implemented from Picasa  http://picasaweb.google.com -->
-
margin: 0;
+
-
padding: 0;
+
-
}
+
-
:focus {
+
<div id="main_area">
-
outline: none;
+
-
}
+
-
/* General styles ------------------------- */
+
<h1>Photos of the team</h1>
-
.showcase {
+
<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>
-
position: relative;
+
-
}
+
-
/* blue buttons */
+
<p class="main" style="text-align: center; font-weight: bolder;">
 +
A short slideshow from our team
 +
</p>
-
.showcase a.controls {
+
<hr class="line_300">
-
position: absolute;
+
-
width: 22px;
+
-
height: 20px;
+
-
background-color: #aaaaaa;
+
-
text-decoration: none;
+
-
color: #FFF;
+
-
font-size: 40px;
+
-
font-weight: bold;
+
-
text-align: center;
+
-
border: 2px outset #FFF;
+
-
}
+
-
.showcase a.previous {
+
<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>
-
padding-bottom: 4px;
+
-
}
+
-
/* Picture size */
+
<p class="main" style="text-align: center; font-weight: bolder;">
-
 
+
Collaboration Freiburg_Bioware and Freiburg_Software
-
.showcase ul li {
+
</p>
-
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>
+
-
<script type="text/javascript" src="http://www.molbiotech.uni-freiburg.de/iGEM/Java/prototype.js"></script>
+
<hr class="line_300">
-
<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>
+
 +
<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>
-
<div class="showcase" id="vertical" style="align: center; text-align: center;">
+
<p class="main" style="text-align: center; font-weight: bolder;">
-
<a href="#previous" class="controls previous" rel="previous">&ndash;</a>
+
Our free time activities
-
<a href="#next" class="controls next" rel="next">+</a>
+
</p>
-
<ul>
+
-
<li><a href="#" title="Slide 1"><img src="https://static.igem.org/mediawiki/2010/0/00/Freiburg_software_10_team_icon.png" alt="1" /></a></li>
+
-
<li><a href="#" title="Slide 2"><img src="https://static.igem.org/mediawiki/2010/d/de/Freiburg_software_10_synbiowave_logo_2.png" alt="2" /></a></li>
+
-
<li><a href="#" title="Slide 3"><img src="https://static.igem.org/mediawiki/2010/6/61/Freiburg_software_10_user_icon_2.png" alt="3" /></a></li>
+
-
<li><a href="#" title="Slide 4"><img src="https://static.igem.org/mediawiki/2010/c/c1/Freiburg_software_10_developer_icon_2.png" alt="4" /></a></li>
+
-
<li><a href="#" title="Slide 5"><img src="https://static.igem.org/mediawiki/2010/b/b0/Freiburg_software_10_synbiowave_homepage.png" alt="5" /></a></li>
+
-
<li><a href="#" title="Slide 6"><img src="https://static.igem.org/mediawiki/2010/d/db/Freiburg_software_10_google_wave_schrift.png" alt="6" /></a></li>
+
-
<li><a href="#" title="Slide 7"><img src="https://static.igem.org/mediawiki/2010/e/ec/Freiburg_software_10_Kuklab_logo.jpg" alt="7" /></a></li>
+
-
</ul>
+
-
</div>
+
-
<script type="text/javascript">
+
-
document.observe('dom:loaded', function () {
+
-
new Showcase.Vertical($$('#vertical ul li'), $$('#vertical a.controls'), {duration: 0.3});
+
-
});
+
-
</script>
+
<hr class="line_300">
 +
<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>
 +
<p class="main" style="text-align: center; font-weight: bolder;">
 +
Live updates from our cell phones
 +
</p>
 +
</div>
</html>
</html>

Latest revision as of 10:38, 26 October 2010

Photos of the team

A short slideshow from our team

Collaboration Freiburg_Bioware and Freiburg_Software

Our free time activities

Live updates from our cell phones

Retrieved from "http://2010.igem.org/Team:Freiburg_Software/Team/Photos"