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

m
m
 
(30 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;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 {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 24: Line 30:
 
.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;}
+
#home-splash {display: table;line-height: 0;width:100%; margin-bottom:50px;}
#home-splash ul {margin:0;}
+
#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;
 
#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;}
 
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: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 {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 .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;}
 
#home-splash ul li a .text {margin: 0 auto;text-align: center;font-size: 16px;color: #ffffff;}
Line 67: Line 84:
  
 
@media (min-width: 768px) and (max-width: 979px) {
 
@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 ul li { -webkit-background-size: 720px 540px;background-size: 720px 540px; width: 180px;height: 180px;}
 
#home-splash .team {background-position: 0px 0px;}
 
#home-splash .team {background-position: 0px 0px;}
Line 83: Line 101:
  
 
@media (max-width: 767px) {
 
@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 ul li {-webkit-background-size: 840px 630px;background-size: 840px 630px;width: 210px;height: 210px;}
 
#home-splash .team {background-position: 0px 0px;}
 
#home-splash .team {background-position: 0px 0px;}
Line 98: Line 117:
 
}
 
}
 
@media (max-width: 480px) {
 
@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 ul li {-webkit-background-size: 560px 420px;background-size: 560px 420px;width: 140px;height: 140px;}
 
#home-splash .team {background-position: 0px 0px;}       
 
#home-splash .team {background-position: 0px 0px;}       
Line 113: Line 133:
 
}
 
}
  
 +
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