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

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{
 
.section_container{
−
   max-width: 1200px;
+
   width:90%;
 +
  min-height:100%;
 +
  margin:0px auto;
 +
  position:relative;
 
}
 
}
  
 +
.section_container{
 +
  max-width: 1100px;
 +
}
 +
 +
section{
 +
  background-color: rgba(255,255,255,0.2);
 +
  padding:40px 80px;
 +
  text-align: justify;
 +
  border-radius:20px;
 +
  position:relative;
 +
  margin-top:100px;
 +
}
 +
 +
@media screen and (max-width: 900px){
 +
  .section_container{
 +
    width:100%;
 +
  }
 +
}
 +
 +
section{
 +
  text-align: center;
 +
}
 +
section img{
 +
  width:100%;
 +
  max-width: 500px;
 +
}
 +
section h1{
 +
  font-family: 'Quicksand', sans-serif;
 +
  font-size: 34pt;
 +
  margin-top: -100px;
 +
  text-align: right;
 +
}
 +
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;
 +
}
 +
 +
 +
/* 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>

Revision as of 10:48, 21 October 2017