Difference between revisions of "Team:USTC-Software/Team"

Line 1: Line 1:
<html>
+
*
<head>
+
{
<meta charset="UTF-8">
+
font-family:"Century Gothic",Roboto,Helvetica,Consolas,sans-serif !important;
<title>Team:USTC-Software - 2016.igem.org</title>
+
color:#212121;
+
}
<link rel="stylesheet" type="text/css" href="https://2016.igem.org/Template:USTC-Software/css/foundationcss?action=raw&ctype=text/css" />
+
<link rel="stylesheet" type="text/css" href="https://2016.igem.org/Template:USTC-Software/css/stylefix?action=raw&ctype=text/css" />
+
<link rel="stylesheet" type="text/css" href="https://2016.igem.org/Template:USTC-Software/css/wikipage-xxlarge?action=raw&ctype=text/css" media="screen and (min-width:1440px)"/>
+
<link rel="stylesheet" type="text/css" href="https://2016.igem.org/Template:USTC-Software/css/wikipage-large?action=raw&ctype=text/css" media="screen and (min-width:1024px) and (max-width:1439px)"/>
+
<link rel="stylesheet" type="text/css" href="https://2016.igem.org/Template:USTC-Software/css/wikipage-medium?action=raw&ctype=text/css" media="screen and (min-width:640px) and (max-width:1023px)"/>
+
<link rel="stylesheet" type="text/css" href="https://2016.igem.org/Template:USTC-Software/css/wikipage-small?action=raw&ctype=text/css" media="screen and (max-width:639px)"/>
+
<link rel="stylesheet" type="text/css" href="https://2016.igem.org/Template:USTC-Software/css/team?action=raw&ctype=text/css"/>
+
</head>
+
  
<body>
+
a:hover
<div class="ar0">
+
{
<div class="ar0">
+
text-decoration:none;
<img src="https://static.igem.org/mediawiki/2016/9/93/T--USTC-Software--logo00.png" />
+
}
</div>
+
 
+
a:focus
<div class="row ar1">
+
{
<a class="column medium-3 ar0" href="https://2016.igem.org/Team:USTC-Software">Home</a>
+
text-decoration:none;
<a class="column medium-3 ar1" href="https://2016.igem.org/Team:USTC-Software/Project">Project</a>
+
}
<a class="column medium-3 ar2" href="https://2016.igem.org/Team:USTC-Software/Design">Design</a>
+
 
<a class="column medium-3 ar3" href="https://2016.igem.org/Team:USTC-Software/Proof">Proof</a>
+
.row
<a class="column medium-3 ar4" href="https://2016.igem.org/Team:USTC-Software/HumanPractices">Human Practices</a>
+
{
<a class="column medium-3 ar5" href="https://2016.igem.org/Team:USTC-Software/Team">Team</a>
+
max-width:none !important;
<a class="column medium-3 ar6" href="https://2016.igem.org/Team:USTC-Software/Collaborations">Collaborations</a>
+
}
<a class="column medium-3 ar7" href="https://2016.igem.org/Team:USTC-Software/Attributions">Attributions</a>
+
 
</div>
+
#mw-content-text
+
{
<div class="ar2 hide-for-small" id="navigation-bar">
+
width:100%;
<ul class="menu" data-magellan>
+
clear:both;
<li>
+
margin:auto;
<a href="#Project_Management">Project Management</a>
+
}
</li>
+
 
<li>
+
#mw-content-text > .ar0
<a href="#Frontend">Frontend</a>
+
{
</li>
+
width:95%;
<li>
+
margin:auto;
<a href="#Backend">Backend</a>
+
padding-bottom:15px;
</li>
+
}
<li>
+
 
<a href="#Wiki">Wiki</a>
+
#mw-content-text > .ar0 > .ar0
</li>
+
{
<li>
+
text-align:center;
<a href="#Art">Art</a>
+
height:150px;
</li>
+
width:100%;
<li>
+
}
<a href="#Biology_Support">Biology Support</a>
+
 
