Difference between revisions of "Team:British Columbia/Practices/Questions"

 
(12 intermediate revisions by the same user not shown)
Line 10: Line 10:
 
     <div class="hexes-1 column">  
 
     <div class="hexes-1 column">  
  
<a class="hex">
+
<a class="hex" href="https://2015.igem.org/Team:British_Columbia/Practices/Report">
 
       <div class="wrapper">
 
       <div class="wrapper">
 
         <div class="hexagon color-1"></div>
 
         <div class="hexagon color-1"></div>
 
       </div>
 
       </div>
       <span class="content"> <strong>Hello!</strong> <small>i'm a hexagon</small> </span> </a>  
+
       <span class="content"><strong>How bad is CCD?</strong><small>Click here to read more</small></span> </a>
  
<a class="hex">
+
<a class="hex" href="https://2015.igem.org/Team:British_Columbia/Practices/Booth">
 
       <div class="wrapper">
 
       <div class="wrapper">
 
         <div class="hexagon color-1"></div>
 
         <div class="hexagon color-1"></div>
 
       </div>
 
       </div>
       <span class="content"> <strong>Hello!</strong> <small>i'm a hexagon</small> </span> </a>  
+
       <span class="content"> <strong>Do people care about CCD?</strong> <small>Click here to read more</small> </span> </a>  
  
 
<a class="hex">
 
<a class="hex">
Line 26: Line 26:
 
         <div class="hexagon color-1"></div>
 
         <div class="hexagon color-1"></div>
 
       </div>
 
       </div>
       <span class="content"> <strong>Hello!</strong> <small>i'm a hexagon</small> </span> </a>
+
       <span class="content"> <strong>How do people feel about bees?</strong> <small>IDK</small> </span> </a>
 
</div>
 
</div>
  
 
     <div class="hexes-2 column">
 
     <div class="hexes-2 column">
  
<a class="hex">
+
<a class="hex" href="https://2015.igem.org/Team:British_Columbia/Practices/Interviews">
 
       <div class="wrapper">
 
       <div class="wrapper">
 
         <div class="hexagon color-1"></div>
 
         <div class="hexagon color-1"></div>
 
       </div>
 
       </div>
       <span class="content"> <strong>Hello!</strong> <small>i'm a hexagon</small> </span> </a>  
+
       <span class="content"> <strong>What are people's opnions on pesticides?</strong><small>Click here to read more</small> </span> </a>  
  
 
<a class="hex">
 
<a class="hex">
Line 41: Line 41:
 
         <div class="hexagon color-1"></div>
 
         <div class="hexagon color-1"></div>
 
       </div>
 
       </div>
       <span class="content"> <strong>Hello!</strong> <small>i'm a hexagon</small> </span> </a>  
+
       <span class="content"> <strong>Is our product needed by beekepers?</strong> <small>IDK</small> </span> </a>  
  
 
<a class="hex">
 
<a class="hex">
Line 47: Line 47:
 
         <div class="hexagon color-1"></div>
 
         <div class="hexagon color-1"></div>
 
       </div>
 
       </div>
       <span class="content"> <strong>Hello!</strong> <small>i'm a hexagon</small> </span> </a>
+
       <span class="content"> <strong>Who cares?</strong> <small>i'm a hexagon</small> </span> </a>
 
</div>
 
</div>
 
    
 
    
Line 56: Line 56:
 
         <div class="hexagon color-1"></div>
 
         <div class="hexagon color-1"></div>
 
       </div>
 
       </div>
       <span class="content"> <strong>Hello!</strong> <small>i'm a hexagon</small> </span> </a>  
+
       <span class="content"> <strong>Negative connotations with GMOS</strong> <small>i'm a hexagon</small> </span> </a>  
  
<a class="hex">
+
<a class="hex" href="https://2015.igem.org/Team:British_Columbia/Practices/Interviews">
 
       <div class="wrapper">
 
       <div class="wrapper">
 
         <div class="hexagon color-1"></div>
 
         <div class="hexagon color-1"></div>
 
       </div>
 
       </div>
       <span class="content"> <strong>Hello!</strong> <small>i'm a hexagon</small> </span> </a>  
+
       <span class="content"> <strong>Possibility of spreading the "pro-bee-otic"</strong> <small>Click here to read more</small> </span> </a>  
  
 
<a class="hex">
 
<a class="hex">
Line 68: Line 68:
 
         <div class="hexagon color-1"></div>
 
         <div class="hexagon color-1"></div>
 
       </div>
 
       </div>
       <span class="content"> <strong>Hello!</strong> <small>i'm a hexagon</small> </span> </a>
+
       <span class="content"> <strong>How much time and effort will companies give</strong> <small>i'm a hexagon</small> </span> </a>
 
</div>
 
</div>
 
+
 
<div class="hexes-4 column">
 
<div class="hexes-4 column">
  
Line 104: Line 104:
 
   z-index: 10;
 
   z-index: 10;
 
   overflow: hidden;
 
   overflow: hidden;
margin-top:250px;
+
width:600px;
 +
margin:0 auto;
 +
padding-left:50px;
 
}
 
}
  
Line 111: Line 113:
 
   position: absolute;
 
   position: absolute;
 
   margin:0 auto;
 
   margin:0 auto;
  left: 50%;
 
 
   text-align: center;
 
   text-align: center;
 
   height: 450px;
 
   height: 450px;
   width: 400px;
+
   width: 600px;
 
   -ms-transform: rotateX(45deg) rotateY(0deg);
 
   -ms-transform: rotateX(45deg) rotateY(0deg);
 
   -webkit-transform: rotateX(45deg) rotateY(0deg);
 
   -webkit-transform: rotateX(45deg) rotateY(0deg);
Line 124: Line 125:
 
   transform-origin: center 65%;
 
   transform-origin: center 65%;
 
   z-index: 5;
 
   z-index: 5;
 +
margin-top:100px;
 
}
 
}
  
Line 130: Line 132:
 
   float: left;
 
   float: left;
 
   width: 124px;
 
   width: 124px;
 +
margin-right:10px;
 
}
 
}
  
.hexcontainer .honeycomb .column:nth-child(odd) { margin-top: -200px; }
+
.hexcontainer .honeycomb .column:nth-child(odd) { margin-top: -80px; }
  
 
.hexcontainer .honeycomb .hex {
 
.hexcontainer .honeycomb .hex {
Line 167: Line 170:
 
   -webkit-transform: rotateX(-90deg) translateZ(-40px) translateY(-50px);
 
   -webkit-transform: rotateX(-90deg) translateZ(-40px) translateY(-50px);
 
   transform: rotateX(-90deg) translateZ(-40px) translateY(-50px);
 
   transform: rotateX(-90deg) translateZ(-40px) translateY(-50px);
 +
left:-40%;
 
}
 
}
  
Line 203: Line 207:
 
   pointer-events: none;
 
   pointer-events: none;
 
   -webkit-font-smoothing: antialiased;
 
   -webkit-font-smoothing: antialiased;
}
 
 
.hexcontainer .honeycomb .hex .content strong {
 
  display: block;
 
  font: 600 26px/1.1 verdana, sans-serif;
 
  overflow: hidden;
 
  text-overflow: ellipsis;
 
  white-space: nowrap;
 
  text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.8);
 
 
}
 
}
  

Latest revision as of 06:14, 4 September 2015

UBC iGEM 2015