(27 intermediate revisions by 3 users not shown) | |||
Line 28: | Line 28: | ||
{ font-family:'Boogaloo'} | { font-family:'Boogaloo'} | ||
+ | .boogaloo_font1 | ||
+ | { font-family:'Boogaloo'; | ||
+ | color: #fff; | ||
+ | font-size:20px;} | ||
.backbody2{ | .backbody2{ | ||
Line 54: | Line 58: | ||
} | } | ||
− | + | .paddingleft{ | |
+ | padding-left:50px; | ||
+ | padding-right:50px;} | ||
Line 1,091: | Line 1,097: | ||
background-position: center; | background-position: center; | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
− | background-size: | + | background-size: cover ; |
color: #ffffff; | color: #ffffff; | ||
Line 1,226: | Line 1,232: | ||
<style> | <style> | ||
− | . | + | .overlay{ |
height: 0%; | height: 0%; | ||
width: 100%; | width: 100%; | ||
Line 1,234: | Line 1,240: | ||
left: 0; | left: 0; | ||
background-color: rgb(0,0,0); | background-color: rgb(0,0,0); | ||
− | background-color: rgba(0,0,0, 0. | + | background-color: rgba(0,0,0, 0.9); |
overflow-y: hidden; | overflow-y: hidden; | ||
transition: 0.5s; | transition: 0.5s; | ||
} | } | ||
− | . | + | .overlay-content { |
position: relative; | position: relative; | ||
− | top: | + | top: 14%; |
width: 100%; | width: 100%; | ||
− | text-align: | + | text-align: left; |
− | margin-top: | + | margin-top: 5px; |
+ | font-color:#fff; | ||
} | } | ||
− | . | + | .overlay a { |
padding: 8px; | padding: 8px; | ||
text-decoration: none; | text-decoration: none; | ||
Line 1,256: | Line 1,263: | ||
} | } | ||
− | . | + | .overlay a:hover, .overlay a:focus { |
color: #fff; | color: #fff; | ||
} | } | ||
− | . | + | .overlay .closebtn { |
position: absolute; | position: absolute; | ||
− | top: | + | top: 60px; |
right: 45px; | right: 45px; | ||
font-size: 60px; | font-size: 60px; | ||
Line 1,268: | Line 1,275: | ||
@media screen and (max-height: 450px) { | @media screen and (max-height: 450px) { | ||
− | . | + | .overlay {overflow-y: auto;} |
− | . | + | .overlay a {font-size: 20px} |
− | . | + | .overlay .closebtn { |
font-size: 40px; | font-size: 40px; | ||
− | top: | + | top: 15px; |
right: 35px; | right: 35px; | ||
} | } | ||
+ | } | ||
+ | |||
+ | .whitefont{ | ||
+ | font-color: #fff; | ||
} | } | ||
</style> | </style> | ||
+ | |||
+ | |||
+ | |||
+ | <style> | ||
+ | |||
+ | .overlay1{ | ||
+ | height: 0%; | ||
+ | width: 100%; | ||
+ | position: fixed; | ||
+ | z-index: 1; | ||
+ | top: 0; | ||
+ | left: 0; | ||
+ | background-color: rgb(0,0,0); | ||
+ | background-color: rgba(0,0,0, 0.9); | ||
+ | overflow-y: hidden; | ||
+ | transition: 0.5s; | ||
+ | } | ||
+ | |||
+ | .overlay1-content { | ||
+ | position: relative; | ||
+ | top: 14%; | ||
+ | width: 100%; | ||
+ | text-align: left; | ||
+ | margin-top: 5px; | ||
+ | font-color:#fff; | ||
+ | } | ||
+ | |||
+ | .overlay1 a { | ||
+ | padding: 8px; | ||
+ | text-decoration: none; | ||
+ | font-size: 36px; | ||
+ | color: #fff; | ||
+ | display: block; | ||
+ | transition: 0.3s; | ||
+ | } | ||
+ | |||
+ | .overlay1 a:hover, .overlay1 a:focus { | ||
+ | color: #fff; | ||
+ | } | ||
+ | |||
+ | .overlay1 .closebtn1 { | ||
+ | position: absolute; | ||
+ | top: 60px; | ||
+ | right: 45px; | ||
+ | font-size: 60px; | ||
+ | } | ||
+ | |||
+ | @media screen and (max-height: 450px) { | ||
+ | .overlay1 {overflow-y: auto;} | ||
+ | .overlay1 a {font-size: 20px} | ||
+ | .overlay1 .closebtn1 { | ||
+ | font-size: 40px; | ||
+ | top: 15px; | ||
+ | right: 35px; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .whitefont{ | ||
+ | font-color: #fff; | ||
+ | } | ||
+ | </style> | ||
+ | |||
+ | |||
+ | |||
+ | |||
<style> | <style> | ||
/* ADJUSTS DEFAULT iGEM CONTENT */ | /* ADJUSTS DEFAULT iGEM CONTENT */ | ||
Line 1,379: | Line 1,455: | ||
z-index: 101; | z-index: 101; | ||
} | } | ||
+ | |||
+ | .dropbtn2 { | ||
+ | font-size: 16px; | ||
+ | border: none; | ||
+ | outline: none; | ||
+ | color: white; | ||
+ | padding: 15px 16px; | ||
+ | background-color: #000; | ||
+ | background-size: 100% 100%; | ||
+ | z-index: 101; | ||
+ | } | ||
+ | |||
+ | |||
.navbar a:hover, .dropdown:hover .dropbtn { | .navbar a:hover, .dropdown:hover .dropbtn { | ||
background-color: red; | background-color: red; | ||
Line 1,492: | Line 1,581: | ||
/* The actual timeline (the vertical ruler) */ | /* The actual timeline (the vertical ruler) */ | ||
.timeline1 { | .timeline1 { | ||
− | position: | + | position: left; |
− | + | ||
margin: 0 auto; | margin: 0 auto; | ||
} | } | ||
Line 1,501: | Line 1,590: | ||
content: ''; | content: ''; | ||
position: absolute; | position: absolute; | ||
− | width: | + | width: 0px; |
background-color: white; | background-color: white; | ||
top: 0; | top: 0; | ||
Line 1,514: | Line 1,603: | ||
position: relative; | position: relative; | ||
background-color: inherit; | background-color: inherit; | ||
− | width: | + | width: 75%; |
} | } | ||
Line 1,538: | Line 1,627: | ||
/* Place the container to the right */ | /* Place the container to the right */ | ||
.right1 { | .right1 { | ||
− | left: | + | left: 10%; |
} | } | ||
Line 1,747: | Line 1,836: | ||
<div class = "navbar "> | <div class = "navbar "> | ||
− | <button class=" | + | <button class="dropbtn2"><a href="https://2017.igem.org/Team:IIT_Delhi">iGEM IIT Delhi</a></button> |
− | + | <div class = "right_menu"> | |
<div class="dropdown"> | <div class="dropdown"> | ||
<button class="dropbtn">Project | <button class="dropbtn">Project | ||
Line 1,754: | Line 1,843: | ||
</button> | </button> | ||
<div class="dropdown-content"> | <div class="dropdown-content"> | ||
− | <a href="/Team:IIT_Delhi/Description"> | + | <a href="/Team:IIT_Delhi/Description">Overview</a> |
− | <a href="/Team:IIT_Delhi/ | + | <a href="/Team:IIT_Delhi/Design">Squarewave Generator</a> |
− | <a href="/Team:IIT_Delhi/ | + | <a href="/Team:IIT_Delhi/InterLab">Interlab</a> |
</div> | </div> | ||
</div> | </div> | ||
<div class="dropdown"> | <div class="dropdown"> | ||
+ | <button class="dropbtn">Results | ||
+ | <i class="fa fa-caret-down"></i> | ||
+ | </button> | ||
+ | <div class="dropdown-content"> | ||
+ | <a href="/Team:IIT_Delhi/Circuit_Design">Circuit design and construction</a> | ||
+ | <a href="/Team:IIT_Delhi/Microfluidics">Microfluidics and Fluorescence</a> | ||
+ | <a href="/Team:IIT_Delhi/Photobleaching">Photobleaching</a> | ||
+ | <a href="/Team:IIT_Delhi/Promoter">Promoter strength</a> | ||
+ | <a href="/Team:IIT_Delhi/Oscillations">Oscillations</a> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="dropdown"> | ||
<button class="dropbtn">Parts | <button class="dropbtn">Parts | ||
<i class="fa fa-caret-down"></i> | <i class="fa fa-caret-down"></i> | ||
Line 1,769: | Line 1,872: | ||
<a href="/Team:IIT_Delhi/Improved_Part">Improved Parts</a> | <a href="/Team:IIT_Delhi/Improved_Part">Improved Parts</a> | ||
<a href="/Team:IIT_Delhi/Part_Collection">Part Collection</a> | <a href="/Team:IIT_Delhi/Part_Collection">Part Collection</a> | ||
+ | |||
</div> | </div> | ||
</div> | </div> | ||
+ | |||
<div class="dropdown"> | <div class="dropdown"> | ||
<button class="dropbtn">Modeling | <button class="dropbtn">Modeling | ||
Line 1,777: | Line 1,882: | ||
<div class="dropdown-content-big"> | <div class="dropdown-content-big"> | ||
<a href="/Team:IIT_Delhi/Model">Overview</a> | <a href="/Team:IIT_Delhi/Model">Overview</a> | ||
− | <a href="/Team:IIT_Delhi/ | + | <a href="/Team:IIT_Delhi/Write_Model">Writing a Model</a> |
+ | <a href="/Team:IIT_Delhi/Deterministic_Model">Deterministic Model </a> | ||
+ | <a href="/Team:IIT_Delhi/Stochastic_Model">Stochastic Model</a> | ||
+ | <a href="/Team:IIT_Delhi/Bifurcation">Bifurcation and Squareness</a> | ||
+ | <a href="/Team:IIT_Delhi/Resources">Resource sharing</a> | ||
</div> | </div> | ||
</div> | </div> | ||
Line 1,789: | Line 1,898: | ||
<a href="/Team:IIT_Delhi/Engagement">Public Engagement</a> | <a href="/Team:IIT_Delhi/Engagement">Public Engagement</a> | ||
<a href="/Team:IIT_Delhi/Collaborations">Collaborations</a> | <a href="/Team:IIT_Delhi/Collaborations">Collaborations</a> | ||
+ | <a href="/Team:IIT_Delhi/Safety">Safety</a> | ||
</div> | </div> | ||
</div> | </div> | ||
+ | |||
+ | <div class="dropdown"> | ||
+ | <button class="dropbtn">Collaborations | ||
+ | <i class="fa fa-caret-down"></i> | ||
+ | </button> | ||
+ | <div class="dropdown-content"> | ||
+ | <a href="/Team:IIT_Delhi/Collaborations">Overview</a> | ||
+ | <a href="/Team:IIT_Delhi/GMM_legislation">GMM Legislation</a> | ||
+ | <a href="/Team:IIT_Delhi/berlin">iGEM Berlin</a> | ||
+ | <a href="/Team:IIT_Delhi/mohali">Mentoring IISER Mohali</a> | ||
+ | <a href="/Team:IIT_Delhi/glasgow">iGEM Glasgow</a> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
<div class="dropdown"> | <div class="dropdown"> | ||
<button class="dropbtn">Notebook | <button class="dropbtn">Notebook | ||
Line 1,816: | Line 1,940: | ||
</div> | </div> | ||
</div> | </div> | ||
− | |||
Line 1,835: | Line 1,958: | ||
<section id="two" class=" align-center"> | <section id="two" class=" align-center"> | ||
− | + | ||
<div class="backbody2"> | <div class="backbody2"> | ||
<div class="timeline1"> | <div class="timeline1"> | ||
− | <div class="container1 | + | <div class="container1 right1"> |
− | <div class="content1 | + | <div class="content1"> |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | <h2 class="boogaloo_font "><span style="font-size:30px;cursor:pointer | + | <h2 class="boogaloo_font "><span style="font-size:30px;line-height:30px;cursor:pointer;display:block">We planned early on to document the work we did and efforts we put into our project, on a daily basis,hence, we were able to compile a comprehensive notebook accounting for all the events that took place.<br><br>April</span></h2> |
− | + | <object data="https://static.igem.org/mediawiki/2017/5/52/T--IIT_Delhi--NoteApril.pdf" type="application/pdf" width="100%" height="500px"> | |
− | < | + | <p>It appears you don't have a PDF plugin for this browser. |
− | + | No probs... you can <a href="https://static.igem.org/mediawiki/2017/5/52/T--IIT_Delhi--NoteApril.pdf">click here to | |
− | + | download the PDF file.</a></p> | |
− | + | </object> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | </ | + | |
− | + | </div> | |
− | + | </div> | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
<div class="container1 right1"> | <div class="container1 right1"> | ||
− | <div class="content1 | + | <div class="content1" > |
− | < | + | <h2 class="boogaloo_font "><span style="font-size:30px;cursor:pointer">May</span></h2> |
− | + | <object data="https://static.igem.org/mediawiki/2017/d/d3/T--IIT_Delhi--NoteMay.pdf" type="application/pdf" width="100%" height="500px"> | |
− | + | <p>It appears you don't have a PDF plugin for this browser. | |
− | + | No probs... you can <a href="https://static.igem.org/mediawiki/2017/d/d3/T--IIT_Delhi--NoteMay.pdf">click here to | |
− | + | download the PDF file.</a></p> | |
− | + | </object> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | </ | + | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</div> | </div> | ||
</div> | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | <div class="container1 right1"> | |
− | + | ||
− | <div class=" | + | |
− | + | ||
− | + | ||
− | + | ||
+ | <div class="content1 boogaloo_font"><h2 class="boogaloo_font "><span style="font-size:30px;cursor:pointer" >June</span></h2> | ||
+ | <object data="https://static.igem.org/mediawiki/2017/e/e3/T--IIT_Delhi--NoteJune.pdf" type="application/pdf" width="100%" height="500px"> | ||
+ | <p>It appears you don't have a PDF plugin for this browser. | ||
+ | No probs... you can <a href="https://static.igem.org/mediawiki/2017/e/e3/T--IIT_Delhi--NoteJune.pdf">click here to | ||
+ | download the PDF file.</a></p> | ||
+ | </object> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</div> | </div> | ||
</div> | </div> | ||
− | + | <div class="container1 right1"> | |
− | + | ||
− | <div | + | <div class="content1 boogaloo_font"><h2 class="boogaloo_font "><span style="font-size:30px;cursor:pointer" >July</span></h2> |
− | + | <object data="https://static.igem.org/mediawiki/2017/2/23/T--IIT_Delhi--NoteJuly.pdf" type="application/pdf" width="100%" height="500px"> | |
− | + | <p>It appears you don't have a PDF plugin for this browser. | |
− | + | No probs... you can <a href="https://static.igem.org/mediawiki/2017/2/23/T--IIT_Delhi--NoteJuly.pdf">click here to | |
− | </ | + | download the PDF file.</a></p> |
− | </ | + | </object> |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</div> | </div> | ||
</div> | </div> | ||
− | <div class="container1 | + | <div class="container1 right1"> |
− | + | ||
− | <div | + | <div class="content1 boogaloo_font"><h2 class="boogaloo_font "><span style="font-size:30px;cursor:pointer" >August</span></h2> |
− | + | <object data="https://static.igem.org/mediawiki/2017/5/55/T--IIT_Delhi--NoteAugust.pdf" type="application/pdf" width="100%" height="500px"> | |
− | + | <p>It appears you don't have a PDF plugin for this browser. | |
− | + | No probs... you can <a href="https://static.igem.org/mediawiki/2017/5/55/T--IIT_Delhi--NoteAugust.pdf">click here to | |
− | </ | + | download the PDF file.</a></p> |
− | </ | + | </object> |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</div> | </div> | ||
</div> | </div> | ||
− | + | <div class="container1 right1"> | |
− | + | ||
− | <div | + | <div class="content1 boogaloo_font"><h2 class="boogaloo_font "><span style="font-size:30px;cursor:pointer" >September</span></h2> |
− | + | <object data="https://static.igem.org/mediawiki/2017/2/2b/T--IIT_Delhi--NoteSept.pdf" type="application/pdf" width="100%" height="500px"> | |
− | + | <p>It appears you don't have a PDF plugin for this browser. | |
− | + | No probs... you can <a href="https://static.igem.org/mediawiki/2017/2/2b/T--IIT_Delhi--NoteSept.pdf">click here to | |
− | </ | + | download the PDF file.</a></p> |
− | </ | + | </object> |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</div> | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</div> | </div> | ||
− | < | + | <div class="container1 right1"> |
+ | <div class="content1 boogaloo_font"><h2 class="boogaloo_font "><span style="font-size:30px;cursor:pointer" >October</span></h2> | ||
+ | <object data="https://static.igem.org/mediawiki/2017/0/05/T--IIT_Delhi--NoteOct.pdf" type="application/pdf" width="100%" height="500px"> | ||
+ | <p>It appears you don't have a PDF plugin for this browser. | ||
+ | No probs... you can <a href="https://static.igem.org/mediawiki/2017/0/05/T--IIT_Delhi--NoteOct.pdf">click here to | ||
+ | download the PDF file.</a></p> | ||
+ | </object> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</div> | </div> | ||
</div> | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
Latest revision as of 22:19, 1 November 2017