Team:UESTC-China/HPtest.html

From 2014.igem.org

(Difference between revisions)
 
(9 intermediate revisions not shown)
Line 279: Line 279:
.middle-content p{
.middle-content p{
color: black;
color: black;
-
font-size: 16px;
+
font-size: 26px;
font-family: helveticallt,"微软雅黑";
font-family: helveticallt,"微软雅黑";
line-height: 20px;
line-height: 20px;
Line 323: Line 323:
li{  
li{  
color:white;
color:white;
-
}
 
-
 
-
/*rocket-to-top*/
 
-
*{list-style:none;border:0;}
 
-
#rocket-to-top div {
 
-
    margin: 0;
 
-
    overflow: hidden;
 
-
    padding: 0;
 
-
    position: absolute;
 
-
    top: 0;
 
-
    left: 0;
 
-
 
-
    width: 149px;
 
-
}
 
-
#rocket-to-top .level-2 {
 
-
    background: url("https://static.igem.org/mediawiki/2014/a/a6/UestcUp.png") no-repeat scroll -149px 0 transparent;
 
-
    display: none;
 
-
    height: 250px;
 
-
    opacity: 0;
 
-
    z-index: 1;
 
-
}
 
-
#rocket-to-top .level-3 {
 
-
    background: none repeat scroll 0 0 transparent;
 
-
    cursor: pointer;
 
-
    display: block;
 
-
    height: 150px;
 
-
    z-index: 2;
 
-
}
 
-
#rocket-to-top {
 
-
    background: url("https://static.igem.org/mediawiki/2014/a/a6/UestcUp.png") no-repeat scroll 0 0 transparent;
 
-
    cursor: default;
 
-
    display: block;
 
-
    height: 250px;
 
-
    margin: -125px 0 0;
 
-
    overflow: hidden;
 
-
    padding: 0;
 
-
    position: fixed;
 
-
    right: 0;
 
-
    top: 80%;
 
-
    width: 149px;
 
-
    z-index: 11;
 
-
}
 
-
/*rocket-to-top end*/
 
-
 
-
 
-
#all{
 
-
position:absolute;
 
-
top:293px;
 
-
height:3569px;
 
-
width:1214px;
 
-
left: 0px;
 
}
}
Line 419: Line 368:
.cbp_tmtimeline > li .cbp_tmtime span:first-child {
.cbp_tmtimeline > li .cbp_tmtime span:first-child {
-
font-size: 5px;
+
font-size: 0.9em;
color: #00CC99 ;
color: #00CC99 ;
}
}
.cbp_tmtimeline > li .cbp_tmtime span:last-child {
.cbp_tmtimeline > li .cbp_tmtime span:last-child {
-
font-size:10px;
+
font-size: 2em;
color: #00CC99;
color: #00CC99;
}
}
Line 437: Line 386:
background:#7DD917;
background:#7DD917;
color: #ffffff;
color: #ffffff;
-
padding: 2em;
+
padding:13px;
-
font-size: 1em;
+
font-size: 10px;
font-weight: 300;
font-weight: 300;
line-height: 1.4;
line-height: 1.4;
position: relative;
position: relative;
-
border-radius: 5px;
+
border-radius:5px;
-
}
+
-
 
+
-
.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel {
+
-
background: #00CC99;
+
-
}
+
-
 
+
-
.cbp_tmtimeline > li .cbp_tmlabel h2 {
+
-
margin-top: 0px;
+
-
padding: 0 0 10px 0;
+
-
border-bottom: 1px solid rgba(255,255,255,0.4);
+
-
        font-size:1.5em;
+
-
        color:#ffffff;
+
-
}
+
-
 
+
-
/* The triangle */
+
-
.cbp_tmtimeline > li .cbp_tmlabel:after {
+
-
right: 100%;
+
-
border: solid transparent;
+
-
content: " ";
+
-
height: 0;
+
-
width: 0;
+
-
position: absolute;
+
-
pointer-events: none;
+
-
border-right-color: #3594cb;
+
-
border-width: 10px;
+
-
top: 10px;
+
-
}
+
-
 
+
-
.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after {
+
-
border-right-color:#7DD917;
+
-
}
+
-
 
