Team:Freiburg Software/Team/Photos

From 2010.igem.org

(Difference between revisions)
Line 28: Line 28:
width: 100%;
width: 100%;
height: 100%;
height: 100%;
 +
}
 +
* {
 +
margin: 0;
 +
padding: 0;
}
}
 +
:focus {
 +
outline: none;
 +
}
 +
 +
/* General styles ------------------------- */
 +
 +
.showcase {
 +
position: relative;
 +
}
 +
 +
.showcase a.controls {
 +
position: absolute;
 +
width: 54px;
 +
height: 50px;
 +
background-color: #2097FA;
 +
text-decoration: none;
 +
color: #FFF;
 +
font-size: 40px;
 +
font-weight: bold;
 +
text-align: center;
 +
border: 2px solid #FFF;
 +
}
 +
 +
.showcase a.previous {
 +
padding-bottom: 4px;
 +
}
 +
 +
.showcase ul li {
 +
width: 170px;
 +
height: 170px;
 +
float: left;
 +
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: 20px auto 0 auto;
 +
width: 836px;
 +
height: 170px;
 +
}
 +
 +
.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: 700px;
 +
height: 170px;
 +
margin: 0 auto;
 +
}
 +
 +
/* Vertical showcase ------------------------- */
 +
 +
.showcase#vertical {
 +
margin: 100px auto 0 auto;
 +
width: 170px;
 +
height: 600px;
 +
}
 +
 +
.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: 450px;
 +
top: 75px;
 +
}
 +
 +
/* Diagonal showcase ------------------------- */
 +
 +
.showcase#diagonal {
 +
margin: 100px auto 0 auto;
 +
width: 620px;
 +
height: 620px;
 +
}
 +
 +
.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: 500px;
 +
height: 500px;
 +
top: 60px;
 +
left: 60px;
 +
}
</style>
</style>
Line 37: Line 175:
-
<a href="#next" class="controls" rel="next">Next</a>
+
<div class="showcase" id="horizontal">
-
<a href="#previous" class="controls" rel="previous">Previous</a>
+
<a href="#previous" class="controls previous" rel="previous">&ndash;</a>
 +
<a href="#next" class="controls next" rel="next">+</a>
 +
<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.Horizontal($$('#horizontal ul li'), $$('#horizontal a.controls'), {duration: 0.3});
 +
});
 +
</script>
 +
 
-
<ul id="showcase">
 
-
<li><img src="https://static.igem.org/mediawiki/2010/0/00/Freiburg_software_10_team_icon.png" alt="1" /></li>
 
-
<li><img src="https://static.igem.org/mediawiki/2010/d/de/Freiburg_software_10_synbiowave_logo_2.png" alt="2" /></li>
 
-
<li><img src="https://static.igem.org/mediawiki/2010/6/61/Freiburg_software_10_user_icon_2.png" alt="3" /></li>
 
-
<li><img src="https://static.igem.org/mediawiki/2010/c/c1/Freiburg_software_10_developer_icon_2.png" alt="n" /></li>
 
-
<li><img src="https://static.igem.org/mediawiki/2010/b/b0/Freiburg_software_10_synbiowave_homepage.png" alt="n" /></li>
 
-
<li><img src="https://static.igem.org/mediawiki/2010/d/db/Freiburg_software_10_google_wave_schrift.png" alt="n" /></li>
 
-
<li><img src="https://static.igem.org/mediawiki/2010/e/ec/Freiburg_software_10_Kuklab_logo.jpg" alt="n" /></li>
 
-
<li><img src="https://static.igem.org/mediawiki/2010/b/b6/Freiburg_software_10_Sourceforge-logo_v1.png" alt="n" /></li>
 
-
</ul>
 
</html>
</html>

Revision as of 20:05, 25 October 2010

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7

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