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

(text-align: justify)
Line 39: Line 39:
 
     font-weight: normal;
 
     font-weight: normal;
 
     font-style: normal;}
 
     font-style: normal;}
−
 
+
<!--HOME-->
−
 
+
.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>
 +
<!--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-->
 +
#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-->
 
#mw-content-text {
 
#mw-content-text {
 
     text-align: justify;
 
     text-align: justify;
 
}
 
}

Revision as of 01:01, 9 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>

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;}
  1. top_menu_14 {
           box-sizing: content-box;}
  1. top_menu_inside {
           box-sizing: content-box;
           height: 16px;}
  1. sideMenu, #top_title {
           display: none;}
  1. mw-content-text > p {
           margin: 0px;}
  1. 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;}

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

}