Difference between revisions of "Team:CSU CHINA/Team"

Line 20: Line 20:
 
                     align-items: center;
 
                     align-items: center;
 
                 }
 
                 }
−
/*-- portfolio-inner-page --*/
+
    /*-- portfolio-inner-page --*/
−
.portfolio h4{
+
    .portfolio h4 {
−
color:#000;
+
        color: #000;
−
font-size:18px;
+
        font-size: 18px;
−
}
+
    }
−
label.portfolio-line{
+
    label.portfolio-line {
−
display:block;
+
        display: block;
−
background-color:#000;
+
        background-color: #000;
−
width:10%;
+
        width: 10%;
−
margin:15px auto;
+
        margin: 15px auto;
−
height:2px;
+
        height: 2px;
−
}
+
    }
−
.portfolio h6{
+
    .portfolio h6 {
−
width:50%;
+
        width: 50%;
−
margin:0 auto 20px auto;
+
        margin: 0 auto 20px auto;
−
font-size:14px;
+
        font-size: 14px;
−
line-height:30px;
+
        line-height: 30px;
−
}
+
    }
−
.portfolio-grid1,.portfolio-grid2,.portfolio-grid3, .portfolio-grid6, .portfolio-grid4, .portfolio-grid5 {
+
    .portfolio-grid1,
−
margin-bottom:20px;
+
    .portfolio-grid2,
−
}
+
    .portfolio-grid3,
−
/*--SAP--*/
+
    .portfolio-grid6,
−
.sap_tabs{
+
    .portfolio-grid4,
−
clear:both;
+
    .portfolio-grid5 {
−
padding: 0;
+
        margin-bottom: 20px;
−
}
+
    }
