Tongji2017 (Talk | contribs) |
Tongji2017 (Talk | contribs) |
||
Line 1: | Line 1: | ||
− | + | ||
<html> | <html> | ||
+ | <head> | ||
+ | <title>LN-shiyan-China</title> | ||
+ | <style type="text/css"> | ||
+ | #footer-box,#sponsor-box,.shadow3,#content,table,#catlinks { | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | .mediawiki.ltr.ns-0.ns-subject.page-Team_HUST-China | ||
+ | #globalWrapper #top-section #p-logo a img { | ||
+ | visibility:hidden; | ||
+ | } | ||
+ | #p-logo { | ||
+ | background:url(https://static.igem.org/mediawiki/2014/5/52/Wiki_Logo_Transparent.png); | ||
+ | background-repeat: no-repeat; | ||
+ | } | ||
+ | #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading, .visualClear{display: none;} | ||
+ | #globalWrapper, #content,#bodyContent { /*-- changes default wiki settings --*/ | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | border: 0px; | ||
+ | background-color: transparent; | ||
+ | margin-top: -3px; | ||
+ | padding: 0px; | ||
+ | } | ||
+ | html, .wrapper { /*-- changes default wiki settings --*/ | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | |||
+ | /* CSS Document */ | ||
+ | *{ | ||
+ | margin:0px; | ||
+ | padding:0px; | ||
+ | } | ||
+ | #content{ | ||
+ | width:100%; | ||
+ | height:100%; | ||
+ | font-family: Arial, Helvetica, Verdana; | ||
+ | color:#000; | ||
+ | font-size:12px; | ||
+ | } | ||
+ | body{ | ||
+ | width:100%; | ||
+ | height:100%; | ||
+ | font-family: Arial, Helvetica, Verdana; | ||
+ | color:#000; | ||
+ | font-size:12px; | ||
+ | background-color:#FFF; | ||
+ | } | ||
+ | img{ | ||
+ | border:none; | ||
+ | } | ||
+ | ul ,li{ | ||
+ | list-style:none; | ||
+ | margin: 0px 0px 0px 0px; | ||
+ | |||
+ | } | ||
+ | a{ | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | html ,body{ | ||
+ | height:100%; | ||
+ | } | ||
+ | .top{ | ||
+ | background:#d3cac7 url(https://static.igem.org/mediawiki/2015/a/a6/Home_bg.jpg) no-repeat top center; | ||
+ | width:100%; | ||
+ | padding-top:43px; | ||
+ | height:630px; | ||
+ | } | ||
+ | .nav_bar{ | ||
+ | background:#000; | ||
+ | opacity:0.9; | ||
+ | height:80px; | ||
+ | line-height:74px; | ||
+ | position:relative; | ||
+ | } | ||
+ | .nav{ | ||
+ | width:1050px; | ||
+ | margin:0px auto; | ||
+ | position:relative; | ||
+ | height:80px; | ||
+ | line-height:3.5; | ||
+ | } | ||
+ | .nav li{ | ||
+ | float:left; | ||
+ | display:block; | ||
+ | width:150px; | ||
+ | text-align:center; | ||
+ | position:relative; | ||
+ | } | ||
+ | .nav li a{ | ||
+ | color:#fff; | ||
+ | font-size:16px; | ||
+ | display:block; | ||
+ | } | ||
+ | .nav li a:hover{ | ||
+ | color:#C99091; | ||
+ | } | ||
+ | .sub{display:none;position:absolute;left:0px;top:80px;z-index:1;border:1px solid #666;border-top:0; background:#fff;} | ||
+ | .sub li{text-align:center;margin-bottom:-1px; display:block;width:148px; } | ||
+ | .sub li a{display:block; border-bottom:2px solid #666;padding:8px 0;height:28px;line-height:28px;color:#fff;} | ||
+ | .sub li a:hover{color:#000000;} | ||
+ | .logo{ | ||
+ | width:150px; | ||
+ | margin:0px auto 0px; | ||
+ | text-align:center; | ||
+ | position:relative; | ||
+ | top:-20px; | ||
+ | height:122px; | ||
+ | } | ||
+ | .n1{ | ||
+ | border-bottom:6px solid #2980b9; | ||
+ | } | ||
+ | .n2{ | ||
+ | border-bottom:6px solid #27ae60; | ||
+ | } | ||
+ | .n3{ | ||
+ | border-bottom:6px solid #f39c12; | ||
+ | |||
+ | } | ||
+ | .n4{ | ||
+ | border-bottom:6px solid #be382a; | ||
+ | } | ||
+ | .n5{ | ||
+ | border-bottom:6px solid #8e44ad; | ||
+ | } | ||
+ | .n6{ | ||
+ | border-bottom:6px solid #0498f9; | ||
+ | } | ||
+ | .tc{ | ||
+ | width:900px; | ||
+ | margin:0px auto; | ||
+ | margin-top:-40px; | ||
+ | } | ||
+ | .wel{ | ||
+ | width:1000px; | ||
+ | margin:0px auto; | ||
+ | padding:75px 20px; | ||
+ | } | ||
+ | h1{ | ||
+ | font-size:70px; | ||
+ | line-height:1; | ||
+ | text-align:center; | ||
+ | margin-bottom:30px; | ||
+ | border-bottom:0px solid #AAA; | ||
+ | } | ||
+ | .wel p{ | ||
+ | font-size:16px; | ||
+ | line-height:40px; | ||
+ | } | ||
+ | .wel img{ | ||
+ | float:right;} | ||
+ | .team{ | ||
+ | background:#009b5b; | ||
+ | padding:75px 20px; | ||
+ | } | ||
+ | .team h1{ | ||
+ | color:#fff; | ||
+ | margin-bottom:50px; | ||
+ | } | ||
+ | .team ul{ | ||
+ | width:1040px; | ||
+ | margin:0px auto; | ||
+ | } | ||
+ | .team ul li{ | ||
+ | float:left; | ||
+ | background:#ffffff; | ||
+ | width:235px; | ||
+ | height:184px; | ||
+ | font-size:14px; | ||
+ | line-height:28px; | ||
+ | } | ||
+ | .team ul li.bar{ | ||
+ | } | ||
+ | .caret { | ||
+ | display: inline-block; | ||
+ | float:left; | ||
+ | width: 0; | ||
+ | height: 0; | ||
+ | top:85px; | ||
+ | position:relative; | ||
+ | vertical-align: middle; | ||
+ | border-right: 10px solid transparent ; | ||
+ | border-left: 10px solid #009b5b ; | ||
+ | border-top: 10px solid transparent ; | ||
+ | border-bottom: 10px solid transparent ; | ||
+ | } | ||
+ | li.bar p{ | ||
+ | float:right; | ||
+ | margin:-10px 10px 0px; | ||
+ | word-break:break-all; | ||
+ | } | ||
+ | .bar2 .caret { | ||
+ | display: inline-block; | ||
+ | float:right; | ||
+ | width: 0; | ||
+ | height: 0; | ||
+ | top:85px; | ||
+ | position:relative; | ||
+ | vertical-align: middle; | ||
+ | border-left: 10px solid transparent ; | ||
+ | border-right: 10px solid #009b5b ; | ||
+ | border-top: 10px solid transparent ; | ||
+ | border-bottom: 10px solid transparent ; | ||
+ | } | ||
+ | li.bar2 p{ | ||
+ | float:left; | ||
+ | margin:-10px 10px 0px; | ||
+ | word-break:break-all; | ||
+ | } | ||
+ | .content{ | ||
+ | width:980px; | ||
+ | margin:0px auto; | ||
+ | padding:20px 10px; | ||
+ | } | ||
+ | .content h1{ | ||
+ | font-size:24px; | ||
+ | } | ||
+ | .content img{ | ||
+ | float:left; | ||
+ | margin:10px; | ||
+ | } | ||
+ | .t1{ | ||
+ | font-size:18px; | ||
+ | word-break:break-all; | ||
+ | } | ||
+ | .footer{ | ||
+ | margin:40px auto ; | ||
+ | text-align:center; | ||
+ | } | ||
− | + | </style> | |
− | + | <link href="http://www.dftvip.com/templa/css/bootstrap.css" rel="stylesheet" type="text/css" media="all"> | |
− | + | <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> | |
− | < | + | <script src="http://www.dftvip.com/templa/js/jquery-1.11.0.min.js"></script> |
− | + | <!-- Custom Theme files --> | |
− | + | <link href="http://www.dftvip.com/templa/css/style.css" rel="stylesheet" type="text/css" media="all"/> | |
− | < | + | <!-- Custom Theme files --> |
− | + | <meta name="viewport" content="width=device-width, initial-scale=1"> | |
− | < | + | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
− | < | + | <meta name="keywords" content="Donate Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, |
− | + | Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" /> | |
− | < | + | <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script> |
− | + | <!--Google Fonts--> | |
− | <li> | + | <link href='//fonts.googleapis.com/css?family=Karla:400,700' rel='stylesheet' type='text/css'> |
− | + | <link href='//fonts.googleapis.com/css?family=Archivo+Narrow:400,700' rel='stylesheet' type='text/css'> | |
− | <li> | + | <!--google fonts--> |
− | + | </head> | |
− | <li> | + | <body> |
− | + | <!--banner start here--> | |
− | <li> | + | <div class="banner1"> |
− | + | <div class="header"> | |
− | <li> | + | <div class="container"> |
− | + | <div class="header-main"> | |
− | < | + | <div class="logo"> |
− | + | <h1><a href="index.html">LN-shiyan-China</a></h1> | |
− | < | + | </div> |
− | + | ||
− | < | + | <div class="clearfix"> </div> |
− | + | </div> | |
− | < | + | </div> |
− | + | </div> | |
− | < | + | <div class="top-nav"> |
− | + | <span class="menu"> <img src="http://www.dftvip.com/templa/images/icon.png" alt=""></span> | |
− | < | + | <ul class="res"> |
− | </ | + | <li><a class="active" href="index.html"><i class="glyphicon glyphicon-home"> </i>Home</a></li> |
− | + | <li><a href="team.html"><i class="glyphicon glyphicon-user"> </i>Team</a></li> | |
− | + | <li><a href="project.html"><i class="glyphicon glyphicon-list-alt"> </i>Project</a></li> | |
+ | <li><a href="Parts.html"><i class="glyphicon glyphicon-picture"> </i>Parts</a></li> | ||
+ | <li><a href="Safety.html"><i class="glyphicon glyphicon-envelope"> </i>Safety</a></li> | ||
+ | <li><a href="Attributions.html"><i class="glyphicon glyphicon-a"> </i>Attributions</a></li> | ||
+ | <li><a href="HumanPractices.html"><i class="glyphicon glyphicon-b"> </i>HumanPractices</a></li> | ||
+ | <li><a href="Notebook.html"><i class="glyphicon glyphicon-c"> </i>Notebook</a></li> | ||
+ | </ul> | ||
+ | <!-- script-for-menu --> | ||
+ | <script> | ||
+ | $( "span.menu" ).click(function() { | ||
+ | $( "ul.res" ).slideToggle( 300, function() { | ||
+ | // Animation complete. | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | <!-- /script-for-menu --> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!--banner end here--> | ||
+ | <!--blog start here--> | ||
+ | <div class="blog"> | ||
+ | <div class="container"> | ||
+ | <div class="blog-main"> | ||
+ | <div class="blog-top"> | ||
+ | <h3>Attributions</h3> | ||
+ | </div> | ||
+ | <div class="col-md-8 blog-left"> | ||
+ | <img src="http://www.dftvip.com/templa/images/r1.jpg" alt="" class="img-responsive"> | ||
+ | <div class="blog-grid"> | ||
+ | <div class="grid-left"> | ||
+ | <h3>18</h3> | ||
+ | <p>Aug</p> | ||
+ | </div> | ||
+ | <div class="grid-right"> | ||
+ | <h3>名称</h3> | ||
+ | <p>简介</p> | ||
+ | </div> | ||
+ | <div class="clearfix"> </div> | ||
+ | </div> | ||
+ | <div class="blog-section"> | ||
+ | <img src="http://www.dftvip.com/templa/images/r2.jpg" alt="" class="img-responsive"> | ||
+ | <div class="grid"> | ||
+ | <div class="grid-left"> | ||
+ | <h3>19</h3> | ||
+ | <p>Aug</p> | ||
+ | </div> | ||
+ | <div class="grid-right"> | ||
+ | <h3>名称</h3> | ||
+ | <p>简介</p> | ||
+ | </div> | ||
+ | <div class="clearfix"> </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="blog-section"> | ||
+ | <img src="http://www.dftvip.com/templa/images/r3.jpg" alt="" class="img-responsive"> | ||
+ | <div class="grid"> | ||
+ | <div class="grid-left"> | ||
+ | <h3>19</h3> | ||
+ | <p>Aug</p> | ||
+ | </div> | ||
+ | <div class="grid-right"> | ||
+ | <h3>名称</h3> | ||
+ | <p>简介</p> | ||
+ | </div> | ||
+ | <div class="clearfix"> </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="blog-section"> | ||
+ | <img src="http://www.dftvip.com/templa/images/r4.jpg" alt="" class="img-responsive"> | ||
+ | <div class="grid"> | ||
+ | <div class="grid-left"> | ||
+ | <h3>19</h3> | ||
+ | <p>Aug</p> | ||
+ | </div> | ||
+ | <div class="grid-right"> | ||
+ | <h3>名称</h3> | ||
+ | <p>简介</p> | ||
+ | </div> | ||
+ | <div class="clearfix"> </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="blog-section"> | ||
+ | <img src="http://www.dftvip.com/templa/images/r5.jpg" alt="" class="img-responsive"> | ||
+ | <div class="grid"> | ||
+ | <div class="grid-left"> | ||
+ | <h3>19</h3> | ||
+ | <p>Aug</p> | ||
+ | </div> | ||
+ | <div class="grid-right"> | ||
+ | <h3>名称</h3> | ||
+ | <p>简介</p> | ||
+ | </div> | ||
+ | <div class="clearfix"> </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="blog-section"> | ||
+ | <img src="http://www.dftvip.com/templa/images/r6.jpg" alt="" class="img-responsive"> | ||
+ | <div class="grid"> | ||
+ | <div class="grid-left"> | ||
+ | <h3>19</h3> | ||
+ | <p>Aug</p> | ||
+ | </div> | ||
+ | <div class="grid-right"> | ||
+ | <h3>名称</h3> | ||
+ | <p>简介</p> | ||
+ | </div> | ||
+ | <div class="clearfix"> </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
</div> | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</div> | </div> | ||
− | + | <!--blog end here--> | |
− | + | <!--footer start here--> | |
− | <div class=" | + | <div class="footer"> |
− | < | + | <div class="container"> |
− | + | <div class="footer-main"> | |
− | < | + | <div class="col-md-4 ftr-grid"> |
− | < | + | <h3>Navigation</h3> |
− | < | + | <ul> |
− | < | + | <li><a href="index.html">Home</a></li> |
− | <li> | + | <li><a href="about.html">About</a></li> |
− | < | + | <li><a href="shortcodes.html">Short Codes</a></li> |
− | <li> | + | <li><a href="blog.html">Blog</a></li> |
− | <li> | + | <li><a href="contact.html">Contact</a></li> |
− | <li> | + | </ul> |
− | < | + | </div> |
− | < | + | |
− | </ | + | <div class="clearfix"> </div> |
+ | </div> | ||
+ | </div> | ||
</div> | </div> | ||
+ | <!--footer end here--> | ||
+ | <!--copy rights start here--> | ||
− | + | <!--copy right end here--> | |
− | < | + | </body> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | </ | + | |
</html> | </html> |
Revision as of 10:19, 18 October 2016
Attributions
18
Aug
名称
简介
19
Aug
名称
简介
19
Aug
名称
简介
19
Aug
名称
简介
19
Aug
名称
简介
19
Aug
名称
简介