Difference between revisions of "Template:UI-Indonesia/css/menu bar"

 
(23 intermediate revisions by one other user not shown)
Line 25: Line 25:
 
#cssmenu {
 
#cssmenu {
 
  background-color: #f8f8f8;
 
  background-color: #f8f8f8;
−
  border-bottom: 4px solid #15bdb6;
+
  border-bottom: 4px solid #eea69d;
 
  font-family: 'Titillium Web', Tahoma, sans-serif;
 
  font-family: 'Titillium Web', Tahoma, sans-serif;
 
  font-size: 14px;
 
  font-size: 14px;
Line 45: Line 45:
 
#cssmenu a {
 
#cssmenu a {
 
     background: #f8f8f8;
 
     background: #f8f8f8;
−
     color: #1e8380;
+
     color: #e74c3c;
 
     padding: 0 20px;  
 
     padding: 0 20px;  
 
}
 
}
Line 52: Line 52:
 
 
 
     #cssmenu ul ul {
 
     #cssmenu ul ul {
−
       border-top: 4px solid #15bdb6;
+
       border-top: 4px solid #e74c3c;
 
       text-transform: none;
 
       text-transform: none;
 
       min-width: 200px;  
 
       min-width: 200px;  
Line 58: Line 58:
  
 
       #cssmenu ul ul a {
 
       #cssmenu ul ul a {
−
         background: #15bdb6;
+
         background: #e74c3c;
 
         color: #FFF;
 
         color: #FFF;
−
         border: 1px solid #1e8380;
+
         border: 1px solid #ffffff;
 
         border-top: 0 none;
 
         border-top: 0 none;
 
         line-height: 150%;
 
         line-height: 150%;
Line 77: Line 77:
  
 
         #cssmenu ul ul li:last-child > a {
 
         #cssmenu ul ul li:last-child > a {
−
          border-radius: 0 0 5px 5px;
+
           box-shadow: 0 1px 0 #e74c3c;  
−
           box-shadow: 0 1px 0 #1e8380;  
+
 
}
 
}
 
          
 
          
−
#cssmenu ul ul li:last-child:hover > a { border-radius: 0 0 0 3px; }
+
#cssmenu ul ul li:last-child:hover > a { border-radius: 0 0 0 0; }
  
 
         #cssmenu ul ul li.has-sub > a:after {
 
         #cssmenu ul ul li.has-sub > a:after {
Line 91: Line 90:
 
}
 
}
 
      
 
      
−
#cssmenu ul li:hover > a, #cssmenu ul li.active > a {
+
#cssmenu ul li:hover > a, #cssmenu ul li.active > a {
−
       background: #1e8380;
+
       background: #e74c3c;
−
  border-radius: 5px 5px 5px 5px;
+
 
       color: #FFF;
 
       color: #FFF;
 
}
 
}
Line 130: Line 128:
  
 
<body>
 
<body>
−
<div id="nav-box">
 
−
<div id="cssmenu">
 
−
  <ul>
 
−
    <li class='active'><a href='#'>Home</a></li>
 
−
    <li class='has-sub'><a href='#'>Our Project</a></li>
 
−
<li class='has-sub'><a href='#'>Parts</a></li>
 
−
<li class='has-sub'><a href='#'>Modelling</a></li>
 
−
<li class='has-sub'><a href='#'>Human Practice</a>
 
−
<ul>
 
−
<li><a href=‘’>Education</a></li>
 
−
<li><a href=‘’>Social-Engagement</a></li>
 
−
<li><a href=‘’>Social Studies</a></li>
 
−
</ul>
 
−
</li>
 
−
<li class='has-sub'><a href='#'>Medal Criteria</a></li>
 
−
<li class='has-sub'><a href='#'>Team</a></li>
 
−
<li class='has-sub'><a href='#'>Team</a>
 
−
<ul>
 
−
<li><a href=‘’>Notebook</a></li>
 
−
<li><a href=‘’>Safety</a></li>
 
−
<li><a href='https://2016.igem.org/team:UI-Indonesia/Attributions'>Attributions</a></li>
 
−
<li><a href=‘’>Photo Collection</a></li>
 
−
</ul>
 
−
</li>
 
−
</ul>
 
−
</div>
 
−
</div>
 
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 03:29, 20 October 2016