−
.tab_box{
+
    /*--SAP--*/
−
background:#fd926d;
+
    .sap_tabs {
−
padding: 2em;
+
        clear: both;
−
}
+
        padding: 0;
−
.top1{
+
    }
−
margin-top: 2%;
+
    .tab_box {
−
}
+
        background: #fd926d;
−
.resp-tabs-list {
+
        padding: 2em;
−
    list-style: none;
+
    }
−
    padding: 0 0 3em;
+
    .top1 {
−
    margin: 0 auto;
+
        margin-top: 2%;
−
    text-align: center;
+
    }
−
}
+
    .resp-tabs-list {
−
.resp-tab-item {
+
        list-style: none;
−
    color: #333;
+
        padding: 0 0 3em;
−
    font-size: 1.1em;
+
        margin: 0 auto;
−
    font-weight: 500;
+
        text-align: center;
−
    cursor: pointer;
+
    }
−
    display: inline-block;
+
    .resp-tab-item {
−
    margin: 0;
+
        color: #333;
−
    text-align: center;
+
        font-size: 1.1em;
−
    list-style: none;
+
        font-weight: 500;
−
    outline: none;
+
        cursor: pointer;
−
    -webkit-transition: all 0.3s;
+
        display: inline-block;
−
    -moz-transition: all 0.3s;
+
        margin: 0;
−
    -ms-transition: all 0.3s;
+
        text-align: center;
−
    -o-transition: all 0.3s;
+
        list-style: none;
−
    transition: all 0.3s;
+
        outline: none;
−
    text-transform: uppercase;
+
        -webkit-transition: all 0.3s;
−
    margin: 0 0.3em 0;
+
        -moz-transition: all 0.3s;
−
border-bottom: 2px solid #fff;
+
        -ms-transition: all 0.3s;
−
color:#000;
+
        -o-transition: all 0.3s;
−
padding:10px 15px;
+
        transition: all 0.3s;
−
border:2px solid #23b684;
+
        text-transform: uppercase;
−
}
+
        margin: 0 0.3em 0;
 +
        border-bottom: 2px solid #fff;
 +
        color: #000;
 +
        padding: 10px 15px;
 +
        border: 2px solid #23b684;
 +
    }
 +
    .resp-tab-active {
 +
        background-color: #23b684;
 +
        color: #fff;
 +
    }
 +
    .resp-tabs-container {
 +
        padding: 0px;
 +
        clear: left;
 +
    }
 +
    h2.resp-accordion {
 +
        cursor: pointer;
 +
        padding: 5px;
 +
        display: none;
 +
    }
 +
    .resp-tab-content {
 +
        display: none;
 +
    }
 +
    .resp-content-active,
 +
    .resp-accordion-active {
 +
        display: block;
 +
    }
 +
    .tab_img {
 +
        padding: 2em 0 0;
 +
        display: inline-block;
 +
    }
 +
    .portfolio-grids {
 +
        float: left;
 +
    }
 +
    .portfolio-grids a {
 +
        display: block;
 +
        overflow: hidden;
 +
        position: relative;
 +
    }
 +
    .portfolio-grids img.img-responsive {
 +
        width: 100%;
 +
    }
 +
    .b-wrapper {
 +
        background: rgba(0, 0, 0, 0.7);
 +
        position: absolute;
 +
        width: 100%;
 +
        height: 100%;
 +
        bottom: 0%;
 +
        left: 0;
 +
        -webkit-transition: .5s all;
 +
        -moz-transition: .5s all;
 +
        transition: .5s all;
 +
        -webkit-transform: scale(0);
 +
        -moz-transform: scale(0);
 +
        transform: scale(0);
 +
        -o-transform: scale(0);
 +
        -ms-transform: scale(0);
 +
    }
 +
    .portfolio-grids a:hover .b-wrapper {
 +
        -webkit-transform: scale(1);
 +
        -moz-transform: scale(1);
 +
        transform: scale(1);
 +
        -o-transform: scale(1);
 +
        -ms-transform: scale(1);
 +
    }
 +
    .b-wrapper h5,
 +
    .b-wrapper h2 {
 +
        font-size: 2.5em;
 +
        color: #fff;
 +
        text-align: center;
 +
        padding: 30% 0;
 +
        font-weight: 300;
 +
    }
 +
    img.zoom-img {
 +
        -webkit-transform: scale(1, 1);
 +
        transform: scale(1, 1);
 +
        -moz-transform: scale(1, 1);
 +
        -ms-transform: scale(1, 1);
 +
        -o-transform: scale(1, 1);
 +
        transition-timing-function: ease-out;
 +
        -webkit-transition-timing-function: ease-out;
 +
        -moz-transition-timing-function: ease-out;
 +
        -ms-transition-timing-function: ease-out;
 +
        -o-transition-timing-function: ease-out;
 +
        -webkit-transition-duration: 2s !important;
 +
        -moz-transition-duration: 2s !important;
 +
        transition-duration: 2s !important;
 +
    }
 +
    img.zoom-img:hover,
 +
    .portfolio-grids:hover img.zoom-img {
 +
        -webkit-transform: scale(1.2);
 +
        transform: scale(1.2);
 +
        -moz-transform: scale(1.2);
 +
        -ms-transform: scale(1.2);
 +
        -o-transform: scale(1.2);
 +
        overflow: hidden;
 +
    }
 +
    /*-- //portfolio-inner-page --*/
 +
    @media(max-width: 991px) {
 +
        button.navbar-toggler {
 +
            background: #fff;
 +
            border-radius: 0px;
 +
        }
 +
        .resp-tab-item {
 +
            padding: 10px 38px;
 +
            margin-bottom: 0.5em;
 +
        }
 +
    }
 +
</style>
  
−
.resp-tab-active {
+
<body>
−
  background-color:#23b684;
+
<div class="container Topbox ">
−
color:#fff;
+
</div>
−
+
    <div id="portfolio" class="portfolio">
−
}
+
        <div class="container">
−
.resp-tabs-container {
+
            <div class="sap_tabs">
−
padding: 0px;
+
                <div id="horizontalTab">
−
clear: left;
+
                    <ul class="resp-tabs-list">
−
}
+
                        <li class="resp-tab-item"><span> Students  </span>
−
h2.resp-accordion {
+
                        </li>
−
cursor: pointer;
+
                        <li class="resp-tab-item"><span>Team Leader</span>
−
padding: 5px;
+
                        </li>
−
display: none;
+
                        <li class="resp-tab-item"><span>Instructors</span>
−
}
+
</li>
−
.resp-tab-content {
+
                    </ul>
−
display: none;
+
                    <div class="clearfix"></div>
−
}
+
                    <div class="resp-tabs-container">
−
.resp-content-active, .resp-accordion-active {
+
                        <div class="tab-1 resp-tab-content row">
−
  display: block;
+
                            <div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid1">
−
}
+
                                <a href="https://static.igem.org/mediawiki/2019/7/7f/T--CSU_CHINA--TM_DWX.jpg" data-lightbox="example-set" data-title="I'm Duan Wenxin，an atypical biology student with broad avocations. Fond of history ，international relations and other fields of social sciences. Also，a 'former' military fancier and 'senior' player of Steam（by Valve Corporation）is certainly portrayal of mine. As for my own profession，l have strong enthusiasm on exploring the fields of cancer immunity and cancer microenvironment. In our project，l mainly take part in Experiments and have responsibility on editing text materials about Lab part. Owning deeply understanding and holding strong confidence on our design of circuit，l conform my brief that we will tell our wonderful story satisfactoriy. Now，Project needs that every one will do his duty！
 +
