View source for Template:INSA-UPS France/Style new

<html>
	<style>
 /* Clear the default wiki settings */

.subnav{
  margin:0!important;
}
  
  #home_logo, #sideMenu { display:none; }
  #sideMenu, #top_title, .patrollink  {display:none;}
  #content { width:100%; padding:0px;  margin-top:-7px; margin-left:0px; line-height: normal;background-color:#212121;}
 body {font-size:medium;}
  #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h5 { margin-bottom: 0px; border-bottom:none !important;}
#globalWrapper{
    font-size:100%;
  }

p{
  padding:0;
}
table{
  background:none;
}
ul{
  list-style-image: none;
}


/* GENERAL STYLE */ 
*{
  margin:0;
  padding:0;
}
  body {
  margin: 0;
  font: 400 16px/1.5 "Quicksand", sans-serif;
}
a {
    -moz-transition: 0.2s ease-in-out;
    -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

main{
  position:relative;
  overflow: auto;
  height:100%;
}

.main_content{
  position:fixed;    
  top:90px;
  right:0px;
  left:0px;
  bottom:0px;
  overflow:auto;
  background-image: linear-gradient(45deg, #4296c1 0%, #e4efe9 100%);
}
.middle_container{  
  padding-bottom: 80px;
}

.section_container{
  width:60%;
  min-width: 600px;
  max-width: 1100px;
  min-height:100%;
  position:relative;
  margin:0px auto;
}

section{
  background-color: rgba(255,255,255,0.2);
  padding:40px 80px;
  text-align: center;
  border-radius:20px;
  position:relative;
  margin-top:100px;
}

@media screen and (max-width: 900px){
  .section_container{
    width:100%;
  }
}

section img{
  width:100%;
}
section h1{
  font-family: 'Quicksand', sans-serif;
  font-size: 34pt;
  margin-top: -100px;
  text-align: right;
}

section h2{
  font-family: 'Quicksand', sans-serif;
  font-size: 22pt;
  text-align:left;
}
section p, section ul{
  font-family: 'Merriweather', serif;
  font-size:14pt;
  font-weight: 300;
  margin-top:20px;
  text-align: justify;
}
section ul{
  list-style-position: inside;
}
section ol{
  text-align:justify;
}
section a, section a:visited{
  color:#3377A8;
}
section a:hover{
  color:#235172;
}
video{
  width:100%;
  max-width: 800px;
}
figure{
  margin-top:50px;
  margin-bottom: 50px;
}
figcaption{
  font-family: "Quicksand", sans-serif;
  font-size:14pt;
  font-weight: 300;
  font-style:italic;
}


/* FOOTER */ 

footer{
  position:relative;
  text-align:center;
  margin-top:20px;
  background: #323537;
  width:100%;
}

/* CONTACT ICONS */

.icons{  
  display:inline-block;
  margin:40px 0;


}

.icons > a{
  color:black;
  margin:10px;
  text-shadow:2px 2px 0px white;
}

#fbIcon:hover{
  color:#3b5998;
  text-shadow:2px 2px 0 #000000;
}

#twitterIcon:hover{
  color:#55acee;
  text-shadow:2px 2px 0 #000000;
}

#contactIcon:hover{
  color:#e5e5e5;
  text-shadow:2px 2px 0 #000000;
}
#instaIcon:hover{
  color:#8a3ab9;
  text-shadow:2px 2px 0 #000000;
}

/* SPONSORS IMG */

.footer_sponsors img{
  max-height:50px;
  display:inline-block;
  margin:10px;
  opacity:0.5;
}
.footer_sponsors img:hover{
  opacity:1;
}
</style>
</html>