(19 intermediate revisions by 2 users not shown) | |||
Line 30: | Line 30: | ||
.boogaloo_font1 | .boogaloo_font1 | ||
{ font-family:'Boogaloo'; | { font-family:'Boogaloo'; | ||
− | + | color: #fff; | |
+ | font-size:20px;} | ||
.backbody2{ | .backbody2{ | ||
Line 57: | Line 58: | ||
} | } | ||
− | + | .paddingleft{ | |
+ | padding-left:50px; | ||
+ | padding-right:50px;} | ||
Line 1,229: | Line 1,232: | ||
<style> | <style> | ||
− | .overlay { | + | .overlay{ |
height: 0%; | height: 0%; | ||
width: 100%; | width: 100%; | ||
Line 1,244: | Line 1,247: | ||
.overlay-content { | .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; | font-color:#fff; | ||
} | } | ||
Line 1,261: | Line 1,264: | ||
.overlay a:hover, .overlay a:focus { | .overlay a:hover, .overlay a:focus { | ||
− | color: # | + | color: #fff; |
} | } | ||
.overlay .closebtn { | .overlay .closebtn { | ||
position: absolute; | position: absolute; | ||
− | top: | + | top: 60px; |
right: 45px; | right: 45px; | ||
font-size: 60px; | font-size: 60px; | ||
Line 1,285: | Line 1,288: | ||
} | } | ||
</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,513: | 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,522: | Line 1,590: | ||
content: ''; | content: ''; | ||
position: absolute; | position: absolute; | ||
− | width: | + | width: 0px; |
background-color: white; | background-color: white; | ||
top: 0; | top: 0; | ||
Line 1,535: | Line 1,603: | ||
position: relative; | position: relative; | ||
background-color: inherit; | background-color: inherit; | ||
− | width: | + | width: 75%; |
} | } | ||
Line 1,559: | Line 1,627: | ||
/* Place the container to the right */ | /* Place the container to the right */ | ||
.right1 { | .right1 { | ||
− | left: | + | left: 10%; |
} | } | ||
Line 1,787: | Line 1,855: | ||
<div class="dropdown-content"> | <div class="dropdown-content"> | ||
<a href="/Team:IIT_Delhi/Circuit_Design">Circuit design and construction</a> | <a href="/Team:IIT_Delhi/Circuit_Design">Circuit design and construction</a> | ||
− | <a href="/Team:IIT_Delhi/Microfluidics">Microfluidics and | + | <a href="/Team:IIT_Delhi/Microfluidics">Microfluidics and Fluorescence</a> |
<a href="/Team:IIT_Delhi/Photobleaching">Photobleaching</a> | <a href="/Team:IIT_Delhi/Photobleaching">Photobleaching</a> | ||
<a href="/Team:IIT_Delhi/Promoter">Promoter strength</a> | <a href="/Team:IIT_Delhi/Promoter">Promoter strength</a> | ||
Line 1,890: | 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