Team:NYMU-Taipei/menu.css

From 2014.igem.org

(Difference between revisions)
m
m
Line 38: Line 38:
#menu>ul>li>a>span{
#menu>ul>li>a>span{
position: absolute;
position: absolute;
-
width: 5px;
+
width: 140px;
-
height: 50px;
+
height: 4px;
background-color: #E617DD;
background-color: #E617DD;
display: block;
display: block;
-
margin-left: 3px;
+
margin-top: 48px;
 +
margin-left: 5px;
}
}

Revision as of 17:00, 5 June 2014

@font-face {

   font-family: "font1";
   src: url(http://sidigital.co/public/fonts/proximanova-bold-webfont.woff) format("woff");

}

  1. menu{

position:fixed; width:1100px; height:60px; background: rgba(255,255,255,1); margin-left: -60px; margin-top: 240px; box-shadow: 2px 2px 7px rgba(255,255,255,1); }

  1. menu>ul{

height:60px; margin-left: 5px; margin-right: 5px; }

  1. menu>ul>li{

display:inline-block; height:60px; width:152px; vertical-align:middle; font: 20px font1; line-height: 60px; }

  1. menu>ul>li>a{

display:block; cursor: pointer; height:60px; width:152px; text-align: center; text-decoration: none; }

  1. menu>ul>li>a>span{

position: absolute; width: 140px; height: 4px; background-color: #E617DD; display: block; margin-top: 48px; margin-left: 5px; }

  1. menu>ul>li>ul{

margin-top: 0px; margin-left: 0px;

       width:152px;
       display:none;

}

  1. menu>ul>li>ul>li{

display:inline-block; height:40px; vertical-align:middle; font: 17px font1; line-height: 40px; background: rgba(255,255,255,1); }

  1. menu>ul>li>ul>li>a{

display:block; cursor: pointer; height:40px; width:152px; text-align: center; text-decoration: none; }