|
|
(33 intermediate revisions not shown) |
Line 1: |
Line 1: |
| + | {{:Team:SKLBC-China/covercss}} |
| <html> | | <html> |
- | <head>
| |
- | <script>
| |
- | window.onload = function(){
| |
- | $.ajax({
| |
- | url: "/Team:SYSU-Software/header",
| |
- | cache: false,
| |
- | success: function(html){
| |
- | $("#navigation").append($(html).find(".row").html());
| |
- | var url = window.location.href;
| |
- |
| |
- | if(url == "https://2013.igem.org/Team:SYSU-Software")
| |
- | {
| |
- | $(".nav-li:first").addClass("active");
| |
- | }
| |
- | else if((url == "https://2013.igem.org/Team:SYSU-Software/overview") || (url == "https://2013.igem.org/Team:SYSU-Software/demo") ||
| |
- | (url == "https://2013.igem.org/Team:SYSU-Software/download") || (url == "https://2013.igem.org/Team:SYSU-Software/part1") ||
| |
- | (url == "https://2013.igem.org/Team:SYSU-Software/part2") || (url == "https://2013.igem.org/Team:SYSU-Software/part3"))
| |
- | $(".nav-li:eq(1)").addClass("active");
| |
- | else if((url == "https://2013.igem.org/Team:SYSU-Software/model") || (url == "https://2013.igem.org/Team:SYSU-Software/notebook")|| (url == "https://2013.igem.org/Team:SYSU-Software/tutorial"))
| |
- | $(".nav-li:eq(2)").addClass("active");
| |
- | else if((url == "https://2013.igem.org/Team:SYSU-Software/require")|| (url == "https://2013.igem.org/Team:SYSU-Software/saft")|| (url == "https://2013.igem.org/Team:SYSU-Software/colla"))
| |
- | $(".nav-li:eq(3)").addClass("active");
| |
- | else if((url == "https://2013.igem.org/Team:SYSU-Software/humanpra"))
| |
- | $(".nav-li:eq(4)").addClass("active");
| |
- | else if((url == "https://2013.igem.org/Team:SYSU-Software/team"))
| |
- | $(".nav-li:eq(5)").addClass("active");
| |
- | }
| |
- | });
| |
- | $.ajax({
| |
- | url: "/Team:SYSU-Software/footer",
| |
- | cache: false,
| |
- | success: function(html){
| |
- | $("footer").append($(html).find("footer").html());
| |
- | }
| |
- | });
| |
- | }
| |
- |
| |
- |
| |
- | $(document).ready(function() {
| |
- | $("#navigation").after("<div id=\"totop\"><span></span></div>");
| |
- | var topbtn = $("#totop");
| |
- | var lastScroll = 0;
| |
- | topbtn.css("display", "none");
| |
- | window.onscroll = function(){
| |
- | var top = $(window).scrollTop();
| |
- | if(top > 0){
| |
- | topbtn.css("display", "");
| |
- | }
| |
- | if(top == 0){
| |
- | topbtn.css("display", "none");
| |
- | }
| |
- | };
| |
- | /* topbtn.focus(function(){ */
| |
- | /* }); */
| |
- | topbtn.click(function(){
| |
- | var scrollTop = 0;
| |
- | var curPos = $(window).scrollTop();
| |
- | topbtn.addClass("movingtotop");
| |
- | topbtn.addClass("focustop");
| |
- | var step = Math.abs(scrollTop - curPos) / 200 ;
| |
- | var tid = setInterval(function() {
| |
- | topbtn.toggleClass("movingtotop");
| |
- | if (curPos > scrollTop + 14) {
| |
- | curPos -= step;
| |
- | step = step * 1.05;
| |
- | window.scrollTo(0, curPos);
| |
- | } else if (curPos <= scrollTop + 14){
| |
- | window.scrollTo(0, scrollTop);
| |
- | topbtn.removeClass("movingtotop").removeClass("focustop");
| |
- | clearInterval(tid);
| |
- | }
| |
- | }, 0.01);
| |
- | });
| |
- |
| |
- | });
| |
- | </script>
| |
- | <style type="text/css">
| |
- | #p-logo,#search-controls,.firstHeading,#top,#footer-box,#catlinks
| |
- | { display:none; }
| |
- |
| |
- | #globalWrapper {
| |
- | padding-bottom:0; top:0px;}
| |
- |
| |
- | #top-section{
| |
- | height:0px;
| |
- | border:none;
| |
- | width:100%; }
| |
- |
| |
- | #content{
| |
- | width:100%;
| |
- | border-left:none; border-right: none;
| |
- | padding:1px 0px 0px 0px!important;
| |
- |
| |
- | }
| |
- |
| |
- | #menubar{
| |
- | width:510px;
| |
- | top:-1px;
| |
- | }
| |
- |
| |
- | .right-menu li a{
| |
- | background-color:white;
| |
- | color:black;
| |
- | text-decoration:none;
| |
- | }
| |
- |
| |
- | .right-menu li a:hover{
| |
- | text-decoration:none;
| |
- | }
| |
- |
| |
- | .left-menu li a{
| |
- | text-decoration:none;
| |
- | }
| |
- | .left-menu li a:hover{
| |
- | text-decoration:none;
| |
- | }
| |
- |
| |
- | ul,li{ list-style:none; }
| |
- | </style>
| |
- | </head>
| |
- | </html>
| |
- | <!DOCTYPE HTML>
| |
- | <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
| |
- | <title>SKLBC-China-Home</title>
| |
| <head> | | <head> |
- | <style type="text/css"!important> | + | <style type="text/css"> |
- | *{margin:0px;padding:0px}
| + | body {background-color:rgb(2,173,163)} |
- | body {background-color:rgb(1,159,149)} | + | img.logo { |
- | div.header {background-color:rgb(46,178,170);width:100%!important;height:30px;z-index:3;top:0px;position:fixed} | + | width:150px; |
- | div.container {margin:0;padding:0;background-color:rgb(130,200,170);width:60%!important;left:20%;margin-top:0px;z-index:-1;opacity:0.6;position:fixed} | + | height:150px; |
- | div.content {width:60%!important;left:20%;margin-top:0px;z-index:1;position:relative} | + | } |
- | div.bgleft {background-repeat:no-repeat;width:60%;height:100%;left:0%;bottom:0%;z-index:-2;position:fixed;background-size:100%;background-image: url(ldownc.jpg);background-position:bottom} | + | img.WeiGem {width:550px;height:150px;} |
- | div.bgright {background-repeat:no-repeat;width:40%;height:100%;left:60%;bottom:0%;z-index:-2;position:fixed;background-size:100%;background-image: url(rdownc.jpg);background-position:bottom} | + | img.backgleft |
- | div.bigtitle {background-position:center;background-image: url(title.jpg);background-size:100%;background-repeat:no-repeat;width:60%;left:20%;margin-top:30px;z_index:2;position:relative} | + | { |
- | p {color:rgb(1,159,149)} | + | bottom:0%; |
- | ul {float:left;
| + | position:fixed; |
- | width:100%; | + | width:48%; |
- | padding:0; | + | } |
- | margin:0; | + | img.backgright |
- | list-style-type:none;} | + | { |
- | a {float:left; | + | bottom:0%; |
- | width:7em;
| + | position:fixed; |
- | text-decoration:none;
| + | width:32% |
- | color:white;
| + | } |
- | background-color:rgb(46,178,170);
| + | img.linking |
- | padding:0.2em 0.6em;
| + | { |
- | border-right:1px solid white;}
| + | width:300px; |
- | a:hover {background-color:#ff3300}
| + | height:50px; |
- | li {display:inline}}
| + | left:0px; |
- | li {display:inline} | + | top:0px; |
| + | position:absolute; |
| + | float:left; |
| + | } |
| + | div.bgleft {width:48%;height:100%;left:0%;bottom:0%;z-index:-2;position:fixed;} |
| + | div.bgright {width:32%;height:100%;left:68%;bottom:0%;z-index:-2;position:fixed;} |
| + | div.bigtitle {background-position:center;background-image:url(https://static.igem.org/mediawiki/2014hs/6/6e/SKLBC-China2014-title.jpg);background-size:100%;background-repeat:no-repeat;width:60%;left:20%;margin-top:30px;z_index:2;position:relative} |
| + | a.s {background-color:transparent; |
| + | height:42px; |
| + | float:left; |
| + | left:0px; |
| + | postion:absolute; |
| + | -webkit-transition: background-color 0.25s ease-in; |
| + | -moz-transition: background-color 0.25s ease-in; |
| + | -o-transition: background-color 0.25s ease-in;} |
| + | div a:hover {background-color:rgb(244,174,184)} |
| + | .indexviewport {width:1125px;height:250px;top:50%;margin-top:-125px;position:fixed;left:50%;margin-left:-562.5px;} |
| + | .logos {width:150px;height:150px;left:550px;float:left;top:50px;position:absolute;} |
| + | .WeiGEMs {width:550px;height:150px;left:0px;float:left;top:50px;position:absolute;} |
| + | .linkings {width:400px;height:250px;right:100px;float:right;top:0px;position:absolute;} |
| + | .QR {width:100px;height:100px;right:0px;float:right;top:75px;position:absolute;} |
| </style> | | </style> |
| </head> | | </head> |
| + | <title>Welcome to SKLBC-China</title> |
| <body> | | <body> |
- | <div class="header" style="text-align:center"> | + | <div class="bgleft"><img class="backgleft" src="https://static.igem.org/mediawiki/2014hs/a/a3/SKLBC-China2014-ldownc.jpg" /></div> |
- | <ul>
| + | <div class="bgright"><img class="backgright" src="https://static.igem.org/mediawiki/2014hs/5/57/SKLBC-China2014-rdownc.jpg" /></div> |
- | <li><a href="#">Home</a></li>
| + | <div class="indexviewport"> |
- | <li><a href="#">Project</a></li>
| + | <div class="WeiGEMs"><img class="WeiGem" src="https://static.igem.org/mediawiki/2014hs/c/c0/2014hs-SKLBC-China-WeiGem.png" /></div> |
- | <li><a href="#">Documents</a></li>
| + | <div class="logos"><img class="logo" src="https://static.igem.org/mediawiki/2014hs/6/65/SKLBC-China2014-logo.png" /></div> |
- | <li><a href="#">Requirement</a></li>
| + | <div class="linkings"> |
- | <li><a href="#">Team</a></li> | + | <div style="width:150px;height:50px;float:left;left:0px;top:0px;position:absolute"><a class="s" href="https://2014hs.igem.org/Team:SKLBC-China/Project" style="width:150px;"><img class="linking" src="https://static.igem.org/mediawiki/2014hs/f/f7/2014hs-SKLBC-China-Project-index.png"/></a></div> |
- | <li><a href="#">Our Logo</a></li>
| + | <div style="width:200px;height;50px;float:left;left:70px;top:50px;position:absolute"><a class="s"href="https://2014hs.igem.org/Team:SKLBC-China/Documents" style="width:200px;"><img class="linking" src="https://static.igem.org/mediawiki/2014hs/6/64/2014hs-SKLBC-China-Documents-index.png" /></a></div> |
- | </ul>
| + | <div style="width:235px;height:50px;float:left;left:100px;top:100px;position:absolute"><a class="s"href="https://2014hs.igem.org/Team:SKLBC-China/Requirement" style="width:235px;"><img class="linking" src="https://static.igem.org/mediawiki/2014hs/7/74/2014hs-SKLBC-China-Requirement-index.png" /></a></div> |
- | </div>
| + | <div style="width:280px;height;50px;float:left;left:70px;top:150px;position:absolute"><a class="s"href="https://2014hs.igem.org/Team:SKLBC-China/Human Practice" style="width:280px;"><img class="linking" src="https://static.igem.org/mediawiki/2014hs/3/3e/2014hs-SKLBC-China-Human_Practice-index.png" /></a></div> |
- | <div class="bgleft"></div>
| + | <div style="width:100px;height:50px;float:left;left:0px;top:200px;position:absolute"><a class="s"href="https://2014hs.igem.org/Team:SKLBC-China/Team" style="width:100px;"><img class="linking" src="https://static.igem.org/mediawiki/2014hs/0/0b/2014hs-SKLBC-China-Team-index.png" /></a></div> |
- | <div class="bgright"></div>
| + | </div> |
- | <div class="container" style="height:100%;"></div>
| + | <div class="QR"> |
- | <div class="bigtitle" style="height:100px"></div>
| + | <img src="https://static.igem.org/mediawiki/2014hs/d/d6/2014hs-SKLBC-China-QRCode.png" style="width:100px"/> |
- | <div class="content" style="height:2200px">
| + | </div> |
- | <p>text line</p>
| + | </div> |
- | <p>text line</p>
| + | |
- | <p>text line</p>
| + | |
- | <p>text line</p>
| + | |
- | <p>text line</p>
| + | |
- | <p>text line</p>
| + | |
- | <p>text line</p>
| + | |
- | <p>text line</p>
| + | |
- | <p>text line</p>
| + | |
- | <p>text line</p>
| + | |
- | <p>text line</p>
| + | |
- | <p>text line</p>
| + | |
- | <p>text line</p>
| + | |
- | <p>text line</p>
| + | |
- | <p>text line</p>
| + | |
- | <p>text line</p>
| + | |
- | <p>text line</p>
| + | |
- | <p>text line</p>
| + | |
- | <p>text line</p>
| + | |
- | <p>text line</p>
| + | |
- | <p>text line</p>
| + | |
- | <p>text line</p>
| + | |
- | <p>text line</p>
| + | |
- | <p>text line</p>
| + | |
- | <p>text line</p>
| + | |
- | <p>text line</p>
| + | |
- | <p>text line</p>
| + | |
- | <p>text line</p>
| + | |
- | <p>text line</p>
| + | |
- | <p>text line</p>
| + | |
- | <p>text line</p>
| + | |
- | <p>text line</p>
| + | |
- | <p>text line</p>
| + | |
- | <p>text line</p>
| + | |
- | <p>text line</p>
| + | |
- | <p>text line</p>
| + | |
- | <p>text line</p>
| + | |
- | <p>text line</p>
| + | |
- | <p>text line</p>
| + | |
- | <p>text line</p>
| + | |
- | <p>text line</p>
| + | |
- | <p>text line</p>
| + | |
- | <p>text line</p>
| + | |
- | <p>text line</p>
| + | |
- | <p>text line</p>
| + | |
- | <p>text line</p>
| + | |
- | <p>text line</p>
| + | |
- | <p>text line</p>
| + | |
- | <p>text line</p>
| + | |
- | <p>text line</p>
| + | |
- | <p>text line</p>
| + | |
- | <p>text line</p>
| + | |
- | <p>text line</p>
| + | |
- | <p>text line</p>
| + | |
- | <p>text line</p>
| + | |
- | <p>text line</p>
| + | |
- | <p>text line</p>
| + | |
- | <p>text line</p>
| + | |
- | <p>text line</p>
| + | |
- | <p>text line</p>
| + | |
- | <p>text line</p>
| + | |
- | <p>text line</p>
| + | |
- | <p>text line</p>
| + | |
- | <p>text line</p>
| + | |
- | <p>text line</p>
| + | |
- | <p>text line</p>
| + | |
- | <p>text line</p> | + | |
- | <p>text line</p> | + | |
- | <p>text line</p>
| + | |
- | <p>text line</p>
| + | |
- | <p>text line</p>
| + | |
- | <p>text line</p>
| + | |
- | <p>text line</p>
| + | |
- | <p>text line</p> | + | |
- | </div>
| + | |
| </body> | | </body> |
| </html> | | </html> |