(Blanked the page) |
Tommyrpg1010 (Talk | contribs) |
||
(14 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
+ | {{NTHU_Formosa}} {{NTHU_Formosa/NavBar}} | ||
+ | <html> | ||
+ | <head> | ||
+ | <link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Template:NTHU_Formosa/Lato&action=raw&ctype=text/css" /> | ||
+ | <link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Template:NTHU_Formosa/CSS&action=raw&ctype=text/css"> | ||
+ | <link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Template:NTHU_Formosa/CSS2&action=raw&ctype=text/css"> | ||
+ | <link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Template:NTHU_Formosa/initial&action=raw&ctype=text/css"> | ||
+ | <link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Template:NTHU_Formosa/wordcss0&action=raw&ctype=text/css"> | ||
+ | |||
+ | <style> | ||
+ | /* unvisited link */ | ||
+ | |||
+ | a { | ||
+ | color: #0645AD; | ||
+ | } | ||
+ | |||
+ | /* visited link */ | ||
+ | |||
+ | a:visited { | ||
+ | color: green; | ||
+ | } | ||
+ | |||
+ | /* mouse over link */ | ||
+ | |||
+ | a:hover { | ||
+ | color: hotpink; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | |||
+ | .w3-wide{ | ||
+ | font-weight: 900; | ||
+ | font-size: 350%; | ||
+ | font-family: "Josefin Sans","JosefinSans-Bold",NotoSansCJKtc-Regular,'Noto Sans',"微軟雅黑","Microsoft YaHei",Helvetica,sans-serif; | ||
+ | } | ||
+ | |||
+ | /* selected link */ | ||
+ | |||
+ | a:active { | ||
+ | color: blue; | ||
+ | } | ||
+ | |||
+ | |||
+ | #pdf {width: 700px; height: 800px;margin: 1em auto;padding-right:92%;} | ||
+ | #pdf object {display: block;border: solid 10px #666;} | ||
+ | .shadow-bottom {box-shadow: 3px 3px 5px #888888;padding-bottom: 1em; margin-bottom: 10em; | ||
+ | background:palegreen;} | ||
+ | .shadow-bottom p {margin:1em;} | ||
+ | |||
+ | |||
+ | </style> | ||
+ | </head> | ||
+ | |||
+ | <!-- Main Section --> | ||
+ | |||
+ | |||
+ | |||
+ | <div class="w3-container w3-padding-64 w3-center"> | ||
+ | <div class="w3-content"><br><br><br> | ||
+ | <h2 class="w3-wide" style="font-size:60px;font-family:Quicksand;">Notebook</h2><br> | ||
+ | <p class="w3-justify"> </p> | ||
+ | |||
+ | <div class="shadow-bottom"> | ||
+ | <p><a href="https://static.igem.org/mediawiki/2018/8/85/T--NTHU_Formosa--Notebook_wiki.pdf">[Notebook_PDF]</a></p> | ||
+ | <div id="pdf"> | ||
+ | <object data="https://static.igem.org/mediawiki/2018/8/85/T--NTHU_Formosa--Notebook_wiki.pdf#toolbar=1&navpanes=0&scrollbar=1&page=1&view=FitH" | ||
+ | type="application/pdf" | ||
+ | width="900px" | ||
+ | height="800px"> | ||
+ | </object></div></div> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <!-- Trigger/Open The Modal --> | ||
+ | <!-- <a id="myLink"><u>Open Modal</u></a> --> | ||
+ | |||
+ | <!-- The Modal Box--> | ||
+ | <div id="myModal" class="modal"> | ||
+ | <!-- Modal content --> | ||
+ | <div class="modal-content"> | ||
+ | <span class="close">×</span> | ||
+ | <p>Description text in the box. Image can also be included</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <!-- Modal script, DO NOT MODIFY!!! --> | ||
+ | <script> | ||
+ | // Get the modal | ||
+ | var modal = document.getElementById('myModal'); | ||
+ | // Get the hyperlink | ||
+ | var link = document.getElementById("myLink"); | ||
+ | // // When the user clicks the hyperlink, open the modal | ||
+ | link.onclick = function() { | ||
+ | modal.style.display = "block"; | ||
+ | } | ||
+ | // Get the <span> element that closes the modal | ||
+ | var span = document.getElementsByClassName("close")[0]; | ||
+ | // When the user clicks on <span> (x), close the modal | ||
+ | span.onclick = function() { | ||
+ | modal.style.display = "none"; | ||
+ | } | ||
+ | |||
+ | // When the user clicks anywhere outside of the modal, close it | ||
+ | window.onclick = function(event) { | ||
+ | if (event.target == modal) { | ||
+ | modal.style.display = "none"; | ||
+ | } | ||
+ | } | ||
+ | </script> | ||
+ | |||
+ | </html> |
Latest revision as of 14:10, 17 October 2018