</li>
+
#mw-content-text > .ar0 > .ar1
</ul>
+
{
</div>
+
width:100%;
+
box-shadow:0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
<div class="ar3">
+
margin-top:20px;
<div class="row ar0" id="Project_Management" data-magellan-target="Project_Management">
+
margin-bottom:80px;
<hr />
+
margin-left:auto;
<div class="column small-12 large-12 ar0 textcontainer">
+
margin-right:auto;
<h1><a href="#Project_Management">Project Management</a></h1>
+
}
</div>
+
 
<div class="column small-3 small-offset-1 ar1 imgcontainer">
+
#mw-content-text > .ar0 > .ar1 > *
<img src="https://static.igem.org/mediawiki/2016/f/f9/T--USTC-Software--teamNull.jpg" />
+
{
<p>
+
width:12.5%;
Han Haoyu, the student leader of the team.
+
display:inline-block;
</p>
+
height:50px;
</div>
+
line-height:50px;
<div class="column small-3 small-offset-1 end ar2 imgcontainer">
+
text-align:center;
<img src="https://static.igem.org/mediawiki/2016/4/4c/T--USTC-Software--teamZhangQian.jpg" />
+
color:rgb(255,255,255);
<p>
+
font-size:16px;
Zhang Qian, the manager of the team.
+
}
</p>
+
 
</div>
+
#mw-content-text > .ar0 > .ar1 > .ar0
</div>
+
{
+
background-color:#0288D1;
<div class="row ar1" id="Frontend" data-magellan-target="Frontend">
+
}
<hr />
+
 
<div class="column small-12 large-12 ar0 textcontainer">
+
#mw-content-text > .ar0 > .ar1 > a.ar0:hover
<h1><a href="#Frontend">Frontend</a></h1>
+
{
</div>
+
color:#0288D1;
<div class="column small-3 small-offset-1 ar1 imgcontainer">
+
background-color:#B3E5FC;
<img src="https://static.igem.org/mediawiki/2016/a/ab/T--USTC-Software--teamZhangPeijin.jpg" />
+
font-weight:bold;
<p>
+
}
Zhang Peijin, the group leader of frontend.
+
 
</p>
+
#mw-content-text > .ar0 > .ar1 > .ar1
</div>
+
{
<div class="column small-3 small-offset-1 end ar2 imgcontainer">
+
background-color:#03A9F4;
<img src="https://static.igem.org/mediawiki/2016/c/cb/T--USTC-Software--teamZhaoYanbing.jpg" />
+
}
<p>
+
 
Zhao Yanbing, the group member of frontend.
+
#mw-content-text > .ar0 > .ar1 > a.ar1:hover
</div>
+
{
<div class="column small-3 small-offset-1 end ar3 imgcontainer">
+
color:#03A9F4;
<img src="https://static.igem.org/mediawiki/2016/7/7d/T--USTC-Software--teamAnZeyu.jpg" />
+
background-color:#B3E5FC;
<p>
+
font-weight:bold;
An Zeyu, the group member of frontend.
+
}
</div>
+
 
</div>
+
#mw-content-text > .ar0 > .ar1 > .ar2
+
{
<div class="row ar2" id="Backend" data-magellan-target="Backend">
+
background-color:#0288D1;
<hr />
+
}
<div class="column small-12 large-12 ar0 textcontainer">
+
 
<h1><a href="#Backend">Backend</a></h1>
+
#mw-content-text > .ar0 > .ar1 > a.ar2:hover
</div>
+
{
<div class="column small-3 small-offset-1 ar1 imgcontainer">
+
color:#0288D1;
<img src="https://static.igem.org/mediawiki/2016/0/03/T--USTC-Software--teamZhengZihan.jpg" />
+
background-color:#B3E5FC;
<p>
+
font-weight:bold;
Zheng Zihan, the group leader of backend.
+
}
</p>
+
 
</div>
+
#mw-content-text > .ar0 > .ar1 > .ar3
<div class="column small-3 small-offset-1 ar2 imgcontainer">
+
{
<img src="https://static.igem.org/mediawiki/2016/f/f0/T--USTC-Software--teamWangZibo.jpg" />
+
background-color:#03A9F4;
<p>
+
}
Wang Zibo, the group member of backend.
+
 
