Template:CSS/hxstyle
From 2014.igem.org
(Difference between revisions)
Lianglujie (Talk | contribs) |
Lianglujie (Talk | contribs) |
||
(43 intermediate revisions not shown) | |||
Line 5: | Line 5: | ||
$(".hx-menu h3").click(function(){ | $(".hx-menu h3").click(function(){ | ||
$(this).parent().find(".twolevel").toggle(); | $(this).parent().find(".twolevel").toggle(); | ||
- | $(this).find(" | + | $(this).find("em").toggle(); |
$(this).find("b").toggle(); | $(this).find("b").toggle(); | ||
return false(); | return false(); | ||
Line 13: | Line 13: | ||
<style> | <style> | ||
+ | /* CSS Document */ | ||
*{padding:0;margin:0;} | *{padding:0;margin:0;} | ||
- | body { font-family: 微软雅黑; font-size: | + | body { font-family: 微软雅黑; font-size: 14px; 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; | + | div, span, ul, li, p, h1, h2, h3, h4, h5, h6, img, p, dl, dd, dt { font-family: 微软雅黑; margin: 0px; padding: 0px;line-height:180%; font-style:normal;} |
ul,li,ol{ list-style: none; } | ul,li,ol{ list-style: none; } | ||
a, a:link, a:visited, a:active {text-decoration: none} | a, a:link, a:visited, a:active {text-decoration: none} | ||
Line 21: | Line 22: | ||
a:hover{ text-decoration:none;} | a:hover{ text-decoration:none;} | ||
a img {border: 0;} | a img {border: 0;} | ||
- | + | /*clear float*/ | |
+ | .cl:after{content:'.';visibility:hidden;height:0;width:0;display:block;_display:inline-block;clear:both; line-height:0; font-size:0;overflow:hidden;} | ||
+ | .cl{zoom:1;} | ||
+ | .l{float:left;} | ||
+ | .r{float:right;} | ||
.firstHeading{display: none;} | .firstHeading{display: none;} | ||
- | .hx-wrapper{background:#c3e4f5;font-size: | + | .hx-wrapper{background:#c3e4f5;font-size:14px;line-height:22px;} |
+ | .hx-wrapper a{font-size:14px;} | ||
.hx-wrapper .hd{background:url(https://static.igem.org/mediawiki/2014/9/9d/Hx-banner.jpg) no-repeat center top #c3e4f5;height:465px;} | .hx-wrapper .hd{background:url(https://static.igem.org/mediawiki/2014/9/9d/Hx-banner.jpg) no-repeat center top #c3e4f5;height:465px;} | ||
Line 32: | Line 38: | ||
.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 .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 .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 .elementico3{background:url(https://static.igem.org/mediawiki/2014/e/e0/Hx-element3.png) no-repeat;left: 22px;top: 1007px;width:642px;height:326px;display:none;} |
- | .hx-content .wp{padding:40px | + | .hx-content .wp{padding:40px 0 40px 60px;} |
+ | .hx-content .hx-hometopmain{min-height:1045px;} | ||
.hx-content .hx-side{position:relative;width:220px;padding-top:10px;float:left;} | .hx-content .hx-side{position:relative;width:220px;padding-top:10px;float:left;} | ||
.hx-side li{background:#0c9ccc;margin-top:10px;} | .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{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 a{display:block;font-size:18px;color:#a5e8fa;} | ||
- | .hx-side h3 | + | .hx-side h3 em{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 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{margin:0 10px;border-top:1px solid #86cee6;padding:10px 0;display:none;} | ||
Line 46: | Line 53: | ||
.hx-side li.active 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 .twolevel{display:block;border-top:1px solid #fff;} | ||
- | .hx-side li.active | + | .hx-side li.active em{display:none;} |
.hx-side li.active b{display:block;} | .hx-side li.active b{display:block;} | ||
- | .hx-main{width: | + | .hx-main{width:670px;float:right;position:relative;} |
.hx-main .hx-box{padding-bottom:25px;} | .hx-main .hx-box{padding-bottom:25px;} | ||
.hx-main .ti{height:40px;line-height:40px;margin-bottom:10px;} | .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 .ti a,.hx-main .ti strong{font-size:18px;color:#fff;opacity:0.8;display:block;padding:0 20px;font-weight:lighter;} |
- | .hx-main .con{position:relative;overflow:hidden;} | + | .hx-main .con{position:relative;overflow:hidden;margin-right:30px;padding-top:15px;text-align:justify; |
+ | text-justify:inter-ideograph;/*ie6-8*/ | ||
+ | -moz-text-align-last:justify;/*ff*/ | ||
+ | -webkit-text-align-last:justify;/*chrome 20+*/} | ||
.hx-main .con a{color:#0c9ccc;margin:0 3px;} | .hx-main .con a{color:#0c9ccc;margin:0 3px;} | ||
.hx-main .hx-box1 .ti{background:#39accb;} | .hx-main .hx-box1 .ti{background:#39accb;} | ||
Line 64: | Line 74: | ||
.hx-box4{clear:both;} | .hx-box4{clear:both;} | ||
- | .hx-content .hx-page{ | + | .hx-content .hx-page{} |
.hx-pagemain{padding: 0 50px 0 60px;} | .hx-pagemain{padding: 0 50px 0 60px;} | ||
+ | .hx-pagemain p{ text-align:justify;text-justify:inter-ideograph;/*ie6-8*/ | ||
+ | -moz-text-align-last:justify;/*ff*/ | ||
+ | -webkit-text-align-last:justify;/*chrome 20+*/} | ||
.hx-gbox{text-align:center;} | .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 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 | + | .hx-team .l{float:left;margin:0 10px 15px 0;} |
+ | .hx-team li span{margin-left:240px;display:block;} | ||
.hx-team li strong{font-size:14px;font-weight:lighter;padding-bottom:5px;display:block;} | .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{border-bottom:1px dotted #ccc;overflow:hidden;padding:15px 0;} | ||
.hx-team li p{line-height:18px;} | .hx-team li p{line-height:18px;} | ||
- | #Advisors | + | #Advisors{margin-top:30px;} |
+ | .hx-team h4{margin-top:30px;} | ||
.hx-Advisors ul{overflow:hidden;position:relative;} | .hx-Advisors ul{overflow:hidden;position:relative;} | ||
.hx-Advisors li{background:#f5f5f5;padding:0 15px;margin:10px 0;} | .hx-Advisors li{background:#f5f5f5;padding:0 15px;margin:10px 0;} | ||
.hx-Advisors li strong{font-size:18px;padding:10px 0;} | .hx-Advisors li strong{font-size:18px;padding:10px 0;} | ||
+ | .hx-team a{color:#0c9ccc;} | ||
+ | |||
+ | .hx-omega h3{font-size:18px;font-weight:bold;padding:20px 0 10px;} | ||
+ | .hx-omega h4{font-weight:bold;font-size:14px;padding:20px 0 10px;} | ||
+ | .hx-omega p{padding-bottom:10px;} | ||
+ | .hx-omega table{border-collapse:collapse;margin-bottom:25px;} | ||
+ | .hx-omega table td,.hx-omega table th{padding:5px 10px;text-align:center;} | ||
+ | .hx-omega table td{text-align:center;} | ||
+ | .hx-omega table td:first-child{text-align:left;} | ||
+ | .hx-omega img{border:1px solid #e5e5e5;padding:8px;} | ||
+ | |||
+ | .hx-omega .hx-table3{border:1px solid #ccc;} | ||
+ | .hx-omega .hx-table3 td{border:1px solid #ccc;} | ||
+ | |||
+ | .hx-omega .hx-table1, | ||
+ | .hx-omega .hx-table2, | ||
+ | .hx-omega .hx-table4 | ||
+ | {border-bottom:1px solid #ccc;} | ||
+ | .hx-omega .hx-table1 th, | ||
+ | .hx-omega .hx-table2 th, | ||
+ | .hx-omega .hx-table4 th | ||
+ | {border-color:#ccc;border-style:solid;border-width:1px 0;} | ||
+ | |||
+ | .hx-Outreach .pic{padding:9px;border:1px solid #ccc;margin:10px 0;} | ||
+ | .hx-Outreach .pic strong{font-weight:lighter;padding-top:5px;display:block;} | ||
+ | .hx-Outreach h4{font-size:14px;font-weight:bold;} | ||
+ | |||
+ | .hx-photo-gallery h4{font-size:18px;border-bottom:1px solid #0c9ccc;margin:15px 0;color:#0c9ccc;padding-bottom:5px;} | ||
+ | .hx-photo-gallery img{display:block;margin-top:10px;} | ||
+ | .hx-safety h3{font-size:18px;font-weight:bold;padding:8px 0;color:#0c9ccc;} | ||
+ | .hx-safety h5{padding-bottom:5px;font-weight:bold;} | ||
+ | .hx-safety b{font-size:14px;color:#0c9ccc;} | ||
+ | |||
+ | .hx-ppsAfinal strong{font-weight:lighter;display:block;padding-top:5px;} | ||
+ | .hx-ppsAfinal .pic{border:1px solid #e5e5e5;margin:10px 0;padding:10px;} | ||
+ | .hx-ppsAfinal .l{margin:10px 10px 10px 0;} | ||
+ | .hx-ppsAfinal .r{margin:10px 0 10px 10px;} | ||
+ | |||
+ | .hx-MFC strong{font-weight:lighter;display:block;} | ||
+ | .hx-MFC h2{font-size:24px;padding:10px 0;border:0 none;} | ||
+ | .hx-MFC .pic{border:1px solid #e5e5e5;padding:10px;text-align:center;} | ||
+ | .hx-MFC .pic1{width:215px;margin:10px 10px 10px 0;border:1px solid #e5e5e5;padding:10px;text-align:left;text-align:justify;text-justify:inter-ideograph;/*ie6-8*/ | ||
+ | -moz-text-align-last:justify;/*ff*/ | ||
+ | -webkit-text-align-last:justify;/*chrome 20+*/} | ||
+ | .hx-MFC table{border:1px solid #e5e5e5;margin:10px 0;width:100%;} | ||
+ | .hx-MFC table td{padding:9px;} | ||
+ | .hx-MFC h3{font-weight:bold;font-size:18px;} | ||
+ | |||
+ | .hx-overview b{font-size:14px;} | ||
+ | |||
+ | .hx-Overexpression .pic{border:1px solid #e5e5e5;padding:10px;} | ||
+ | .hx-Overexpression .pic strong{font-weight:lighter;display:block;} | ||
+ | |||
+ | .hx-part table{width:100%;border-collapse:collapse;border:1px solid #ccc;} | ||
+ | .hx-part table td{padding:5px 10px;border:1px solid #ccc;} | ||
+ | .hx-part table .hxtdbg{background:#f1f1f1;} | ||
+ | .hx-part h3{font-size:18px;border-bottom:1px solid #ccc;padding:5px 0;font-weight:lighter;margin:10px 0;} | ||
+ | .hx-part .pic{border:1px solid #e5e5e5;padding:9px;margin:10px 0;} | ||
+ | |||
+ | .hx-methodsnew h3{font-size:18px;font-weight:bold;padding:10px 0;} | ||
+ | .hx-methodsnew ul li{position:relative;overflow:hidden;} | ||
+ | .hx-methodsnew ul li em{font-style:normal;float:left;width:100px;} | ||
+ | .hx-methodsnew table{border-collapse:collapse;margin-bottom:25px;border-bottom:1px solid #ccc} | ||
+ | .hx-methodsnew table th{padding:5px 10px;border-color:#ccc;border-style:solid;border-width:1px 0;text-align:center;} | ||
+ | .hx-methodsnew table td{padding:5px 10px;text-align:center;} | ||
+ | .hx-methodsnew table td:first-child{text-align:left;} | ||
+ | .hx-methodsnew table.tableborder{border:1px solid #ccc;} | ||
+ | .hx-methodsnew table.tableborder td{border:1px solid #ccc;} | ||
+ | .hx-methodsnew .pic{border:1px solid #e5e5e5;padding:9px;} | ||
+ | |||
+ | .hx-Attributionsfina h3{font-size:18px;border-bottom:1px solid #ccc;margin:10px 0;} | ||
+ | |||
+ | .hx-Expert-consultation h3{font-size:18px;border-bottom:1px solid #ccc;margin:10px 0;} | ||
+ | .hx-Expert-consultation .l{margin:10px 10px 10px 0;border:1px solid #e5e5e5;padding:10px;} | ||
+ | .hx-Expert-consultation .wenti{font-weight:bold;} | ||
+ | .hx-Expert-consultation .wenti b{color:#cc0000;font-size:18px;line-height:18px;padding-right:8px;font-weight:lighter;} | ||
+ | .hx-Expert-consultation .huida{padding-top:10px;} | ||
+ | .hx-Expert-consultation .huida b{color:#090;font-size:18px;line-height:18px;padding-right:8px;font-weight:lighter;} | ||
+ | |||
+ | .hx-questionnaire table{width:100%;} | ||
+ | .hx-questionnaire table td{text-align:center;} | ||
+ | .hx-questionnaire .pic{margin-top:10px;text-align:center;} | ||
+ | |||
+ | .hx-arcAknockout h3{font-size:18px;border-bottom:1px solid #ccc;padding:5px 0;margin:10px 0 15px;} | ||
+ | .hx-arcAknockout .pic{margin:10px 0;padding:9px;border:1px solid #e5e5e5;text-align:center;} | ||
+ | .hx-arcAknockout .pic strong{font-weight:lighter;display:block;} | ||
+ | .hx-Modeling .pic{border:1px solid #e5e5e5;padding:9px;margin:10px 0;text-align:center;} | ||
+ | .hx-Modeling .pic strong{display:block;font-weight:lighter;padding-top:6px;text-align:left;} | ||
</style> | </style> | ||
</head> | </head> | ||
</html> | </html> |
Latest revision as of 00:26, 18 October 2014