Team:Freiburg Software/Team/Photos

@@ Line 64: / Line 64: @@
 height: 100%;
 border: 0;
+}
+* 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;
 }
@@ Line 105: / Line 136: @@
 <div class="main_area">
-<div class="showcase" id="vertical" style="align: center; text-align: center;">
+<div class="showcase" id="diagonal" style="align: center; text-align: center;">
 <a href="#previous" class="controls previous" rel="previous" style="margin: -50px 0px 0px 0px; float: left;">&ndash;</a>
@@ Line 151: / Line 182: @@
 	<script type="text/javascript">
 		document.observe('dom:loaded', function () {
-			new Showcase.Vertical($$('#vertical ul li'), $$('#vertical a.controls'), {duration: 0.3});
+			new Showcase.Diagonal($$('#diagonal ul li'), $$('#diagonal a.controls'), {duration: 0.3});
 			});
 	</script>