Template:CSS/hxstyle

From 2014.igem.org

(Difference between revisions)
 
(14 intermediate revisions not shown)
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;line-height:180%; font-style:normal;}
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; }
Line 28: Line 29:
.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 79: Line 81:
.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 h3{font-size:18px;font-weight:bold;padding:20px 0 10px;}
Line 92: Line 97:
.hx-omega p{padding-bottom:10px;}
.hx-omega p{padding-bottom:10px;}
.hx-omega table{border-collapse:collapse;margin-bottom:25px;}
.hx-omega table{border-collapse:collapse;margin-bottom:25px;}
-
.hx-omega table td,.hx-omega table th{padding:5px 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 img{border:1px solid #e5e5e5;padding:8px;}
Line 125: Line 132:
.hx-MFC h2{font-size:24px;padding:10px 0;border:0 none;}
.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 .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; color:#666;}
+
.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{border:1px solid #e5e5e5;margin:10px 0;width:100%;}
.hx-MFC table td{padding:9px;}
.hx-MFC table td{padding:9px;}
Line 133: Line 142:
.hx-Overexpression .pic{border:1px solid #e5e5e5;padding:10px;}
.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 h3{font-size:18px;font-weight:bold;padding:10px 0;}
Line 138: Line 154:
.hx-methodsnew ul li em{font-style:normal;float:left;width:100px;}
.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{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;}
+
.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;}
+
.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{border:1px solid #ccc;}
.hx-methodsnew table.tableborder td{border:1px solid #ccc;}
.hx-methodsnew table.tableborder td{border:1px solid #ccc;}
Line 152: Line 169:
.hx-Expert-consultation .huida{padding-top:10px;}
.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-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