Difference between revisions of "Team:XMU-China/css/home"

Line 14: Line 14:
 
}
 
}
 
#bodyContent a[href ^="https://"], .link-https {
 
#bodyContent a[href ^="https://"], .link-https {
     padding-right: auto; !important
+
     padding-right: 18px !important;
 
}
 
}
  

Revision as of 12:51, 24 September 2019

/*.igem_2019_team_mobile_bar{

    display:none;

}*/ .igem_2019_team_menu{

    display:none;

}

@media only screen and (max-width: 1800px) .igem_2019_team_content {

   width: 100% !important;

}

  1. content{
   line-height: normal; !important

}

  1. bodyContent a[href ^="https://"], .link-https {
   padding-right: 18px !important;

}

html{

   position: center;   
   overflow-x:hidden;

} body{

   margin: 0 auto;

}

a{

   text-decoration: none !important;

}

.igem_2019_team_content .igem_2019_team_column_wrapper a {

   color: #3e4548; 
   font-weight: normal !important;

} .igem_2019_team_content .igem_2019_team_column_wrapper {

   margin: auto;
   max-width: 1400px;
   width: 100%; !important

} p{

   color:#1c5a5a;
   font-weight:normal;

} .igem_2019_team_content .igem_2019_team_column_wrapper p {

   font-weight:normal;

} .igem_2019_team_content .igem_2019_team_column_wrapper ul, .igem_2019_team_content .igem_2019_team_column_wrapper ol {

   padding:0px 0px !important;

}

.bg_main{

   background-image:url("/Users/zhaishiyi/Downloads/home_bg.png");
   background-position:50% 0%;
   background-size: 100% ;
   position: absolute;
   background-repeat: no-repeat;
   margin:0 auto; 
   width:1300px;
   height: 100%;

}

.igem_top_bar {

   height: 3.5rem;
   width: 100%;
   margin:18px 0px;
   background:rgb(255, 255, 255);
   position: fixed; 
   top: 0%;
   margin-bottom: 5px;
   display:block !important;
   z-index: 111;
   box-shadow: 0px 3px 6px #888888;

}

.igem_top_bar img {

   position:fixed;
   height: 50px;
   margin-left: 10px;
   float: left;

}

.nav ul li{

   float:right;
   margin:0 10px;
   list-style-type:none;
   display:inline;
   position:relative;
   text-align: center;

} .nav ul li a{

   color:#3e4548;
   font-family:Arial;
   display:block;
   padding-top:10px;
   padding-bottom:10px;
   padding-left:18px;
   padding-right:18px;

} .nav ul li a:hover{

   color: #FFFFFF !important;
   background-color: #1c5a5a !important;

} .nav ul li span{

   display:block;

} .nav ul li ul{

   background:rgb(255, 255, 255);
   position: relative;
   display:none;
   padding-left:0;
   margin-left:0;
   line-height: 0em !important;

} .nav ul li ul li{

   float:none;
   text-align: center;
   padding-left:0;
   padding-right:0;

} .nav ul li ul li a{

   padding-top:20px;
   padding-bottom:20px;

} .nav ul li:hover ul{

   display: block;

}


@font-face{

   font-family: myfont;
   src:url('https://static.igem.org/mediawiki/2019/8/89/T--XMU-China--321Perfect.ttf');

}

.main {

   background:none !important;
   background-color: #FFFFFF;

}

.main_top{

   position: relative;
   padding-top: 20vw;
   padding-bottom: 40vw;

} .main .main_top div{

   position: relative;
   left:14%;
   font-family: myfont;
   color:#1c5a5a;
   font-size: 45px;

}

.main .main_top p{

   position: relative;
   left:14%;
   color:#1c5a5a;
   padding:2rem 0rem;

}

.center{

   padding-top: 0;

}


.project img{

   position: relative;
   width: 10rem;
   float: left;
   left:8%;
   cursor: pointer;
   transition: all 0.6s;

}

.project img:hover{

   transform: scale(1.4);

}

.project div{

   position: relative;
   left:10%;
   font-family: myfont;
   color:#1c5a5a;
   font-size: 30px;
   text-align: left;

}

.project p{

   position: relative;
   left:10%;
   color:#1c5a5a;
   line-height: 170%;
   font-weight:normal;

}

.modeling img{

   position: relative;
   width: 10rem;
   left:32%;
   cursor: pointer;
   transition: all 0.6s;

}

.modeling img:hover{

   transform: scale(1.4);

}

.modeling div{

   position: relative;
   left:72%;
   font-family: myfont;
   color:#1c5a5a;
   font-size: 30px;
   text-align: left;

} .modeling p{

   position: relative;
   left:72%;
   color:#1c5a5a;
   line-height: 170%;
   font-weight:normal;

}

.software img{

   position: relative;
   width: 10rem;
   left:-30%;
   cursor: pointer;
   transition: all 0.6s;

}

.software img:hover{

   transform: scale(1.4);

}

.software div{

   position: relative;
   left:9%;
   font-family: myfont;
   color:#1c5a5a;
   font-size: 30px;
   text-align: left;

} .software p{

   position: relative;
   left:9%;
   color:#1c5a5a;
   line-height: 170%;
   font-weight:normal;

}

.humen_practices div{

   position: relative;
   left:67%;
   font-family: myfont;
   color:#1c5a5a;
   font-size: 30px;
   text-align: left;

} .humen_practices p{

   position: relative;
   left:67%;
   color:#1c5a5a;
   line-height: 170%;
   font-weight:normal;

} .humen_practices img{

   position: relative;
   width: 10rem;
   left:30%;
   cursor: pointer;
   transition: all 0.6s;

}

.humen_practices img:hover{

   transform: scale(1.4);

}

.team{

   padding-top: 10%;

} .team img{

   position: relative;
   width: 10rem;
   float:left;
   left:10%;
   cursor: pointer;
   transition: all 0.6s;

}

.team img:hover{

   transform: scale(1.4);

}

.team div{

   position: relative;
   left:15%;
   font-family: myfont;
   color:#1c5a5a;
   font-size: 30px;
   text-align: left;

} .team p{

   position: relative;
   left:15%;
   color:#1c5a5a;
   line-height: 170%;
   font-weight:normal;

}

.footer{

   padding-top: 10%;
   margin:0 ;

} .footer_top{

   float:left;
   width: 70%;

} .footer_top .footer_top_pic1{

   width: 137px;
   position: relative;
   padding-left: 35%;


} .footer_top .footer_top_pic2{

   width: 153px;
   position: relative;
   padding-left: 14%;

}

.contact_us ul li{

   display: inline;

}

.contact_us ul li img{

   width: 1.7rem;
   position: relative;
   float: left;

}

.contact_us ul li p {

   font-size: 1rem!important;

}

.footer_bottom{

   padding-top: 30px;
   padding-bottom: 20px;

} .footer_bottom p{

   text-align: center !important;

}