/******************************************* * 自定义配色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;}*/ /*}*/