Team:NYMU-Taipei/menu.css

From 2014.igem.org

Revision as of 16:58, 18 July 2014 by Hiwang123 (Talk | contribs)

@font-face {

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

} @font-face {

 font-family: 'font2';
 font-style: normal;
 font-weight: 400;
 src: local('Audiowide'), local('Audiowide-Regular'), url(http://themes.googleusercontent.com/static/fonts/audiowide/v2/8XtYtNKEyyZh481XVWfVOj8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');

} @font-face { font-family: 'font3'; font-style: normal; font-weight: 400; src: local('Just Another Hand'), local('JustAnotherHand-Regular'), url(http://fonts.gstatic.com/s/justanotherhand/v6/fKV8XYuRNNagXr38eqbRf8DbBFScDQWNirGEA9Q9Yto.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);

       z-index:3;
       border-radius: 7px;

}

  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;

}

.outlink{

      background-size:60px;
      min-height: 60px;
      min-width: 60px;
      display: inline-block;
      margin-top: 200px;
      position: fixed;
      z-index: 1;
      border-radius:9px;

} .outlink:hover{

      box-shadow: rgb(255,255,255) 0px 0px 12px 5px;

}

  1. toothy{
    display: inline-block;
    min-height: 100px;
    min-width: 95px;
    background: url('/wiki/images/7/7b/NYMU14_toothy.gif') no-repeat;
    background-size: 92px;
    position: fixed;
    z-index: 99;
    left: 50px;
    top: 100px;

}

  1. ol1{ background-image: url('/wiki/images/c/c7/NYMU14_schoollink2.png');}
  2. ol2{ background-image: url('/wiki/images/8/80/NYMU14_igemlink.png');}
  3. ol3{ background-image: url('/wiki/images/d/db/NYMU14_fblink2.png');}


/*home css*/ .home1{

   min-height: 400px;
   min-width: 1000px;
   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);

} /**/