diff --git a/htdocs/css/admin.css b/htdocs/css/admin.css index 6399c006..299580b0 100644 --- a/htdocs/css/admin.css +++ b/htdocs/css/admin.css @@ -327,4 +327,48 @@ fieldset small { -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-special { + font-size:110%; + width: 210px; +} diff --git a/htdocs/css/default.css b/htdocs/css/default.css index 4657b603..8d54514f 100755 --- a/htdocs/css/default.css +++ b/htdocs/css/default.css @@ -1,123 +1,157 @@ -@import "menuTab.css"; -body -{ - font-family: Arial, Serif, Verdana; - font-size:13px; - margin-top:0px; - margin-left:0px; - padding:0px; border:0; height:100%; - line-height:normal !important; -} +*{padding:0px;margin:0px;} +html {background:#FFF;} +body {font:13px Arial, Serif, Verdana,Tahoma, Geneva, sans-serif;} +a {text-decoration:none;cursor:hand;} +ol,ul,li,ul li{list-style:none;} +input,select,button{font:12px Tahoma, Geneva, sans-serif;vertical-align:middle;} +input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;} +body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0px;padding:0px;} +fieldset,img{border:none;} +address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;} +caption,th{text-align:left;} +h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} -a,a:visited -{ - color:Blue; -} -a:hover -{ - color:Red; -} -#divMaster -{ - font-size:13px; - -} +body {width:100%;} +a,a:visited{color:Blue;} +a:hover{color:Red;} + +/* New Link Style +a{color:#329ECC;text-decoration:none;border-bottom:1px solid #A1CFD4;margin:0px;} +a:hover,a:focus,a:active{background-color:#E2EFFF;color:#329ECC;border-bottom:1px solid #329ECC;} +*/ +.center{width:1000px;margin:0 auto;} + +#divMaster{font-size:13px;} /*divHeader style*/ -#divHeader -{ - text-align:right; - margin-right:20px; -} -#divHeader a -{ - color: #000066; - text-decoration:none; -} +#divHeader{width:100%;background: url(../images/headerBk.jpg) repeat-x;} +#divHeader a{color: #000066;text-decoration:none;} +#divHeader a:hover{color:Red;} -#divHeader a:hover -{ - color:Red; -} - -#divHeader .Login_Name -{ - background: url(../images/arrow.gif) no-repeat center right; - padding-right: 15px; - font-family: Courier, Tahoma; -} +#divHeader .Login_Name{background: url(../images/arrow.gif) no-repeat center right;padding-right: 15px;font-family: Courier, Tahoma;} /*End divHeader style*/ -#divLogo -{ - border-top: black solid 1px; - background: url(../images/headerBk.jpg) repeat-x; -} -#divLogo img -{ - border:0; -} -#divBreadCrumb -{ - padding:5px 2px 5px; - background: #ddd; - font-size:13px; -} -#divBreadCrumb a -{ - color:Black; -} -#divContent -{ - font-size:13px; - margin:5px 5px 2px 5px; - padding:0px 10px 0px 10px; - /*width:100%;*/ - text-align:left; - clear:both; - position:relative; -} +#divLogo{width:740px; margin:0 auto;} +#divLogo img{border:0;} +#divBreadCrumb{padding:5px 2px 5px;background: #ddd;font-size:13px;} +#divBreadCrumb a{color:Black;text-decoration:underline;} +#divContent{font-size:13px;margin:5px 5px 2px 5px;padding:0px 10px 0px 10px;text-align:left;clear:both;position:relative;} /*divFooter styles*/ -#divFooter -{ - /*background-color:#666;*/ - background-color:#bf5008; - color:White; - padding: 5px 15px 5px; - font-size:12px; -} -#divFooter a:link, -#divFooter a:visited, -#divFooter a:active -{ - color:White; - text-decoration:none; - font-family:Arial, Serif; -} - -#divFooter a:hover -{ - text-decoration:underline; -} +#divFooter{background-color:#bf5008;color:White;padding: 5px 15px 5px;font-size:12px;text-align:center;} +#divFooter a:link,#divFooter a:visited,#divFooter a:active{color:White;text-decoration:none;font-family:Arial, Serif;} +#divFooter a:hover{text-decoration:underline;} /*End divFooter styles*/ -.clearLine -{ - clear:both; +/*- Menu Tabs--------------------------- */ + +.nav{border-top:#5D657C 1px solid;border-bottom:#5D657C 1px solid;width:100%;overflow:hidden;height:39px;} +#divNavi {font-size:14px;line-height:normal;overflow:hidden;width:680px;margin:0 auto;} +#divNavi ul {margin:0;padding:10px 10px 0 0px;list-style:none;overflow:hidden;} +#divNavi li {display:inline;margin:0;padding:0;} +#divNavi a { + float:left; + background:url("../images/tableftG.gif") no-repeat left top; + margin:0; + padding:0 0 0 4px; + text-decoration:none; + } +#divNavi a span { + float:left; + display:block; + background:url("../images/tabrightG.gif") no-repeat right top; + padding:5px 15px 4px 6px; + color:black; + } +/* Commented Backslash Hack hides rule from IE5-Mac \*/ +#divNavi a span {float:none;} +/* End IE5-Mac hack */ +#divNavi a:hover span { + color:black; + } +#divNavi a:hover { + background-position:0% -42px; + } +#divNavi a:hover span { + background-position:100% -42px; + } + +#divNavi .current a { + background-position:0% -42px; +} +#divNavi .current a span { + background-position:100% -42px; +} +#userNavi {float:right;margin:0;font-size:12px;padding-left:12px;background:url("../images/user.gif") no-repeat left bottom; position:relative;right:0px;top:-14px;} +#userNavi a{background-image:none;} +#userNavi img { border:0;margin:0;padding:0;height:15px;} + +/* paginationControl +---------------------------------------------------------------------*/ +.paginator{width:100%;overflow:hidden;} +.paginationControl{float:left;padding-left:30px;margin:10px auto;} +.paginationControl A {border:#9aafe5 1px solid;padding:2px 5px;color:#2e6ab1;margin-right:2px;TEXT-DECORATION:none} +.paginationControl A:hover {border:#2b66a5 1px solid;COLOR: #000;BACKGROUND-COLOR:lightyellow} +.paginationControl A:active {border:#2b66a5 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: #2e6ab1} +.paginationControl SPAN.disabled {border:#929292 1px solid;padding:2px 5px;COLOR: #929292; MARGIN-RIGHT: 2px;} + +/* 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;} +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); } -h1{font-size: 20px;} -h2 -{ - font-family: 黑体, Verdana, Sans-Serif; - font-size: 16px; -} -p -{ - line-height: 20px; -} -li -{ - line-height: 20px; -} +.clearLine{clear:both;} + +h1{font:22px bold Verdana, Sans-Serif;} +h2{font:18px bold Verdana, Sans-Serif;} +p,li{line-height: 20px;} .LeftMargin { @@ -126,4 +160,7 @@ li .LeftMarginMore { margin-left: 15%; -} \ No newline at end of file +} +#heiheLogo{width:740px; margin:0 auto;} + + diff --git a/htdocs/css/heihemdview.css b/htdocs/css/heihemdview.css index 40d43a50..b083ba60 100644 --- a/htdocs/css/heihemdview.css +++ b/htdocs/css/heihemdview.css @@ -1,5 +1,5 @@ -#rightbar{float:right;width:300px;border-left:2px solid #ddd;background:#ddd;margin:-12px 0 0;position:relative;} -h1{font-size:18px;text-align:center;border-bottom:#ddd 1px dotted;} +#rightbar{float:right;width:300px;border-left:2px solid #ddd;background:#ddd;position:relative;} +h1{text-align:center;border-bottom:#ddd 1px dotted;} hr{border:#ccc 1px dotted;padding:0;} #rightbar hr{border:#3C55C4 1px dotted;overflow:hidden;padding:0;} @@ -31,7 +31,7 @@ li {white-space:nowrap;} #cite ol{text-indent:0em;} #cite ul li{background: url(/images/square.gif) no-repeat left center;padding-left:10px;float:left;list-style-type:none;margin:0;margin-left:15px;*padding-right:12px;text-indent:0;} /*ie7-hack*/ -#cite ol li{text-indent:0em;white-space:normal;*margin-right:15px;} +#cite ol li{margin-left:2em;list-style:decimal;text-indent:0em;white-space:normal;*margin-right:15px;} #right h2 {margin:0;padding:5px 0 5px 15px;} #authors {margin:0;text-align:left;width:300px;} #authors ul {margin:0;padding:0;} @@ -104,4 +104,8 @@ img{border:0px;} #todownload .closeox{position: absolute;right: 0;top: 0;} #todownload input{width:300px;} #todownload textarea{width:400px;height:200px;} -#todownload input.btn{width:100px;} +#todownload input.btn{width:100px;} +#abstract p { line-height: 24px; margin: 10px 0;} +ol li{margin-left:20px;list-style:decimal;} +#file-list li{list-style:none;} +h2 {margin-top:10px;} \ No newline at end of file diff --git a/htdocs/css/index.css b/htdocs/css/index.css index e7637991..79f79900 100755 --- a/htdocs/css/index.css +++ b/htdocs/css/index.css @@ -1,3 +1,4 @@ +#index{width:1000px;margin:0 auto;} #leftPanel{float:left; width:200px;margin-left:5px;} #leftPanel .title { @@ -150,22 +151,24 @@ margin-left: 45px; /*数据服务段结束*/ -#dataLink {padding:10px;} +#dataLink {margin:10px 0;} +#dataLink .search{width:auto;} +#dataLink ul{padding:5px 0;} #rightPanel #dataLink a{font-weight: bold;} /*数据CD开始*/ -#itemCd{ margin-top: 10px; border-bottom:1px dotted gray;} +#itemCd{ margin-top: 10px; border-bottom:1px dotted gray; overflow:hidden;} #itemCd img { margin-top:-10px;margin-left:-5px;width:100px;height:100px;border-width:1px;border-style:solid;} #itemCd #image{float: left; width: 110px; height: 105px;} #itemCd #title{font-size: 105%; font-weight: bold; font-family: Tahoma; } #itemCd #filesize{color: Gray;font-size: 95%;} #itemCd #descript{margin: 10px 2% 5px 0px; font-family: Verdana;} #itemCd #descript #intro {font-style: italic;} -#itemCd #link {margin-bottom: 10px;} - -#dataLink ul{display:inline;float:left;list-style-type: none;margin-top:-5px;} -.element-group{float:left;} -.submit-group{float:left;} -dd,dt{margin:0;} -form{margin:0px;padding:0;float:left;display:inline;} +#itemCd #link {margin-bottom: 10px;} + +#dataLink ul{display:inline;float:left;list-style-type: none;margin-top:-5px;} +.element-group{float:left;} +.submit-group{float:left;} +dd,dt{margin:0;} +form{margin:0px;padding:0;float:left;display:inline;} #dataLink dd {padding-bottom:5px;margin-left:5px;margin-top:-5px;} \ No newline at end of file diff --git a/htdocs/css/mdreview.css b/htdocs/css/mdreview.css index e4790f73..0d322c74 100644 --- a/htdocs/css/mdreview.css +++ b/htdocs/css/mdreview.css @@ -16,11 +16,11 @@ background-color: #e6edea; } ul {list-style-type: none; } -#leftPanel ul, #rightPanel ul {margin-left: 10px;padding-left: 0px;overflow:hidden;width:45%;float:left;} -#leftPanel .item{line-height: 25px;} .more a:link, .more a:visited{color:Green; text-decoration:none;} +#indexbody{width:100%;} +#indexbody ul {/*width:45%;*/float:left;margin:0px 10px;} li.more{text-align:right;padding-right:20px;} -#rightPanel{float:left;padding-left: 15px;} +#rightPanel{float:left;padding-left:15px;} #message{background-color:#fffbcc;border:1px solid #E6DB55;padding-left:10px;} .datalist {width:300px;} .paginationControl{float:right;padding-left:30px;} @@ -110,42 +110,17 @@ input.q{width:200px;} /* Forms ---------------------------------------------------------------------*/ -form { - overflow:auto; -} -input:focus,textarea:focus,select:focus { - outline-width:0; /* No outline border for Safary */ -} +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; -} + 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); @@ -154,53 +129,15 @@ input:focus,textarea:focus { 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; +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; @@ -229,7 +166,7 @@ fieldset small { #abstract p {text-indent:24px;font-size:12px;line-height:24px;} #abstract p img.thumb{float:left;margin-right:10px;} -.reviewlist {width:90%;overflow:hidden;margin:0 auto; float:left;} +.reviewlist {width:100%;overflow:hidden;margin:0 auto; float:left;} .reviewlist li:nth-child(even) { } @@ -244,3 +181,37 @@ fieldset small { .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;} + + +#myreview{width:100%;} +.wapper{overflow:hidden;padding:0px;width:100%;} +.wapper ul{width:100%;overflow:hidden;} +#container{overflow:hidden;} +.wapper ul li{overflow:hidden;width:190px;float:left;padding:5px;margin:5px 0;border:1px solid #eff9fc;border-radius:5px;} +.wapper ul li.hover{background:#eff9fc;} +.thumb{border:1px solid #ccc;padding:2px;} + +.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 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;} +.PageNavigation{text-indent: 5em;} \ No newline at end of file diff --git a/htdocs/css/metadata.css b/htdocs/css/metadata.css index 437b2279..d5c3dd68 100755 --- a/htdocs/css/metadata.css +++ b/htdocs/css/metadata.css @@ -1,12 +1,12 @@ #metacontent{clear:left;margin-left:10px;} hr{clear:left;border: none 0;border-bottom:1px dashed #ccc;height: 1px;} #leftnav{margin-bottom:10px;clear:left;} -#metacontent{float:left;} +/*#metacontent{float:left;}*/ #features, #leftContainer{width:48%;float:left;margin-right:2%;clear:left;margin-bottom:10px;margin-left:10px;} #latest, #services{width:48%;float:left;margin-bottom:10px;font-size:13px;} #leftContainer{margin-top:5px;} /*latest*/ -#latest .title{border-bottom:1px dotted #c7ddc7;padding: 5px 15px 5px;font-size: 16px; font-weight:bold;} +#latest .title{border-bottom:1px dotted #c7ddc7;padding: 5px 15px 5px;font-size: 16px; font-weight:bold;overflow:hidden;} #latest .more a{color:Green; padding-right: 20px; background:url(../images/arrow.gif) no-repeat right center;} #latest ul {width:100%;margin:0px;padding:0px;overflow:hidden;word-wrap: break-word;} #latest ul li{margin:0px;padding:0px;width:auto;} @@ -18,9 +18,8 @@ hr{clear:left;border: none 0;border-bottom:1px dashed #ccc;height: 1px;} #features .more a{color:Green; padding-right: 20px; background:url(../images/arrow.gif) no-repeat right center;} /*data_links*/ -#links .title{background:#c7ddc7; padding: 5px 15px 5px;font-size: 16px; font-weight:bold;} -#links h3{clear:both;color: rgb(153, 0, 51);font-size: 14px; - background: url(/images/arrow_red_10x10.gif) no-repeat left top; padding-left: 13px;} +#links .title{background:#c7ddc7; padding: 5px 15px 5px;font-size: 16px; font-weight:bold;overflow:hidden;} +#links h3{clear:both;color:rgb(153, 0, 51);font-size:14px;background: url(/images/arrow_red_10x10.gif) no-repeat left center;padding-left:13px;margin:7px 0;} #links ul{margin:0px; padding-left:10px;clear:left;} #links ul li{float:left;margin-left:5px;} #links ul li a{color:Navy; text-decoration:none;} @@ -52,7 +51,7 @@ dd,dt{float:left;margin:0;} form{margin:0px;display:inline;} #links dd {padding-bottom:5px;margin-left:5px;margin-top:-5px;} .note{font-size:10px;color:gray;} -#keyword fieldset {border:dotted 1px;border-bottom:0;} + li {white-space:nowrap;} #series fieldset {border-bottom:0;} @@ -68,7 +67,7 @@ legend { background:#fff;} /* * mditem */ -.mditem {width:100%;overflow:hidden;border-bottom:1px dashed #ccc;} +.mditem {width:100%;overflow:hidden;border-bottom:1px dashed #ccc;padding:5px 0;} .mditem h2{text-indent:24px;} .mditem p{text-indent:24px;font-size:12px;} @@ -76,7 +75,7 @@ legend { background:#fff;} /* * paginationControl */ - .PageNavigation{float:left;margin-left:200px;padding-left:30px;} +.PageNavigation{float:left;margin-left:200px;padding-left:30px;} .paginationControl{float:right;padding-left:30px;margin:10px auto;} .paginationControl A {border:#9aafe5 1px solid;padding:2px 5px;color:#2e6ab1;margin-right:2px;TEXT-DECORATION:none} .paginationControl A:hover {border:#2b66a5 1px solid;COLOR: #000;BACKGROUND-COLOR:lightyellow} diff --git a/htdocs/css/search.css b/htdocs/css/search.css index 7a3feb7b..446e9f60 100644 --- a/htdocs/css/search.css +++ b/htdocs/css/search.css @@ -22,7 +22,7 @@ { clear:both; background:#eee; - padding:10px; + padding:10px; + width:90%; } #help ul li {white-space:normal;} -#advancesearch{float:left;} \ No newline at end of file diff --git a/htdocs/css/water.css b/htdocs/css/water.css index cf3a2917..f4d3210f 100644 --- a/htdocs/css/water.css +++ b/htdocs/css/water.css @@ -1,12 +1,10 @@ -body{margin:0;height:100%;} -html{height:100%;} #divContent{margin:0 auto;padding:0;} /* water */ #sidebar{margin:0;padding:0;width:220px;_margin-right:-3px;float:left;border-right:2px solid #ddd;background:#ddd;} #right{margin:0;padding:0;border-left:2px solid #ddd;margin-left:220px;} #leftnavi{margin:0;padding:0;} -#leftnavi input{margin-left:5px;width:210px;border:1px solid #006;background: #ffc;} -#intro {margin:0;padding:0;padding-left:5px;} +#leftnavi input{margin-left:5px;width:200px;border:1px solid #006;background: #ffc;} +#intro {margin-top:10px;padding:0;padding-left:5px;} #intro p{text-indent:2em;} #intro img{padding:5px;} #intro h1{text-indent:2em;font-size:24px;} @@ -28,11 +26,11 @@ li {white-space:nowrap;} #links ul li a{color:Navy; text-decoration:none;} #links ul li a:hover{color:Red;text-decoration:underline;} #links fieldset {border:dotted 1px;border-bottom:0;border-left:0;border-right:0;} -ul{list-style-type: none;} +ul{list-style-type: none;margin:2px 5px 2px 20px;} /* used in search*/ .mditem{clear:left;text-indext:2em;padding:5px;} .mditem hr{clear:both;padding:0;} -.thumb {float:left;padding-right:5px;} +.thumb {float:left;padding-right:5px;height:220px;overflow:hidden;margin-left:5px;} #search{} .float{float:left;} @@ -92,4 +90,7 @@ dd,dt{float:left;margin:0;} #detailxml .name {width:150px;text-align:left;float:left;color:red;} #detailxml .item{clear:left;margin-left:20px;} #detailxml .item p{padding-left:20px;} -legend {margin-left:30px;background:#fff;} \ No newline at end of file +legend {margin-left:30px;background:#fff;} +.strong {font:20px bold;color:red;} +.thumbtitle{width:210px;margin-top:10px;padding-top:10px;} +ol,ol li{list-style:decimal;margin-left:20px;} \ No newline at end of file diff --git a/htdocs/css/watermdview.css b/htdocs/css/watermdview.css index f87b65af..8ffd7e66 100644 --- a/htdocs/css/watermdview.css +++ b/htdocs/css/watermdview.css @@ -1,106 +1,111 @@ -#left{margin-right:310px;} -#right{float:right;width:300px;border-left:2px solid #ddd;background:#ddd;margin:0;position:relative;} -h1{font-size:18px;text-align:center;border-bottom:#ddd 1px dotted;} -hr{clear:left;border:#ccc 1px dotted;overflow:hidden;} -#right hr{border:#3C55C4 1px dotted;overflow:hidden;} -li {white-space:nowrap;} -#ImageViewer{ width:250px; float:right; text-align:center;margin:0;padding:0;border:0;} -#ItemSummary{margin:0 auto;width:300px;text-align:center;} -#ItemSummary ul{margin:0;padding:0;text-align:left;float:left;width:300px;} -#ItemSummary li{background: url(/images/square.gif) no-repeat left center;padding-left:10px;margin-top:2px;height:24px;line-height:24px;border-bottom:1px dashed #ccc;float:left;list-style-type:none;} -#ItemSummary li span{display:block; width:70px; float:left; text-align:right; color:#555;} -#OtherInfo{} -#OtherInfo li{ float:left; width:300px;} -#OtherInfo #filesize,#OtherInfo #downtimes,#OtherInfo #viewtimes{ width:140px;} -#OtherInfo #datatype,#OtherInfo #fileformat,#OtherInfo #projection,#OtherInfo #datatimes #datadoc{ width:290px;} -#linkurl {text-align:center;display:block;width:300px;} - -#temporal ul{padding-left:36px;background:url(/images/time.gif) no-repeat left center;width:260px;border-top:1px solid #abc;} -#place ul{padding-left:36px;background:url(/images/place.gif) no-repeat left center;width:260px;border-top:1px solid #abc;} -#place ul li{float:left;} -#theme ul{padding-left:36px;background:url(/images/theme.gif) no-repeat left center;width:260px;border-top:1px solid #abc;} -#stratum ul{padding-left:36px;background:url(/images/stratum.gif) no-repeat left center;} -#discipline ul{padding-left:36px;background:url(/images/discipline.gif) no-repeat left center;width:260px;} -#series ul{padding-left:36px;background:url(/images/series.gif) no-repeat left center;} -#category ul{clear:both;padding-left:36px;background:url(/images/category.gif) no-repeat left center;width:260px;} -#filesize,#downtimes,#viewtimes {text-align:left;width:140px;} -#datatype,#projection,#fileformat,#datatimes {text-align:left;width:290px;} -#cite{float:left;text-indent:2em;} -#cite p{width:98%;} -#cite ul{text-indent:0em;margin:0;} -#cite ol{text-indent:0em;clear:both;} -#cite ul li{background: url(/images/square.gif) no-repeat left center;padding-left:10px;float:left;list-style-type:none;margin:0;margin-left:15px;*padding-right:12px;} -/*ie7-hack*/ -#cite ol li{text-indent:0em;clear:both;white-space:normal;*margin-right:15px;} -#right h2 {margin:0;padding:5px 0 5px 15px;} -h2{clear:both;} -#authors {margin:0;text-align:left;width:300px;} -#authors ul {margin:0;padding:0;} -#authors ul li {clear:both;display:block;padding-left:15px;white-space:normal;width:280px;} -#authors h2{font-size:16px;margin:2px;} -#comments h2{font-size:16px;clear:left;margin:2px;padding-left:30px;} - -#abstract{text-indent:2em;} -#abstract a{background: url(/images/extlink.gif) no-repeat left center;padding-left:12px;} -#abstract table,#abstract th,#abstract td{border:1px solid #ccc;border-style:inset;} -#related,#literature{float:left;text-indent:2em; width:50%;white-space:normal;word-break:break-word;overflow:hidden;} -#related ul,#literature ul{list-style-type:decimal;list-style-position:inside;} -#related li,#literature li{margin-left:-30px;} - -label{float:left;text-align:right;width:100px;padding-right:20px;} -label.required { background:url(/images/req-asterisk.gif) right; background-repeat: no-repeat;} -#allcomments li{display:block;border:1px solid #aaa;white-space:wrap;width:100%;} -#allcomments span {background:#dfdfdf;display:block;padding-left:10px;} -.comment-content{display:block;border:1px solid #aaa;text-indent:2em;width:98%;} - -.thumb {float:left;width:250px;height:200px;} - -#tools ul li {float:left; padding-left:10px;} -ul{list-style-type: none;} -img{border:0px;} -.commentform{border:0;margin:0;padding:0;clear:left;} -.submit-group{padding-left:300px;} -.element-group {padding-left:100px;border:0;margin:0;} -.zend_form dt{float:left;margin:0;text-align:center;} -#links dd {padding-bottom:5px;margin-left:5px;margin-top:-5px;} -.note{font-size:10px;color:gray;} -#keyword fieldset {border:dotted 1px;border-bottom:0;} -#series fieldset {border-bottom:0;} -#category fieldset {border-bottom:0;} -.clear-div{height:0px;overflow:hidden;} -#watermap{height:300px;width:300px;} -#window-outter { - background:#3d3d3d none repeat scroll 0 0; - border:1px solid #DDDDDD; - display:block; - position:absolute; - width:960px; - top:0; -} -#window-inner { - top:-3px; - left:-3px; - background:#FFFFFF none repeat scroll 0 0; - border:1px solid #555555; - font-weight:normal; - padding:2px; - position:relative; -} -#window-closer-container { - top:2px; - right:2px; - position:relative; - float:right; -} -#window-content-container{ - margin:10px; - padding:0; -} -#window-loading { - text-align:center -} -#todownload {width:600px;position: absolute; left: 35%;top: 5%; border:10px solid #333;background: #FFF;padding:5px;border-radius: 5px;} -#todownload .closeox{position: absolute;right: 0;top: 0;} -#todownload input{width:300px;} -#todownload textarea{width:400px;height:200px;} -#todownload input.btn{width:100px;} +#left{margin-right:310px;} +#right{float:right;width:300px;border-left:2px solid #ddd;background:#ddd;margin:0;position:relative;} +h1{text-align:center;border-bottom:#ddd 1px dotted;} +hr{clear:left;border:#ccc 1px dotted;overflow:hidden;} +#right hr{border:#3C55C4 1px dotted;overflow:hidden;} +li {white-space:nowrap;} +#ImageViewer{ width:250px; float:right; text-align:center;margin:0;padding:0;border:0;} +#ItemSummary{margin:0 auto;width:300px;text-align:center;} +#ItemSummary ul{margin:0;padding:0;text-align:left;float:left;width:300px;} +#ItemSummary li{background: url(/images/square.gif) no-repeat left center;padding-left:10px;margin-top:2px;height:24px;line-height:24px;border-bottom:1px dashed #ccc;float:left;list-style-type:none;} +#ItemSummary li span{display:block; width:70px; float:left; text-align:right; color:#555;} +#OtherInfo{} +#OtherInfo li{ float:left; width:300px;} +#OtherInfo #filesize,#OtherInfo #downtimes,#OtherInfo #viewtimes{ width:140px;} +#OtherInfo #datatype,#OtherInfo #fileformat,#OtherInfo #projection,#OtherInfo #datatimes #datadoc{ width:290px;} +#linkurl {text-align:center;display:block;width:300px;} + +#temporal ul{padding-left:36px;background:url(/images/time.gif) no-repeat left center;width:260px;border-top:1px solid #abc;} +#place ul{padding-left:36px;background:url(/images/place.gif) no-repeat left center;width:260px;border-top:1px solid #abc;} +#place ul li{float:left;} +#theme ul{padding-left:36px;background:url(/images/theme.gif) no-repeat left center;width:260px;border-top:1px solid #abc;} +#stratum ul{padding-left:36px;background:url(/images/stratum.gif) no-repeat left center;} +#discipline ul{padding-left:36px;background:url(/images/discipline.gif) no-repeat left center;width:260px;} +#series ul{padding-left:36px;background:url(/images/series.gif) no-repeat left center;} +#category ul{clear:both;padding-left:36px;background:url(/images/category.gif) no-repeat left center;width:260px;} +#filesize,#downtimes,#viewtimes {text-align:left;width:140px;} +#datatype,#projection,#fileformat,#datatimes {text-align:left;width:290px;} +#cite{float:left;text-indent:2em;} +#cite p{width:98%;line-height:24px;margin:10px 0;} +#cite ul{text-indent:0em;margin:0;} +#cite ol{text-indent:0em;clear:both;} +#cite ul li{background: url(/images/square.gif) no-repeat left center;padding-left:10px;float:left;list-style-type:none;margin:0;margin-left:15px;*padding-right:12px;line-height:24px;} +/*ie7-hack*/ +#cite ol li{margin-left:2em;list-style:decimal;text-indent:0em;clear:both;white-space:normal;*margin-right:15px;} +#right h2 {margin:0;padding:5px 0 5px 15px;} +h2{clear:both;} +#authors {margin:0;text-align:left;width:300px;} +#authors ul {margin:0;padding:0;} +#authors ul li {clear:both;display:block;padding-left:15px;white-space:normal;width:280px;} +#authors h2{font-size:16px;margin:2px;} +#comments h2{font-size:16px;clear:left;margin:2px;padding-left:30px;} + +#abstract{text-indent:2em;} +#abstract a{background: url(/images/extlink.gif) no-repeat left center;padding-left:12px;} +#abstract p{line-height:24px;margin:10px 0;} +#abstract table,#abstract th,#abstract td{border:1px solid #ccc;border-style:inset;} +#related,#literature{float:left; width:50%;white-space:normal;word-break:break-word;overflow:hidden;} +#related ul,#literature ul{list-style-type:decimal;padding-left:30px;} +#related li,#literature li{margin-left:0px;line-height:24px;list-style-type:decimal;} + +label{float:left;text-align:right;width:100px;padding-right:20px;} +label.required { background:url(/images/req-asterisk.gif) right; background-repeat: no-repeat;} +#allcomments li{display:block;border:1px solid #aaa;white-space:wrap;width:100%;overflow:hidden;} +#allcomments span.title {background:#dfdfdf;display:block;padding-left:10px;line-height:20px;} +.comment-content{display:block;border:1px solid #aaa;text-indent:2em;width:98%;margin:5px 0 0 0;} + +.thumb {float:left;width:250px;height:200px;} + +#tools ul li {float:left; padding-left:10px;} +ul{list-style-type: none;} +img{border:0px;} +.commentform{border:0;margin:0;padding:0;clear:left;} +.submit-group{padding-left:300px;} +.element-group {padding-left:100px;border:0;margin:0;} +.zend_form dt{float:left;margin:0;text-align:center;} +#links dd {padding-bottom:5px;margin-left:5px;margin-top:-5px;} +.note{font-size:10px;color:gray;} +#keyword fieldset {border:dotted 1px;border-bottom:0;} +#series fieldset {border-bottom:0;} +#category fieldset {border-bottom:0;} +.clear-div{height:0px;overflow:hidden;} +#watermap{height:300px;width:300px;} +#window-outter { + background:#3d3d3d none repeat scroll 0 0; + border:1px solid #DDDDDD; + display:block; + position:absolute; + width:960px; + top:0; +} +#window-inner { + top:-3px; + left:-3px; + background:#FFFFFF none repeat scroll 0 0; + border:1px solid #555555; + font-weight:normal; + padding:2px; + position:relative; +} +#window-closer-container { + top:2px; + right:2px; + position:relative; + float:right; +} +#window-content-container{ + margin:10px; + padding:0; +} +#window-loading { + text-align:center +} +#todownload {width:600px;position: absolute; left: 35%;top: 5%; border:10px solid #333;background: #FFF;padding:5px;border-radius: 5px;} +#todownload .closeox{position: absolute;right: 0;top: 0;} +#todownload input{width:300px;} +#todownload textarea{width:400px;height:200px;} +#todownload input.btn{width:100px;} +.strong {font:20px bold;color:red;} +ol li{margin-left:20px;list-style:decimal;} +#file-list li{list-style:none;} +h2 {margin-top:10px;} diff --git a/htdocs/images/review.png b/htdocs/images/review.png new file mode 100644 index 00000000..5b32120e Binary files /dev/null and b/htdocs/images/review.png differ diff --git a/htdocs/js/navi.js b/htdocs/js/navi.js index 8954a30f..b2dfa513 100755 --- a/htdocs/js/navi.js +++ b/htdocs/js/navi.js @@ -3,6 +3,7 @@ function extractPageName(hrefString) var arr = hrefString.split('/'); var result=(arr.length<3) ? hrefString : arr[3].toLowerCase(); if (result=='water') result='data'; + if (result=='heihe') result='data'; if (result=='admin' && arr.length>=4) result+="/"+arr[4]; return result; } diff --git a/htdocs/js/pubfunc.js b/htdocs/js/pubfunc.js new file mode 100644 index 00000000..f153784c --- /dev/null +++ b/htdocs/js/pubfunc.js @@ -0,0 +1,82 @@ +function fnCreate(src){ + + /* 要创建的div的classname */ + var ClassName = "thumbviewbox"; + + if(src == '') + { + return false; + } + + /* 优先创建图片，如果图片没有加载成功，回调自己 */ + var img = document.createElement('img'); + img.setAttribute('src',src); + var imgwd = img.width; + var imghg = img.height; + + if(imgwd<1) + { + var timer = setTimeout("fnCreate('"+src+"')",100); + return false; + }else{ + clearInterval(timer); + } + + /* 清除已经弹出的窗口，防止冒泡 */ + em = document.getElementsByClassName(ClassName) + + for(var i=em.length-1; i>=0; i--){ + var p = em[i]; + p.parentNode.removeChild(p); + } + + /* 各项参数 */ + var htmlWidth = window.innerWidth; //可见区域宽度 + var htmlHeight = window.innerHeight; //可见区域高度 + var divleft = 0; //将要创建的div的左边距 + var divtop =0; //将要创建的div的右边距 + var closefunction = 'em=document.getElementsByClassName("'+ClassName+'");for(var i=em.length-1;i>=0;i--){var p=em[i];p.parentNode.removeChild(p);}'; //关闭div的代码 + + img.setAttribute('onclick',closefunction); + + /* 计算通过图片计算div应该在的位置，保证弹窗在页面中央 */ + if(imgwd>htmlWidth*0.8) + { + img.setAttribute('width',htmlWidth*0.8); + divleft=htmlWidth*0.1; + if(imghg>htmlHeight*0.8) + { + divtop = htmlHeight*0.1; + }else{ + divtop = (htmlHeight-imgwd)/2; + } + }else{ + img.setAttribute('width',imgwd); + divleft= (htmlWidth-imgwd)/2; + if(imghg>htmlHeight*0.8) + { + divtop = htmlHeight*0.1; + } + else + { + divtop = (htmlHeight-imgwd)/2; + } + } + + /* 创建关闭按钮 */ + var closebtn = document.createElement('a'); + closebtn.setAttribute('class','close'); + closebtn.setAttribute('href','javascript:;'); + closebtn.setAttribute('style','position:absolute;top:-20px;right:-5px;cursor:pointer;background:#444;color:#FFF;'); + closebtn.innerHTML = '[close/关闭]'; + closebtn.setAttribute('onclick',closefunction); + + /* 创建弹窗 */ + var element = document.createElement('div'); + element.appendChild(img); + element.appendChild(closebtn); + element.setAttribute('class',ClassName); + element.setAttribute('style','border:5px solid #444;position:absolute;top:'+Math.round(divtop)+'px;left:'+Math.round(divleft)+'px;border-radius:5px;background:#FFF'); + + document.body.appendChild(element); + } \ No newline at end of file