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

m
m
Line 1: Line 1:
 
<html><style type="text/css">
 
<html><style type="text/css">
 
@import url(https://fonts.googleapis.com/css?family=Roboto:300,700,300italic);
 
@import url(https://fonts.googleapis.com/css?family=Roboto:300,700,300italic);
−
body{background: #7fadbc url(http://www.igem-paris-saclay.u-psud.fr/wordpress/wp-content/uploads/2015/03/bg.gif); font-family: 'Roboto', 'Helvetica', sans-serif;margin:0;font-size:12pt;line-height:18pt;position: relative;overflow-y: scroll;}
+
body{background: url(http://www.igem-paris-saclay.u-psud.fr/wordpress/wp-content/uploads/2015/03/bg.gif); font-family: 'Roboto', 'Helvetica', sans-serif;margin:0;font-size:12pt;line-height:18pt;position: relative;overflow-y: scroll;}
 
globalWraper{font-size: 100%;}
 
globalWraper{font-size: 100%;}
 
#content{padding: 0px;border: 0px none;max-width: 100vw;margin: 18px auto;width:100%; color:black;line-height: 18pt;margin-bottom: 0;}
 
#content{padding: 0px;border: 0px none;max-width: 100vw;margin: 18px auto;width:100%; color:black;line-height: 18pt;margin-bottom: 0;}
Line 99: Line 99:
 
.adress a:hover{
 
.adress a:hover{
 
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:27, 9 October 2016