Team:NJU-QIBEBT/Practice

From 2014.igem.org

(Difference between revisions)
(P)
 
(2 intermediate revisions not shown)
Line 6: Line 6:
<script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://2014.igem.org/wiki/index.php?title=Template:Team:NJU-QIBEBT/CSS/Practice&action=raw" />
<link rel="stylesheet" type="text/css" href="https://2014.igem.org/wiki/index.php?title=Template:Team:NJU-QIBEBT/CSS/Practice&action=raw" />
 +
<script type="text/javascript">
 +
    /**
 +
    * Created by Tarly on 14-9-17.
 +
    */
 +
    $(function() {
 +
        $("#scru1").click(function() {
 +
                    window.scrollTo(300,70);
 +
                }
 +
        );
 +
        $("#scru2").click(function() {
 +
                    window.scrollTo(300,900);
 +
                }
 +
        );
 +
        $("#scru3").click(function() {
 +
                    window.scrollTo(300,1750);
 +
                }
 +
        );
 +
        $("#scru4").click(function() {
 +
                    window.scrollTo(300,2600);
 +
                }
 +
        );
 +
    });
 +
 +
</script>
<style type="text/css">
<style type="text/css">
/*============================================================================*/
/*============================================================================*/
-
#header{
+
        #header{
-
position: fixed;
+
            position: fixed;
-
z-index: 100;
+
            z-index: 100;
-
}
+
        }
-
#main{
+
        #main{
-
margin:0px auto;
+
            margin:0px auto;
-
width: 960px;
+
            width: 960px;
-
position: relative;
+
            position: relative;
-
}
+
        }
-
.scrubber{
+
        .scrubber{
-
width: 200px;
+
            position: fixed;
-
min-height: 200px;
+
            width: 200px;
-
position: absolute;
+
            min-height: 200px;
-
top: 60px;
+
            top: 60px;
-
left: 0px;
+
            left: 220px;
-
z-index: 99;
+
            z-index: 99;
-
background:url("https://static.igem.org/mediawiki/2014/a/a0/NJU_news-bac.png") repeat;
+
            background:url("https://static.igem.org/mediawiki/2014/a/a0/NJU_news-bac.png") repeat;
-
}
+
        }
-
.scrubber p{
+
        .scrubber p{
-
color: white;
+
            color: white;
-
height: 30px;
+
            height: 30px;
-
font-size: 14px;  
+
            font-size: 14px;
-
        z-index:900;
+
            z-index:900;
-
}
+
        }
-
.scrubber p:hover{
+
        .scrubber p:hover{
-
cursor: pointer;
+
            cursor: pointer;
-
+
            text-shadow:2px 2px 2px #111111;
-
}
+
-
#content2{
+
-
min-height: 1000px;
+
-
background: url("https://static.igem.org/mediawiki/2014/c/ce/Vertical_line.png") repeat-y 220px 0;
+
-
padding-top: 100px;
+
-
padding-left: 260px;
+
-
position: relative;
+
-
}
+
 
 +
        }
 +
        #content2{
 +
            min-height: 1000px;
 +
            background: url("https://static.igem.org/mediawiki/2014/c/ce/Vertical_line.png") repeat-y 220px 0;
 +
            padding-top: 100px;
 +
            padding-left: 260px;
 +
            position: relative;
 +
        }
 +
        .prac{
 +
            background: rgba(255,251,240,0.1);
 +
            min-height: 800px;
 +
            margin-top: 40px;
 +
            position: relative;
 +
            box-shadow: 0px 0px 10px #222222;
 +
            border-radius: 5px;
 +
        }
 +
        .prac h3{
 +
            font-size: 30px;
 +
            text-align: center;
 +
            color: #d6ecf0;
 +
            text-shadow: 0 0 4px #75878a;
 +
        }
Line 184: Line 223:
<div id="main">
<div id="main">
-
<div class="scrubber">
+
    <div class="scrubber">
-
<p></p>
+
        <p></p>
-
<p></p>
+
        <p></p>
-
<p>1:Synthetic biology free debate</p>
+
        <p id="scru1">1:Synthetic biology free debate</p>
-
<p>2:Reach the unreached</p>
+
        <p id="scru2">2:Reach the unreached</p>
-
<p>3:Synthetic biology workshop</p>
+
        <p id="scru3">3:Synthetic biology workshop</p>
-
<p>4:Collaboration</p>
+
        <p id="scru4">4:Collaboration</p>
-
</div>
+
    </div>
-
<div id="content2"></div>
+
    <div id="content2">
 +
        <div id="prac1" class="prac">
 +
            <h3>Synthetic biology free debate</h3>
 +
        </div>
 +
        <div id="prac2" class="prac">
 +
            <h3>Reach the unreached</h3>
 +
 
 +
        </div>
 +
        <div id="prac3" class="prac">
 +
            <h3>Synthetic biology workshop</h3>
 +
 
 +
        </div>
 +
        <div id="prac4" class="prac">
 +
            <h3>Collaboration</h3>
 +
 
 +
        </div>
 +
    </div>
</div>
</div>
<div id="footer"></div>
<div id="footer"></div>

Latest revision as of 09:04, 17 September 2014

1:Synthetic biology free debate

2:Reach the unreached

3:Synthetic biology workshop

4:Collaboration

Synthetic biology free debate

Reach the unreached

Synthetic biology workshop

Collaboration

Retrieved from "http://2014.igem.org/Team:NJU-QIBEBT/Practice"