Team:SKLBC-China

From 2014hs.igem.org

(Difference between revisions)
 
(35 intermediate revisions not shown)
Line 1: Line 1:
-
{:Team:SKLBC-China\defaultcss]]
+
{{:Team:SKLBC-China/covercss}}
-
 
+
<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">
+
<head>
<head>
-
<style type="text/css"!important>
+
<style type="text/css">
-
body {background-repeat:no-repeat;background-attachment:fixed;}
+
body {background-color:rgb(2,173,163)}
-
*{margin:0px;padding:0px}
+
img.logo {
-
div.header {background-color:rgb(46,178,170);width:100%!important;height:30px;z-index:2;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:30px;z-index:0;opacity:0.8;position:fixed}
+
height:150px;
-
div.content {width:60%!important;left:20%;margin-top:30px;z-index:1;position:relative}
+
}
-
p {color:rgb(255,255,255)}
+
img.WeiGem {width:550px;height:150px;}
-
ul {float:left;
+
img.backgleft
-
width:100%;
+
{
-
padding:0;
+
bottom:0%;
-
margin:0;
+
position:fixed;
-
list-style-type:none;}
+
width:48%;
-
a {float:left;
+
}
-
width:7em;
+
img.backgright
-
text-decoration:none;
+
{
-
color:white;
+
bottom:0%;
-
background-color:rgb(46,178,170);
+
position:fixed;
-
padding:0.2em 0.6em;
+
width:32%
-
border-right:1px solid white;}
+
}
-
a:hover {background-color:#ff3300}
+
img.linking
-
li {display:inline}}
+
{
-
li {display:inline}
+
width:300px;
 +
height:50px;
 +
left:0px;
 +
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>
-
<body background="https://static.igem.org/mediawiki/2014hs/0/02/Team-SKLBC-China-default_background.jpg">
+
<title>Welcome to SKLBC-China</title>
-
<div class="header" style="text-align:center">
+
<body>
-
<ul>
+
<div class="bgleft"><img class="backgleft" src="https://static.igem.org/mediawiki/2014hs/a/a3/SKLBC-China2014-ldownc.jpg" /></div>
-
<li><a href="#">Home</a></li>
+
<div class="bgright"><img class="backgright" src="https://static.igem.org/mediawiki/2014hs/5/57/SKLBC-China2014-rdownc.jpg" /></div>
-
<li><a href="#">Project</a></li>
+
<div class="indexviewport">
-
<li><a href="#">Documents</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="#">Requirement</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="#">Team</a></li>
+
<div class="linkings">
-
<li><a href='#'>Our Logo</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>
-
</ul>
+
<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>
-
</div>
+
<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 class="container" style="height:100%;top:0px;"></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="content" style="height:2200px">
+
<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>
-
<p>text line</p>
+
</div>
-
<p>text line</p>
+
<div class="QR">
-
<p>text line</p>
+
<img src="https://static.igem.org/mediawiki/2014hs/d/d6/2014hs-SKLBC-China-QRCode.png" style="width:100px"/>
-
<p>text line</p>
+
</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>
+
-
</div>
+
</body>
</body>
</html>
</html>

Latest revision as of 16:36, 20 June 2014

Welcome to SKLBC-China