|
|
| Line 35: |
Line 35: |
| | .container nav ul li ul {display: none; position: absolute; background: rgba(86, 121, 113, .66); top: 48px; 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%;margin: 0 auto;overflow: hidden;} |
| | | | |
| | | | |
| Line 93: |
Line 93: |
| | h1.firstHeading, a#top, #top_title, #sideMenu, #top_menu_under {display: none;} | | h1.firstHeading, a#top, #top_title, #sideMenu, #top_menu_under {display: none;} |
| | | | |
| − | #content{
| |
| − | margin: 16px auto;
| |
| − | }
| |
| − | header {
| |
| − | background: url("http://maximeschaffhauser.com/igem/img-igem.jpeg");
| |
| − | background-size: cover;
| |
| − | background-position: left;
| |
| − | background-attachment: fixed;
| |
| − | height: 100vh;
| |
| − | min-height: 1000px; }
| |
| − | header ul.nav {
| |
| − | float: none; }
| |
| | | | |
| − | body {
| |
| − | 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;
| |
| − | height:100%;
| |
| − | }
| |
| − | .navbar-inverse .navbar-nav li:hover {
| |
| − | border-color: #ff90a3;
| |
| − | background-color: rgba(32, 121, 117, 0.5);
| |
| − | transition: all .5s linear;
| |
| − | }
| |
| − | .navbar-inverse .navbar-nav li:hover a {
| |
| − | color: white;
| |
| − | }
| |
| − |
| |
| − | .affix {
| |
| − | width: 100%;
| |
| − | text-align: center;
| |
| − | left: 0;
| |
| − | top: 15px;
| |
| − | }
| |
| − | .affix .container-fluid {
| |
| − | background-color: white;
| |
| − | transition: all 1s 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;}
| |
| | </style></html> | | </style></html> |
