Difference between revisions of "Template:NUDT CHINA"

Line 87: Line 87:
  
  
 +
<style>
 +
.pure-g{
 +
letter-spacing:-.31em;text-rendering:optimizespeed;
 +
font-family:FreeSans,Arimo,"Droid Sans",Helvetica,Arial,sans-serif;
 +
display:-webkit-box;
 +
display:-webkit-flex;
 +
display:-ms-flexbox;
 +
display:flex;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-align-content:flex-start;-ms-flex-line-pack:start;
 +
align-content:flex-start}
 +
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){table .pure-g{display:block}}
 +
.opera-only :-o-prefocus,.pure-g{word-spacing:-.43em}
 +
.pure-u,.pure-u-1,.pure-u-1-1,.pure-u-1-12,.pure-u-1-2,.pure-u-1-24,.pure-u-1-3,.pure-u-1-4,.pure-u-1-5,.pure-u-1-6,.pure-u-1-8,.pure-u-10-24,.pure-u-11-12,.pure-u-11-24,.pure-u-12-24,.pure-u-13-24,.pure-u-14-24,.pure-u-15-24,.pure-u-16-24,.pure-u-17-24,.pure-u-18-24,.pure-u-19-24,.pure-u-2-24,.pure-u-2-3,.pure-u-2-5,.pure-u-20-24,.pure-u-21-24,.pure-u-22-24,.pure-u-23-24,.pure-u-24-24,.pure-u-3-24,.pure-u-3-4,.pure-u-3-5,.pure-u-3-8,.pure-u-4-24,.pure-u-4-5,.pure-u-5-12,.pure-u-5-24,.pure-u-5-5,.pure-u-5-6,.pure-u-5-8,.pure-u-6-24,.pure-u-7-12,.pure-u-7-24,.pure-u-7-8,.pure-u-8-24,.pure-u-9-24{display:inline-block;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}
 +
.pure-g [class*=pure-u]{font-family:sans-serif}
 +
.pure-u-1-24{width:4.1667%}
 +
.pure-u-1-12,.pure-u-2-24{width:8.3333%}
 +
.pure-u-1-8,.pure-u-3-24{width:12.5%}
 +
.pure-u-1-6,.pure-u-4-24{width:16.6667%}
 +
.pure-u-1-5{width:20%}
 +
.pure-u-5-24{width:20.8333%}
 +
.pure-u-1-4,.pure-u-6-24{width:25%}
 +
.pure-u-7-24{width:29.1667%}
 +
.pure-u-1-3,.pure-u-8-24{width:33.3333%}
 +
.pure-u-3-8,.pure-u-9-24{width:37.5%}
 +
.pure-u-2-5{width:40%}
 +
.pure-u-10-24,.pure-u-5-12{width:41.6667%}
 +
.pure-u-11-24{width:45.8333%}
 +
.pure-u-1-2,.pure-u-12-24{width:50%}
 +
.pure-u-13-24{width:54.1667%}
 +
.pure-u-14-24,.pure-u-7-12{width:58.3333%}
 +
.pure-u-3-5{width:60%}
 +
.pure-u-15-24,.pure-u-5-8{width:62.5%}
 +
.pure-u-16-24,.pure-u-2-3{width:66.6667%}
 +
.pure-u-17-24{width:70.8333%}
 +
.pure-u-18-24,.pure-u-3-4{width:75%}
 +
.pure-u-19-24{width:79.1667%}
 +
.pure-u-4-5{width:80%}
 +
.pure-u-20-24,.pure-u-5-6{width:83.3333%}
 +
.pure-u-21-24,.pure-u-7-8{width:87.5%}
 +
.pure-u-11-12,.pure-u-22-24{width:91.6667%}
 +
.pure-u-23-24{width:95.8333%}
 +
.pure-u-1,.pure-u-1-1,.pure-u-24-24,.pure-u-5-5{width:100%}
 +
