Team:NYMU-Taipei/menu.css

From 2014.igem.org

(Difference between revisions)
m
m
Line 73: Line 73:
.header{
.header{
-
       height: 320px;
+
       height: 370px;
       background-image: url('/wiki/images/6/6c/NYMU14_mainlogo.png');
       background-image: url('/wiki/images/6/6c/NYMU14_mainlogo.png');
       background-repeat: no-repeat;
       background-repeat: no-repeat;
-
       background-position: left center;
+
       background-position: 0px 40px;
}
}
/*home css*/
/*home css*/

Revision as of 02:17, 12 July 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: 290px; box-shadow: 2px 2px 7px rgba(0,0,0,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; border-top: 3px solid #E617DD; display: block; margin-top: 48px; margin-left: 5px;

       opacity:0;

}

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

.header{

      height: 370px;
      background-image: url('/wiki/images/6/6c/NYMU14_mainlogo.png');
      background-repeat: no-repeat;
      background-position: 0px 40px;

} /*home css*/ .home1{

   min-height: 400px;
   width: 5000px;
   margin-left: -200px;

}

  1. home-one{
   background-color: rgb(190,190,190);
   box-shadow: -4px -4px 3px rgba(20%,20%,40%,1);

}

  1. home-two{
   background-color: rgb(245,245,245);
   box-shadow: inset 3px 3px 3px rgba(20%,20%,40%,0.5);

} /**/