Team:Fudan
From 2013.igem.org
(Difference between revisions)
Line 3: | Line 3: | ||
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> | <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> | ||
<title>ALeader</title> | <title>ALeader</title> | ||
- | |||
- | |||
- | |||
- | |||
<STYLE type="text/css"> | <STYLE type="text/css"> | ||
- | + | html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0} | |
+ | body{ | ||
+ | background-color:#eaf0f4; | ||
+ | } | ||
+ | a{ | ||
+ | text-decoration: none; | ||
+ | color: white; | ||
+ | } | ||
+ | a:hover{ | ||
+ | text-decoration: none; | ||
+ | color: white; | ||
+ | } | ||
+ | a:active{ | ||
+ | text-decoration: none; | ||
+ | color: white; | ||
+ | } | ||
+ | a:visited{ | ||
+ | text-decoration: none; | ||
+ | color: white; | ||
+ | } | ||
+ | #top-section{ | ||
+ | height: 0px; | ||
+ | border:none; | ||
+ | } | ||
+ | #search-controls{ | ||
+ | display: none; | ||
+ | } | ||
+ | #p-logo{ | ||
+ | display: none; | ||
+ | } | ||
+ | #total-wrap{ | ||
+ | position:absolute; | ||
+ | width: 1215px; | ||
+ | left: 50%; | ||
+ | right: 50%; | ||
+ | margin-left: -607px; | ||
+ | color: white; | ||
+ | } | ||
+ | #header{ | ||
+ | height: 263px; | ||
+ | background-image:url("../img/banner.png"); | ||
+ | background-position: top center; | ||
+ | background-repeat: no-repeat; | ||
+ | border-radius:3px; | ||
+ | overflow: hidden; | ||
+ | width: 1214px; | ||
+ | } | ||
+ | #emp{ | ||
+ | height:200px; | ||
+ | } | ||
+ | #top-menu{ | ||
+ | display: inline-block; | ||
+ | padding-left:20px; | ||
+ | background-color: #394264; | ||
+ | width: 1195px; | ||
+ | } | ||
+ | @font-face { | ||
+ | font-family: ubuntu; | ||
+ | src:url(Ubuntu-R.ttf); | ||
+ | } | ||
+ | .top-menu-each{ | ||
+ | height: 63px; | ||
+ | |||
+ | font-family: ubuntu,"宋体"; | ||
+ | color: white; | ||
+ | font-size: 21px; | ||
+ | float: left; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | |||
+ | .top-menu-each p{ | ||
+ | float: left; | ||
+ | padding-right: 30px; | ||
+ | padding-left: 30px; | ||
+ | line-height: 63px; | ||
+ | } | ||
+ | .arrow{ | ||
+ | float: left; | ||
+ | background-image: url("../img/arrow.png"); | ||
+ | line-height: 63px; | ||
+ | width: 12px; | ||
+ | height: 9px; | ||
+ | margin-left: 9px; | ||
+ | margin-right: 9px; | ||
+ | margin-top: 30px; | ||
+ | position: absolute; | ||
+ | |||
+ | } | ||
+ | .top-menu-each:hover{ | ||
+ | background-color: #50597B; | ||
+ | border-bottom-style:solid; | ||
+ | border-bottom-width: 2px; | ||
+ | border-bottom-color:#11a8ab; | ||
+ | height: 61px; | ||
+ | |||
+ | } | ||
+ | .top-menu-each.click{ | ||
+ | background-color: #50597B; | ||
+ | border-bottom-style:solid; | ||
+ | border-bottom-width: 2px; | ||
+ | border-bottom-color:#11a8ab; | ||
+ | height: 61px; | ||
+ | } | ||
+ | .top-menu-sub{ | ||
+ | position: absolute; | ||
+ | margin-top: 63px; | ||
+ | z-index: 10; | ||
+ | min-width: 215px; | ||
+ | } | ||
+ | .top-menu-sub li{ | ||
+ | background-color: #394264; | ||
+ | border-top-style: solid; | ||
+ | border-bottom-style: solid; | ||
+ | border-top-width: 1px; | ||
+ | border-bottom-width: 1px; | ||
+ | border-top-color: #11a8ab; | ||
+ | border-bottom-color: #11a8ab; | ||
+ | padding-left: 30px; | ||
+ | padding-right: 20px; | ||
+ | height: 55px; | ||
+ | line-height: 55px; | ||
+ | cursor:pointer; | ||
+ | } | ||
+ | .top-menu-sub li:hover{ | ||
+ | background-color: #50597B; | ||
+ | } | ||
+ | #big-photo{ | ||
+ | margin-top: 65px; | ||
+ | height: 500px; | ||
+ | width: 1214px; | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | #big-photo img{ | ||
+ | height: 500px; | ||
+ | width: 1214px; | ||
+ | position: absolute; | ||
+ | |||
+ | } | ||
+ | #big-photo-hover{ | ||
+ | height: 130px; | ||
+ | padding-left: 35px; | ||
+ | padding-right: 10px; | ||
+ | background-image: url('../img/big-photo-hover.png'); | ||
+ | background-repeat: no-repeat; | ||
+ | margin-top: -130px; | ||
+ | position: absolute; | ||
+ | margin-top: 370px; | ||
+ | width: 1169px; | ||
+ | } | ||
+ | @font-face { | ||
+ | font-family: helveticamd; | ||
+ | src:url(HelveticaNeueLTStd-Md.otf); | ||
+ | } | ||
+ | @font-face { | ||
+ | font-family: helveticalt; | ||
+ | src:url(HelveticaNeueLTStd-Lt.otf); | ||
+ | } | ||
+ | #big-photo-hover .header{ | ||
+ | font-size: 30px; | ||
+ | line-height: 30px; | ||
+ | font-family: helveticalmd,"微软雅黑"; | ||
+ | font-weight: bold; | ||
+ | padding-top: 25px; | ||
+ | margin-bottom: 10px; | ||
+ | } | ||
+ | #big-photo-hover .content{ | ||
+ | font-size: 23px; | ||
+ | line-height: 23px; | ||
+ | font-family: helveticallt,"微软雅黑"; | ||
+ | } | ||
+ | #big-photo-wrap{ | ||
+ | position: absolute; | ||
+ | width: 1214px; | ||
+ | height: 500px; | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | #small-photo{ | ||
+ | margin-top: 15px; | ||
+ | display: inline-block; | ||
+ | margin-bottom: 335px; | ||
+ | } | ||
+ | .small-photo-each{ | ||
+ | width: 351px; | ||
+ | height: 410px; | ||
+ | padding-top: 10px; | ||
+ | padding-bottom:5px; | ||
+ | padding-left: 10px; | ||
+ | padding-right: 10px; | ||
+ | margin-right: 51px; | ||
+ | float: left; | ||
+ | background-color: white; | ||
+ | } | ||
+ | .small-photo-each img{ | ||
+ | width: 351px; | ||
+ | height: 410px; | ||
+ | } | ||
+ | .small-photo-each.last{ | ||
+ | margin-right: 0px; | ||
+ | } | ||
+ | #footer{ | ||
+ | |||
+ | height: 180px; | ||
+ | background-color: #394264; | ||
+ | border-top-left-radius:8px; | ||
+ | border-top-right-radius:8px; | ||
+ | } | ||
+ | #main-content{ | ||
+ | margin-top: 40px; | ||
+ | display: inline-block; | ||
+ | } | ||
+ | #left-bar{ | ||
+ | width: 225px; | ||
+ | border-radius: 3px; | ||
+ | overflow: hidden; | ||
+ | position: absolute; | ||
+ | } | ||
+ | .left-bar-each{ | ||
+ | height: 60px; | ||
+ | background-color: #394264; | ||
+ | font-family: ubuntu,"宋体"; | ||
+ | font-size: 18px; | ||
+ | line-height: 60px; | ||
+ | padding-left: 30px; | ||
+ | cursor: pointer; | ||
+ | border-bottom-style: solid; | ||
+ | border-bottom-color: #1f253d; | ||
+ | border-bottom-width: 1px; | ||
+ | } | ||
+ | .left-bar-each:hover{ | ||
+ | background-color: #50597b; | ||
+ | } | ||
+ | .left-bar-each.top{ | ||
+ | background-color: #38b7c4; | ||
+ | text-align:center; | ||
+ | padding-left: 0px; | ||
+ | } | ||
+ | .left-bar-each.top:hover{ | ||
+ | background-color: #38b7c4; | ||
+ | } | ||
+ | .left-bar-sub .left-bar-each{ | ||
+ | padding-left: 90px; | ||
+ | } | ||
+ | #middle-photo{ | ||
+ | float: left; | ||
+ | margin-bottom: 445px; | ||
+ | } | ||
+ | .middle-photo-each{ | ||
+ | padding:9px 9px 9px 9px; | ||
+ | background-color: white; | ||
+ | margin-bottom: 15px; | ||
+ | margin-left: 250px; | ||
+ | |||
+ | } | ||
+ | .middle-photo-each .middle-content{ | ||
+ | height: 400px; | ||
+ | width: 947px; | ||
+ | } | ||
+ | .middle-content img{ | ||
+ | float: left; | ||
+ | } | ||
+ | #examplepic{ | ||
+ | width: 100px; | ||
+ | height:60px; | ||
+ | } | ||
+ | .middle-content p{ | ||
+ | color: black; | ||
+ | font-size: 16px; | ||
+ | font-family: "微软雅黑"; | ||
+ | line-height: 20px; | ||
+ | } | ||
+ | #team-content{ | ||
+ | margin-top: 15px; | ||
+ | margin-bottom: 95px; | ||
+ | } | ||
+ | .team-photo img{ | ||
+ | width: 1215px; | ||
+ | } | ||
+ | .team-photo{ | ||
+ | margin-bottom: -2px; | ||
+ | } | ||
+ | #top{ | ||
+ | background-image:url('../img/top.png'); | ||
+ | width: 57px; | ||
+ | height: 57px; | ||
+ | position: fixed; | ||
+ | top: 80%; | ||
+ | margin-left: 1285px; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | #logo{ | ||
+ | position: absolute; | ||
+ | background-image: url("../img/logo.png"); | ||
+ | width: 154px; | ||
+ | height: 147px; | ||
+ | margin-left: 1000px; | ||
+ | margin-top: 30px; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | #footer-box{ | ||
+ | display: none; | ||
+ | } | ||
+ | .firstHeading{ | ||
+ | display: none; | ||
+ | } | ||
+ | #content{ | ||
+ | border:none; | ||
+ | background: none; | ||
+ | } | ||
</STYLE> | </STYLE> | ||
+ | <link rel="stylesheet" type="text/css" href="http://202.77.178.177/css/reset.css" media="all" /> | ||
+ | <link rel="stylesheet" type="text/css" href="http://202.77.178.177/css/style.css" media="all" /> | ||
+ | <script type="text/javascript" src="http://202.77.178.177/js/jquery-1.9.min.js"></script> | ||
+ | <script type="text/javascript" src="http://202.77.178.177/js/main.js"></script> | ||
+ | |||
</head> | </head> | ||
<body><div id="total-wrap"> | <body><div id="total-wrap"> |
Revision as of 15:28, 28 October 2013
![pic](http://202.77.178.177/img/big1.jpg)
Our Team
Conducted by two kind teachers, Fudan iGem 2013 team is full of students who are energetic with the scientific works. This summer, they have spent an unforgetable period of time together.