调整样式表、整理结构、整理代码

This commit is contained in:
Li Jianxuan 2011-10-28 09:56:19 +00:00
parent 91863f2ef4
commit 18ac03c6d6
2 changed files with 48 additions and 192 deletions

View File

@ -123,29 +123,19 @@ label.ok {background:url("../img/valid.gif") no-repeat;padding-left:16px;}
label.error {color:#d00;text-transform:none;margin-left:6px;} label.error {color:#d00;text-transform:none;margin-left:6px;}
label.choice {vertical-align:middle;font-weight:normal;text-transform:none;} label.choice {vertical-align:middle;font-weight:normal;text-transform:none;}
fieldset small {color:#999;font-size:11px;display: block;} fieldset small {color:#999;font-size:11px;display: block;}
input[type="submit"],.btn {display: inline-block;padding: 5px 10px;color: #777 !important;text-decoration: none; .btn img{vertical-align:middle;}
font-weight: bold; input[type="submit"],.btn {display:inline-block;padding:5px 10px;color: #777 !important;text-decoration:none;font-weight:bold;font-size: 12px;font-family: Tahoma, Arial, sans-serif;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;
font-size: 12px; text-shadow: 0 1px 1px rgba(255,255,255,0.9);position: relative;cursor: pointer;border:1px solid #ccc !important;background:#fff url("../images/btn-overlay.png") repeat-x !important;}
font-family: Tahoma, Arial, sans-serif; input[type="submit"]:hover,.btn:hover, .btn:focus, .btn:active {outline:medium none;border:1px solid #329ECC !important;opacity:0.9;-khtml-opacity: .9;
-moz-border-radius: 4px; -moz-opacity: 0.9;-moz-box-shadow:0 0 5px rgba(82, 168, 236, 0.5);-webkit-box-shadow: 0 0 5px rgba(82, 168, 236, 0.5);box-shadow: 0 0 5px rgba(82, 168, 236, 0.5);}
-webkit-border-radius: 4px; .btn-green {color:#fff !important;text-shadow:0 1px 1px rgba(0,0,0,0.25);border:1px solid #749217 !important;background-color: #6AB620 !important;}
border-radius: 4px; .btn-green:hover, .btn-green:focus, .btn-green:active {-moz-box-shadow:0 0 5px rgba(116, 146, 23, 0.9);-webkit-box-shadow: 0 0 5px rgba(116, 146, 23, 0.9);box-shadow: 0 0 5px rgba(116, 146, 23, 0.9);border:1px solid #749217 !important;}
text-shadow: 0 1px 1px rgba(255,255,255,0.9); .btn-blue {color:#fff !important;text-shadow:0 1px 1px rgba(0,0,0,0.25);border:1px solid #2D69AC !important;background-color: #3C6ED1 !important;}
position: relative; .btn-blue:hover, .btn-blue:focus, .btn-blue:active {-moz-box-shadow:0 0 5px rgba(71, 131, 243, 0.9);-webkit-box-shadow:0 0 5px rgba(71, 131, 243, 0.9);box-shadow: 0 0 5px rgba(71, 131, 243, 0.9);border:1px solid #2D69AC !important;}
cursor: pointer; .btn-red {color:#fff !important;text-shadow:0 1px 1px rgba(0,0,0,0.25);border:1px solid #AE2B2B !important;background-color: #D22A2A !important;background-image:none;}
border:1px solid #ccc !important; .btn-red:hover,.btn-red:focus,.btn-red:active{-moz-box-shadow:0 0 5px rgba(174, 43, 43, 0.9);-webkit-box-shadow:0 0 5px rgba(174, 43, 43, 0.9);box-shadow: 0 0 5px rgba(174, 43, 43, 0.9);border:1px solid #AE2B2B !important;}
background:#fff url("../images/btn-overlay.png") repeat-x !important; .btn-small {font-size:11px;}
}
input[type="submit"]:hover,.btn:hover, .btn:focus, .btn:active {
outline:medium none;
border:1px solid #329ECC !important;
opacity:0.9;
-khtml-opacity: .9;
-moz-opacity: 0.9;
-moz-box-shadow:0 0 5px rgba(82, 168, 236, 0.5);
-webkit-box-shadow: 0 0 5px rgba(82, 168, 236, 0.5);
box-shadow: 0 0 5px rgba(82, 168, 236, 0.5);
}
.clearLine{clear:both;} .clearLine{clear:both;}

View File

@ -1,20 +1,5 @@
#leftPanel #leftPanel{float:left; width:200px;background-color:#edefea;}
{ #leftPanel .title{border-bottom: #5D657C 1px solid;border-top:#5D657C 1px solid;color:#5D657C;line-height:25px;font-size:14px;padding-left:15px;font-weight:bold;margin-bottom:0px;background-color:#e6edea;}
float:left; width:200px;
background-color:#edefea;
}
#leftPanel .title
{
border-bottom: #5D657C 1px solid;
border-top: #5D657C 1px solid;
color: #5D657C;
line-height: 25px;
font-size: 14px;
padding-left: 15px;
font-weight: bold;
margin-bottom: 0px;
background-color: #e6edea;
}
ul {list-style-type: none; } ul {list-style-type: none; }
.more a:link, .more a:visited{color:Green; text-decoration:none;} .more a:link, .more a:visited{color:Green; text-decoration:none;}
#indexbody{width:100%;} #indexbody{width:100%;}
@ -26,153 +11,36 @@ li.more{text-align:right;padding-right:20px;}
.paginationControl{float:right;padding-left:30px;} .paginationControl{float:right;padding-left:30px;}
.title{border-bottom:1px dotted #c7ddc7;padding: 5px 15px 5px;font-size: 16px; font-weight:bold;} .title{border-bottom:1px dotted #c7ddc7;padding: 5px 15px 5px;font-size: 16px; font-weight:bold;}
table { table {border-collapse:collapse;border-spacing:0;}
border-collapse:collapse;
border-spacing:0;
}
h1{font-size:18px;text-align:center;border-bottom:#ddd 1px dotted;} h1{font-size:18px;text-align:center;border-bottom:#ddd 1px dotted;}
/*
* paginationControl
*/
.paginationControl{float:right;padding-left:30px;margin:10px auto;}
.paginationControl A {border:#9aafe5 1px solid;padding:2px 5px;color:#2A7AD2;margin-right:2px;TEXT-DECORATION:none}
.paginationControl A:hover {border:#2A7AD2 1px solid;COLOR: #000;BACKGROUND-COLOR:lightyellow}
.paginationControl A:active {border:#2A7AD2 1px solid;COLOR: #000;BACKGROUND-COLOR:lightyellow}
.paginationControl SPAN.current {border:navy 1px solid;margin-right:2px;padding:2px 5px;FONT-WEIGHT: bold;COLOR: #fff;BACKGROUND-COLOR: #2A7AD2}
.paginationControl SPAN.disabled {border:#929292 1px solid;padding:2px 5px;COLOR: #929292; MARGIN-RIGHT: 2px;}
.paginator{width:50%;float:left;} .paginator{width:50%;float:left;}
/* Tables /* Tables
---------------------------------------------------------------------*/ ---------------------------------------------------------------------*/
table.stylized { table.stylized {border-collapse:collapse;position:relative;margin-top:1em;margin-bottom:1em;}
border-collapse:collapse; table.stylized th,table.stylized td {line-height:18px;padding:8px 12px;}
position:relative; table.stylized th {background-color:#2A7AD2 !important;color:#fff;text-align:left;}
margin-top:1em; table.stylized tr.high {background-color:#ffa !important;}
margin-bottom:1em; table.stylized tbody th,table.stylized tbody td,table.stylized tfoot th,table.stylized tfoot td {border-bottom:solid 1px #eee;}
} table.stylized tfoot td {background-color:#f2f2f2 !important;border-bottom:2px solid #ddd;}
table.stylized th,table.stylized td { table.stylized tr:nth-child(even) td {}
line-height:18px; table.stylized tbody tr:nth-child(odd) th,table.stylized tbody tr:nth-child(odd) td {background:#FAFDFE;}
padding:8px 12px; table.stylized caption {margin-bottom:1em;text-align:left;font-size:11px;text-transform:uppercase;}
} table.no-style th,table.no-style td {line-height:18px;padding:4px 8px 4px 0;}
table.stylized th { table.no-style td,table.no-style th {background:none !important;color:#666;border-bottom:0 none;border-bottom:1px dotted #ddd !important;}
background-color:#2A7AD2 !important; table.no-style caption {margin-bottom:0;text-align: left;}
color:#fff;
text-align:left;
}
table.stylized tr.high {
background-color:#ffa !important;
}
table.stylized tbody th,table.stylized tbody td,table.stylized tfoot th,table.stylized tfoot td {
border-bottom:solid 1px #eee;
}
table.stylized tfoot td {
background-color:#f2f2f2 !important;
border-bottom:2px solid #ddd;
}
table.stylized tr:nth-child(even) td {
}
table.stylized tbody tr:nth-child(odd) th,table.stylized tbody tr:nth-child(odd) td {
background:#FAFDFE;
}
table.stylized caption {
margin-bottom:1em;
text-align:left;
font-size:11px;
text-transform:uppercase;
}
table.no-style th,table.no-style td {
line-height:18px;
padding:4px 8px 4px 0;
}
table.no-style td,table.no-style th {
background:none !important;
color:#666;
border-bottom:0 none;
border-bottom:1px dotted #ddd !important;
}
table.no-style caption {
margin-bottom:0;
text-align: left;
}
/* flot TD */ /* flot TD */
td.legendLabel { td.legendLabel {font-size:11px;padding:0 4px;vertical-align: middle;}
font-size:11px;
padding:0 4px;
vertical-align: middle;
}
input.q{width:200px;} input.q{width:200px;}
/* Forms
---------------------------------------------------------------------*/
form {overflow:auto;}
input:focus,textarea:focus,select:focus {outline-width:0;}
input[type="text"],input[type="password"],input[type="select"],input[type="search"],input[type="file"],textarea,select {
border-color:#C4C4C4 #E9E9E9 #E9E9E9 #C4C4C4;border-style:solid;border-width:1px;padding:4px;color:#777;}
textarea {line-height:18px;overflow:auto;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;}
textarea.small {height:5.5em;}
textarea.medium {height:10em;}
textarea.large {height:20em;}
input.half,select.half,textarea.half {width:50%;}
input.full,select.full,textarea.full {width:97%;}
input[type="submit"],input[type="reset"],input[type="button"] {margin-bottom:0;}
input:focus,textarea:focus {
-moz-box-shadow:0 1px 1px rgba(196,196,196,0.5);
-webkit-box-shadow:0 1px 1px rgba(196,196,196,0.5);
box-shadow:0 1px 1px rgba(196,196,196,0.5);
-webkit-focus-ring-color:none;
border-color:#c4c4c4;
background-color:#FFFFF0;
}
fieldset {border:0 none;border-top:1px solid #ddd;margin:10px 0;padding:10px 0;position:relative;}
legend {background:#fff;color:#93BB3A;font-weight:bold; padding:0 6px 0 0;}
label {font-size:11px;text-transform:uppercase;font-weight:bold;}
label.required:before {content:"*";color:red;font-family:"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;}
label.ok {background:url("../img/valid.gif") no-repeat;padding-left:16px;}
label.error {color:#d00;text-transform:none;margin-left:6px;}
label.choice {vertical-align:middle;font-weight:normal;text-transform:none;}
fieldset small {color:#999;font-size:11px;display: block;}
.btn {display: inline-block;padding: 5px 10px;color: #777 !important;text-decoration: none;
font-weight: bold;
font-size: 12px;
font-family: Tahoma, Arial, sans-serif;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
text-shadow: 0 1px 1px rgba(255,255,255,0.9);
position: relative;
cursor: pointer;
border:1px solid #ccc !important;
background:#fff url("../images/btn-overlay.png") repeat-x !important;
}
.btn:hover, .btn:focus, .btn:active {
outline:medium none;
border:1px solid #329ECC !important;
opacity:0.9;
-khtml-opacity: .9;
-moz-opacity: 0.9;
-moz-box-shadow:0 0 5px rgba(82, 168, 236, 0.5);
-webkit-box-shadow: 0 0 5px rgba(82, 168, 236, 0.5);
box-shadow: 0 0 5px rgba(82, 168, 236, 0.5);
}
#abstract{width:100%;overflow:hidden;} #abstract{width:100%;overflow:hidden;}
#abstract p {text-indent:24px;font-size:12px;line-height:24px;} #abstract p {text-indent:24px;font-size:12px;line-height:24px;}
#abstract p img.thumb{float:left;margin-right:10px;} #abstract p img.thumb{float:left;margin-right:10px;}
.reviewlist {width:100%;overflow:hidden;margin:0 auto; float:left;} .reviewlist {width:100%;overflow:hidden;margin:0 auto; float:left;}
.reviewlist li:nth-child(even) {}
.reviewlist li:nth-child(even) { .reviewlist li:nth-child(odd) {background:#FAFDFE;}
}
.reviewlist li:nth-child(odd) {
background:#FAFDFE;
}
#allcomments{overflow:hidden;} #allcomments{overflow:hidden;}
.reviewitem{width:100%;overflow:hidden;padding:5px 0;} .reviewitem{width:100%;overflow:hidden;padding:5px 0;}
@ -181,8 +49,14 @@ fieldset small {color:#999;font-size:11px;display: block;}
.reviewitem .itemcontent{width:100%;float:none;overflow:hidden;min-height:60px;} .reviewitem .itemcontent{width:100%;float:none;overflow:hidden;min-height:60px;}
.reviewitem .itemcontent p{width:100%;text-indent:24px;line-height:18px;margin:9px 0; overflow:hidden;} .reviewitem .itemcontent p{width:100%;text-indent:24px;line-height:18px;margin:9px 0; overflow:hidden;}
.pagenavi{width:100%;overflow:hidden;} .tboxfloatleft{float:left;}
.tbox{overflow:hidden;border:#2b66a5 1px solid;border-radius:5px;}
.tbox .title{background:#2b66a5;border:none;font-size:14px;color:#FFF;padding:5px;cursor:pointer;}
.tbox .title img{vertical-align:middle;margin-right:5px;}
.tbox .title a{float:right;}
.tbox .content{padding:5px;}
.halfwidth{width:50%}
#myreview{width:100%;} #myreview{width:100%;}
.wapper{overflow:hidden;padding:0px;width:100%;} .wapper{overflow:hidden;padding:0px;width:100%;}
@ -198,15 +72,7 @@ fieldset small {color:#999;font-size:11px;display: block;}
#sidebar{margin:0;padding:0;width:220px;_margin-right:-3px;float:left;border-right:2px solid #ddd;background:#ddd;} #sidebar{margin:0;padding:0;width:220px;_margin-right:-3px;float:left;border-right:2px solid #ddd;background:#ddd;}
#sidebar li{margin:5px 0 5px 30px;} #sidebar li{margin:5px 0 5px 30px;}
#sidebar li.title{margin:0;padding:5px 40px;background-color:#ECA965;} #sidebar li.title{margin:0;padding:5px 40px;background-color:#ECA965;}
#leftnavi li{ #leftnavi li{margin:5px 0 5px 20px;font-size:9pt;border:1px #93bee2 solid;background-color:#e8f4ff;width:100px;height:22px;padding-left:10px;}
margin:5px 0 5px 20px;
font-size:9pt;
border: 1px #93bee2 solid;
background-color: #e8f4ff;
width:100px;
height:22px;
padding-left:10px;
}
form#search {margin-left:20px;margin-bottom:5px;} form#search {margin-left:20px;margin-bottom:5px;}
#mdlist{width:100%;} #mdlist{width:100%;}
.thumbmd{float:left;height:300px;margin-left:10px;overflow:hidden;} .thumbmd{float:left;height:300px;margin-left:10px;overflow:hidden;}