<br>Email address:
 +
<br>mat117621190@163.com
 +
">
 +
                                    <img src="https://static.igem.org/mediawiki/2019/7/7f/T--CSU_CHINA--TM_DWX.jpg" class="img-responsive zoom-img" alt="" />
 +
                                    <div class="b-wrapper">
 +
                                        <h2>Wenxin Duan</h2>
 +
                                    </div>
 +
</a>
 +
 +
                            </div>
 +
                            <div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid2">
 +
                                <a href="https://static.igem.org/mediawiki/2019/9/98/T--CSU_CHINA--TM_CZ.jpg" data-lightbox="example-set" data-title="As a senior fan of science fiction and animation, I love classical music and literature. I am good at looking for romantic color from realistic works. One particular characteristic of me is that I have skeptical spirit, also I do not like to go forward along the stereotype.
  
−
.tab_img{
+
It is my dream to achieve individual’s personal reality through biological technics.
−
padding:2em 0 0;
+
−
display: inline-block;
+
In our iGEM project, my major job is screening tumor specific transcription factors, designing Sponge and participating in other experimental work..
−
}
+
<br>Email address:
−
.portfolio-grids {
+
<br>thehomeofsea@gmail.com OR 791863987@qq.com
−
float:left;
+
">
−
}
+
                                    <img src="https://static.igem.org/mediawiki/2019/9/98/T--CSU_CHINA--TM_CZ.jpg" class="img-responsive zoom-img" alt="" />
−
.portfolio-grids a {
+
                                    <div class="b-wrapper">
−
    display: block;
+
                                        <h5>Zuo Chen</h5>
−
    overflow: hidden;
+
                                    </div>
−
position:relative;
+
                                </a>
−
}
+
                            </div>
−
.portfolio-grids img.img-responsive {
+
                            <div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid3">
−
width: 100%;
+
                                <a href="https://static.igem.org/mediawiki/2019/f/ff/T--CSU_CHINA--TM_LZJ.jpg" data-lightbox="example-set" data-title="It is my great honor to have this opportunity to introduce myself here.I am glad to participate in the iGEM project, which help me obtain more knowledge and skills and benefited me a lot.
−
}
+
In my spare time, I enjoy reading some classical Chinese poems and lyrics. From the classical Chinese literature, I can restore inner peace, being fully committed and confident to work efficiently.
−
.b-wrapper {
+
  <br>Email address：
−
    background: rgba(0, 0, 0, 0.7);
+
  <br>zhjli1998@gmail.com
−
    position: absolute;
+
  ">
−
    width: 100%;
+
                                    <img src="https://static.igem.org/mediawiki/2019/f/ff/T--CSU_CHINA--TM_LZJ.jpg    " class="img-responsive zoom-img" alt="" />
−
    height: 100%;
+
                                    <div class="b-wrapper">
−
    bottom: 0%;
+
                                        <h5>Zhangjie Li</h5>
−
    left: 0;
+
                                    </div>
−
-webkit-transition: .5s all;
+
                                </a>
−
-moz-transition: .5s all;
+
                            </div>
−
    transition: .5s all;
+
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid4">
−
-webkit-transform: scale(0);
+
<a href="https://static.igem.org/mediawiki/2019/a/ad/T--CSU_CHINA--TM_ZYQ.jpg" data-lightbox="example-set" data-title=" I am an undergraduate student from Central Southern University of China. During this project, I have participated in both lab and art group. I enjoy coming up with new ideas during our group meeting and sometimes I even give advice to the wiki and HP group (which makes me looks a little officious [sadface]). Thank to the senior students in our lab, I have leant a lot from our experiment.
−
-moz-transform: scale(0);
+
−
    transform: scale(0);
+
−
-o-transform: scale(0);
+
−
-ms-transform: scale(0);
+
−
}
+
−
.portfolio-grids a:hover .b-wrapper{
+
−
-webkit-transform: scale(1);
+
−
-moz-transform: scale(1);
+
−
    transform: scale(1);
+
−
-o-transform: scale(1);
+
−
-ms-transform: scale(1);
+
−
}
+
−
.b-wrapper h5, .b-wrapper h2 {
+
−
    font-size: 2.5em;
+
−
    color: #fff;
+
−
    text-align: center;
+
−
    padding: 30% 0;
+
−
    font-weight: 300;
+
−
}
+
−
img.zoom-img{
+
−
-webkit-transform: scale(1, 1);
+
−
    transform: scale(1, 1);
+
−
-moz-transform: scale(1, 1);
+
−
-ms-transform: scale(1, 1);
+
−
-o-transform: scale(1, 1);
+
−
transition-timing-function: ease-out;
+
−
-webkit-transition-timing-function: ease-out;
+
−
-moz-transition-timing-function: ease-out;
+
−
-ms-transition-timing-function: ease-out;
+
−
-o-transition-timing-function: ease-out;
+
−
-webkit-transition-duration: 2s !important;
+
−
-moz-transition-duration: 2s !important;
+
−
transition-duration: 2s !important;
+
−
}
+
−
img.zoom-img:hover,.portfolio-grids:hover img.zoom-img{
+
−
-webkit-transform: scale(1.2);
+
−
transform: scale(1.2);
+
−
-moz-transform: scale(1.2);
+
−
-ms-transform: scale(1.2);
+
−
-o-transform: scale(1.2);
+
−
overflow: hidden;
+
−
}
+
−
/*-- //portfolio-inner-page --*/
+
−
@media(max-width: 991px) {
+
−
button.navbar-toggler {
+
−
        background: #fff;
+
−
border-radius: 0px;
+
−
}
+
−
.resp-tab-item {
+
−
padding: 10px 38px;
+
−
margin-bottom: 0.5em;}
+
−
}
+
−
/* Preload images */
+
−
body:after {
+
−
  content: url('https://static.igem.org/mediawiki/2019/d/d6/T--CSU_CHINA--TM_close.png') url(../images/loading.gif) url('https://static.igem.org/mediawiki/2019/0/04/T--CSU_CHINA--TM_pre.png') url('https://static.igem.org/mediawiki/2019/b/be/T--CSU_CHINA--TM_next.png');
+
−
  display: none;
+
−
}
+
  
