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

m
m
 
(43 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
<html><style type="text/css">
 
<html><style type="text/css">
 
@import url(https://fonts.googleapis.com/css?family=Roboto:300,700,300italic);
 
@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%;}
 
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;}
 
#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%;}
 
#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;}
+
.container.header {background: #323f46;top:18px;z-index: 100;}
.container.submenu{background: #27343c;top:70px;}
+
.container p {text-align: justify;}
+
.row {width: 100%;min-width: 996px;margin: 0 auto;overflow: hidden;}
+
 
.container.header nav {margin: 12px 0;font-size: 13pt;}
 
.container.header nav {margin: 12px 0;font-size: 13pt;}
 
.container.header nav ul li a {margin: 0px 35px 0px 0px;}
 
.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 {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}
 
.container.submenu nav ul li a {margin: 0px 20px 0px 0px; font-weight:normal; font-family:'Tahoma', 'Roboto', 'Helvetica', sans-serif}
Line 20: Line 24:
 
.container nav ul li:last-child a {margin-right:0;}
 
.container nav ul li:last-child a {margin-right:0;}
 
.container nav ul li a:hover {color:#d9374c;text-decoration: none;}
 
.container nav ul li a:hover {color:#d9374c;text-decoration: none;}
 +
.container p {text-align: justify;}
 +
.row {width: 100%;min-width: 996px;margin: 0 auto;overflow: hidden;}
  
 
.container nav li.before a { color:#fff; }
 
.container nav li.before a { color:#fff; }
 
.container nav li.active a { color:#d9374c; }
 
.container nav li.active a { color:#d9374c; }
 
a, a:visited {color:#d9374c; font-weight:bold;}
 
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 {width: 49%; float: left;}
 
article.column.right {float: right;}
 
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;}
 
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;}
 +
 
 +
.anchor {display: block; height: 100px; margin-top: -100px; visibility: hidden;}
 +
 
 +
#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;}
 +
 
 +
#shome-splash .team:hover {background: url(https://static.igem.org/mediawiki/2015/4/45/Paris_Saclay-splash-team.jpg);}
 +
#shome-splash .interlab:hover {background: url(https://static.igem.org/mediawiki/2015/b/b6/Paris_Saclay-splash-interlab.jpg);}
 +
#shome-splash .introduction:hover {background: url(https://static.igem.org/mediawiki/2015/e/e9/Paris_Saclay-splash-introduction.jpg);}
 +
#shome-splash .dissemination:hover {background: url(https://static.igem.org/mediawiki/2015/7/75/Paris_Saclay-splash-dissemination.jpg);}
 +
#shome-splash .labwork:hover {background: url(https://static.igem.org/mediawiki/2015/5/50/Paris_Saclay-splash-labwork.jpg);}
 +
#shome-splash .parts:hover {background: url(https://static.igem.org/mediawiki/2015/7/73/Paris_Saclay-splash-parts.jpg);}
 +
#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);}
 +
#shome-splash .practices:hover {background: url(https://static.igem.org/mediawiki/2015/c/cf/Paris_Saclay-splash-practices.jpg);}
 +
#shome-splash .achievements:hover {background: url(https://static.igem.org/mediawiki/2015/3/37/Paris_Saclay-splash-achievements.jpg);}
 +
#shome-splash .modeling:hover {background: url(https://static.igem.org/mediawiki/2015/d/d1/Paris_Saclay-splash-modeling.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;}
 +
#home-splash .interlab {background-position: -235px -0px;}
 +
#home-splash .introduction {background-position: -470px -0px;}
 +
#home-splash .dissemination {background-position: -705px -0px;}
 +
#home-splash .labwork {background-position: -0px -235px;}
 +
#home-splash .parts {background-position: -235px -235px;}
 +
#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;}
 +
#home-splash .interlab {background-position: -180px -0px;}
 +
#home-splash .introduction {background-position: -360px -0px;}
 +
#home-splash .dissemination {background-position: -540px -0px;}
 +
#home-splash .labwork {background-position: -0px -180px;}
 +
#home-splash .parts {background-position: -180px -180px;}
 +
#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;}
 +
}
  
#home-splash {}
+
@media (max-width: 767px) {
#home-splash a {display: block;width: 235px;height: 235px;float: left;position: relative;overflow: hidden;}
+
#home-splash ul {width:840px;}
#home-splash a p {margin: 0 auto;max-width: 180px;text-align: center;text-transform: uppercase;font-size: 16px;color: #ffffff;z-index: 3;}
+
#home-splash ul li {-webkit-background-size: 840px 630px;background-size: 840px 630px;width: 210px;height: 210px;}
#home-splash a .bg {position: absolute;top:0;left:0;z-index: 1;opacity: 0.3;}
+
#home-splash .team {background-position: 0px 0px;}
#home-splash a .icon {z-index: 2;margin: 50px auto 20px auto;}
+
#home-splash .interlab {background-position: -210px -0px;}
 +
#home-splash .introduction {background-position: -420px -0px;}
 +
#home-splash .dissemination {background-position: -630px -0px;}
 +
#home-splash .labwork {background-position: -0px -210px;}
 +
#home-splash .parts {background-position: -210px -210px;}
 +
#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;}     
 +
#home-splash .interlab {background-position: -140px -0px;}
 +
#home-splash .introduction {background-position: -280px -0px;}
 +
#home-splash .dissemination {background-position: -420px -0px;}
 +
#home-splash .labwork {background-position: -0px -140px;}
 +
#home-splash .parts {background-position: -140px -140px;}
 +
#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;}
 +
.buorg {top:17px;}
 +
#bodyContent a[href ^="https://"] {background: initial;padding: initial;}
 
div#bars_item, div#user_item.has_submenu{line-height:initial;}
 
div#bars_item, div#user_item.has_submenu{line-height:initial;}
 
#globalWrapper {font-size:100%;padding:0;}
 
#globalWrapper {font-size:100%;padding:0;}
 
div#toc.toc, h1.firstHeading, a#top, #top_menu_under {display: none;}
 
div#toc.toc, h1.firstHeading, a#top, #top_menu_under {display: none;}
 
</style></html>
 
</style></html>

Latest revision as of 05:10, 18 September 2015