Team:UESTC-China/Team
From 2014.igem.org
(Difference between revisions)
Line 4: | Line 4: | ||
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> | <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> | ||
<title>UESTC-China</title> | <title>UESTC-China</title> | ||
- | |||
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script> | <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script> | ||
<script src="http://immunet.cn/smorf/css/fudanjs.js"> | <script src="http://immunet.cn/smorf/css/fudanjs.js"> | ||
</script> | </script> | ||
+ | <style> | ||
+ | |||
+ | 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:#bfbfbf; | ||
+ | } | ||
+ | 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: 280px; | ||
+ | background-image:url("https://static.igem.org/mediawiki/2014/a/a3/Newbanner.jpg"); | ||
+ | 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: helveticallt,"微软雅黑"; | ||
+ | color: white; | ||
+ | font-size: 21px; | ||
+ | float: left; | ||
+ | cursor: pointer; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | .top-menu-each p{ | ||
+ | float: left; | ||
+ | padding-right: 30px; | ||
+ | padding-left: 30px; | ||
+ | line-height: 63px; | ||
+ | } | ||
+ | .arrow{ | ||
+ | float: left; | ||
+ | background-image: url("http://fudanigem.phx-2.ifreeurl.com/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: 5px; | ||
+ | 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('http://fudanigem.phx-2.ifreeurl.com/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: helveticallt,"微软雅黑"; | ||
+ | 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; | ||
+ | margin-top: 30px; | ||
+ | } | ||
+ | #main-content{ | ||
+ | position:absolute; | ||
+ | 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: helveticallt,"微软雅黑"; | ||
+ | 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:0px 0px 0px 0px; | ||
+ | background-color: white; | ||
+ | margin-bottom: 15px; | ||
+ | margin-left: 0px; | ||
+ | |||
+ | } | ||
+ | .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: helveticallt,"微软雅黑"; | ||
+ | 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('http://fudanigem.phx-2.ifreeurl.com/img/top.png'); | ||
+ | width: 57px; | ||
+ | height: 57px; | ||
+ | position: fixed; | ||
+ | top: 80%; | ||
+ | margin-left: 1205px; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | #logo{ | ||
+ | position: absolute; | ||
+ | background-image: url("https://static.igem.org/mediawiki/2014/9/99/NewLogo.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; | ||
+ | } | ||
+ | li{ | ||
+ | color:white; | ||
+ | } | ||
+ | </style> | ||
</head> | </head> | ||
Revision as of 08:28, 25 July 2014