Team:LZU-China/Project

From 2013.igem.org

(Difference between revisions)
(Prototype team page)
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;}
-
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
 
-
!align="center"|[[Team:LZU-China|Home]]
 
-
!align="center"|[[Team:LZU-China/Team|Team]]
 
-
!align="center"|[https://igem.org/Team.cgi?year=2013&team_name=LZU-China Official Team Profile]
 
-
!align="center"|[[Team:LZU-China/Project|Project]]
 
-
!align="center"|[[Team:LZU-China/Parts|Parts Submitted to the Registry]]
 
-
!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]]
 
-
|}
 
 +
/** 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;}
 +
/**** main items ****/
 +
ul.main-items{line-height:40px; overflow:auto; padding:0; margin-left:0;}
 +
.main-items a{ text-decoration:none;}
 +
.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;}
 +
.main-items li.item1{ margin-left:0;}
 +
.main-items li:hover, .main-items li.selected{ background-color:#555; color:#fff;}
-
== '''Overall project''' ==
+
.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);}
-
Tell us more about your project.  Give us background.  Use this is the abstract of your project.  Be descriptive but concise (1-2 paragraphs)
 
 +
.main-bottom{margin-top:80px; color:#FFF; text-align:center; font-size:13px; border-top:1px solid #666; padding-top:5px;}
 +
.main-bottom a{color:#FFF;}
 +
.main-bottom a:hover{color:#ffb600;}
 +
/** 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;}
 +
/*** 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;}
-
== Project Details==
 
 +
/*** center alone ***/
 +
.main-center .alone{border:1px solid #333; padding:20px; min-height:300px;}
 +
</style>
 +
<title>progect</title>
 +
</head>
 +
<body>
-
=== Part 2 ===
+
<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">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 class="selected">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>
 +
        </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>
 +
<div id="main-bg-box">&nbsp;</div>
 +
   
 +
</body>
-
 
+
<script type="text/javascript">
-
 
+
(function(){
-
 
+
var deal = {
-
=== The Experiments ===
+
setItemPos : function(e){
-
 
+
var sc = $(document).scrollTop();
-
 
+
var space = sc - e.parent().offset().top;
-
 
+
e.css({top: (space<0? 0 : space) +'px'});
-
 
+
}
-
=== Part 3 ===
+
}
-
 
+
window.onscroll = function(){deal.setItemPos($("#center-left"));}
-
 
+
}
-
 
+
)();
-
 
+
</script>
-
== Results ==
+
</html>

Revision as of 08:58, 27 September 2013

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

指导老师

学生

在这里介绍人
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/Project"