Template:Team:Aachen/Stylesheet

From 2014.igem.org

(Difference between revisions)
Line 92: Line 92:
display:inline-block;
display:inline-block;
}
}
 +
 +
 +
 +
/*--Slideshow Begins Here--*/
 +
#slideshow {
 +
display: block;
 +
vertical-align: middle;
 +
position: relative;
 +
}
 +
/*--Main Container--*/
 +
#main_view {
 +
margin-left:auto;
 +
margin-right:auto;
 +
position: relative;
 +
height:300px; width: 780px;
 +
}
 +
.window {
 +
height:280px; width: 760px;
 +
overflow: hidden; /*--Hides anything outside of the set width/height--*/
 +
position: absolute;
 +
display: block;
 +
top:50%;
 +
left:50%;
 +
margin: -140px 0 0 -380px;
 +
}
 +
.image_reel {
 +
position: absolute;
 +
top: 0; left: 0;
 +
}
 +
.image_reel img {float: left;}
 +
.paging {
 +
position: absolute;
 +
bottom: 10px; right: 50px;
 +
width: 300px; height:47px;
 +
z-index: 100; /*--Assures the paging stays on the top layer--*/
 +
text-align: right;
 +
line-height: 40px;
 +
font-weight: bold;
 +
background: url(paging_bg2.png) no-repeat;
 +
display: none; /*--Hidden by default, will be later shown with jQuery--*/
 +
}
 +
.paging a {
 +
padding: 5px;
 +
text-decoration: none;
 +
color: #fff; text-shadow: #333 1px 1px 1px;
 +
}
 +
.pause {
 +
position: absolute;
 +
bottom: 10px; right: 20px;
 +
width: 25px; height:47px;
 +
z-index: 200; /*--Assures the paging stays on the top layer--*/
 +
text-align: center;
 +
line-height: 40px;
 +
font-weight: bold;
 +
display: block; /*--Hidden by default, will be later shown with jQuery--*/
 +
}
 +
.pause a {
 +
padding: 5px;
 +
text-decoration: none;
 +
letter-spacing:1px;
 +
font-weight: thick;
 +
color: #f0f0f0; text-shadow: #333 1px 1px 1px;
 +
border: 2px solid #ccc;
 +
-moz-border-radius: 3px;
 +
-khtml-border-radius: 3px;
 +
-webkit-border-radius: 3px;
 +
}
 +
.paging a.active {
 +
font-weight: bold;
 +
border: 2px solid #fff;
 +
-moz-border-radius: 3px;
 +
-khtml-border-radius: 3px;
 +
-webkit-border-radius: 3px;
 +
}
 +
.paging a:hover {font-weight: bold;}
 +
/*--Slideshow Ends Here--*/
 +
 +
</style>
</style>
</style>
</style>
</html>
</html>

Revision as of 11:42, 17 May 2014