Team:Tsinghua-A

From 2014.igem.org

(Difference between revisions)
Line 4: Line 4:
<html>
<html>
<head>
<head>
-
<style type='text/css'>
+
 
-
@charset utf-8;
+
-
+
-
/* common */
+
-
body{background: #ddd;overflow-x: hidden;}
+
-
#bd{width: 1050px;margin:0px auto;max-width: 1050px;}
+
-
+
-
/* module: sliders */
+
-
#sliders{
+
-
    border-radius: 5px;
+
-
    box-shadow: 1px 1px 4px #666;
+
-
    padding: 1%;
+
-
    background: #fff;
+
-
}
+
-
#overflow{
+
-
    width: 100%;
+
-
    overflow: hidden;
+
-
}
+
-
#sliders .inner{
+
-
    width: 500%;
+
-
    transiton: all 1s linear;
+
-
    -webkit-transition: all 1s linear;
+
-
}
+
-
#sliders article{
+
-
    float: left;
+
-
    width: 20%;
+
-
}
+
-
#sliders article .info{
+
-
    position: absolute;
+
-
    opacity: 0;
+
-
    padding: 30px;
+
-
    color: #666;
+
-
    font-family: Arial;
+
-
    transition: opacity 0.1s ease-out;
+
-
    -webkit-transform: translateZ(0);
+
-
    -webkit-transition: opacity 0.1s ease-out;
+
-
}
+
-
#sliders article .info h1{
+
-
    font-size: 40px;   
+
-
    font-weight: bold;
+
-
    margin: 500 0 5px;
+
-
}
+
-
#sliders article .info a{
+
-
    color: #666;
+
-
    text-decoration: none;
+
-
}
+
-
+
-
/* module: controls */
+
-
#controls{
+
-
    height: 50px;
+
-
    width: 100%;
+
-
    margin-top: -25%;
+
-
}
+
-
#controls label{
+
-
    display: none;
+
-
    width: 50px;
+
-
    height: 50px;
+
-
    opacity: 0.3;
+
-
    cursor: pointer;   
+
-
}
+
-
#controls label:hover{
+
-
    opacity: 1;
+
-
}
+
-
+
-
/* module: active */
+
-
#active{
+
-
    width: 100%;
+
-
    margin-top: 23%;
+
-
    text-align: center;
+
-
}
+
-
#active label{
+
-
    display: inline-block;
+
-
    width: 10px;
+
-
    height: 10px;
+
-
    border-radius: 5px;
+
-
    background: #bbb;
+
-
    border-color: #777;
+
-
}
+
-
#active label:hover{
+
-
    background: #ccc;
+
-
}
+
-
+
-
/* input checked change style */
+
-
#slider1:checked ~ #active label:nth-child(1),
+
-
#slider2:checked ~ #active label:nth-child(2),
+
-
#slider3:checked ~ #active label:nth-child(3),
+
-
#slider4:checked ~ #active label:nth-child(4),
+
-
#slider5:checked ~ #active label:nth-child(5){
+
-
    background: #333;
+
-
}
+
-
#slider1:checked ~ #controls label:nth-child(5),
+
-
#slider2:checked ~ #controls label:nth-child(1),
+
-
#slider3:checked ~ #controls label:nth-child(2),
+
-
#slider4:checked ~ #controls label:nth-child(3),
+
-
#slider5:checked ~ #controls label:nth-child(4){
+
-
    display: block;
+
-
    float: left;
+
-
    background: url(../img/prev.png) no-repeat;
+
-
    margin-left: -70px;
+
-
}
+
-
#slider1:checked ~ #controls label:nth-child(2),
+
-
#slider2:checked ~ #controls label:nth-child(3),
+
-
#slider3:checked ~ #controls label:nth-child(4),
+
-
#slider4:checked ~ #controls label:nth-child(5),
+
-
#slider5:checked ~ #controls label:nth-child(1){
+
-
    display: block;
+
-
    float: right;
+
-
    background: url(../img/next.png) no-repeat;
+
-
    margin-right: -70px;
+
-
}
+
-
#slider1:checked ~ #sliders article:nth-child(1) .info,
+
-
#slider2:checked ~ #sliders article:nth-child(2) .info,
+
-
#slider3:checked ~ #sliders article:nth-child(3) .info,
+
-
#slider4:checked ~ #sliders article:nth-child(4) .info,
+
-
#slider5:checked ~ #sliders article:nth-child(5) .info{
+
-
    opacity: 1;
+
-
    transition: all 0.6s ease-out 1s;
+
-
    -webkit-transition: all 0.6s ease-out 1s;
+
-
}
+
-
#slider1:checked ~ #sliders .inner{
+
-
    margin-left: 0;
+
-
}
+
-
#slider2:checked ~ #sliders .inner{
+
-
    margin-left: -100%;
+
-
}
+
-
#slider3:checked ~ #sliders .inner{
+
-
    margin-left: -200%;
+
-
}
+
-
#slider4:checked ~ #sliders .inner{
+
-
    margin-left: -300%;
+
-
}
+
-
#slider5:checked ~ #sliders .inner{
+
-
    margin-left: -400%;
+
-
}
+
-
</style>
+
<div>
<div>
             <table>
             <table>

Revision as of 05:05, 17 October 2014

Centre for Research and Interdisciplinarity (CRI)
Faculty of Medicine Cochin Port-Royal, South wing, 2nd floor
Paris Descartes University
24, rue du Faubourg Saint Jacques
75014 Paris, France
+33 1 44 41 25 22/25
team2013@igem-paris.org
Hit Counter by Digits
Copyright (c) 2013 igem.org. All rights reserved.




Retrieved from "http://2014.igem.org/Team:Tsinghua-A"