Difference between revisions of "Template:DTU-Denmark"

Line 68: Line 68:
 
/**************************************************************************************************************************************************************************************************/
 
/**************************************************************************************************************************************************************************************************/
  
 +
html{
 +
    height: 100%;
 +
}
  
 +
body{
 +
    display: flex;
 +
    display: -webkit-flex;
 +
    flex-direction: column;
 +
    -webkit-flex-direction: column;
 +
    height: 100%;
 +
}
 
#home_logo, #sideMenu { display:none; }
 
#home_logo, #sideMenu { display:none; }
 
#sideMenu, #top_title, .patrollink  {display:none;}
 
#sideMenu, #top_title, .patrollink  {display:none;}
Line 152: Line 162:
 
width:90%;*/
 
width:90%;*/
 
}
 
}
 +
 +
 +
 +
/*footer styling*/
 +
/**************************************************************************************************************************************************************************************************/
 +
 +
 +
 +
 +
 +
 +
#myFooter {
 +
    background-color: #3c3d41;
 +
  background-image: linear-gradient(to bottom right, rgba(12, 49, 89, .94), rgba(9, 49, 79, 1)), url(https://static.igem.org/mediawiki/2019/1/1f/T--DTU-Denmark--vectorim.png);
 +
      background-repeat: no-repeat;
 +
    color: white;
 +
    padding-top: 30px;
 +
      background-size: cover;
 +
}
 +
 +
 +
#myFooter .row {
 +
    margin-bottom: 60px;
 +
}
 +
 +
#myFooter .navbar-brand {
 +
    margin-top: 45px;
 +
    height: 65px;
 +
}
 +
 +
#myFooter .footer-copyright p {
 +
    margin: 10px;
 +
    color: #ccc;
 +
}
 +
 +
#myFooter ul {
 +
    list-style-type: none;
 +
    padding-left: 0;
 +
    line-height: 1.7;
 +
}
 +
 +
#myFooter h5 {
 +
    font-size: 18px;
 +
    color: white;
 +
    font-weight: bold;
 +
    margin-top: 30px;
 +
}
 +
 +
#myFooter h2 a{
 +
    font-size: 50px;
 +
    text-align: center;
 +
    color: #fff;
 +
}
 +
 +
#myFooter a {
 +
    color: #d2d1d1;
 +
    text-decoration: none;
 +
}
 +
 +
#myFooter a:hover,
 +
#myFooter a:focus {
 +
    text-decoration: none;
 +
    color: white;
 +
}
 +
 +
#myFooter .social-networks {
 +
    text-align: center;
 +
    padding-top: 30px;
 +
    padding-bottom: 16px;
 +
}
 +
 +
#myFooter .social-networks a {
 +
    font-size: 32px;
 +
    color: #f9f9f9;
 +
    padding: 10px;
 +
    transition: 0.2s;
 +
}
 +
 +
#myFooter .social-networks a:hover {
 +
    text-decoration: none;
 +
}
 +
 +
#myFooter .facebook:hover {
 +
    color: #0077e2;
 +
}
 +
 +
#myFooter .insta:hover {
 +
    color: #DE3076;
 +
}
 +
 +
#myFooter .twitter:hover {
 +
    color: #00aced;
 +
}
 +
 +
#myFooter .btn {
 +
    color: white;
 +
    background-color: #2A6E2C;
 +
    border-radius: 20px;
 +
    border: none;
 +
    width: 150px;
 +
    display: block;
 +
    margin: 0 auto;
 +
    margin-top: 10px;
 +
    line-height: 25px;
 +
}
 +
 +
@media screen and (max-width: 767px) {
 +
    #myFooter {
 +
        text-align: center;
 +
    }
 +
}
 +
 +
 +
/* CSS used for positioning the footers at the bottom of the page. */
 +
/* You can remove this. */
 +
 +
 +
 +
.content1{
 +
  flex: 1 0 auto;
 +
  -webkit-flex: 1 0 auto;
 +
  min-height: 200px;
 +
}
 +
 +
#myFooter{
 +
  flex: 0 0 auto;
 +
  -webkit-flex: 0 0 auto;
 +
}
 +
 +
 +
 +
 +
 +
 +
 +
  
  
Line 157: Line 303:
 
/*general styling*/
 
/*general styling*/
 
/**************************************************************************************************************************************************************************************************/
 
/**************************************************************************************************************************************************************************************************/
 +
 +
 +
  
  

Revision as of 22:04, 1 September 2019