From 318121ae4d0c09d68155f74209fe07cd5966b012 Mon Sep 17 00:00:00 2001 From: Li Jianxuan Date: Tue, 25 Oct 2011 09:53:26 +0000 Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=A0=B7=E5=BC=8F=EF=BC=9A?= =?UTF-8?q?=E5=A4=B4=E9=83=A8=E5=89=A7=E4=B8=AD=E3=80=81=E6=BA=A2=E5=87=BA?= =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E3=80=81=E9=BB=98=E8=AE=A4=E6=A0=B7=E5=BC=8F?= =?UTF-8?q?=E8=B0=83=E6=95=B4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- htdocs/css/default.css | 226 +++++++++++++++++++++++----------------- htdocs/css/index.css | 20 ++-- htdocs/css/mdreview.css | 101 ++++-------------- htdocs/css/metadata.css | 13 ++- 4 files changed, 168 insertions(+), 192 deletions(-) diff --git a/htdocs/css/default.css b/htdocs/css/default.css index 4657b603..a7f4068f 100755 --- a/htdocs/css/default.css +++ b/htdocs/css/default.css @@ -1,104 +1,142 @@ -@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:12px Tahoma, Geneva, sans-serif;} +a {text-decoration:none;cursor:hand;} +od,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;} +#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*/ +/*- 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;} + +/* 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); +} + .clearLine { clear:both; diff --git a/htdocs/css/index.css b/htdocs/css/index.css index e7637991..c0fab313 100755 --- a/htdocs/css/index.css +++ b/htdocs/css/index.css @@ -150,22 +150,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 3defde5d..5c33cb99 100644 --- a/htdocs/css/mdreview.css +++ b/htdocs/css/mdreview.css @@ -122,42 +122,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); @@ -166,53 +141,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; diff --git a/htdocs/css/metadata.css b/htdocs/css/metadata.css index 437b2279..2e422810 100755 --- a/htdocs/css/metadata.css +++ b/htdocs/css/metadata.css @@ -6,7 +6,7 @@ hr{clear:left;border: none 0;border-bottom:1px dashed #ccc;height: 1px;} #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}