−
.lightboxOverlay {
+
In my spear time, I’m a huge fan of ACG and I enjoy reading, my favorite fiction is the Harry Potter series.
−
  position: absolute;
+
<br>Email address：
−
  top: 0;
+
<br>lindsayyqzhang@gmail.com or 2801170216@csu.edu.cn
−
  left: 0;
+
">
−
  z-index: 9999;
+
<img src="https://static.igem.org/mediawiki/2019/a/ad/T--CSU_CHINA--TM_ZYQ.jpg" class="img-responsive zoom-img" alt="" />
−
  background-color: black;
+
<div class="b-wrapper">
−
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
+
<h5>Yunqian Zhang</h5>
−
  opacity: 0.8;
+
</div>
−
  display: none;
+
</a>
−
}
+
</div>
 +
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid4">
 +
<a href="https://static.igem.org/mediawiki/2019/e/ee/T--CSU_CHINA--TM_ZMM.jpg" data-lightbox="example-set" data-title="I’m a third-year medical student in Central South University. With great passion to reveal the disease nature of TNBC and explore potential treatment, she has been involved in part of lab work, human practice， as well as writing periodic summary in the team.
 +
<br>Email address：
 +
<br>mmzhuang1999@outlook.com
 +
">
 +
<img src="https://static.igem.org/mediawiki/2019/e/ee/T--CSU_CHINA--TM_ZMM.jpg" class="img-responsive zoom-img" alt="" />
 +
<div class="b-wrapper">
 +
<h5>Miaomiao Zhuang </h5>
 +
</div>
 +
</a>
 +
</div>
 +
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid4">
 +
<a href="https://static.igem.org/mediawiki/2019/5/53/T--CSU_CHINA--TM_SQX.jpg" data-lightbox="example-set" data-title="My name is Qingxin Shi, a 21-year-old boy from Central South University. My major is life science and now I’m a senior student. This year is my second time to enjoy myself in iGEM and I am an advisor of our team CSU_CHINA. I’m so glad to master many new skills to make me better and make many outstanding new friends. iGEM makes my life more colorful and I want to meet more interesting friends. Let’s do our best here!
 +
<br>Email address：
 +
<br>sqx98625@csu.edu.cn
 +
">
 +
<img src="https://static.igem.org/mediawiki/2019/5/53/T--CSU_CHINA--TM_SQX.jpg" class="img-responsive zoom-img" alt="" />
 +
<div class="b-wrapper">
 +
<h5>Qingxin Shi</h5>
 +
</div>
 +
</a>
 +
</div>
 +
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid4">
 +
