admincenter/images/style.css

/*Reset 样式初始化*/
html, body, form, fieldset, p, a, ul, ol, li, div, legend, label,
br, input, button, textarea, h1, h2, h3, h4, h5,em{
  padding: 0;
  margin: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 12px;
	font-family:"宋体","Tahoma";
	vertical-align: baseline;
	text-align:justify;
	word-wrap:break-word;
	text-justify:inter-ideograph
}
body{text-align:center}
ul, ol, li, h1 {
	line-height:normal;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none
}
dl {
	margin:0
}
dd {
	margin-left:0
}
a {
	outline:none;
}
a img {
	border:0 none
}
img {
	vertical-align:middle;
	border:0px
}
table {
	border-collapse:collapse
}
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden
}
.clearfix {
	display:inline-block;
	overflow:hidden
}
.clearfix {
	display:block
}

/*End*/
.hide {display:none}
a.show{display:block}
.lf {float:left}
.rt {float:right}
body{color:#666}
a {color:#1b7dcb;text-decoration:underline}
a:hover {text-decoration:underline;color:#57b0f8}
/*maincontent*/
.main_content {
  padding:5px
}
/* tableList styles */
table.tableList{width:100%;border-collapse:collapse}
table.tableList th,table.tableList td{text-align:left;padding:.5em;border:1px solid #fff;}
table.tableList th{background:#328aa4 url(tr_back.gif) repeat-x;color:#656565;}
table.tableList td{background:#e5f1f4;}
table.tableList tr.odd td{background:#f8fbfc}
table.tableList tr.edit td{background:#FFCECE}
table.tableList tr.hover,table.tableList tr.hover td{border-bottom:1px solid #fbc279}
table.tableList .sbtn{display:inline-block;*display:inline;zoom:1;width:16px;height:16px;margin-right:5px;background:url(sbtn_icon.png) no-repeat;filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;}
table.tableList .sbtn:hover{filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;}
table.tableList .sbtnDel {background-position:0 0}
table.tableList .sbtnEdit {background-position:0 -16px}
table.tableList .sbtnConfirm {background-position:0 -32px}
table.tableList .sbtnCancel {background-position:0 -48px}
/* tableform styles */
table.tableForm{width:100%;border-collapse:collapse}
table.tableForm th,table.tableForm td{text-align:left;padding:1em;border:1px solid #fff;border-bottom:1px solid #f2f2f2}
table.tableForm tr.unfilled {background:#FFCECE}
table.tableForm input.inputText,.inputText { 
	background: url(input.png) repeat-x scroll 0 0 #FFFFFF;
    border: 1px solid #D0D0D0;
    font-size: 12px;
    height: 18px;
    padding: 2px 0 2px 5px;
	color:#999;
	line-height:18px;
	border-top:1px solid #898989;
	border-left:1px solid #898989;
}
table.tableForm input,table.tableList input  {
	vertical-align:middle;
    margin: 0 5px 0 0;
}
table.tableForm select,table.tableList select {
	background: none repeat scroll 0 0 #F9F9F9;
    border-color: #666666 #CCCCCC #CCCCCC #666666;
    border-style: solid;
    border-width: 1px;
    color: #666;
    padding: 2px;
    vertical-align: middle;
}
table.tableForm input.inputHover,table.tableList input.inputHover {
	border-color:#f9c746;
	color:#333;
	background:#fff
}
/*globle icon*/
.main_search button {
	background:url(globle_icon.png) no-repeat
}
/*.button*/
.button {
	float:left;
	height:28px;
	margin-right:10px;
	padding:0 18px;
	line-height:29px;
	text-align:center;
	overflow:hidden;
	font-weight:bold;
	color:#FFF;
	text-shadow:0 1px #276DDD;
	border:1px solid #276DDD;
	border-radius:3px;
	box-shadow:0 1px 2px rgba(0, 0, 0, 0.3);
	background:#4C8FFC url(btnLBg.png) repeat-x 0 -185px;
	text-decoration:none
}
.button:hover {
	text-decoration:none;
	color:#FFF;
	background-position:0 -214px;
}
.button:active {
	background-position:0 -243px;
}
.btn-red {
	text-shadow:0 1px #B4080C;
	border-color:#CE080D;
	background-color:#F23539;
	background-position:0 -431px;
}
.btn-red:hover {
	background-position:0 -460px;
}
.btn-red:active {
	background-position:0 -489px;
}
.btn-green {
	text-shadow:0 1px #598D2F;
	border-color:#6AAB35;
	background-color:#77C13C;
	background-position:0 -518px;
}
.btn-green:hover {
	background-position:0 -547px;
}
.btn-green:active {
	background-position:0 -576px;
}
.btn-orange {
	text-shadow:0 1px #EF7714;
	border-color:#F67E19;
	background-color:#F4A32F;
	background-position:0 -344px;
}
.btn-orange:hover {
	background-position:0 -373px;
}
.btn-orange:active {
	background-position:0 -402px;
}
.btn-gray {
	font-weight:normal;
	color:#666;
	text-shadow:0 1px #FFF;
	border-color:#C5C5C5;
	background-color:#FFF;
	background-position:0 -605px;
	box-shadow:0 1px 2px rgba(0, 0, 0, 0.1);
}
.btn-gray:hover {
	color:#333;
	background-position:0 -634px;
}
.btn-gray:active {
	background-position:0 -663px;
}
.btn-black {
	font-weight:normal;
	color:#f2f2f2;
	text-shadow:0 1px #333;
	border-color:#C5C5C5;
	background-color:#6c6e7d;
	background-position:0 0;
	box-shadow:0 1px 2px rgba(0, 0, 0, 0.1);
}
.btn-black:hover {
	color:#fff;
	background-position:0 -31px;
}
.btn-black:active {
	background-position:0 -108px;
}
.btn-large {
	width:65px;
}
.btn-disabled,
.btn-disabled:hover,
.btn-disabled:active {
	color:#999;
	text-shadow:none;
	border-color:#C5C5C5;
	background-color:#EEE;
	background-position:0 -634px;
	box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
	cursor:default;
}
.btn-disabled b {
	font-size:18px;
	color:green;
	font-family: Constantia,Georgia
}
/**.btn-icon**/
.btn-icon {
	position:relative;
	padding-left:35px;
}
.btn-icon .icon {
	position:absolute;
	top:7px;
	left:15px;
	width:16px;
	height:16px;
	background:url(globle_icon.png) no-repeat;
}	
.btn-icon .iconAdd {
	background-position:-20px 0
}
.btn-icon .iconConfirm {
	background-position:0 -20px
}
.btn-icon .iconDelete {
	background-position:-20px -20px
}
.btn-icon .iconCog {
	background-position:-40px 0
}
.btn-icon .iconBatch {
	background-position:-40px -20px
}
/*tab*/
.top_tab {
}
 .main_tab {
  display:inline-block;
  *display:inline;
  zoom:1;
  width:100%;
  background:url(n_p_tab_line.gif) repeat-x 0 bottom;
}
 .main_tab a{
  height:26px;
  line-height:26px;
  display:inline-block;
  text-decoration:none;
  margin:0 0 0 10px;
  background:url(n_p_tab.gif) no-repeat 0 -26px;
}
 .main_tab a span{
  height:26px;
  line-height:26px;
  padding:0 15px 0 0;
  margin:0 0 0 15px;
  display:inline-block;
  color:#ccc;
  font-weight:600;
  cursor:pointer;
  background:url(n_p_tab.gif) no-repeat right -26px;
}
 .main_tab a:hover{
}
 .main_tab a:hover span{
  color:#7DC9E1
}
 .main_tab .now{
  background:url(n_p_tab.gif) no-repeat 0 0;
}
 .main_tab .now span{
  background:url(n_p_tab.gif) no-repeat right 0;
  color:#666;
  cursor:default
}
 .main_tab .now:hover span{
  color:#666
}
/*main search*/
.main_content .main_toolbar {
    padding:5px;
    background:#f5f5f5
}
 .main_toolbar {
    padding:5px;
    margin:10px 0 0 0;
    background:#f5f5f5
}
.main_content .main_toolbar {
    padding:5px;
    margin:10px 0 0 0;
    background:#f5f5f5
}
.main_content .main_toolbar span.gLine {
	border-right:1px solid #e3e3e3;
	display:inline-block;
	*display:inline;
	zoom:1;
	height:28px;
	float:left;
	margin:0 10px 0 0
}
.main_toolbar .main_search {
  margin:1px 10px 1px 0;
  height:28px;
  line-height:28px;
  position:relative
}
.main_toolbar .main_search label{
	position:absolute;
	left:5px;
	top:1px;
	z-index:2;
	color:#ccc
}
.main_toolbar .main_search button{
    background-color: transparent;
    background-position:0 0;
    border: 0 none;
    height: 20px;
    right:5px;
    margin: 0;
    position: absolute;
    top: 4px;
    width: 20px;
	cursor:pointer
}
.main_toolbar .main_search button i {
	display:none
}
.main_toolbar .main_search .inputText{
	height:23px
 }
/*globle list*/
.main_content .globle_list {
	margin:10px 0 0 0
} 
/*main crumb*/
 .main_toolbar .main_crumb {
  margin:3px 0 0 0;
  padding:0 0 0 18px;
  background:url(folder.gif) no-repeat 0 center;
  height:28px;
  line-height:28px
}
/*page nav*/
.main_content .pageNav {
	margin:10px 0 0 0;
	text-align:center;
	height:25px
}
.main_content .pageNav a {
	padding:5px 8px;
	margin:0 5px;
	background:#e3e3e3;
	text-decoration:none;
	color:#666
}
.main_content .pageNav a:hover{
	background:#ECFBD4
}
.main_content .pageNav a.now {
	background:#f26600;
	color:#fff
}
.main_content .pageNav a.disClick {
	background:#f2f2f2;
	color:#ccc;
	cursor:default
}
.main_content .pageNav a.current {
	background:#FF8800;
	color:#fff;
	font-weight:600
}
.main_content .mainButton{
	margin:10px 0 0 0;
}
.main_content .mainButton .addTips_success,.main_content .mainButton .addTips_fail {
	background:#D5FFCE;
	border:1px solid #9ADF8F;
	height:28px;
	line-height:28px;
	color:##556652;
	float:left;
	padding:0 20px;
	margin:0 10px
}
.main_content .mainButton .addTips_fail {
	background:#FFCECE;
	color:#665252;
	border-color:#DF8F8F
}
/*category set*/
.category_set {
  width:99%
}
.category_set table {
width:100%;
margin:8px
}
.category_set thead th {
  font-weight:700;
  color:#666;
  padding: 5px 5px 5px 0;
  background:#fff
}
.category_set tr th {

  padding: 5px 5px 5px 0;
  border-top: 1px dotted #DEEFFB
}
.category_set tr.mouseover {
  background:#FFFBCC
}
.category_set td {
  border-top: 1px dotted #DEEFFB;
    padding: 5px 5px 5px 0;
}
.category_set input {
  color:#666
}
.category_set input.order {
  border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
    background:#fff url(input_bg.gif) repeat-x;
    border: 1px solid #DADADA;
    color: #ADADAD;
    height: 18px;
    line-height: 18px;
    padding: 0 3px;
    vertical-align: middle;
    float:left
}
.category_set  th input{
  width:40px;
  text-align:center
}
.category_set  th.sec{
  padding-left:5px
}
.category_set  th.sec input{
  width:35px;
}
.category_set  th.thi{
  padding-left:10px
}
.category_set  th.thi input{
  width:30px
}
.category_set .first_cate input {
  font-weight:600
}
.category_set .first_cate {
  display:inline-block
}
.category_set .second_cate {
  padding:0 0 0 55px;
  background:url(cate_set_tree.gif) no-repeat -55px 0;
  display:inline-block
}
.category_set .third_cate {
  padding:0 0 0 110px;
  background:url(cate_set_tree.gif) no-repeat 0 -50px;
  display:inline-block
}
.category_set .last_cate {
  padding:0 0 0 55px;
  background:url(cate_set_tree.gif) no-repeat -55px -50px
}
.category_set .catebtn {
  background:url(sbtn_icon.png) no-repeat;
  margin: 0 5px 0 0;
  display:block;
  width:16px;
  height:16px;
  float:left
}
.category_set .catebtn_del {
  background-position:0 0;
}
.category_set .catebtn_add {
  background:url(cate_set_tree.gif) no-repeat 0 -71px;
  margin: 0 5px 0 5px;
  display:inline-block; 
  padding:0 0 0 15px;
  height:16px;
  line-height:16px;
  vertical-align:middle;
  float:left;
  text-indent:-9999px;
  width:70px;
}
.category_set .catebtn_add:hover {
  background-position:0 -87px;
  text-indent:0; 
  color:#529ae2;
  text-decoration:none
}
.category_set a.catebtn_nadd {
  color:#529ae2;
  text-decoration:none;
  background:url(cate_set_tree.gif) no-repeat 0 -87px;
  display:inline-block;
  padding:0 0 0 15px;
  height:16px;
  line-height:16px
}
.category_set a.catebtn_nadd:hover {
  color:#529ae2;
  text-decoration:underline
}
.category_set .cateset_btnlist {
  text-align:center
}
.category_set input.m_click{
  border:1px solid #FFC853;
  color:#333;
  background:#fffdf8
}