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

(Undo revision 234705 by IsaacZ (talk))
 
(44 intermediate revisions by 3 users not shown)
Line 1: Line 1:
#home_logo, #sideMenu {
 
        display:none;
 
}
 
#sideMenu, #top_title, .patrollink  {
 
        display:none;
 
}
 
#content {
 
        padding:0px; width:100%; margin-top:-7px; margin-left:0px;
 
}
 
 
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 {
 
        margin-bottom: 0px;
 
}
 
 
@font-face {
 
@font-face {
    font-family: 'CHERL';
+
    font-family: 'Hotpizza';
    src: url('https://static.igem.org/mediawiki/2017/c/c1/T--NKU_China--CHERL_eot.eot');
+
    src: url('https://static.igem.org/mediawiki/2017/7/7d/T--NKU_China--hotpizza_eot.eot');
     src: local(''),
+
    url('https://static.igem.org/mediawiki/2017/d/d8/T--NKU_China--hotpizza_ttf.ttf') format('truetype'),
     url('https://static.igem.org/mediawiki/2017/6/67/T--NKU_China--CHERL_woff.woff') format('woff'),
+
    url('https://static.igem.org/mediawiki/2017/0/0e/T--NKU_China--hotpizza_svg.svg') format('svg'),
     url('https://static.igem.org/mediawiki/2017/2/26/T--NKU_China--CHERL_ttf.ttf') format('truetype'),  
+
    url('https://static.igem.org/mediawiki/2017/f/fb/T--NKU_China--hotpizza_woff.woff') format('woff');
     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 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-weight: normal;
 
     font-style: normal;}
 
     font-style: normal;}
Line 24: Line 18:
 
     font-family: 'Futura LT Medium';
 
     font-family: 'Futura LT Medium';
 
     src: url('https://static.igem.org/mediawiki/2017/2/23/T--NKU_China--futura-lt-medium.eot');
 
     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/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/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');
 
     url('https://static.igem.org/mediawiki/2017/8/89/T--NKU_China--futura-lt-medium_svg.svg') format('svg');
 
     font-weight: normal;
 
     font-weight: normal;
     font-style: normal;
+
     font-style: normal;}
}
+
 
@font-face {
 
@font-face {
     font-family: 'Futura LT Light';
+
     font-family: 'Georgia';
     src: url('https://static.igem.org/mediawiki/2017/3/3d/T--NKU_China--futura-It-light_eot.eot');
+
     src: url('https://static.igem.org/mediawiki/2017/a/a4/T--NKU_China--Georgia_eot.eot');
    src: local('☺'),
+
     url('https://static.igem.org/mediawiki/2017/2/26/T--NKU_China--Georgia_woff.woff') format('woff'),
     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/9/94/T--NKU_China--Georgia_ttf.ttf') format('truetype'),  
     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/1/11/T--NKU_China--Georgia_svg.svg') format('svg');
     url('https://static.igem.org/mediawiki/2017/7/76/T--NKU_China--futura-lt-light_svg.svg') format('svg');
+
 
     font-weight: normal;
 
     font-weight: normal;
     font-style: normal;
+
     font-style: normal;}
}
+
@font-face {
body{
+
     font-family: 'CHERL';
     overflow-x:hidden;
+
     src: url('https://static.igem.org/mediawiki/2017/c/c1/T--NKU_China--CHERL_eot.eot');
     background:adadad;
+
     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'),
.menu{
+
     url('https://static.igem.org/mediawiki/2017/4/4c/T--NKU_China--CHERL_svg.svg') format('svg');
    text-align:center;
+
     font-weight: normal;
    padding-left: 0;
+
     font-style: normal;}
    margin-bottom:0;
+
<!--HOME-->
    list-style: none;
+
     width: 100%;
+
    margin-top: 20px;
+
    height:20vmin;
+
}
+
.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;
+
 
+
}
+
 
+
.row-pict{
+
     display:none;
+
}
+
.row-text{
+
    display:inline-block;
+
}
+
.active{
+
     background-color:#e4b9b9;
+
     color:#eee;
+
}
+
 
+
 
+
@media (min-width: 768px) {
+
    .menu> li {
+
        display: table-cell;
+
        width: 1%;
+
    }
+
    .menu> li > a {
+
        margin-bottom: 0;
+
    }
+
}
+
.wrapper{
+
        background: #adadad;
+
}
+
 
.introduction{
 
.introduction{
 
     font-size: x-large;
 
     font-size: x-large;
    margin-top:10vmin;
+
     font-family: "Georgia",sans-serif;
    margin-bottom:10vmin;
+
     font-family: "Futura LT Medium",sans-serif;
+
 
     line-height: 1.42857143;
 
     line-height: 1.42857143;
 
+
    color:#FFFFFF;}
}
+
.header{
#header{
+
    margin-top:50px;
     text-align: center;
+
     text-align: left;
     font-size: 50px;
+
     font-size: 60px;
     font-family: "Futura LT Book",sans-serif;
+
     font-family: "Futura LT Medium",sans-serif;}
}
+
 
.sub-header{
 
.sub-header{
 
     display:flex;
 
     display:flex;
Line 120: Line 56:
 
     padding-bottom: 0;
 
     padding-bottom: 0;
 
     line-height: 60px;
 
     line-height: 60px;
     font-size:30px;
+
     font-size:30px;}
}
+
.backgroundblur{
footer{
+
    filter: url(blur.svg#blur);      
    background-color:#333;
+
    -webkit-filter: blur(5px);  
    color:#FFF;
+
    -moz-filter: blur(5px);
    text-align:center;
+
    -ms-filter: blur(5px);  
    min-height:200px;
+
    filter: blur(5px);
    font-family: "Futura LT Light",sans-serif;
+
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=5, MakeShadow=false);
    padding-top:0;
+
    height: 110%;  
}
+
    width: 110%;  
.button-buttom{
+
    margin-top: -30px;  
    font-size:20px;
+
    margin-left: -30px;
    height:50px;
+
    position: fixed;
    line-height: 50px;
+
    z-index: -1;}
    width:50px;
+
.homepagelogo{
    text-align: center;
+
    z-index: 0;
    vertical-align: middle;
+
    height: 120px;
    color:#eee;
+
    margin-left: 8%;
    background-color: transparent;
+
    margin-top: 4%;}
    border-color: #ebebeb;
+
.homepageword{
    border-radius: 100%;
+
    z-index: 0;
    -webkit-transition-duration: 0.4s; /* Safari */
+
    height:220px;
    transition-duration: 0.4s;
+
    margin-left: 7%;
}
+
    margin-top: 3%;}
.button-buttom:hover{
+
.homeplaybutton{
    background-color: #ebebeb;
+
    z-index: 0;
    color:#000;
+
    height: 60px;
}
+
    margin-left: 10%;
 
+
    margin-top: 1%;}
.button-buttom:active:after {
+
.homefirstpage{
    padding: 0;
+
    height:100vmin;}
    margin: 0;
+
     </style>
    opacity: 1;
+
<!--FOOTER-->
    transition: 0s
+
<!--HEADER-->
}
+
<!--OTHERS-->
.contact-info{
+
#mw-content-text {
    text-align: left;
+
     text-align: justify;
}
+
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;
+
 
}
 
}

Latest revision as of 17:51, 24 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;

}