jy-sdk/Public/Admin/css/black.css

/*******************************************
 * 自定义配色css文件放在defaut_color的同级目录,然后在 "系统/配置管理" 中为"COLOR_STYLE"增加一行配置项
 *********************************************/

/********************************************
 * base.css
 * 描述：重置页面元素并设置布局样式
 * 作用范围： 全局
 *******************************************/

html,body,input,textarea,select,legend{
	color:#404040;
	/*全局默认文字颜色*/
}
a {
	color: #145ccd;
	
}
a:hover{
	color: #4bbd00;
	
}

a:hover,
a:focus {
  color: #0d3d88;
}

/*************************************************
 * common.css 
 * 描述：定义公共类名
 * 作用范围: 公共，独立样式
 *************************************************/

/* 文章搜索/用户搜素 下拉弹出按钮 实心小箭头 */
.arrow-down {
	border-top-color: #000;
}
.arrow-up {
	border-bottom-color: #000;
}
.arrow-left {
	border-right-color: #000;
}
.arrow-right {
	border-left-color: #000;
}

/********************************************** 
 * module.css 
 * 描述：定义常用组件样式
 * 作用范围: 公共，组件模块
 ***********************************************/

/* 文章新增编辑页,权限授权页,分类编辑页 tab标签 */
.tab-nav {
	border-bottom-color: #e0e0e0;
}
.tab-nav .current a,
.tab-nav .current a:hover {
	border-color: #34b4e0 #e0e0e0 #f6f6f6;
}


/* (暂未使用) 面包屑导航 */
.breadcrumb {
	color: #999;
}
.tags-crumb li {
	background-color: #e0e0e0;
}
.tags-crumb .current {
	background-color: #f60;
}
.tags-crumb .current a {
	color: #fff;
}
.tags-crumb li i {
	border-left-color: #fff
}
.tags-crumb li b {
	border-left-color: #e0e0e0
}
.tags-crumb .current b {
	border-left-color: #f60;
}	

/* 列表分页 */
/* .page a,
.page span {
    color: #686868;
    border: 1px solid #CCCCCC;
}
.page a:hover
 {
    background: #E1E1E1;
}
.page .current {
	border-top: 3px solid #4BBD00;
	height: 28px;
	line-height: 26px;
} */

