Difference between revisions of "Team:NJU-China/Model"

Line 2: Line 2:
  
 
<head>
 
<head>
−
  <meta charset="UTF-8">
+
    <meta charset="UTF-8">
−
  <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
+
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
−
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
+
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
−
  <!--Import materialize.css-->
+
    <!--Import materialize.css-->
−
  <link rel="stylesheet" href="https://2016.igem.org/Team:NJU-China/mdlib/ghpages?action=raw&amp;ctype=text/css" media="screen,projection">
+
    <link rel="stylesheet" href="https://2016.igem.org/Team:NJU-China/mdlib/ghpages?action=raw&amp;ctype=text/css" media="screen,projection">
−
  <!--Import Google Icon Font-->
+
    <!--Import Google Icon Font-->
−
  <link href="https://2016.igem.org/Team:NJU-China/mdlib/mdiconcss?action=raw&amp;ctype=text/css" rel="stylesheet">
+
    <link href="https://2016.igem.org/Team:NJU-China/mdlib/mdiconcss?action=raw&amp;ctype=text/css" rel="stylesheet">
−
  <style>
+
     <link href="https://2016.igem.org/Team:NJU-China/mdlib/customedcss?action=raw&amp;ctype=text/css" rel="stylesheet">
−
     /* mod */
+
−
 
+
−
    ul.side-nav.fixed li.logo {
+
−
      margin-bottom: auto;
+
−
      margin-top: auto;
+
−
    }
+
−
 
+
−
    #nav-mobile {
+
−
      padding-bottom: 60px;
+
−
    }
+
−
 
+
−
    a,
+
−
    a:hover {
+
−
      text-decoration: none !important;
+
−
    }
+
−
 
+
−
    header,
+
−
    main,
+
−
    footer {
+
−
      padding-left: 300px;
+
−
    }
+
−
 
+
−
    @media only screen and (max-width: 992px) {
+
−
      header,
+
−
      main,
+
−
      footer {
+
−
        padding-left: 0;
+
−
      }
+
−
    }
+
−
 
+
−
    ul {
+
−
      list-style-image: inherit;
+
−
    }
+
−
 
+
−
    .tabs .tab {
+
−
      text-transform: none;
+
−
    }
+
−
 
+
−
    /**,
+
−
    *:before,
+
−
    *:after {
+
−
      box-sizing: content-box;
+
−
    }*/
+
−
 
+
−
    a.page-title:active {
+
−
      color: white;
+
−
    }
+
−
    /* revert */
+
−
 
+
−
    #top_title,
+
−
    #sideMenu,
+
−
    .wsx_fade,
+
−
    .wsx_scroll,
+
−
    #mw-content-text>p:first-child {
+
−
      display: none;
+
−
    }
+
−
 
+
−
    #content {
+
−
      width: 100%;
+
−
      padding: 0;
+
−
      margin: 0;
+
−
      /*为了能让侧栏正常滑动，且不会被阴影覆盖*/
+
−
      position: static;
+
−
    }
+
−
 
+
−
    .mw-content-ltr ul {
+
−
      margin: 0;
+
−
    }
+
−
  </style>
+
 
</head>
 
</head>
  
 
<body>
 
<body>
−
  <header>
+
    <header>
−
    <nav class="top-nav">
+
        <nav class="top-nav">
−
      <div class="container">
+
            <div class="container">
−
        <div class="nav-wrapper"><a class="page-title">Model</a></div>
+
                <div class="nav-wrapper"><a class="page-title">Model</a></div>
−
      </div>
+
−
    </nav>
+
−
    <div class="container">
+
−
      <a href="#" data-activates="nav-mobile" class="button-collapse top-nav full hide-on-large-only"> <i class="material-icons">menu</i> </a>
+
−
    </div>
+
−
    <ul id="nav-mobile" class="side-nav fixed">
+
−
      <li class="logo">
+
−
        <!-- <a id="logo-container" href="https://2016.igem.org/Team:NJU-China" class="brand-logo"> <img src="https://static.igem.org/mediawiki/2016/c/c8/NJU_China_2016_iGEM_logo.png" alt="NJU-China LOGO" class="responsive-img" style="height: 200%"> </a> --><img class="background responsive-img" src="https://static.igem.org/mediawiki/2016/c/c8/NJU_China_2016_iGEM_logo.png" alt="NJU-China LOGO"> </li>