<a href="https://static.igem.org/mediawiki/2019/b/b5/T--CSU_CHINA--TM_GXT.jpg" data-lightbox="example-set" data-title="I am an ordinary junior student fighting for biology. I could master biological knowledge, but I still have no idea about programming. My biggest interest and hobby is painting since I was a child, and some small pictures I drawn give me the opportunity to participate in iGEM this time, and served as a member of the art team. During the competition, I also came into contact with many fields that I had not known much before, such as the design of team uniforms. Although it was not perfect, I felt very happy every time I saw a little closer to the result. Maybe this is the sense of achievement brought by the competition or painting itself. I also hope that I can continue to work hard in the future, whether it is doing biology or sticking to my hobby.
 +
<br>Email address：
 +
<br>bjgxt109@163.com
 +
">
 +
<img src="https://static.igem.org/mediawiki/2019/b/b5/T--CSU_CHINA--TM_GXT.jpg" class="img-responsive zoom-img" alt="" />
 +
<div class="b-wrapper">
 +
<h5>Xutong Guo</h5>
 +
</div>
 +
</a>
 +
</div>
 +
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid4">
 +
<a href="https://static.igem.org/mediawiki/2019/8/8e/T--CSU_CHINA--TM_ZSJ.jpg" data-lightbox="example-set" data-title="My name is Shijie Zeng, a 18-year-old boy, currently studying at Central South University majored in biological science. I’m mainly in charge of the web design part of our whole IGEM project. In my spare time, I enjoy playing football and fitness. Discussing research progress and exchanging ideas about science especially in the field of Cytobiology is also my favor. I’m outgoing and willing to make friends.
 +
<br>Email address：
 +
<br>shijie.zeng@csu.edu.cn
 +
">
 +
<img src="https://static.igem.org/mediawiki/2019/8/8e/T--CSU_CHINA--TM_ZSJ.jpg" class="img-responsive zoom-img" alt="" />
 +
<div class="b-wrapper">
 +
<h5>Shijie Zeng</h5>
 +
</div>
 +
</a>
 +
</div>
 +
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid4">
 +
<a href="https://static.igem.org/mediawiki/2019/c/ca/T--CSU_CHINA--TM_CHT.jpg" data-lightbox="example-set" data-title="I am Chen Haotian, a student majored in clinical medicine. I like observing and thinking when contacting with people in life, which always takes unique ideas to my mind. Maybe I am a little serious when I focus on studying and working, but in fact I am really friendly and kind to friends and strangers in daily life. So after seeing my cool picture, come to contract me and become friends! Lady first, I am still single now!
 +
<br>Email address：
 +
<br>1927526465@qq.com
 +
">
 +
<img src="https://static.igem.org/mediawiki/2019/c/ca/T--CSU_CHINA--TM_CHT.jpg" class="img-responsive zoom-img" alt="" />
 +
<div class="b-wrapper">
 +
<h5>Haotian Chen</h5>
 +
</div>
 +
</a>
 +
</div>
 +
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid4">
 +
<a href="https://static.igem.org/mediawiki/2019/5/53/T--CSU_CHINA--TM_ZCT.jpg" data-lightbox="example-set" data-title="Hello,my name is Zhang Changteng, a member mainly participating human practice of our team. I major in anesthesiology in Xiangya school of medicine. In human practice group, I get on well with my team members and complete some challenges. In addition, some original ideas sometimes crush in my mind especially when we start a brainstorm. As far as I am concerned, In such a medical project, we aim to act not only full of originality but also full of loving care heart. Through human practice, we have a better knowledge of how meaningfully we act. I gained more and achieved more since I joined in Human practice.
 +
<br>Email address:
 +
<br>2801160127@csu.edu.cn
 +
">
 +
<img src="https://static.igem.org/mediawiki/2019/5/53/T--CSU_CHINA--TM_ZCT.jpg" class="img-responsive zoom-img" alt="" />
 +
<div class="b-wrapper">
 +
<h5>Changteng Zhang</h5>
 +
</div>
 +
</a>
 +
</div>
 +
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid4">
 +
<a href="https://static.igem.org/mediawiki/2019/a/a3/T--CSU_CHINA--TM_QSN.jpg" data-lightbox="example-set" data-title="My name is Qu Shiyan, a member mainly finishing the work of human practice of CSU_CHINA 2019. I am the youngest in our team so I have received much help from the elder students in our team. Although I am the youngest in our team, I am not shy at all. I like talking with different people and I also have many fresh ideas. Thus, I always came to somewhere with my teammates to talk with people there and get feedback for our project. I always keep so active in our team that I am like a brick and I can go anywhere if needed.
 +
