Difference between revisions of "Template:INSA-UPS France/Style new"

(Created page with "<html> <style> →‎Clear the default wiki settings: .subnav{ margin:0!important; } #home_logo, #sideMenu { display:none; } #sideMenu, #top_title, .patrollink {di...")
 
 
(12 intermediate revisions by the same user not shown)
Line 17: Line 17:
  
 
p{
 
p{
−
  /*margin:0 !important;*/
 
 
   padding:0;
 
   padding:0;
 
}
 
}
Line 43: Line 42:
 
}
 
}
  
 +
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>
 
</style>
 
</html>
 
</html>

Latest revision as of 20:29, 1 November 2017