SUSTC-SZ-B 2013iGEM
From 2013.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
<html> | <html> | ||
- | < | + | <style> |
- | + | body{ | |
- | + | color: #ffffe0; | |
- | + | background-color: #0b3b41; | |
- | + | padding: 0px; | |
- | + | margin: 0px; | |
- | + | font-size: small; | |
- | + | font-family: Helvetica, Geneva, Verdana, Arial, sans-serif; | |
- | + | } | |
- | + | ||
- | + | #blank , | |
- | + | #blank * | |
- | + | { | |
- | + | background-color: transparent; | |
- | + | background-image: url(""); | |
- | + | border-style: none; | |
- | + | margin: 0 auto; | |
- | + | padding: 0; | |
+ | } | ||
+ | |||
+ | /* Remove Top Item (origin item) */ | ||
+ | #top-section | ||
+ | { | ||
+ | /*display: none;*/ | ||
+ | } | ||
+ | #top | ||
+ | { | ||
+ | display: none; | ||
+ | } | ||
+ | h1.firstHeading | ||
+ | { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | * Inner Environment (origin item) */ | ||
+ | #content | ||
+ | { | ||
+ | background-color: transparent; | ||
+ | border-style: none; | ||
+ | } | ||
+ | |||
+ | #footer-box | ||
+ | { | ||
+ | background-color: transparent; | ||
+ | border-style: none; | ||
+ | } | ||
+ | #catlinks | ||
+ | { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | #iheader{ | ||
+ | margin-top: 80px; | ||
+ | text-align: center; | ||
+ | font-size: 2.2em; | ||
+ | } | ||
- | + | #icontent{ | |
- | + | padding: 50px 50px; | |
- | + | padding-bottom: 0px; | |
- | + | width: 500px; | |
- | + | background-color: white; | |
+ | color: black; | ||
+ | margin: 60px auto; | ||
+ | box-shadow:10px 10px 10px #000; | ||
+ | } | ||
- | + | #itag{ | |
- | + | font-size: 1.3em; | |
- | + | background: #8e388e; | |
- | + | position: relative; | |
- | + | left: -80px; | |
- | + | top: -30px; | |
- | + | padding: 7px 10px; | |
- | + | width: 75px; | |
- | + | font-weight: bold; | |
+ | color: white; | ||
+ | margin-bottom: 10px; | ||
+ | } | ||
- | + | h2{ | |
- | + | font-weight: normal; | |
- | + | font-size: 1.8em; | |
- | + | position: relative; | |
- | + | left: 120px; | |
- | + | top: -80px; | |
- | + | } | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | #itext{ | |
- | + | position: relative; | |
- | + | top: -80px; | |
- | + | } | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | #inavigator { | |
- | + | font-weight: thicker; | |
- | + | margin-top: 50px; | |
- | + | text-align: center; | |
+ | font-size: 1.3em; | ||
+ | } | ||
+ | #ihome{ | ||
+ | background: #ffff00; | ||
+ | box-shadow:10px 10px 10px #000; | ||
+ | } | ||
+ | #iproject{ | ||
+ | background: #3cb371; | ||
+ | box-shadow:10px 10px 10px #000; | ||
+ | } | ||
+ | #iteam{ | ||
+ | background: #ff0000; | ||
+ | box-shadow:10px 10px 10px #000; | ||
+ | } | ||
+ | #inavigator a:link, #navigator a:visited{ | ||
+ | color: #000000; | ||
+ | text-decoration: none; | ||
+ | padding: 10px 20px; | ||
+ | margin: 30px; | ||
+ | } | ||
+ | #inavigator a:hover{ | ||
+ | color: #4eee94; | ||
+ | } | ||
- | + | .shadow{ | |
- | + | box-shadow:8px 8px 10px #000; | |
- | + | } | |
- | + | ||
- | + | #ifooter{ | |
- | + | padding-top: 1px; | |
- | + | padding-bottom: 5px; | |
- | + | margin-top: 40px; | |
- | + | margin-bottom: 0px; | |
- | + | text-align: center; | |
- | + | background: #000000; | |
- | + | } | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | </style> | |
- | + | <div id="iheader"> | |
- | + | <a>SUSTC<br />Shenzhen-B</a> | |
- | + | </div> | |
- | + | <div id="icontent"> | |
- | + | <p id="itag"> | |
- | + | Welcome | |
- | + | </p> | |
- | + | <h2> | |
- | + | Haha | |
- | + | </h2> | |
- | + | <div id="itext"> | |
- | + | <p> | |
- | + | This is a template page. READ THESE INSTRUCTIONS. | |
- | + | </p> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</div> | </div> | ||
- | + | </div> | |
- | </ | + | <div id="inavigator"> |
+ | <a id="ihome" class="shadow" href="home.html">HOME</a> | ||
+ | <a id="iproject" class="shadow" href="project.html">PROJECT</a> | ||
+ | <a id="iteam" class="shadow" href="team.html">TEAM</a> | ||
+ | </div> | ||
+ | <div id="ifooter"> | ||
+ | <p> | ||
+ | SUSTC-Shenzhen-B | ||
+ | </p> | ||
+ | <p> | ||
+ | igem2013@sustc.edu.cn | ||
+ | </p> | ||
+ | <script type="text/javascript" charset="UTF-8"> | ||
+ | (function(){ | ||
+ | var _w = 24 , _h = 24; | ||
+ | var param = { | ||
+ | url:location.href, | ||
+ | type:'2', | ||
+ | count:'', /**是否显示分享数,1显示(可选)*/ | ||
+ | appkey:'', /**您申请的应用appkey,显示分享来源(可选)*/ | ||
+ | title:'#iGEM#我刚刚浏览了SUSTC-Shenzhen-B的Wiki。真的是太赞了!', /**分享的文字内容(可选,默认为所在页面的title)*/ | ||
+ | pic:'', /**分享图片的路径(可选)*/ | ||
+ | ralateUid:'', /**关联用户的UID,分享微博会@该用户(可选)*/ | ||
+ | language:'zh_cn', /**设置语言,zh_cn|zh_tw(可选)*/ | ||
+ | dpc:1 | ||
+ | } | ||
+ | var temp = []; | ||
+ | for( var p in param ){ | ||
+ | temp.push(p + '=' + encodeURIComponent( param[p] || '' ) ) | ||
+ | } | ||
+ | document.write('<iframe allowTransparency="true" frameborder="0" scrolling="no" src="http://service.weibo.com/staticjs/weiboshare.html?' + temp.join('&') + '" width="'+ _w+'" height="'+_h+'"></iframe>') | ||
+ | })() | ||
+ | </script> | ||
+ | </div> | ||
</html> | </html> |
Revision as of 07:43, 6 August 2013
Welcome
Haha
This is a template page. READ THESE INSTRUCTIONS.