(5 intermediate revisions by 3 users not shown) | |||
Line 347: | Line 347: | ||
position: relative; | position: relative; | ||
} | } | ||
+ | @media (min-width: 768px) { | ||
.menu_logo_1 { | .menu_logo_1 { | ||
− | + | top: 18px; | |
− | + | left:10px; | |
− | + | z-index: 1000; | |
− | + | position: fixed; | |
− | + | ||
} | } | ||
.menu_logo_2 { | .menu_logo_2 { | ||
− | + | top: 18px; | |
− | + | left:100px; | |
− | + | z-index: 1000; | |
− | + | position: fixed; | |
− | + | } | |
+ | .nav-pills{ | ||
+ | font-size:8px; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | /* 中等屏幕(桌面显示器,大于等于992px) */ | ||
+ | @media (min-width: 992px) { | ||
+ | .menu_logo_1 { | ||
+ | top: 18px; | ||
+ | left:20px; | ||
+ | z-index: 1000; | ||
+ | position: fixed; | ||
+ | } | ||
+ | .menu_logo_2 { | ||
+ | top: 18px; | ||
+ | left:110px; | ||
+ | z-index: 1000; | ||
+ | position: fixed; | ||
+ | } | ||
+ | .nav-pills{ | ||
+ | font-size:10px; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | /* 大屏幕(大桌面显示器,大于等于1200px) */ | ||
+ | @media (min-width: 1200px) { | ||
+ | .menu_logo_1 { | ||
+ | top: 18px; | ||
+ | left:80px; | ||
+ | z-index: 1000; | ||
+ | position: fixed; | ||
+ | } | ||
+ | .menu_logo_2 { | ||
+ | top: 18px; | ||
+ | left:170px; | ||
+ | z-index: 1000; | ||
+ | position: fixed; | ||
+ | } | ||
+ | .nav-pills{ | ||
+ | font-size:12px; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
} | } | ||
Line 409: | Line 454: | ||
} | } | ||
.captionfull .boxcaption { | .captionfull .boxcaption { | ||
− | top: | + | top: 265; |
left: 0; | left: 0; | ||
} | } | ||
.caption .boxcaption { | .caption .boxcaption { | ||
− | top: | + | top: 265; |
left: 0; | left: 0; | ||
} | } | ||
Line 430: | Line 475: | ||
$(".cover", this).stop().animate({top:'140px'},{queue:false,duration:140}); | $(".cover", this).stop().animate({top:'140px'},{queue:false,duration:140}); | ||
}, function() { | }, function() { | ||
− | $(".cover", this).stop().animate({top:' | + | $(".cover", this).stop().animate({top:'265px'},{queue:false,duration:140}); |
}); | }); | ||
}); | }); | ||
Line 573: | Line 618: | ||
<div class="cover boxcaption"> | <div class="cover boxcaption"> | ||
<h3>Yuanzhe Shao</h3> | <h3>Yuanzhe Shao</h3> | ||
− | <p>I'm the | + | <p>I'm the greatest student leader.</p> |
</div> | </div> | ||
</div> | </div> | ||
Line 587: | Line 632: | ||
<div class="cover boxcaption"> | <div class="cover boxcaption"> | ||
<h3>Xiaoyang Li</h3> | <h3>Xiaoyang Li</h3> | ||
− | <p>Hi! My name is Xiaoyang Li, a Junior majoring in biotechnology of Huazhong University of S&T. And in this summer | + | <p>Hi! My name is Xiaoyang Li, a Junior majoring in biotechnology of Huazhong University of S&T. And in this summer vacation, I stayed at school and learned some experimental skills.</p> |
</div> | </div> | ||
</div> | </div> | ||
Line 594: | Line 639: | ||
<div class="cover boxcaption"> | <div class="cover boxcaption"> | ||
<h3>Efan Wang</h3> | <h3>Efan Wang</h3> | ||
− | <p>I | + | <p>I am a reliable member with excellent laboratory skills, always believing that practice makes perfect.</p> |
</div> | </div> | ||
</div> | </div> | ||
Line 603: | Line 648: | ||
<div class="cover boxcaption"> | <div class="cover boxcaption"> | ||
<h3>Yubei Sun</h3> | <h3>Yubei Sun</h3> | ||
− | <p> | + | <p>My major is bio-technology.I have a great passion for synthetic biology. </p> |
</div> | </div> | ||
</div> | </div> | ||
Line 654: | Line 699: | ||
<div class="cover boxcaption"> | <div class="cover boxcaption"> | ||
<h3>Longhao Jia</h3> | <h3>Longhao Jia</h3> | ||
− | <p>It is unbelievable for me to learn html, css, javascript, jquery, bootstrap and finish the wiki in three | + | <p>It is unbelievable for me to learn html, css, javascript, jquery, bootstrap and finish the wiki in three months. </p> |
</div> | </div> | ||
</div> | </div> | ||
Line 664: | Line 709: | ||
<div class="cover boxcaption"> | <div class="cover boxcaption"> | ||
<h3>Ziyi Li</h3> | <h3>Ziyi Li</h3> | ||
− | <p>Hello,my name is Ziyi Li. I am an outgoing and hardworking girl. My favourate thing is animation and I love | + | <p>Hello,my name is Ziyi Li. I am an outgoing and hardworking girl. My favourate thing is animation and I love Haikyuu!! best! My dream is to study further in Japan and be a scientist who would change the world! Fight, HUST-China! </p> |
</div> | </div> | ||
</div> | </div> | ||
Line 717: | Line 762: | ||
<div class="cover boxcaption"> | <div class="cover boxcaption"> | ||
<h3>Nan Hu</h3> | <h3>Nan Hu</h3> | ||
− | <p>I am Nan Hu and I am now studying in Tongji Medical of Huazhong University of Science and Technology. I am a calm and composed boy and I love the pursuit of truth.I believe the more you try,the more you get. </p> | + | <p>I am Nan Hu and I am now studying in Tongji Medical of Huazhong University of Science and Technology. I am a calm and composed boy and I love the pursuit of truth. I believe the more you try, the more you will get. </p> |
</div> | </div> | ||
</div> | </div> | ||
Line 727: | Line 772: | ||
<div class="cover boxcaption"> | <div class="cover boxcaption"> | ||
<h3>Ting Peng</h3> | <h3>Ting Peng</h3> | ||
− | <p>Hello, I'm Ting Peng. I'm a member of | + | <p>Hello, I'm Ting Peng. I'm a member of experimental group. </p> |
</div> | </div> | ||
</div> | </div> | ||
Line 734: | Line 779: | ||
<div class="cover boxcaption"> | <div class="cover boxcaption"> | ||
<h3>Yuqi Wu</h3> | <h3>Yuqi Wu</h3> | ||
− | <p>A member of our group for the | + | <p>A member of our group for the capture part. </p> |
</div> | </div> | ||
</div> | </div> |
Latest revision as of 05:55, 1 November 2017