m |
m |
||
(23 intermediate revisions by 3 users not shown) | |||
Line 16: | Line 16: | ||
position: relative; | position: relative; | ||
top: 50%; | top: 50%; | ||
− | transform: translateY(-50%); | + | -webkit-transform: translateY(-50%); |
+ | transform: translateY(-50%); | ||
} | } | ||
Line 22: | Line 23: | ||
width:250px; height:250px; margin:10px; float:center; margin: auto; | width:250px; height:250px; margin:10px; float:center; margin: auto; | ||
border-weight: 10px; | border-weight: 10px; | ||
+ | cursor: pointer; | ||
} | } | ||
Line 30: | Line 32: | ||
border-style: solid; | border-style: solid; | ||
position:absolute; | position:absolute; | ||
− | transform: perspective( 600px ) rotateY( 0deg ); | + | -webkit-transform: perspective( 600px ) rotateY( 0deg ); |
+ | transform: perspective( 600px ) rotateY( 0deg ); | ||
width:250px; height:250px; | width:250px; height:250px; | ||
backface-visibility: hidden; | backface-visibility: hidden; | ||
− | transition: transform .5s linear 0s; | + | -webkit-backface-visibility: hidden; |
+ | -webkit-transition:-webkit-transform .5s linear 0s; | ||
+ | transition:-webkit-transform .5s linear 0s; | ||
+ | transition:transform .5s linear 0s; | ||
+ | transition: transform .5s linear 0s, -webkit-transform .5s linear 0s; | ||
box-shadow: 0 15px 50px rgba(0,0,0,0.0); | box-shadow: 0 15px 50px rgba(0,0,0,0.0); | ||
float: center; | float: center; | ||
Line 45: | Line 52: | ||
border-style: solid; | border-style: solid; | ||
position:absolute; | position:absolute; | ||
− | transform: perspective( 600px ) rotateY( 180deg ); | + | -webkit-transform: perspective( 600px ) rotateY( 180deg ); |
+ | transform: perspective( 600px ) rotateY( 180deg ); | ||
width:250px; height:250px; | width:250px; height:250px; | ||
backface-visibility: hidden; | backface-visibility: hidden; | ||
− | transition: transform .5s linear 0s; | + | -webkit-backface-visibility: hidden; |
+ | -webkit-transition:-webkit-transform .5s linear 0s; | ||
+ | transition:-webkit-transform .5s linear 0s; | ||
+ | transition:transform .5s linear 0s; | ||
+ | transition: transform .5s linear 0s, -webkit-transform .5s linear 0s; | ||
box-shadow: 0 15px 50px rgba(0,0,0,0.0); | box-shadow: 0 15px 50px rgba(0,0,0,0.0); | ||
} | } | ||
.flip3D:hover > .front{ | .flip3D:hover > .front{ | ||
− | transform: perspective( 600px ) rotateY( -180deg ); | + | -webkit-transform: perspective( 600px ) rotateY( -180deg ); |
+ | transform: perspective( 600px ) rotateY( -180deg ); | ||
} | } | ||
.flip3D:hover > .back{ | .flip3D:hover > .back{ | ||
− | transform: perspective( 600px ) rotateY( 0deg ); | + | -webkit-transform: perspective( 600px ) rotateY( 0deg ); |
+ | transform: perspective( 600px ) rotateY( 0deg ); | ||
} | } | ||
Line 62: | Line 76: | ||
p{ | p{ | ||
color: #00274c; | color: #00274c; | ||
− | + | font-weight: 350; | |
− | font-weight: | + | |
} | } | ||
− | |||
− | |||
Line 81: | Line 92: | ||
<div class="row" style="border-bottom:thin solid;"> | <div class="row" style="border-bottom:thin solid;"> | ||
<div class="col-xs-12" style="font-family: 'Comfortaa', cursive; color:#00274c !important; padding-bottom:30px"> | <div class="col-xs-12" style="font-family: 'Comfortaa', cursive; color:#00274c !important; padding-bottom:30px"> | ||
− | <h1>Michigan Software Team<br> | + | <h1>Michigan Software Team<br>ProtoCat 3.0</h1> |
</div> | </div> | ||
</div> | </div> | ||
Line 89: | Line 100: | ||
<div class="col-xs-12 col-sm-6 col-md-4 top-buffer"> | <div class="col-xs-12 col-sm-6 col-md-4 top-buffer"> | ||
− | <div class="flip3D"> | + | <div class="flip3D" onclick="location.href='https://2016.igem.org/Team:Michigan_Software/Description'"> |
<div class="back"> | <div class="back"> | ||
− | + | <p class="vertical-center" style="font-size:14pt">Click to learn about ProtoCat 3.0!</p> | |
− | + | ||
</div> | </div> | ||
<div class="front"> | <div class="front"> | ||
Line 102: | Line 112: | ||
<div class="col-xs-12 col-sm-6 col-md-4 top-buffer"> | <div class="col-xs-12 col-sm-6 col-md-4 top-buffer"> | ||
− | <div class="flip3D"> | + | <div class="flip3D" onclick="location.href='https://2016.igem.org/Team:Michigan_Software/Attributions'"> |
<div class="back"> | <div class="back"> | ||
<p class="vertical-center" style="font-size:14pt">Click to meet the team!</p> | <p class="vertical-center" style="font-size:14pt">Click to meet the team!</p> | ||
Line 114: | Line 124: | ||
<div class="col-xs-12 col-sm-6 col-md-4 top-buffer"> | <div class="col-xs-12 col-sm-6 col-md-4 top-buffer"> | ||
− | <div class="flip3D"> | + | <div class="flip3D" onclick="location.href='https://2016.igem.org/Team:Michigan_Software/Human_Practices'"> |
<div class="back"> | <div class="back"> | ||
− | <p class="vertical-center" style="font-size:14pt">Click to learn more about our | + | <p class="vertical-center" style="font-size:14pt">Click to learn more about our human practices!</p> |
</div> | </div> | ||
<div class="front"> | <div class="front"> | ||
Line 127: | Line 137: | ||
<div class="col-xs-12 col-sm-6 col-md-4 top-buffer"> | <div class="col-xs-12 col-sm-6 col-md-4 top-buffer"> | ||
− | <div class="flip3D"> | + | <div class="flip3D" onclick="location.href='https://2016.igem.org/Team:Michigan_Software/Results'"> |
<div class="back"> | <div class="back"> | ||
− | <p class="vertical-center" style="font-size:14pt">Click to | + | <p class="vertical-center" style="font-size:14pt">Click to see our results!</p> |
</div> | </div> | ||
<div class="front"> | <div class="front"> | ||
Line 139: | Line 149: | ||
<div class="col-xs-12 col-sm-6 col-md-4 top-buffer"> | <div class="col-xs-12 col-sm-6 col-md-4 top-buffer"> | ||
− | <div class="flip3D"> | + | <div class="flip3D" onclick="location.href='https://2016.igem.org/Team:Michigan_Software/UserGuide'"> |
<div class="back"> | <div class="back"> | ||
− | <p class="vertical-center" style="font-size:14pt">Click to learn how to use | + | <p class="vertical-center" style="font-size:14pt">Click to learn how to use ProtoCat 3.0!</p> |
</div> | </div> | ||
<div class="front"> | <div class="front"> | ||
Line 151: | Line 161: | ||
<div class="col-xs-12 col-sm-6 col-md-4 top-buffer"> | <div class="col-xs-12 col-sm-6 col-md-4 top-buffer"> | ||
− | <div class="flip3D"> | + | <div class="flip3D" |
+ | onclick="location.href='http://protocat.org'"> | ||
<div class="back"> | <div class="back"> | ||
− | <p class="vertical-center" style="font-size:14pt"> | + | <p class="vertical-center" style="font-size:14pt">Click to visit our website!</p> |
</div> | </div> | ||
<div class="front"> | <div class="front"> | ||
− | <img width=" | + | <img width="200" height="200" class="center-block vertical-center" src="https://static.igem.org/mediawiki/2016/5/5c/T--Michigan_Software--blueCat.png"> |
</div> | </div> | ||
</div> | </div> |
Latest revision as of 23:37, 17 October 2016
Michigan Software Team
ProtoCat 3.0
Click to learn about ProtoCat 3.0!
![](https://static.igem.org/mediawiki/2016/8/83/T--Michigan_Software--testTubeBlue.png)
Click to meet the team!
![](https://static.igem.org/mediawiki/2016/a/ae/T-Michigan_Software--teamBlue.png)
Click to learn more about our human practices!
![](https://static.igem.org/mediawiki/2016/8/80/T--Michigan_Software--globeBlue.png)
Click to see our results!
![](https://static.igem.org/mediawiki/2016/3/38/T--Michigan_Software--usbBlue.png)
Click to learn how to use ProtoCat 3.0!
![](https://static.igem.org/mediawiki/2016/c/cc/T--Michigan_Software--manualBlue.png)
Click to visit our website!
![](https://static.igem.org/mediawiki/2016/5/5c/T--Michigan_Software--blueCat.png)