Difference between revisions of "Template:Team:Gaston Day School/Footer"

Line 50: Line 50:
 
.footer-distributed .footer-right a{
 
.footer-distributed .footer-right a{
 
display: inline-block;
 
display: inline-block;
width: 20px;
+
width: 50px;
height: 20px;
+
height: 35px;
 
background-color: white;
 
background-color: white;
 
border-radius: 2px;
 
border-radius: 2px;
Line 68: Line 68:
 
         }
 
         }
  
.myBtn {
+
 
       
+
        position: fixed; /* Fixed/sticky position */
+
        bottom: 10px; /* Place the button at the bottom of the page */
+
        right: 10px; /* Place the button 30px from the right */
+
        z-index: 10; /* Make sure it does not overlap */
+
        border: none; /* Remove borders */
+
        outline: none; /* Remove outline */
+
        cursor: pointer; /* Add a mouse pointer on hover */
+
        padding: 10px; /* Some padding */
+
        border-radius: 10px; /* Rounded corners */
+
}
+
  
 
</style>
 
</style>
Line 87: Line 76:
 
<div class="footer-right">
 
<div class="footer-right">
 
     <p> Email: hq@igem.org </p>
 
     <p> Email: hq@igem.org </p>
       
 
        <a target="_blank" ><img class="myBtn" src="https://static.igem.org/mediawiki/2017/7/7c/Arrow.jpg"></a>
 
 
          
 
          
 
                 </div>
 
                 </div>

Revision as of 04:29, 10 October 2017