|
|
| Line 8: |
Line 8: |
| | .container.header, .container.submenu {position: fixed;width: 80%;} | | .container.header, .container.submenu {position: fixed;width: 80%;} |
| | .container.header {background: #7fadbc; border-top: 17px solid #aac451; top: 18px; z-index: 100; overflow: initial;} | | .container.header {background: #7fadbc; border-top: 17px solid #aac451; top: 18px; z-index: 100; overflow: initial;} |
| − | .container.header nav {margin: 0;font-size: 13pt;} | + | .container.header nav {margin: 0;font-weight: bold;color:white;} |
| | .container.submenu{background: #27343c;top:70px;z-index: 100;} | | .container.submenu{background: #27343c;top:70px;z-index: 100;} |
| | .container.content {margin-top:120px;background: rgba(255, 255, 255, 0.3);} | | .container.content {margin-top:120px;background: rgba(255, 255, 255, 0.3);} |
| Line 14: |
Line 14: |
| | .container.footer small.contact {float:left;} | | .container.footer small.contact {float:left;} |
| | .container.footer small.contact b {margin-right:5px; color:#d9374c;} | | .container.footer small.contact b {margin-right:5px; color:#d9374c;} |
| − | .container.footer small.contact a {font-weight:normal; color:white;} | + | .container.footer small.contact a {font-weight:normal; color:black;} |
| | .container.footer small.copyright {margin-right: 20px;margin-top: 55px;font-style: italic;} | | .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;} |
| Line 24: |
Line 24: |
| | .container nav ul li a:hover {color:#aac451;text-decoration: none;} | | .container nav ul li a:hover {color:#aac451;text-decoration: none;} |
| | .container nav ul li:hover ul, .container nav ul li ul:hover {display: block;} | | .container nav ul li:hover ul, .container nav ul li ul:hover {display: block;} |
| − | .container nav ul li ul {display: none; position: absolute; background: rgba(86, 121, 113, .66); top: 50px; min-width: 140px; z-index: 9997;} | + | .container nav ul li ul {display: none; position: absolute; background: rgba(86, 121, 113, .66); top: 48px; min-width: 140px; z-index: 9997;} |
| | .container p {text-align: justify;} | | .container p {text-align: justify;} |
| | .row {width: 100%;min-width: 996px;margin: 0 auto;overflow: hidden;} | | .row {width: 100%;min-width: 996px;margin: 0 auto;overflow: hidden;} |
| | | | |
| − | #toc {float: left; width: 150px; border: 0;} | + | #toc {float: left; width: 15%; border: 0;} |
| − | .toc ul ul {margin: 0 0 0 0.7em;} | + | .mw-content-ltr .toc ul ul, .mw-content-ltr #toc ul ul {margin: 0 0 0 0.7em;} |
| | .tocnumber, .toclevel-4 {display: none;} | | .tocnumber, .toclevel-4 {display: none;} |
| | + | |
| | + | .container.content #main {float: right;width: 84%;} |
| | | | |
| | .container nav li.before a { color:#fff; } | | .container nav li.before a { color:#fff; } |
| Line 43: |
Line 45: |
| | .photoprofil{float:left;width: 116px;margin-right: 10px;} | | .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:black;clear:both; font-variant: small-caps; font-weight: normal; border:0;} |
| | h4, h5, h6 {background: initial; font-weight: bold;} | | h4, h5, h6 {background: initial; font-weight: bold;} |
| | h4 {padding-left: 2em; margin-top: 1em;} | | h4 {padding-left: 2em; margin-top: 1em;} |
| Line 61: |
Line 63: |
| | #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;} |
| − |
| |
| − | #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;}
| |
| − | }
| |
| − |
| |
| − | @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;}
| |
| − | #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;} | | div.tright{float:left; border-width:0;} |
