Difference between revisions of "Template:Hong Kong-CUHK"

m
m
Line 3: Line 3:
 
<html>
 
<html>
 
<!-- Start of CSS-->
 
<!-- Start of CSS-->
 +
 
<style type="text/css">
 
<style type="text/css">
 
/* PAGE LAYOUT */
 
/* PAGE LAYOUT */
Line 15: Line 16:
  
 
/* Creates a container that will wrap all of the content inside your wiki pages. */
 
/* Creates a container that will wrap all of the content inside your wiki pages. */
 +
 +
#menu {
 +
position:ralative;
 +
z-index:8;
 +
margin-left:0px;
 +
width:100%; height:28px;
 +
background-color:#000;
 +
font-family:Raavi;
 +
}
 +
 +
#menu ul { list-style: none; margin: 0px; padding: 0px; list-style-type:none }
 +
 +
#menu ul li { float:left; margin-left:0px;width:120px auto;list-style:none;}
 +
 +
#menu ul li a { display:block; width:120px auto; height:28px auto; line-height:28px; text-align:left; font-size:19px;color:#fff;text-decoration: none;margin-top:3px;}
 +
 +
 +
#menu ul li a:hover {text-align:center;}
 +
 +
#menu ul li a#current {text-align:center;color:#fff;}
 +
 +
#menu ul li ul { border:0px solid #ccc; display:none; position:absolute;margin-top:-2px;height:50px auto; list-style-type:none;z-index:8;}
 +
 +
#menu ul li ul li { float:none; width:140px; background:#0099cc; margin:0;height:20px auto; list-style-type:none;z-index:8;}
 +
 +
#menu ul li ul li a {background:none;font-size:14px;height:20px auto;line-height: 15px none; text-align:center;border:1px solid #fff; list-style-type:none;margin-top:-3px;z-index:8;}
 +
 +
#menu ul li ul li a:hover {background:#004f7c; color:#fff;font-size:17px;height:20px auto;margin-top:-3px;}
 +
 +
#menu ul li:hover ul { display:block;}
 +
 +
#menu ul li.sfhover ul { display:block;}
  
 
#mainContainer {
 
#mainContainer {
Line 72: Line 105:
 
#mainContainer, #bannerContainer {
 
#mainContainer, #bannerContainer {
 
     width: 978px;
 
     width: 978px;
 +
}
 +
 +
#nav li
 +
{
 +
display: inline !important;
 +
list-style-type: none !important;
 +
padding-left: 30px;
 +
}
 +
 +
#nav a:link, #nav a:visited
 +
{
 +
color: #333;
 +
background-color: transparent;
 +
text-decoration: none;
 +
}
 +
 +
#nav a:hover, #nav a:active
 +
{
 +
color: #fff;
 +
background-color: #333;
 
}
 
}
  
Line 369: Line 422:
 
             {
 
             {
 
                 "title": "Home",
 
                 "title": "Home",
−
                 "bg-image": "https://placehold.it/80x80/0092C7/000000",
+
                 "bg-image": "https://static.igem.org/mediawiki/2015/1/1c/CUHK_Home_Logo.gif",
−
                 "bg-image-hover": "https://placehold.it/80x80/F3E59A/000000",
+
                 "bg-image-hover": "https://static.igem.org/mediawiki/2015/1/1c/CUHK_Home_Logo.gif",
 
                 "link": "https://2015.igem.org/Team:Hong_Kong-CUHK"
 
                 "link": "https://2015.igem.org/Team:Hong_Kong-CUHK"
 
             },
 
             },
Line 499: Line 552:
 
             <ul></ul>
 
             <ul></ul>
 
         </nav>
 
         </nav>
 +
 
     </div>
 
     </div>
 +
<p>
 +
<div id="menu">
 +
  <ul>
 +
<li class=""><a id="current" href="https://2012.igem.org/Team:XMU-China">&ensp;HOME&ensp;|</a></li>
 +
 +
<li class=""><a href="#" onmouseover="MM_effectBlind('hidel1', 500, '0%', '100%', false)">&ensp;TEAM&ensp;|</a>
 +
<ul><div id="hidel1">
 +
      <li class=""><a href="https://2012.igem.org/Team:XMU-China/teammembers">Our Team</a></li>
 +
      <li class=""><a href="https://2012.igem.org/Team:XMU-China/acknowledgement">Acknowledgement</a></li>
 +
 +
      <li class=""><a href="https://2012.igem.org/Team:XMU-China/ourcity%26ouruniversity">Our City &amp;<br>Our University</a></li>
 +
    </div></ul>
 +
