2011-10-19 02:48:58 +00:00
|
|
|
/**
|
|
|
|
* added by lijianxuan
|
|
|
|
* 2011/9/13 15:48
|
|
|
|
*/
|
|
|
|
|
2014-07-23 08:38:32 +00:00
|
|
|
/* 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; }
|
|
|
|
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; }
|
|
|
|
ul { list-style-type: none; }
|
|
|
|
#rightPanel ul { margin-left: 0px; padding-left: 0px; overflow: hidden; width: 100%; background-color: #edefea; }
|
|
|
|
#leftPanel .item { line-height: 25px; }
|
|
|
|
#leftPanel .more a:link, #leftPanel .more a:visited { color: Green; text-decoration: none; }
|
|
|
|
#rightPanel { float: left; padding-left: 12px; 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; }
|
|
|
|
#leftPanel ul { width: 100%; overflow: hidden; }
|
|
|
|
#leftPanel ul h4 { margin-bottom: 5px; }
|
|
|
|
#leftPanel ul li.title { background: #2b66a5; color: #FFF; border: none; height: 34px; line-height: 34px; font-size: 14px; font-weight: bold; }
|
|
|
|
#leftPanel ul li { width: 100%; line-height: 30px; text-indent: 15px; }
|
|
|
|
#leftPanel ul li a { color: #2b66a5; font-size: 14px; padding: 2px 0; margin-left: -10px; } */
|
2011-10-19 02:48:58 +00:00
|
|
|
/*
|
|
|
|
* rightPanel
|
|
|
|
*/
|
2014-07-23 08:38:32 +00:00
|
|
|
.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 { padding: 0 15px; }
|
|
|
|
#OneColumn .well { float: left; border: #E5E5E5 1px solid; margin-right: 20px; }
|
|
|
|
#OneColumn .title { width: 100%; background: #2b66a5; color: #FFF; border: none; height: 34px; line-height: 34px; font-size: 14px; font-weight: bold; }
|
|
|
|
#OneColumn ul li a { padding: 7px 10px; }
|
2011-10-19 02:48:58 +00:00
|
|
|
/*
|
|
|
|
* paginationControl
|
|
|
|
*/
|
2014-07-23 08:38:32 +00:00
|
|
|
.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; }
|
2011-10-19 02:48:58 +00:00
|
|
|
/*
|
|
|
|
* ox window
|
|
|
|
*/
|
2014-07-23 08:38:32 +00:00
|
|
|
#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; }
|
2011-10-19 02:48:58 +00:00
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* Tables
|
|
|
|
---------------------------------------------------------------------*/
|
2014-07-23 08:38:32 +00:00
|
|
|
table.stylized thead tr, table.stylized thead tr th { background-color: #EBF2F6; }
|
|
|
|
table.stylized thead tr td, table.stylized thead tr th { color: inherit; }
|
|
|
|
|
2011-10-19 02:48:58 +00:00
|
|
|
|
2011-10-19 03:45:06 +00:00
|
|
|
|
|
|
|
|
2011-10-19 02:48:58 +00:00
|
|
|
/* flot TD */
|
2014-07-23 08:38:32 +00:00
|
|
|
td.legendLabel { font-size: 11px; padding: 0 4px; vertical-align: middle; }
|
|
|
|
input.q { width: 200px; }
|
2011-10-19 02:48:58 +00:00
|
|
|
|
|
|
|
|
2014-07-23 08:38:32 +00:00
|
|
|
/* Boxes
|
2011-10-19 02:48:58 +00:00
|
|
|
---------------------------------------------------------------------*/
|
2014-07-23 08:38:32 +00:00
|
|
|
.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("/static/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("/static/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("/static/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; }
|
|
|
|
.container-fluid #OneColumn .nav-pills h4 { margin: 0 0 9px; }
|
|
|
|
html body div.container-fluid div.well { min-width: 150px; }
|
|
|
|
html body div.container-fluid div.well ul.nav li a { padding: 3px 0; }
|
|
|
|
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { padding: 7px; vertical-align: top; }
|
|
|
|
.row-no-padding { padding-left: 0 !important; padding-right: 0 !important; }
|
|
|
|
.row-no-padding-left { padding-left: 0 !important; }
|
|
|
|
.no-padding-right { padding-right: 0 !important; }
|
|
|
|
.pull-left { float: left !important; }
|
|
|
|
.pull-right { float: right !important; }
|
|
|
|
.btn-double { margin-bottom: 7px; margin-top: 1px; }
|
|
|
|
li.topic { background-color: #E2EBF2; border-bottom: 1px solid #FFFFFF; height: 32px; position: relative; }
|
|
|
|
|
|
|
|
#tabs-controller { overflow: hidden; padding-bottom: 3px ; margin-bottom: 15px; }
|
|
|
|
#tabs-controller ul li { float: left; padding: 6px 14px; border: 1px solid #93bee2; border-radius: 5px; margin: 0 5px; }
|
|
|
|
#tabs-controller ul li:hover { background: #f1f8fe; }
|
|
|
|
#tabs-controller ul li.active { background: #e8f4ff; }
|
|
|
|
.box-shadow { box-shadow: 2px 2px 2px #ccc; -webkit-box-shadow: 2px 2px 2px #ccc; -moz-box-shadow: 2px 2px 2px #ccc; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=125, Color='#cccccc'); -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=125, Color='#cccccc')"; }
|
|
|
|
.text-shadow { text-shadow: #ccc 2px 2px 2px; }
|
|
|
|
.form_inline form { display: inline-block;}
|
|
|
|
.nav-stacked > .active > a, .nav-stacked > .active > a:hover,
|
|
|
|
.nav-stacked > .active > a:focus { background-color: #08c; color: #fff; border-radius: 5px; margin-bottom: 2px; margin-top: 2px; padding-left: 8px; }
|
|
|
|
|
|
|
|
div.hidden-sm.hidden-xs.col-md-2 div.well { padding-left: 10px; }
|
|
|
|
div.hidden-sm.hidden-xs.col-md-2 div.well ul.nav.nav-stacked li a { padding-left: 9px; }
|
|
|
|
.list-padd15 { padding-left: 15px; }
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
2011-10-19 02:48:58 +00:00
|
|
|
|
2011-10-27 08:43:13 +00:00
|
|
|
|
2012-06-13 10:12:30 +00:00
|
|
|
|
2012-11-23 09:54:37 +00:00
|
|
|
|
|
|
|
|
|
|
|
|