Difference between revisions of "Template:ElanVitalKorea"

(Created page with " <html> <script> </script> <div id='cssmenu'> <ul> <li class='active'><a href='index.html'>Home</a></li> <li class='has-sub '><a href='#'>Products</a> <...")
 
 
(146 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 +
{{ElanVitalKoreaMWlook}}
  
 
<html>
 
<html>
 +
<head>
 +
<style>
 +
  html, body, .wrapper{       
 +
        width: 100%;
 +
        height: 100%;
 +
        background-color: transparent;
 +
    }
  
 +
    #cssmenu
 +
    {
 +
    padding: 0;
 +
    margin: 0; border: 0;
 +
    text-align:center;
 +
    }
  
−
<script>
+
    #cssmenu ul, #cssmenu li
 +
    {
 +
    list-style: none;
 +
    margin: 0;
 +
    padding: 0;
 +
    }
  
−
</script>
+
    #cssmenu ul
 +
    {
 +
    position: relative;
 +
    z-index: 597;
 +
    display:inline-block;
 +
    list-style:none;
 +
    }
  
 +
    #cssmenu ul li
 +
    {
 +
    float: left;
 +
    min-height: 1px;
 +
    vertical-align: middle;
 +
    }
  
 +
    #cssmenu ul li.hover,
 +
    #cssmenu ul li:hover
 +
    {
 +
    position: relative;
 +
    z-index: 599;
 +
    cursor: default;
 +
    }
 +
 +
    #cssmenu ul ul
 +
    {
 +
    visibility: hidden;
 +
    position: absolute;
 +
    top: 100%;
 +
    left: 0;
 +
    z-index: 598;
 +
    width: 100%;
 +
    }
 +
 +
    #cssmenu ul ul li
 +
    {
 +
    float: none;
 +
    }
 +
 +
    #cssmenu ul ul ul
 +
    {
 +
    top: 0;
 +
    left: auto;
 +
    right: -99.5%;
 +
    }
 +
 +
    #cssmenu ul li:hover > ul
 +
    {
 +
    visibility: visible;
 +
    }
 +
 +
    #cssmenu ul ul
 +
    {bottom: 0; left: 0;
 +
    }
 +
 +
    #cssmenu ul ul
 +
    {margin-top: 0;
 +
    }
 +
 +
    #cssmenu ul ul li
 +
    {
 +
    font-weight: normal;
 +
    }
 +
 +
    #cssmenu a
 +
    {
 +
    display: block; line-height: 1em; text-decoration: none;
 +
    }
 +
 +
    #cssmenu li
 +
    {
 +
    text-align:left;
 +
    }
 +
 +
    #cssmenu
 +
    {
 +
    background: #333;
 +
    border-bottom: 4px solid #1b9bff;
 +
    font-family: 'Oxygen Mono', Tahoma, Arial, sans-serif;
 +
    font-size: 16px;
 +
    }
 +
 +
    #cssmenu > ul
 +
    {
 +
    *display: inline-block;
 +
    }
 +
 +
    #cssmenu:after, #cssmenu ul:after
 +
    {
 +
    content: '';
 +
    display: block;
 +
    clear: both;
 +
    }
 +
 +
    #cssmenu a
 +
    {
 +
    background: #333;
 +
    color: #CBCBCB;
 +
    padding: 0 20px;
 +
    }
 +
 +
    #cssmenu ul
 +
    {
 +
    text-transform: uppercase;
 +
    }
 +
 +
    #cssmenu ul ul
 +
    {
 +
    border-top: 4px solid #1b9bff;
 +
    text-transform: none;
 +
    min-width: 190px;
 +
    }
 +
 +
    #cssmenu ul ul a
 +
    {
 +
    background: #1b9bff;
 +
    color: #FFF;
 +
    border: 1px solid #0082e7;
 +
    border-top: 0 none;
 +
    line-height: 150%;
 +
    padding: 16px 20px;
 +
    }
 +
 +
    #cssmenu ul ul ul
 +
    {
 +
    border-top: 0 none;
 +
    }
 +
 +
    #cssmenu ul ul li
 +
    {
 +
    position: relative
 +
    }
 +
 +
    #cssmenu > ul > li > a
 +
    {
 +
    line-height: 48px;
 +
    }
 +
 +
    #cssmenu ul ul li:first-child > a
 +
    {
 +
    border-top: 1px solid #0082e7;
 +
    }
 +
 +
    #cssmenu ul ul li:hover > a
 +
    {
 +
    background: #35a6ff;
 +
    }
 +
 +
    #cssmenu ul ul li:last-child > a
 +
    {
 +
    border-radius: 0 0 3px 3px;
 +
    box-shadow: 0 1px 0 #1b9bff;
 +
    }
 +
 +
    #cssmenu ul ul li:last-child:hover > a
 +
    {
 +
    border-radius: 0 0 0 3px;
 +
    }
 +
 +
    #cssmenu ul ul li.has-sub > a:after
 +
    {
 +
    content: '+';
 +
    position: absolute;
 +
    top: 50%;
 +
    right: 15px;
 +
    margin-top: -8px;
 +
    }
 +
 +
    #cssmenu ul li:hover > a, #cssmenu ul li.active > a
 +
    {
 +
    background: #1b9bff;
 +
    color: #FFF;
 +
    }
 +
 +
    #cssmenu ul li.has-sub > a:after
 +
    {
 +
    content: '+';
 +
    margin-left: 5px;
 +
    }
 +
 +
    #cssmenu ul li.last ul
 +
    {
 +
    left: auto;
 +
    right: 0;
 +
    }
 +
    #cssmenu ul li.last ul ul
 +
    {
 +
    left: auto;
 +
    right: 99.5%;
 +
    }
 +
 +
</style>
 +
</head>
 +
<body>
  
 
<div id='cssmenu'>
 
<div id='cssmenu'>
 
   <ul>
 
   <ul>
−
    <li class='active'><a href='index.html'>Home</a></li>
+
     <li class='has-sub'><a href='#'>Team</a>
−
     <li class='has-sub '><a href='#'>Products</a>
+
 
         <ul>
 
         <ul>
−
           <li class='has-sub '><a href='#'>Product 1</a>
+
           <li><a href='https://2015.igem.org/Team:Elan_Vital_Korea/Members'>Members</a>
−
              <ul>
+
           <li><a href='https://2015.igem.org/Team:Elan_Vital_Korea/Attributions'>Attributions</a>
−
                <li><a href='#'>Sub Item</a></li>
+
−
                <li><a href='#'>Sub Item</a></li>
+
−
              </ul>
+
−
           </li>
+
−
          <li class='has-sub '><a href='#'>Product 2</a>
+
−
              <ul>
+
−
                <li><a href='#'>Sub Item</a></li>
+
−
                <li><a href='#'>Sub Item</a></li>
+
−
              </ul>
+
−
          </li>
+
 
         </ul>
 
         </ul>
−
     </li>
+
     <li class='has-sub'><a href='#'>Project</a>
−
     <li><a href='#'>About</a></li>
+
        <ul>
−
     <li><a href='#'>Contact</a></li>
+
          <li><a href='https://2015.igem.org/Team:Elan_Vital_Korea/Project_Overview'>Project Overview</a>
 +
          <li><a href='https://2015.igem.org/Team:Elan_Vital_Korea/Design'>Plasmids Design</a>
 +
          <li><a href='https://2015.igem.org/Team:Elan_Vital_Korea/Background'>Background Information</a>
 +
          <li><a href='https://2015.igem.org/Team:Elan_Vital_Korea/Parts'>Parts</a>
 +
          <li><a href='https://2015.igem.org/Team:Elan_Vital_Korea/Result'>Result</a>
 +
</ul>
 +
</li>
 +
 
 +
     <li class='has-sub'><a href='#'>Wetlab</a>
 +
        <ul>
 +
          <li><a href='https://2015.igem.org/Team:Elan_Vital_Korea/Protocol'>Protocol</a>
 +
          <li><a href='https://2015.igem.org/Team:Elan_Vital_Korea/Notebook'>Notebook</a>
 +
          <li><a href='https://2015.igem.org/Team:Elan_Vital_Korea/Safety'>Safety</a>
 +
</ul>
 +
</li>
 +
 
 +
     <li class='has-sub'><a href='#'>Human Practice</a>
 +
        <ul>
 +
          <li><a href='https://2015.igem.org/Team:Elan_Vital_Korea/Practices'>Practices</a>
 +
          <li><a href='https://2015.igem.org/Team:Elan_Vital_Korea/Collaborations'>Collaborations</a>
 +
          <li><a href='https://2015.igem.org/Team:Elan_Vital_Korea/Video'>Video</a>
 +
</ul>
 +
</li>
 +
    <li class='has-sub'><a href='#'>iGEM Resource</a>
 +
        <ul>
 +
          <li><a href='https://2015.igem.org/Team:Elan_Vital_Korea/Medal_Requirement'>Medal Requirement</a>
 
   </ul>
 
   </ul>
 +
</li>
 
</div>
 
</div>
 +
 +
 +
</body>
 +
 
</html>
 
</html>

Latest revision as of 23:33, 18 September 2015