(Prototype team page) |
Carry zhang (Talk | contribs) |
||
Line 1: | Line 1: | ||
− | {{TUST_China}} | + | {{Team:TUST_China/TUST_meau}} |
+ | {{Team:TUST_China/JS/notebook}} | ||
<html> | <html> | ||
+ | <style> | ||
+ | /*Notebook*/ | ||
− | + | .panel-default > .panel-heading { /* color & padding panel-heading Notebooks */ | |
+ | color: black; | ||
+ | padding-top: 0; | ||
+ | padding-bottom: 0; | ||
+ | } | ||
− | + | .panel-default > .panel-heading, .panel-group .panel{ | |
− | + | border-radius: 13px; | |
+ | } | ||
− | + | .panel-title > a { /*a full hover*/ | |
− | + | display: block; | |
+ | width: 100%; | ||
+ | line-height: 2.2em; | ||
+ | height: 40px; | ||
+ | color: inherit; | ||
+ | text-decoration: none; | ||
+ | outline: 0; | ||
+ | } | ||
− | + | .panel-title { | |
− | + | margin-top: 0; | |
− | + | margin-bottom: 0; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | |||
− | <div class=" | + | .scientific { |
− | < | + | font-size: 16px; |
− | <p> | + | } |
+ | |||
+ | .panel-default > .panel-heading { /* color & padding panel-heading Notebooks */ | ||
+ | background: #cfeef3; | ||
+ | } | ||
+ | ul#navwrap{ | ||
+ | background: #93aca5; | ||
+ | top: 16px; | ||
+ | } | ||
+ | ul#navwrap li a{ | ||
+ | color:#fff; | ||
+ | } | ||
+ | div#midbody .btn-danger a:hover,div#midbody li a:hover,ul#navWrap li a:active{ | ||
+ | background-color: #d9534f; | ||
+ | } | ||
+ | .pnav-fixed-top{ | ||
+ | position: fixed; | ||
+ | z-index: 1000; | ||
+ | } | ||
+ | </style> | ||
+ | |||
+ | |||
+ | <div class="container" id="midbody"> | ||
+ | |||
+ | <div class="row"> | ||
+ | <div class="col-md-10 col-md-offset-1"> | ||
+ | <h1 style="margin-top: 100px;">Notebook </h1> | ||
+ | <ul class="nav nav-pills nomobile" id="navwrap"> | ||
+ | <li><a class="btn btn-danger" id="notbook-july">July</a></li> | ||
+ | <li><a class="btn" id="notbook-august">August</a></li> | ||
+ | <li><a class="btn" id="notbook-september">September</a></li> | ||
+ | <li><a class="btn" id="notbook-october">October</a></li> | ||
+ | <li><a class="btn" id="notbook-labnote5">Expand all</a></li> | ||
+ | <li><a class="btn" id="notbook-labnote6">Hide all</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="col-md-10 col-md-offset-1"> | ||
+ | |||
+ | <h1 id="july">July</h1> | ||
+ | |||
+ | <div class="panel-group scientific" id="accordion1"> | ||
+ | |||
+ | <div class="panel panel-default"> | ||
+ | <div class="panel-heading"> | ||
+ | <h4 class="panel-title"> | ||
+ | <a data-toggle="collapse" href="#july-1">Week1 (July 10 - July 16)</a> | ||
+ | </h4> | ||
+ | </div> | ||
+ | <div id="july-1" class="panel-collapse collapse"> | ||
+ | <div class="panel-body"> | ||
+ | <h4>Wet Lab Overview</h4> | ||
+ | <p></p> | ||
+ | <h4>Dry Lab Overview</h4> | ||
+ | <p></p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="panel panel-default"> | ||
+ | <div class="panel-heading"> | ||
+ | <h4 class="panel-title"> | ||
+ | <a data-toggle="collapse" href="#july-2">Week2 (July 17 - July 23)</a> | ||
+ | </h4> | ||
+ | </div> | ||
+ | <div id="july-2" class="panel-collapse collapse"> | ||
+ | <div class="panel-body"> | ||
+ | <h4>Wet Lab Overview</h4> | ||
+ | <p></p> | ||
+ | <h4>Dry Lab Overview</h4> | ||
+ | <p></p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="panel panel-default"> | ||
+ | <div class="panel-heading"> | ||
+ | <h4 class="panel-title"> | ||
+ | <a data-toggle="collapse" href="#july-3">Week3 (July 24 - July 30)</a> | ||
+ | </h4> | ||
+ | </div> | ||
+ | <div id="july-3" class="panel-collapse collapse"> | ||
+ | <div class="panel-body"> | ||
+ | <h4>Wet Lab Overview</h4> | ||
+ | <p></p> | ||
+ | <h4>Dry Lab Overview</h4> | ||
+ | <p></p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="panel panel-default"> | ||
+ | <div class="panel-heading"> | ||
+ | <h4 class="panel-title"> | ||
+ | <a data-toggle="collapse" href="#july-4">Week4 (July 31 - August 6)</a> | ||
+ | </h4> | ||
+ | </div> | ||
+ | <div id="july-4" class="panel-collapse collapse"> | ||
+ | <div class="panel-body"> | ||
+ | <h4>Wet Lab Overview</h4> | ||
+ | <p></p> | ||
+ | <h4>Dry Lab Overview</h4> | ||
+ | <p></p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <h1 id="august">August</h1> | ||
+ | <div class="panel-group scientific" id="accordion2"> | ||
+ | <div class="panel panel-default"> | ||
+ | <div class="panel-heading" id="notebookh-2-1"> | ||
+ | <h4 class="panel-title"> | ||
+ | <a data-toggle="collapse" href="#august-1">Week5 (August 7 - August 13)</a> | ||
+ | </h4> | ||
+ | </div> | ||
+ | <div id="august-1" class="panel-collapse collapse"> | ||
+ | <div class="panel-body"> | ||
+ | <h4>Wet Lab Overview</h4> | ||
+ | <p></p> | ||
+ | <h4>Dry Lab Overview</h4> | ||
+ | <p></p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="panel panel-default"> | ||
+ | <div class="panel-heading"> | ||
+ | <h4 class="panel-title"> | ||
+ | <a data-toggle="collapse" href="#august-2">Week6 (August 14 - August 20)</a> | ||
+ | </h4> | ||
+ | </div> | ||
+ | <div class="panel-collapase collapse" id="august-2"> | ||
+ | <div class="panel-body"> | ||
+ | <h4>Wet Lab Overview</h4> | ||
+ | <p></p> | ||
+ | <h4>Dry Lab Overview</h4> | ||
+ | <p></p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="panel panel-default"> | ||
+ | <div class="panel-heading"> | ||
+ | <h4 class="panel-title"> | ||
+ | <a data-toggle="collapse" href="#august-3">Week7 (August 21 - August 27)</a> | ||
+ | </h4> | ||
+ | </div> | ||
+ | <div class="panel-collapase collapse" id="august-3"> | ||
+ | <div class="panel-body"> | ||
+ | <h4>Wet Lab Overview</h4> | ||
+ | <p></p> | ||
+ | <h4>Dry Lab Overview</h4> | ||
+ | <p></p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <h1 id="september">September</h1> | ||
+ | <div class="panel-group scientific" id="accordion3"> | ||
+ | <div class="panel panel-default"> | ||
+ | <div class="panel-heading"> | ||
+ | <h4 class="panel-title"> | ||
+ | <a data-toggle="collapse" href="#september-1">Week8 (August 28 - September 3)</a> | ||
+ | </h4> | ||
+ | </div> | ||
+ | <div id="september-1" class="panel-collapse collapse"> | ||
+ | <div class="panel-body"> | ||
+ | <h4>Wet Lab Overview</h4> | ||
+ | <p></p> | ||
+ | <h4>Dry Lab Overview</h4> | ||
+ | <p></p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="panel panel-default"> | ||
+ | <div class="panel-heading"> | ||
+ | <h4 class="panel-title"> | ||
+ | <a data-toggle="collapse" href="#september-2">Week9 (September 4 - September 10)</a> | ||
+ | </h4> | ||
+ | </div> | ||
+ | <div class="panel-collapase collapse" id="september-2"> | ||
+ | <div class="panel-body"> | ||
+ | |||
+ | <h4>Wet Lab Overview</h4> | ||
+ | <p></p> | ||
+ | <h4>Dry Lab Overview</h4> | ||
+ | <p></p> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="panel panel-default"> | ||
+ | <div class="panel-heading"> | ||
+ | <h4 class="panel-title"> | ||
+ | <a data-toggle="collapse" href="#september-3">Week9 (September 11 - September 17)</a> | ||
+ | </h4> | ||
+ | </div> | ||
+ | <div class="panel-collapase collapse" id="september-3"> | ||
+ | <div class="panel-body"> | ||
+ | <h4>Wet Lab Overview</h4> | ||
+ | <p></p> | ||
+ | <h4>Dry Lab Overview</h4> | ||
+ | <p></p> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="panel panel-default"> | ||
+ | <div class="panel-heading"> | ||
+ | <h4 class="panel-title"> | ||
+ | <a data-toggle="collapse" href="#september-4">Week10 (September 18 - September 24)</a> | ||
+ | </h4> | ||
+ | </div> | ||
+ | <div class="panel-collapase collapse" id="september-4"> | ||
+ | <div class="panel-body"> | ||
+ | <h4>Wet Lab Overview</h4> | ||
+ | <p></p> | ||
+ | <h4>Dry Lab Overview</h4> | ||
+ | <p></p> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="panel panel-default"> | ||
+ | <div class="panel-heading"> | ||
+ | <h4 class="panel-title"> | ||
+ | <a data-toggle="collapse" href="#september-5">Week10 (September 25 - October 1)</a> | ||
+ | </h4> | ||
+ | </div> | ||
+ | <div class="panel-collapase collapse" id="september-5"> | ||
+ | <div class="panel-body"> | ||
+ | <h4>Wet Lab Overview</h4> | ||
+ | <p></p> | ||
+ | <h4>Dry Lab Overview</h4> | ||
+ | <p></p> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | </div> | ||
+ | |||
+ | <h1 id="october">October</h1> | ||
+ | <div class="panel-group scientific" id="accordion4"> | ||
+ | <div class="panel panel-default"> | ||
+ | <div class="panel-heading"> | ||
+ | <h4 class="panel-title"> | ||
+ | <a data-toggle="collapse" href="#october-1">Week11 (September 25 - October 1)</a> | ||
+ | </h4> | ||
+ | </div> | ||
+ | <div class="panel-collapase collapse" id="october-1"> | ||
+ | <div class="panel-body"> | ||
+ | <h4>Wet Lab Overview</h4> | ||
+ | <p></p> | ||
+ | <h4>Dry Lab Overview</h4> | ||
+ | <p></p> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="panel panel-default"> | ||
+ | <div class="panel-heading"> | ||
+ | <h4 class="panel-title"> | ||
+ | <a data-toggle="collapse" href="#october-2">Week12 (October 2 - October 8)</a> | ||
+ | </h4> | ||
+ | </div> | ||
+ | <div class="panel-collapase collapse" id="october-2"> | ||
+ | <div class="panel-body"> | ||
+ | <h4>Wet Lab Overview</h4> | ||
+ | <p></p> | ||
+ | <h4>Dry Lab Overview</h4> | ||
+ | <p></p> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="panel panel-default"> | ||
+ | <div class="panel-heading"> | ||
+ | <h4 class="panel-title"> | ||
+ | <a data-toggle="collapse" href="#october-3">Week13 (October 9 - October 15)</a> | ||
+ | </h4> | ||
+ | </div> | ||
+ | <div class="panel-collapase collapse" id="october-3"> | ||
+ | <div class="panel-body"> | ||
+ | <h4>Wet Lab Overview</h4> | ||
+ | <p></p> | ||
+ | <h4>Dry Lab Overview</h4> | ||
+ | <p></p> | ||
− | < | + | </div> |
− | < | + | </div> |
− | + | </div> | |
− | < | + | <div class="panel panel-default"> |
− | < | + | <div class="panel-heading"> |
− | </ | + | <h4 class="panel-title"> |
+ | <a data-toggle="collapse" href="#october-4">Week12 (October 16 - October 22)</a> | ||
+ | </h4> | ||
+ | </div> | ||
+ | <div class="panel-collapase collapse" id="october-4"> | ||
+ | <div class="panel-body"> | ||
+ | <h4>Wet Lab Overview</h4> | ||
+ | <p></p> | ||
+ | <h4>Dry Lab Overview</h4> | ||
+ | <p></p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
</div> | </div> | ||
</html> | </html> | ||
+ | {{Team:TUST_China/TUST_footer}} |
Revision as of 05:02, 3 August 2017