From 18ac03c6d64069053b7b4a744a7633a367ed9a62 Mon Sep 17 00:00:00 2001 From: Li Jianxuan Date: Fri, 28 Oct 2011 09:56:19 +0000 Subject: [PATCH] =?UTF-8?q?=E8=B0=83=E6=95=B4=E6=A0=B7=E5=BC=8F=E8=A1=A8?= =?UTF-8?q?=E3=80=81=E6=95=B4=E7=90=86=E7=BB=93=E6=9E=84=E3=80=81=E6=95=B4?= =?UTF-8?q?=E7=90=86=E4=BB=A3=E7=A0=81?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- htdocs/css/default.css | 36 +++---- htdocs/css/mdreview.css | 204 +++++++--------------------------------- 2 files changed, 48 insertions(+), 192 deletions(-) diff --git a/htdocs/css/default.css b/htdocs/css/default.css index 8d54514f..82da14b1 100755 --- a/htdocs/css/default.css +++ b/htdocs/css/default.css @@ -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;} diff --git a/htdocs/css/mdreview.css b/htdocs/css/mdreview.css index 0d322c74..c22e414e 100644 --- a/htdocs/css/mdreview.css +++ b/htdocs/css/mdreview.css @@ -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%;} @@ -195,23 +69,15 @@ fieldset small {color:#999;font-size:11px;display: block;} .wapper ul li a{color:#329ECC;text-decoration:none;border-bottom:1px solid #A1CFD4;margin:0px;} .wapper ul li a:hover,.wapper ul li a:focus,.wapper ul li a:active{background-color:#E2EFFF;color:#329ECC;border-bottom:1px solid #329ECC;} -#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{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; -} -form#search {margin-left:20px;margin-bottom:5px;} -#mdlist{width:100%;} -.thumbmd{float:left;height:300px;margin-left:10px;overflow:hidden;} -.thumbtitle{width:200px;margin-top:10px;padding-top:10px;} -.thumbimg img{height:180px;overflow:hidden;} -hr{border: none 0;border-bottom:1px dashed #ccc;height: 1px;margin:0;padding:5px 0 5px 0;overflow:hidden;} -.clear{clear:both;} +#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;} +.thumbtitle{width:200px;margin-top:10px;padding-top:10px;} +.thumbimg img{height:180px;overflow:hidden;} +hr{border: none 0;border-bottom:1px dashed #ccc;height: 1px;margin:0;padding:5px 0 5px 0;overflow:hidden;} +.clear{clear:both;} .PageNavigation{text-indent: 5em;} \ No newline at end of file