</p>
+
#mw-content-text > .ar0 > .ar1 > a.ar3:hover
</div>
+
{
<div class="column small-3 small-offset-1 ar3 imgcontainer">
+
color:#03A9F4;
<img src="https://static.igem.org/mediawiki/2016/f/f9/T--USTC-Software--teamNull.jpg" />
+
background-color:#B3E5FC;
<p>
+
font-weight:bold;
Zhao Zirui, the group member of backend.
+
}
</p>
+
 
</div>
+
#mw-content-text > .ar0 > .ar1 > .ar4
<div class="column small-3 small-offset-1 ar4 imgcontainer">
+
{
<img src="https://static.igem.org/mediawiki/2016/7/7a/T--USTC-Software--teamZhangYixiao.jpg" />
+
background-color:#0288D1;
<p>
+
}
Zhang Yixiao, the group member of backend.
+
 
</p>
+
#mw-content-text > .ar0 > .ar1 > a.ar4:hover
</div>
+
{
<div class="column small-3 small-offset-1 end ar5 imgcontainer">
+
color:#0288D1;
<img src="https://static.igem.org/mediawiki/2016/a/a1/T--USTC-Software--teamYouXuanke.jpg" />
+
background-color:#B3E5FC;
<p>
+
font-weight:bold;
You Xuanke, the group member of backend.
+
}
</p>
+
 
</div>
+
#mw-content-text > .ar0 > .ar1 > .ar5
</div>
+
{
+
background-color:#03A9F4;
<div class="row ar3" id="Wiki" data-magellan-target="Wiki">
+
}
<hr />
+
 
<div class="column small-12 large-12 ar0 textcontainer">
+
#mw-content-text > .ar0 > .ar1 > a.ar5:hover
<h1><a href="#Wiki">Wiki</a></h1>
+
{
</div>
+
color:#03A9F4;
<div class="column small-3 small-offset-1 ar1 imgcontainer">
+
background-color:#B3E5FC;
<img src="https://static.igem.org/mediawiki/2016/e/e5/T--USTC-Software--teamJinZida.jpg" />
+
font-weight:bold;
<p>
+
}
Jin Zida, the group leader of Wiki.
+
 
</p>
+
#mw-content-text > .ar0 > .ar1 > .ar6
</div>
+
{
<div class="column small-3 small-offset-1 end ar2 imgcontainer">
+
background-color:#0288D1;
<img src="https://static.igem.org/mediawiki/2016/c/ca/T--USTC-Software--teamWangTao.jpg" />
+
}
<p>
+
 
Wang Tao, the group member of Wiki.
+
#mw-content-text > .ar0 > .ar1 > a.ar6:hover
</p>
+
{
</div>
+
color:#0288D1;
</div>
+
background-color:#B3E5FC;
+
font-weight:bold;
<div class="row ar4" id="Art" data-magellan-target="Art">
+
}
<hr />
+
 
<div class="column small-12 large-12 ar0 textcontainer">
+
#mw-content-text > .ar0 > .ar1 > .ar7
<h1><a href="#Art">Art</a></h1>
+
{
</div>
+
background-color:#03A9F4;
<div class="column small-3 small-offset-1 ar1 imgcontainer">
+
}
<img src="https://static.igem.org/mediawiki/2016/f/f9/T--USTC-Software--teamNull.jpg" />
+
 
<p>
+
#mw-content-text > .ar0 > .ar1 > a.ar7:hover
Zhang Ke, the group leader of art.
+
{
</p>
+
color:#03A9F4;
</div>
+
background-color:#B3E5FC;
<div class="column small-3 small-offset-1 end ar2 imgcontainer">
+
font-weight:bold;
<img src="https://static.igem.org/mediawiki/2016/9/93/T--USTC-Software--teamGuoBuming.jpg" />
+
}
<p>
+
 
