Template:Team:DukeMenu/CSS

From 2014.igem.org

(Difference between revisions)
Line 38: Line 38:
}
}
-
.demo_container { width:980px; margin:0 auto; }
+
.menu { width:980px; margin:0 auto; }
 +
.menu li {
 +
display:inline;
 +
}
 +
 
#demo_top_wrapper { margin:0 0 20px 0; }
#demo_top_wrapper { margin:0 0 20px 0; }
#demo_top { height:100px; padding:20px 0 0 0; }
#demo_top { height:100px; padding:20px 0 0 0; }
Line 44: Line 48:
   
   
/* our menu styles */
/* our menu styles */
-
#sticky_navigation_wrapper { width:100%; height:50px; }
+
#sticky_nav_wrap { width:100%; height:50px; }
#sticky_navigation { width:100%; height:50px; background:url(trans-black-60.png); -moz-box-shadow: 0 0 5px #999; -webkit-box-shadow: 0 0 5px #999; box-shadow: 0 0 5px #999; }
#sticky_navigation { width:100%; height:50px; background:url(trans-black-60.png); -moz-box-shadow: 0 0 5px #999; -webkit-box-shadow: 0 0 5px #999; box-shadow: 0 0 5px #999; }
#sticky_navigation ul { list-style:none; margin:0; padding:5px; }
#sticky_navigation ul { list-style:none; margin:0; padding:5px; }
Line 109: Line 113:
     <!-- a header with a logo just to have some content before the menu -->
     <!-- a header with a logo just to have some content before the menu -->
     <div id="demo_top">
     <div id="demo_top">
-
         <div class="demo_container">
+
         <div class="menu">
             <div id="my_logo">Our logo</div>
             <div id="my_logo">Our logo</div>
         </div>
         </div>
Line 115: Line 119:
   
   
     <!-- this will be our navigation menu -->
     <!-- this will be our navigation menu -->
-
     <div id="sticky_navigation_wrapper">
+
     <div id="sticky_nav_wrap">
         <div id="sticky_navigation">
         <div id="sticky_navigation">
-
             <div class="demo_container">
+
             <div class="menu">
                 <ul>
                 <ul>
-
                     <li><a href="#" class="selected">HOME</a></li>
+
                     <li><a href="#">HOME</a></li>
-
                     <li><a href="#">ABOUT US</a></li>
+
                     <li><a href="#">TEAM</a></li>
-
                     <li><a href="#">SERVICES</a></li>
+
                     <li><a href="#">TEAM PROFILE</a></li>
-
                     <li><a href="#">CLIENTS</a></li>
+
                     <li><a href="#">PROJECTS</a></li>
-
                     <li><a href="#">PARTNERS</a></li>
+
                     <li><a href="#">PARTS</a></li>
-
                     <li><a href="#">CONTACT</a></li>
+
                     <li><a href="#">MODELING</a></li>
                 </ul>
                 </ul>
             </div>
             </div>

Revision as of 21:32, 25 July 2014

Retrieved from "http://2014.igem.org/Template:Team:DukeMenu/CSS"