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

m
m
Line 116: Line 116:
 
.navbar-inverse .navbar-nav { width: 100%; text-align: center; }
 
.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 { float: none; display: inline-block; margin: 3px; border-radius: 5px; background-color: #9e63af; padding: 0 0; }
−
      .navbar-inverse .navbar-nav li a {
+
.navbar-inverse .navbar-nav li a { color: white; font-weight: 700; }
−
        color: white;
+
−
        font-weight: 700;  
+
−
 
+
−
}
+
 
.dropdown-menu{ min-width: 50px; }
 
.dropdown-menu{ min-width: 50px; }
 
.dropdown-menu>li{ width:96%; }
 
.dropdown-menu>li{ width:96%; }
Line 132: Line 128:
  
 
.affix { width: 100%; text-align: center; left: 0; top: 15px; }
 
.affix { width: 100%; text-align: center; left: 0; top: 15px; }
−
  .affix .container-fluid {
+
.affix .container-fluid { background-color: white; transition: all .5s linear; }
−
    background-color: white;
+
.affix .navbar-nav li { background-color: #5a0e46; transition: all 1s linear; }
−
    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 {
+
.affix-top { margin-top: 300px; }
−
  display: inline-block;
+
.logo-head { position: absolute; height: 280px; top: 20px; left: 0; right: 0; margin-left: auto; margin-right: auto; }
−
  float: none;
+
.container.footer{ position:relative; bottom:-10px;}
−
  /* reset the text-align */
+
footer .footerlogo { max-width: 100%; max-height: 240px; display: inline-flex; align-items: center; justify-content: space-between; flex-wrap: wrap; }
−
  text-align: left;
+
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;  }
−
  /* inline-block space fix */
+
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; }
−
  margin-right: -4px; }
+
.row-centered { text-align: center; }
−
h1{text-align:center;}
+
.col-centered { display: inline-block; float: none; text-align: left; margin-right: -4px; }
−
#HQ_page .love.row{
+
.love.row{ position: absolute; width: 100%; top: 420px; background: rgba(193,193,193,0.3); color: white; text-align: center; }
−
        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; }
−
.collapse.navbar-collapse,.nav-container {
+
−
padding-right:0;
+
−
padding-left:0;
+
−
}
+
  
 
@media (max-width: 767px){
 
@media (max-width: 767px){
−
.navbar-inverse .navbar-nav li{
+
.navbar-inverse .navbar-nav li { display:block; }
−
display:block;}
+
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:white;}
−
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{
+
.collapse.navbar-collapse { background:white }
−
color:white;}
+
.navbar-inverse .navbar-nav {width: 94%; text-align: center; margin: 0 3%; }
−
.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:56, 9 October 2016