375 lines
10 KiB
CSS
375 lines
10 KiB
CSS
/**
|
|
* added by lijianxuan
|
|
* 2011/9/13 15:48
|
|
*/
|
|
|
|
*{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;}
|
|
table{border-collapse:collapse;border-spacing:0;}
|
|
table td,table th{border:1px solid #0a3e68;}
|
|
table tr td,table th{line-height:24px;}
|
|
table thead tr{color:#FFF;background:#0a3e68;}
|
|
table thead tr td{line-height:30px;}
|
|
|
|
#leftPanel
|
|
{
|
|
float:left; width:18%;
|
|
background-color:#edefea;
|
|
}
|
|
|
|
ul {list-style-type: none; }
|
|
#rightPanel ul {margin-left: 0px;padding-left: 0px;overflow:hidden;width:100%;}
|
|
#leftPanel .item{line-height: 25px;}
|
|
#leftPanel .more a:link, #leftPanel .more a:visited{color:Green; text-decoration:none;}
|
|
#rightPanel{float:left;padding-left: 12px;width:80%;overflow:hidden;}
|
|
#message{background-color:#fffbcc;border:1px solid #E6DB55;padding-left:10px;}
|
|
#feature ul, #datasetcd ul{border:1px #dfdfdf solid;padding:5px;}
|
|
#feature img{float:left;}
|
|
#metadata ul{border:1px #dfdfdf solid;}
|
|
#comments ul{border:1px #dfdfdf solid;}
|
|
.offline {
|
|
border:1px solid #dfdfdf;
|
|
margin:0;
|
|
width:100%;
|
|
}
|
|
.offline thead {background:#abc;}
|
|
.offline tr {border:1px solid #dfdfdf;}
|
|
.name {width:60px;}
|
|
.unit {width:100px;}
|
|
.addr {width:100px;}
|
|
.postcode {width:50px;}
|
|
.project {width:100px;}
|
|
.datalist {width:300px;}
|
|
.ts {width:60px;}
|
|
.action {width:70px;}
|
|
.newsletter{float:left;}
|
|
.newsletter img{border:0;}
|
|
|
|
|
|
/*
|
|
* leftPanel
|
|
*/
|
|
#leftPanel{overflow:hidden;padding:0;}
|
|
#leftPanel ul{width:100%;overflow:hidden;}
|
|
#leftPanel ul li.title{width:100;background:#2b66a5;color:#FFF;border:none;height:34px;line-height:34px;font-size:14px;font-weight:bold;}
|
|
#leftPanel ul li{width:100%;height:30px;line-height:30px;text-indent:15px;}
|
|
#leftPanel ul li a{color:#2b66a5;font-size:14px;}
|
|
|
|
/*
|
|
* rightPanel
|
|
*/
|
|
.right_title{font-size:16px;line-height:30px;font-weight:bold;color:#2b66a5;}
|
|
|
|
.ctrlplan{margin:10px 0; overflow:hidden;}
|
|
.ctrlplan a{display:block;float:left;}
|
|
.ctrlplan a {
|
|
color: #329ECC;
|
|
text-decoration:none;
|
|
border-bottom:1px solid #A1CFD4;
|
|
margin:0 5px;
|
|
}
|
|
.ctrlplan a:hover, .ctrlplan a:focus, .ctrlplan a:active {
|
|
background-color:#E2EFFF;
|
|
color: #329ECC;
|
|
border-bottom:1px solid #329ECC;
|
|
}
|
|
|
|
.search{overflow:hidden;}
|
|
.search ul{overflow:hidden;padding:0px; margin-left:0px;}
|
|
.search ul li {float:left;}
|
|
|
|
#OneColumn ul {float:left;border:#E5E5E5 1px solid;margin:10px;}
|
|
#OneColumn .title{width:100%;background:#2b66a5;color:#FFF;border:none;height:34px;line-height:34px;font-size:14px;font-weight:bold;}
|
|
#OneColumn ul li{width:100%;height:30px;line-height:30px;text-indent:15px;}
|
|
#OneColumn ul li a{color:#2b66a5;font-size:14px;}
|
|
|
|
/*
|
|
* paginationControl
|
|
*/
|
|
.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;}
|
|
|
|
|
|
/*
|
|
* ox window
|
|
*/
|
|
#oxbox {width:600px;position: absolute; left: 35%;top: 5%; border:10px solid #333;background: #FFF;padding:5px;border-radius: 5px;}
|
|
#oxbox .closeox{position: absolute;right: 0;top: 0;}
|
|
#oxbox input{width:300px;}
|
|
#oxbox textarea{width:400px;height:200px;}
|
|
#oxbox input.btn{width:100px;}
|
|
|
|
.odd{background:#FFFFFF;}
|
|
.even{background:#CCCCCC;}
|
|
.pagenavi{width:50%;text-align:left;}
|
|
.emailtext{width:500px;height:200px;}
|
|
|
|
|
|
/* Tables
|
|
---------------------------------------------------------------------*/
|
|
|
|
table.stylized {
|
|
border-collapse:collapse;
|
|
position:relative;
|
|
margin-top:1em;
|
|
margin-bottom:1em;
|
|
border:none;
|
|
}
|
|
|
|
table.stylized a {
|
|
color: #329ECC;
|
|
text-decoration:none;
|
|
border-bottom:1px solid #A1CFD4;
|
|
}
|
|
table.stylized a:hover, table.stylized a:focus, table.stylized a:active {
|
|
background-color:#E2EFFF;
|
|
color: #329ECC;
|
|
border-bottom:1px solid #329ECC;
|
|
}
|
|
table.stylized tr.high a:hover, table.stylized tr.high a:focus, table.stylized tr.high a:active {
|
|
background:transparent;
|
|
color: #329ECC;
|
|
border-bottom:1px solid #329ECC;
|
|
}
|
|
|
|
table.stylized th,table.stylized td {
|
|
line-height:18px;
|
|
padding:8px 12px;
|
|
border:none;
|
|
}
|
|
table.stylized thead tr {
|
|
background-color:#2A7AD2
|
|
}
|
|
table.stylized th {
|
|
background-color:#2A7AD2 !important;
|
|
color:#fff;
|
|
text-align:left;
|
|
border:none;
|
|
}
|
|
table.stylized thead th a,table.stylized thead td a{color:#FFF; text-decoration:underline;}
|
|
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 tr.high td {
|
|
background-color:#ffa !important;
|
|
}
|
|
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;
|
|
}
|
|
|
|
input.q{width:200px;}
|
|
|
|
/* Forms
|
|
---------------------------------------------------------------------*/
|
|
|
|
form {
|
|
overflow:auto;
|
|
}
|
|
input:focus,textarea:focus,select:focus {
|
|
outline-width:0; /* No outline border for Safary */
|
|
}
|
|
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.title {
|
|
font-size:20px;
|
|
}
|
|
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);
|
|
}
|
|
.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;
|
|
}
|
|
|