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

Line 9: Line 9:
 
}
 
}
 
#footerWrapper .container{
 
#footerWrapper .container{
−
   height:250px
+
    
 
}
 
}
 
#upperFooter{
 
#upperFooter{
Line 86: Line 86:
 
   color: #fafafc;
 
   color: #fafafc;
 
   display: flex;
 
   display: flex;
−
   padding-bottom:30px
+
   padding-bottom:30px;
 +
height:250px;
 +
box-sizing:border-box
 
}
 
}
 
#lowerFooter ul{
 
#lowerFooter ul{

Revision as of 16:04, 20 August 2020

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

font-family: Lato, sans-serif; 

 text-transform:uppercase

}

  1. footerWrapper .container{

}

  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;

height:250px; box-sizing:border-box }

  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

}