@media screen and (min-width:0em){.pure-u-sm-1,.pure-u-sm-1-1,.pure-u-sm-1-12,.pure-u-sm-1-2,.pure-u-sm-1-24,.pure-u-sm-1-3,.pure-u-sm-1-4,.pure-u-sm-1-5,.pure-u-sm-1-6,.pure-u-sm-1-8,.pure-u-sm-10-24,.pure-u-sm-11-12,.pure-u-sm-11-24,.pure-u-sm-12-24,.pure-u-sm-13-24,.pure-u-sm-14-24,.pure-u-sm-15-24,.pure-u-sm-16-24,.pure-u-sm-17-24,.pure-u-sm-18-24,.pure-u-sm-19-24,.pure-u-sm-2-24,.pure-u-sm-2-3,.pure-u-sm-2-5,.pure-u-sm-20-24,.pure-u-sm-21-24,.pure-u-sm-22-24,.pure-u-sm-23-24,.pure-u-sm-24-24,.pure-u-sm-3-24,.pure-u-sm-3-4,.pure-u-sm-3-5,.pure-u-sm-3-8,.pure-u-sm-4-24,.pure-u-sm-4-5,.pure-u-sm-5-12,.pure-u-sm-5-24,.pure-u-sm-5-5,.pure-u-sm-5-6,.pure-u-sm-5-8,.pure-u-sm-6-24,.pure-u-sm-7-12,.pure-u-sm-7-24,.pure-u-sm-7-8,.pure-u-sm-8-24,.pure-u-sm-9-24{display:inline-block;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}
 +
.pure-u-sm-1-24{width:4.1667%}
 +
.pure-u-sm-1-12,.pure-u-sm-2-24{width:8.3333%}
 +
.pure-u-sm-1-8,.pure-u-sm-3-24{width:12.5%}
 +
.pure-u-sm-1-6,.pure-u-sm-4-24{width:16.6667%}
 +
.pure-u-sm-1-5{width:20%}
 +
.pure-u-sm-5-24{width:20.8333%}
 +
.pure-u-sm-1-4,.pure-u-sm-6-24{width:25%}
 +
.pure-u-sm-7-24{width:29.1667%}
 +
.pure-u-sm-1-3,.pure-u-sm-8-24{width:33.3333%}
 +
.pure-u-sm-3-8,.pure-u-sm-9-24{width:37.5%}
 +
.pure-u-sm-2-5{width:40%}
 +
.pure-u-sm-10-24,.pure-u-sm-5-12{width:41.6667%}
 +
.pure-u-sm-11-24{width:45.8333%}
 +
.pure-u-sm-1-2,.pure-u-sm-12-24{width:50%}
 +
.pure-u-sm-13-24{width:54.1667%}
 +
.pure-u-sm-14-24,.pure-u-sm-7-12{width:58.3333%}
 +
.pure-u-sm-3-5{width:60%}
 +
.pure-u-sm-15-24,.pure-u-sm-5-8{width:62.5%}
 +
.pure-u-sm-16-24,.pure-u-sm-2-3{width:66.6667%}
 +
.pure-u-sm-17-24{width:70.8333%}
 +
.pure-u-sm-18-24,.pure-u-sm-3-4{width:75%}
 +
.pure-u-sm-19-24{width:79.1667%}
 +
.pure-u-sm-4-5{width:80%}
 +
.pure-u-sm-20-24,.pure-u-sm-5-6{width:83.3333%}
 +
.pure-u-sm-21-24,.pure-u-sm-7-8{width:87.5%}
 +
.pure-u-sm-11-12,.pure-u-sm-22-24{width:91.6667%}
 +
.pure-u-sm-23-24{width:95.8333%}
 +
.pure-u-sm-1,.pure-u-sm-1-1,.pure-u-sm-24-24,.pure-u-sm-5-5{width:100%}}
  
 +
