调整样式表、整理结构、整理代码
This commit is contained in:
Li Jianxuan
parent
91863f2ef4
commit
18ac03c6d6
|
|
@ -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.choice {vertical-align:middle;font-weight:normal;text-transform:none;}
|
||||
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;
|
||||
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;
|
||||
}
|
||||
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);
|
||||
}
|
||||
.btn img{vertical-align:middle;}
|
||||
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;
|
||||
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;}
|
||||
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);}
|
||||
.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;}
|
||||
.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;}
|
||||
.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;}
|
||||
.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;}
|
||||
.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;}
|
||||
.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;}
|
||||
.btn-small {font-size:11px;}
|
||||
|
||||
|
||||
.clearLine{clear:both;}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,20 +1,5 @@
|
|||
#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;
|
||||
}
|
||||
#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;}
|
||||
ul {list-style-type: none; }
|
||||
.more a:link, .more a:visited{color:Green; text-decoration:none;}
|
||||
#indexbody{width:100%;}
|
||||
|
|
@ -26,153 +11,36 @@ li.more{text-align:right;padding-right:20px;}
|
|||
.paginationControl{float:right;padding-left:30px;}
|
||||
.title{border-bottom:1px dotted #c7ddc7;padding: 5px 15px 5px;font-size: 16px; font-weight:bold;}
|
||||
|
||||
table {
|
||||
border-collapse:collapse;
|
||||
border-spacing:0;
|
||||
}
|
||||
|
||||
table {border-collapse:collapse;border-spacing:0;}
|
||||
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;}
|
||||
|
||||
/* Tables
|
||||
---------------------------------------------------------------------*/
|
||||
|
||||
table.stylized {
|
||||
border-collapse:collapse;
|
||||
position:relative;
|
||||
margin-top:1em;
|
||||
margin-bottom:1em;
|
||||
}
|
||||
table.stylized th,table.stylized td {
|
||||
line-height:18px;
|
||||
padding:8px 12px;
|
||||
}
|
||||
table.stylized th {
|
||||
background-color:#2A7AD2 !important;
|
||||
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;
|
||||
}
|
||||
table.stylized {border-collapse:collapse;position:relative;margin-top:1em;margin-bottom:1em;}
|
||||
table.stylized th,table.stylized td {line-height:18px;padding:8px 12px;}
|
||||
table.stylized th {background-color:#2A7AD2 !important;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 */
|
||||
td.legendLabel {
|
||||
font-size:11px;
|
||||
padding:0 4px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
td.legendLabel {font-size:11px;padding:0 4px;vertical-align: middle;}
|
||||
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 p {text-indent:24px;font-size:12px;line-height:24px;}
|
||||
#abstract p img.thumb{float:left;margin-right:10px;}
|
||||
|
||||
.reviewlist {width:100%;overflow:hidden;margin:0 auto; float:left;}
|
||||
|
||||
.reviewlist li:nth-child(even) {
|
||||
}
|
||||
.reviewlist li:nth-child(odd) {
|
||||
background:#FAFDFE;
|
||||
}
|
||||
.reviewlist li:nth-child(even) {}
|
||||
.reviewlist li:nth-child(odd) {background:#FAFDFE;}
|
||||
|
||||
#allcomments{overflow:hidden;}
|
||||
.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 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%;}
|
||||
.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 li{margin:5px 0 5px 30px;}
|
||||
#sidebar li.title{margin:0;padding:5px 40px;background-color:#ECA965;}
|
||||
#leftnavi li{
|
||||
margin:5px 0 5px 20px;
|
||||
font-size:9pt;
|
||||
border: 1px #93bee2 solid;
|
||||
background-color: #e8f4ff;
|
||||
width:100px;
|
||||
height:22px;
|
||||
padding-left:10px;
|
||||
}
|
||||
#leftnavi li{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;}
|
||||
#mdlist{width:100%;}
|
||||
.thumbmd{float:left;height:300px;margin-left:10px;overflow:hidden;}
|
||||
|
|
|
|||
Loading…
Reference in New Issue