"
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;} | ||
| + | /*--Slideshow Ends Here--*/ | ||
Revision as of 00:35, 3 June 2013