@media screen and (min-width:48em){.pure-u-md-1,.pure-u-md-1-1,.pure-u-md-1-12,.pure-u-md-1-2,.pure-u-md-1-24,.pure-u-md-1-3,.pure-u-md-1-4,.pure-u-md-1-5,.pure-u-md-1-6,.pure-u-md-1-8,.pure-u-md-10-24,.pure-u-md-11-12,.pure-u-md-11-24,.pure-u-md-12-24,.pure-u-md-13-24,.pure-u-md-14-24,.pure-u-md-15-24,.pure-u-md-16-24,.pure-u-md-17-24,.pure-u-md-18-24,.pure-u-md-19-24,.pure-u-md-2-24,.pure-u-md-2-3,.pure-u-md-2-5,.pure-u-md-20-24,.pure-u-md-21-24,.pure-u-md-22-24,.pure-u-md-23-24,.pure-u-md-24-24,.pure-u-md-3-24,.pure-u-md-3-4,.pure-u-md-3-5,.pure-u-md-3-8,.pure-u-md-4-24,.pure-u-md-4-5,.pure-u-md-5-12,.pure-u-md-5-24,.pure-u-md-5-5,.pure-u-md-5-6,.pure-u-md-5-8,.pure-u-md-6-24,.pure-u-md-7-12,.pure-u-md-7-24,.pure-u-md-7-8,.pure-u-md-8-24,.pure-u-md-9-24{display:inline-block;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-u-md-1-24{width:4.1667%}
 +
.pure-u-md-1-12,.pure-u-md-2-24{width:8.3333%}
 +
.pure-u-md-1-8,.pure-u-md-3-24{width:12.5%}
 +
.pure-u-md-1-6,.pure-u-md-4-24{width:16.6667%}
 +
.pure-u-md-1-5{width:20%}
 +
.pure-u-md-5-24{width:20.8333%}
 +
.pure-u-md-1-4,.pure-u-md-6-24{width:25%}
 +
.pure-u-md-7-24{width:29.1667%}
 +
.pure-u-md-1-3,.pure-u-md-8-24{width:33.3333%}
 +
.pure-u-md-3-8,.pure-u-md-9-24{width:37.5%}
 +
.pure-u-md-2-5{width:40%}
 +
.pure-u-md-10-24,.pure-u-md-5-12{width:41.6667%}
 +
.pure-u-md-11-24{width:45.8333%}
 +
.pure-u-md-1-2,.pure-u-md-12-24{width:50%}
 +
.pure-u-md-13-24{width:54.1667%}
 +
.pure-u-md-14-24,.pure-u-md-7-12{width:58.3333%}
 +
.pure-u-md-3-5{width:60%}
 +
.pure-u-md-15-24,.pure-u-md-5-8{width:62.5%}
 +
.pure-u-md-16-24,.pure-u-md-2-3{width:66.6667%}
 +
.pure-u-md-17-24{width:70.8333%}.pure-u-md-18-24,.pure-u-md-3-4{width:75%}.pure-u-md-19-24{width:79.1667%}.pure-u-md-4-5{width:80%}.pure-u-md-20-24,.pure-u-md-5-6{width:83.3333%}.pure-u-md-21-24,.pure-u-md-7-8{width:87.5%}.pure-u-md-11-12,.pure-u-md-22-24{width:91.6667%}.pure-u-md-23-24{width:95.8333%}.pure-u-md-1,.pure-u-md-1-1,.pure-u-md-24-24,.pure-u-md-5-5{width:100%}}
 +
 +
</style>
  
 
<style>
 
<style>
Line 216: Line 308:
 
}
 
}
 
 
−
 
−
/***************************************************** CONTENT OF THE PAGE ****************************************************/
 
−
 
−
/* Wrapper for the content */
 
−
.igem_2017_content_wrapper {
 
−
width: 81%;
 
−
margin: 2%;
 
−
display:block;
 
−
float:left;
 
−
background-color:white;
 
−
font-family:Tahoma, Geneva, sans-serif;
 
−
}
 
  
  
 
/********************************* HTML STYLING  *********************************/
 
/********************************* HTML STYLING  *********************************/
  
−
/* styling for the titles h1 h2 */
 
−
.igem_2017_content_wrapper h1, .igem_2017_content_wrapper h2 {
 
−
padding:5px 15px;
 
−
border-bottom: 0px;
 
−
color: #3399ff;
 
−
}
 
−
 
−
 
−
/* styling for the titles  h3 h4 h5 h6*/
 
−
.igem_2017_content_wrapper h3, .igem_2017_content_wrapper h4, .igem_2017_content_wrapper h5, .igem_2017_content_wrapper h6 {
 
−
padding:5px 15px;
 
−
border-bottom:0px;
 
−
color: #000000; 
 
−
}
 
−
 
−
 
−
/* font and text */
 
−
.igem_2017_content_wrapper p {
 
−
padding: 0px 15px;
 
−
font-size: 13px;
 
−
}
 
−
 
−
/* Links */
 
−
.igem_2017_content_wrapper a {
 
−
font-weight: bold;
 
−
text-decoration: underline;
 
−
text-decoration-color: #3399ff;
 
−
color:  #3399ff;
 
−
-webkit-transition: all 0.4s ease;
 
−
-moz-transition: all 0.4s ease;
 
−
-ms-transition: all 0.4s ease;
 
−
-o-transition: all 0.4s ease;
 
−
transition: all 0.4s ease;
 
−
}
 
