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

m
Line 85: Line 85:
 
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;}
 
h1{text-align:center;}
 
</style></html>
 
</style></html>

Revision as of 18:44, 6 October 2016