Template:Regional Europe 2013 Page CSS

From 2013.igem.org

(Difference between revisions)
Line 2: Line 2:
<style type="text/css">
<style type="text/css">
-
 
-
/*--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;}
 
-
 
-
.textboxes {
 
-
display: block;
 
-
position: relative;
 
-
border: 1px solid #f0f0f0;
 
-
background: #f0f0f0;
 
-
border-bottom: 2px solid #ccc; 
 
-
-webkit-border-radius: 10px;
 
-
-moz-border-radius: 10px;
 
-
border-radius: 10px;
 
-
margin-top: 10px; margin-bottom: 10px;
 
-
}
 
-
 
-
/*--Slideshow Ends Here--*/
 

Revision as of 00:27, 3 June 2013