Difference between revisions of "Team:Michigan Software"

(Made the cursor over clickable areas look right.)
m
 
(13 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 31: 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;
 
             -webkit-backface-visibility: hidden;
 
             -webkit-backface-visibility: hidden;
−
             transition: transform .5s linear 0s;
+
             -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 47: 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;
 
             -webkit-backface-visibility: hidden;
 
             -webkit-backface-visibility: hidden;
−
             transition: transform .5s linear 0s;
+
             -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 65: Line 76:
 
         p{
 
         p{
 
             color: #00274c;
 
             color: #00274c;
−
            font-family: "font-family: 'Comfortaa', cursive";
+
             font-weight: 350;  
−
             font-weight:400;  
+
 
         }
 
         }
  
Line 82: 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>Protocat 3.0</h1>
+
                 <h1>Michigan Software Team<br>ProtoCat 3.0</h1>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
Line 92: Line 102:
 
                 <div class="flip3D" onclick="location.href='https://2016.igem.org/Team:Michigan_Software/Description'">
 
                 <div class="flip3D" onclick="location.href='https://2016.igem.org/Team:Michigan_Software/Description'">
 
                     <div class="back">
 
                     <div class="back">
−
                        <p style="font-size:14pt">Project</p>
+
                        <p class="vertical-center" style="font-size:14pt">Click to learn about ProtoCat 3.0!</p>
−
                        <p>ProtoCat 3.0 is a free, open-source online catalog of laboratory protocols with improvements upon last year’s project including a larger protocol database and a website with more advanced features. By using ProtoCat 3.0, users can find tested, reliable protocols from across the globe all in one place.</p>
+
 
                     </div>
 
                     </div>
 
                     <div class="front">
 
                     <div class="front">
Line 103: 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 115: 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 outreach!</p>
+
                         <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 128: 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 learn about our software!</p>
+
                         <p class="vertical-center" style="font-size:14pt">Click to see our results!</p>
 
                     </div>
 
                     </div>
 
                     <div class="front">
 
                     <div class="front">
Line 142: Line 151:
 
                 <div class="flip3D" onclick="location.href='https://2016.igem.org/Team:Michigan_Software/UserGuide'">
 
                 <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 Protocat 3.0!</p>
+
                         <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 152: 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">Thank you to all of our sponsors!</p>
+
                         <p class="vertical-center" style="font-size:14pt">Click to visit our website!</p>
 
                     </div>
 
                     </div>
 
                     <div class="front">
 
                     <div class="front">
−
                         <img width="160" height="160" class="center-block vertical-center" src="https://static.igem.org/mediawiki/2016/9/95/T--Michigan_Software--handShakeBlue.png">
+
                         <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!

Click to meet the team!

Click to learn more about our human practices!

Click to see our results!

Click to learn how to use ProtoCat 3.0!

Click to visit our website!