Difference between revisions of "Team:TUST China/Notebook"

 
(3 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
{{Team:TUST_China/TUST_meau}}
 
{{Team:TUST_China/TUST_meau}}
 
<html>
 
<html>
−
    <style>
+
  <style>
−
     h1,h2{padding-top: 20px; margin: 10px 0;line-height:1.1;text-align: center}
+
     .notelogo>a>img{width: 12%;margin: 10px;opacity: 0.5;cursor: pointer}
−
     h4{padding-top: .5em;padding-bottom: .17em}
+
     .notelogo>.active>img,.notelogo>.hover>img{opacity: 1}
−
    .nav-stacked>li{width: 100%}
+
     #section-2,#section-3,#section-4{display: none}
−
    ul#navwrap{margin-left: 50px}
+
−
    .contents-sidebar .nav>li>a{
+
−
        font-size: 18px;
+
−
    }
+
−
    .contents-sidebar .nav .nav>li>a {
+
−
        padding-top: 1px;
+
−
        padding-bottom: 1px;
+
−
        padding-left: 20px;
+
−
        font-size: 16px;
+
−
    }
+
−
    .contents-sidebar .nav ul.nav {
+
−
        display: none;
+
−
    }
+
−
    .contents-sidebar .nav>.active>ul.nav {
+
−
        display: block;
+
−
    }
+
−
     .nav-stacked>li>a{
+
−
        color: #4d5251;
+
−
    }
+
−
    .affix-top:first-child>li:first-child>a,
+
−
    .contents-sidebar .nav>.active>a,
+
−
    .contents-sidebar .nav>li>a:focus,
+
−
    .contents-sidebar .nav>li>a:hover{
+
−
        background-color: transparent;
+
−
        color: #d9534f;
+
−
        font-weight: bold;
+
−
        border-left:3px solid #d9534f ;
+
−
 
+
−
    }
+
−
    #navwrap.affix{
+
−
        top: 20%;
+
−
        z-index: 200;
+
−
    }
+
 
</style>
 
</style>
 
<script>
 
<script>
−
     $(document).ready(function() {
+
     $(document).ready(function () {
−
         $("#navwrap").affix({offset: {top: 150}})
+
         $(".notelogo>a").hover(function () {
−
     });
+
                $(this).addClass("hover");
 +
            },
 +
            function () {
 +
                $(this).removeClass("hover");
 +
            }
 +
        );
 +
        $(".section1").click(function () {
 +
            $("#section-1").css("display","block");
 +
            $("#section-2,#section-3,#section-4").css("display","none");
 +
            $(this).addClass("active");
 +
            $(".section2,.section3,.section4").removeClass("active");
 +
        });
 +
        $(".section2").click(function () {
 +
                $("#section-2").css("display","block");
 +
            $("#section-1,#section-3,#section-4").css("display","none");
 +
            $(this).addClass("active");
 +
            $(".section1,.section3,.section4").removeClass("active");
 +
        });
 +
        $(".section3").click(function () {
 +
            $("#section-3").css("display","block");
 +
            $("#section-2,#section-1,#section-4").css("display","none");
 +
            $(this).addClass("active");
 +
            $(".section2,.section1,.section4").removeClass("active");
 +
        });
 +
        $(".section4").click(function () {
 +
            $("#section-4").css("display","block");
 +
            $("#section-2,#section-3,#section-1").css("display","none");
 +
            $(this).addClass("active");
 +
            $(".section2,.section3,.section1").removeClass("active");
 +
        });
 +
     })
 
</script>
 
</script>
−
   
 
  
  
−
<div class="page-title"><h1>NOTEBOOK</h1></div>
+
 
 +
<div class="page-title"><h1>Notebook</h1></div>
  
  
Line 53: Line 50:
 
     <div id="midbody">
 
     <div id="midbody">
 
         <div class="row">
 
         <div class="row">
 +
            <div class="col-lg-12 col-md-12 text-center notelogo">
 +
                <a class="active section1"><img src="https://static.igem.org/mediawiki/2017/9/92/T--TUST_China--logo_note_ecoli.png" alt=""></a>
 +
                <a class="section2"><img src="https://static.igem.org/mediawiki/2017/9/96/T--TUST_China--logo_note_coculture.png" alt=""></a>
 +
                <a class="section3"><img src="https://static.igem.org/mediawiki/2017/a/a9/T--TUST_China--logo_note_more_BC.png" alt=""></a>
 +
                <a class="section4"><img src="https://static.igem.org/mediawiki/2017/6/6b/T--TUST_China--logo_note_application.png" alt=""></a>
 +
            </div>
 +
            <div class="col-lg-8 col-lg-offset-2 col-md-8 col-md-offset-2">
 +
                <div id="section-1">
 +
                    <h2 class="text-center"><em>E.coli</em></h2>
  
