Davidacevedo (Talk | contribs) |
Davidacevedo (Talk | contribs) |
||
Line 466: | Line 466: | ||
width: 100%; | width: 100%; | ||
height: auto; | height: auto; | ||
− | |||
} | } | ||
#outer-dropzone { | #outer-dropzone { | ||
Line 473: | Line 472: | ||
left: 30vw; | left: 30vw; | ||
touch-action: none; | touch-action: none; | ||
− | |||
} | } | ||
Line 499: | Line 497: | ||
height: 10vh; | height: 10vh; | ||
width: 10vh; | width: 10vh; | ||
+ | z-index: 5; | ||
color: #fff; | color: #fff; | ||
Line 606: | Line 605: | ||
− | <div id="dropzoneWrapper"> | + | <div id="dropzoneWrapper"> |
− | + | <div style="height: 60vw; width: 20vw; background-color: black; position: absolute; left: 0;"> | |
− | + | <div id="alan" class="drag-drop"> <img src="https://static.igem.org/mediawiki/2018/8/8b/T--Tec-Monterrey--Foto_Alan.jpg"> </div> | |
− | + | <div id="esteban" class="drag-drop"> <img src="https://static.igem.org/mediawiki/2018/4/44/T--Tec-Monterrey--Foto_Esteban.jpg"> </div> | |
− | + | </div> | |
− | + | <div style="height: 60vw; width: 20vw; background-color: black; position: absolute; left: 80vw;"> | |
− | + | <div id="acebae" class="drag-drop"> <img src="https://static.igem.org/mediawiki/2018/2/2f/T--Tec-Monterrey--Foto_David.jpg"> </div> | |
− | + | <div id="sofi" class="drag-drop"> <img src="https://static.igem.org/mediawiki/2018/9/9f/T--Tec-Monterrey--Foto_Sofia.jpg"> </div> | |
− | + | ||
− | + | ||
− | <div id=" | + | |
− | + | ||
− | + | ||
</div> | </div> | ||
− | <div id="plasmidHolder" style="background-image:url('https://static.igem.org/mediawiki/2018/9/91/T--Tec-Monterrey--cut_plasmid_full.png')"> | + | <div style="height: 60vw; width: 60vw; background-color: black; position: absolute; left: 20vw;"> |
+ | <div id="outer-dropzone" class="dropzone"> | ||
+ | <div id="backgroundHolder"> | ||
+ | <div id="colorsWrapper"> | ||
+ | <div id="color1"></div> | ||
+ | <div id="color2"></div> | ||
+ | <div id="color3"></div> | ||
+ | <div id="color4"></div> | ||
+ | </div> | ||
+ | <div id="plasmidHolder" style="background-image:url('https://static.igem.org/mediawiki/2018/9/91/T--Tec-Monterrey--cut_plasmid_full.png')"> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
<script> | <script> | ||
// target elements with the "draggable" class | // target elements with the "draggable" class |
Revision as of 02:52, 15 October 2018
E. coding
Tec-Monterrey