Test

From 2013.igem.org

(Difference between revisions)
 
(2 intermediate revisions not shown)
Line 1: Line 1:
-
<div id='cincopa_widget_6cfc5c3d-8bdf-4aa1-a229-43158e681125'><a href='//www.cincopa.com/media-platform/wordpress-plugin.aspx'><img src='//www.cincopa.com/media-platform/runtime/loading.gif' alt="Powered by Cincopa" style='border:0;'/></a></div>
+
<html>
-
<script src='//www.cincopa.com/media-platform/runtime/libasync.js' type='text/javascript'></script>
+
<head>
-
<script type='text/javascript'>cp_load_widget('AYGA_SrbkBhK', 'cincopa_widget_6cfc5c3d-8bdf-4aa1-a229-43158e681125');</script>
+
    <meta http-equiv="content-type" content="text/html;charset=utf-8" />
-
<noscript>Click <a href='http://www.cincopa.com/media-platform/view.aspx?fid=AYGA_SrbkBhK'>here</a> to open the gallery.<br>
+
   
-
Powered by Cincopa <a href='http://www.cincopa.com/media-platform'>Media Platform</a> for your website and Cincopa MediaSend for <a href='http://www.cincopa.com/mediasend/start.aspx'>file transfer</a>.
+
 
-
</noscript>
+
 
 +
<script type="text/javascript"><!--  
 +
var delay=7000
 +
var ie4=document.all
 +
var curindex=0
 +
var totalcontent=0
 +
function get_total(){
 +
if (ie4){
 +
while (eval("document.all.content"+totalcontent))
 +
totalcontent++
 +
}
 +
else{
 +
while (document.getElementById("content"+totalcontent))
 +
totalcontent++
 +
}
 +
}
 +
function contract_all(){
 +
for (y=0;y<totalcontent;y++){
 +
if (ie4)
 +
eval("document.all.content"+y).style.display="none"
 +
else
 +
document.getElementById("content"+y).style.display="none"
 +
}
 +
}
 +
function expand_one(which){
 +
contract_all()
 +
if (ie4)
 +
eval("document.all.content"+which).style.display=""
 +
else
 +
document.getElementById("content"+which).style.display=""
 +
}
 +
function rotate_content(){
 +
get_total()
 +
contract_all()
 +
expand_one(curindex)
 +
curindex=(curindex<totalcontent-1)? curindex+1: 0
 +
setTimeout("rotate_content()",delay)
 +
}
 +
window.onload=rotate_content
 +
//--></script>
 +
</head>
 +
 
 +
<style>
 +
body{
 +
background-color: #0B0719;
 +
font: 11px Arial;
 +
color: #FFFFFF;
 +
padding: 5px 5px 5px 5px;
 +
    }
 +
 
 +
b{
 +
color: #FFFFFF;
 +
}
 +
 
 +
.heading{
 +
color: #000;
 +
font: 14px century gothic;
 +
padding: 5px 5px 2px 5px;
 +
font-weight: bold;
 +
}
 +
 
 +
.titlebg{
 +
position: absolute;
 +
top: 0px;
 +
background-color: #000;
 +
width: 240px;
 +
height: 50px;
 +
  /* for IE */
 +
  filter:alpha(opacity=60);
 +
  /* CSS3 standard */
 +
  opacity:0.6;
 +
z-index:3;
 +
      }
 +
 
 +
.title{
 +
position: absolute;
 +
top: 0px;
 +
float: left;
 +
font: 35px Trebuchet MS;
 +
color: #FFF;
 +
padding-top: 5px;
 +
padding-left: 10px;
 +
z-index: 4;
 +
      }
 +
 
 +
.header{
 +
z-index: 1;
 +
position: relative;
 +
top: 0px;
 +
height: 293px;
 +
    }
 +
 
 +
.menu{
 +
z-index: 5;
 +
position: relative;
 +
top: 220px;
 +
font: 18px Trebuchet MS;
 +
text-align: center;
 +
          }
 +
</style>
 +
 
 +
<body bgcolor="#FFFFFF">
 +
<body align:center>
 +
 
 +
 
 +
 
 +
<div class="header">
 +
<div class="titlebg">
 +
</div>
 +
 
 +
<div id="content0" style="display:none">
 +
<img src="https://static.igem.org/mediawiki/2011/0/03/Ziggurats_for_banner.jpg" width="965px" height="293px" border="0"></div>
 +
<div id="content1" style="display:none">
 +
<img src="https://static.igem.org/mediawiki/2011/d/db/JIC_AERIAL_VIEW_BANNER.jpg" width="965px" height="293px" border="0"></div>
 +
<div id="content2" style="display:none">
 +
<img src="https://static.igem.org/mediawiki/2011/0/09/CHLAMY_BANNER.jpg" width="965px" height="293px" border="0">
 +
</div>
 +
<div id="content3" style="display:none">
 +
<img src="https://static.igem.org/mediawiki/2011/d/db/Fountain_border.jpg" width="965px" height="293px" border="0">
 +
</div>
 +
<div id="content4" style="display:none">
 +
<img src="https://static.igem.org/mediawiki/2011/0/05/Physcomitrella_P.jpg " width="965px" height="293px" border="0">
 +
</div>
 +
 
 +
</div>
 +
</div>
 +
 
 +
 
 +
 
 +
 
 +
<script type="text/javascript"
 +
src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
 +
<script type="text/javascript">
 +
$(document).ready(function() {
 +
$("ul#topnav li").hover(function() {
 +
$(this).css({ 'background' : 'transparent url(https://static.igem.org/mediawiki/2010/0/03/Valencia_navbar_active.gif) repeat-x'});
 +
$(this).find("span").show();
 +
} , function() { //on hover out...
 +
$(this).css({ 'background' : 'none'});
 +
$(this).find("span").hide();
 +
});
 +
 +
});
 +
</script>
 +
 
 +
<style>
 +
 
 +
/* Menu from http://www.sohtanaka.com/web-design/examples/horizontal-subnav/ */
 +
#tab_nav {
 +
position: absolute;
 +
z-index: 1000;
 +
}
 +
ul#topnav {
 +
float: left;
 +
width: 965px;
 +
list-style: none;
 +
position: relative;
 +
background: url("https://static.igem.org/mediawiki/2011/f/fc/Navigation.gif") repeat-x;
 +
        font-family: Arial, Helvetica, Sans-Serif;
 +
margin-left: 0px;
 +
margin-top: 0px;
 +
        font-size: 14px;
 +
 
 +
}
 +
ul#topnav li {
 +
float: left;
 +
border-right: 1px solid #555;
 +
        font-family: Arial, Helvetica, Sans-Serif;
 +
 
 +
}
 +
ul#topnav li a {
 +
padding: 10px 15px;
 +
font-weight: bold;
 +
display: block;
 +
color: #f0f0f0;
 +
text-decoration: none;
 +
        font-family: Arial, Helvetica, Sans-Serif;
 +
 
 +
}
 +
ul#topnav li a:hover {
 +
      text-decoration: underline;
 +
}
 +
 
 +
 
 +
   
 +
<br>
 +
</html>

Latest revision as of 16:27, 17 September 2013