GALLERY.html
From 2012.igem.org
(Difference between revisions)
Line 189: | Line 189: | ||
//--> | //--> | ||
</script> | </script> | ||
+ | |||
+ | /*]]>*/</script> | ||
+ | |||
+ | <script type="text/javascript" src="/wiki/skins/common/wikibits.js?116"><!-- wikibits js --></script> | ||
+ | <!-- Head Scripts --> | ||
+ | <script type="text/javascript" src="/wiki/skins/common/ajax.js?116"></script> | ||
+ | <script type="text/javascript" src="/wiki/skins/common/ajaxwatch.js?116"></script> | ||
+ | <script type="text/javascript" src="/wiki/index.php?title=-&action=raw&smaxage=0&gen=js&useskin=igem"><!-- site js --></script> | ||
+ | <style type="text/css">/*<![CDATA[*/ | ||
+ | @import "/wiki/index.php?title=MediaWiki:Common.css&usemsgcache=yes&action=raw&ctype=text/css&smaxage=18000"; | ||
+ | @import "/wiki/index.php?title=MediaWiki:Igem.css&usemsgcache=yes&action=raw&ctype=text/css&smaxage=18000"; | ||
+ | @import "/wiki/index.php?title=-&action=raw&gen=css&maxage=18000&smaxage=0"; | ||
+ | /*]]>*/</style> | ||
+ | <!-- jQuery Javascript --> | ||
+ | <script type='text/javascript' src ='/common/jquery-latest.min.js'></script> | ||
+ | <script type='text/javascript' src ='/common/tablesorter/jquery.tablesorter.min.js'></script> | ||
+ | <link rel='stylesheet' type='text/css' href='/common/tablesorter/themes/groupparts/style.css' /> | ||
+ | <link rel='stylesheet' type='text/css' href='/common/table_styles.css' /> | ||
+ | <link rel='stylesheet' type='text/css' href='/forum/forum_styles.css' /> | ||
+ | <script type='text/javascript' src ='/forum/forum_scripts.js'></script> | ||
</head> | </head> | ||
+ | |||
<body background="https://static.igem.org/mediawiki/2012/9/96/Background_-_Wikipage.gif" bgColor="#FFFFFF"> | <body background="https://static.igem.org/mediawiki/2012/9/96/Background_-_Wikipage.gif" bgColor="#FFFFFF"> | ||
<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--*/ | ||
div#container | div#container | ||
{ | { |
Revision as of 19:44, 25 September 2012
/*]]>*/
PHOTOS