+
−
      <li class="bold"><a href="https://2016.igem.org/Team:NJU-China/Background" class="waves-effect waves-teal">Background</a></li>
+
−
      <li class="bold no-padding">
+
−
        <ul class="collapsible collapsible-accordion">
+
−
          <li class="bold"> <a class="collapsible-header waves-effect waves-teal">Project</a>
+
−
            <div class="collapsible-body">
+
−
              <ul>
+
−
                <li><a href="https://2016.igem.org/Team:NJU-China/Project#test1">Design</a></li>
+
−
                <li><a href="https://2016.igem.org/Team:NJU-China/Project#test2">Results</a></li>
+
−
                <li><a href="https://2016.igem.org/Team:NJU-China/Project#test3">Conclusion</a></li>
+
−
                <li><a href="https://2016.igem.org/Team:NJU-China/Project#test4">Future Work</a></li>
+
−
              </ul>
+
 
             </div>
 
             </div>
−
          </li>
+
         </nav>
−
         </ul>
+
         <div class="container">
−
      </li>
+
             <a href="#" data-activates="nav-mobile" class="button-collapse top-nav full hide-on-large-only"> <i class="material-icons">menu</i> </a>
−
      <li class="bold no-padding">
+
−
         <ul class="collapsible collapsible-accordion">
+
−
          <li class="bold"> <a class="collapsible-header waves-effect waves-teal">Model</a>
+
−
             <div class="collapsible-body">
+
−
              <ul>
+
−
                <li><a href="https://2016.igem.org/Team:NJU-China/Model#test1">Delivery Model</a></li>
+
−
                <li><a href="https://2016.igem.org/Team:NJU-China/Model#test2">RNAi Model</a></li>
+
−
                <li><a href="https://2016.igem.org/Team:NJU-China/Model#test3">Signaling Model</a></li>
+
−
              </ul>
+
−
            </div>
+
−
          </li>
+
−
        </ul>
+
−
      </li>
+
−
      <li class="bold"><a href="https://2016.igem.org/Team:NJU-China/Parts" class="waves-effect waves-teal">Parts</a></li>
+
−
      <li class="bold"><a href="https://2016.igem.org/Team:NJU-China/Safety" class="waves-effect waves-teal">Safety</a></li>
+
−
      <li class="bold"><a href="https://2016.igem.org/Team:NJU-China/Human_Practice" class="waves-effect waves-teal">Human Practice</a></li>
+
−
      <li class="bold"><a href="https://2016.igem.org/Team:NJU-China/Team" class="waves-effect waves-teal">Team</a></li>
+
−
      <li class="bold"><a href="https://2016.igem.org/Team:NJU-China/Attribution" class="waves-effect waves-teal">Attribution</a></li>
+
−
      <li class="bold"><a href="https://2016.igem.org/Team:NJU-China/Collaboration" class="waves-effect waves-teal">Collaboration</a></li>
+
−
      <li class="bold no-padding">
+
−
        <ul class="collapsible collapsible-accordion">
+
−
          <li class="bold"> <a class="collapsible-header waves-effect waves-teal">Notebook</a>
+
−
            <div class="collapsible-body">
+
−
              <ul>
+
−
                <li><a href="https://2016.igem.org/Team:NJU-China/Notebook#test1">Methods</a></li>
+
−
                <li><a href="https://2016.igem.org/Team:NJU-China/Notebook#test2">Protacal</a></li>
+
−
                <li><a href="https://2016.igem.org/Team:NJU-China/Notebook#test3">Notebook</a></li>
+
−
              </ul>
+
−
            </div>
+
−
          </li>
+
−
        </ul>
+
−
      </li>
+
−
    </ul>
+
−
  </header>
+
−
  <!-- Begin page content -->
+
−
  <main class="z-depth-1">
+
−
    <div class="container">
+
−
      <div class="divider"></div>
+
−
      <div class="section">
+
−
        <p>Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz. Abcdefg</p>
+
−
        <p>Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop
+
−
          qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz.</p>
+
−
      </div>
+
−
      <div class="divider"></div>
+
−
      <div class="row">
+
−
        <div class="col s12">
+
−
          <ul class="tabs z-depth-1">
+
−
            <li class="tab col s3"><a class="active" href="#test1">Delivery Model</a></li>
+
−
            <li class="tab col s3"><a href="#test2">RNAi Model</a></li>
+
−
            <li class="tab col s3"><a href="#test3">Signaling Model</a></li>
+
−
          </ul>
+
 
         </div>
 
         </div>
