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

Line 89: Line 89:
 
     </style>
 
     </style>
 
<!--FOOTER-->
 
<!--FOOTER-->
−
<!--footer{
 
−
    background-color:#1b2046;
 
−
    color:#FFFFFF;
 
−
    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;}-->
 
 
<!--HEADER-->
 
<!--HEADER-->
−
<!--#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;}
 
−
.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;}-->
 
 
<!--OTHERS-->
 
<!--OTHERS-->
 
#mw-content-text {
 
#mw-content-text {
 
     text-align: justify;
 
     text-align: justify;
 
}
 
}

Revision as of 16:48, 17 October 2017

@font-face { 

    font-family: 'Hotpizza';
    src: url('https://static.igem.org/mediawiki/2017/7/7d/T--NKU_China--hotpizza_eot.eot');
    url('https://static.igem.org/mediawiki/2017/d/d8/T--NKU_China--hotpizza_ttf.ttf') format('truetype'),
    url('https://static.igem.org/mediawiki/2017/0/0e/T--NKU_China--hotpizza_svg.svg') format('svg'),
    url('https://static.igem.org/mediawiki/2017/f/fb/T--NKU_China--hotpizza_woff.woff') format('woff');
    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');
   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;}

@font-face { 

   font-family: 'Futura LT Medium';
   src: url('https://static.igem.org/mediawiki/2017/2/23/T--NKU_China--futura-lt-medium.eot');
   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: 'Georgia';
   src: url('https://static.igem.org/mediawiki/2017/a/a4/T--NKU_China--Georgia_eot.eot');
   url('https://static.igem.org/mediawiki/2017/2/26/T--NKU_China--Georgia_woff.woff') format('woff'),
   url('https://static.igem.org/mediawiki/2017/9/94/T--NKU_China--Georgia_ttf.ttf') format('truetype'), 
   url('https://static.igem.org/mediawiki/2017/1/11/T--NKU_China--Georgia_svg.svg') format('svg');
   font-weight: normal;
   font-style: normal;}

@font-face { 

   font-family: 'CHERL';
   src: url('https://static.igem.org/mediawiki/2017/c/c1/T--NKU_China--CHERL_eot.eot');
   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;}

.introduction{ 

   font-size: x-large;
   font-family: "Georgia",sans-serif;
   line-height: 1.42857143;
   color:#FFFFFF;}

.header{ 

   margin-top:50px;
   text-align: left;
   font-size: 60px;
   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;}

.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:100vmin;}
   </style>
  1. mw-content-text {
   text-align: justify;

}