Difference between revisions of "Template:KoreaSonyeodul"

Line 40: Line 40:
 
<style type="text/css">
 
<style type="text/css">
  
 +
<!--navigation-->
 +
      .navigation {background-color: white;}
 +
      .navigation ul {margin-left: 250px;
 +
      padding:5px;
 +
      list-style:none;
 +
      }
 +
      .navigation li a {display: block;
 +
      padding: 10px;
 +
      color: #ffffff;
 +
      font-size: 20px;
 +
      text-decoration: none;
 +
      }
 +
      .navigation ul li {list-style: none;}
 +
      .navigation li a:hover {background-color: #eeeeee}
 +
      .navigation ul:after {content:"";
 +
      display: block;
 +
      clear: both}
 +
      .navigation li {float: left;
 +
      width: auto;
 +
      margin-left: 10px;
 +
      position: relative;
 +
      }
 +
      .navigation ul ul {display: none;
  
−
<!--navigation-->
 
−
.nav {
 
−
margin-left: 500px;
 
−
}
 
−
.navigation ul {margin-left: 0;
 
−
padding:5px;
 
−
list-style:none;
 
−
}
 
−
.navigation li a {display: block;
 
−
padding: 10px;
 
−
color: #ffffff;
 
−
font-size: 20px;
 
−
text-decoration: none;
 
−
}
 
−
.navigation ul li {list-style: none;}
 
−
.navigation li a:hover {background-color: #eeeeee}
 
−
.navigation ul:after {content:"";
 
−
display: block;
 
−
clear: both}
 
−
.navigation li {float: left;
 
−
width: auto;
 
−
margin-left: 10px;
 
−
position: relative;
 
−
}
 
−
.navigation ul ul {display: none;
 
  
 +
      }
 +
      .navigation>ul>li:hover ul{
 +
      display:block; width:auto; height:auto;
 +
      position: absolute; left:0; top:30px; list-style: none;
 +
 +
      }
 +
      .navigation li li a {float: left;}
 +
      .navigation li li{width:auto; height:auto; background-color:none; text-align:center;}
 +
 +
      body{
 +
      margin: 0;
 +
      background: url('https://static.igem.org/mediawiki/2016/e/ee/T--KoreaSonyeodul--TitleBackground.png');
 +
      background-size: 100%;
 +
      background-repeat: no-repeat;
 +
      background-attachment: top;
 +
      }
  
−
}
 
−
.navigation>ul>li:hover ul{
 
−
  display:block; width:auto; height:auto;
 
−
  position: absolute; left:0; top:30px; list-style: none;
 
  
−
}
 
−
.navigation li li a {float: left;}
 
−
.navigation li li{width:auto; height:auto; background-color:none; text-align:center;}
 
  
 
</style>
 
</style>

Revision as of 16:15, 2 September 2016