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

Revision as of 08:40, 11 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;}

mw-content-text>p {

   height:0;}

top_menu_under {

   line-height:1;}

bars_item {

   line-height: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;

} @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;
   background-color: #ffffff;}

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

.backgroundblur{

    filter: url(blur.svg#blur);       
    -webkit-filter: blur(5px); 
    -moz-filter: blur(5px);
    -ms-filter: blur(5px);    
    filter: blur(5px);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=5, MakeShadow=false); 	
    height: 110%; 
    width: 110%; 
    margin-top: -30px; 
    margin-left: -30px;
    position: fixed;
    z-index: -1;}

.homepagelogo{

    z-index: 0;
    height: 120px;
    margin-left: 8%;
    margin-top: 4%;}

.homepageword{

    z-index: 0;
    height:220px;
    margin-left: 7%;
    margin-top: 3%;}

.homeplaybutton{

    z-index: 0;
    height: 60px;
    margin-left: 10%;
    margin-top: 1%;}

.homefirstpage{

    height:100%;}