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

Line 469: Line 469:
 
         }
 
         }
 
         #outer-dropzone {
 
         #outer-dropzone {
             height: 70vw;
+
             height: 60vw;
             width: 70vw;
+
             width: 60vw;
 
             left: 30vw;
 
             left: 30vw;
 
             touch-action: none;
 
             touch-action: none;
Line 522: Line 522:
 
         }
 
         }
 
          
 
          
        #moleculeHolderLeft {
 
            height: 70vw;
 
            width: 10vw;
 
            position: relative;
 
            background-color: blue;
 
        }
 
       
 
        #moleculeHolderRight {
 
            height: 70vw;
 
            width: 10vw;
 
            position: relative;
 
            background-color: pink;
 
        }
 
 
          
 
          
 
         #backgroundHolder {
 
         #backgroundHolder {
             width: 70vw;
+
             width: 60vw;
             height: 70vw;
+
             height: 60vw;
 
             position: relative;
 
             position: relative;
 
             z-index: 1;
 
             z-index: 1;
Line 551: Line 538:
 
          
 
          
 
         #plasmidHolder {
 
         #plasmidHolder {
             width: 70vw;
+
             width: 60vw;
             height: 70vw;
+
             height: 60vw;
 
             position: absolute;
 
             position: absolute;
 
             z-index: 3;
 
             z-index: 3;
Line 565: Line 552:
 
          
 
          
 
         #colorsWrapper {
 
         #colorsWrapper {
             width: 80vw;
+
             width: 60vw;
             height: 80vw;
+
             height: 60vw;
 
             position: absolute;
 
             position: absolute;
 
             z-index: 2;
 
             z-index: 2;
Line 620: Line 607:
  
 
<div id="dropzoneWrapper">
 
<div id="dropzoneWrapper">
     <div style="height: 70vw; width: 15vw; background-color: orange; position: absolute; left: 0;">
+
     <div style="height: 60vw; width: 20vw; background-color: orange; 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: 70vw; width: 70vw; background-color: aquamarine; position: absolute; left: 15vw;">
+
     <div style="height: 60vw; width: 60vw; background-color: aquamarine; position: absolute; left: 15vw;">
 
     <div id="outer-dropzone" class="dropzone">
 
     <div id="outer-dropzone" class="dropzone">
 
         <div id="backgroundHolder">
 
         <div id="backgroundHolder">
Line 638: Line 625:
 
     </div>
 
     </div>
 
     </div>
 
     </div>
     <div style="height: 70vw; width: 15vw; background-color: yellow; position: absolute; left: 85vw;">
+
     <div style="height: 60vw; width: 20vw; background-color: yellow; position: absolute; left: 85vw;">
 
         <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="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="sofi" class="drag-drop"> <img src="https://static.igem.org/mediawiki/2018/9/9f/T--Tec-Monterrey--Foto_Sofia.jpg"> </div>

Revision as of 15:32, 14 October 2018


E. coding
Tec-Monterrey

Contact Us

Sponsors