Team:SKLBC-China
From 2014hs.igem.org
(Difference between revisions)
Nie1234567 (Talk | contribs) |
Nie1234567 (Talk | contribs) |
||
Line 121: | Line 121: | ||
</head> | </head> | ||
</html> | </html> | ||
- | < | + | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" |
- | < | + | "http://www.w3.org/TR/html4/loose.dtd"> |
+ | <html> | ||
<head> | <head> | ||
- | <style type="text/css" | + | <style type="text/css"> |
*{margin:0px;padding:0px} | *{margin:0px;padding:0px} | ||
- | body {background-color:rgb( | + | body {background-color:rgb(2,173,163)} |
- | div.header {background-color:rgb(46,178,170);width:100% | + | img.logo {position:fixed; |
- | div.container {margin:0;padding:0;background-color:rgb( | + | width:10%; |
- | div.content {width:60% | + | left:45%; |
- | div.bgleft {background-repeat:no-repeat;width: | + | top:50%; |
- | div.bgright {background-repeat:no-repeat;width: | + | border-radius:50%; |
- | 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} | + | overflow:hidden} |
- | p {color:rgb( | + | div.header {background-color:rgb(46,178,170);width:100%;height:10%;z-index:3;top:45%;position:fixed} |
+ | div.container {margin:0;padding:0;background-color:rgb(255,255,255);width:60%;left:20%;margin-top:0px;z-index:-1;opacity:0.6;position:fixed} | ||
+ | div.content {width:60%;left:20%;margin-top:0px;z-index:1;position:relative} | ||
+ | div.bgleft {background-repeat:no-repeat;width:48%;height:100%;left:0%;bottom:0%;z-index:-2;position:fixed;background-size:100%;background-image: url(Library/Image/ldownc.jpg);background-position:bottom} | ||
+ | div.bgright {background-repeat:no-repeat;width:32%;height:100%;left:68%;bottom:0%;z-index:-2;position:fixed;background-size:100%;background-image: url(Library/Image/rdownc.jpg);background-position:bottom} | ||
+ | div.bigtitle {background-position:center;background-image:url(Library/Image/title.jpg);background-size:100%;background-repeat:no-repeat;width:60%;left:20%;margin-top:30px;z_index:2;position:relative} | ||
+ | p {text-align:center;color:rgb(2,173,163);font-family:Gulim;font-size:17px} | ||
+ | ul {left:21.5%; | ||
+ | position:absolute; | ||
+ | width:100%; | ||
+ | padding:0; | ||
+ | margin:0; | ||
+ | list-style-type:none;} | ||
+ | a { float:left; | ||
+ | font-size:15px; | ||
+ | text-align:center; | ||
+ | width:9.8%; | ||
+ | text-decoration:none; | ||
+ | font-family:Gulim; | ||
+ | color:white; | ||
+ | background-color:rgb(46,178,170); | ||
+ | padding:0.2em 0.6em; | ||
+ | border-right:1px solid rgb(46,178,170); | ||
+ | -webkit-transition: background-color 0.25s ease-in; | ||
+ | -moz-transition: background-color 0.25s ease-in; | ||
+ | -o-transition: background-color 0.25s ease-in;} | ||
+ | a:hover {background-color:rgb(244,174,184)} | ||
+ | li {display:inline;} | ||
</style> | </style> | ||
</head> | </head> | ||
+ | <title>Welcome to SKLBC-China</title> | ||
<body> | <body> | ||
- | <div class=" | + | <div class="bgleft"></div> |
- | + | <div class="header"> | |
- | + | <ul> | |
- | + | <li><a href="Project.html">Project</a></li> | |
- | + | <li><a href="Documents.html">Documents</a></li> | |
- | + | <li><a href="Requirement.html">Requirement</a></li> | |
- | + | <li><a href="Human Practice.html">Human Practice</a></li> | |
- | <li | + | <li><a href="Team.html">Team</a></li> |
- | <li | + | |
- | <li | + | |
- | <li | + | |
- | <li | + | |
</ul> | </ul> | ||
+ | <img class="logo" src="Library/Image/logo.jpg"/> | ||
</div> | </div> | ||
- | |||
<div class="bgright"></div> | <div class="bgright"></div> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
</body> | </body> | ||
</html> | </html> |
Revision as of 10:55, 4 June 2014
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">