Difference between revisions of "Template:Pasteur Paris"

@@ Line 3,172: / Line 3,172: @@
 	}
+/***************************** Media menu **********************************/
+.igem_2018_team_menu_media{
+    font-family: Arial, sans-serif;
+    color: #ffffff;
+    background: rgba(250, 250, 250, 0)
+    -webkit-font
+    -smoothing: antialiased;
+    position: absolute;
+    right: 0;
+    bottom: 0;
+    left: 30%;
+    padding: 1rem;
+    text-align: center;
+    width: 350px;
+    display:block;
+    margin: 0 auto;
+}
+.igem_2018_team_menu_media a {
+    text-decoration: none;
+    color: #ffffff;
+}
+.igem_2018_team_menu_media p > a:hover{
+    color: #d9d9d9;
+    text-decoration:  underline;
+}
+.igem_2018_team_menu_media_size14 {
+    font-size: 1.4em;
+}
+.igem_2018_team_menu_media ul {
+    padding:0;
+    list-style: none;
+}
+.igem_2018_team_menu_media_social_icons {
+    width: 350px;
+    display:block;
+    margin: 0 auto;
+    color: #000000;
+}
+ul .igem_2018_team_menu_media_social_icons {
+    margin-top: 10px;
+}
+.igem_2018_team_menu_media_social_icons li {
+    vertical-align: top;
+    display: inline;
+    height: 100px;
+}
+.igem_2018_team_menu_media_social_icons a {
+    color: #ffffff;
+    text-decoration: none;
+}
+.igem_2018_team_menu_media .fa-facebook {
+    padding:10px 14px;
+    -o-transition:.5s;
+    -ms-transition:.5s;
+    -moz-transition:.5s;
+    -webkit-transition:.5s;
+    transition: .5s;
+    background-color: #ffffff;
+    color: #3d5b99;
+}
+.igem_2018_team_menu_media .fa-facebook:hover {
+    background-color: #3d5b99;
+    color: #ffffff;
+}
+.igem_2018_team_menu_media .fa-twitter {
+    padding:10px 12px;
+    -o-transition:.5s;
+    -ms-transition:.5s;
+    -moz-transition:.5s;
+    -webkit-transition:.5s;
+    transition: .5s;
+    background-color: #ffffff;
+    color: #00aced;
+}
+.igem_2018_team_menu_media .fa-twitter:hover {
+    background-color: #00aced;
+    color: #ffffff;
+}
+.igem_2018_team_menu_media .fa-instagram {
+    padding:10px 14px;
+    -o-transition:.5s;
+    -ms-transition:.5s;
+    -moz-transition:.5s;
+    -webkit-transition:.5s;
+    transition: .5s;
+    background-color: #ffffff;
+    color: #cd486b;
+}
+.igem_2018_team_menu_media .fa-instagram:hover {
+    background-color: #cd486b;
+    color: #ffffff;
+}
+.igem_2018_team_menu_media .fa-money {
+    padding:10px 13px;
+    -o-transition:.5s;
+    -ms-transition:.5s;
+    -moz-transition:.5s;
+    -webkit-transition:.5s;
+    transition: .5s;
+    background-color: #ffffff;
+    color: #4c68d7;
+}
+.igem_2018_team_menu_media .fa-money:hover {
+    background-color: #4c68d7;
+    color: #ffffff;
+}
@@ Line 3,760: / Line 3,870: @@
 </div>
+<div class="igem_2018_team_menu_media">
+    <ul class="igem_2018_team_menu_media_social_icons">
+        <li><a href="https://www.facebook.com/igem.pasteur/" class="igem_2018_team_menu_media_social_icon"> <i class="fa fa-facebook"></i></a></li>
+        <li><a href="https://twitter.com/igem_pasteur?lang=en" class="igem_2018_team_menu_media_social_icon"> <i class="fa fa-twitter"></i></a></li>
+        <li><a href="https://www.instagram.com/igem.pasteur2018/" class="igem_2018_team_menu_media_social_icon"> <i class="fa fa-instagram"></i></a></li>
+        <li><a href="" class="igem_2018_team_menu_media_social_icon"> <i class="fa fa-money"></i></a></li>
+    </ul>
+</div>
 <!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->