Team:NJU-QIBEBT
From 2014.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
- | + | <!DOCTYPE html> | |
- | + | ||
- | + | ||
<html> | <html> | ||
+ | <head> | ||
+ | <title>team</title> | ||
+ | <meta charset="utf-8"> | ||
+ | <style type="text/css"> | ||
+ | /* font */ | ||
+ | .speakers .name{ | ||
+ | font-family: "Nueva Std","Adobe Caslon Pro"; | ||
+ | font-size: 19px; | ||
+ | font-style: italic; | ||
+ | } | ||
+ | /* reset */ | ||
+ | body { | ||
+ | font-family: Helvetica,"Comic Sans MS", "Times New Roman", serif; | ||
+ | background: url("img/wall.jpg") no-repeat ; | ||
+ | } | ||
+ | *{ | ||
+ | padding: 0; | ||
+ | margin: 0; | ||
+ | } | ||
+ | table { | ||
+ | border-collapse: collapse; | ||
+ | border-spacing: 0; | ||
+ | } | ||
+ | fieldset,img { | ||
+ | border: 0; | ||
+ | } | ||
+ | address,caption,cite,code,dfn,em,strong,th,var { | ||
+ | font-weight: normal; | ||
+ | font-style: normal; | ||
+ | } | ||
+ | ol,ul { | ||
+ | list-style: none; | ||
+ | } | ||
+ | caption,th { | ||
+ | text-align: left; | ||
+ | } | ||
+ | h1,h2,h3,h4,h5,h6 { | ||
+ | font-weight: normal; | ||
+ | font-size: 100%; | ||
+ | } | ||
+ | abbr,acronym { | ||
+ | border: 0; | ||
+ | } | ||
+ | a{ | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | ul{ | ||
+ | text-align: center; | ||
+ | margin: 0 auto; | ||
+ | } | ||
+ | /* header */ | ||
+ | #content{ | ||
+ | width: 960px; | ||
+ | position: relative; | ||
+ | margin: 0 auto; | ||
+ | } | ||
+ | #header{ | ||
+ | position: absolute; | ||
+ | width: 100%; | ||
+ | background-color: #6166cc; | ||
+ | height: 60px; | ||
+ | box-shadow:1px 1px 3px rgba(0,0,0,.8); | ||
+ | top:-60px; | ||
+ | } | ||
+ | li{ | ||
+ | float: left; | ||
+ | } | ||
+ | #header a{ | ||
+ | text-align: center; | ||
+ | color: #dddddd; | ||
+ | height: 60px; | ||
+ | line-height: 60px; | ||
+ | width: 100px; | ||
+ | display: block; | ||
+ | background-color: #6166cc; | ||
+ | transition: 0.2s all; | ||
+ | border-left: 1px dashed rgba(255,255,255,0.3) | ||
+ | } | ||
+ | #header a[href="/"]{ | ||
+ | width: 149px; | ||
+ | background: url("img/2.png"); | ||
+ | transition:0.3s all; | ||
- | + | } | |
- | + | #header a[href='/']:hover{ | |
- | + | background: url("img/3.png"); | |
- | + | transition:0.3s all; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | } | |
- | + | #header a:hover{ | |
- | + | background-color: #CCB761; | |
- | + | text-shadow: 1px; | |
- | + | color: #ffffff; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | } | |
+ | #menu_off{ | ||
+ | margin-left: 930px; | ||
+ | width: 100px; | ||
- | |||
- | + | } | |
- | + | #menu_off img:hover{ | |
+ | cursor: pointer; | ||
+ | } | ||
+ | /* main */ | ||
+ | #main{ | ||
+ | width: 960px; | ||
+ | margin: 150px auto 20px auto; | ||
+ | color: whitesmoke; | ||
+ | text-shadow: 4px 4px 8px #000000; | ||
+ | filter: Shadow(Color='green', Direction='135', Strength='6'); | ||
+ | filter: dropshadow(OffX=2, OffY=2, Color='black', Positive='true'); | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | + | } | |
- | + | #main #main-intro{ | |
+ | font-size: 40px; | ||
+ | } | ||
+ | #main #name:hover{ | ||
+ | color: blue; | ||
+ | transition: ease-in 0.2s; | ||
+ | } | ||
+ | #test{ | ||
+ | position: relative; | ||
+ | left: -1500px; | ||
+ | top:30px; | ||
+ | } | ||
+ | #main img{ | ||
+ | position: relative; | ||
+ | right: -1500px; | ||
+ | top: -120px; | ||
+ | } | ||
+ | #main img:hover{ | ||
+ | transform:rotate(5deg); | ||
+ | -ms-transform:rotate(5deg); /* IE 9 */ | ||
+ | -moz-transform:rotate(5deg); /* Firefox */ | ||
+ | -webkit-transform:rotate(5deg); /* Safari 和 Chrome */ | ||
+ | -o-transform:rotate(5deg); /* Opera */ | ||
+ | } | ||
+ | #detail-intro{ | ||
+ | font-size: 20px; | ||
+ | position: relative; | ||
+ | top: 950px; | ||
+ | } | ||
+ | #news { | ||
+ | width: 960px; | ||
+ | margin: 0 auto; | ||
+ | background: url("img/news-bac.png") repeat; | ||
+ | height: 300px; | ||
+ | border-radius: 10px; | ||
+ | visibility: visible; | ||
+ | } | ||
+ | /* footer */ | ||
+ | #footer { | ||
+ | background:url("img/footer_bac.png") repeat ; | ||
+ | height: 80px; | ||
- | < | + | } |
- | < | + | #footer-content { |
+ | width: 960px; | ||
+ | margin: 0 auto; | ||
+ | color: #ffffff; | ||
+ | height: 80px; | ||
+ | } | ||
+ | </style> | ||
+ | <script src="js/jquery.js" type="text/javascript"></script> | ||
+ | <script type="text/javascript" src="js/common.js"></script> | ||
+ | <script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script> | ||
+ | </head> | ||
+ | <body> | ||
+ | <div id="header"> | ||
+ | <div id="content" style=""> | ||
+ | <ul class="left-720" id="menu"> | ||
+ | <li><a href="#">Home</a></li> | ||
+ | <li><a href="#">Project</a></li> | ||
+ | <li><a href="#">Team</a></li> | ||
+ | <li><a href="#">Parts</a></li> | ||
+ | <li><a href="/"></a> </li> | ||
+ | <li><a href="#">Pratice</a></li> | ||
+ | <li><a href="#">Modeling</a></li> | ||
+ | <li><a href="#">Safety</a></li> | ||
+ | <li><a href="#">Extras</a></li> | ||
+ | </ul> | ||
+ | <p id="menu_off"><img src="img/menu_on.png"></p> | ||
- | + | </div> | |
- | + | ||
- | < | + | </div> |
- | < | + | <div id="main"> |
- | <p> | + | <div id="test"> |
- | < | + | <p id="main-intro">Welcome to our wiki! This is <span id="name">NJU-QIBEBT.</span> </p> |
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | <p> | + | </div> |
+ | <br> | ||
+ | <p id="detail-intro" style="width: 750px"> Detail information of software can be found in PROJECT part of this wiki. detail introduction detail introduction detail introduction detail introduction detail introduction detail introduction detail introduction detail introduction detail introduction detail introduction detail introduction detail introduction </p> | ||
+ | <img src="img/logo-igem.png" width="250px"> | ||
+ | <div id="news"> | ||
+ | <p style="font-size: 20px;margin: 0 auto" >latest news</p> | ||
+ | </div> | ||
- | + | </div> | |
- | + | <div id="footer"> | |
- | < | + | <div id="footer-content"> |
- | < | + | NJU-QIBEBT/SPONSOR/FOOTER |
- | + | </div> | |
- | + | </div> | |
- | + | </body> | |
- | + | </html> | |
- | + | ||
- | </ | + | |
- | </ | + | |
- | </ | + | |
- | </ | + | |
- | + |
Revision as of 12:37, 26 August 2014
<!DOCTYPE html>
Welcome to our wiki! This is NJU-QIBEBT.
Detail information of software can be found in PROJECT part of this wiki. detail introduction detail introduction detail introduction detail introduction detail introduction detail introduction detail introduction detail introduction detail introduction detail introduction detail introduction detail introduction
latest news