Template:TUDelft/css/custom

root {

 --footer-height: 175px;

} /* Top-bar

• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • /

1. top-img {

 margin: 0 auto;
 display: block;

}

nav ul {

 list-style: none;

}

nav#top-bar > ul#nav > li {

 float: left;

}

nav#top-bar > ul > li > a {

 margin-right: 1rem;

}

1. contact button {

 margin-right: 1rem;

}

nav#top-bar > ul#contact > li {

 float: right;
 vertical-align: middle;

}

1. contact span {

 text-transform: none;
 vertical-align: middle;

}

/* Body

• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • /

body {

 background-color: var(--background-color);

}

main.container {

 margin-bottom: calc(var(--footer-height) + 2rem);

}

/* Footer

• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • /

1. s {

 display: inline-block;
 vertical-align: middle;
 font-size: 2rem;

}

1. s-img {

 margin: 1rem;
 display: inline;
 vertical-align: middle;

}

.center {

 text-align: center;

}

footer {

 color: var(--text-u-color);
 position: fixed;
 bottom: 0px;
 width: 100%;
 height: var(--footer-height);

} footer {

 background-color: var(--background-color);

} footer hr {

 margin-top: 0rem;

}