"
Team:LZU-China/HumanPractice
From 2013.igem.org
(Difference between revisions)
Membership (Talk | contribs) |
Membership (Talk | contribs) |
||
| Line 2: | Line 2: | ||
<head> | <head> | ||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | <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"> | ||
| + | @charset "utf-8"; | ||
| + | /* CSS Document | ||
| + | 主色调：#ffb600 | ||
| + | |||
| + | */ | ||
| + | body{background-color:#000; font-family:"微软雅黑", Arial;} | ||
| + | |||
| + | .body-in{width:960px; margin:0 auto; overflow:auto; padding-bottom:50px;} | ||
| + | |||
| + | /** logo ***/ | ||
| + | .main-top .logo{background-image:url(https://static.igem.org/mediawiki/2013/b/bd/LZU-China_top.png); height:210px;} | ||
| + | .main-top .logo .op-box{display:none;} | ||
| + | .main-top .logo .op-box a{font-size:13px; padding:2px 5px 2px 5px; background-color:#FFF; 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;} | ||
| + | |||
| + | /****导航样式****/ | ||
| + | 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:93px; 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;} | ||
| + | .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:14px; border-top:1px solid #666; padding-top:5px;} | ||
| + | |||
| + | |||
| + | /** 背景 **/ | ||
| + | #main-bg-box {position: fixed;height:214px; width:100%; 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); } | ||
| + | |||
| + | /*** 右边内容 ***/ | ||
| + | .center-right{width:680px; color:#FFF; float:right; padding:20px; min-height:400px; border:1px solid #333;} | ||
| + | |||
| + | |||
| + | /***主页**/ | ||
| + | .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{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;} | ||
| + | </style> | ||
<title>呵呵</title> | <title>呵呵</title> | ||
Revision as of 05:31, 27 September 2013
IGEM — 兰州大学
