Team:Freiburg Software/Team/Photos

From 2010.igem.org

(Difference between revisions)
Line 32: Line 32:
.showcase a.controls {
.showcase a.controls {
position: absolute;
position: absolute;
-
width: 54px;
+
width: 22px;
-
height: 50px;
+
height: 20px;
-
background-color: #2097FA;
+
background-color: #aaaaaa;
text-decoration: none;
text-decoration: none;
color: #FFF;
color: #FFF;
Line 40: Line 40:
font-weight: bold;
font-weight: bold;
text-align: center;
text-align: center;
-
border: 2px solid #FFF;
+
border: 2px outset #FFF;
}
}
Line 50: Line 50:
.showcase ul li {
.showcase ul li {
-
width: 270px;
+
width: 400px;
-
height: 270px;
+
height: 400px;
float: left;
float: left;
list-style-type: none;
list-style-type: none;
Line 64: Line 64:
height: 100%;
height: 100%;
border: 0;
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;
 
}
}
Line 126: Line 96:
}
}
-
/* 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 163: Line 103:
-
<div class="showcase" id="vertical">
+
<div class="showcase" id="vertical" style="align: center; text-align: center;">
<a href="#previous" class="controls previous" rel="previous">&ndash;</a>
<a href="#previous" class="controls previous" rel="previous">&ndash;</a>
<a href="#next" class="controls next" rel="next">+</a>
<a href="#next" class="controls next" rel="next">+</a>

Revision as of 20:25, 25 October 2010

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