Files
DzzOffice/static/css/common.css
小胡 53be1fecb4 更新内容:
系统设置新增功能
1. 是否启用登录密码加密:
在许多现代系统中,登录密码加密是默认启用的,以确保用户密码的安全性。所以新增了一个系统配置项,允许管理员决定是否启用登录密码的加密传输。这一功能增强了用户密码的安全性,防止密码泄露风险。
2. UID登录(允许通过UID的方式登录验证):
引入UID(用户唯一标识符)登录方式,除了传统的用户名/邮箱/手机号登录外,用户还可以通过其UID进行登录验证,为系统访问提供另一种灵活的身份验证方式。
3. 用户在线时间更新时长:
管理员可以自定义更新用户在线时间的时间频率,这有助于更准确地反映用户的活跃状态,并对系统资源的使用进行优化。
4. 图片处理库类型:
系统新增了图片处理库类型的选择功能,允许管理员根据实际需求选择合适的图像处理库来处理缩略图和水印,以满足不同的性能和效果需求。
新增性能优化栏
1. 禁止浏览器缓冲:
通过此设置,管理员可以控制是否禁止浏览器对页面内容进行缓存。在某些场景下,禁用缓存可以提高页面的实时性和准确性。
2. 在线保持时间:
设置用户会话(session)的在线保持时间,即用户在不进行任何操作后,多久后会被视为离线。这有助于管理系统的会话资源,避免资源浪费。
3. 关闭session机制:   提供选项关闭系统的session管理机制。在某些特殊应用场景下,可能不需要使用session来跟踪用户状态,关闭session可以减少服务器负担,提高性能。
系统工具新增文件权限检查栏:    系统工具中新增了文件权限检查功能,帮助管理员快速识别和修复文件权限问题,确保系统的正常运行和数据安全。
优化提示消息框UI:
对系统的提示消息框进行了UI优化,使其更加美观、易用,提升了用户的使用体验。
压缩css、js代码优化前端性能
对前端的CSS和JS代码进行了压缩处理,减少了文件体积,加快了加载速度,从而提升了前端性能。
2024-07-21 18:38:53 +08:00

1 line
16 KiB
CSS