Guo Buming, the group member of art.
+
/* #navigation-bar = #mw-content-text > .ar0 > .ar2 */
</p>
+
#navigation-bar
</div>
+
{
</div>
+
width:80%;
+
margin-left:auto !important;
<div class="row ar5" id="Biology_Support" data-magellan-target="Biology_Support">
+
margin-right:auto !important;
<hr />
+
border-left:10px solid #03A9F4;
<div class="column small-12 large-12 ar0 textcontainer">
+
font-size:16px;
<h1><a href="#Biology_Support">Biology Support</a></h1>
+
background-color:rgba(255,255,255,0);
</div>
+
}
<div class="column small-3 small-offset-1 ar1 imgcontainer">
+
 
<img src="https://static.igem.org/mediawiki/2016/3/37/T--USTC-Software--teamWangXinxin.jpg" />
+
#navigation-bar > ul > li
<p>
+
{
Wang Xinxin, the group member of biology support.
+
display:block;
</p>
+
}
</div>
+
 
<div class="column small-3 small-offset-1 imgcontainer">
+
#navigation-bar > ul > li > a
<img src="https://static.igem.org/mediawiki/2016/b/b6/T--USTC-Software--teamJinLiying.jpg" />
+
{
<p>
+
padding-bottom:12px;
Jin Liying, the group member of biology support.
+
}
</p>
+
 
</div>
+
.navigation-bar-trans#navigation-bar
<div class="column small-3 small-offset-1 end ar3 imgcontainer">
+
{
<img src="https://static.igem.org/mediawiki/2016/e/ef/T--USTC-Software--teamZhangYujie.jpg" />
+
color:#0288D1;
<p>
+
font-weight:bold;
Zhang Yujie, the group member of biology support.
+
padding-top:15px;
</p>
+
border-right:10px solid #03A9F4;
</div>
+
background-color:#B3E5FC;
</div>
+
background-image:none;
</div>
+
box-shadow:0 3px 6px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
</div>
+
}
+
 
<footer class="row ar1">
+
.navigation-bar-trans > ul > li > a.active
<hr />
+
{
<div class="column small-12 large-2 large-offset-1 ar0">
+
box-shadow:0 -4px 0 rgba(255,255,255,1) inset;
<img src="http://placehold.it/240x240.png" />
+
}
</div>
+
 
+
#mw-content-text > .ar0 > .ar3
<div class="column small-12 large-2 large-offset-2 ar1">
+
{
<hr />
+
width:90%;
<h2>Links</h2>
+
padding-left:5%;
<p><a href="www.ustc.edu.cn">USTC</a></p>
+
padding-right:5%;
<p><a href="www.ustc.edu.cn">USTC</a></p>
+
margin-top:10px;
<p><a href="www.ustc.edu.cn">USTC</a></p>
+
margin-left:auto;
<p><a href="www.ustc.edu.cn">USTC</a></p>
+
margin-right:auto;
</div>
+
}
+
 
<div class="column small-12 large-2 large-offset-1 end ar2">
+
#mw-content-text > .ar0 > .ar3 > *
<hr />
+
{
<h2>Contact Us</h2>
+
width:90%;
<p>96, Jinzhai RD.</p>
+
margin-left:5%;
<p>Baohe DST.</p>
+
margin-right:5%;
<p>Hefei, Anhui, PRC</p>
+
margin-bottom:40px;
</div>
+
transition:all 0.2s cubic-bezier(0.25,0.8,0.25,1);
</footer>
+
}
+
 
<script type="text/javascript" src="https://2016.igem.org/Template:USTC-Software/js/foundationjs?action=raw&ctype=text/javascript"></script>
+
#mw-content-text > .ar0 > .ar3 h1
<script type="text/javascript" src="https://2016.igem.org/Template:USTC-Software/js/scrollmagic?action=raw&ctype=text/javascript"></script>
+
{
<script type="text/javascript" src="https://2016.igem.org/Template:USTC-Software/js/wikipage?action=raw&ctype=text/javascript"></script>
+
color:#03A9F4;
</body>
+
font-size:32px;
</html>
+
font-weight:bold;
 +
}
 +
 
 +
#mw-content-text > .ar0 > .ar3 h2
 +
{
 +
color:#212121;
 +
font-size:28px;
 +
font-weight:bold;
 +
}
 +
 
 +