−
         <div id="test1" class="col s12">
+
         <ul id="nav-mobile" class="side-nav fixed">
−
          <ul class="collapsible popout" data-collapsible="expandable">
+
            <li class="logo">
−
             <li>
+
                <!-- <a id="logo-container" href="https://2016.igem.org/Team:NJU-China" class="brand-logo"> <img src="https://static.igem.org/mediawiki/2016/c/c8/NJU_China_2016_iGEM_logo.png" alt="NJU-China LOGO" class="responsive-img" style="height: 200%"> </a> --><img class="background responsive-img" src="https://static.igem.org/mediawiki/2016/c/c8/NJU_China_2016_iGEM_logo.png" alt="NJU-China LOGO"> </li>
−
              <div class="collapsible-header active"><i class="material-icons">filter_drama</i>First</div>
+
             <li class="bold"><a href="https://2016.igem.org/Team:NJU-China/Background" class="waves-effect waves-teal">Background</a></li>
−
              <div class="collapsible-body">
+
            <li class="bold no-padding">
−
                <p>Lorem ipsum dolor sit amet.</p>
+
                <ul class="collapsible collapsible-accordion">
−
              </div>
+
                    <li class="bold"> <a class="collapsible-header waves-effect waves-teal">Project</a>
 +
                        <div class="collapsible-body">
 +
                            <ul>
 +
                                <li><a href="https://2016.igem.org/Team:NJU-China/Project#test1">Design</a></li>
 +
                                <li><a href="https://2016.igem.org/Team:NJU-China/Project#test2">Results</a></li>
 +
                                <li><a href="https://2016.igem.org/Team:NJU-China/Project#test3">Conclusion</a></li>
 +
                                <li><a href="https://2016.igem.org/Team:NJU-China/Project#test4">Future Work</a></li>
 +
                            </ul>
 +
                        </div>
 +
                    </li>
 +
                </ul>
 
             </li>
 
             </li>
−
             <li>
+
             <li class="bold no-padding">
−
              <div class="collapsible-header active"><i class="material-icons">place</i>Second</div>
+
                <ul class="collapsible collapsible-accordion">
−
              <div class="collapsible-body">
+
                    <li class="bold"> <a class="collapsible-header waves-effect waves-teal">Model</a>
−
                <p>Lorem ipsum dolor sit amet.</p>
+
                        <div class="collapsible-body">
−
              </div>
+
                            <ul>
 +
                                <li><a href="https://2016.igem.org/Team:NJU-China/Model#test1">Delivery Model</a></li>
 +
                                <li><a href="https://2016.igem.org/Team:NJU-China/Model#test2">RNAi Model</a></li>
 +
                                <li><a href="https://2016.igem.org/Team:NJU-China/Model#test3">Signaling Model</a></li>
 +
                            </ul>
 +
                        </div>
 +
                    </li>
 +
                </ul>
 
             </li>
 
             </li>
−
             <li>
+
             <li class="bold"><a href="https://2016.igem.org/Team:NJU-China/Parts" class="waves-effect waves-teal">Parts</a></li>
−
              <div class="collapsible-header active"><i class="material-icons">whatshot</i>Third</div>
+
            <li class="bold"><a href="https://2016.igem.org/Team:NJU-China/Safety" class="waves-effect waves-teal">Safety</a></li>
−
              <div class="collapsible-body">
+
            <li class="bold"><a href="https://2016.igem.org/Team:NJU-China/Human_Practice" class="waves-effect waves-teal">Human Practice</a></li>
−
                <p>Lorem ipsum dolor sit amet.</p>
+
            <li class="bold"><a href="https://2016.igem.org/Team:NJU-China/Team" class="waves-effect waves-teal">Team</a></li>
−
              </div>
+
            <li class="bold"><a href="https://2016.igem.org/Team:NJU-China/Attributions" class="waves-effect waves-teal">Attributions</a></li>
 +
            <li class="bold"><a href="https://2016.igem.org/Team:NJU-China/Collaborations" class="waves-effect waves-teal">Collaborations</a></li>
 +
            <li class="bold no-padding">
 +
                <ul class="collapsible collapsible-accordion">
 +
                    <li class="bold"> <a class="collapsible-header waves-effect waves-teal">Notebook</a>
 +
                        <div class="collapsible-body">
 +
                            <ul>
 +
                                <li><a href="https://2016.igem.org/Team:NJU-China/Notebook#test1">Methods</a></li>
 +
                                <li><a href="https://2016.igem.org/Team:NJU-China/Notebook#test2">Protacal</a></li>
 +
                                <li><a href="https://2016.igem.org/Team:NJU-China/Notebook#test3">Notebook</a></li>
 +
                            </ul>
 +
                        </div>
 +
                    </li>
 +
                </ul>
 
             </li>
 
             </li>