−
            <div class="col-lg-9 col-md-9">
+
                    <object data="https://static.igem.org/mediawiki/2017/f/fd/T--TUST_China--notes_E_coli.pdf" type="application/pdf" width="100%" height="700px">
−
                 <div id="section-1">
+
                        <p>It appears you don't have a PDF plugin for this browser.
−
                     <h2>Mixed Culture</h2>
+
                            No biggie... you can <a href="https://static.igem.org/mediawiki/2017/f/fd/T--TUST_China--notes_E_coli.pdf">click here to
 +
                                download the Results PDF file.</a></p>
 +
                    </object>
 +
                </div>
 +
 
 +
                 <div id="section-2">
 +
                     <h2 class="text-center">Mixed Culture</h2>
 
                     <object data="https://static.igem.org/mediawiki/2017/3/3e/T--TUST_China--notes_mixed_culture.pdf" type="application/pdf" width="100%" height="700px">
 
                     <object data="https://static.igem.org/mediawiki/2017/3/3e/T--TUST_China--notes_mixed_culture.pdf" type="application/pdf" width="100%" height="700px">
 
                         <p>It appears you don't have a PDF plugin for this browser.
 
                         <p>It appears you don't have a PDF plugin for this browser.
Line 63: Line 75:
 
                     </object>
 
                     </object>
 
                 </div>
 
                 </div>
−
                <hr>
 
  
−
                 <div id="section-2">
+
                 <div id="section-3">
−
                     <h2>More BC</h2>
+
                     <h2 class="text-center">More BC</h2>
  
 
                     <object data="https://static.igem.org/mediawiki/2017/3/32/T--TUST_China--notes_more_BC.pdf" type="application/pdf" width="100%" height="700px">
 
                     <object data="https://static.igem.org/mediawiki/2017/3/32/T--TUST_China--notes_more_BC.pdf" type="application/pdf" width="100%" height="700px">
Line 74: Line 85:
 
                     </object>
 
                     </object>
 
                 </div>
 
                 </div>
−
                <hr>
 
  
−
                <div id="section-3">
 
−
                    <h2><em>E.coli</em></h2>
 
−
 
−
                    <object data="https://static.igem.org/mediawiki/2017/f/fd/T--TUST_China--notes_E_coli.pdf" type="application/pdf" width="100%" height="700px">
 
−
                        <p>It appears you don't have a PDF plugin for this browser.
 
−
                            No biggie... you can <a href="https://static.igem.org/mediawiki/2017/f/fd/T--TUST_China--notes_E_coli.pdf">click here to
 
−
                                download the Results PDF file.</a></p>
 
−
                    </object>
 
−
                </div>
 
 
                 <div id="section-4">
 
                 <div id="section-4">
−
                     <h2>Application</h2>
+
                     <h2 class="text-center">Application</h2>
  
 
                     <object data="https://static.igem.org/mediawiki/2017/d/dc/T--TUST_China--notes_application.pdf" type="application/pdf" width="100%" height="700px">
 
                     <object data="https://static.igem.org/mediawiki/2017/d/dc/T--TUST_China--notes_application.pdf" type="application/pdf" width="100%" height="700px">
Line 95: Line 96:
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
−
            <div class="col-lg-2 col-md-2 contents-sidebar" id="navScrollspy">
 
−
                <ul class="nav  nav-stacked" id="navwrap">
 
−
                    <li class="active"><a href="#section-1">Mix Culture</a></li>
 
−
                    <li><a href="#section-2">More BC</a></li>
 
−
                    <li><a href="#section-3"><em>E.coli</em></a></li>
 
−
                    <li><a href="#section-4">Application</a></li>
 
  
−
                </ul>
 
−
            </div>
 
 
         </div>
 
         </div>
 
     </div>
 
     </div>
 
</div>
 
</div>
−
 
 
</html>
 
</html>
 
{{Team:TUST_China/TUST_footer}}
 
{{Team:TUST_China/TUST_footer}}

Latest revision as of 09:02, 31 October 2017

Team:TUST China 2017

Notebook

E.coli

It appears you don't have a PDF plugin for this browser. No biggie... you can click here to download the Results PDF file.

Mixed Culture

It appears you don't have a PDF plugin for this browser. No biggie... you can click here to download the Mix Culture PDF file.

More BC

It appears you don't have a PDF plugin for this browser. No biggie... you can click here to download the More BC PDF file.

Application

It appears you don't have a PDF plugin for this browser. No biggie... you can click here to download the Results PDF file.