#mw-content-text > .ar0 > .ar3 h3
 +
{
 +
color:#212121;
 +
font-size:24px;
 +
font-weight:normal;
 +
}
 +
 
 +
#mw-content-text > .ar0 > .ar3 p
 +
{
 +
color:#212121;
 +
font-size:18px;
 +
line-height:28px;
 +
margin-bottom:40px;
 +
}
 +
 
 +
#mw-content-text > .ar0 > .ar3 img
 +
{
 +
margin-top:32px;
 +
}
 +
 
 +
#mw-content-text > .ar0 > .ar3 > .row > hr
 +
{
 +
background-color:#BDBDBD;
 +
height:0px;
 +
max-width:none;
 +
margin-top:14px;
 +
margin-bottom:14px;
 +
}
 +
 
 +
#mw-content-text .textcontainer
 +
{
 +
 +
}
 +
 
 +
#mw-content-text .imgcontainer
 +
{
 +
text-align:center;
 +
}
 +
 
 +
#mw-content-text .imgcontainer p
 +
{
 +
text-align:center;
 +
}
 +
 
 +
#mw-content-text > .ar1
 +
{
 +
width:100%;
 +
padding-top:25px;
 +
margin-top:60px;
 +
}
 +
 
 +
#mw-content-text > .ar1 h2
 +
{
 +
font-size:36px;
 +
font-weight:bold;
 +
color:#03A9F4;
 +
}
 +
 
 +
#mw-content-text > .ar1 p
 +
{
 +
margin-left:5%;
 +
font-size:16px;
 +
color:#212121;
 +
}
 +
 
 +
#mw-content-text > .ar1 > hr
 +
{
 +
background-color:#BDBDBD;
 +
margin-bottom:60px;
 +
height:0px;
 +
width:95%;
 +
max-width:none;
 +
}
 +
 
 +
#mw-content-text > .ar1 > .ar0
 +
{
 +
padding:5px 5px 5px 5px;
 +
color:rgb(255,255,255);
 +
font-size:24px;
 +
text-align:center;
 +
}
 +
 
 +
#mw-content-text > .ar1 > .ar1 > hr
 +
{
 +
display:none;
 +
}
 +
 
 +
#mw-content-text > .ar1 > .ar2 > hr
 +
{
 +
display:none;
 +
}

Revision as of 20:08, 17 October 2016

{ font-family:"Century Gothic",Roboto,Helvetica,Consolas,sans-serif !important; color:#212121; }

a:hover { text-decoration:none; }

a:focus { text-decoration:none; }

.row { max-width:none !important; }

  1. mw-content-text

{ width:100%; clear:both; margin:auto; }

  1. mw-content-text > .ar0

{ width:95%; margin:auto; padding-bottom:15px; }

  1. mw-content-text > .ar0 > .ar0

{ text-align:center; height:150px; width:100%; }

  1. mw-content-text > .ar0 > .ar1

{ width:100%; box-shadow:0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); margin-top:20px; margin-bottom:80px; margin-left:auto; margin-right:auto; }

  1. mw-content-text > .ar0 > .ar1 > *

{ width:12.5%; display:inline-block; height:50px; line-height:50px; text-align:center; color:rgb(255,255,255); font-size:16px; }

  1. mw-content-text > .ar0 > .ar1 > .ar0

