123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431 |
- /********************************************
- * base.css
- * 描述:重置页面元素并设置布局样式
- * 作用范围: 全局
- *******************************************/
- body{
- background-color: #f1f2f7!important;
- }
- html, body, input, textarea, select, legend {
- color: #797979;
- font-family: 'Open Sans', sans-serif;
- /*全局默认文字颜色*/
- }
- a {
- color: #2d7200;
- /*全局默认链接颜色*/
- }
- a:hover {
- color: #8f9fe2;
- /*全局默认链接悬停颜色*/
- }
- /*************************************************
- * 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: #5ac712;
- }
- .page .current {
- border-top: 3px solid #4BBD00;
- height: 28px;
- line-height: 26px;
- }
- /* uploadify插件上传按钮 */
- .uploadify-button {
- color: #fff;
- background-color: #27ae60;
- }
- /* 分类管理/分类授权 树形菜单(目前只支持3级)
- ------------------------------------------ */
- .category .hd {
- border-bottom-color: #d4d4d4;
- color: #fff;
- background-color: #34495e;
- }
- .category .cate-item dt {
- border-bottom-color: #E7E7E7;
- }
- .category .name .error {
- color: #B94A48;
- }
- .category .name .success {
- color: #468847;
- }
- .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 { /* 高级搜索左边的搜索框 */
- }
- /* 状态搜索下拉选项 */
- .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;*/
- border-color: #A6E1F3;
- box-shadow: 0 0 12px #BAF7FF;
- }
- /*********************************************
- * table.css
- * 描述:定义数据表格样式
- * 作用范围: 公共,表格模块
- **********************************************/
- /* 内容区 行默认颜色*/
- .data-table tbody tr {
- background-color: #ffffff;
- color: #686868;
- }
- .data-table thead th,
- .data-table tbody td {
- /*非隔行变色时 用于行区分的单元格底线颜色 #f4f4f4 */
- border-bottom-color: #f0f0f0;
- }
- /* 表头配色 */
- .data-table thead th {
- color: #646464;
- font-size: 15px;
- font-weight: 700;
- background-color: #fff;
- }
- /* 隔行变色 行默认颜色 */
- .table-striped tbody tr {
- background-color: #fefefe;
- color: #686868;
- }
- /* 隔行变色 偶数行配色 #EFF2F5
- nth-child(even)
- */
- .table-striped tbody tr:nth-child(odd) {
- background-color: #f9f9f9;
- }
- .table-striped tbody tr:hover {
- background-color: #fffbef;
- }
- /*************************************
- * button.css
- * 描述:定义按钮样式
- * 作用范围: 公共,按钮组,单独按钮
- *************************************/
- /* 普通按钮 */
- .btn {
- color: #fff;
- background-color: #32cc98;
- }
- .btn:hover {
- color: #fff;
- background-color: #37CEB0;
- }
- /* 表单返回按钮 */
- .btn-return {
- color: #fff;
- }
- /* 表单提交按钮(确定,保存,提交) */
- .submit-btn {
- color: #fff;
- background-color: #464b80;
- }
- .submit-btn:hover {
- color: #fff;
- background-color: #535996;
- }
- /* 下拉弹出按钮 */
- .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 {
- background-color: #8d8d8d;
- cursor: not-allowed;
- }
- /*************************************
- * style.css
- *************************************/
- /* 头部Logo,主导航*/
- .header {
- background-color: #1487e6;
- }
- /* 主导航 */
- .main-nav a {
- color: #FFF;
- }
- .main-nav a:hover {
- background-color: #0a6ec8;
- }
- .main-nav .current {
- background-color: #656565;
- }
- .main-nav .current a {
- background-color: #0a6ec8;
- }
- /* 顶部右侧 用户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: #f5f5f5;
- }
- /* 边栏导航样式
- ------------------------------------------ */
- .sidebar {
- /* 左侧栏背景 */
- /*background: url("../images/bg.png") repeat #6b6b6b;*/
- background-color: #2d333f;
- }
- /* 子导航Group标题栏 */
- .subnav h3 {
- color: #fff;
- }
- .subnav h3 a {
- color: #fff;
- }
- /* 左侧二级菜单 */
- .side-sub-menu > li > .item {
- color: #f1f1f1;
- }
- .side-sub-menu > li > .item:hover {
- color: #ffffff;
- background: #7c7c7c;
- }
- .side-sub-menu > li > .item:hover {
- color: #414141;
- background: url(../images/subnav_current.png) no-repeat 165px 12px #f6f6f6;
- }
- .side-sub-menu > .current > .item,
- .side-sub-menu > .hover > .item {
- color: #414141;
- }
- .side-sub-menu > .current > .item,
- .side-sub-menu > .current > .item:hover {
- /* 高亮导航 */
- color: #414141;
- background: url(../images/subnav_current.png) no-repeat 165px 12px #f6f6f6;
- }
- /* 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 {
- }
- .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;
- }
- /* 版权信息 */
- .cont-ft {
- background-color: #f6f6f6;
- }
- .copyright {
- border-top-color: #ccc;
- }
- /*************************************
- * 登陆页面css
- ***********************************/
- /* body 配色*/
- #login-page {
- color: #000;
- background-color: #1667b4;
- }
- #login-page .login-form {
- background-color: #fff;
- box-shadow: 0 0 26px #041A36;
- border-top-color: #2979b4;
- }
- #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: #2979b4;
- }
- #login-page .login-form .login-btn:hover {
- background-color: #2e68c3;
- }
- #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 .welcome {
- color: #ddd;
- }
- #login-page .reloadverify {
- color: #69C3FF;
- }
- #login-page img.verifyimg {
- border-color: #ececec;
- }
|