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> | + | <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> | + | <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> | + | <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> | + | <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> | + | <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> | + | <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> | + | <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> | + | <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> | + | <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- | + | width:600px; |
+ | margin:0 auto; | ||
+ | padding-left:50px; | ||
} | } | ||
Line 111: | Line 113: | ||
position: absolute; | position: absolute; | ||
margin:0 auto; | margin:0 auto; | ||
− | |||
text-align: center; | text-align: center; | ||
height: 450px; | height: 450px; | ||
− | width: | + | 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: - | + | .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; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
Latest revision as of 06:14, 4 September 2015