westdc-zf1/htdocs/css/admin.css

/**
 * added by lijianxuan
 * 2011/9/13 15:48
 */

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;}

#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%;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;
}

.tables{width:320px;float:left;}
.tables .stitle{width:100%;font-size:16px;font-weight:bold;}

.datalist{overflow:hidden;width:100%;}
.datalist ul{overflow:hidden;}
.datalist ul li{margin:5px 0px;padding:5px 0px;background:#f6f6f6;border:1px solid #FFF;border-radius:3px;word-break:break-all;width:99%;}
.datalist ul li:hover,#datalist ul li:focus{border:1px solid #ccc;background:#fefefe;}
.datalist ul li a{font-size:12px;}
.datalist ul li a.title{font-size:14px;}
.datalist ul li a.more{font-size:12px;}
.datalist ul li p{font-size:12px;line-height:24px;word-break:break-all;white-space:normal;padding:5px;}
.datalist ul li p.content{text-indent:24px;}
.datalist ul li p img {vertical-align:middle;}

/* 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("/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;
}