Difference between revisions of "Team:NKU China/css/style"

Line 99: Line 99:
  
 
}
 
}
<!--.active{
+
.active{
 
     background-color:#e4b9b9;
 
     background-color:#e4b9b9;
 
     color:#eee;
 
     color:#eee;
}-->
+
}
  
  
Line 115: Line 115:
 
}
 
}
 
.new-wrapper{
 
.new-wrapper{
        background: #adadad;
 
 
         margin-top:-10vmin;
 
         margin-top:-10vmin;
 
}
 
}

Revision as of 09:30, 3 September 2017

#top_menu_14 {
           box-sizing: content-box;
       }
       #top_menu_inside {
           box-sizing: content-box;
           height: 16px;
       }
       #sideMenu, #top_title {
           display: none;
       }
       #mw-content-text > p {
           margin: 0px;
       }
       #content {
           width: 100vw;
           padding: 0px;
           margin: 0px;
       }
  1. mw-content-text>p{
   height:0;

}

  1. top_menu_under

{

   line-height:1;

}

  1. bars_item{
   line-height:1;

}

  1. user_item{
   line-height:1;

} body{

   overflow-x:hidden;
      }

@font-face {

   font-family: 'CHERL';
   src: url('https://static.igem.org/mediawiki/2017/c/c1/T--NKU_China--CHERL_eot.eot');
   src: local('☺'),
   url('https://static.igem.org/mediawiki/2017/6/67/T--NKU_China--CHERL_woff.woff') format('woff'),
   url('https://static.igem.org/mediawiki/2017/2/26/T--NKU_China--CHERL_ttf.ttf') format('truetype'), 
   url('https://static.igem.org/mediawiki/2017/4/4c/T--NKU_China--CHERL_svg.svg') format('svg');
   font-weight: normal;
   font-style: normal;}

@font-face {

   font-family: 'Futura LT Medium';
   src: url('https://static.igem.org/mediawiki/2017/2/23/T--NKU_China--futura-lt-medium.eot');
   src: local('☺'),
   url('https://static.igem.org/mediawiki/2017/c/ca/T--NKU_China--futura-lt-medium_woff.woff') format('woff'), 
   url('https://static.igem.org/mediawiki/2017/b/b7/T--NKU_China--futura-lt-medium_ttf.ttf') format('truetype'), 
   url('https://static.igem.org/mediawiki/2017/8/89/T--NKU_China--futura-lt-medium_svg.svg') format('svg');
   font-weight: normal;
   font-style: normal;

} @font-face {

   font-family: 'Futura LT Light';
   src: url('https://static.igem.org/mediawiki/2017/3/3d/T--NKU_China--futura-It-light_eot.eot');
   src: local('☺'),
   url('https://static.igem.org/mediawiki/2017/1/1e/T--NKU_China--futura-lt-light_woff.woff') format('woff'), 
   url('https://static.igem.org/mediawiki/2017/6/6b/T--NKU_China--futura-lt-light_ttf.ttf') format('truetype'), 
   url('https://static.igem.org/mediawiki/2017/7/76/T--NKU_China--futura-lt-light_svg.svg') format('svg');
   font-weight: normal;
   font-style: normal;

}

.menu{

   text-align:center;
   padding-left: 0;
   margin-bottom:0;
   list-style: none;
   width: 100%;
   margin-top: 20px;
   height:auto;

} .menu>li{

   position: relative;
   display: block;
   text-align:center;
   font-family:'CHERL',sans-serif;
   font-size: 5vmin;
   margin-right: 20px;
   float: none;
   vertical-align: middle;
   height:20vmin;
   }

.menu>li>a{

   position: relative;
   display: block;
   padding: 10px 15px;
   text-decoration: none;
   color:#000;
   border-radius: 4px;
   margin-bottom: 5px;
   text-align: center;

} .active{

   background-color:#e4b9b9;
   color:#eee;

}


@media (min-width: 768px) {

   .menu> li {
       display: table-cell;
       width: 1%;
   }
   .menu> li > a {
       margin-bottom: 0;
   }

} .new-wrapper{

       margin-top:-10vmin;

} .introduction{

   font-size: x-large;
   margin-top:5vmin;
   margin-bottom:10vmin;
   font-family: "Futura LT Medium",sans-serif;
   line-height: 1.42857143;

}

  1. header{
   text-align: center;
   font-size: 50px;
   font-family: "Futura LT Medium",sans-serif;

} .sub-header{

   display:flex;
   justify-content:center;
   align-items:center;
   padding-bottom: 0;
   line-height: 60px;
   font-size:30px;

} footer{

   background-color:#999;
   color:#FFF;
   text-align:center;
   min-height:200px;
   font-family: "Futura LT Light",sans-serif;
   padding-top:0;

} .button-buttom{

   font-size:20px;
   height:50px;
   line-height: 50px;
   width:50px;
   text-align: center;
   vertical-align: middle;
   color:#eee;
   background-color: transparent;
   border-color: #ebebeb;
   border-radius: 100%;
   -webkit-transition-duration: 0.4s; /* Safari */
   transition-duration: 0.4s;

} .button-buttom:hover{

   background-color: #ebebeb;
   color:#000;

}

.button-buttom:active:after {

   padding: 0;
   margin: 0;
   opacity: 1;
   transition: 0s

} .contact-info{

   text-align: left;

} ul.share-group{

   margin:0 auto;
   display:block;
   width:1080px;
   padding-top:0;
   }

.share-group li{

   display:inline-block;
   padding:10px;

} address{

   text-align: left;
   font-size: medium;
   }

.copyright{

   padding-bottom:20px;

}