<br>Email address：
 +
<br>1303396865@qq.com
 +
">
 +
<img src="https://static.igem.org/mediawiki/2019/a/a3/T--CSU_CHINA--TM_QSN.jpg" class="img-responsive zoom-img" alt="" />
 +
<div class="b-wrapper">
 +
<h5>Shiyan Qu</h5>
 +
</div>
 +
</a>
 +
</div>
 +
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid4">
 +
<a href="https://static.igem.org/mediawiki/2019/2/2f/T--CSU_CHINA--TM_YJL.jpg" data-lightbox="example-set" data-title="Hello~I’m Jiali You from the human practices team.  As a member of the hp team, I often come into contact with experts in various fields and listen to their suggestions for our project. Just as an old saying goes：' I'm a piece of brick, where necessary where the removal.'
 +
<br>Email address：
 +
<br>2801170222@csu.edu.cn
 +
">
 +
<img src="https://static.igem.org/mediawiki/2019/2/2f/T--CSU_CHINA--TM_YJL.jpg" class="img-responsive zoom-img" alt="" />
 +
<div class="b-wrapper">
 +
<h5>Jiali You</h5>
 +
</div>
 +
</a>
 +
</div>
 +
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid4">
 +
<a href="https://static.igem.org/mediawiki/2019/6/60/T--CSU_CHINA--TM_WDY.jpg" data-lightbox="example-set" data-title=" As a member of the lab group, I learnt a lot during our experiment from the senior students in the lab. I remember the first time I went to the lab. I am the counterpart of a muggle who step into the bio-magical world. Some stupid even hilarious mistakes were made by myself, such as charging the electrode of the electrophoresis in an opposite way.
  
−
.lightbox {
+
Speaking about my hobbies, I must say it aloud: Nintendo is the god of the world!
−
  position: absolute;
+
<br>Email address：
−
  left: 0;
+
<br>WangDanyang@csu.edu.cn
−
  width: 100%;
+
">
−
  z-index: 10000;
+
<img src="https://static.igem.org/mediawiki/2019/6/60/T--CSU_CHINA--TM_WDY.jpg" class="img-responsive zoom-img" alt="" />
−
  text-align: center;
+
<div class="b-wrapper">
−
  line-height: 0;
+
<h5>Danyang Wang</h5>
−
  font-weight: normal;
+
</div>
−
}
+
</a>
 +
</div>
 +
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid4">
 +
<a href="" data-lightbox="example-set" data-title=" ">
 +
<img src="" class="img-responsive zoom-img" alt="" />
 +
<div class="b-wrapper">
 +
<h5></h5>
 +
</div>
 +
</a>
 +
</div>
  
−
.lightbox .lb-image {
+
                            <div class="clearfix"></div>
−
  display: block;
+
                        </div>
−
  height: auto;
+
                        <div class="tab-1 resp-tab-content">
−
  max-width: inherit;
+
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid4">
−
  -webkit-border-radius: 3px;
+
<a href="https://static.igem.org/mediawiki/2019/0/04/T--CSU_CHINA--TM_DYF0.jpg" data-lightbox="example-set" data-title="I am the student leader of CSU_CHINA this year…I do not really like this title LOL] To be exact, the servant employed by all team members. Just Kidding [doge].
−
  -moz-border-radius: 3px;
+
To be short, I hope iGEM in CSU to be a harmonious union filled with active aspiration, creative brain hole, and academic spirits.
−
  -ms-border-radius: 3px;
+
What needs to emphasis, I organized this team only for a dream, seeded in my deep heart.
−
  -o-border-radius: 3px;
+
  <br>Email address:
−
  border-radius: 3px;
+
<br>dongyfyoyo@qq.com
−
}
+
">
 +
<img src="https://static.igem.org/mediawiki/2019/0/04/T--CSU_CHINA--TM_DYF0.jpg" class="img-responsive zoom-img" alt="" />
 +
<div class="b-wrapper">
 +
<h5>Yufan Dong</h5>
 +
</div>
 +
</a>
 +
</div>
 +
                            <div class="clearfix"></div>
 +
                        </div>
 +
                        <div class="tab-1 resp-tab-content">
 +
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid4">
 +
