Template:CSS/hxstyle

From 2014.igem.org

(Difference between revisions)
 
(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("i").toggle();
+
$(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: 12px; color: #333333; padding: 0px; margin: 0px; background: #eee;line-height:180%;}
+
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:12px;line-height:22px;}
+
.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 50px 40px 60px;height:1045px;}
+
.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 i{position:absolute;right:10px;top:0;color:#fff;font-style:normal;font-size:18px;cursor:pointer;}
+
.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 i{display:none;}
+
.hx-side li.active em{display:none;}
.hx-side li.active b{display:block;}
.hx-side li.active b{display:block;}
-
.hx-main{width:620px;float:right;position:relative;}
+
.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{height:1130px;}
+
.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 10px 0;}
+
.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,#Members{margin-top:30px;}
+
#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