−
          </ul>
+
        </ul>
−
         </div>
+
    </header>
−
        <div id="test2" class="col s12">
+
    <!-- Begin page content -->
−
          <ul class="collapsible popout" data-collapsible="expandable">
+
    <main class="z-depth-1">
−
            <li>
+
         <div class="container">
−
              <div class="collapsible-header active"><i class="material-icons">filter_drama</i>First</div>
+
            <div class="divider"></div>
−
              <div class="collapsible-body">
+
            <div class="section">
−
                <p>Lorem ipsum dolor sit amet.</p>
+
                <p>Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz. Abcdefg</p>
−
              </div>
+
                <p>Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz.</p>
−
            </li>
+
            </div>
−
            <li>
+
            <div class="divider"></div>
−
              <div class="collapsible-header active"><i class="material-icons">place</i>Second</div>
+
            <div class="row">
−
              <div class="collapsible-body">
+
                <div class="col s12">
−
                <p>Lorem ipsum dolor sit amet.</p>
+
                    <ul class="tabs z-depth-1">
−
              </div>
+
                        <li class="tab col s3"><a class="active" href="#test1">Delivery Model</a></li>
−
            </li>
+
                        <li class="tab col s3"><a href="#test2">RNAi Model</a></li>
−
            <li>
+
                        <li class="tab col s3"><a href="#test3">Signaling Model</a></li>
−
              <div class="collapsible-header active"><i class="material-icons">whatshot</i>Third</div>
+
                    </ul>
−
              <div class="collapsible-body">
+
                </div>
−
                 <p>Lorem ipsum dolor sit amet.</p>
+
                <div id="test1" class="col s12">
−
              </div>
+
                    <ul class="collapsible popout" data-collapsible="expandable">
−
            </li>
+
                        <li>
−
          </ul>
+
                            <div class="collapsible-header active"><i class="material-icons">filter_drama</i>First</div>
−
        </div>
+
                            <div class="collapsible-body">
−
        <div id="test3" class="col s12">
+
                                <p>Lorem ipsum dolor sit amet.</p>
−
          <ul class="collapsible popout" data-collapsible="expandable">
+
                            </div>
−
            <li>
+
                        </li>
−
              <div class="collapsible-header active"><i class="material-icons">filter_drama</i>First</div>
+
                        <li>
−
              <div class="collapsible-body">
+
                            <div class="collapsible-header active"><i class="material-icons">place</i>Second</div>
−
                <p>Lorem ipsum dolor sit amet.</p>
+
                            <div class="collapsible-body">
−
              </div>
+
                                <p>Lorem ipsum dolor sit amet.</p>
−
            </li>
+
                            </div>
−
            <li>
+
                        </li>
−
              <div class="collapsible-header active"><i class="material-icons">place</i>Second</div>
+
                        <li>
−
              <div class="collapsible-body">
+
                            <div class="collapsible-header active"><i class="material-icons">whatshot</i>Third</div>
−
                <p>Lorem ipsum dolor sit amet.</p>
+
                            <div class="collapsible-body">
−
              </div>
+
                                <p>Lorem ipsum dolor sit amet.</p>
−
            </li>
+
                            </div>
−
            <li>
+
                        </li>
−
              <div class="collapsible-header active"><i class="material-icons">whatshot</i>Third</div>
+
                    </ul>
−
              <div class="collapsible-body">
+
                 </div>
−
                <p>Lorem ipsum dolor sit amet.</p>
+
                <div id="test2" class="col s12">
−
              </div>
+
                    <ul class="collapsible popout" data-collapsible="expandable">
−
            </li>
+
                        <li>
−
          </ul>
