247 lines
16 KiB
CSS
247 lines
16 KiB
CSS
html, body, div, span, object, iframe,
|
|
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
|
abbr, address, cite, code,
|
|
del, dfn, em, img, ins, kbd, q, samp,
|
|
small, strong, sub, sup, var,
|
|
b, i,
|
|
dl, dt, dd, ol, ul, li,
|
|
fieldset, form, label, legend,
|
|
table, caption, tbody, tfoot, thead, tr, th, td,
|
|
article, aside, canvas, details, figcaption, figure,
|
|
footer, header, hgroup, menu, nav, section, summary,
|
|
time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
|
|
body {line-height:1;}
|
|
article,aside,canvas,details,figcaption,figure,
|
|
footer,header,hgroup,menu,nav,section,summary { display:block;}
|
|
nav ul {list-style:none;}
|
|
blockquote, q {quotes:none;}
|
|
blockquote:before, blockquote:after,q:before, q:after {content:'';/*content:none;*/}
|
|
a {margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent; text-decoration:none;color:#329ECC;}
|
|
ins {background-color:#ff9;color:#000;text-decoration:none;}
|
|
mark {background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
|
|
del {text-decoration:line-through;}
|
|
abbr[title], dfn[title] {border-bottom:1px dotted #000;cursor:help;}
|
|
table {border-collapse:collapse;border-spacing:0;}
|
|
hr {display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}
|
|
input, select {vertical-align:middle;}
|
|
ul,ul li{list-style:none;}
|
|
/* Base
|
|
---------------------------------------------------------------------*/
|
|
body {font-family:Arial, Helvetica, sans-serif;line-height:1.5;font-size:12px;background-color:#FFF;color:#666;margin:0 auto;}
|
|
a {outline:none;}
|
|
h1,h2,h3,h4,h5,h6 {color:#4D5762;position:relative;word-spacing:-0.1em;}
|
|
h4,h5,h6 {font-weight:bold;}
|
|
h1,h2 {line-height:28px;margin-bottom:18px;}
|
|
h1,h2,h3,h4,h5 {margin-top:18px;}
|
|
h3,h4,h5,h6 {line-height:18px;margin-bottom:10px;}
|
|
h1 {font-size:28px;}
|
|
h2 {font-size:21px;}
|
|
h3 {font-size:18px;}
|
|
h4 {font-size:16px;}
|
|
h5 {font-size:14px;}
|
|
h6 {font-size:12px;}
|
|
b,strong,caption,th,thead,dt,legend {font-weight:bold;}
|
|
cite,dfn,em,i {font-style: italic;}
|
|
code,kbd,samp,pre,tt,var,.code {font-family:Monaco,"Panic Sans","Lucida Console","Courier New",Courier,monospace,sans-serif;}
|
|
.code {background-color:#EAEFF4;color:#069;overflow:auto;padding:2px 6px;}
|
|
.code span {color:#E9584C;}
|
|
p {word-spacing:0.125em;hyphenate:auto;hyphenate-lines:3;margin-top:1em;}
|
|
p+p {}
|
|
pre {white-space:pre;}
|
|
del {text-decoration:line-through;}
|
|
mark {background:rgba(255,255,0,0.4);padding:0 .25em;}
|
|
ins {color:#f00;}
|
|
small,sup,sub {font-size:90%;}
|
|
big,.big {font-size:120% !important;line-height:120%;}
|
|
abbr,acronym {font-size:85%;text-transform:uppercase;letter-spacing:.1em;}
|
|
abbr[title],acronym[title],dfn[title] {border-bottom:1px dotted #ccc;cursor:help;}
|
|
sup,sub {line-height:0;}
|
|
sup {vertical-align:super;}
|
|
sub {vertical-align:sub;}
|
|
blockquote,q {display:block;font-style:normal;quotes:"" "";background:url("../img/quote.png") no-repeat scroll 0 8px transparent;
|
|
display:block;font-size:14px;min-height:42px;line-height:24px;padding:0 0 0 20px;color:#666;font-family:Georgia,"Times New Roman",Times,serif;margin:1em 0;}
|
|
q cite {display:block;font-size:12px;color:#999;}
|
|
hr {border:none;background:#ddd;width:100%;}
|
|
ul,ol {padding-left:1.5em;}
|
|
ul {list-style:disc outside;}
|
|
ol {list-style:decimal outside;}
|
|
ol ol li {list-style-type:lower-alpha;}
|
|
ul,ol,dl,dialog {margin-top:1em;margin-bottom:1em;}
|
|
li ul,li ol,ul ul,ol ol,dl dd {margin-top:0;margin-bottom:0;margin-left:0;}
|
|
button{cursor:pointer;}
|
|
article,aside,header,hgroup,nav,section,footer {float:left;display:block;}
|
|
figure {display:block;}
|
|
video {display: block;border:5px #aaa solid;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;}
|
|
/* Layout
|
|
---------------------------------------------------------------------*/
|
|
|
|
.hidden{display:none;}
|
|
.hidden-accessible{position:absolute;left:-99999999px;}
|
|
.reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none;}
|
|
.clear{overflow:hidden;}
|
|
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
|
|
.clearfix {display:inline-block;}
|
|
* html .clearfix {height:1%;}
|
|
.clearfix {display:block;}
|
|
.zfix {width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;-khtml-opacity:0;-moz-opacity:0;}
|
|
|
|
/* Boxes
|
|
---------------------------------------------------------------------*/
|
|
|
|
.box {padding:8px;margin-bottom:8px;color:#555;border-top:1px solid #ccc;border-bottom:1px solid #ccc;background:#eee;}
|
|
.box-info {padding-left:32px;border-top:1px solid #B8E2FB;border-bottom:1px solid #B8E2FB;background:#E8F6FF url("../img/information.png") no-repeat 8px 50%;}
|
|
.box-warning{padding-left:32px;border-top:1px solid #F2DD8C;border-bottom:1px solid #F2DD8C;background:#FFF5CC url("../img/error.png") no-repeat 8px 50%;}
|
|
.box-error{padding-left:32px;border-top:1px solid #F8ACAC;border-bottom:1px solid #F8ACAC;background:#FFD1D1 url("../img/exclamation.png") no-repeat 8px 50%;}
|
|
.box-error-msg{margin-top:-8px;background:#FFF1F1;border-top:0 none;border-bottom:1px solid #FDDCDC;color:#664B4B;padding:12px;}
|
|
.box-error-msg ol {margin-top:0;margin-bottom:0;}
|
|
.box-success{padding-left:32px;border-top:1px solid #BBDF8D;border-bottom:1px solid #BBDF8D;background:#EAF7D9 url("../img/accept.png") no-repeat 8px 50%;}
|
|
.box a:hover {background:transparent !important;}
|
|
|
|
/* 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;}
|
|
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 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;}
|
|
.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}
|
|
.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;}
|
|
.corner-tl {-moz-border-radius-topleft: 4px;-webkit-border-top-left-radius: 4px;border-top-left-radius: 4px;}
|
|
.corner-tr {-moz-border-radius-topright: 4px;-webkit-border-top-right-radius: 4px;border-top-right-radius: 4px;}
|
|
.corner-bl {-moz-border-radius-bottomleft: 4px;-webkit-border-bottom-left-radius: 4px;border-bottom-left-radius: 4px;}
|
|
.corner-br {-moz-border-radius-bottomright: 4px;-webkit-border-bottom-right-radius: 4px;border-bottom-right-radius: 4px;}
|
|
.corners-top {-moz-border-radius-topleft:4px;-webkit-border-top-left-radius:4px;-moz-border-radius-topright:4px;-webkit-border-top-right-radius:4px;border-top-right-radius:4px;border-top-left-radius:4px;}
|
|
.corners-bottom {-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;}
|
|
.corners-right {-moz-border-radius-topright:4px;-webkit-border-top-right-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:4px;}
|
|
.corners-left {-moz-border-radius-topleft:4px;-webkit-border-top-left-radius:4px;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;border-top-left-radius:4px;border-bottom-left-radius:4px;}
|
|
.corners {-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
|
|
|
|
.full{width:100%;}
|
|
.width1{width:960px;}
|
|
.width2{width:660px;}
|
|
.width3{width:280px;}
|
|
.width4{width:310px;}
|
|
.fleft{float:left;}
|
|
.fright{float:right;}
|
|
.mt12{margin-top:12px;}
|
|
|
|
/* Pages
|
|
----------------------------------------------------------------*/
|
|
.body{width:960px;margin:0px auto;}
|
|
|
|
.header{background:#031a44;width:100%; overflow:hidden;}
|
|
.header a{color: #FFF; text-decoration:none;}
|
|
.header .banner{width:100%;background:url(/static/images/banner.jpg) 0 0 no-repeat;height:219px; position:relative;}
|
|
.header .nav{width:100%;background:url(/static/images/logo.gif) 0 0 no-repeat;}
|
|
.header .nav .search{height:26px;line-height:26px;overflow:hidden;width:90%;text-align:right;margin-top:5px;}
|
|
.header .nav .search .keywords{height:18px;}
|
|
.header .nav .search span{float:right;}
|
|
.header .nav .search .submit{height:25px;vertical-align:middle;line-height:18px;}
|
|
.header #user{margin-left:15px;}
|
|
.header .nav .main{height:50px; overflow:hidden;}
|
|
.header .nav .main ul { list-style:none;margin-top:18px;}
|
|
.header .nav .main ul li{float:right;background:url(/static/images/nav_tab.png) 0 0 no-repeat;width:130px;height:32px;line-height:32px;text-align:center;margin:0 2px;font-size:14px;font-weight:bold;}
|
|
.header .nav .main ul li:hover{background:url(/static/images/nav_tab_hover.gif) 0 0 no-repeat;}
|
|
.header .nav .main ul li.current{background:url(/static/images/nav_tab_hover.gif) 0 0 no-repeat;}
|
|
.header .nav .main ul li a span{font-size:16px;font-family:"黑体",Tahoma, Geneva, sans-serif;font-weight:normal;}
|
|
|
|
|
|
.footer{border-top:1px solid #003e67;border-bottom:1px solid #003e67;text-align:center;padding:10px 0;margin:10px 0 10px 0;}
|
|
|
|
#index,#metadata,#category{margin-top:10px;}
|
|
.tbox{overflow:hidden;}
|
|
.tbox .title{height:30px;background:url(/static/images/tbox_bg_repeat.gif) 0 0 repeat-x;overflow:hidden;line-height:30px;color:#FFF;font-weight:bold;text-indent:24px;}
|
|
.tbox .title a{color:#FFF;text-decoration:none;}
|
|
.tbox .title .more{float:right;margin-right:15px;}
|
|
.tbox .title .more a{color:#FFF;text-decoration:none;font-weight:normal;font-size:12px;}
|
|
.tbox .content{border:1px solid #a5a5a5;border-top:none;padding:10px;font-size:14px;line-height:24px;overflow:hidden;}
|
|
.tbox .content #links{float:right;font-size:12px;}
|
|
.tbox .content ul{padding:0px;margin:0px;}
|
|
.tbox .content ul li img{vertical-align:middle;}
|
|
|
|
#search_types {background:url(/static/images/types_center.png) center center no-repeat; overflow:hidden;}
|
|
#search_types ul{width:48%;float:left;}
|
|
#search_types ul li{background:url(/static/images/square-gray.gif) 0 8px no-repeat;padding-left:15px;margin-left:30px;}
|
|
#search_types ul li a{font-size:12px;}
|
|
#search_box{width:48%;float:right;}
|
|
#search_box input.keywords{width:90%;}
|
|
|
|
#datanav .fieldlist{margin:10px 0px; overflow:hidden;}
|
|
#datanav .fieldlist ul li{float:left;font-size:12px;line-height:24px;}
|
|
#datanav .fieldlist ul li a {padding:5px 0px 5px 5px;}
|
|
#datanav .fieldlist .subject{background:#e0e0e0;height:28px;overflow:hidden;}
|
|
#datanav .fieldlist .subject a{line-height:28px;display:block;background:#a3a3a3;width:20%;color:#ff3333;text-align:center;}
|
|
|
|
#divBreadCrumb{line-height:24px;background:#e0e0e0;padding-left:15px;}
|
|
|
|
#category_nav{}
|
|
#category_nav .title{width:150px;background:#a3a3a3;font-size:16px;font-weight:bold;text-align:center;height:70px;line-height:70px;}
|
|
#category_nav .categorys{width:800px;background:#e0e0e0;padding:0px;}
|
|
#category_nav .categorys ul{padding:0 0 0 5px;margin:0px;}
|
|
#category_nav .categorys ul li{float:left;height:35px;line-height:35px;width:15%;}
|
|
|
|
.datalist ul{padding:0px;margin:0;}
|
|
.datalist ul li{width:32%;padding:0px;margin-left:1%;float:left;margin-top:10px;}
|
|
.datalist ul li .subject{background:#a3a3a3;line-height:28px;border:1px solid #7d7d7d;}
|
|
.datalist ul li .subject a{color:#000;}
|
|
.datalist ul li .data_content{border:1px solid #7d7d7d;margin-top:3px;}
|
|
.datalist ul li .thumb {text-align:center;}
|
|
.datalist ul li .thumb img{padding:2px;margin:2px;border:1px solid #ccc;}
|
|
.datalist ul li .description{font-size:12px;line-height:24px;text-indent:24px;padding:5px;}
|
|
.datalist ul li .more{float:right;}
|
|
|
|
#view h1{color:#329ECC;}
|
|
|
|
#slideshowHolder{ background-repeat:no-repeat; background-position:center center;}
|
|
#featureimg{border-width:1px;border-style:solid;float:left;margin:5px;width:250px;}
|
|
.thumbimg{border-width:1px;border-style:solid;float:left;margin:5px;}
|
|
|
|
#dmadslider{position: relative; height: 120px; width: 660px;}
|
|
#dmadslider li{height:120px;width:660px;position:absolute;left:0px;top: 0px;}
|
|
|
|
/* Tabs
|
|
---------------------------------------------------------------------*/
|
|
|
|
/* position:relative prevents IE scroll bug (element with position:relative inside container with overflow:auto appear as "fixed") */
|
|
.idTabs{width:100%;overflow:hidden;}
|
|
.idTabs li{float:left;overflow:hidden;}
|
|
.idTabs li a{display:block;color:#003366;padding:5px 10px;border-radius:3px;}
|
|
.idTabs li a.selected{background:#003366;color:#FFF;} |