−
 
−
/* hover for the links */
 
−
.igem_2017_content_wrapper a:hover {
 
−
text-decoration:none;
 
−
color:#000000;
 
−
}
 
−
 
−
/* non numbered lists */
 
−
.igem_2017_content_wrapper ul {
 
−
padding:0px 20px;
 
−
font-size: 13px;
 
−
font-family:Tahoma, Geneva, sans-serif;
 
−
}
 
−
 
−
/* numbered lists */
 
−
.igem_2017_content_wrapper ol {
 
−
padding:0px;
 
−
font-size: 13px;
 
−
font-family:Tahoma, Geneva, sans-serif;
 
−
}
 
  
 
/* Table */
 
/* Table */
Line 315: Line 341:
 
/**********************************LAYOUT CLASSES **********************************/
 
/**********************************LAYOUT CLASSES **********************************/
  
−
/* general class for column divs */
 
−
.igem_2017_content_wrapper .column  {
 
−
padding: 10px 0px;
 
−
float:left;
 
−
}
 
  
 
/* class for a full width column */
 
/* class for a full width column */
Line 341: Line 362:
 
padding: 10px 15px;
 
padding: 10px 15px;
 
}
 
}
−
 
−
 
−
 
−
 
−
/********************************* SUPPORT CLASSES ********************************/
 
−
 
−
/* class that clears content below*/
 
−
.igem_2017_content_wrapper .clear {
 
−
clear:both;
 
−
}
 
−
 
−
 
−
/* adds extra spacing when clearing content */
 
−
.igem_2017_content_wrapper  .clear.extra_space {
 
−
height: 30px;
 
−
}
 
−
 
−
 
−
/* highlight class, makes content slightly smaller */
 
−
.igem_2017_content_wrapper .highlight {
 
−
margin: 0px 15px;
 
−
padding: 15px 0px;
 
−
}
 
−
 
−
 
−
/* highlight class, adds a gray background */
 
−
.igem_2017_content_wrapper .highlight.gray {
 
−
background-color: #f2f2f2;
 
−
}
 
−
 
−
/* highlight with decoration blue line on top */
 
−
.igem_2017_content_wrapper .highlight.blue_top {
 
−
    border-top: 4px solid #3399ff;
 
−
}
 
−
 
−
/* highlight with a full blue border decoration */
 
−
.igem_2017_content_wrapper .highlight.blue_border {
 
−
    border: 4px solid  #3399ff;
 
−
}
 
−
 
−
 
−
/* button class */
 
−
.igem_2017_content_wrapper .button{
 
−
max-width: 35%;
 
−
margin: 30px auto;
 
−
padding: 12px 10px;
 
−
    background-color: #3399ff;
 
−
    text-align: center;
 
−
  color: #ffffff;
 
−
-webkit-transition: all 0.4s ease;
 
−
-moz-transition: all 0.4s ease;
 
−
-ms-transition: all 0.4s ease;
 
−
-o-transition: all 0.4s ease; transition: all 0.4s ease; 
 
−
}
 
−
 
−
/* styling for button on hover */
 
−
.igem_2017_content_wrapper .button:hover{
 
−
background-color: #3399ff;
 
−
    color: #000000;
 
−
}
 
−
 
−
 
  
  
Line 467: Line 426:
  
 
<a href="https://2017.igem.org/Team:NUDT_CHINA">
 
<a href="https://2017.igem.org/Team:NUDT_CHINA">
−
<img src="http://placehold.it/350x150">
+
<img src="https://static.igem.org/mediawiki/2017/4/4f/T-NUDT_CHINA-icon01.png">
 
</a>
 
</a>
  

Revision as of 08:09, 16 October 2017

HOME
TEAM
PROJECT
Description
Design
Experiments
Notebook
InterLab
Contribution
Model
Results
Demonstrate
Improve
Attributions
PARTS
Parts
Basic Parts
Composite Parts
Part Collection
SAFETY
HUMAN PRACTICES
Silver HP
Integrated and Gold
Public Engagement
AWARDS
Applied Design
Entrepreneurship
Hardware
Measurement
Model
Plant
Software
JUDGING FORM