Template:CSS/hxstyle

Revision as of 06:13, 16 October 2014 (view source)

Lianglujie (Talk | contribs)

← Older edit

Latest revision as of 00:26, 18 October 2014 (view source)

Lianglujie (Talk | contribs)

(35 intermediate revisions not shown)

Line 5:

$(".hx-menu h3").click(function(){

$(this).parent().find(".twolevel").toggle();

-

$(this).find("i").toggle();

+

$(this).find("em").toggle();

$(this).find("b").toggle();

return false();

Line 13:

<style>

+

/* CSS Document */

*{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; }

a, a:link, a:visited, a:active {text-decoration: none}

Line 24:

Line 25:

.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;}

-

.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;}

Line 41:

Line 45:

.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 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 .twolevel{margin:0 10px;border-top:1px solid #86cee6;padding:10px 0;display:none;}

Line 49:

Line 53:

.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 em{display:none;}

.hx-side li.active b{display:block;}

Line 56:

Line 60:

.hx-main .ti{height:40px;line-height:40px;margin-bottom:10px;}

.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;margin-right:30px;}

+

.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 .hx-box1 .ti{background:#39accb;}

Line 69:

Line 76:

.hx-content .hx-page{}

.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-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{border-bottom:1px dotted #ccc;overflow:hidden;padding:15px 0;}

.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 li{background:#f5f5f5;padding:0 15px;margin: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;border:1px solid #~~ccc~~;~~margin~~-~~bottom~~:~~10px~~;}

+

.hx-omega table{border-collapse:collapse;margin-bottom:25px;}

-

.hx-omega ~~table~~ td{border:1px solid #ccc;~~padding~~:~~8px 10px~~;}

+

.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;}

Line 91:

Line 119:

.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>

</head>

</html>

@@ Line 5: / Line 5: @@
 		$(".hx-menu h3").click(function(){
 			$(this).parent().find(".twolevel").toggle();
-			$(this).find("i").toggle();
+			$(this).find("em").toggle();
 			$(this).find("b").toggle();
 			return false();
@@ Line 13: / Line 13: @@
 <style>
+/* CSS Document */
 *{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; }
 a, a:link, a:visited, a:active {text-decoration: none}
@@ Line 24: / Line 25: @@
 .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;}
-.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;}
@@ Line 41: / Line 45: @@
 .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 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 .twolevel{margin:0 10px;border-top:1px solid #86cee6;padding:10px 0;display:none;}
@@ Line 49: / Line 53: @@
 .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 em{display:none;}
 .hx-side li.active b{display:block;}
@@ Line 56: / Line 60: @@
 .hx-main .ti{height:40px;line-height:40px;margin-bottom:10px;}
 .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;margin-right:30px;}
+.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 .hx-box1 .ti{background:#39accb;}
@@ Line 69: / Line 76: @@
 .hx-content .hx-page{}
 .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-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{border-bottom:1px dotted #ccc;overflow:hidden;padding:15px 0;}
 .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 li{background:#f5f5f5;padding:0 15px;margin: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;border:1px solid #ccc;margin-bottom:10px;}
+.hx-omega table{border-collapse:collapse;margin-bottom:25px;}
-.hx-omega table td{border:1px solid #ccc;padding:8px 10px;}
+.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;}
@@ Line 91: / Line 119: @@
 .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>
 </head>
 </html>

From 2014.igem.org

Latest revision as of 00:26, 18 October 2014