westdc-zf1/htdocs/css/admin.css

438 lines
12 KiB
CSS
Raw Normal View History

2011-10-19 02:48:58 +00:00
/**
* 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;
}
2009-03-06 03:20:46 +00:00
ul {list-style-type: none; }
2011-10-19 04:01:28 +00:00
#rightPanel ul {margin-left: 0px;padding-left: 0px;overflow:hidden;width:100%;}
2011-10-19 02:48:58 +00:00
#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;}
2011-12-05 03:22:28 +00:00
#leftPanel ul li{width:100%;line-height:30px;text-indent:15px;}
2011-10-19 02:48:58 +00:00
#leftPanel ul li a{color:#2b66a5;font-size:14px;}
/*
* rightPanel
*/
.right_title{font-size:16px;line-height:30px;font-weight:bold;color:#2b66a5;}
2011-10-19 03:45:06 +00:00
.ctrlplan{margin:10px 0; overflow:hidden;}
.ctrlplan a{display:block;float:left;}
.ctrlplan a {
color: #329ECC;
text-decoration:none;
border-bottom:1px solid #A1CFD4;
2011-10-19 08:49:47 +00:00
margin:0 5px;
2011-10-19 03:45:06 +00:00
}
.ctrlplan a:hover, .ctrlplan a:focus, .ctrlplan a:active {
background-color:#E2EFFF;
color: #329ECC;
border-bottom:1px solid #329ECC;
}
2011-10-19 02:48:58 +00:00
.search{overflow:hidden;}
2011-10-19 04:01:28 +00:00
.search ul{overflow:hidden;padding:0px; margin-left:0px;}
2011-10-19 02:48:58 +00:00
.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;
}
2011-10-19 03:45:06 +00:00
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;
}
2011-10-19 02:48:58 +00:00
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;
}
2011-10-19 03:45:06 +00:00
table.stylized thead th a,table.stylized thead td a{color:#FFF; text-decoration:underline;}
2011-10-19 02:48:58 +00:00
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 {
}
2011-10-19 03:45:06 +00:00
table.stylized tr.high td {
background-color:#ffa !important;
}
2011-10-19 02:48:58 +00:00
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);
}
2011-10-27 08:43:13 +00:00
.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;
}
2011-11-21 12:31:48 +00:00
.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;}
2012-11-23 09:54:37 +00:00
/* 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;
}