Difference between revisions of "Template:Elanvitalkorea"

(Created page with "<span style="color:red"> It is red </span>")
 
 
(77 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
<span style="color:red"> It is red </span>
+
{{ElanVitalKoreaMWlook}}
 +
 
 +
<html>
 +
<head>
 +
<style>
 +
html, body, .wrapper{       
 +
        width: 100%;
 +
        height: 100%;
 +
        background-color: transparent;
 +
    }
 +
 
 +
#cssmenu {padding: 0; margin: 0; border: 0; text-align:center;}
 +
#cssmenu ul, #cssmenu li {list-style: none; margin: 0; padding: 0;}
 +
#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: 12px;
 +
}
 +
 
 +
  #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'>
 +
  <ul>
 +
    <li class='has-sub'><a href='#'>Team</a>
 +
        <ul>
 +
          <li><a href='#'>Members</a>
 +
          <li><a href='#'>Attribution</a>
 +
        </ul>
 +
    <li class='has-sub'><a href='#'>Project</a>
 +
        <ul>
 +
          <li><a href='#'>Project Overview</a>
 +
          <li><a href='#'>Background Information</a>
 +
          <li class='has-sub '><a>Method & Materials</a>
 +
              <ul>
 +
                <li><a href='#'>Plasmid Design</a></li>
 +
                <li><a href='#'>Protocols</a></li>
 +
              </ul>
 +
          <li><a href='#'>Result</a>
 +
          <li><a href='#'>Conclusions</a>
 +
          <li><a href='#'>Future Plans</a>
 +
</ul>
 +
</li>
 +
 
 +
    <li class='has-sub'><a href='#'>Wetlab</a>
 +
        <ul>
 +
          <li><a href='#'>Notebook</a>
 +
          <li><a href='#'>Protocal</a>
 +
          <li><a href='#'>Safety</a>
 +
</ul>
 +
</li>
 +
 
 +
    <li class='has-sub'><a href='#'>Human Practice</a>
 +
        <ul>
 +
          <li><a href='#'>Focus</a>
 +
          <li><a href='#'>Korea Youth Expo</a>
 +
          <li><a href='#'>Education & Public Awareness</a>
 +
          <li><a href='#'>Policy Recommendations</a>
 +
          <li><a href='#'>Blog</a>
 +
          <li><a href='#'>Interview</a>
 +
          <li><a href='#'>Regional Meet-ups</a>
 +
          <li><a href='#'>Articles</a>
 +
          <li><a href='#'>Video</a>
 +
          <li><a href='#'>Presentations</a>
 +
</ul>
 +
</li>
 +
 
 +
    <li class='has-sub'><a href='#'>iGEM Resource</a>
 +
        <ul>
 +
          <li><a href='#'>Medal Requirement</a>
 +
          <li><a href='#'>Module Description</a>
 +
  </ul>
 +
</li>
 +
</div>
 +
 
 +
 
 +
</body>
 +
 
 +
</html>

Latest revision as of 11:19, 31 August 2015