@@ Line 1: / Line 1: @@
 <html><style type="text/css">
 @import url(https://fonts.googleapis.com/css?family=Roboto:300,700,300italic);
-body{background-color: #1b2931;font-family: 'Roboto', 'Helvetica', sans-serif;margin:0;color:#fff;font-size:11pt;line-height:18pt;position: relative;overflow-y: scroll;}
+body{background-color: #1b2931;font-family: 'Roboto', 'Helvetica', sans-serif;margin:0;color:#fff;font-size:12pt;line-height:18pt;position: relative;overflow-y: scroll;}
 globalWraper{font-size: 100%;}
 #content{padding: 0px;border: 0px none;min-width: 940px;margin: 18px auto;width:100%;background: initial;color:#fff;line-height: 18pt;}
 #bodyContent{background-size: 100%;width: 100%;}
-.container{padding-left: 10%;padding-right: 10%;overflow-y: hidden;overflow-x: hidden;margin-top:120px;min-width: 986px;}
+.container{padding-left: 10%;padding-right: 10%;overflow-y: hidden;overflow-x: hidden;min-width: 986px;}
-.container.header, .container.submenu {margin:0;position: fixed;width: 80%;}
+.container.header, .container.submenu {position: fixed;width: 80%;}
-.container.header{background: #323f46;top:18px;z-index: 100;}
+.container.header {background: #323f46;top:18px;z-index: 100;}
-.container.submenu{background: #27343c;top:70px;z-index: 100;}
 .container.header nav {margin: 12px 0;font-size: 13pt;}
 .container.header nav ul li a {margin: 0px 35px 0px 0px;}
+.container.submenu{background: #27343c;top:70px;z-index: 100;}
+.container.content {margin-top:120px;background: #1b2931 bottom right no-repeat url(https://static.igem.org/mediawiki/2015/1/1a/Paris_Saclay-allez-la-watermark.jpg);}
+.container.footer {background: #162127 ; padding-top: 30px; padding-bottom: 30px;margin-top: 60px;}
+.container.footer small.contact {float:left;}
+.container.footer small.contact b {margin-right:5px; color:#d9374c;}
+.container.footer small.contact a {font-weight:normal; color:white;}
+.container.footer small.copyright {margin-right: 20px;margin-top: 55px;font-style: italic;}
 .container.submenu nav {margin: 2px 0; font-size: 11pt;}
 .container.submenu nav ul li a {margin: 0px 20px 0px 0px; font-weight:normal; font-family:'Tahoma', 'Roboto', 'Helvetica', sans-serif}
@@ Line 24: / Line 30: @@
 .container nav li.active a { color:#d9374c; }
 a, a:visited {color:#d9374c; font-weight:bold;}
+a.external.text, a.external.text:visited {color:#d9374c; background:none; padding:0;}
 article.column {width: 49%; float: left;}
 article.column.right {float: right;}
+.envers {float: right; text-align: right;}
+.photoprofil{float:left;width: 116px;margin-right: 10px;}
 h1, h2, h3, h4, h5, h6 {padding: 4px 5px; background: #323f46; color:white;clear:both; font-variant: small-caps; font-weight: normal; border:0;}
-hr {clear:both; border:0; margin:0;}
+h4, h5, h6 {background: initial; font-weight: bold;}
+h4 {padding-left: 2em; margin-top: 1em;}
+h5 {padding-left: 4em;}
+h6 {padding-left: 6em;}
+hr {clear:both; border:0; margin:0;background: none;}
-#home-splash {display: table;line-height: 0;}
+.anchor {display: block; height: 100px; margin-top: -100px; visibility: hidden;}
-#home-splash ul {margin:0;}
+#home-splash {display: table;line-height: 0;width:100%; margin-bottom:50px;}
+#home-splash ul {margin:0 auto; width:940px;}
 #home-splash ul li {width: 235px;height: 235px;float: left;position: relative;overflow: hidden; list-style: none; background-image: url(https://static.igem.org/mediawiki/2015/9/93/Paris_Saclay-home-splash-off.jpg);-webkit-transition: background-image 0.25s ease-in-out;
 transition: background-image 0.25s ease-in-out;}
 #home-splash ul li:hover {background-image:url(https://static.igem.org/mediawiki/2015/7/76/Paris_Saclay-home-splash-on.jpg);}
 #home-splash ul li a {display: block;width: 235px;height: 235px;float: left;position: relative;overflow: hidden;}
+#home-splash ul li a:hover {text-decoration: none;}
 #home-splash ul li a .icon {width: 80px;height: 80px;margin: 50px auto 20px auto;display: block;}
 #home-splash ul li a .text {margin: 0 auto;text-align: center;font-size: 16px;color: #ffffff;}
@@ Line 48: / Line 65: @@
 #shome-splash .physical:hover {background: url(https://static.igem.org/mediawiki/2015/6/63/Paris_Saclay-splash-physical.jpg);}
 #shome-splash .thermal:hover {background: url(https://static.igem.org/mediawiki/2015/7/7f/Paris_Saclay-splash-thermal.jpg);}
-#home-splash .practices:hover {background: url(https://static.igem.org/mediawiki/2015/c/cf/Paris_Saclay-splash-practices.jpg);}
+#shome-splash .practices:hover {background: url(https://static.igem.org/mediawiki/2015/c/cf/Paris_Saclay-splash-practices.jpg);}
-#home-splash .achievements:hover {background: url(https://static.igem.org/mediawiki/2015/3/37/Paris_Saclay-splash-achievements.jpg);}
+#shome-splash .achievements:hover {background: url(https://static.igem.org/mediawiki/2015/3/37/Paris_Saclay-splash-achievements.jpg);}
-#home-splash .modeling:hover {background: url(https://static.igem.org/mediawiki/2015/d/d1/Paris_Saclay-splash-modeling.jpg);}
+#shome-splash .modeling:hover {background: url(https://static.igem.org/mediawiki/2015/d/d1/Paris_Saclay-splash-modeling.jpg);}
-#home-splash .perspectives:hover {background: url(https://static.igem.org/mediawiki/2015/a/a6/Paris_Saclay-splash-perspectives.jpg);}
+#shome-splash .perspectives:hover {background: url(https://static.igem.org/mediawiki/2015/a/a6/Paris_Saclay-splash-perspectives.jpg);}
 #home-splash .team {background-position: 0px 0px;}
@@ Line 61: / Line 78: @@
 #home-splash .physical {background-position: -470px -235px;}
 #home-splash .thermal {background-position: -705px -235px;}
+#home-splash .practices {background-position: -0px -470px;}
+#home-splash .achievements {background-position: -235px -470px;}
+#home-splash .modeling {background-position: -470px -470px;}
+#home-splash .perspectives {background-position: -705px -470px;}
 @media (min-width: 768px) and (max-width: 979px) {
+#home-splash ul {width:720px;}
 #home-splash ul li { -webkit-background-size: 720px 540px;background-size: 720px 540px; width: 180px;height: 180px;}
 #home-splash .team {background-position: 0px 0px;}
@@ Line 72: / Line 94: @@
 #home-splash .physical {background-position: -360px -180px;}
 #home-splash .thermal {background-position: -540px -180px;}
+#home-splash .practices {background-position: -0px -360px;}
+#home-splash .achievements {background-position: -180px -360px;}
+#home-splash .modeling {background-position: -360px -360px;}
+#home-splash .perspectives {background-position: -540px -360px;}
 }
 @media (max-width: 767px) {
+#home-splash ul {width:840px;}
 #home-splash ul li {-webkit-background-size: 840px 630px;background-size: 840px 630px;width: 210px;height: 210px;}
 #home-splash .team {background-position: 0px 0px;}
@@ Line 84: / Line 111: @@
 #home-splash .physical {background-position: -420px -210px;}
 #home-splash .thermal {background-position: -630px -210px;}
+#home-splash .practices {background-position: -0px -420px;}
+#home-splash .achievements {background-position: -210px -420px;}
+#home-splash .modeling {background-position: -420px -420px;}
+#home-splash .perspectives {background-position: -630px -420px;}
 }
 @media (max-width: 480px) {
+#home-splash ul {width:560px;}
 #home-splash ul li {-webkit-background-size: 560px 420px;background-size: 560px 420px;width: 140px;height: 140px;}
 #home-splash .team {background-position: 0px 0px;}
@@ Line 95: / Line 127: @@
 #home-splash .physical {background-position: -280px -140px;}
 #home-splash .thermal {background-position: -420px -140px;}
+#home-splash .practices {background-position: -0px -280px;}
+#home-splash .achievements {background-position: -140px -280px;}
+#home-splash .modeling {background-position: -280px -280px;}
+#home-splash .perspectives {background-position: -420px -280px;}
 }
+div.tright{float:left; border-width:0;}
-        .image-square.image-square-8 {
+.buorg {top:17px;}
-          background-position: -0px -470px;
+#bodyContent a[href ^="https://"] {background: initial;padding: initial;}
-        }
-        .image-square.image-square-8 .sprite {
-          background-position: -640px 0;
-        }
-          @media (min-width: 768px) and (max-width: 979px) {
-        .image-square.image-square-8 {
-          background-position: -0px -360px;
-        }
-        .image-square.image-square-8 .sprite {
-          background-position: -480px 0;
-        }
-          }
-          @media (max-width: 767px) {
-        .image-square.image-square-8 {
-          background-position: -0px -420px;
-        }
-        .image-square.image-square-8 .sprite {
-          background-position: -560px 0;
-        }
-          }
-          @media (max-width: 480px) {
-        .image-square.image-square-8 {
-          background-position: -0px -280px;
-        }
-        .image-square.image-square-8 .sprite {
-          background-position: -400px 0;
-        }
-          }
-        .image-square.image-square-9 {
-          background-position: -235px -470px;
-        }
-        .image-square.image-square-9 .sprite {
-          background-position: -720px 0;
-        }
-          @media (min-width: 768px) and (max-width: 979px) {
-        .image-square.image-square-9 {
-          background-position: -180px -360px;
-        }
-        .image-square.image-square-9 .sprite {
-          background-position: -540px 0;
-        }
-          }
-          @media (max-width: 767px) {
-        .image-square.image-square-9 {
-          background-position: -210px -420px;
-        }
-        .image-square.image-square-9 .sprite {
-          background-position: -630px 0;
-        }
-          }
-          @media (max-width: 480px) {
-        .image-square.image-square-9 {
-          background-position: -140px -280px;
-        }
-        .image-square.image-square-9 .sprite {
-          background-position: -450px 0;
-        }
-          }
-        .image-square.image-square-10 {
-          background-position: -470px -470px;
-        }
-        .image-square.image-square-10 .sprite {
-          background-position: -800px 0;
-        }
-          @media (min-width: 768px) and (max-width: 979px) {
-        .image-square.image-square-10 {
-          background-position: -360px -360px;
-        }
-        .image-square.image-square-10 .sprite {
-          background-position: -600px 0;
-        }
-          }
-          @media (max-width: 767px) {
-        .image-square.image-square-10 {
-          background-position: -420px -420px;
-        }
-        .image-square.image-square-10 .sprite {
-          background-position: -700px 0;
-        }
-          }
-          @media (max-width: 480px) {
-        .image-square.image-square-10 {
-          background-position: -280px -280px;
-        }
-        .image-square.image-square-10 .sprite {
-          background-position: -500px 0;
-        }
-          }
-        .image-square.image-square-11 {
-          background-position: -705px -470px;
-        }
-        .image-square.image-square-11 .sprite {
-          background-position: -880px 0;
-        }
-          @media (min-width: 768px) and (max-width: 979px) {
-        .image-square.image-square-11 {
-          background-position: -540px -360px;
-        }
-        .image-square.image-square-11 .sprite {
-          background-position: -660px 0;
-        }
-          }
-          @media (max-width: 767px) {
-        .image-square.image-square-11 {
-          background-position: -630px -420px;
-        }
-        .image-square.image-square-11 .sprite {
-          background-position: -770px 0;
-        }
-          }
-          @media (max-width: 480px) {
-        .image-square.image-square-11 {
-          background-position: -420px -280px;
-        }
-        .image-square.image-square-11 .sprite {
-          background-position: -550px 0;
-        }
-          }
 div#bars_item, div#user_item.has_submenu{line-height:initial;}
 #globalWrapper {font-size:100%;padding:0;}
 div#toc.toc, h1.firstHeading, a#top, #top_menu_under {display: none;}
 </style></html>

Difference between revisions of "Template:Team:Paris Saclay/css"

Latest revision as of 05:10, 18 September 2015