{ background-color:#0288D1; }

  1. mw-content-text > .ar0 > .ar1 > a.ar0:hover

{ color:#0288D1; background-color:#B3E5FC; font-weight:bold; }

  1. mw-content-text > .ar0 > .ar1 > .ar1

{ background-color:#03A9F4; }

  1. mw-content-text > .ar0 > .ar1 > a.ar1:hover

{ color:#03A9F4; background-color:#B3E5FC; font-weight:bold; }

  1. mw-content-text > .ar0 > .ar1 > .ar2

{ background-color:#0288D1; }

  1. mw-content-text > .ar0 > .ar1 > a.ar2:hover

{ color:#0288D1; background-color:#B3E5FC; font-weight:bold; }

  1. mw-content-text > .ar0 > .ar1 > .ar3

{ background-color:#03A9F4; }

  1. mw-content-text > .ar0 > .ar1 > a.ar3:hover

{ color:#03A9F4; background-color:#B3E5FC; font-weight:bold; }

  1. mw-content-text > .ar0 > .ar1 > .ar4

{ background-color:#0288D1; }

  1. mw-content-text > .ar0 > .ar1 > a.ar4:hover

{ color:#0288D1; background-color:#B3E5FC; font-weight:bold; }

  1. mw-content-text > .ar0 > .ar1 > .ar5

{ background-color:#03A9F4; }

  1. mw-content-text > .ar0 > .ar1 > a.ar5:hover

{ color:#03A9F4; background-color:#B3E5FC; font-weight:bold; }

  1. mw-content-text > .ar0 > .ar1 > .ar6

{ background-color:#0288D1; }

  1. mw-content-text > .ar0 > .ar1 > a.ar6:hover

{ color:#0288D1; background-color:#B3E5FC; font-weight:bold; }

  1. mw-content-text > .ar0 > .ar1 > .ar7

{ background-color:#03A9F4; }

  1. mw-content-text > .ar0 > .ar1 > a.ar7:hover

{ color:#03A9F4; background-color:#B3E5FC; font-weight:bold; }

/* #navigation-bar = #mw-content-text > .ar0 > .ar2 */

  1. navigation-bar

{ width:80%; margin-left:auto !important; margin-right:auto !important; border-left:10px solid #03A9F4; font-size:16px; background-color:rgba(255,255,255,0); }

  1. navigation-bar > ul > li

{ display:block; }

  1. navigation-bar > ul > li > a

{ padding-bottom:12px; }

.navigation-bar-trans#navigation-bar { color:#0288D1; font-weight:bold; padding-top:15px; border-right:10px solid #03A9F4; background-color:#B3E5FC; background-image:none; box-shadow:0 3px 6px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); }

.navigation-bar-trans > ul > li > a.active { box-shadow:0 -4px 0 rgba(255,255,255,1) inset; }

  1. mw-content-text > .ar0 > .ar3

{ width:90%; padding-left:5%; padding-right:5%; margin-top:10px; margin-left:auto; margin-right:auto; }

  1. mw-content-text > .ar0 > .ar3 > *

{ width:90%; margin-left:5%; margin-right:5%; margin-bottom:40px; transition:all 0.2s cubic-bezier(0.25,0.8,0.25,1); }

  1. mw-content-text > .ar0 > .ar3 h1

{ color:#03A9F4; font-size:32px; font-weight:bold; }

  1. mw-content-text > .ar0 > .ar3 h2

{ color:#212121; font-size:28px; font-weight:bold; }

  1. mw-content-text > .ar0 > .ar3 h3

{ color:#212121; font-size:24px; font-weight:normal; }

  1. mw-content-text > .ar0 > .ar3 p

{ color:#212121; font-size:18px; line-height:28px; margin-bottom:40px; }

  1. mw-content-text > .ar0 > .ar3 img

{ margin-top:32px; }

  1. mw-content-text > .ar0 > .ar3 > .row > hr

{ background-color:#BDBDBD; height:0px; max-width:none; margin-top:14px; margin-bottom:14px; }

  1. mw-content-text .textcontainer

{

}

  1. mw-content-text .imgcontainer

{ text-align:center; }

  1. mw-content-text .imgcontainer p

{ text-align:center; }

  1. mw-content-text > .ar1

{ width:100%; padding-top:25px; margin-top:60px; }

  1. mw-content-text > .ar1 h2

{ font-size:36px; font-weight:bold; color:#03A9F4; }

  1. mw-content-text > .ar1 p

{ margin-left:5%; font-size:16px; color:#212121; }

  1. mw-content-text > .ar1 > hr

{ background-color:#BDBDBD; margin-bottom:60px; height:0px; width:95%; max-width:none; }

  1. mw-content-text > .ar1 > .ar0

{ padding:5px 5px 5px 5px; color:rgb(255,255,255); font-size:24px; text-align:center; }

  1. mw-content-text > .ar1 > .ar1 > hr

{ display:none; }

  1. mw-content-text > .ar1 > .ar2 > hr

{ display:none; }