Difference between revisions of "Template:Team:Paris Saclay/css"
m |
m |
||
| Line 7: | Line 7: | ||
.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;margin-top:120px;min-width: 986px;} | ||
.container.header, .container.submenu {margin:0;position: fixed;width: 80%;} | .container.header, .container.submenu {margin:0;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.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;} | ||
| Line 20: | Line 18: | ||
.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; } | ||
| Line 33: | Line 33: | ||
#home-splash {display: table;line-height: 0;} | #home-splash {display: table;line-height: 0;} | ||
#home-splash ul {margin:0;} | #home-splash ul {margin:0;} | ||
| − | #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);} | + | #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: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;} | ||
| Line 62: | Line 63: | ||
@media (min-width: 768px) and (max-width: 979px) { | @media (min-width: 768px) and (max-width: 979px) { | ||
| + | #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;} | ||
#home-splash .interlab {background-position: -180px -0px;} | #home-splash .interlab {background-position: -180px -0px;} | ||
| Line 73: | Line 75: | ||
@media (max-width: 767px) { | @media (max-width: 767px) { | ||
| + | #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;} | ||
#home-splash .interlab {background-position: -210px -0px;} | #home-splash .interlab {background-position: -210px -0px;} | ||
| Line 83: | Line 86: | ||
} | } | ||
@media (max-width: 480px) { | @media (max-width: 480px) { | ||
| + | #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;} | ||
#home-splash .interlab {background-position: -140px -0px;} | #home-splash .interlab {background-position: -140px -0px;} | ||
Revision as of 17:57, 13 September 2015