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

Line 5: Line 5:
 
font-family: Lato, sans-serif;
 
font-family: Lato, sans-serif;
 
   text-transform:uppercase
 
   text-transform:uppercase
−
}
 
−
#footerWrapper .container{
 
−
 
 
 
}
 
}
 
#upperFooter{
 
#upperFooter{
Line 104: Line 101:
 
   font-size:smaller
 
   font-size:smaller
 
}
 
}
−
#footerWrapper a{
+
#footerWrapper #lowerFooter a{
 
   text-decoration: none;
 
   text-decoration: none;
 
   transition-duration:0.2s;
 
   transition-duration:0.2s;
Line 112: Line 109:
 
   line-height:2em
 
   line-height:2em
 
}
 
}
−
a:active, a:focus, a:visited{
+
#footerWrapper #lowerFooter a:active,  
 +
#footerWrapper #lowerFooter a:focus,  
 +
#footerWrapper #lowerFooter a:visited{
 
   color:#fafafc
 
   color:#fafafc
 
}
 
}
−
a:hover{
+
#footerWrapper #lowerFooter a:hover{
 
   color:rgba(255,255,255,0.4);
 
   color:rgba(255,255,255,0.4);
 
text-decoration:none
 
text-decoration:none

Revision as of 16:24, 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%;
 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.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

}