.page {position:relative;font-size:11px;}
.page div {float:right;border-radius:5px;}
.page .rows {position:absolute;left:0;top:0;border:none;}
.page .rows i {color:#056dae;font-style:normal;}

.page a {    float: left;
    width: 31px;
    height: 28px;
    border: 1px solid #DDD;
    text-align: center;
    line-height: 30px;
    padding:0;
    color: #3399d5;}
.page a.current {    background: #f5f5f5;
    cursor: default; border-top-color:#ddd;cursor:not-allowed;   
    color: #737373;}
.page a:first-child{    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;}
.page a:last-of-type {border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;}
.page a:hover {
    text-decoration: none;
    background-color: #f5f5f5;
}

.page div.page_data_summary {float:left;}
/* uploadify插件上传按钮 */
.uploadify-button {
	color: #fff;
	/* background-color: #27ae60; */
    background-color:#3E96C9;border-radius:4px;
    background-image: -moz-linear-gradient(top, #449ACB 0%,#3C95C8 50%, #3591C6 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#449ACB),color-stop(50%,#3C95C8), color-stop(100%,#3591C6));
    background-image: -webkit-linear-gradient(top, #449ACB 0%,#3C95C8 50%,#3591C6 100%);
    background-image: -o-linear-gradient(top, #449ACB 0%,#3C95C8 50%,#3591C6 100%);
    background-image: -ms-linear-gradient(top, #449ACB 0%,#3C95C8 50%,#3591C6 100%);
    background-image: linear-gradient(to bottom, #449ACB 0%,#3C95C8 50%,#3591C6 100%);
    
}

/* 分类管理/分类授权 树形菜单（目前只支持3级）
------------------------------------------ */
.category .hd {
	/* border-bottom-color: #d4d4d4;
	color:#fff;
	background-color: #353535; */
    background-color: #F0F5F7;
    box-shadow: 0px -3px 0px 0px #EDEDED inset;
    height: 37px;
    line-height: 37px;
    border-bottom: solid 1px #b6cad2;
    text-indent: 11px;
    text-align: left;    color: #404040;
}
.category .cate-item dt {
	border-bottom-color: #E7E7E7;
}
.category .name .error {
	color: #B94A48;
}
.category .name .success {
	color: #468847;
}
.category_list .btn-toolbar a {color:#056dae;}
.category_list input[type=text] {
    
    border-top: solid 1px #a7b5bc;
    border-left: solid 1px #a7b5bc;
    border-right: solid 1px #ced9df;
    border-bottom: solid 1px #ced9df;
    background: url(../images/inputbg.gif) repeat-x;
    font-size: 12px;
    border-radius: 0;}
.category_list .btn-toolbar a:hover {    color: #00a4ac;
    border: none;}
.category_list .category_btn,.category_list .category_return,.submit_btn,.back_btn,.save_btn {width: 137px;
    height: 35px;
    font-size: 14px;border-radius:4px;
    font-weight: bold;
    cursor: pointer;
    border: none;}
.category_list .category_btn,.submit_btn {background: #3E96C9;color: #fff;background-image: -moz-linear-gradient(top, #449ACB 0%,#3C95C8 50%, #3591C6 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#449ACB),color-stop(50%,#3C95C8), color-stop(100%,#3591C6));
    background-image: -webkit-linear-gradient(top, #449ACB 0%,#3C95C8 50%,#3591C6 100%);
    background-image: -o-linear-gradient(top, #449ACB 0%,#3C95C8 50%,#3591C6 100%);
    background-image: -ms-linear-gradient(top, #449ACB 0%,#3C95C8 50%,#3591C6 100%);
    background-image: linear-gradient(to bottom, #449ACB 0%,#3C95C8 50%,#3591C6 100%);}
.category_list .category_return,.back_btn,.save_btn {background: #dedede;color: #7c7c7c;background-image: -moz-linear-gradient(top, #D0D5D8 0%,#CFD5D9 50%, #CED5D9 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D0D5D8),color-stop(50%,#CFD5D9), color-stop(100%,#CED5D9));
    background-image: -webkit-linear-gradient(top, #D0D5D8 0%,#CFD5D9 50%,#CED5D9 100%);
    background-image: -o-linear-gradient(top, #D0D5D8 0%,#CFD5D9 50%,#CED5D9 100%);
    background-image: -ms-linear-gradient(top, #D0D5D8 0%,#CFD5D9 50%,#CED5D9 100%);
    background-image: linear-gradient(to bottom, #D0D5D8 0%,#CFD5D9 50%,#CED5D9 100%);}

a.back_btn {display:block;text-align:center;line-height:35px;}
a.back_btn:hover {border:none;color:#7c7c7c;}
.close {
    color: #000000;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.2;
    filter: alpha(opacity=20);
}

/******************************************** 
 * form.css 
 * 描述：定义表单样式
 * 作用范围: 公共，表单模块，表单布局
 *********************************************/

/* 表单组件
------------------------------------------ */
.text,.textarea {
	border-color: #eeeeee;
	background-color: #fff;
}
select {
	border-color: #ccc;
}
.must {
	color: #f00; /* 表单必填项标识字符*/
}

/* 多行两列表单
------------------------------------------ */
.form-horizontal .item-label .check-tips {
	color: #aaa; /* 表单label后面的提示文字 */
}
.form-horizontal .controls .check-tips {
	color: #999; /*表单ajax操作完成后返回的提示文字*/
}

/* 搜索表单
------------------------------------------ */
.search-form .sleft {/* 高级搜索左边的搜索框 */
	border-color: #ebebeb;
	background-color: #fff;
}

/* 状态搜索下拉选项 */
.search-form .drop-down ul {
	background-color: #fff;
	border-color: #ebebeb;
}
.search-form .drop-down ul li {
	border-top-color: #ebebeb;
}
.search-form .drop-down ul a {
	color: #404040;
}
.search-form .drop-down ul a:hover {
	background-color: #f0f0f0;
}
.search-form .sch-btn:hover {
	/* 搜索提交按钮 */
	color: #fff;
}

.focus{
	border: 1px solid #d1d1d1;
	box-shadow: 0 0 12px #ECECEC;
}
/*********************************************
 * table.css 
 * 描述：定义数据表格样式
 * 作用范围: 公共，表格模块
 **********************************************/

/* 内容区 行默认颜色*/
.data-table tbody tr {
	background-color: #ffffff;
	color: #686868;
}
.data-table thead th,
.data-table tbody td {
	/*非隔行变色时 用于行区分的单元格底线颜色 */
    border-bottom-color:  #ddd;
}
/* 表头配色 */
.data-table thead th {
	color:#353535;
    background-color:#eaeaea;
    text-align: center;
}
/* 隔行变色 行默认颜色 */
.table-striped tbody tr {
	background-color: #fefefe;
	color: #686868;
}
/* 隔行变色 偶数行配色 */
.table-striped tbody tr:nth-child(even) {
	background-color:#fbfbfb;

}

.data_list {}
.data_list table {    border: solid 1px #cbcbcb;
    width: 100%;
    clear: both;border-collapse: collapse;font-size:13px;
    border-spacing: 0;}
.data_list table th {
    /* background: url(../images/th.gif) repeat-x; */
    background-color:#F0F5F7;
    box-shadow:0px -3px 0px 0px #EDEDED inset;
    height: 37px;
    line-height: 37px;
    border-bottom: solid 1px #b6cad2;
    text-indent: 11px;
    text-align: center;
    height:50px;line-height:50px;
}
.data_list table th .paixu {color:#404040;color:#145ccd;cursor:pointer;}
.data_list table th .paixu:hover {border:none;}
.data_list table td {
    line-height: 38px;  
    text-indent: 11px;
    border-right: dotted 1px #c7c7c7;
    line-height:42px;
}
.data_game_list table td {height:60px;line-height:60px;}
.data_list table tbody tr:nth-child(even) {
    background: #f5f8fa;
}
.data_list table tbody tr a {color: #056dae;}
.data_list table tbody tr a:hover {color:#00a4ac;border:none;}
.data_list table tbody tr:hover {
    background: #e5ebee;
}
.data_list table tbody tr.data_summary {/* background: #D4E7F0; */background:#F0F5F7;border-top:1px solid #cbcbcb;}
.data_list table tbody tr.data_summary td {text-align:left;/* font-weight:bold; */font-size:12px;}

.data_box_mt {padding-top:50px;}

.data_list table tbody td:last-child a {/*border-right:1px solid #999;float:left;*/height:13px;line-height:13px;}
.data_list table tbody td:last-child a:first-child{padding-right:5px;}
.data_list table tbody td:last-child a:first-child~a{padding:0 5px;text-indent:0;}
.data_list table tbody td:last-child a:last-child {border:none;}

.data_list .disabled_status {color:red;}
.data_list .preview_status {color:#46A3FF;}
.data_list .data_icon {text-align:left;padding-left:5px;}
.data_list .data_icon img {width:50px;height:50px;display:block;text-indent:0;margin:0;padding:0;}
.data_list .data_sysicon {padding-left:5px;text-align:left;}
.data_list .data_sysicon img {width:30px;height:30px;display:block;text-indent:0;}


/************************************* 
 * button.css 
 * 描述：定义按钮样式
 * 作用范围: 公共，按钮组，单独按钮
 *************************************/

/* 普通按钮 */
.btn {
  display: inline-block;
  padding: 7px 20px;
  margin-bottom: 0;
  font-family: "Helvetica Neue", Helvetica, 'Microsoft Yahei', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', Tahoma, Arial, sans-serif;
  font-size: 13px;
  font-weight: normal;
  line-height: 1.53846154;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  -webkit-transition: all .8s cubic-bezier(.175, .885, .32, 1);
       -o-transition: all .8s cubic-bezier(.175, .885, .32, 1);
          transition: all .8s cubic-bezier(.175, .885, .32, 1);
}
.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus {
  color: #353535;
  text-decoration: none;
}
.btn:active,
.btn.active {
  background-image: none;
  outline: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  pointer-events: none;
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn {
  color: #353535;
  
  background-color: #f2f2f2;
  border-color: #d4d4d4;
  border-color: #ccc;
}
.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.open .dropdown-toggle.btn {
  color: #353535;
  background-color: #dedede;
  border-color: #a1a1a1;
  -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, .1);
          box-shadow: 0 2px 1px rgba(0, 0, 0, .1);
}
.btn:active,
.btn.active,
.open .dropdown-toggle.btn {
  background-image: none;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
          box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn,
.btn.disabled:hover,
.btn[disabled]:hover,
fieldset[disabled] .btn:hover,
.btn.disabled:focus,
.btn[disabled]:focus,
fieldset[disabled] .btn:focus,
.btn.disabled:active,
.btn[disabled]:active,
fieldset[disabled] .btn:active,
.btn.disabled.active,
.btn[disabled].active,
fieldset[disabled] .btn.active {
  background-color: #f2f2f2;
  border-color: #bfbfbf;
}

/* 表单返回按钮 */
.btn-return {
	color: #000;
}

/* 表单提交按钮(确定,保存,提交) */
.submit-btn {
	color: #fff;
    background-color: #2062b0;
}
.submit-btn:hover {
    color: #fff;
    background-color: #0777bf;
}

/* 下拉弹出按钮 */
.btn-group .dropdown,
.btn-group-click .dropdown {
	border-color: #ccc;
	background-color: #fff;
}
.btn-group .dropdown a:hover,
.btn-group-click .dropdown a:hover {
    background-color: #eee;
}

/* 被禁用的按钮 */
.btn.disabled {
	color:#000;
	cursor: not-allowed;
}


/************************************* 
 * style.css
 *************************************/

/* 头部Logo,主导航*/
.header {  
    background-color:#2F323B;
}
.main-nva{width: 855px !important;}
/* 主导航 */
.main-nav a {
    color: #FFF!important;
    border-bottom:4px solid transparent;border-radius:0;
    margin:0;
    /*padding:20px 25px 16px !important;*/
    padding-top: 20px !important;
    padding-bottom: 16px !important;
}
.main-nav a:hover {
   background-color:#22252C;
   border-bottom-color:#3D94C9;
}

.main-nav .current a {
    background-color:#22252C;
    border-bottom-color:#3D94C9;
}


/* 顶部右侧 用户bar */
.header .user-menu {
    border-color: #ddd;
    background-color: #fff;
}
.header .user-menu li {
    border-bottom-color: #ddd;
}
.header .user-menu a:hover {
    color: #424242;
    background-color: #5799e6;
}

/* 边栏导航样式
------------------------------------------ */
.sidebar {
  background-color:#2F323B;
  border-right-color:#2F323B;
}
.user_nav {background:#22252C;color:#FFF;background:#1B2330;}
.user_nav span img {background-color:#E1E6E9;}
/* 子导航Group标题栏 */
.subnav h3 {
    color:#FFF;
    border-bottom-color:transparent;
    height:47px;
    line-height:47px;
    position:relative;
    border-left:4px solid #3D94C9;
    background-color:#1B2330;
}
.subnav h3.no {border-left-color:transparent;background-color:#2F323B;}
.subnav h3 a {
	color: inherit;
}
.subnav h3:after {
  content:'';display:block;top:50%;margin-top:-4px;position:absolute;right:40px;
  height:0;width:0;border:4px solid transparent;border-left-color:#fff;animation:rotate1 .25s linear;
}
.subnav h3.no:after {border-left-color:transparent;border-top-color:#FFF;animation:rotate2 .25s linear;}

@keyframes rotate1 {
  0% {transform:rotate(90deg);}
  100% {transform:rotate(0deg);}
}
@keyframes rotate2 {
  0% {transform:rotate(-90deg);}
  100% {transform:rotate(0deg);}
}

/* .subnav h3:hover {
  background-color:#1B2330;
} */
.subnav h3 .icon {
  margin-top:16px;
  background:url(../images/menu_icon.png) center center no-repeat;background-size:100% 100%;
}

/* 左侧二级菜单 */
.fgx {background-color:#2F323B;}
.side-sub-menu > li {
  border-bottom:0;
  background:#323E4C;
  color:#FFF;
}
.side-sub-menu > li > .item {
  color:inherit;font-size:14px;padding-top:8px;padding-bottom:8px;
}
.side-sub-menu > li > .item:hover{
	color:inherit;
	  
}
.side-sub-menu > li > .item:before {
  border-left-color:#FFF;
  border-left-color:transparent;
}
.side-sub-menu > .current,
.side-sub-menu > .hover,
.side-sub-menu > li:hover {
    /* border-left-color:#3C95C8;
    background:#313F4A;
    color:#3C95C8; */
    
    color:#3D94C9;
}

.side-sub-menu > .current > .item,
.side-sub-menu > .current > .item:hover {
	/* color:#3D94C9; */
  color:inherit;
}
.side-sub-menu > .current > .item::before, .side-sub-menu > li:hover > .item::before{
    /* border-left-color:#3D94C9; */
    border-left-color:transparent;
}

/* windows开始菜单式子菜单 */
.side-sub-menu li .subitem {
    border-color: #ccc;
    background-color: #fff;
}
.side-sub-menu .subitem .item:hover {
    background: url(../images/subnav_current.png) no-repeat 130px 12px #f5f5f5;
}

/* 后台主内容区域
------------------------------------------------- */
.main {
	background-color: #fff;
}
.openegretmain {
  background-color: #f3f3f3;
}
.main-title h2 {
    color: #445566;   
}
.main-title .ca {
	/* 内容列表 面包屑 */
    background: url(../images/subnav_current.png) no-repeat center center;
}

/* 访问授权页面 大类区块 */
.checkmod {
    border-color: #ebebeb;
}
.checkmod dt {
    border-bottom-color: #ebebeb;
    background-color: #ECECEC;
}


/*列表*/
.data-table {margin-top:0;}



/* 版权信息 */
.cont-ft {
    background-color: #f6f6f6;
}
.copyright {
    border-top-color: #ccc;
}


/*************************************
 *  登陆页面css
 ***********************************/

/* body 配色*/
#login-page {
    color: #000;
    background-color: #30333F;

}


#login-page .login-form {
    background-color: #fff;
    box-shadow: 0 0 26px #041A36;
}
#login-page .login-form h3 {
    color: #8D9CAA;
}
#login-page .login-form .check-tips {
    color: #ff0000;
}
#login-page .login-form .item {
    border-color:  #ececec;
}
#login-page .login-form .focus {
    border-color: #A6E1F3;
    box-shadow: 0 0 12px #BAF7FF;
}
#login-page .login-form .icon-login-user,
#login-page .login-form .icon-login-pwd,
.#login-page login-form .icon-login-verifycode {
    background: url("../images/icon24_login.png") no-repeat;
}
#login-page .login-form .icon-login-user {
    background-position: 0 0;
}
#login-page .login-form .icon-login-pwd {
    background-position: -48px 0;
}
#login-page .login-form .icon-login-verifycode {
    background-position: -24px 0;
}
#login-page .login-form input {
    background-color: #fff;
    color:#686868;
}
#login-page .login-form .login-btn {
    color: #FFFFFF;
    background-color: #40C402;
}
#login-page .login-form .login-btn:hover {
    background-color: #42EC00;
}
#login-page .login-form .login-btn[disabled] {
    opacity: 0.6;
    filter: alpha(opacity=60);
    cursor: default;
    box-shadow: none;
}
#login-page .icon-loading {
    background: url(../images/loading_icon.gif) no-repeat 0 0;
}


#login-page input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}
#login-page .logo-img {
    background: url(../images/logo.png) no-repeat 0 center;
}

#login-page .welcome{
    color:#ddd;
}

#login-page .reloadverify{
    color:#69C3FF;
}

#login-page img.verifyimg{
	border-color: #ececec;
}

/*@media screen and (max-width:1500px){*/
    /*.main-nav{width: 765px;}*/
  /*}*/
/*@media screen and (max-width:1400px){*/
    /*.main-nav {width: 675px;}*/
/*}*/
/*@media screen and (max-width:1200px){*/
    /*.main-nav{width: 586px;}*/
  /*}*/