+
-
/* The icons */
+
-
.cbp_tmtimeline > li .cbp_tmicon {
+
-
width: 40px;
+
-
height: 40px;
+
-
font-family: Microsoft Yahei;
+
-
speak: none;
+
-
font-style: normal;
+
-
font-weight: normal;
+
-
font-variant: normal;
+
-
text-transform: none;
+
-
font-size: 1.4em;
+
-
line-height: 40px;
+
-
-webkit-font-smoothing: antialiased;
+
-
position: absolute;
+
-
color: #fff;
+
-
background: #98CB00;
+
-
border-radius: 50%;
+
-
box-shadow: 0 0 0 8px #B2EC05 ;
+
-
text-align: center;
+
-
left: 20%;
+
-
top: 0;
+
-
margin: 0 0 0 -25px;
+
-
}
+
-
 
+
-
.cbp_tmicon-phone:before {
+
-
content: "\e000";
+
-
}
+
-
 
+
-
.cbp_tmicon-screen:before {
+
-
content: "\e001";
+
-
}
+
-
 
+
-
.cbp_tmicon-mail:before {
+
-
content: "\e002";
+
-
}
+
-
 
+
-
.cbp_tmicon-earth:before {
+
-
content: "\e003";
+
-
}
+
-
 
+
-
/* Example Media Queries */
+
-
@media screen and (max-width: 65.375em) {
+
-
 
+
-
.cbp_tmtimeline > li .cbp_tmtime span:last-child {
+
-
font-size: 1.5em;
+
-
}
+
-
}
+
-
 
+
-
@media screen and (max-width: 47.2em) {
+
-
.cbp_tmtimeline:before {
+
-
display: none;
+
-
}
+
-
 
+
-
.cbp_tmtimeline > li .cbp_tmtime {
+
-
width: 100%;
+
-
position: relative;
+
-
padding: 0 0 20px 0;
+
-
}
+
-
 
+
-
.cbp_tmtimeline > li .cbp_tmtime span {
+
-
text-align: left;
+
-
}
+
-
 
+
-
.cbp_tmtimeline > li .cbp_tmlabel {
+
-
margin: 0 0 30px 0;
+
-
padding: 1em;
+
-
font-weight: 400;
+
-
font-size: 95%;
+
-
}
+
-
 
+
-
.cbp_tmtimeline > li .cbp_tmlabel:after {
+
-
right: auto;
+
-
left: 20px;
+
-
border-right-color: transparent;
+
-
border-bottom-color: #3594cb;
+
-
top: -20px;
+
-
}
+
-
 
+
-
.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after {
+
-
border-right-color: transparent;
+
-
border-bottom-color: #98CB00;
+
-
}
+
-
 
+
-
.cbp_tmtimeline > li .cbp_tmicon {
+
-
position: relative;
+
-
float: right;
+
-
left: auto;
+
-
margin: -55px 5px 0 0px;
+
-
}
+
-
}
+
-
/*css in component*/
+
-
@font-face {
+
-
font-family:  Microsoft Yahei;
+
-
font-weight: normal;
+
-
font-style: normal;
+
-
} /* Made with http://icomoon.io/ */
+
-
 
+
-
.cbp_tmtimeline {
+
-
margin: 30px 0 0 0;
+
-
padding: 0;
+
-
list-style: none;
+
-
position: relative;
+
-
}
+
-
 
+
-
/* The line */
+
-
.cbp_tmtimeline:before {
+
-
content: '';
+
-
position: absolute;
+
-
top: 0;
+
-
bottom: 0;
+
-
width: 10px;
+
-
background: #98CB00;
+
-
left: 20%;
+
-
margin-left: -10px;
+
-
}
+
-
 
+
-
.cbp_tmtimeline > li {
+
-
position: relative;
+
-
}
+
-
 
+
-
/* The date/time */
+
-
.cbp_tmtimeline > li .cbp_tmtime {
+
-
display: block;
+
-
width: 25%;
+
-
padding-right: 100px;
+
-
position: absolute;
+
-
}
+
-
 
+
-
.cbp_tmtimeline > li .cbp_tmtime span {
+
-
display: block;
+
-
text-align: right;
+
-
}
+
-
 
+
-
.cbp_tmtimeline > li .cbp_tmtime span:first-child {
+
-
font-size: 0.9em;
+
-
color: #00CC99 ;
+
-
}
+
-
 
+
-
.cbp_tmtimeline > li .cbp_tmtime span:last-child {
+
-
font-size: 2.9em;
+
-
color: #00CC99;
+
-
}
+
-
 
+
-
.cbp_tmtimeline > li:nth-child(odd) .cbp_tmtime span:last-child {
+
-
color: #00CC66;
+
-
}
+
-
 
