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

Line 13: Line 13:
 
#upperFooter #contacts{
 
#upperFooter #contacts{
 
   width: 40%;
 
   width: 40%;
  height:100%;
+
}
  display:flex;
+
#upperFooter #contacts #contactsWrapper{
  align-items:center
+
width: fit-content;
 +
    display: flex;
 +
    align-items: center;
 +
    margin: 0 auto;
 +
    height: 100%;
 
}
 
}
  
Line 23: Line 27:
 
   width:100px;
 
   width:100px;
 
   border-radius:100px;
 
   border-radius:100px;
  margin-left:60px;
 
 
   margin-right:30px;
 
   margin-right:30px;
 
    
 
    

Revision as of 16:33, 20 August 2020

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

font-family: Lato, sans-serif;

 text-transform:uppercase

}

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

}

  1. upperFooter #contacts{
 width: 40%;

}

  1. upperFooter #contacts #contactsWrapper{

width: fit-content;

   display: flex;
   align-items: center;
   margin: 0 auto;
   height: 100%;

}

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

}

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

}

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

font-family: Lato, sans-serif; }

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

}

  1. upperFooter #contacts #igem-info div{
 padding-top:10px

}

  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;

margin: 0; }

  1. lowerFooter h2{
 padding-bottom:20px

}

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

}

  1. footerWrapper #lowerFooter a{
 text-decoration: none;
 transition-duration:0.2s;
 color:#fafafc;
 text-transform: capitalize;
 font-weight:100;
 line-height:2em

}

  1. footerWrapper #lowerFooter a:active,
  2. footerWrapper #lowerFooter a:focus,
  3. footerWrapper #lowerFooter a:visited{
 color:#fafafc

}

  1. footerWrapper #lowerFooter a:hover{
 color:rgba(255,255,255,0.4);

text-decoration:none }

  1. projectList{

/* display:grid; */

 columns:2

}