Difference between revisions of "Team:British Columbia/Practices/Questions"
Line 5: | Line 5: | ||
<div style="clear: both;"></div> | <div style="clear: both;"></div> | ||
<div id="UBCbody"> | <div id="UBCbody"> | ||
− | <div class=" | + | <div class="hexcontainer"> |
<div class="honeycomb"> | <div class="honeycomb"> | ||
Line 41: | Line 41: | ||
</div> | </div> | ||
<style> | <style> | ||
− | . | + | .hexcontainer { |
position: relative; | position: relative; | ||
-webkit-transition: all 0.3s ease-out; | -webkit-transition: all 0.3s ease-out; | ||
Line 53: | Line 53: | ||
} | } | ||
− | . | + | .hexcontainer .honeycomb { |
display: block; | display: block; | ||
position: absolute; | position: absolute; | ||
Line 73: | Line 73: | ||
} | } | ||
− | . | + | .hexcontainer .honeycomb .column { |
display: block; | display: block; | ||
float: left; | float: left; | ||
Line 79: | Line 79: | ||
} | } | ||
− | . | + | .hexcontainer .honeycomb .column:nth-child(odd) { margin-top: -200px; } |
− | . | + | .hexcontainer .honeycomb .hex { |
display: block; | display: block; | ||
position: relative; | position: relative; | ||
Line 99: | Line 99: | ||
} | } | ||
− | . | + | .hexcontainer .honeycomb .hex:hover { |
opacity: 1; | opacity: 1; | ||
-ms-transform: translateZ(20px); | -ms-transform: translateZ(20px); | ||
Line 108: | Line 108: | ||
} | } | ||
− | . | + | .hexcontainer .honeycomb .hex:hover .content { |
filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); | filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); | ||
opacity: 1; | opacity: 1; | ||
Line 116: | Line 116: | ||
} | } | ||
− | . | + | .hexcontainer .honeycomb .hex .wrapper { |
display: block; | display: block; | ||
position: absolute; | position: absolute; | ||
Line 125: | Line 125: | ||
} | } | ||
− | . | + | .hexcontainer .honeycomb .hex .wrapper .color-1 { background: #ffbc06; } |
− | . | + | .hexcontainer .honeycomb .hex .wrapper .color-1:before { border-right-color: #ffbc06; } |
− | . | + | .hexcontainer .honeycomb .hex .wrapper .color-1:after { border-left-color: #ffbc06; } |
− | . | + | .hexcontainer .honeycomb .hex .content { |
display: block; | display: block; | ||
position: absolute; | position: absolute; | ||
Line 153: | Line 153: | ||
} | } | ||
− | . | + | .hexcontainer .honeycomb .hex .content strong { |
display: block; | display: block; | ||
font: 600 26px/1.1 verdana, sans-serif; | font: 600 26px/1.1 verdana, sans-serif; | ||
Line 162: | Line 162: | ||
} | } | ||
− | . | + | .hexcontainer .honeycomb .hex .content small { |
display: block; | display: block; | ||
font: 15px/1.1 verdana, sans-serif; | font: 15px/1.1 verdana, sans-serif; |
Revision as of 01:02, 4 September 2015