Difference between revisions of "Template:Pasteur Paris"

@@ Line 3,107: / Line 3,107: @@
 	.igem_2018_team_menu .menu_item.current_page,
 	.igem_2018_team_menu .menu_item.direct_link.current_page {
-		background-color:#000000;
+		background-color:#c4baba;
 	}
@@ Line 3,149: / Line 3,149: @@
 		width: 30%;
 	}
+/***************************** Media menu **********************************/
+.igem_2018_team_menu_media{
+    font-family: Arial, sans-serif;
+    color: #000000;
+    background: #000000;
+    -webkit-font
+    -smoothing: antialiased;
+    position: absolute;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    padding: 1rem;
+    text-align: center;
+}
+.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: #000000;
+}
+.igem_2018_team_menu_media .fa-facebook:hover {
+    background-color: #3d5b99;
+}
+.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: #000000;
+}
+.igem_2018_team_menu_media .fa-twitter:hover {
+    background-color: #00aced;
+}
+.igem_2018_team_menu_media .fa-envelope {
+    padding:10px 14px;
+    -o-transition:.5s;
+    -ms-transition:.5s;
+    -moz-transition:.5s;
+    -webkit-transition:.5s;
+    transition: .5s;
+    background-color: #000000;
+}
+.igem_2018_team_menu_media .fa-envelope:hover {
+    background-color: #eb8231;
+}
+.igem_2018_team_menu_media .fa-youtube {
+    padding:10px 14px;
+    -o-transition:.5s;
+    -ms-transition:.5s;
+    -moz-transition:.5s;
+    -webkit-transition:.5s;
+    transition: .5s;
+    background-color: #000000;
+}
+.igem_2018_team_menu_media .fa-youtube:hover {
+    background-color: #e64a41;
+}
+.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: #000000;
+}
+.igem_2018_team_menu_media .fa-instagram:hover {
+    background-color: #cd486b;
+}
+.igem_2018_team_menu_media .fa-money {
+    padding:10px 9px;
+    -o-transition:.5s;
+    -ms-transition:.5s;
+    -moz-transition:.5s;
+    -webkit-transition:.5s;
+    transition: .5s;
+    background-color: #000000;
+}
+.igem_2018_team_menu_media .fa-money:hover {
+    background-color: #4c68d7;
+}
@@ Line 3,735: / Line 3,859: @@
 </div>
+<div class="igem_2018_team_menu_media">
+    <ul class="igem_2018_team_menu_media_social_icons">
+        <li><a href="" class="igem_2018_team_menu_media_social_icon"> <i class="fa fa-facebook"></i></a></li>
+        <li><a href="" class="igem_2018_team_menu_media_social_icon"> <i class="fa fa-twitter"></i></a></li>
+        <li><a href="" class="igem_2018_team_menu_media_social_icon"> <i class="fa fa-envelope"></i></a></li>
+        <li><a href="" class="igem_2018_team_menu_media_social_icon"> <i class="fa fa-youtube"></i></a></li>
+        <li><a href="" 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>
 <!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->