Difference between revisions of "Team:TUDelft/Head"

Line 11: Line 11:
 
</script>
 
</script>
 
<style>
 
<style>
   /*Removing iGEM stylings*/
+
   /*   om MediaWiki style weg te halen*/
globalWrapper {
+
   p{
   padding: 0;
+
        margin-bottom: 0 !important;
}
+
    }
a:visited, a {
+
  color: text;
+
}
+
header a:visited {
+
  color: #ffffff;
+
}
+
p {
+
  margin: 0;
+
}
+
b {
+
font-weight: bold;
+
}
+
h1 {
+
font-size: 2rem;
+
padding: 0;
+
margin: 0.67em 0 0.67em 0;
+
font-weight: bold;
+
}
+
h1, a:hover, a {
+
  border-bottom: none;
+
  text-decoration: none;
+
 
+
}
+
h2 {
+
font-size: 1.5rem;
+
}
+
h3 {
+
font-size: 1.17rem;
+
}
+
h4 {
+
font-size: 1.12rem;
+
}
+
h5 {
+
font-size: .83rem;
+
}
+
h6 {
+
font-size: .75rem;
+
}
+
 
+
 
+
 
+
/*Containers*/ .container{
+
  width: 80%;
+
  margin: auto;
+
  background: #ffffff;
+
}
+
.containerNoColor{
+
  width: 80%;
+
  margin: auto;
+
  overflow: hidden;
+
}
+
.text {
+
  font-size: 17px;
+
  line-height: 140%;
+
}
+
.FlexBox {
+
  display: flex;
+
  flex-flow: row wrap;
+
  align-items: flex-start;
+
  justify-content: center;
+
}
+
 
+
/*Header and Navbar*/ header {
+
  background-color: #249196;
+
  margin: 0;
+
  padding: 30px;
+
  border-bottom: #46a5c3 solid 3px;
+
  top: 0px;
+
}
+
header h1 {
+
  margin: 0;
+
  float: left;
+
  color: #ffffff;
+
}
+
header a{
+
  color: #ffffff;
+
  text-transform: uppercase;
+
  font-size: 16px;
+
  padding: 10px;
+
}
+
myLinks {
+
  display: block;
+
  text-align: center;
+
  padding: 0 20px 0 20px;
+
}
+
header a:hover, a:hover{
+
  color: #7d1b10;
+
  font-weight: bold;
+
}
+
header nav{
+
  float: right;
+
  margin-top: 10px;
+
}
+
.Highlight {
+
  color: #9D281F;
+
}
+
 
+
 
+
/*Logo and Titles*/ .Top {
+
  display: grid;
+
  grid-template-columns: 40% 60%;
+
  justify-content: center;
+
  padding: 20px;
+
  padding-bottom: 0;
+
  width: 80%;
+
  margin: auto;
+
  margin-top: 3vh;
+
  background: #ffffff;
+
}
+
Logo{
+
  width: 30vw;
+
  margin: 5px;
+
  position: relative;
+
  align-self: center;
+
}
+
Titles {
+
  align-self: center;
+
}
+
MainTitle h1 {
+
  font-size: calc(1.3em + 2vw);
+
  font-weight: bold;
+
  text-align: center;
+
}
+
SubTitle h3 {
+
  font-size: calc(0.5em + 1vw);
+
  font-weight: 400;
+
  text-align: center;
+
}
+
 
+
  
 +
    h1 {
 +
      border-bottom: 0px !important;
 +
    }
  
 +
    #home_logo, #sideMenu {
 +
        display:none;
 +
    }
 +
    #sideMenu, #top_title, .patrollink  {
 +
        display:none;
 +
    }
  
 +
/*Bootstrap.min altered the way the top menu looks, by changing box-sizing: from border-box to initial, the damage is undone*/
 +
    #top_menu_14 {
 +
        box-sizing: initial;
 +
    }
 +
    td a{
 +
        padding-right: 0px !important;
 +
    }
  
 +
    .subttt{color: white !important;}
 +
    a.subtt { color: white !important; }
 +
    a.subtt:hover { color: #4a90e2 !important; } 
  
  
Line 163: Line 53:
 
             overflow: hidden;
 
             overflow: hidden;
 
             background-color: #6B7D7D;
 
             background-color: #6B7D7D;
top:-5;
 
 
         }
 
         }
 
         .navbar a {
 
         .navbar a {
Line 219: Line 108:
 
             display: block;
 
             display: block;
 
         }
 
         }
/*Header and navbar on top of each other*/ @media(max-width: 840px) {
 
  header h1, header nav {
 
      float: none;
 
      text-align: center;
 
  }
 
}
 
  
/*Body*/ body {
+
 
  font-family: Verdana, Tahoma, sans-serif;
+
  font-style: normal;
+
  font-weight: 100;
+
  font-size: medium;
+
  background-color:#ffffff;
+
  margin: 0;
+
  height: max-content;
+
  width: 100%;
+
  position: absolute;
+
}
+
  
  
Line 245: Line 118:
  
 
     <body>
 
     <body>
 
 
 
 
 
 
 
 
 
  
  

Revision as of 10:53, 15 June 2019