Template:CSS/hxstyle

From 2014.igem.org

(Difference between revisions)
(Created page with "<html> <head> <script> $(function(){ $(".hx-menu h3").click(function(){ $(this).parent().find(".twolevel").toggle(); $(this).find("i").toggle(); $(this).find("b").tog...")
Line 11: Line 11:
})
})
</script>
</script>
 +
 +
<style>
 +
*{padding:0;margin:0;}
 +
body { font-family: 微软雅黑; font-size: 12px; color: #333333; padding: 0px; margin: 0px; background: #eee;line-height:180%;}
 +
div, span, ul, li, p, h1, h2, h3, h4, h5, h6, img, p, dl, dd, dt { font-family: 微软雅黑; margin: 0px; padding: 0px;  }
 +
ul,li,ol{ list-style: none; }
 +
a, a:link, a:visited, a:active {text-decoration: none}
 +
a { color: #333333; text-decoration: none; font-family: 微软雅黑; font-size: 12px; }
 +
a:hover{ text-decoration:none;}
 +
a img {border: 0;}
 +
 +
 +
.firstHeading{display: none;}
 +
.hx-wrapper{background:#c3e4f5;font-size:12px;line-height:22px;}
 +
 +
.hx-wrapper .hd{background:url(https://static.igem.org/mediawiki/2014/9/9d/Hx-banner.jpg) no-repeat center top #c3e4f5;height:465px;}
 +
 +
.hx-content{width:1000px;position:relative;margin:0 auto;background:url(https://static.igem.org/mediawiki/2014/6/64/Hx-mainbg.jpg) no-repeat center top #fff;min-height:1300px;padding-bottom:30px;}
 +
.hx-content .element{position:absolute;z-index:9;}
 +
.hx-content .elementico1{background:url(https://static.igem.org/mediawiki/2014/b/bb/Hx-element1.png) no-repeat;left:-20px;top:34px;width:100px;height:639px;}
 +
.hx-content .elementico2{background:url(https://static.igem.org/mediawiki/2014/c/c7/Hx-element2.png) no-repeat;left: 19px;top: 693px;width:128px;height:375px;}
 +
.hx-content .elementico3{background:url(https://static.igem.org/mediawiki/2014/e/e0/Hx-element3.png) no-repeat;left: 22px;top: 1007px;width:642px;height:326px;}
 +
.hx-content .wp{padding:40px 50px 40px 60px;height:1045px;}
 +
.hx-content .hx-side{position:relative;width:220px;padding-top:10px;float:left;}
 +
.hx-side li{background:#0c9ccc;margin-top:10px;}
 +
.hx-side h3{height:40px;padding:0 10px 0 25px;line-height:40px;position:relative;}
 +
.hx-side h3 a{display:block;font-size:18px;color:#a5e8fa;}
 +
.hx-side h3 i{position:absolute;right:10px;top:0;color:#fff;font-style:normal;font-size:18px;cursor:pointer;}
 +
.hx-side h3 b{display:none;position:absolute;right: 12px;top: -7px;color:#fff;font-style:normal;font-size:18px;cursor:pointer;}
 +
.hx-side .twolevel{margin:0 10px;border-top:1px solid #86cee6;padding:10px 0;display:none;}
 +
.hx-side .twolevel a{display:block;line-height:30px;color:#a5e8fa;font-size:14px;padding-left:30px;}
 +
.hx-side li.on,.hx-side li.active{background:#faad55;}
 +
.hx-side li.on a{color:#fff;}
 +
.hx-side li.active a{color:#fff;}
 +
.hx-side li.active .twolevel{display:block;border-top:1px solid #fff;}
 +
.hx-side li.active i{display:none;}
 +
.hx-side li.active b{display:block;}
 +
 +
.hx-main{width:620px;float:right;position:relative;}
 +
.hx-main .hx-box{padding-bottom:25px;}
 +
.hx-main .ti{height:40px;line-height:40px;margin-bottom:10px;}
 +
.hx-main .ti a{font-size:18px;color:#fff;opacity:0.8;display:block;padding:0 20px;}
 +
.hx-main .con{position:relative;overflow:hidden;}
 +
.hx-main .con a{color:#0c9ccc;margin:0 3px;}
 +
.hx-main .hx-box1 .ti{background:#39accb;}
 +
.hx-main .hx-box2 .ti{background:#bb416a;}
 +
.hx-main .hx-box3 .ti{background:#1e677b;}
 +
.hx-main .hx-box4 .ti{background:#ff659a;}
 +
.hx-main .hx-boxd .ti{background:#0c9ccc;}
 +
.hx-box2{float:left;width:300px;overflow:hidden;}
 +
.hx-box3{float:left;width:300px;margin-left:20px;overflow:hidden;}
 +
.hx-box4{clear:both;}
 +
 +
.hx-content .hx-page{height:1130px;}
 +
.hx-pagemain{padding: 0 50px 0 60px;}
 +
.hx-gbox{text-align:center;}
 +
.hx-team h4{font-size:18px; text-transform:uppercase;color:#0c9ccc;border-bottom:1px solid #0c9ccc;margin-top:10px;}
 +
.hx-team .l{float:left;margin:0 10px 10px 0;}
 +
.hx-team li strong{font-size:14px;font-weight:lighter;padding-bottom:5px;display:block;}
 +
.hx-team li{border-bottom:1px dotted #ccc;overflow:hidden;padding:15px 0;}
 +
.hx-team li p{line-height:18px;}
 +
#Advisors{margin-top:30px;}
 +
.hx-Advisors ul{overflow:hidden;position:relative;}
 +
.hx-Advisors li{background:#f5f5f5;padding:0 15px;margin:10px 0;}
 +
.hx-Advisors li strong{font-size:18px;padding:10px 0;}
 +
 +
</style>
</head>
</head>
</html>
</html>

Revision as of 05:55, 15 October 2014

Retrieved from "http://2014.igem.org/Template:CSS/hxstyle"