Difference between revisions of "Team:USTC/Parts"

(Replaced content with " <div class="highlight"> <groupparts>iGEM17 USTC</groupparts>")
Line 1: Line 1:
 +
<html lang="en">
 +
<head>
 +
<meta charset="UTF-8">
 +
<title>子网页测试-队员</title>
 +
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:USTC/css/materializechild2?action=raw&ctype=text/css">
 +
<script src="https://2017.igem.org/Template:USTC/js/jquery?action=raw&ctype=text/javascript""></script>
 +
<script type="text/javascript" src="https://2017.igem.org/Template:USTC/js/materialize?action=raw&ctype=text/javascript"></script>
 +
<style type="text/css">
 +
                a{
 +
text-decoration:none!important;
 +
}
 +
nav.top-nav{
 +
height: 130px;
 +
    -webkit-box-shadow: none;
 +
    box-shadow: none;
 +
}
 +
.logo-container{
 +
width: 130px;
 +
height: 130px;
 +
margin-left: 30px;
 +
}
 +
.bold>a{
 +
background-image: url(https://static.igem.org/mediawiki/2017/a/ae/Ustc_2017_label_16px.png);
 +
background-repeat: no-repeat;
 +
background-position: 5px center;
 +
}
 +
.section{
 +
                position:unset!important;
 +
                }
  
 +
.label {
 +
display: inline;
 +
padding: .3em .6em .3em;
 +
font-size: 120%;
 +
font-weight: 700;
 +
line-height: 1;
 +
color: #fff;
 +
text-align: left;
 +
white-space: nowrap;
 +
vertical-align: baseline;
 +
border-radius: .25em;
 +
  }
 +
  .label-pink {
 +
  background-color:#ee6e73 ;
 +
                font-size:18px!important;
 +
}
 +
 
 +
.label-lavender {
 +
  background-color:#E6E6FA ;
 +
}
 +
.label-Aliceblue {
 +
  background-color:#F0F8FF ;
 +
}
 +
.label-azure {
 +
  background-color:#F0FFFF ;
 +
}
 +
.label-mintcream {
 +
  background-color:#F5FFFA ;
 +
}
 +
.label-ivory {
 +
  background-color:#FFFFF0 ;
 +
}
 +
.label-lemonchiffon {
 +
  background-color:#FFFACD ;
 +
}
 +
.label-cornsilk {
 +
  background-color:#FFF8DC ;
 +
}
 +
.label-seashell {
 +
  background-color:#FFF5EE ;
 +
}
 +
.label-lavenderblush {
 +
  background-color:#FFF0F5 ;
 +
}
 +
.label-mistyrose {
 +
  background-color:#FFE4E1 ;
 +
}
 +
 +
.lavender_choosed,.lavender_choosed.active{background-color:#DA7272 ;}
 +
.Aliceblue_choosed,.Aliceblue_choosed.active{background-color: #DE8080}
 +
.azure_choosed,.azure_choosed.active{background-color: #E28E8E}
 +
.mintcream_choosed,.mintcream_choosed.active{background-color: #E49595}
 +
.honeydew_choosed,.lavender_choosed.active{background-color:#E59C9C;}
 +
.ivory_choosed,.ivory_choosed.active{background-color: #E7A3A3}
 +
.lemonchiffon_choosed,.lemonchiffon_choosed.active{background-color: #E9AAAA}
 +
.cornsilk_choosed,.cornsilk_choosed.active{background-color: #EBB1B1}
 +
.seashell_choosed,.seashell_choosed.active{background-color: #EDB8B8}
 +
.lavenderblush_choosed,.lavenderblush_choosed.active{background-color: #EFC0C0}
 +
.mistyrose_choosed,.mistyrose_choosed.active{background-color: #F1C7C7}
  
−
<div class="highlight">
+
.bg_all{background-color: #FFFFF3}
  
 +
.card_name1{
 +
font-size: 13px!important;
 +
font-weight: bold;
 +
line-height: 110%;
 +
margin: 0.82rem 0 0.656rem 0;
  
 +
}
 +
               
 +
.mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul{
 +
margin: 0!important;
 +
}
 +
a.button-collapse.top-nav{
 +
top:57px!important;
 +
}
 +
.card-content{
 +
                        padding:6px!important;
 +
font-size: 14px!important;
 +
text-align:unset!important;
 +
        }
 +
        #HQ_page p{
 +
       
 +
        text-align: unset!important;
 +
        }
 +
        #sidenav-overlay{
 +
        display: none!important;
 +
        }
 +
ul.section.table-of-contents{
 +
list-style-image:none!important;
 +
                        position: fixed!important;
 +
}
 +
ul.collapsible.collapsible-accordion{
 +
list-style-image:none!important;
 +
}
 +
ul#nav-mobile{
 +
list-style-image:none!important;
 +
}
 +
ul#nav-mobile.side-nav.fixed{
 +
width: 210px!important;
 +
}
 +
#top_title{
 +
  display: none!important;
 +
}
 +
#sideMenu{
 +
  display: none!important;
 +
}
 +
#content{
 +
  width: auto!important;
 +
  padding: 0!important;
 +
  margin-top: -24px!important;
 +
  margin-left: 0!important;
 +
}
  
−
<groupparts>iGEM17 USTC</groupparts>
+
</style>
 +
<script type="text/javascript">
 +
 
 +
$(document).ready(function(){
 +
    $('.scrollspy').scrollSpy();
 +
    $(".button-collapse").sideNav();
 +
 
 +
    // $(".bold>a").click(function(){
 +
    // changeIcon($(this));
 +
    // })
 +
  });
 +
 +
// function changeIcon(main_node){
 +
// if (main_node) {
 +
// if (main_node.css("background-image").indexOf("https://static.igem.org/mediawiki/2017/a/ae/Ustc_2017_Triangle_right_16px.png")>=0) {
 +
// main_node.css("background-image","url('https://static.igem.org/mediawiki/2017/6/60/Ustc_2017_Triangle_down_16px.png')")
 +
// }
 +
// else{
 +
// main_node.css("background-image","url('https://static.igem.org/mediawiki/2017/a/ae/Ustc_2017_Triangle_right_16px.png')")
 +
// }
 +
// }
 +
// }
 +
 
 +
 
 +
 +
</script>
 +
 
 +
</head>
 +
<body>
 +
<header>
 +
<nav class="top-nav">
 +
<div class="container">
 +
<div class="nav-wrapper"><a class="page-title">Achievements</a>
 +
</div>
 +
</div>
 +
</nav>
 +
 
 +
<div class="container">
 +
<a href="#" data-activates="nav-mobile" class="button-collapse top-nav full hide-on-large-only ">
 +
<img src="https://static.igem.org/mediawiki/2017/a/a2/Ustc_2017_menu_32px.png">
 +
</a>
 +
</div>
 +
<ul id="nav-mobile" class="side-nav fixed">
 +
<li class="logo" style="border-bottom: 2px solid #ee6e73">
 +
<div class="logo-container" >
 +
<img src="https://static.igem.org/mediawiki/2017/thumb/8/89/Ustc_2017team_logo.png/900px-Ustc_2017team_logo.png" width="100%" height="100%">
 +
</div>
 +
</li>
 +
<li class="bold1 lavender_choosed">
 +
<a href="https://2017.igem.org/Team:USTC" class="waves-effect waves-teal">Home</a>
 +
</li>
 +
 +
 
 +
<li class="no-padding">
 +
          <ul class="collapsible collapsible-accordion">
 +
 
 +
            <li class="bold Aliceblue_choosed"><a class="collapsible-header  waves-effect waves-teal">Project</a>
 +
              <div class="collapsible-body">
 +
                <ul>
 +
                  <li class="bg_all"><a href="https://2017.igem.org/Team:USTC/Description">Description</a></li>
 +
                  <li class="bg_all"><a href="https://2017.igem.org/Team:USTC/Design">Design</a></li>
 +
                  <li class="bg_all"><a href="https://2017.igem.org/Team:USTC/Results">Results</a></li>
 +
                  <li class="bg_all"><a href="https://2017.igem.org/Team:USTC/Demonstrate">Demonstrate</a></li>
 +
                </ul>
 +
              </div>
 +
            </li>
 +
 
 +
            <li class="bold1 azure_choosed">
 +
<a href="https://2017.igem.org/Team:USTC/Safety" class="waves-effect waves-teal">Safety</a>
 +
</li>
 +
<li class="bold1 mintcream_choosed">
 +
<a href="https://2017.igem.org/Team:USTC/Model" class="waves-effect waves-teal">Model</a>
 +
</li>
 +
 
 +
            <li class="bold honeydew_choosed"><a class="collapsible-header  waves-effect waves-teal">Parts</a>
 +
              <div class="collapsible-body">
 +
                <ul>
 +
                  <li><a href="https://2017.igem.org/Team:USTC/Parts">Parts</a></li>
 +
                  <li><a href="https://2017.igem.org/Team:USTC/Basic_Part">Basic Parts</a></li>
 +
                  <li><a href="https://2017.igem.org/Team:USTC/Composite_Part">Composite Parts</a></li>
 +
                  <li><a href="https://2017.igem.org/Team:USTC/Contribution">Contributions</a></li>
 +
                  <li><a href="https://2017.igem.org/Team:USTC/Improve">Improve</a></li>
 +
                </ul>
 +
              </div>
 +
            </li>
 +
 
 +
            <li class="bold ivory_choosed"><a class="collapsible-header waves-effect waves-teal">Notebook</a>
 +
              <div class="collapsible-body">
 +
                <ul>
 +
                  <li><a href="https://2017.igem.org/Team:USTC/Notebook">Experiment Log</a></li>
 +
                  <li><a href="https://2017.igem.org/Team:USTC/Experiments">Experiments</a></li>
 +
                </ul>
 +
              </div>
 +
            </li>
 +
 
 +
            <li class="bold lemonchiffon_choosed"><a class="collapsible-header  waves-effect waves-teal">Human Practice</a>
 +
              <div class="collapsible-body">
 +
                <ul>
 +
                  <li><a href="https://2017.igem.org/Team:USTC/HP/Silver">Silver HP</a></li>
 +
                  <li style="font-size: 16px"><a href="https://2017.igem.org/Team:USTC/HP/Gold_Integrated">Integrated and Gold</a></li>
 +
                  <li><a href="https://2017.igem.org/Team:USTC/Engagement">Public Engagement</a></li>
 +
                </ul>
 +
              </div>
 +
            </li>
 +
 
 +
            <li class="bold1 cornsilk_choosed">
 +
<a href="https://2017.igem.org/Team:USTC/Collaborations" class="waves-effect waves-teal">Collaborations</a>
 +
</li>
 +
 
 +
<li class="bold1 seashell_choosed">
 +
<a href="https://2017.igem.org/Team:USTC/Achievements" class="waves-effect waves-teal">Achievements</a>
 +
</li>
 +
 
 +
<li class="bold1 lavenderblush_choosed">
 +
<a href="https://2017.igem.org/Team:USTC/Team" class="waves-effect waves-teal">Team</a>
 +
</li>
 +
 
 +
<li class="bold1 mistyrose_choosed">
 +
<a href="https://2017.igem.org/Team:USTC/Attributions" class="waves-effect waves-teal">Attributions</a>
 +
</li>
 +
 
 +
          </ul>
 +
        </li>
 +
 
 +
 
 +
 
 +
</ul>
 +
</header>
 +
<main>
 +
<div class="container">
 +
<div class="row">
 +
<div class="col s12 m11 110">
 +
<div >
 +
                                                        <br>
 +
        <p id="first" class="scrollspy label label-pink">Bronze</p>
 +
                                                        <br>
 +
                                                        <groupparts>iGEM17 USTC</groupparts>
 +
</div>
 +
<div >
 +
                                                        <br>
 +
        <p id="second" class="scrollspy label label-pink">Silver</p>
 +
                                                        <br>
 +
</div>
 +
 +
                                        <div>
 +
                                                  <br>
 +
  <span id="third" class="scrollspy label label-pink">Gold</span>
 +
                                                  <br>
 +
<div class="row1">
 +
 
 +
  <div class="col s6">
 +
  <img  style="padding-bottom: 40px;" src="https://static.igem.org/mediawiki/2017/8/8d/Card_blank.jpg" width="100%">
 +
      </div>
 +
    </div>
 +
</div>
 +
 
 +
 +
</div>
 +
<div class="col hide-on-small-only m1 12" >
 +
<div class="toc-wrapper pinner" style="margin-left: 80px">
 +
<div>
 +
<ul class="section table-of-contents">
 +
<li><a href="#first">Bronze</a></li>
 +
<li><a href="#second">Silver</a></li>
 +
<li><a href="#third">Gold</a></li>
 +
</ul>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</main>
 +
<footer class="page-footer">
 +
<div class="container">
 +
<div class="row">
 +
<div class="col s6">
 +
<h5>Sponsored by</h5>
 +
<img src="https://static.igem.org/mediawiki/2017/4/49/Ustc_USTCIF.jpg" width="8%" height="8%">
 +
<img src="https://static.igem.org/mediawiki/2017/4/4f/Ustc_ustc_teach.png" width="45%" height="78%">
 +
<img src="https://static.igem.org/mediawiki/2017/thumb/6/65/Ustc_ustc_bio.jpg/1200px-Ustc_ustc_bio.jpg.png" width="45%" height="77%" style="margin-bottom: -7px">
 +
</div>
 +
<div class="col s6">
 +
<h5>Contact us</h5>
 +
              <div class="contactbox">
 +
                <a class="cardbox" href="mailto:leung@mail.ustc.enu.cn"><img src="https://static.igem.org/mediawiki/2017/3/33/Ustc_mail.png" ></a>
 +
              <a class="cardbox" href="http://weibo.com/u/6179287269?refer_flag=1001030102_&is_hot=1#_loginLayer_1507990419608"><img src="https://static.igem.org/mediawiki/2017/a/a3/Ustc_sina.png"></a>
 +
              </div>         
 +
</div>
 +
</div>
 +
</div>
 +
</footer>
 +
</body>
 +
</html>

Revision as of 11:49, 23 October 2017

子网页测试-队员


Bronze


iGEM17 USTC

Silver



Gold
Sponsored by
Contact us