Difference between revisions of "Template:UCopenhagen"

(Add medium logo)
(Add hover effect on social media icons)
Line 4: Line 4:
 
<link rel="stylesheet" href="https://2018.igem.org/Template:UCopenhagen/css/bulma?action=raw&ctype=text/css">
 
<link rel="stylesheet" href="https://2018.igem.org/Template:UCopenhagen/css/bulma?action=raw&ctype=text/css">
 
<link rel="stylesheet" href="https://2018.igem.org/Template:UCopenhagen/css/normalize?action=raw&ctype=text/css">
 
<link rel="stylesheet" href="https://2018.igem.org/Template:UCopenhagen/css/normalize?action=raw&ctype=text/css">
<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-TXfwrfuHVznxCssTxWoPZjhcss/hp38gEOH8UPZG/JcXonvBQ6SlsIF49wUzsGno" crossorigin="anonymous">
+
<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-TXfwrfuHVznxCssTxWoPZjhcss/hp38gEOH8UPZG/JcXonvBQ6SlsIF49wUzsGno"
 +
    crossorigin="anonymous">
  
 
<script>
 
<script>
Line 67: Line 68:
 
         grid-row-start: 1;
 
         grid-row-start: 1;
 
         grid-row-end: 2;
 
         grid-row-end: 2;
 +
    }
 +
 +
    .icon_hover:hover {
 +
        color: #F5F0FF;
 
     }
 
     }
  
Line 750: Line 755:
 
             </div>
 
             </div>
 
         </a>
 
         </a>
      <!-- Hidden
+
        <!-- Hidden
 
         <a href="https://2018.igem.org/Team:UCopenhagen/Design">
 
         <a href="https://2018.igem.org/Team:UCopenhagen/Design">
 
             <div class="submenu_item">
 
             <div class="submenu_item">
Line 947: Line 952:
 
     <a href="https://medium.com/igem-copenhagen" style="padding-right: 0px;" target="_blank">
 
     <a href="https://medium.com/igem-copenhagen" style="padding-right: 0px;" target="_blank">
 
         <div class="menu_item direct_link">
 
         <div class="menu_item direct_link">
             Blog on Medium <i class="fab fa-medium fa-lg"></i>
+
             Blog on Medium
 +
            <i class="fab fa-medium fa-lg"></i>
 
         </div>
 
         </div>
 
     </a>
 
     </a>
Line 953: Line 959:
 
     <!-- Socia media -->
 
     <!-- Socia media -->
 
     <div class="menu_item direct_link">
 
     <div class="menu_item direct_link">
         <a href="https://www.facebook.com/iGEMCopenhagen/" style="padding-right: 0px;" target="_blank"><i class="fab fa-facebook fa-2x"></i></a>
+
         <a href="https://www.facebook.com/iGEMCopenhagen/" style="padding-right: 0px;" target="_blank">
         <a href="https://twitter.com/iGEM_Copenhagen" style="padding-right: 0px;" target="_blank"><i class="fab fa-twitter fa-2x"></i></a>
+
            <i class="fab fa-facebook fa-2x icon_hover"></i>
         <a href="https://www.instagram.com/igem_copenhagen/" style="padding-right: 0px;" target="_blank"><i class="fab fa-instagram fa-2x"></i></a>
+
        </a>
         <a href="https://www.linkedin.com/company/igem-copenhagen-2018/" style="padding-right: 0px;" target="_blank"><i class="fab fa-linkedin fa-2x"></i></a>
+
         <a href="https://twitter.com/iGEM_Copenhagen" style="padding-right: 0px;" target="_blank">
         <a href="mailto:igemku2018@gmail.com?Subject=Contact%20from%20Wiki" target="_top"><i class="fas fa-envelope fa-2x"></i></a>
+
            <i class="fab fa-twitter fa-2x icon_hover"></i>
 +
        </a>
 +
         <a href="https://www.instagram.com/igem_copenhagen/" style="padding-right: 0px;" target="_blank">
 +
            <i class="fab fa-instagram fa-2x icon_hover"></i>
 +
        </a>
 +
         <a href="https://www.linkedin.com/company/igem-copenhagen-2018/" style="padding-right: 0px;" target="_blank">
 +
            <i class="fab fa-linkedin fa-2x icon_hover"></i>
 +
        </a>
 +
         <a href="mailto:igemku2018@gmail.com?Subject=Contact%20from%20Wiki" target="_top">
 +
            <i class="fas fa-envelope fa-2x icon_hover"></i>
 +
        </a>
 
     </div>
 
     </div>
  

Revision as of 15:54, 11 August 2018