Template:TUDelft/css/custom

root {
 --footer-height: 150px;
 --intro-height: 450px;

}


/* Media wiki removal

                                                                    • /
  1. globalWrapper {
 opacity: 0;
 padding-bottom: 6px;
 z-index: 10;

}

  1. globalWrapper:hover {
 opacity: 1;

}

.igem_2017_menu_wrapper { 

 z-index: 9;
 display: none;

}

ul { 

 margin-left: 0;

}

  1. top_menu_under {
 height: 0px;

}

  1. top_menu_14 {
 position: initial;

}


/* Top-bar

                                                                    • /

.fixed-menu { 

 position: fixed;
 top: 0;
 z-index: 99;

}

  1. top-img {
 margin: 0 auto;
 display: block;

}

nav ul { 

 list-style: none;

}

  1. nav>li {
 float: left;

}

  1. top-bar {
 background-color: var(--background-color);

}

  1. top-bar ul>li>a {
 margin-right: 1rem;

}

  1. top-hr {}

.fixed-top-hr { 

 position: fixed;
 width: 100vw;
 z-index: 99;

}

  1. footer-hr {
 position: fixed;
 bottom: calc(var(--footer-height) + 1em);
 z-index: 99;
 width: 100vw;
 margin-bottom: 0;

}

  1. top-bar {}
  1. contact {
 margin-bottom: 0;

}

  1. contact button {
 margin-right: 1rem;

}

  1. 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);

}

.sub-title { 

 margin-top: -1.5em;
 font-style: italic;

}

.prettycode { 

 background: var(--background-color);

}

.formula { 

 border-width: 0;

}

.video { 

 width: 100%;

}

ul.text { 

 padding-left: 1px;

}

div.text { 

 margin-top: 1em;

}


/* 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);
 /*  padding-top: 1em;*/

}

  1. footer {
 padding-top: 1em;

}

footer { 

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

}