Team:LZU-China/Parts
From 2013.igem.org
(Difference between revisions)
(Prototype team page) |
Membership (Talk | contribs) |
||
Line 1: | Line 1: | ||
- | < | + | <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 */ | ||
- | + | /**** alter igem default setting ***/ | |
- | + | #blank *{ width: 960px; border-style: none; margin: 0 auto; padding: 0; background-color: #000;} | |
- | + | #globalWrapper{ overflow: hidden; background-color: #000;} | |
- | + | #top,#header,h1.firstHeading,#catlinks{display: none;} | |
- | + | #content{width: 960px; background-attachment: scroll; overflow: hidden; border-style: none; background-color: #000;} | |
- | + | #footer-box{position:relative; z-index:100; background:none; border:none;} | |
- | + | #footer-box a{color:#FFF; font-size:13px;} | |
- | + | #footer #f-poweredbyico, #footer #f-copyrightico{display:none;} | |
- | + | #top-section{height:20px; border:none;} | |
- | + | #top-section #p-logo,#top-section .left-menu, #top-section #search-controls{display:none;} | |
- | + | #top-section .right-menu a{font-size:13px; font-weight:bold; color:#FFF; padding:2px 5px 2px 5px; background:none; text-decoration:none;} | |
- | + | #top-section .right-menu a:hover{color:#ffb600;} | |
- | + | #bodyContent h1, #bodyContent h2, #bodyContent h3{ margin-bottom:3px;} | |
- | + | body{height:100px;background-color:#000;} | |
- | { | + | .body-in{margin:0 auto; overflow:auto; padding-bottom:50px; font-family:"微软雅黑", Arial; width:960px;} |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | /** 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;} | ||
+ | .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);} | ||
- | < | + | |
+ | .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;} | ||
+ | |||
+ | |||
+ | /*** center alone ***/ | ||
+ | .main-center .alone{border:1px solid #333; padding:20px; min-height:300px;} | ||
+ | </style> | ||
+ | |||
+ | <title>progect</title> | ||
+ | |||
+ | </head> | ||
+ | |||
+ | <body> | ||
+ | |||
+ | <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/Parts&action=edit">edit</a> | ||
+ | <a target="_self" href="https://2013.igem.org/Team:LZU-China/Parts">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>Project</li></a> | ||
+ | <a href="https://2013.igem.org/Team:LZU-China/Parts"><li class="selected">Parts</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"> </div> | ||
+ | |||
+ | </body> | ||
+ | |||
+ | <script type="text/javascript"> | ||
+ | (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 09:15, 27 September 2013
指导老师
学生
在这里介绍人
asdfasdf
LanZhou University | 222 TianShui South Road, ChengGuan District, LanZhou, China, 730000
E-mail:hwang2013@lzu.edu.cn
LanZhou University © 2013 Privacy Policy
E-mail:hwang2013@lzu.edu.cn
LanZhou University © 2013 Privacy Policy