Team:Shenzhen BGIC 0101

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
 +
{{:Team:Shenzhen_BGIC_0101/Templates/Header}}
 +
<html>
 +
<head>
 +
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
 +
<script src="http://code.jquery.com/jquery-1.8.2.min.js" type="text/javascript"></script>
 +
<script src="https://2013.igem.org/Team:Shenzhen_BGIC_0101/js/jquerycarouFredSel?action=raw&ctype=text/js" type="text/javascript"></script>
 +
<script type="text/javascript">
 +
$(function() {
 +
$('#carousel').carouFredSel({
 +
width: 800,
 +
align: false,
 +
items: {
 +
visible: 1,
 +
width: 700
 +
},
 +
auto: false,
 +
next: '#next',
 +
scroll: {
 +
onBefore: function( data ) {
 +
data.items.visible.animate({
 +
'marginLeft': 0
 +
}, data.scroll.duration);
 +
},
 +
onAfter: function( data ) {
 +
data.items.old.css({
 +
'zIndex': 0,
 +
'marginLeft': -100
 +
});
 +
data.items.visible.css( 'zIndex', 2 );
 +
data.items.visible.next().css( 'zIndex', 1 );
 +
}
 +
},
 +
onCreate: function( data ) {
 +
data.items.css({
 +
'marginLeft': 0,
 +
'zIndex': 2
 +
});
 +
data.items.next().css( 'zIndex', 1 );
 +
}
 +
});
 +
});
 +
</script>
 +
<style type="text/css">
 +
html, body {
 +
height: 100%;
 +
padding: 0;
 +
margin: 0;
 +
}
 +
body {
 +
background-color: #eee;
 +
min-height: 600px;
 +
}
 +
body * {
 +
font-family: Arial, Geneva, SunSans-Regular, sans-serif;
 +
font-size: 14px;
 +
color: #333;
 +
line-height: 22px;
 +
}
 +
 +
#wrapper {
 +
background-color: #fff;
 +
width: 610px;
 +
height: 375px;
 +
padding: 10px;
 +
margin: -265px 0 0 -410px;
 +
position: absolute;
 +
top: 50%;
 +
left: 50%;
 +
box-shadow: 0 0 10px #666;
 +
}
 +
#carousel {
 +
width: 610px;
 +
height: 375px;
 +
overflow: hidden;
 +
}
 +
#carousel img {
 +
border: none;
 +
display: block;
 +
 +
 +
position: relative;
 +
z-index: 0;
 +
 +
}
 +
#uniq {
 +
width: 610px;
 +
height: 375px;
 +
overflow: hidden;
 +
border: none;
 +
display: block;
 +
margin-left: 0;
 +
position: relative;
 +
z-index: 0;
 +
}
 +
#next {
 +
background: url( img/gui-next.png ) center center no-repeat #999;
 +
display: block;
 +
width: 20px;
 +
height: 375px;
 +
position: absolute;
 +
top: 10px;
 +
right: 10px;
 +
z-index: 5;
 +
opacity: 0.1;
 +
 +
-o-transition: opacity 1s ease;
 +
-ms-transition: opacity 1s ease;
 +
-moz-transition: opacity 1s ease;
 +
-webkit-transition: opacity 1s ease;
 +
transition: opacity 1s ease;
 +
}
 +
#next:hover {
 +
opacity: 0.5;
 +
}
 +
 +
#donate-spacer {
 +
height: 100%;
 +
}
 +
#donate {
 +
border-top: 1px solid #999;
 +
width: 750px;
 +
padding: 50px 75px;
 +
margin: 0 auto;
 +
overflow: hidden;
 +
}
 +
#donate p, #donate form {
 +
margin: 0;
 +
float: left;
 +
}
 +
#donate p {
 +
width: 650px;
 +
}
 +
#donate form {
 +
width: 100px;
 +
}
 +
</style>
 +
</head>
 +
<body>
 +
<div id="wrapper">
 +
<div id="carousel">
 +
<img src="frontpage/frontpage1.png" width="570" height="371"/ >
 +
<img src="frontpage/frontpage2.png" width="560" height="371" />
 +
<img src="frontpage/frontpage3.png" width="560" height="371" />
 +
<img src="frontpage/frontpage4.png" width="560" height="371" />
 +
<img src="frontpage/frontpage5.png" width="560" height="371" />
 +
<img src="frontpage/frontpage6.png" width="560" height="371" />
 +
</div>
 +
 +
<div>
 +
<a id="next" href="#"></a>
 +
</div>
 +
</div>
 +
</body>
 +
</html>
 +
 +
 +
 +
 +
 +
 +
 +
<--! Edit by ZHANG CHAO
<html  style="background-color:#000">
<html  style="background-color:#000">
<head>
<head>
Line 113: Line 275:
</body>
</body>
</html>
</html>
 +
-->

Revision as of 19:51, 25 October 2013







<--! Edit by ZHANG CHAO

-->

Retrieved from "http://2013.igem.org/Team:Shenzhen_BGIC_0101"