+
                            <div class="collapsible-header active"><i class="material-icons">filter_drama</i>First</div>
 +
                            <div class="collapsible-body">
 +
                                <p>Lorem ipsum dolor sit amet.</p>
 +
                            </div>
 +
                        </li>
 +
                        <li>
 +
                            <div class="collapsible-header active"><i class="material-icons">place</i>Second</div>
 +
                            <div class="collapsible-body">
 +
                                <p>Lorem ipsum dolor sit amet.</p>
 +
                            </div>
 +
                        </li>
 +
                        <li>
 +
                            <div class="collapsible-header active"><i class="material-icons">whatshot</i>Third</div>
 +
                            <div class="collapsible-body">
 +
                                <p>Lorem ipsum dolor sit amet.</p>
 +
                            </div>
 +
                        </li>
 +
                    </ul>
 +
                </div>
 +
                <div id="test3" class="col s12">
 +
                    <ul class="collapsible popout" data-collapsible="expandable">
 +
                        <li>
 +
                            <div class="collapsible-header active"><i class="material-icons">filter_drama</i>First</div>
 +
                            <div class="collapsible-body">
 +
                                <p>Lorem ipsum dolor sit amet.</p>
 +
                            </div>
 +
                        </li>
 +
                        <li>
 +
                            <div class="collapsible-header active"><i class="material-icons">place</i>Second</div>
 +
                            <div class="collapsible-body">
 +
                                <p>Lorem ipsum dolor sit amet.</p>
 +
                            </div>
 +
                        </li>
 +
                        <li>
 +
                            <div class="collapsible-header active"><i class="material-icons">whatshot</i>Third</div>
 +
                            <div class="collapsible-body">
 +
                                <p>Lorem ipsum dolor sit amet.</p>
 +
                            </div>
 +
                        </li>
 +
                    </ul>
 +
                </div>
 +
            </div>
 +
            <div class="divider"></div>
 
         </div>
 
         </div>
−
      </div>
+
     </main>
−
      <div class="divider"></div>
+
    <footer> </footer>
−
     </div>
+
    <!-- 理论上应用 2.1.4 版本的 jQuery，但是iGEM官方提供 1.11.1 -->
−
  </main>
+
    <!-- jQuery 2.1.4 -->
−
  <footer> </footer>
+
    <!-- <script src="https://2016.igem.org/Team:NJU-China/mdlib/jquery214?action=raw&amp;ctype=text/javascript"></script> -->
−
  <!-- 理论上应用 2.1.4 版本的 jQuery，但是iGEM官方提供 1.11.1 -->
+
    <!-- 自己上传的jQuery 1.11.1 -->
−
  <!-- jQuery 2.1.4 -->
+
    <!-- <script src="https://2016.igem.org/Team:NJU-China/lib/jquery?action=raw&amp;ctype=text/javascript"></script> -->
−
  <!-- <script src="https://2016.igem.org/Team:NJU-China/mdlib/jquery214?action=raw&amp;ctype=text/javascript"></script> -->
+
    <script src="https://2016.igem.org/Team:NJU-China/mdlib/mdjs?action=raw&amp;ctype=text/javascript"></script>
−
  <!-- 自己上传的jQuery 1.11.1 -->
+
    <script type="text/javascript">
−
  <!-- <script src="https://2016.igem.org/Team:NJU-China/lib/jquery?action=raw&amp;ctype=text/javascript"></script> -->
+
−
  <script src="https://2016.igem.org/Team:NJU-China/mdlib/mdjs?action=raw&amp;ctype=text/javascript"></script>
+
−
  <script type="text/javascript">
+
 
     // Initialize collapse button
 
     // Initialize collapse button
 
     $(".button-collapse").sideNav();
 
     $(".button-collapse").sideNav();
 
     // Initialize collapsible (uncomment the line below if you use the dropdown variation)
 
     // Initialize collapsible (uncomment the line below if you use the dropdown variation)
 
     $('.collapsible').collapsible();
 
     $('.collapsible').collapsible();
−
  </script>
+
    </script>
 
</body>
 
</body>
  
 
</html>
 
</html>

Revision as of 16:32, 11 October 2016

menu

Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz. Abcdefg

Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz. Abcdefg hijklmnop qrs tuv wx yz.

  • filter_dramaFirst

    Lorem ipsum dolor sit amet.

  • placeSecond

    Lorem ipsum dolor sit amet.

  • whatshotThird

    Lorem ipsum dolor sit amet.

  • filter_dramaFirst

    Lorem ipsum dolor sit amet.

  • placeSecond

    Lorem ipsum dolor sit amet.

  • whatshotThird

    Lorem ipsum dolor sit amet.

  • filter_dramaFirst

    Lorem ipsum dolor sit amet.

  • placeSecond

    Lorem ipsum dolor sit amet.

  • whatshotThird

    Lorem ipsum dolor sit amet.