277 lines
9.0 KiB
CSS
277 lines
9.0 KiB
CSS
@CHARSET "UTF-8";
|
|
body{background-color:#FFFFFF}
|
|
/* 去掉表格斑马线效果 */
|
|
.table-striped>tbody>tr:nth-child(odd)>td,
|
|
.table-striped>tbody>tr:nth-child(odd)>th {
|
|
background-color: #fff !important;
|
|
}
|
|
.row .form-inline select{font-weight: bold;color: #707070;}
|
|
.form-inline label{font-weight: bold;color: #707070;}
|
|
.font-bold{font-weight: bold;}
|
|
form .isSelect147{width:147px;}
|
|
form .isSelect145{width:145px;}
|
|
form .isSelect135{width:135px;}form .isSelect125{width:125px;}form .isSelect115{width:115px;}
|
|
form .isSelect105{width:105px;}form .isSelect95{width:95px;}form .isSelect85{width:85px;}
|
|
form .isSelect75{width:75px;}form .isSelect65{width:65px;}form .isSelect55{width:55px;}
|
|
button, input, select, textarea {margin: 1px;}
|
|
|
|
/* ========== 现代化分页组件设计 ========== */
|
|
.dataTables_paginate {
|
|
padding: 15px 0;
|
|
text-align: right;
|
|
}
|
|
|
|
.dataTables_paginate .pagination {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
gap: 8px;
|
|
padding: 0;
|
|
margin: 0;
|
|
list-style: none;
|
|
flex-wrap: wrap;
|
|
justify-content: center;
|
|
}
|
|
|
|
.dataTables_paginate .pagination > li {
|
|
display: inline-block;
|
|
margin: 0;
|
|
}
|
|
|
|
/* 页码链接和文本样式 */
|
|
.dataTables_paginate .pagination > li > a,
|
|
.dataTables_paginate .pagination > li > span {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
min-width: 36px;
|
|
height: 36px;
|
|
padding: 0 8px;
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
color: #333;
|
|
background-color: #f5f5f5;
|
|
border: 1px solid #e0e0e0;
|
|
border-radius: 4px;
|
|
cursor: pointer;
|
|
transition: all 0.3s ease;
|
|
text-decoration: none;
|
|
line-height: 1;
|
|
}
|
|
|
|
.dataTables_paginate .pagination > li > a:hover {
|
|
background-color: #e8e8e8;
|
|
border-color: #d0d0d0;
|
|
color: #000;
|
|
}
|
|
|
|
.dataTables_paginate .pagination > li > a:active {
|
|
background-color: #ddd;
|
|
}
|
|
|
|
/* 当前页码样式 */
|
|
.dataTables_paginate .pagination > li.active > a,
|
|
.dataTables_paginate .pagination > li.active > span {
|
|
background-color: #428bca;
|
|
border-color: #428bca;
|
|
color: #fff;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.dataTables_paginate .pagination > li.active > a:hover {
|
|
background-color: #3276b1;
|
|
border-color: #3276b1;
|
|
}
|
|
|
|
/* 禁用状态 */
|
|
.dataTables_paginate .pagination > li.disabled > a,
|
|
.dataTables_paginate .pagination > li.disabled > span {
|
|
color: #999;
|
|
background-color: #f9f9f9;
|
|
border-color: #e0e0e0;
|
|
cursor: not-allowed;
|
|
opacity: 0.6;
|
|
}
|
|
|
|
.dataTables_paginate .pagination > li.disabled > a:hover {
|
|
background-color: #f9f9f9;
|
|
border-color: #e0e0e0;
|
|
color: #999;
|
|
}
|
|
|
|
/* 页码输入框 */
|
|
.dataTables_paginate .pagination .choseJPage {
|
|
height: 36px;
|
|
width: 60px;
|
|
padding: 6px 8px;
|
|
font-size: 14px;
|
|
text-align: center;
|
|
border: 1px solid #e0e0e0;
|
|
border-radius: 4px;
|
|
background-color: #fff;
|
|
color: #333;
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
.dataTables_paginate .pagination .choseJPage:focus {
|
|
outline: none;
|
|
border-color: #428bca;
|
|
box-shadow: 0 0 0 3px rgba(66, 139, 202, 0.1);
|
|
}
|
|
|
|
/* 跳转按钮 */
|
|
.dataTables_paginate .pagination .btn {
|
|
height: 36px;
|
|
padding: 0 16px;
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
border-radius: 4px;
|
|
border: none;
|
|
cursor: pointer;
|
|
transition: all 0.3s ease;
|
|
margin: 0;
|
|
}
|
|
|
|
.dataTables_paginate .pagination .btn-success {
|
|
background-color: #5cb85c;
|
|
color: #fff;
|
|
}
|
|
|
|
.dataTables_paginate .pagination .btn-success:hover {
|
|
background-color: #4cae4c;
|
|
}
|
|
|
|
.dataTables_paginate .pagination .btn-success:active {
|
|
background-color: #449d44;
|
|
}
|
|
|
|
/* 条数下拉框 */
|
|
.dataTables_paginate .pagination select {
|
|
height: 36px;
|
|
padding: 6px 8px;
|
|
font-size: 14px;
|
|
border: 1px solid #e0e0e0;
|
|
border-radius: 4px;
|
|
background-color: #fff;
|
|
color: #333;
|
|
cursor: pointer;
|
|
transition: all 0.3s ease;
|
|
appearance: none;
|
|
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
|
|
background-repeat: no-repeat;
|
|
background-position: right 8px center;
|
|
background-size: 16px;
|
|
padding-right: 28px;
|
|
}
|
|
|
|
.dataTables_paginate .pagination select:focus {
|
|
outline: none;
|
|
border-color: #428bca;
|
|
box-shadow: 0 0 0 3px rgba(66, 139, 202, 0.1);
|
|
}
|
|
|
|
/* 分页信息文本 */
|
|
.dataTables_paginate .pagination > li > span {
|
|
background-color: transparent;
|
|
border: none;
|
|
color: #666;
|
|
font-weight: normal;
|
|
cursor: default;
|
|
padding: 0 4px;
|
|
}
|
|
|
|
.dataTables_paginate .pagination > li > span:hover {
|
|
background-color: transparent;
|
|
border: none;
|
|
color: #666;
|
|
}
|
|
/* 导航条用户头像图标 */
|
|
.nav-user-icon {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: 40px;
|
|
height: 40px;
|
|
margin-right: 8px;
|
|
font-size: 20px;
|
|
color: #fff;
|
|
background-color: #428bca;
|
|
border-radius: 50%;
|
|
border: 2px solid #fff;
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
.nav-user-icon:hover {
|
|
background-color: #3276b1;
|
|
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
|
|
}
|
|
|
|
.aBtnNoTD{cursor:pointer;text-decoration:none;}
|
|
.aBtnNoTD:hover{cursor: pointer;text-decoration:none;}
|
|
.aBtnNoTD:focus{cursor: pointer;text-decoration:none;}
|
|
.customBtn a{cursor: pointer;text-decoration:none;}
|
|
.customBtn a:hover{ text-decoration:none; }
|
|
.customBtn a:focus{ text-decoration:none; }
|
|
.customTable{width: 100%;}
|
|
.customTable .FormData > td{padding-bottom: 6px;padding-top: 6px;font-family: "Open Sans";}
|
|
.customTable .CaptionTD{color: #666;font-size: 12px;text-align: right;}
|
|
.lrspace1{margin-left:1px;margin-right:1px;}
|
|
.lrspace2{margin-left:2px;margin-right:2px;}
|
|
.lrspace3{margin-left:3px;margin-right:3px;}
|
|
.lrspace4{margin-left:4px;margin-right:4px;}
|
|
.lrspace5{margin-left:5px;margin-right:5px;}
|
|
.lrspace6{margin-left:6px;margin-right:6px;}
|
|
/*弹出框样式修改 */
|
|
.title-no-close .ui-dialog-titlebar-close{display: none;}
|
|
.loading-no-close .ui-dialog-titlebar{display: none;}
|
|
.loading-no-close{background:#fff;filter: alpha(opacity = 50);background-color: rgba(0,0,0,0.5) !important;color:#ff892a;border:0px !important;}
|
|
.loading-no-close .ui-dialog-content{padding: 0 !important;margin-top: 2px;margin-bottom: 2px;}
|
|
/* 菜单管理css */
|
|
.tree-indent{display:inline-block;width: 16px;}
|
|
.tree-hit{cursor:pointer;font-size:115%;}
|
|
.tree-expanded{color:#898989 !important;}
|
|
.tree-expanded:HOVER{color: #6fb3e0 !important;}
|
|
.table td i{margin-left:2px;margin-right:2px;}
|
|
.table .menuicon{color:#87b87f}
|
|
.joinMiddle{vertical-align: middle;}
|
|
ul.ztree{background: none repeat scroll 0 0 #f0f6e4;border: 1px solid #617775;height:500px;margin-top: 10px;overflow-x: auto;overflow-y: scroll;width: 60%;}
|
|
.accountOrgTree{margin-top: 0 !important; width: 260px !important;height:135px !important;}
|
|
.preOrgTree{margin-top: 0 !important; width: 150px !important;height:150px !important;}
|
|
.resourcesTree{margin-top: 0 !important; width: 150px !important;height:150px !important;}
|
|
.authorityTree{height:300px !important;width:270px !important;margin-top:0px !important;background: none repeat scroll 0 0 #fff !important;border:0 !important;}
|
|
/* 按钮颜色 */
|
|
/*浅黄 */ .color-pale-yellow{color:#fee188 !important;}
|
|
/*黄 */ .color-yellow{color:#ffb752 !important;}
|
|
/*浅橙色 */.color-pale-orange{color:#ff892a !important;}
|
|
/*浅红 */ .color-pale-red{color:#d15b47 !important;}
|
|
/*红*/ .color-red{color:#dd5a43 !important;}
|
|
/*粉红色 */.color-pink{color:#d6487e !important;}
|
|
/*鲜红 */ .color-bright-red {color:#d12723 !important;}
|
|
/*浅蓝色 */.color-pale-blue{color:#6fb3e0 !important;}
|
|
/*蓝色 */ .color-blue{color:#428bca !important;}
|
|
/*鲜蓝色 */.color-bright-blue{color:#009393 !important;}
|
|
/*浅绿色 */.color-pale-green{color:#87b87f !important;}
|
|
/*绿色 */ .color-green{color:#69aa46 !important;}
|
|
/*深绿色 */.color-dark-green{color:#468847 !important;}
|
|
/*浅灰色 */.color-pale-gray{color:#abbac3 !important;}
|
|
/*浅紫 */ .color-pale-purple{color:#a069c3 !important;}
|
|
/*紫 */ .color-purple{color:#9585bf !important;}
|
|
/*灰色 */ .color-gray{color:#777 !important;}
|
|
/*深蓝色 */.color-dark-blue{color:#4d6878 !important;}
|
|
/*啡黄 */ .color-pale-brown{color:#963 !important;}
|
|
/*深灰色 */.color-dark-gray{color:#555 !important;}
|
|
/* 按钮颜色end */
|
|
/* 颜色框 */
|
|
.iconColorSelect{width:100%}
|
|
.iconColorSelect td{width: 20px; height: 20px;border: 1px solid rgb(0, 0, 0);cursor:pointer;}
|
|
/* 图标框 */
|
|
.comIconSelectul{width:100%;height:25px;}
|
|
.comIconSelectul li{height:25px;width:25px;cursor:pointer;border:0 none !important;margin-left:1px;margin-right:1px;}
|
|
.comIconSelectul li i{font-size: 140%;}
|
|
.iconSelectul{overflow-y:scroll;width:100%;height:110px;}
|
|
.iconSelectul li{height:25px;width:25px;cursor:pointer;border:0 none !important;margin-left:1px;margin-right:1px;}
|
|
.iconSelectul li i{font-size: 140%;}
|
|
.previewFont{font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:18px;font-weight:bold;}
|
|
/* 480端 */
|
|
@media only screen and (max-width:480px){.orgTree{width:100% !important;height:100px !important;background: none repeat scroll 0 0 #fff !important;border:1px solid #ddd !important;}}
|
|
/* PC端 */
|
|
@media only screen and (min-width:480px){.orgTree{width:100% !important;height:350px !important;background: none repeat scroll 0 0 #fff !important;border:1px solid #ddd !important;}} |