+
-
/* Right content */
+
-
.cbp_tmtimeline > li .cbp_tmlabel {
+
-
margin: 0 0 15px 25%;
+
-
background:#7DD917;
+
-
color: #fff;
+
-
padding: 2em;
+
-
font-size: 1.2em;
+
-
font-weight: 300;
+
-
line-height: 1.4;
+
-
position: relative;
+
-
border-radius: 5px;
+
}
}
Line 643: Line 402:
padding: 0 0 10px 0;
padding: 0 0 10px 0;
border-bottom: 1px solid rgba(255,255,255,0.4);
border-bottom: 1px solid rgba(255,255,255,0.4);
 +
color:#ffffff;
 +
font-size: 20px;
}
}
Line 786: Line 547:
width:1214;
width:1214;
padding-top:20px;}
padding-top:20px;}
 +
.main{
.main{
width: 95%;
width: 95%;
Line 882: Line 644:
</div>
</div>
</div>
</div>
-
 
+
    <div id="middle-photo">
-
 
+
-
 
+
-
<div id="middle-photo">
+
<div class="middle-photo-each">
<div class="middle-photo-each">
Line 959: Line 718:
</div>
</div>
</div>
</div>
-
<div style="display: none;" id="rocket-to-top">
 
-
<div style="opacity:0;display: block;" class="level-2"></div>
 
-
<div class="level-3"></div>
 
</div>
</div>
-
 
+
</div>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script type="text/javascript">
<script type="text/javascript">

Latest revision as of 09:58, 18 September 2014

UESTC-China

  • Team set up

    Our iGEM-China team was founded in April 3, on this special day we hold a meeting to record this important moment. The leadership of our school attend to this meeting, and denote that our school will spare no effort to support our iGEM project. At the first, we only have three members. Until now, we got nine members, two advisors and three instructors. Besides of them, we also get some help from the seniors.

  • A lecture to the seventh middle school.

    On April the 29th , our team members went to the seventh middle school of Chengdu to disseminate iGEM and our project. The seventh middle school of Chengdu is the best high school in Chengdu city. Almost everybody in Sichuan province heard about it. We introduce iGEM to them, may get more fresh vitality to iGEM and the area of synthetic biology. This lecture had a perfect end. Students in the seventh middle school express high warmth in this international competition.

  • Knowledge quiz

    On June 16th , to advertise iGEM and our team to Chinese students we held a activity named knowledge quiz ,which took place in the center of students’ activity. And the students passed by can answer two of the questions and if them answered with the right answer then he can get a delicate gift which we bought as a incentive.

  • Questionnaires

    In August , 2014, our team make a questionnaire to investigate people in every stratum and in every occupation to get the information how much does the people in different range know about iGEM or the pollution formaldehyde produce. The making of questionnaires is difficult, because you do not know the extent of how much people understand about synthetic biology. When distributing the questionnaires we do find this issue, people walking on the street rarely knows about biology, let alone synthetic biology. But we do hope they can hear about synthetic biology no matter how little they get.

  • 成功构建载体

    Parsley amaranth tigernut silver beet maize fennel spinach. Ricebean black-eyed pea maize scallion green bean spinach cabbage j铆cama bell pepper carrot onion corn plantain garbanzo. Sierra leone bologi komatsuna celery peanut swiss chard silver beet squash dandelion maize chicory burdock tatsoi dulse radish wakame beetroot.

  • 转化完成

    Caulie dandelion maize lentil collard greens radish arugula sweet pepper water spinach kombu courgette lettuce. Celery coriander bitterleaf epazote radicchio shallot winter purslane collard greens spring onion squash lentil. Artichoke salad bamboo shoot black-eyed pea brussels sprout garlic kohlrabi.

  • 甲醛检测

    Parsnip lotus root celery yarrow seakale tomato collard greens tigernut epazote ricebean melon tomatillo soybean chicory broccoli beet greens peanut salad. Lotus root burdock bell pepper chickweed shallot groundnut pea sprouts welsh onion wattle seed pea salsify turnip scallion peanut arugula bamboo shoot onion swiss chard. Avocado tomato peanut soko amaranth grape fennel chickweed mung bean soybean endive squash beet greens carrot chicory green bean. Tigernut dandelion sea lettuce garlic daikon courgette celery maize parsley komatsuna black-eyed pea bell pepper aubergine cauliflower zucchini. Quandong pea chickweed tomatillo quandong cauliflower spinach water spinach.

Retrieved from "http://2014.igem.org/Team:UESTC-China/HPtest.html"