Team:LZU-China/Team

From 2013.igem.org

(Difference between revisions)
(→Who we are)
Line 1: Line 1:
-
<!-- *** What falls between these lines is the Alert Box!  You can remove it from your pages once you have read and understood the alert *** -->
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 +
<html xmlns="http://www.w3.org/1999/xhtml">
 +
<head>
 +
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
 +
<style type="text/css">
 +
/* main color : #ffb600 */
-
<html>
+
/**** alter igem default setting ***/
-
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #000; background-color: #fe2b33;">
+
#blank *{ width: 960px; border-style: none; margin: 0 auto; padding: 0; background-color: #000;}
-
<div id="template" style="text-align: center; font-weight: bold; font-size: large; color: #f6f6f6; padding: 5px;">
+
#globalWrapper{ overflow: hidden; background-color: #000;}
-
This is a template page. READ THESE INSTRUCTIONS.
+
#top,#header,h1.firstHeading,#catlinks{display: none;}
-
</div>
+
#content{width: 960px; background-attachment: scroll; overflow: hidden; border-style: none; background-color: #000;}
-
<div id="instructions" style="text-align: center; font-weight: normal; font-size: small; color: #f6f6f6; padding: 5px;">
+
#footer-box{position:relative; z-index:100; background:none; border:none;}
-
You are provided with this team page template with which to start the iGEM season. You may choose to personalize it to fit your team but keep the same "look." Or you may choose to take your team wiki to a different level and design your own wiki.  You can find some examples <a href="https://2008.igem.org/Help:Template/Examples">HERE</a>.
+
#footer-box a{color:#FFF; font-size:13px;}
-
</div>
+
#footer #f-poweredbyico, #footer #f-copyrightico{display:none;}
-
<div id="warning" style="text-align: center; font-weight: bold; font-size: small; color: #f6f6f6; padding: 5px;">
+
#top-section{height:20px; border:none;}
-
You <strong>MUST</strong> have all of the pages listed in the menu below with the names specified. PLEASE keep all of your pages within your teams namespace. 
+
#top-section #p-logo,#top-section .left-menu, #top-section #search-controls{display:none;}
-
</div>
+
#top-section .right-menu a{font-size:13px; font-weight:bold; color:#FFF; padding:2px 5px 2px 5px; background:none; text-decoration:none;}
-
</div>
+
#top-section .right-menu a:hover{color:#ffb600;}
-
</html>
+
#bodyContent h1, #bodyContent h2, #bodyContent h3{ margin-bottom:3px;}
-
<!-- *** End of the alert box *** -->
+
body{height:100px;background-color:#000;}
 +
.body-in{margin:0 auto; overflow:auto; padding-bottom:50px; font-family:"微软雅黑", Arial; width:960px;}
-
{|align="justify"
 
-
|You can write a background of your team here.  Give us a background of your team, the members, etc.  Or tell us more about something of your choosing.
 
-
|[[Image:LZU-China_logo.png|200px|right|frame]]
 
-
|-
 
-
|
 
-
|[[Image:LZU-China_team.png|right|frame|Your team picture]]
 
-
|-
 
-
|
 
-
|align="center"|[[Team:LZU-China | Team LZU-China]]
 
-
|}
 
-
<!--- The Mission, Experiments --->
+
/** logo ***/
 +
.main-top .logo{background-image:url(https://static.igem.org/mediawiki/2013/b/bd/LZU-China_top.png); height:210px; background-repeat:no-repeat;}
 +
.main-top .logo .op-box{display:none;}
 +
.main-top .logo .op-box a{font-size:13px; padding:2px 5px 2px 5px; background-color:#FDD95B; color:#333; text-decoration:none; color:blue; margin-right:5px;}
 +
.main-top .logo .op-box a:hover{text-decoration:underline;}
 +
.main-top .logo:hover .op-box{display:block;}
-
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
+
/**** main items ****/
-
!align="center"|[[Team:LZU-China|Home]]
+
ul.main-items{line-height:40px; overflow:auto; padding:0; margin-left:0;}
-
!align="center"|[[Team:LZU-China/Team|Team]]
+
.main-items a{ text-decoration:none;}
-
!align="center"|[https://igem.org/Team.cgi?year=2013&team_name=LZU-China Official Team Profile]
+
.main-items li{ margin:0; padding:0;background-color:#ffb600; width:94px; color:#FFF; margin-left:3px; line-height:40px; float:left; padding:0 5px 0 5px; overflow:hidden;text-align:center; font-weight:bold; list-style-type:none; cursor:pointer;}
-
!align="center"|[[Team:LZU-China/Project|Project]]
+
.main-items li.item1{ margin-left:0;}
-
!align="center"|[[Team:LZU-China/Parts|Parts Submitted to the Registry]]
+
.main-items li:hover, .main-items li.selected{ background-color:#555; color:#fff;}
-
!align="center"|[[Team:LZU-China/Modeling|Modeling]]
+
-
!align="center"|[[Team:LZU-China/Notebook|Notebook]]
+
-
!align="center"|[[Team:LZU-China/Safety|Safety]]
+
-
!align="center"|[[Team:LZU-China/Attributions|Attributions]]
+
-
|}
+
 +
.main-center{overflow:auto; margin-top:30px; position:relative;}
 +
/***** left items******/
 +
.center-left{width:200px; color:#333; position:absolute; left:0; top:0;}
 +
.center-left a{ text-decoration:none;}
 +
.center-left h1,.center-left h2,.center-left h3{margin:0; cursor:pointer; padding:3px 0 3px 0; font-weight:normal; color:#FFF; border:1px solid #222;
 +
margin-bottom:3px; background-repeat:no-repeat;}
 +
.center-left h1:hover,.center-left h2:hover,.center-left h3:hover{ background-color:#ffb600;}
 +
.center-left h1{ font-size:16px; padding-left:10px; line-height:36px;}
 +
.center-left h2{ font-size:14px; padding-left:55px; line-height:28px; background-image:url(https://static.igem.org/mediawiki/2013/6/61/Layer_2_left_bg.png);}
 +
.center-left h3{ font-size:13px; padding-left:95px; line-height:22px; background-image:url(https://static.igem.org/mediawiki/2013/0/07/Layer_3_left_bg.png);}
-
== '''Who we are''' ==
+
.main-bottom{margin-top:80px; color:#FFF; text-align:center; font-size:13px; border-top:1px solid #666; padding-top:5px;}
-
{|border = "0"
+
.main-bottom a{color:#FFF;}
-
|-
+
.main-bottom a:hover{color:#ffb600;}
-
|rowspan="3"|
+
 +
/** main bg **/
 +
#main-bg-box {position: fixed;height:214px; width:100%; left:0px; text-indent:10px; bottom: 0px; background-image:url(https://static.igem.org/mediawiki/2013/7/7c/Main_bottom_bg.png); background-repeat:no-repeat; z-index:-1;}
 +
* HTML #main-bg-box {position: absolute; bottom: auto; ; top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))-0); }
 +
/*** right content ***/
 +
.center-right{width:680px; color:#FFF; float:right; padding:20px; min-height:400px; border:1px solid #333;}
-
'''Instructors:'''    Jinbo Yang
+
/*** home page **/
 +
.main-center .home-items{ margin:0 auto; width:960px;}
 +
.main-center .home-items a{ margin-left:76px; margin-top:30px; display:inline-block; border:none;}
 +
.main-center .home-items a.item1{ margin-left:0;}
 +
.main-center .home-items a.special{ margin-left:170px;}
 +
.main-center .home-items a img{ width:260px; height:190px; border:none; margin:3px;}
 +
.main-center .home-items a img:hover{ margin:0; border:3px solid #fff;}
 +
/***** team page ****/
 +
.team{padding:10px; padding-top:30px;}
 +
.team .one{border-bottom:2px solid #333; margin-bottom:30px; padding:0 20px 30px 20px;}
 +
.team .one img{ width:240px; height:240px;}
 +
.team .one .desc{ float:right;  padding:15px; width:220px; height:150px; margin:30px 10px 0 0;width:300px; font-size:14px;}
-
'''Advisors:'''    Hou Jianwen
 
-
'''Undergrads:'''
+
/*** center alone ***/
 +
.main-center .alone{border:1px solid #333; padding:20px; min-height:300px;}
 +
</style>
-
*'''Student 1''':    Xiaomeng LI
+
<title>team</title>
-
*'''Student 2''':    Han Wang
+
-
*'''Student 3''':    Qi Zhang
+
-
*'''Student 4''':    Ruohan Zhu
+
 +
</head>
-
|
+
<body>
-
<gallery>
+
-
Image:Example2_Team_member_1.png|Team member 1
+
-
Image:Example2_Team_member_2.png|Team member 2
+
-
Image:Example2_Team_member_3.png|Team member 3
+
-
Image:Example2_Team_member_4.png|Team member 4
+
-
Image:Example2_Team_member_5.png|Team member 5
+
-
Image:Example2_Team_member_6.png|Team member 6
+
-
Image:Example2_Team_member_7.png|Team member 7
+
-
</gallery>
+
-
|}
+
-
== '''What we did''' ==
+
<div class="body-in">
 +
    <div class="main-top">
 +
        <div class="logo">
 +
        <div class="op-box">
 +
            <a target="_self" href="https://2013.igem.org/wiki/index.php?title=Team:LZU-China/Team&action=edit">edit</a>
 +
            <a target="_self" href="https://2013.igem.org/Team:LZU-China/Team">view</a>
 +
            </div>
 +
        </div>
 +
        <ul class="main-items">
 +
            <a href="https://2013.igem.org/Team:LZU-China"><li class="item1 selected">Home</li></a>
 +
            <a href="https://2013.igem.org/Team:LZU-China/Team"><li>Team</li></a>
 +
            <a href="https://igem.org/Team.cgi?year=2013&team_name=LZU-China"><li>Profile</li></a>
 +
            <a href="https://2013.igem.org/Team:LZU-China/Project"><li>Project</li></a>
 +
            <a href="https://2013.igem.org/Team:LZU-China/Parts"><li>Rigistry</li></a>
 +
            <a href="https://2013.igem.org/Team:LZU-China/Notebook"><li>Notobook</li></a>
 +
            <a href="https://2013.igem.org/Team:LZU-China/Safety"><li>Safety</li></a>
 +
            <a href="https://2013.igem.org/Team:LZU-China/Attributions"><li>Attributions</li></a>
 +
            <a href="https://2013.igem.org/Team:LZU-China/HumanPractice"><li>H.P.</li></a>
 +
        </ul>
 +
    </div>
 +
   
 +
    <div class="main-center" id="main-center">
 +
        <div class="center-left" id="center-left">
 +
        <h1>指导老师</h1>
 +
        <h1>学生</h1>
 +
                <a href="#p1"><h2>李晓梦</h2></a>
 +
                <a href="#p2"><h2>斌哥</h2></a>           
 +
        <h3>哈哈</h3>
 +
        </div>
 +
       
 +
        <div class="center-right">
 +
        <div class="team">
 +
                <div class="one" id="p1">
 +
                    <div class="desc">在这里介绍人</div>
 +
                    <img src="https://static.igem.org/mediawiki/2013/5/57/LZU-China_team.png" />
 +
                </div>
 +
                <div class="one" id="p2">
 +
                    <div class="desc">asdfasdf</div>
 +
                    <img src="https://static.igem.org/mediawiki/2013/5/57/LZU-China_team.png" />
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </div>
 +
    <div class="main-bottom">
 +
    LanZhou University | 222 TianShui South Road, ChengGuan District, LanZhou, China, 730000<br>
 +
        E-mail:hwang2013@lzu.edu.cn<br>
 +
LanZhou University © 2013 <a target="_new" href="http://en.lzu.edu.cn">Privacy Policy</a>
 +
    </div>
 +
</div>
-
(Provide proper attribution for all work)
+
<div id="main-bg-box">&nbsp;</div>
 +
   
 +
</body>
-
 
+
<script type="text/javascript">
-
== '''Where we're from''' ==
+
(function(){
 +
var deal = {
 +
setItemPos : function(e){
 +
var sc = $(document).scrollTop();
 +
var space =  sc - e.parent().offset().top;
 +
e.css({top: (space<0? 0 : space) +'px'});
 +
}
 +
}
 +
window.onscroll = function(){deal.setItemPos($("#center-left"));}
 +
}
 +
)();
 +
</script>
 +
</html>

Revision as of 08:56, 27 September 2013

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> team

指导老师

学生

李晓梦

斌哥

哈哈

在这里介绍人
asdfasdf
LanZhou University | 222 TianShui South Road, ChengGuan District, LanZhou, China, 730000
E-mail:hwang2013@lzu.edu.cn
LanZhou University © 2013 Privacy Policy
 

Retrieved from "http://2013.igem.org/Team:LZU-China/Team"