Template:CSS/hxstyle

Revision as of 09:21, 16 October 2014 (view source)

Lianglujie (Talk | contribs)

← Older edit

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

Lianglujie (Talk | contribs)

(25 intermediate revisions not shown)

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;line-height:180%; font-style:normal;}

ul,li,ol{ list-style: none; }

Line 28:

Line 29:

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

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 79:

Line 81:

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

Line 130:

.hx-MFC strong{font-weight:lighter;display:block;}

-

.hx-MFC .pic1{width:215px;margin:10px 10px 10px 0;border:1px solid #e5e5e5;padding:10px; color:#~~666~~;}

+

.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 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;line-height:180%; font-style:normal;}
 ul,li,ol{ list-style: none; }
@@ Line 28: / Line 29: @@
 .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 51: / 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 79: / Line 81: @@
 .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 110: / Line 130: @@
 .hx-MFC strong{font-weight:lighter;display:block;}
-.hx-MFC .pic1{width:215px;margin:10px 10px 10px 0;border:1px solid #e5e5e5;padding:10px; color:#666;}
+.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