Difference between revisions of "Team:Tec-Monterrey/sandboxDavid"

Line 466: Line 466:
 
             width: 100%;
 
             width: 100%;
 
             height: auto;
 
             height: auto;
            background-color: navajowhite;
 
 
         }
 
         }
 
         #outer-dropzone {
 
         #outer-dropzone {
Line 473: Line 472:
 
             left: 30vw;
 
             left: 30vw;
 
             touch-action: none;
 
             touch-action: none;
            background-color: aqua;
 
 
         }
 
         }
 
      
 
      
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: orange; position: absolute; left: 0;">
+
            <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="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 id="esteban" class="drag-drop"> <img src="https://static.igem.org/mediawiki/2018/4/44/T--Tec-Monterrey--Foto_Esteban.jpg"> </div>
    </div>
+
            </div>
    <div style="height: 60vw; width: 60vw; background-color: aquamarine; position: absolute; left: 15vw;">
+
            <div style="height: 60vw; width: 20vw; background-color: black; position: absolute; left: 80vw;">
    <div id="outer-dropzone" class="dropzone">
+
                <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="backgroundHolder">
+
                 <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="colorsWrapper">
+
                <div id="color1"></div>
+
                 <div id="color2"></div>
+
                <div id="color3"></div>
+
                <div id="color4"></div>
+
 
             </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>
    </div>
 
    </div>
 
    <div style="height: 60vw; width: 20vw; background-color: yellow; 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>
 
</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

Contact Us

Sponsors