<a href="https://static.igem.org/mediawiki/2019/7/76/T--CSU_CHINA--TM_LJD.jpg" style="width: 150%;"data-lightbox="example-set" data-title="Jiada Li received the Ph.D. degree in Shanghai Institute of Biochemistry and Cell Biology, Chinese Academy of Sciences, Republic of China, in 2001. After graduation, he did his postdoctoral research in Universities of California, Irvine. Since July 2009, he joined the Medical Genetic Research Center at the Central South University, Changsha, Republic of China, where he currently serves as a Professor and the scientific director of Department of Cell Biology. His work is to study the pathogenesis of major genetic diseases in humans at the level of cell and mouse models, and develop new therapeutic approaches.
 +
e-mail: lijiada@sklmg.edu.cn ">
 +
<img src="https://static.igem.org/mediawiki/2019/7/76/T--CSU_CHINA--TM_LJD.jpg" class="img-responsive zoom-img" style="height:214px; width:50%"alt="" />
 +
<div class="b-wrapper">
 +
<h5>Li Jiada</h5>
 +
</div>
 +
</a>
 +
</div>
 +
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid4">
 +
<a href="https://static.igem.org/mediawiki/2019/3/30/T--CSU_CHINA--TM_LSN.jpg" data-lightbox="example-set" data-title="Shanni Li is the associate dean of School of Life Science at Central South University, Republic of China. Her research direction is Sports Biochemistry and Physiology. She has made outstanding progress in the long-term study of sports medicine.
 +
">
 +
<img src="https://static.igem.org/mediawiki/2019/3/30/T--CSU_CHINA--TM_LSN.jpg" class="img-responsive zoom-img" style="height:214px; width:50%" alt="" />
 +
<div class="b-wrapper">
 +
<h5>Li Shanni</h5>
 +
</div>
 +
</a>
 +
</div>
 +
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid4">
 +
<a href="https://static.igem.org/mediawiki/2019/9/91/T--CSU_CHINA--TM_XK.jpg" data-lightbox="example-set" data-title="Kun Xia is the principal investigator of the Xia Lab, Medical Genetic Research Center at the Central South University, Changsha, Republic of China. He has made outstanding progress in the functional study of neurodegenerative pathogenic genes GJB3, Alzheimer's disease and Parkinson's disease related genes after his long-term commitment to genetic disease causative gene mapping, cloning and functional studies. e-mail: xiakun48@163.com ">
 +
<img src="https://static.igem.org/mediawiki/2019/9/91/T--CSU_CHINA--TM_XK.jpg" class="img-responsive zoom-img" style="height:214px; width:50%"/>
 +
<div class="b-wrapper">
 +
<h5>Xia Kun</h5>
 +
</div>
 +
</a>
 +
</div>
 +
                            <div class="clearfix"></div>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </div>
 +
    <!--script for portfolio-->
 +
<script src="https://2018.igem.org/Template:Valencia_UPV/lightboxminJS?action=raw&amp;ctype=text/javascript"></script>
 +
<script src="https://2019.igem.org/Template:CSU_CHINA/JS/easyResponsiveTabsjs?action=raw&amp;ctype=text/javascript"></script>
 +
    <script type="text/javascript">
 +
        $(document).ready(function () {
 +
            $('#horizontalTab').easyResponsiveTabs({
 +
                type: 'default', //Types: default, vertical, accordion         
 +
                width: 'auto', //auto or any width like 600px
 +
                fit: true // 100% fit in a container
 +
            });
 +
        });
 +
    </script>
 +
    <!--//script for portfolio-->
 +
</body>
  
−
.lightbox a img {
+
</html>
−
  border: none;
+
−
}
+
−
 
+
−
.lb-outerContainer {
+
−
  position: relative;
+
−
  background-color: white;
+
−
  *zoom: 1;
+
−
  width: 250px;
+
−
  height: 250px;
+
−
  margin: 0 auto;
+
−
  -webkit-border-radius: 4px;
+
−
  -moz-border-radius: 4px;
+
−
  -ms-border-radius: 4px;
+
−
  -o-border-radius: 4px;
+
−
  border-radius: 4px;
+
−
}
+
−
 
+
−
.lb-outerContainer:after {
+
−
  content: "";
+
−
  display: table;
+
−
  clear: both;
+
−
}
+
−
 
+
−
.lb-container {
+
−
  padding: 4px;
+
−
}
+
−
 
+
−
.lb-loader {
+
−
  position: absolute;
+
−
  top: 43%;
+
−
  left: 0;
+
−
  height: 25%;
+
−
  width: 100%;
+
−
  text-align: center;
+
−
  line-height: 0;
+
−
}
+
−
 
