(Prototype team page) |
Michelle Wu (Talk | contribs) |
||
(38 intermediate revisions by 4 users not shown) | |||
Line 1: | Line 1: | ||
− | {{Lethbridge_HS}} | + | {{Lethbridge_HS/normalizecss}} |
+ | {{Lethbridge_HS/jquery}} | ||
+ | {{Lethbridge_HS/bootstrapcss}} | ||
+ | {{Lethbridge_HS/reset}} | ||
+ | {{Lethbridge_HS/bootstrapjs}} | ||
+ | {{Lethbridge_HS/navbar}} | ||
+ | {{Lethbridge_HS/css}} | ||
<html> | <html> | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
+ | <head> | ||
− | < | + | <link rel="stylesheet" type="text/css" href="css/bootstrap.css"/> |
+ | <link href="https://fonts.googleapis.com/css?family=Montserrat|Open+Sans" rel="stylesheet"> | ||
+ | <script src="js/bootstrap.js"></script> | ||
+ | <style> | ||
+ | h1,h2,h3{font-family: 'Montserrat', sans-serif;} | ||
+ | p{font-family:'open sans', sans-serif; font-size: 18px;} | ||
− | + | #background{ | |
− | + | background-color: } | |
− | + | #banner{ | |
− | + | color: #f9f7f7; | |
+ | font-family: Montserrat, serif;font-size: 18px; | ||
+ | background-color:#ffcdb2 ; | ||
+ | background-image: url("https://static.igem.org/mediawiki/2018/c/c3/T--Lethbridge_HS--notebook2.png") | ||
+ | background-size: cover; | ||
+ | background-position: center center; | ||
+ | background-repeat: no-repeat; | ||
+ | height: 75vh; | ||
+ | overflow: hidden; | ||
+ | margin: 0; | ||
+ | padding-top: 7%; | ||
− | + | background-image: url("https://static.igem.org/mediawiki/2018/c/c3/T--Lethbridge_HS--notebook2.png");text-align:center; | |
− | + | background-size: cover; background-position: center; opacity: ; background-size: ; height: 75vh; | |
− | + | overflow: hidden; | |
− | + | margin: 0; | |
− | + | background-repeat: no-repeat; | |
− | + | ||
− | + | ||
− | + | ||
− | |||
− | <div class=" | + | } |
− | <div class=" | + | |
− | < | + | .jumbotron text-center{ |
− | <p> | + | |
+ | background-color: white; | ||
+ | position: relative; | ||
+ | width: 100%; | ||
+ | background-size: 100% 100%; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | .center{ | ||
+ | |||
+ | text-align: left; | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | .clicker { | ||
+ | height:; | ||
+ | outline:none; | ||
+ | cursor:pointer; | ||
+ | |||
+ | } | ||
+ | |||
+ | .hiddendiv{ | ||
+ | display:none; | ||
+ | height:250px; | ||
+ | width:; | ||
+ | background-color:; | ||
+ | |||
+ | } | ||
+ | |||
+ | .clicker:focus + .hiddendiv{ | ||
+ | display:block; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | .clearfix{ | ||
+ | |||
+ | overflow: auto;} | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | p{ | ||
+ | |||
+ | font-family: 'Roboto', sans-serif; | ||
+ | |||
+ | |||
+ | } | ||
+ | |||
+ | /*RESET AND REMOVAL CSS IS PART OF RESET AND SIDEMENUREMOVE TEMPLATE*/ | ||
+ | /* RULES FOR ALL PAGES ARE PART OF THE ALLPAGES.CSS TEMPLATE*/ | ||
+ | /* RULES FOR THIS PAGE ONLY */ | ||
+ | form { | ||
+ | padding: 10px; | ||
+ | display: inline-block; | ||
+ | } | ||
+ | |||
+ | input.tealButton { | ||
+ | /*width: 300px;*/ | ||
+ | padding: 20px; | ||
+ | cursor: pointer; | ||
+ | font-weight: bold; | ||
+ | font-family: Arial, sans-serif !important; | ||
+ | font-size: calc(14px + 0.5vw) !important; | ||
+ | background: #7AA1D4; | ||
+ | color: #fff; | ||
+ | border: 1px solid #7AA1D4; | ||
+ | border-radius: 10px; | ||
+ | box-shadow: 0 0 10px #7AA1D4; | ||
+ | } | ||
+ | |||
+ | input.tealButton:hover { | ||
+ | color: #ffffff; | ||
+ | background: #000080; | ||
+ | border: 1px solid #000080; | ||
+ | } | ||
+ | |||
+ | * {box-sizing: border-box;} | ||
+ | ul {list-style-type: none;} | ||
+ | |||
+ | </style> | ||
+ | |||
+ | </head> | ||
+ | |||
+ | <body> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <body id="background"> | ||
+ | <div id="banner" class=" jumbotron text-center container-fluid "><div class="container-fluid"> | ||
+ | <div style="font-family: 'Montserrat' , serif;font-size: 10vw;text-align:center;margin-top:50px;"><center>NOTEBOOK</center></div> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | <div class="container-fluid;" style="margin-left:10%; margin-right:10%;"> | ||
+ | |||
+ | |||
+ | <br><br> | ||
+ | <h1 style="font-size: 4vw; font-family:Montserrat;"class="w100" ><b></b></h1> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <div id="allContent"> | ||
+ | |||
+ | <!--<div id="Laboratory Notebook"> | ||
+ | <p class="text40"><a href="https://static.igem.org/mediawiki/2018/e/e4/T--Lethbridge_HS--july.pdf" id="pageLink"/>JULY</a></p> | ||
+ | <p class="text40"><a href="https://static.igem.org/mediawiki/2018/5/53/T--Lethbridge_HS--august.pdf | ||
+ | " target="_blank" id="pageLink" />AUGUST</a></p> | ||
+ | <p class="text40"><a href="https://static.igem.org/mediawiki/2018/1/10/T--Lethbridge_HS--september.pdf">SEPTEMBER</a></p> | ||
+ | <p class="text40"><a href="https://static.igem.org/mediawiki/2018/0/06/T--Lethbridge_HS--october.pdf" target="_blank" id="pageLink" />OCTOBER</a></p> | ||
+ | |||
+ | </div>--> | ||
+ | |||
+ | <center> | ||
+ | <form> | ||
+ | <input class="tealButton" type="button" value="JULY" onclick="window.open('https://static.igem.org/mediawiki/2018/e/e4/T--Lethbridge_HS--july.pdf')" /> | ||
+ | </form> | ||
+ | |||
+ | <form> | ||
+ | <input class="tealButton" type="button" value="AUGUST" onclick="window.open('https://static.igem.org/mediawiki/2018/5/53/T--Lethbridge_HS--august.pdf')" /> | ||
+ | </form> | ||
+ | |||
+ | <form> | ||
+ | <input class="tealButton" type="button" value="SEPTEMBER" onclick="window.open('https://static.igem.org/mediawiki/2018/1/10/T--Lethbridge_HS--september.pdf')" /> | ||
+ | </form> | ||
+ | |||
+ | <form> | ||
+ | <input class="tealButton" type="button" value="OCTOBER" onclick="window.open('https://static.igem.org/mediawiki/2018/0/06/T--Lethbridge_HS--october.pdf')" /> | ||
+ | </form> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </center> | ||
+ | <div style="clear:both"></div> | ||
+ | |||
+ | <br> | ||
+ | <br> | ||
+ | |||
+ | </div><!-- closing #allContent --> | ||
+ | |||
+ | |||
+ | <p><h1></h1> <b></b> | ||
+ | <br> | ||
+ | |||
+ | |||
+ | <b></b> | ||
+ | |||
+ | <p></p> | ||
+ | |||
+ | <p></p> | ||
+ | |||
+ | |||
+ | |||
+ | <p></p> | ||
+ | |||
+ | |||
+ | |||
+ | <b></b> | ||
+ | <p></p> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</div> | </div> | ||
+ | |||
+ | <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> | ||
+ | <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> | ||
+ | <!-- Include all compiled plugins (below), or include individual files as needed --> | ||
+ | <script src="js/bootstrap.min.js"></script> | ||
+ | |||
+ | <script src="https://2018.igem.org/Template:Lethbridge_HS/jquery" type="text/javascript"> </script> | ||
+ | <script src="https://2018.igem.org/Template:Lethbridge_HS/bootstrapjs" type="text/javascript"> </script> | ||
+ | </body> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
</html> | </html> |
Latest revision as of 01:24, 18 October 2018