.add-menu{font-size:26px;border-radius:50%;border:none;bottom:24px;cursor:pointer;height:56px;position:fixed;line-height:56px;text-align:center;webkit-transition-duration:0.25s;-webkit-transition-duration:0.25s;-moz-transition-duration:0.25s;-o-transition-duration:0.25s;transition-duration:0.25s;-webkit-transition-property:background-color,-webkit-box-shadow;right:24px;transition-property:background-color,box-shadow;width:56px;z-index:2;box-shadow:0px 2px 10px rgba(0,0,0,.3),0px 0px 1px rgba(0,0,0,.1),inset 0px 1px 0px rgba(255,255,255,.25),inset 0px -1px 0px rgba(0,0,0,.15);font-family:Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased;display:flex;justify-content:center;align-items:center;}.add-menu:hover{color:#fff;background:var(--bs-primary);background-color:var(--bs-primary);webkit-box-shadow:0px 5px 5px rgba(0,0,0,.2),0px 10px 14px rgba(0,0,0,.1),inset 0px 1px 0px rgba(255,255,255,.25),inset 0px -1px 0px rgba(0,0,0,.10);-moz-box-shadow:0px 5px 5px rgba(0,0,0,.2),0px 10px 14px rgba(0,0,0,.1),inset 0px 1px 0px rgba(255,255,255,.25),inset 0px -1px 0px rgba(0,0,0,.10);box-shadow:0px 5px 5px rgba(0,0,0,.2),0px 10px 14px rgba(0,0,0,.1),inset 0px 1px 0px rgba(255,255,255,.25),inset 0px -1px 0px rgba(0,0,0,.10);}.add-menu1{border-radius:50%;border:none;bottom:88px;cursor:pointer;height:56px;position:fixed;line-height:56px;text-align:center;webkit-transition-duration:0.25s;-webkit-transition-duration:0.25s;-moz-transition-duration:0.25s;-o-transition-duration:0.25s;transition-duration:0.25s;-webkit-transition-property:background-color,-webkit-box-shadow;right:24px;transition-property:background-color,box-shadow;width:56px;z-index:2201;box-shadow:0px 2px 10px rgba(0,0,0,.3),0px 0px 1px rgba(0,0,0,.1),inset 0px 1px 0px rgba(255,255,255,.25),inset 0px -1px 0px rgba(0,0,0,.15);font-family:Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased;display:flex;justify-content:center;align-items:center;}.add-menu1:hover{color:#fff;background:var(--bs-primary);background-color:var(--bs-primary);webkit-box-shadow:0px 5px 5px rgba(0,0,0,.2),0px 10px 14px rgba(0,0,0,.1),inset 0px 1px 0px rgba(255,255,255,.25),inset 0px -1px 0px rgba(0,0,0,.10);-moz-box-shadow:0px 5px 5px rgba(0,0,0,.2),0px 10px 14px rgba(0,0,0,.1),inset 0px 1px 0px rgba(255,255,255,.25),inset 0px -1px 0px rgba(0,0,0,.10);box-shadow:0px 5px 5px rgba(0,0,0,.2),0px 10px 14px rgba(0,0,0,.1),inset 0px 1px 0px rgba(255,255,255,.25),inset 0px -1px 0px rgba(0,0,0,.10);}.form_name{width:100%;}.form-group{width:100%;box-shadow:0 2px 5px 0 rgb(0 0 0 / 10%);border-radius:var(--radius);padding:10px;}.form-group:nth-child(even){background:#fafafa;}.form-group:hover{background:#e5f3ff;border-color:transparent;}.no-result-title{font-size:large;font-weight:700;text-align:center;padding:10px 0;}.member-avatar img{width:32px;height:32px;}.member-avatar .img-avatar{width:32px;height:32px;line-height:32px;}ul{list-style:none;}.close:focus{outline:0 !important;}.primary{color:#428bca !important;}.success{color:#5cb85c !important;}.info{color:#5bc0de !important;}.warning{color:#f0ad4e !important;}.danger{color:#d9534f !important;}.rq{color:red !important;}textarea.input-correct,input.input-correct{border-color:#7CB81C;}textarea.input-error,input.input-error{border-color:#E26F50;}.verify-icon{vertical-align:top;max-height:1em;}* html .verify-icon{height:expression(this.height > 16 && this.width<=this.height ? 16:true);}#ajaxwaitid{display:none;position:absolute;right:0;top:0;z-index:1;padding:0 5px;background:#F7F7F7}form{margin:0;}a i{_filter:Alpha(opacity=70);opacity:0.7;}a:hover i{_filter:Alpha(opacity=100);opacity:1;}.tip{margin:10px;line-height:1.8;}dl dd{margin-left:20px;}.strong{font-weight:bold;}.wd60{width:60px;}.wd80{width:80px;}.wd100{width:100px;}.wd180{width:180px;}.mt10{margin-top:10px;}.mr10{margin-right:10px;}.ml10{margin-left:10px;}.mr20{margin-right:20px;}.mb20{margin-bottom:20px;}.bt{border-top:1px solid #e1e1e1;}.br{border-right:1px solid #e1e1e1;}.bb{border-right:1px solid #e1e1e1;}.b1{border-right:1px solid #e1e1e1;}.b-white{border-color:#FFF;}@-webkit-keyframes rotateplane{0%{-webkit-transform:perspective(120px)}25%{-webkit-transform:perspective(120px) rotateY(180deg)}50%{-webkit-transform:perspective(120px) rotateY(180deg) rotateX(180deg)}75%{-webkit-transform:perspective(120px) rotateX(180deg)}100%{-webkit-transform:perspective(120px)}}@-moz-keyframes rotateplane{0%{-moz-transform:perspective(120px)}25%{-moz-transform:perspective(120px) rotateY(180deg)}50%{-moz-transform:perspective(120px) rotateY(180deg) rotateX(180deg)}75%{-moz-transform:perspective(120px) rotateX(180deg)}100%{-moz-transform:perspective(120px)}}@-o-keyframes rotateplane{0%{-o-transform:perspective(120px)}25%{-o-transform:perspective(120px) rotateY(180deg)}50%{-o-transform:perspective(120px) rotateY(180deg) rotateX(180deg)}75%{-o-transform:perspective(120px) rotateX(180deg)}100%{-o-transform:perspective(120px)}}@keyframes rotateplane{0%{transform:perspective(120px)}25%{transform:perspective(120px) rotateY(180deg)}50%{transform:perspective(120px) rotateY(180deg) rotateX(180deg)}75%{transform:perspective(120px) rotateX(180deg)}100%{transform:perspective(120px)}}.loading_img{position:relative;width:54px;height:54px;background:url(../image/common/logo.png) no-repeat;background-size:100%;-webkit-animation:rotateplane 3.2s infinite ease-in-out;animation:rotateplane 3.2s infinite ease-in-out;}.loading_process{position:absolute;z-index:999999;left:11px;top:11px;width:32px;height:32px;}.ie8 .loading_process{background:url(../image/common/loading.gif) no-repeat;}.ie9 .loading_process{background:url(../image/common/loading.gif) no-repeat;}.ie8 .loading_img{background:none;}.ie9 .loading_img{background:none;}.seccode-wrapper{position:relative;}.seccode-wrapper .dzz{font-size:20px;}.seccode-input.input-group input.form-control+.input-group-text{padding:0;min-width:34px;}.seccode-wrapper .input-group-text .dzz{font-size:32px;}.seccode-wrapper .dzz.dzz-close{color:#FF0000;}.seccode-wrapper .dzz.dzz-done{color:#3c763d;}.seccode-wrapper .seccode-input{width:100%;padding-right:150px;}.seccode-wrapper.seccode_type_99 .seccode-input{padding-right:50px;}.seccode-wrapper img{border:1px solid #e1e1e1;}.seccode-wrapper .seccode_image_tips{display:none;}.tips{left:50%;position:fixed;top:0px;width:350px;margin-left:-125px;z-index:999;}.main-container{margin-left:120px;height:100%;overflow:auto;}.main-body{padding:10px}.main-content{padding:5px}.main-header2{margin:0;padding:5px 8px;position:relative;}.main-header .navbar-nav{float:none;}.main-header2 .nput-group,.main-header .nput-group{margin:5px 0 0;}.un_selector{background-color:#FFFFFF;border:1px solid #e1e1e1;color:#555555;display:inline-block;font-size:14px;line-height:20px;margin-bottom:10px;padding:4px;vertical-align:middle;width:215px;}.un_selector{height:auto;cursor:text;overflow:hidden;}.un_selector input{width:95px;height:21px;border-width:0;outline:none;box-shadow:none;padding:0}.ie6 .un_selector input,.ie7 .un_selector input{height:21px;}.un_selector input:focus{box-shadow:none;}.un_selector span{float:left;margin:1px 2px 1px 0;width:100px;height:21px;line-height:20px;background:#F7F6ED;color:#369;overflow:hidden;display:inline-block;border-radius:var(--radius);}.un_selector em{padding-left:5px;width:80px;font-style:normal;font-size:12px;}.un_selector span .close{font-size:18px;font-weight:normal}select{width:auto;}.help-inline,.help-block{font-size:12px;}.help-inline:hover,.help-block:hover{color:var(--bs-primary)}.nav strong{font-size:14px;padding:3px 15px;line-height:34px;}.bs-left-container{width:200px;position:absolute;top:0;left:0;z-index:1050;-webkit-overflow-scrolling:touch;box-shadow:0 0 2px rgba(var(--bs-dark-rgb),0.375);border-radius:var(--radius);background:#fbfbfb;overflow:auto;}.bs-left-container .bs-left-title{font-size:20px;text-align:center;color:#666;}.bs-left-container .nav-stacked{margin:0;padding:1px;overflow:auto;}.bs-left-container .nav-stacked>li{list-style:none;margin:3px;}.bs-left-container .nav-stacked>li>a{padding:10px;display:block;border-radius:var(--radius);padding-left:30px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}.bs-left-container .nav-stacked>li>a:hover{background:#4285F4;background-color:rgba(var(--bs-primary-hover),0.1);color:var(--bs-primary);}.bs-left-container .nav-stacked>.active>a{background:#4285F4;background-color:rgba(var(--bs-primary-hover),0.3);border-radius:var(--radius);}.bs-left-container .nav-stacked>.active>a:hover{background:#4285F4;background-color:rgba(var(--bs-primary-hover),0.2);border-radius:var(--radius);}.left-container-scroll{overflow-x:hidden;overflow-y:auto;}.left-drager{position:absolute;padding:0px;margin:0px;overflow:visible;left:120px;cursor:default;height:100%;width:7px;top:0;background:url(../image/common/none.gif) repeat;cursor:w-resize;z-index:1901;}.left-drager .left-drager-op{position:fixed;top:0;left:0;display:none;overflow:hidden;text-align:center;cursor:pointer;padding-left:10px;padding-right:10px;}.left-drager .left-drager-click{position:absolute;border-radius:100%;opacity:.6;background:#fff;animation:waterBtn 3s;-moz-animation:waterBtn 3s infinite;-webkit-animation:waterBtn 3s infinite;-o-animation:waterBtn 3s infinite;transform:translate(-50%,-50%) scale(1);}@keyframes waterBtn{0%{width:0px;height:0px;}50%{width:1000px;height:1000px;opacity:0}100%{opacity:0}}@-webkit-keyframes waterBtn{0%{width:0px;height:0px;}50%{width:1000px;height:1000px;opacity:0}100%{opacity:0}}@-o-keyframes waterBtn{0%{width:0px;height:0px;}50%{width:1000px;height:1000px;opacity:0}100%{opacity:0}}@-moz-keyframes waterBtn{0%{width:0px;height:0px;}50%{width:1000px;height:1000px;opacity:0}100%{opacity:0}}.bs-container{position:relative;margin:5px;}.bs-main-container{margin-left:200px;transition:margin linear 0.1s;padding:5px;overflow-y:auto;box-shadow:0 0 2px rgba(var(--bs-dark-rgb),0.375);border-radius:var(--radius);}.ibtn{display:inline-block;vertical-align:middle;width:28px !important;height:30px;line-height:30px;text-align:center;background:#F7F7F7;border-radius:50%;font-size:14px;color:var(--bs-primary);}.ibtn-sm{width:20px !important;height:20px;line-height:20px;}.ibtn:hover{background:#3497db;color:#FFF;}.ibtn.glyphicon-trash:hover{background:#d9534f;}.ibtn.glyphicon-remove:hover{background:#d9534f;}.btn-simple{border:1px solid #e1e1e1;background:var(--bs-primary);background-image:none;text-shadow:0 0 0 transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;}.btn-simple:hover{background-color:#f2f2ea;}.org-sel-box{width:300px;height:300px;background:#FBFBFB;border-radius:var(--radius);overflow:hidden;z-index:11000;padding-bottom:0;}.debug_bar_bottom{position:absolute;bottom:0;right:10px;line-height:30px;text-align:right;z-index:10000;}.debug_bar_bottom #debuginfo{color:green;}.dzz-image{cursor:pointer;}.dzz-attach,.dzz-link,.dzz-dzzdoc{padding:0 10px;display:inline-block;}.dzz-attach-icon,.dzz-dzzdoc-icon,.dzz-link-icon{width:16px;height:16px;vertical-align:middle;margin-top:-5px;margin-right:5px;}.dzz-attach-title,.dzz-dzzdoc-title,.dzz-link-title{text-decoration:none;}.avatar-small{width:32px;height:32px;}.avatar-font-small{display:inline-block;text-align:center;width:32px;height:32px;font-size:20px;line-height:30px;background:#F9F9F9;border:1px solid #e1e1e1;overflow:hidden;box-shadow:inset 0px 0px 3px #FFF;white-space:nowrap;text-indent:5px;letter-spacing:4px;font-weight:400;}a:hover .avatar-font-small{background:#F7F7F7;}dl>dl:last-child{margin-bottom:0;}dl>dd{margin:var(--radius);}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background:transparent;}@-webkit-keyframes ball-beat{50%{opacity:0.2;-webkit-transform:scale(0.75);-ms-transform:scale(0.75);transform:scale(0.75);}100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}}@-ms-keyframes ball-beat{50%{opacity:0.2;-ms-transform:scale(0.75);transform:scale(0.75);}100%{opacity:1;-ms-transform:scale(1);transform:scale(1);}}@-moz-keyframes ballbeat{50%{opacity:0.2;-moz-transform:scale(0.75);transform:scale(0.75);}100%{opacity:1;-moz-transform:scale(1);transform:scale(1);}}@keyframes ball-beat{50%{opacity:0.2;-webkit-transform:scale(0.75);-ms-transform:scale(0.75);-moz-transform:scale(0.75);transform:scale(0.75);}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1);}}.loader{text-align:center;}.ball-beat{display:inline-block;}.ball-beat > div{background-color:#bdbdbd;width:15px;height:15px;border-radius:100%;margin:2px;-webkit-animation-fill-mode:both;animation-fill-mode:both;display:inline-block;-webkit-animation:ball-beat 0.7s 0s infinite linear;-moz-animation:ball-beat 0.7s 0s infinite linear;-ms-animation:ball-beat 0.7s 0s infinite linear;animation:ball-beat 0.7s 0s infinite linear;}.ball-beat > div:nth-child(2n-1){-webkit-animation-delay:0.35s !important;-moz-animation-delay:0.35s !important;-ms-animation-delay:0.35s !important;animation-delay:0.35s !important;}.checkbox-inline,.radio-inline{margin-top:10px;}.form-horizontal checkbox-inline,.form-horizontal .radio-inline{margin-top:0;}.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline{margin-top:10px;}.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline{margin-top:10px;margin-left:15px}.form-horizontal .checkbox-inline+.checkbox-inline,.form-horizontal .radio-inline+.radio-inline{margin-top:0;}.main-top-header{margin-top:20px;}.main-top-header .nav li a{font-size:14px;color:rgba(73,86,106,1);}.main-top-header .nav .active a{color:rgba(76,138,251,1);}.form-group .input-form{margin-bottom:20px;}.form-group .btn-primary:active:focus{background-color:#165ad8;color:#fff;border-color:transparent;}.margin-10{margin-top:10px;}.wxlabel-item{width:12%;min-width:100px;text-align:left;color:rgba(104,120,146,1);}.wxlabel-info{width:87%;display:inline-block;}.copyBtn-wrap{margin-left:30px;}.copy-btn{color:#4c89fb;cursor:pointer;font-weight:600;}.switch-info{font-size:1rem;color:rgba(76,138,251,1);}.alert-close{font-size:1.5rem;position:absolute;top:8px;right:28px;}.navbarBox{border-bottom:1px solid #ddd;width:100%;height:57px;}.navbarUL{margin:0px;padding:0px;overflow:hidden;float:right;margin-right:10px;margin-bottom:0px;}.navbarUL li.active{background-color:inherit;border-bottom:3px solid #4c89fb;}.navbarUL li{float:left;width:80px;line-height:54px;text-align:center;}.navbarUL li.active a{color:#4c89fb;}.navbarUL li a{color:#666;width:80px;text-decoration:none;display:inline-block;}.gb_fc{-webkit-border-radius:50%;border-radius:50%;display:inline-block;padding:12px;overflow:hidden;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-webkit-flex:0 0 auto;flex:0 0 auto;line-height:0;}.gb_fc:hover{background-color:rgba(0,0,0,0.071);}.img-emotion{max-width:24px;max-height:24px;}.iconFirstWord{width:24px;height:24px;border-radius:50%;display:inline-block;line-height:24px;text-align:center;margin-right:2px;color:#FFFFFF;}.ibtn.dzz-close{border-radius:var(--radius);font-size:18px;width:24px !important;height:auto;line-height:normal;vertical-align:sub;color:rgba(102,102,102,1);}.btn-sorg{margin:5px 10px 5px 0px !important;padding:5px;}.btn-sorg>em{font-style:normal}.btn-sorg>img{width:24px;height:24px;border-radius:50%;margin-right:3px;}.btn-sorg>span{font-size:20px;font-weight:normal;margin-left:0;margin-right:3px;}.btn-sorg span.iconFirstWord{font-size:14px;vertical-align:baseline;width:24px;height:24px;line-height:24px;}.btn-sorg span.img-avatar{font-size:14px;vertical-align:baseline;width:24px;height:24px;line-height:24px;}.btn-sorg .ibtn.dzz-close{width:24px;height:24px;line-height:24px;border-radius:50%;}.btn-sorg .ibtn.dzz-close:hover{color:#FFF;background-color:#e53935}@keyframes dzz-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.spin{-webkit-animation:dzz-spin 2s infinite linear;animation:dzz-spin 2s infinite linear;}.table td img{max-width:32px;max-height:32px;margin-right:10px;}