Difference between revisions of "Template:Vilnius-Lithuania/CSS/footer"

(Created page with "*{ font-family: Lato, sans-serif; text-transform:uppercase } body{ background-color: #121212; margin:0; padding:0; } #footerWrapper{ position:absolute; bottom: 0...")
 
Line 2: Line 2:
 
   font-family: Lato, sans-serif;
 
   font-family: Lato, sans-serif;
 
   text-transform:uppercase
 
   text-transform:uppercase
−
}
 
−
body{
 
−
  background-color: #121212;
 
−
  margin:0;
 
−
  padding:0;
 
 
}
 
}
 
#footerWrapper{
 
#footerWrapper{

Revision as of 15:55, 20 August 2020

  • {
 font-family: Lato, sans-serif;
 text-transform:uppercase

}

  1. footerWrapper{
 position:absolute;
 bottom: 0;
 width: 100%;
 border-top: solid 25px #6281ef

} .container{ 

 height:250px

}

  1. upperFooter{
 height: 160px;
 background-color:#fafafc;
 display:flex;

}

  1. upperFooter #contacts{
 width: 40%;
 height:100%;
 display:flex;
 align-items:center

}

  1. upperFooter #contacts #image-placeholder{
 background-color:#fcbd1b;
 height:100px;
 width:100px;
 border-radius:100px;
 margin-left:60px;
 margin-right:30px;

}

  1. upperFooter #contacts #igem-info{
 display:flex;
 height:70%;
 font-size: 0.7em;
 padding-left:30px;
 border-left:solid 2px #121212;

}

  1. upperFooter #contacts p{
 font-size: 0.7em;
 text-transform: initial

}

  1. upperFooter #contacts #igem-info #contactus{
 padding-right:20px

}

  1. upperFooter #sponsors{
 width: 60%;
 height:100%;

/* background-color:#333; */ 

 display:flex;
 align-items:center;
 box-sizing:border-box;
 padding-left:40px;
 padding-right:40px

}

  1. upperFooter #sponsors #mainSponsors{
 width: 35%;
 height:90%;
 display: grid;
 grid-template-columns: 1fr;
 grid-template-rows: 1fr 1fr;
 gap: 10px 10px;

} .mainS{ 

 padding:5px;
 box-sizing:border-box;
 background-color:#222

}

  1. upperFooter #sponsors #otherSponsors{
 width: 65%;
 height:70%;

/* background-color:#555; */ 

 margin-left:10px;
 display: grid;
 grid-template-columns: 1fr 1fr 1fr;
 grid-template-rows: 1fr 1fr;
 gap: 10px 10px;

} .otherS{ 

 background-color:#222

}

  1. lowerFooter{
 background-color:#121212;
 color: #fafafc;
 display: flex;
 padding-bottom:30px

}

  1. lowerFooter ul{
 list-style:none;
 padding-inline-start: 0;

}

  1. lowerFooter div{
 padding: 40px;
 font-size:smaller

} a{ 

 text-decoration: none;
 transition-duration:0.2s;
 color:#fafafc;
 text-transform: capitalize;
 font-weight:100;
 line-height:2em

} a:active, a:focus, a:visited{ 

 color:#fafafc

} a:hover{ 

 color:rgba(255,255,255,0.4)

}

  1. projectList{

/* display:grid; */ 

 columns:2

}