+
−
.lb-cancel {
+
−
  display: block;
+
−
  width: 32px;
+
−
  height: 32px;
+
−
  margin: 0 auto;
+
−
  background: url(../images/loading.gif) no-repeat;
+
−
}
+
−
 
+
−
.lb-nav {
+
−
  position: absolute;
+
−
  top: 0;
+
−
  left: 0;
+
−
  height: 100%;
+
−
  width: 100%;
+
−
  z-index: 10;
+
−
}
+
−
 
+
−
.lb-container > .nav {
+
−
  left: 0;
+
−
}
+
−
 
+
−
.lb-nav a {
+
−
  outline: none;
+
−
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
+
−
}
+
−
 
+
−
.lb-prev, .lb-next {
+
−
  height: 100%;
+
−
  cursor: pointer;
+
−
  display: block;
+
−
}
+
−
 
+
−
.lb-nav a.lb-prev {
+
−
  width: 34%;
+
−
  left: 0;
+
−
  float: left;
+
−
  background: url('https://static.igem.org/mediawiki/2019/0/04/T--CSU_CHINA--TM_pre.png') 2% no-repeat;
+
−
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
+
−
  opacity: 0;
+
−
  -webkit-transition: opacity 0.6s;
+
−
  -moz-transition: opacity 0.6s;
+
−
  -o-transition: opacity 0.6s;
+
−
  transition: opacity 0.6s;
+
−
}
+
−
 
+
−
.lb-nav a.lb-prev:hover {
+
−
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
+
−
  opacity: 1;
+
−
}
+
−
 
+
−
.lb-nav a.lb-next {
+
−
  width: 50%;
+
−
  right: 0;
+
−
  float: right;
+
−
  background: url('https://static.igem.org/mediawiki/2019/b/be/T--CSU_CHINA--TM_next.png') 100% no-repeat;
+
−
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
+
−
  opacity: 0;
+
−
  -webkit-transition: opacity 0.6s;
+
−
  -moz-transition: opacity 0.6s;
+
−
  -o-transition: opacity 0.6s;
+
−
  transition: opacity 0.6s;
+
−
}
+
−
 
+
−
.lb-nav a.lb-next:hover {
+
−
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
+
−
  opacity: 1;
+
−
}
+
−
 
+
−
.lb-dataContainer {
+
−
  margin: 0 auto;
+
−
  padding-top: 5px;
+
−
  *zoom: 1;
+
−
  width: 100%;
+
−
  -moz-border-radius-bottomleft: 4px;
+
−
  -webkit-border-bottom-left-radius: 4px;
+
−
  border-bottom-left-radius: 4px;
+
−
  -moz-border-radius-bottomright: 4px;
+
−
  -webkit-border-bottom-right-radius: 4px;
+
−
  border-bottom-right-radius: 4px;
+
−
}
+
−
 
+
−
.lb-dataContainer:after {
+
−
  content: "";
+
−
  display: table;
+
−
  clear: both;
+
−
}
+
−
 
+
−
.lb-data {
+
−
  padding: 0 4px;
+
−
  color: #ccc;
+
−
}
+
−
 
+
−
.lb-data .lb-details {
+
−
    width: 90%;
+
−
    float: left;
+
−
    line-height: 1.1em;
+
−
    margin-top: 2em;
+
−
}
+
−
 
+
−
.lb-data .lb-caption {
+
−
    font-size: 13px;
+
−
    line-height: 1.8em;
+
−
    color: #fff;
+
−
text-align: center;
+
−
    letter-spacing: 1px;
+
−
}
+
−
 
+
−
.lb-data .lb-number {
+
−
    display: block;
+
−
    clear: left;
+
−
    padding-top: 1em;
+
−
    font-size: 1em;
+
−
    color: #fff;
+
−
text-align: left;
+
−
    font-weight: 600;
+
−
}
+
−
 
+
−
.lb-data .lb-close {
+
−
  display: block;
+
−
  float: right;
+
−
  width: 30px;
+
−
  height: 30px;
+
−
  margin-top: 1.5em;
+
−
  background: url('https://static.igem.org/mediawiki/2019/d/d6/T--CSU_CHINA--TM_close.png') top right no-repeat;
+
−
  text-align: right;
+
−
  outline: none;
+
−
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
+
−
  opacity: 0.7;
+
−
  -webkit-transition: opacity 0.2s;
+
−
  -moz-transition: opacity 0.2s;
+
−
  -o-transition: opacity 0.2s;
+
−
  transition: opacity 0.2s;
+
−
}
+
−
 
+
−
.lb-data
+

Revision as of 05:12, 20 October 2019

loading……

CSU_CHINA_TEAM