</li>
 +
 +
<li class=""><a href="#" onmouseover="MM_effectBlind('hidel2', 500, '0%', '100%', false)">&ensp;PROJECT&ensp;|</a>
 +
<ul><div id="hidel2">
 +
      <li><a href="https://2012.igem.org/Team:XMU-China/abstract">Description</a></li>
 +
      <li class=""><a href="https://2012.igem.org/Team:XMU-China/background">Background<br>(Approach/
 +
      Program)</a></li>
 +
      <li class=""><a href="https://2012.igem.org/Team:XMU-China/digitaldisplay">Digital Display</a></li>
 +
      <li class=""><a href="https://2012.igem.org/Team:XMU-China/cellimmobilization">Cell Immobilization</a></li>
 +
<li><a href="https://2012.igem.org/Team:XMU-China/timedelay">Time Delay</a></li>
 +
      <li><a href="https://2012.igem.org/Team:XMU-China/modeling">Modeling</a></li>
 +
      <li><a href="https://2012.igem.org/Team:XMU-China/accomplishment">Accomplishment</a></li>
 +
 +
      <li><a href="https://2012.igem.org/Team:XMU-China/datapage">Data Page</a></li>
 +
      <li class=""><a href="https://2012.igem.org/Team:XMU-China/futureplan">Future Plan</a></li>
 +
      </div>
 +
    </ul>
 +
</li>
 +
 +
<li class=""><a href="#" onmouseover="MM_effectBlind('hidel3', 500, '0%', '100%', false)">&ensp;PARTS&ensp;|</a>
 +
    <ul><div id="hidel3">
 +
      <li><a href="https://2012.igem.org/Team:XMU-China/partssubmitted">Parts Submitted</a></li>
 +
      <li class=""><a href="https://2012.igem.org/Team:XMU-China/attributions">Attributions</a></li></div>
 +
    </ul>
 +
</li>
 +
 +
<li class=""><a href="#" onmouseover="MM_effectBlind('hidel4', 500, '0%', '100%', false)">&ensp;NOTEBOOK&ensp;|</a>
 +
<ul><div id="hidel4">
 +
      <li><a href="https://2012.igem.org/Team:XMU-China/brainstorm">Brainstorm</a></li>
 +
      <li><a href="https://2012.igem.org/Team:XMU-China/wetlabjournal">Wet Lab Journal</a></li>
 +
      <li><a href="https://2012.igem.org/Team:XMU-China/protocols">Protocols</a></li></div>
 +
    </ul>
 +
</li>
 +
 +
<li class=""><a href="https://2012.igem.org/Team:XMU-China/safety">&ensp;SAFETY&ensp;|</a></li>
 +
 +
<li><a href="https://2012.igem.org/Team:XMU-China/humanpractice" onmouseover="MM_effectBlind('hidel5', 500, '0%', '100%', false)">&ensp;HUMAN PRACTICE&ensp;|</a>
 +
    <ul><div id="hidel5">
 +
<li><a href="https://2012.igem.org/Team:XMU-China/openlabday">Open Lab Day</a></li>
 +
      <li><a href="https://2012.igem.org/Team:XMU-China/exhibition">Exhibition</a></li>
 +
     
 +
      <li><a href="https://2012.igem.org/Team:XMU-China/collaboration">Collaboration</a></li>
 +
      </div>
 +
    </ul>
 +
</li>
 +
 +
<li><a href="https://igem.org/Main_Page">&ensp;iGEM</a></li>
 +
 +
</ul>
 +
 +
</div>
 +
</p>
 +
 
     <!-- Start of menu -->
 
     <!-- Start of menu -->
 +
<!--
 
     <div id="menuContainer">
 
     <div id="menuContainer">
−
         <!-- This list is your menu, every list item is a menu button and nested listed become submenu buttons -->
+
 +
         <!-- This list is your menu, every list item is a menu button and nested listed become submenu buttons  
 
         <ul>
 
         <ul>
 
             <a href="https://2015.igem.org/Team:Hong_Kong-CUHK">
 
             <a href="https://2015.igem.org/Team:Hong_Kong-CUHK">
Line 588: Line 709:
 
     <!-- End of menu  -->
 
     <!-- End of menu  -->
 
     <!-- Start of content -->
 
     <!-- Start of content -->
−
     <div id="contentContainer">
+
    <!--
−
        <!--The closing tag for contentContainer should be placed at the bottom of each content page.-->
+
     <div id="contentContainer"> </div>
−
 
+
−
 
+
  
 
</html>
 
</html>

Revision as of 11:02, 28 August 2015