Difference between revisions of "Team:NTNU Trondheim/Header"

Line 4: Line 4:
 
     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous">
 
     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous">
 
</head>
 
</head>
 +
 +
<style>
 +
/* ---- */
 +
 +
body {
 +
  font-family: 'PT Sans', Arial, Verdana;
 +
  background-color: #eee;
 +
}
 +
 +
ul {
 +
    list-style-type: none;
 +
    margin: 0;
 +
    padding: 0;
 +
    overflow: hidden;
 +
    background-color: #333;
 +
}
 +
 +
li {
 +
    float: left;
 +
}
 +
 +
li a, .dropbtn {
 +
    display: inline-block;
 +
    color: white;
 +
    text-align: center;
 +
    padding: 14px 16px;
 +
    text-decoration: none;
 +
}
 +
 +
li a:hover, .dropdown:hover .dropbtn {
 +
    background-color: rgba(0,0,0,0.1);
 +
}
 +
 +
/* ---- HOVER COLORS NAVIGATION BAR ---- */
 +
li #menu-home:hover {  background-color: red;  }
 +
li #menu-team:hover {  background-color: #ff8a23;  }
 +
li #menu-project:hover {  background-color: #f8b732;  }
 +
li #menu-parts:hover {  background-color: #4CAF50;  }
 +
li #menu-safety:hover {  background-color: #5bc7d8;  }
 +
li #menu-hp:hover {  background-color: #4286f4;  }
 +
li #menu-awards:hover {  background-color: #a851db;  }
 +
 +
li.dropdown {
 +
    display: inline-block;
 +
}
 +
 +
.dropdown-content {
 +
    display: none;
 +
    position: absolute;
 +
    background-color: #f9f9f9;
 +
    min-width: 160px;
 +
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 +
    z-index: 1;
 +
}
 +
 +
.dropdown-content a {
 +
    color: black;
 +
    padding: 12px 16px;
 +
    text-decoration: none;
 +
    display: block;
 +
    text-align: left;
 +
}
 +
 +
.dropdown-content a:hover {background-color: #f1f1f1}
 +
 +
.dropdown:hover .dropdown-content {
 +
    display: block;
 +
}
 +
 +
html {
 +
  padding: 40px;
 +
  background: #ecf0f1;
 +
}
 +
 +
h1 {
 +
  color: #2c3e50;
 +
  text-transform: uppercase;
 +
  text-align: center;
 +
  font-size: 14px;
 +
  line-height: 21px;
 +
  letter-spacing: 10px;
 +
  margin: 48px auto 0;
 +
}
 +
 +
h1 + p {
 +
  font-size: 14px;
 +
  font-family: serif;
 +
  font-style: italic;
 +
  color: #b5bfc1;
 +
  text-align: center;
 +
  border-top: 1px dotted #ccc;
 +
  width: 360px;
 +
  padding: 12px;
 +
  margin: 12px auto 48px;
 +
}
 +
</style>
  
  

Revision as of 08:10, 2 July 2018