Difference between revisions of "Template:Kyoto/header"

Line 1: Line 1:
 
{{Kyoto}}
 
{{Kyoto}}
 
<html>
 
<html>
 +
<style>
 +
#header{
 +
  position:fixed;
 +
  width:70%;
 +
  margin-right:0;
 +
}
 +
ul.nv { position:fixed;
 +
  width:100%;
 +
  min-height: 40px;
 +
  position: relative;
 +
  font-size: 0px;
 +
}     
 +
ul.nv li {
 +
  width: 12.5%;
 +
  display: inline-block;
 +
  list-style-type: none;
 +
  position: relative;
 +
  vertical-align: center;
 +
  text-align: center;
 +
  font-size:20px;
 +
  letter-spacing: normal;
 +
  font-family: serif, 'Times New Roman';
 +
  margin-bottom:0px;
 +
  white-space:nowrap;
 +
}
 +
 +
ul.nv a {
 +
  background-color: #556c14;
 +
  color: white;             
 +
  line-height: 40px;       
 +
  text-align: center;       
 +
  text-decoration: none;   
 +
  font-weight: bold;       
 +
  display: block;           
 +
}
 +
ul.nv a:hover {
 +
  background-color: #aade29;
 +
  color: #000000;           
 +
}
 +
  ul.nv li:hover ul {
 +
  display: block;
 +
}
 +
 
 +
ul.nv ul{
 +
  width: 100%;
 +
  display: none;
 +
  margin: 0px;
 +
  padding: 0px;
 +
  position: absolute;
 +
  white-space:normal;
 +
  font-size:0;
 +
}
 +
ul.nv ul li {
 +
  width: 100%;           
 +
  border-top: 1px solid ;
 +
  text-align : center;
 +
  font-family: serif, 'Times New Roman';
 +
  white-space:normal;
 +
}
 +
ul.nv ul li a {
 +
  line-height: 1.5em;   
 +
  text-align: center;     
 +
  padding-left: 5px;   
 +
  font-weight: normal; 
 +
}
 +
ul.nv ul li a:hover {
 +
  background-color: #aade29;
 +
  color: #000000;           
 +
}
 +
</style>
 +
<body>
 
   <div id="header">
 
   <div id="header">
−
  <header>
+
  <header>
 
     <ul class="nv">
 
     <ul class="nv">
 
         <li><a href="https://2017.igem.org/Team:Kyoto">
 
         <li><a href="https://2017.igem.org/Team:Kyoto">
Line 48: Line 119:
 
       </header>
 
       </header>
 
   </div>
 
   </div>
 +
</body>
 
</html>
 
</html>

Revision as of 15:31, 30 October 2017