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

m
m
Line 100: Line 100:
 
color: #f379c6}
 
color: #f379c6}
  
 +
 +
 +
 +
 +
 +
 +
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>

Revision as of 13:44, 9 October 2016