Difference between revisions of "Team:TUDelft/Head"

Line 116: Line 116:
  
  
 +
 +
 +
 +
 +
 +
globalWrapper {
 +
  padding: 0;
 +
}
 +
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{
 
.containerNoColor{
 
   width: 80%;
 
   width: 80%;
Line 121: Line 172:
 
   overflow: hidden;
 
   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;
 +
}
 +
 +
 +
  
 
     </style>
 
     </style>
Line 127: Line 225:
  
  
<div class="containerNoColor">
+
<header>
 
         <!--de lijst  
 
         <!--de lijst  
 
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
 
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
Line 206: Line 304:
  
 
         </div>
 
         </div>
</div>
+
</header>
 
     </body>
 
     </body>
 
</html>
 
</html>

Revision as of 11:07, 15 June 2019