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

Latest revision as of 22:33, 21 October 2019

.igem_2019_team_menu{

    display:none;

} html{

   position: center;   
   overflow-x:hidden;

} body{

   margin: 0 auto;

} a{

   text-decoration: none !important;

}

content {

   width: 100%;
   margin-left:0;
   padding: 0;
   border: none;
   background-color: white;
   position: relative;

}

top_title {

   display: none;

} p{

   color:#1c5a5a;
   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;

}

.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;
   font-size: 127%;

}

.igem_top_bar img {

   position:relative;
   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: white !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;

}

.main {

   position: relative;
   background-color: #eff8f8;

}

a {

   text-decoration: none;

}

.main_top .top_image{

   width: 100%;
   padding-top:3.2rem;

}

pi {

   padding-bottom: 3vw;

}

Members,
Instructor,
Advisors,
Student_Leaders,
pi {

   position: relative;
   width: 100%;
   overflow: auto;
   z-index: 0;

}

.main_headline {

   font-size: 3vw;
   color: #1c5a5a;
   text-align: center;
   margin: 3vw auto;
   line-height: 5vw;

}

.main_headline span {

   padding: 0 5vw;
   position: relative;
   z-index: 2;

}

.main_headline span:before {

   content: ;
   background: #1c5a5a;
   width: 15vw;
   height: 1px;
   display: inline-block;
   position: absolute;
   left: -15vw;
   top: 2vw;

}

.main_headline span:after {

   content: ;
   background: #1c5a5a;
   width: 15vw;
   height: 1px;
   display: inline-block;
   position: absolute;
   right: -15vw;
   top: 2vw;

}

.line {

   display: none;

}

pi {

   z-index: 1;

}

pi img {

   border-radius: 10%;
   width: 15vw;

}

.pi_fang{

   margin-left: 9rem;
   margin-right: 9rem;

}

.pi_fang .fang_photo{

   float:left;
   text-align: center;
   color: #1c5a5a;
   padding-right: 3rem;

} .pi_fang .fang_name{

   font-size: 1.3rem;
   padding-top: 3.3rem;
   font-weight: bold;

} .pi_fang .fang_intro{

    padding-top:1.5rem;
    font-size: 1rem;
    line-height: normal;

}

.SL_main{

   width: 32rem;
   height:20rem;
   margin:0 auto;

} .table a {

   display:block;
   width:14rem;
   text-decoration:none;
   color:#000;

} .table{

   width:14rem;
   position: relative;
   overflow: hidden;
   font-family: arial, sans-serif;
   border:0;
   padding: 1rem 1rem;
   float:left;
   display: inline;

} .table img{

   border: 0;
   width: 100%;

} .table i{

   display:block;
   width:14rem;
   position:absolute;
   left:0;
   top:300px;
   z-index:1;
   background:#000;
   filter: alpha(opacity=40);

filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);

   opacity:0.40;
   -webkit-transition: all 0.6s ease-in-out;

} .table p {

   display:block;
   width:14rem;
   position:absolute;
   top:17.9rem;
   z-index:1;
   background:transparent;
   font-size:0.75rem;
   color:#fff;
   padding:0;
   margin:0;
   line-height:1rem;
   -webkit-transition: all 0.6s ease-in-out;

} .table p b {

   display:block;
   font-size:1.4rem;
   color:#fc0;
   text-align:center;
   margin:0;
   padding:0;
   line-height:1.9rem;
   background-color:white;
   opacity: 0.8;

} .table p span {

   display:block;
   padding:0.625rem;
   line-height:1.25rem;
   background-color: white;
   opacity: 0.8;
   padding-bottom: 300px;
   color: black;

} .table a:hover {

   direction:ltr;

} .table a:hover i {

   top:0;

} .table a:hover p {

   top:2rem;

} .clear {

   clear:left;

}

.members_main{

   width: 64rem;
   height:80rem;
   margin:0 auto;

} .instructors_main{

   width: 64rem;
   height:20rem;
   margin:0 auto;

} .advisors_main{

   width: 64rem;
   height:80rem;
   margin:0 auto;

} .footer{

   padding-top: 10%;
   margin:0 ;

}

.footer_bottom{

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

} .footer_bottom p{

   text-align: center !important;

}