|
|
| Line 101: |
Line 101: |
| | | | |
| | | | |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | header { background: url("https://static.igem.org/mediawiki/2016/3/3f/T--Paris_Saclay--background_paris.jpeg"); background-size: cover; background-position: left; background-attachment: fixed; height: 100vh; min-height: 1000px;}
| |
| − |
| |
| − | header ul.nav { float: none; }
| |
| − |
| |
| − | body { overflow-x: hidden; min-height: 100vh; }
| |
| − |
| |
| − | .navbar-inverse {
| |
| − | max-width: 100vw;
| |
| − | z-index: 10000;
| |
| − | background-color: transparent;
| |
| − | border-color: transparent;
| |
| − | }
| |
| − | .mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul{
| |
| − | margin: 0;
| |
| − | }
| |
| − | .navbar-inverse .navbar-nav {
| |
| − | width: 100%;
| |
| − | text-align: center;
| |
| − | }
| |
| − | .navbar-inverse .navbar-nav li {
| |
| − | float: none;
| |
| − | display: inline-block;
| |
| − | margin: 3px;
| |
| − | border-radius: 5px;
| |
| − | background-color: #9e63af;
| |
| − | padding: 0 0;
| |
| − |
| |
| − | }
| |
| − | .navbar-inverse .navbar-nav li a {
| |
| − | color: white;
| |
| − | font-weight: 700;
| |
| − |
| |
| − | }
| |
| − | .dropdown-menu{
| |
| − | min-width: 50px;}
| |
| − | .dropdown-menu>li{
| |
| − | width:96%;
| |
| − | }
| |
| − | .navbar-inverse .navbar-toggle .icon-bar {
| |
| − | background-color: #5a0e46;;
| |
| − | }
| |
| − | .navbar-inverse .navbar-toggle{border-color:#ad288a;background-color:white}
| |
| − | .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:active, .navbar-inverse .navbar-toggle:hover:focus{border-color:black;background-color:white;}
| |
| − | .navbar-inverse .navbar-toggle:hover .icon-bar{background-color:black}
| |
| − | .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
| |
| − | border-color: #ff90a3;
| |
| − | background-color: MediumVioletRed!important;
| |
| − | transition: background .5s linear;
| |
| − | border-radius:5px;
| |
| − | }
| |
| − | .navbar-inverse .navbar-nav li:hover a {
| |
| − | color: white;
| |
| − | }
| |
| − | .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover{
| |
| − | border-radius: 5px;
| |
| − | background-color: #9e63af;
| |
| − | }
| |
| − |
| |
| − | .affix {
| |
| − | width: 100%;
| |
| − | text-align: center;
| |
| − | left: 0;
| |
| − | top: 15px;
| |
| − | }
| |
| − | .affix .container-fluid {
| |
| − | background-color: white;
| |
| − | transition: all .5s linear; }
| |
| − | .affix .navbar-nav li {
| |
| − | background-color: #5a0e46;
| |
| − | transition: all 1s linear; }
| |
| − |
| |
| − | .affix-top {
| |
| − | margin-top: 300px; }
| |
| − |
| |
| − | .logo-head {
| |
| − | position: absolute;
| |
| − | height: 280px;
| |
| − | top: 20px;
| |
| − | left: 0;
| |
| − | right: 0;
| |
| − | margin-left: auto;
| |
| − | margin-right: auto;
| |
| − | }
| |
| − | .container.footer{
| |
| − | position:relative;
| |
| − | bottom:-10px;}
| |
| − | footer .footerlogo {
| |
| − | max-width: 100%;
| |
| − | max-height: 240px;
| |
| − | display: inline-flex;
| |
| − | align-items: center;
| |
| − | justify-content: space-between;
| |
| − | flex-wrap: wrap;
| |
| − | }
| |
| − | footer .footerlogo img {
| |
| − | padding: 20px;
| |
| − | max-width: 100%;
| |
| − | max-height: 240px;
| |
| − | margin-right: auto;
| |
| − | margin-left: auto;
| |
| − | filter: grayscale(100%);
| |
| − | -webkit-filter: grayscale(100%);
| |
| − | -moz-filter: grayscale(100%);
| |
| − | -ms-filter: grayscale(100%);
| |
| − | -o-filter: grayscale(100%);
| |
| − | transition: all .3s linear;
| |
| − | }
| |
| − | footer .footerlogo img:hover {
| |
| − | filter: grayscale(0);
| |
| − | -webkit-filter: grayscale(0);
| |
| − | -moz-filter: grayscale(0);
| |
| − | -ms-filter: grayscale(0);
| |
| − | -o-filter: grayscale(0);
| |
| − | transition: all .3s linear;
| |
| − | padding: 10px;
| |
| − | }
| |
| − |
| |
| − | .row-centered {
| |
| − | text-align: center;
| |
| − | }
| |
| − |
| |
| − | .col-centered {
| |
| − | display: inline-block;
| |
| − | float: none;
| |
| − | /* reset the text-align */
| |
| − | text-align: left;
| |
| − | /* inline-block space fix */
| |
| − | margin-right: -4px; }
| |
| − | h1{text-align:center;}
| |
| − | #HQ_page .love.row{
| |
| − | position: absolute;
| |
| − | width: 100%;
| |
| − | top: 420px;
| |
| − | background: rgba(193,193,193,0.3);
| |
| − | color: white;
| |
| − | text-align: center;
| |
| − | }
| |
| − | #HQ_page .love p{
| |
| − | font-size: 100px;
| |
| − | text-align: center;
| |
| − | font-family: 'Roboto', sans-serif;
| |
| − |
| |
| − | }
| |
| − | .collapse.navbar-collapse,.nav-container {
| |
| − | padding-right:0;
| |
| − | padding-left:0;
| |
| − | }
| |
| − |
| |
| − | @media (max-width: 767px){
| |
| − | .navbar-inverse .navbar-nav li{
| |
| − | display:block;}
| |
| − | .navbar-inverse .navbar-nav .open .dropdown-menu>li>a{
| |
| − | color:white;}
| |
| − | .collapse.navbar-collapse{
| |
| − | background:white}
| |
| − | .navbar-inverse .navbar-nav {
| |
| − | width: 94%;
| |
| − | text-align: center;
| |
| − | margin: 0 3%;
| |
| − | }
| |
| − | }
| |
| | </style></html> | | </style></html> |
