Difference between revisions of "Team:NAIT Edmonton/Protocols"

Line 78: Line 78:
 
<div id="wrap">
 
<div id="wrap">
  
 +
<style type"text/css">
 +
 +
/*Protocols*/
 +
 +
.silverstain {display:inline-block;background: url(https://static.igem.org/mediawiki/2015/e/ef/NAIT_Tip_Icon.png);position:absolute;top:600px;margin-left:500px;}
 +
.silverstain:hover {background: url(https://2015.igem.org/File:NAIT_Tip_Icon_Glow.png)}
 +
 +
.sdspage {display:inline-block;background: url(https://static.igem.org/mediawiki/2015/e/ef/NAIT_Tip_Icon.png);}
 +
.sdspage:hover {background: url(https://2015.igem.org/File:NAIT_Tip_Icon_Glow.png)}
 +
 +
 +
.sampleprep {display:inline-block;background: url(https://static.igem.org/mediawiki/2015/e/ef/NAIT_Tip_Icon.png);}
 +
.sampleprep:hover {background: url(https://2015.igem.org/File:NAIT_Tip_Icon_Glow.png)}
 +
 +
 +
.doubledigest {display:inline-block;background: url(https://static.igem.org/mediawiki/2015/e/ef/NAIT_Tip_Icon.png);}
 +
.doubledigest:hover {background: url(https://2015.igem.org/File:NAIT_Tip_Icon_Glow.png)}
 +
 +
 +
 +
/* Modal */
 +
.modal {opacity: 0;visibility: hidden;position: fixed;top: 0;right: 0;bottom: 0;left: 0;text-align: left;background: rgba(0,0,0, .9);transition: opacity .25s ease;z-index:999;}
 +
.modal__bg {position: absolute;top: 0;right: 0;bottom: 0;left: 0;cursor: pointer;}
 +
.modal-state { display: none;}
 +
.modal-state:checked + .modal {opacity: 1;visibility: visible;}
 +
.modal-state:checked + .modal .modal__inner {top: 0;}
 +
.modal__inner {transition: top .25s ease;position: absolute;top: -20%; right: 0;bottom: 0;left: 0;width: 750px;margin: auto;overflow: auto;background:#FFFFFF;border-radius: 0px;padding: 1em 2em;height: 458px;}
 +
.modal__close {position: absolute;right: 1em;top: 1em;width: 1.1em;height: 1.1em;cursor: pointer;}
 +
.modal__close:after,
 +
.modal__close:before {content: '';position: absolute;width: 2px;height: 1.5em;background: #ccc;display: block;transform: rotate(45deg);left: 50%;margin: -3px 0 0 -1px;top: 0;}
 +
.modal__close:hover:after,
 +
.modal__close:hover:before {background: #aaa;}
 +
.modal__close:before {transform: rotate(-45deg);}
 +
 +
 +
 +
</style>
 
<style type="text/css">
 
<style type="text/css">
  
Line 95: Line 132:
 
<img data-sr="reset" src="http://p3.storage.canalblog.com/34/35/1329650/101565689.gif" style="position:absolute;margin-left:450px;top:3700x">
 
<img data-sr="reset" src="http://p3.storage.canalblog.com/34/35/1329650/101565689.gif" style="position:absolute;margin-left:450px;top:3700x">
 
<img src="https://static.igem.org/mediawiki/2015/4/49/NAIT_Tip.png" style="margin-left:50px;position:absolute;top:400px;">
 
<img src="https://static.igem.org/mediawiki/2015/4/49/NAIT_Tip.png" style="margin-left:50px;position:absolute;top:400px;">
 +
 +
 +
    <label class="btn" for="modal-1"><div class="silverstain"></div></label>
 +
 +
  
 
</center>
 
</center>

Revision as of 22:48, 21 July 2015