Team:NYMU-Taipei/menu.css

From 2014.igem.org

(Difference between revisions)

Revision as of 17:27, 5 June 2014

@font-face {

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

}

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); }

menu>ul{

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

menu>ul>li{

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

menu>ul>li>a{

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

menu>ul>li>a>span{

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

menu>ul>li>ul{

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

       width:152px;
       display:none;

}

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); }

menu>ul>li>ul>li>a{

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

@@ Line 40: / Line 40: @@
 	width: 140px;
 	height: 4px;
-	background-color: #E617DD;
+	border-top: 3px solid #E617DD;
 	display: block;
 	margin-top: 48px;