From 8fcaad06a16e6d92eef81446cf84866fd6331866 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=8F=99=E8=BF=B0=E3=80=81=E5=88=AB=E7=A6=BB?= <2449271624@qq.com> Date: Mon, 9 Oct 2023 16:25:10 +0800 Subject: [PATCH] =?UTF-8?q?=E6=A8=AA=E5=90=91?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/install/install.html | 18 +- src/static/web/css/admin.css | 882 +++++++---------------------------- src/static/web/css/style.css | 573 +++++------------------ 3 files changed, 284 insertions(+), 1189 deletions(-) diff --git a/src/install/install.html b/src/install/install.html index 763a5952..a4898706 100644 --- a/src/install/install.html +++ b/src/install/install.html @@ -4,20 +4,20 @@ 安装DedeV<?php echo $cfg_version_detail;?> - - - - - - - + + + + + + +
- +
@@ -37,7 +37,7 @@
请先阅读《站点授权协议》
-

安装DedeV

+

安装DedeV

diff --git a/src/static/web/css/admin.css b/src/static/web/css/admin.css index bc45e704..0d6a0546 100644 --- a/src/static/web/css/admin.css +++ b/src/static/web/css/admin.css @@ -1,724 +1,160 @@ -::-webkit-scrollbar { - width:8px; - height:10px -} -::-webkit-scrollbar-track { - background:#f5f5f5 -} -::-webkit-scrollbar-thumb { - background:#dee2e6 -} -* { - font-size:14px; - scrollbar-width:thin -} -body { - margin:0; - line-height:1.6; - letter-spacing:0.5px; - font-size:14px; - font-family:Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif; - color:#545b62; - background:#fff -} -a { - color:#545b62; - text-decoration:none -} -a:hover { - color:#007bff; - text-decoration:none -} -img { - margin-right:10px; - max-width:100%; - border-radius:0.5rem -} -ul,ol,li,form { - margin:0; - padding:0 -} -li { - list-style:none -} -table { - background:#fff; - border-spacing:0; - border-collapse:separate -} -table tr:first-child td:first-child { - border-top-left-radius:0.5rem; - border-top:0 -} -table tr:first-child td:last-child { - border-top-right-radius:0.5rem; - border-top:0 -} -table tr:last-child td:first-child { - border-bottom-left-radius:0.5rem; - border-bottom:0 -} -table tr:last-child td:last-child { - border-bottom-right-radius:0.5rem; - border-bottom:0 -} -td { - word-break:break-all; - word-wrap:break-word -} -input { - padding:0.375rem 0.75rem; - height:30px; - color:#545b62; - background:#fff; - border:1px solid #dee2e6; - vertical-align:middle -} -input[type=file] { - padding:0; - height:auto; - border:0; - vertical-align:middle -} -input[type=button],input[type=submit],input[type=reset] { - padding:0.375rem 0.75rem; - height:30px; - line-height:1.5; - font-size:12px; - color:#fff; - background:#1eb867; - border:0 -} -input[type=radio],input[type=checkbox],input[type=radio]:focus,input[type=checkbox]:focus { - width:14px; - height:14px; - outline:none; - box-shadow:none; - vertical-align:text-top -} -select { - padding:0.375rem 0.75rem; - height:30px; - color:#545b62; - background:#fff; - border:1px solid #dee2e6; - vertical-align:middle -} -select[multiple=yes] { - height:180px -} -option { - display:flex; - padding:0; - height:30px; - align-items:center -} -textarea { - padding:0.375rem 0.75rem; - color:#545b62; - background:#fff; - border:1px solid #dee2e6; - vertical-align:middle -} -input:focus,select:focus,textarea:focus { - color:#495057; - background:#fff; - border-color:#80bdff; - box-shadow:0 0 0 0.2rem rgba(0,123,255,.25); - outline:0 -} -.login-head { - padding:1rem 0; - background:#fff -} -.login-head .logo { - font-size:18px; - color:#393d49; - font-weight:600 -} -.login-head .logo img { - height:36px -} -.install-box { - margin:0 auto; - width:800px -} -.install-box .card-header,.install-box .card-body { - padding:1.25rem -} -.install-box h2,.install-box legend,.login-box h2 { - line-height:1.2; - font-size:18px; - font-weight:600; - color:#393d49 -} -.install-box .form-control,.login-box .form-control { - height:36px -} -.login-from { - margin:5rem auto; - width:500px -} -.login-box { - padding:1.25rem; - background:#fff -} -body.menu-show .menu-left { - display:block -} -body.menu-hide,body.menu-hide .menu-left { - background:none -} -body.menu-show .body-right { - left:220px; - transition:all 0.5s -} -body.menu-hide .body-right { - left:0; - transition:all 0.5s -} -.menu-left { - position:absolute; - top:60px; - left:0; - bottom:0; - width:220px -} -.body-right { - position:absolute; - top:60px; - right:0; - bottom:0 -} -.main,.menu { - width:100%; - height:99% -} -.main iframe,.menu iframe { - width:100%; - height:99%; - border:0 -} -.body-bg { - background:#f5f5f5 -} -.menu-box { - margin:0; - padding:1rem 5px -} -.menu-body { - width:100%; - background:#fff; - box-shadow:0 0.125rem 0.25rem rgba(0,0,0,.075) -} -.item-menu .link { - position:relative; - padding-left:50px; - display:block; - height:42px; - line-height:42px; - cursor:pointer -} -.item-menu li:last-child .link { - border-bottom:0 -} -.item-menu li i { - position:absolute; - top:14px; - left:20px; - color:#545b62 -} -.item-menu li i.fa-angle-down { - right:20px; - left:auto -} -.item-menu li.open .link,.item-menu li.open i { - color:#1eb867 -} -.item-menu li.open i.fa-angle-down { - transform:rotate(180deg) -} -.admin-head { - width:100%; - height:60px; - background:linear-gradient(45deg,#1eb867,#009688 80%) -} -.admin-head .logo { - float:left; - padding-left:30px; - width:220px -} -.admin-head .logo .name a { - float:left; - height:60px; - line-height:60px; - font-size:18px; - font-weight:600; - color:#fff -} -.admin-head .logo .version a { - float:left; - height:60px; - line-height:60px; - font-size:18px; - font-weight:600; - color:#fff -} -.admin-head .logo .version { - float:left; - margin-top:18px; - margin-left:5px; - font-size:12px; - color:#fff -} -.admin-head .item ul,.admin-head .admin ul { - margin:0 -} -.admin-head .item ul li { - float:left; - position:relative; - padding-left:30px; - height:60px; - line-height:60px -} -.admin-head .item ul li:first-child { - padding-left:1rem -} -.admin-head .item ul li a,.admin-head .admin ul li a { - color:#fff -} -.admin-head .item ul li a:hover,.admin-head .admin ul li a:hover { - color:#dee2e6 -} -.admin-head .item .search { - position:absolute; - top:20px; - right:5px; - height:20px; - line-height:20px; - color:#545b62; - background:0; - border:0 -} -.admin-head .admin { - float:right; - margin-right:30px; - height:60px; - line-height:60px -} -.admin-head .admin img { - width:30px; - height:30px; - border-radius:50% -} -.admin-head .admin ul li { - float:left; - padding-left:30px; - height:60px; - line-height:60px -} -.admin-head .admin ul li:first-child { - padding-left:0 -} -.sidemenu { - display:none; - padding:5px 0; - background:#adb5bd -} -.sidemenu li { - height:40px; - line-height:40px -} -.sidemenu li:hover { - background:#009688; - transition:all 0.5s -} -.sidemenu a { - float:left; - display:block; - padding:0 10px 0 50px; - color:#fff -} -.sidemenu .active { - background:#1eb867 -} -.sidemenu-right { - float:right!important; - padding:0 20px 0 10px!important -} -.card-header { - padding:0.5rem 1rem -} -.card-body { - padding:0.5rem -} -.card-body canvas { - height:360px!important -} -.web-info { - padding:10px; - background:#f5f5f5 -} -#_fileList,#_verList { - height:360px; - overflow-y:auto -} -#_msgInfo { - display:none -} -.update-close { - background:#fff; - border:0 -} -.updates-dot { - display:none; - position:absolute; - top:12px; - right:6px; - height:6px; - width:6px; - background:#dc3545; - border-radius:50% -} -.spinner-border { - width:20px; - height:20px; - vertical-align:bottom -} -.sys-search { - position:relative -} -.sys-search .sys-times { - position:absolute; - top:1px; - right:20px -} -.coolbg { - padding:0.375rem 0.75rem; - background:#f5f5f5; - border-bottom:1px solid #dee2e6; - border:0 -} -.coolbg2 { - padding:0.5rem; - background:#fff; - border-bottom:1px solid #dee2e6; - text-align:right -} -.colordlg { - padding:0.5rem; - background:#fff; - border:1px solid #dee2e6; - z-index:10005 -} -.wsselect { - padding:0.5rem; - background:#fff; - overflow:auto -} -.pubdlg { - background:#fff; - border:1px solid #dee2e6; - z-index:8888 -} -.pubdlg .title { - padding:0 0.5rem; - height:30px; - line-height:30px; - color:#545b62; - background:#f5f5f5; - border-bottom:1px solid #dee2e6 -} -.fullpagediv { - position:absolute; - top:0; - left:0; - width:100%; - height:100%; - background:#f5f5f5; - opacity:0.6; - z-index:1999 -} -.quicksel { - margin-left:10px; - margin-top:10px; - width:680px; - height:420px; - overflow:auto; - z-index:10005 -} -.quickselfoot { - padding:0.5rem; - background:#f5f5f5; - border-top:1px solid #dee2e6 -} -.quickselitem { - display:block; - line-height:30px -} -.quickselitem .topcat { - margin-bottom:1rem; - padding:0 10px; - background:#e9ecef; - clear:both -} -.quickselitem .soncat { - margin-bottom:1rem; - padding:0 10px -} -.quickselitem .item { - display:inline-block; - padding-left:10px -} -.mysource,.mywriter { - width:300px; - background:#fff; - border:1px solid #dee2e6; - z-index:10001 -} -#toolimg { - position:absolute; - display:none -} -#uploadfield { - float:left -} -#uploadwait { - z-index:19999 -} -.option1 { - background:#e9ecef -} -.option2 { - background:#adb5bd -} -.option3 { - background:#fff -} -.body-bg { - background:#f5f5f5 -} -.upload-bg { - margin:10px; - background:#fff -} -.tips-box { - margin:70px auto 0; - width:500px; - height:auto; - background:#fff; - border-radius:0.5rem; - box-shadow:0 0.125rem 0.25rem rgba(0,0,0,.075) -} -.tips-head { - margin:0 20px; - padding:18px 0; - border-bottom:1px solid #f5f5f5 -} -.tips-head p { - margin:0; - padding-left:10px; - line-height:16px; - text-align:left; - border-left:3px solid #ff8400 -} -.tips-body { - padding:20px; - min-height:160px; - color:#545b62; - word-break:break-all; - word-wrap:break-word -} -.user-img-sm { - width:30px; - height:30px; - border-radius:50%; - border:1px solid #eee -} -.thumbnail-md { - max-width:200px; - max-height:120px -} -.thumbnail-sm { - max-width:80px; - max-height:80px -} -.icon img { - width:20px; - height:20px -} -.list-group-item { - padding:0.5rem 0 -} -.modal-title { - font-size:16px -} -.fileinput-button { - display:inline-block; - position:relative; - overflow:hidden -} -.fileinput-button input { - position:absolute; - top:0; - right:0; - margin:0; - opacity:0; - direction:ltr; - cursor:pointer -} -.maintable { - width:98%!important; - border:1px solid #dee2e6!important -} -.table { - margin-bottom:0; - color:#545b62 -} -.table td,.table th { - padding:0.5rem; - vertical-align:middle -} -.form-control { - display:inline-block -} -.fa { - font-size:14px!important; - color:inherit -} -.admin-win { - background:#f5f5f5; - border:1px solid #dee2e6!important -} -.admin-win-iframe { - width:100%; - height:360px -} -.admin-border { - border:1px solid #dee2e6!important -} -.admin-main-sort { - margin-left:1rem; - padding:0; - width:30px; - text-align:center -} -.admin-td { - padding:0.5rem; - border-bottom:1px solid #dee2e6 -} -.admin-textarea-xl { - width:100%; - height:90px -} -.admin-textarea-sm { - width:360px; - height:60px -} -.admin-input-lg { - width:360px -} -.admin-input-md { - width:260px -} -.admin-input-sm { - width:160px -} -.admin-input-xs { - width:60px -} -span.page-link { - color:#fff; - background:#1eb867 -} -table,input,select,textarea,.login-box,.menu-body,.coolbg,.mysource,.mywriter,.pubdlg,.colordlg,.quickselitem .topcat,.web-info,.upload-bg,.cke_chrome,.cke_inner,.pagination,.card,.form-control,.btn,.alert,.rounded,#edsta { - border-radius:0.5rem!important -} -.coolbg2,.pubdlg .title,.cke_top { - border-radius:0.5rem 0.5rem 0 0!important -} -.sidemenu,.wsselect,.cke_bottom { - border-radius:0 0 0.5rem 0.5rem!important -} -.page-item:first-child .page-link { - border-top-left-radius:0.5rem!important; - border-bottom-left-radius:0.5rem!important -} -.page-item:last-child .page-link { - border-top-right-radius:0.5rem!important; - border-bottom-right-radius:0.5rem!important -} -.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label,.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label::after,.input-group:not(.has-validation)>.custom-select:not(:last-child),.input-group:not(.has-validation)>.form-control:not(:last-child) { - border-top-right-radius:0!important; - border-bottom-right-radius:0!important -} -.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text { - border-top-left-radius:0!important; - border-bottom-left-radius:0!important -} -.btn-sm { - padding:0.375rem 0.55rem; - height:30px; - line-height:1.5; - font-size:12px -} -.btn-xs { - padding:0.22rem; - height:20px; - line-height:1; - font-size:12px; - border-radius:0.35rem!important -} -.btn+.btn { - margin-left:10px -} -.btn-version { - float:left; - margin-top:18px; - margin-left:5px -} -#validateimg { - border-radius:0 0.5rem 0.5rem 0; - cursor:pointer -} -#selColor { - padding:5px; - width:35px -} -#edsta { - display:none; - padding:0.5rem; - position:absolute; - top:100px; - left:200px; - width:450px; - height:auto; - background:#f5f5f5; - border:1px solid #dee2e6 -} -#browsehappy { - padding:1rem 30px; - color:#856404; - background:#fff3cd -} -.browsehappy-close { - float:right; - cursor:pointer -} -@media (min-width:1200px) { - .web-info { - text-overflow:ellipsis; - white-space:nowrap - } - .modal-dialog { - max-width:500px - } -} -@media (max-width:768px) { - .install-box,.login-from,.tips-box { - width:100% - } - .tips { - padding:0 15px - } +::-webkit-scrollbar{width:8px;height:10px} +::-webkit-scrollbar-track{background:#f5f5f5} +::-webkit-scrollbar-thumb{background:#dee2e6} +*{font-size:14px;scrollbar-width:thin} +body{margin:0;line-height:1.6;letter-spacing:0.5px;font-size:14px;font-family:Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;color:#545b62;background:#fff} +a{color:#545b62;text-decoration:none} +a:hover{color:#007bff;text-decoration:none} +img{margin-right:10px;max-width:100%;border-radius:0.5rem} +ul,ol,li{margin:0;padding:0} +li{list-style:none} +form,label{margin-bottom:0} +table{background:#fff;border-spacing:0;border-collapse:separate} +table tr:first-child td:first-child{border-top-left-radius:0.5rem;border-top:0} +table tr:first-child td:last-child{border-top-right-radius:0.5rem;border-top:0} +table tr:last-child td:first-child{border-bottom-left-radius:0.5rem;border-bottom:0} +table tr:last-child td:last-child{border-bottom-right-radius:0.5rem;border-bottom:0} +td{word-break:break-all;word-wrap:break-word} +input{padding:0.375rem 0.75rem;height:30px;color:#545b62;background:#fff;border:1px solid #dee2e6;vertical-align:middle} +input[type=file]{padding:0;height:auto;border:0;vertical-align:middle} +input[type=button],input[type=submit],input[type=reset]{padding:0.375rem 0.75rem;height:30px;line-height:1.5;font-size:12px;color:#fff;background:#1eb867;border:0} +input[type=radio],input[type=checkbox],input[type=radio]:focus,input[type=checkbox]:focus{width:14px;height:14px;outline:none;box-shadow:none;vertical-align:text-top} +select{padding:0.375rem 0.75rem;height:30px;color:#545b62;background:#fff;border:1px solid #dee2e6;vertical-align:middle} +select[multiple=yes]{height:180px} +option{display:flex;padding:0;height:30px;align-items:center} +textarea{padding:0.375rem 0.75rem;color:#545b62;background:#fff;border:1px solid #dee2e6;vertical-align:middle} +input:focus,select:focus,textarea:focus{color:#495057;background:#fff;border-color:#80bdff;box-shadow:0 0 0 0.2rem rgba(0,123,255,.25);outline:0} +.install-box{margin:0 auto;width:800px} +.install-box .card-header,.install-box .card-body{padding:1.25rem} +.install-box h2,.install-box legend{margin:0;line-height:1.2;font-size:18px;font-weight:600;color:#393d49} +.install-box label,.login-box label{margin-bottom:5px} +.install-box .form-control,.login-box .form-control{height:36px} +.login-head{padding:1rem 0;background:#fff} +.login-head .logo{font-size:18px;color:#393d49;font-weight:600} +.login-head .logo img{height:36px} +.login-from{margin:5rem auto;width:500px} +.login-box{padding:1.25rem;background:#fff} +.login-box h2{margin:0;line-height:1.2;font-size:24px;font-weight:600;color:#393d49} +body.menu-show .menu-left{display:block} +body.menu-hide,body.menu-hide .menu-left{background:none} +body.menu-show .body-right{left:220px;transition:all 0.5s} +body.menu-hide .body-right{left:0;transition:all 0.5s} +.menu-left{position:absolute;top:60px;left:0;bottom:0;width:220px} +.body-right{position:absolute;top:60px;right:0;bottom:0} +.main,.menu{width:100%;height:99%} +.main iframe,.menu iframe{width:100%;height:99%;border:0} +.menu-box{margin:0;padding:1rem 5px} +.menu-body{width:100%;background:#fff;box-shadow:0 0.125rem 0.25rem rgba(0,0,0,.075)} +.item-menu .link{position:relative;padding-left:50px;display:block;height:42px;line-height:42px;cursor:pointer} +.item-menu li:last-child .link{border-bottom:0} +.item-menu li i{position:absolute;top:14px;left:20px;color:#545b62} +.item-menu li i.fa-angle-down{right:20px;left:auto} +.item-menu li.open .link,.item-menu li.open i{color:#1eb867} +.item-menu li.open i.fa-angle-down{transform:rotate(180deg)} +.admin-head{width:100%;height:60px;background:linear-gradient(45deg,#1eb867,#009688 80%)} +.admin-head .logo{float:left;padding-left:30px;width:220px} +.admin-head .logo .name a{float:left;height:60px;line-height:60px;font-size:18px;font-weight:600;color:#fff} +.admin-head .logo .version a{float:left;height:60px;line-height:60px;font-size:18px;font-weight:600;color:#fff} +.admin-head .logo .version{float:left;margin-top:18px;margin-left:5px;font-size:12px;color:#fff} +.admin-head .item ul,.admin-head .admin ul{margin:0} +.admin-head .item ul li{float:left;position:relative;padding-left:30px;height:60px;line-height:60px} +.admin-head .item ul li:first-child{padding-left:1rem} +.admin-head .item ul li a,.admin-head .admin ul li a{color:#fff} +.admin-head .item ul li a:hover,.admin-head .admin ul li a:hover{color:#dee2e6} +.admin-head .item .search{position:absolute;top:20px;right:5px;height:20px;line-height:20px;color:#545b62;background:0;border:0} +.admin-head .admin{float:right;margin-right:30px;height:60px;line-height:60px} +.admin-head .admin img{width:30px;height:30px;border-radius:50%} +.admin-head .admin ul li{float:left;padding-left:30px;height:60px;line-height:60px} +.admin-head .admin ul li:first-child{padding-left:0} +.sidemenu{display:none;padding:5px 0;background:#adb5bd} +.sidemenu li{height:40px;line-height:40px} +.sidemenu li:hover{background:#009688;transition:all 0.5s} +.sidemenu a{float:left;display:block;padding:0 10px 0 50px;color:#fff} +.sidemenu .active{background:#1eb867} +.sidemenu-right{float:right!important;padding:0 20px 0 10px!important} +.web-info{padding:10px;background:#f5f5f5} +#_fileList,#_verList{height:360px;overflow-y:auto} +#_msgInfo{display:none} +.update-close{background:#fff;border:0} +.updates-dot{display:none;position:absolute;top:12px;right:6px;height:6px;width:6px;background:#dc3545;border-radius:50%} +.spinner-border{width:20px;height:20px;vertical-align:bottom} +.sys-search{position:relative} +.sys-search .sys-times{position:absolute;top:1px;right:20px} +.coolbg{padding:0.375rem 0.75rem;background:#f5f5f5;border-bottom:1px solid #dee2e6;border:0} +.coolbg2{padding:0.5rem;background:#fff;border-bottom:1px solid #dee2e6;text-align:right} +.colordlg{padding:0.5rem;background:#fff;border:1px solid #dee2e6;z-index:10005} +.wsselect{padding:0.5rem;background:#fff;overflow:auto} +.pubdlg{background:#fff;border:1px solid #dee2e6;z-index:8888} +.pubdlg .title{padding:0 0.5rem;height:30px;line-height:30px;color:#545b62;background:#f5f5f5;border-bottom:1px solid #dee2e6} +.fullpagediv{position:absolute;top:0;left:0;width:100%;height:100%;background:#f5f5f5;opacity:0.6;z-index:1999} +.quicksel{margin-left:10px;margin-top:10px;width:680px;height:420px;overflow:auto;z-index:10005} +.quickselfoot{padding:0.5rem;background:#f5f5f5;border-top:1px solid #dee2e6} +.quickselitem{display:block;line-height:30px} +.quickselitem .topcat{margin-bottom:1rem;padding:0 10px;background:#e9ecef;clear:both} +.quickselitem .soncat{margin-bottom:1rem;padding:0 10px} +.quickselitem .item{display:inline-block;padding-left:10px} +.mysource,.mywriter{width:300px;background:#fff;border:1px solid #dee2e6;z-index:10001} +#toolimg{position:absolute;display:none} +#uploadfield{float:left} +#uploadwait{z-index:19999} +.option1{background:#e9ecef} +.option2{background:#adb5bd} +.option3{background:#fff} +.body-bg{background:#f5f5f5} +.upload-bg{margin:10px;background:#fff} +.tips-box{margin:70px auto 0;width:500px;height:auto;background:#fff;border-radius:0.5rem;box-shadow:0 0.125rem 0.25rem rgba(0,0,0,.075)} +.tips-head{margin:0 20px;padding:18px 0;border-bottom:1px solid #f5f5f5} +.tips-head p{margin:0;padding-left:10px;line-height:16px;text-align:left;border-left:3px solid #ff8400} +.tips-body{padding:20px;min-height:160px;color:#545b62;word-break:break-all;word-wrap:break-word} +.user-img-sm{width:30px;height:30px;border-radius:50%;border:1px solid #eee} +.thumbnail-md{max-width:200px;max-height:120px} +.thumbnail-sm{max-width:80px;max-height:80px} +.icon img{width:20px;height:20px} +.list-group-item{padding:0.5rem 0} +.modal-title{font-size:16px} +.card-header{padding:0.5rem 1rem} +.card-body{padding:0.5rem} +.card-body canvas{height:360px!important} +.fileinput-button{display:inline-block;position:relative;overflow:hidden} +.fileinput-button input{position:absolute;top:0;right:0;margin:0;opacity:0;direction:ltr;cursor:pointer} +.maintable{width:98%!important;border:1px solid #dee2e6!important} +.table{margin-bottom:0;color:#545b62} +.table td,.table th{padding:0.5rem;vertical-align:middle} +.form-control{display:inline-block} +.fa{font-size:14px!important;color:inherit} +.admin-win{background:#f5f5f5;border:1px solid #dee2e6!important} +.admin-win-iframe{width:100%;height:360px} +.admin-border{border:1px solid #dee2e6!important} +.admin-main-sort{margin-left:1rem;padding:0;width:30px;text-align:center} +.admin-td{padding:0.5rem;border-bottom:1px solid #dee2e6} +.admin-textarea-xl{width:100%;height:90px} +.admin-textarea-sm{width:360px;height:60px} +.admin-input-lg{width:360px} +.admin-input-md{width:260px} +.admin-input-sm{width:160px} +.admin-input-xs{width:60px} +span.page-link{color:#fff;background:#1eb867} +table,input,select,textarea,.login-box,.menu-body,.coolbg,.mysource,.mywriter,.pubdlg,.colordlg,.quickselitem .topcat,.web-info,.upload-bg,.cke_chrome,.cke_inner,.pagination,.card,.form-control,.btn,.alert,.rounded,#edsta{border-radius:0.5rem!important} +.coolbg2,.pubdlg .title,.cke_top{border-radius:0.5rem 0.5rem 0 0!important} +.sidemenu,.wsselect,.cke_bottom{border-radius:0 0 0.5rem 0.5rem!important} +.page-item:first-child .page-link{border-top-left-radius:0.5rem!important;border-bottom-left-radius:0.5rem!important} +.page-item:last-child .page-link{border-top-right-radius:0.5rem!important;border-bottom-right-radius:0.5rem!important} +.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label,.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label::after,.input-group:not(.has-validation)>.custom-select:not(:last-child),.input-group:not(.has-validation)>.form-control:not(:last-child){border-top-right-radius:0!important;border-bottom-right-radius:0!important} +.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text{border-top-left-radius:0!important;border-bottom-left-radius:0!important} +.btn-sm{padding:0.375rem 0.55rem;height:30px;line-height:1.5;font-size:12px} +.btn-xs{padding:0.22rem;height:20px;line-height:1;font-size:12px;border-radius:0.35rem!important} +.btn+.btn{margin-left:10px} +.btn-version{float:left;margin-top:18px;margin-left:5px} +#validateimg{border-radius:0 0.5rem 0.5rem 0;cursor:pointer} +#selColor{padding:5px;width:35px} +#edsta{display:none;padding:0.5rem;position:absolute;top:100px;left:200px;width:450px;height:auto;background:#f5f5f5;border:1px solid #dee2e6} +#browsehappy{padding:1rem 30px;color:#856404;background:#fff3cd} +.browsehappy-close{float:right;cursor:pointer} +@media (min-width:1200px){ +.web-info{text-overflow:ellipsis;white-space:nowrap} +.modal-dialog{max-width:500px} +} +@media (max-width:768px){ +.install-box,.login-from,.tips-box{width:100%} +.tips{padding:0 15px} } \ No newline at end of file diff --git a/src/static/web/css/style.css b/src/static/web/css/style.css index fcdceaa5..c6dc991b 100644 --- a/src/static/web/css/style.css +++ b/src/static/web/css/style.css @@ -1,458 +1,117 @@ -::-webkit-scrollbar { - width:8px; - height:10px -} -::-webkit-scrollbar-track { - background:#f5f5f5 -} -::-webkit-scrollbar-thumb { - background:#dee2e6 -} -* { - scrollbar-width:thin -} -body { - margin:0; - line-height:1.6; - letter-spacing:0.5px; - font-size:14px; - font-family:Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif; - color:#545b62; - background:#fff -} -a { - color:#545b62; - text-decoration:none -} -a:hover { - color:#007bff; - text-decoration:none -} -img { - max-width:100%; - border-radius:0.5rem -} -ul,ol,li { - margin:0; - padding:0; - list-style:none -} -h1,h2,h3,h4,h5,h6 { - margin:0; - line-height:1.2; - font-weight:600; - color:#393d49 -} -h1 { - font-size:36px -} -h2 { - font-size:24px -} -h3,h4 { - font-size:18px -} -h5,h6 { - font-size:16px -} -form.search { - display:flex; - width:100% -} -input[type=file] { - padding:0; - height:auto; - border:0 -} -.body-bg { - background:#f5f5f5 -} -.carousel-caption { - bottom:0 -} -.carousel-caption h2 { - color:#fff -} -.carousel-caption h2,.item-article h2,.item-vote h2,.item-tag h2,.list-info-search h2 { - font-size:18px -} -.item-article li { - margin-bottom:10px; - line-height:18px; - overflow:hidden; - text-overflow:ellipsis; - white-space:nowrap -} -.item-article li:last-child { - margin-bottom:0 -} -.item-theme { - margin-bottom:2rem -} -.item-theme-box { - padding:1.5rem -} -.item-theme-img img { - width:100%; - height:250px -} -.item-theme p,.item-news p { - margin-bottom:0; - color:#999; - overflow:hidden; - text-overflow:ellipsis; - display:-webkit-box; - -webkit-line-clamp:2; - -webkit-box-orient:vertical -} -.item-news { - margin-bottom:2rem; - padding:1.5rem -} -.item-theme:hover,.item-news:hover { - box-shadow:0 14px 30px -16px rgba(0,36,100,.25); - transform:translateY(-6px); - transition:all 0.5s -} -.item-news h4 { - margin:20px 0 15px; - overflow:hidden; - text-overflow:ellipsis; - white-space:nowrap -} -.item-news-img img { - width:100%; - height:200px -} -.item-news i,.item-news span { - color:#999 -} -.item-info a { - color:#1eb867 -} -.list-article-img img { - width:100%; - height:260px -} -.list-article-body h2 { - font-size:18px; - overflow:hidden; - text-overflow:ellipsis; - white-space:nowrap -} -.list-article-body h2 a { - color:#393d49 -} -.article-theme-title h1 { - margin-bottom:1rem; - font-size:24px -} -.article-theme-img,.article-hot-img img { - width:100% -} -.article-theme-info .item { - display:inline-block; - width:100px -} -.article-theme-info .price { - font-size:18px; - font-weight:600 -} -.list-article-body p,.item-vote .table,.article-theme-body p:last-child,.article-hot:last-child { - margin-bottom:0 -} -.article-theme-body h2,.article-right h2 { - margin-bottom:1rem; - font-size:18px -} -.article-hot { - margin-bottom:1.5rem -} -.article-hot-box { - padding:1rem 1.5rem; - background:#fff -} -.article-hot-box h4 { - font-size:14px; - font-weight:300; - overflow:hidden; - text-overflow:ellipsis; - white-space:nowrap -} -.article-hot-box i,.article-hot-box span,.article-meta span,.item-theme-box .text-left i,.item-theme-box .text-right span,.list-article-body i,.list-article-body span { - color:#999 -} -.article-main h1,.article-main h2,.article-main h3,.article-main h4,.article-main h5,.article-main h6 { - margin:20px 0; - padding:0 10px; - font-size:18px!important; - border-left:3px solid #20c997 -} -.article-meta span { - margin-right:1rem -} -.likes .comment-container { - width:200px; - padding:10px 20px; - border:1px solid #f5f5f5; - border-radius:30px; - margin:0 6px; - cursor:pointer -} -.likes .comment-container:hover { - background:#fffce0 -} -.likes .comment-top { - display:flex; - flex-direction:row; - align-items:center; - margin-bottom:10px -} -.likes .comment-top-text { - margin-left:10px; - color:#497cf6 -} -.likes .comment-top-text-danger { - margin-left:10px; - color:#d21d35 -} -.likes .text-like { - color:#497cf6 -} -.likes .text-unlike { - color:#d21d35 -} -.likes .comment-top p { - margin-bottom:unset -} -.prenext .pagination-previous,.pagination-next { - padding:10px 20px; - font-size:14px; - color:#a6a5a6; - border-radius:30px; - border:1px solid #f0f0f0; - cursor:pointer -} -.actbox { - float:right; - padding:10px -} -.actbox ul { - list-style:none -} -.actbox ul li { - float:left; - margin-left:10px -} -.feedbacks .face { - width:40px; - height:40px; - border-radius:50%; - border:solid 1px #ccc -} -.feedbacks .media { - border-bottom:solid 1px #ccc -} -.feedbacks .feedback_replies .media { - border-top:solid 1px #ccc; - border-bottom:0 -} -.feedbacks .media-body span { - color:#999 -} -.feedbacks .feedback-basic { - display:inline-block -} -.feedbacks .feedback-action { - float:right -} -.feedbacks ._feedback_reply .alert { - margin-bottom:0 -} -.nav-item .active { - color:#ff8400 -} -.logo img { - height:40px -} -.login-from { - margin:5rem 0; - width:500px -} -.login-box { - padding:1.25rem; - background:#fff -} -.user-login,.user-actions { - line-height:40px -} -.user-actions { - text-align:right -} -.copyright { - padding:1.5rem; - background:#343a40 -} -.flink,.flink a,.copyright,.copyright a { - color:#fff -} -.biz-mb { - margin-bottom:-2rem -} -.bannr-img { - width:100%; - height:345px -} -.user-img-md { - width:60px; - height:60px; - border-radius:50%; - border:1px solid #eee -} -.user-img-sm { - width:36px; - height:36px; - border-radius:50%; - border:1px solid #eee -} -.user-img-xs { - width:30px; - height:30px; - border-radius:50%; - border:1px solid #eee -} -.user-meter i { - font-size:24px!important; - color:#1eb867 -} -.userspace .info { - font-size:14px; - font-weight:300; - color:#545b62 -} -.nav-link { - padding:0 10px; - height:36px; - line-height:36px -} -.navbar-dark .navbar-nav .nav-link { - color:#eee -} -.list-group-item.active a { - color:#fff -} -.list-group-flush>.list-group-item { - cursor:pointer -} -.pannel-main-container { - padding:1.5rem; - background:#fff -} -.input-group-append .btn-sm { - line-height:1.8 -} -.table { - color:#545b62 -} -.table td,.table th { - padding:0.5rem; - vertical-align:middle -} -.form-control { - display:inline-block; - height:36px -} -.form-control,.fa { - font-size:14px!important; - color:inherit -} -.btn+.btn { - margin-left:10px -} -.input-text { - height:36px; - line-height:36px -} -.thumbnail-md { - max-width:280px; - max-height:168px -} -.admin-textarea-xl { - width:100% -} -.admin-input-lg { - width:60% -} -.admin-input-sm { - width:160px -} -.admin-input-xs { - width:60px -} -.navbar-toggler,.dropdown-menu,.breadcrumb,.cke_chrome,.cke_inner,.pagination,.form-control,.btn-md,.btn-sm,.alert,.rounded { - border-radius:0.5rem!important -} -.cke_top,.item-theme-img img,.list-article-img img,.article-hot-img img { - border-radius:0.5rem 0.5rem 0 0!important -} -.cke_bottom,.list-article-radius { - border-radius:0 0 0.5rem 0.5rem!important -} -.rounded-circle { - border-radius:50%!important -} -.page-item:first-child .page-link { - border-top-left-radius:0.5rem!important; - border-bottom-left-radius:0.5rem!important -} -.page-item:last-child .page-link { - border-top-right-radius:0.5rem!important; - border-bottom-right-radius:0.5rem!important -} -.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label,.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label::after,.input-group:not(.has-validation)>.custom-select:not(:last-child),.input-group:not(.has-validation)>.form-control:not(:last-child) { - border-top-right-radius:0!important; - border-bottom-right-radius:0!important -} -.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text { - border-top-left-radius:0!important; - border-bottom-left-radius:0!important -} -#validateimg,.btn-send { - border-radius:0 0.5rem 0.5rem 0!important -} -#returntop { - display:none; - position:fixed; - padding:10px 15px; - right:1rem; - bottom:1rem; - color:#fff; - cursor:pointer; - background:#ec982c; - border-radius:0.5rem; - border:0; - z-index:9998 -} -#returntop:hover { - background:#e77817 -} -@media (max-width:768px) { - .m-pb-1 { - padding-bottom:1rem - } - .m-pb-2 { - padding-bottom:2rem - } - .login-from { - width:100% - } - .bannr-img,.item-theme-img img,.list-article-img img { - height:250px - } - .item-news-img img { - height:210px - } - .feedbacks .feedback-action { - float:none - } +::-webkit-scrollbar{width:8px;height:10px} +::-webkit-scrollbar-track{background:#f5f5f5} +::-webkit-scrollbar-thumb{background:#dee2e6} +*{scrollbar-width:thin} +body{margin:0;line-height:1.6;letter-spacing:0.5px;font-size:14px;font-family:Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;color:#545b62;background:#fff} +a{color:#545b62;text-decoration:none} +a:hover{color:#007bff;text-decoration:none} +img{max-width:100%;border-radius:0.5rem} +ul,ol,li{margin:0;padding:0;list-style:none} +h1,h2,h3,h4,h5,h6{margin:0;line-height:1.2;font-weight:600;color:#393d49} +h1{font-size:36px} +h2{font-size:24px} +h3,h4{font-size:18px} +h5,h6{font-size:16px} +form.search{display:flex;width:100%} +input[type=file]{padding:0;height:auto;border:0} +.body-bg{background:#f5f5f5} +.carousel-caption{bottom:0} +.carousel-caption h2{color:#fff} +.carousel-caption h2,.item-article h2,.item-vote h2,.item-tag h2,.list-info-search h2{font-size:18px} +.item-article li{margin-bottom:10px;line-height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} +.item-article li:last-child{margin-bottom:0} +.item-theme{margin-bottom:2rem} +.item-theme-box{padding:1.5rem} +.item-theme-img img{width:100%;height:250px} +.item-theme p,.item-news p{margin-bottom:0;color:#999;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical} +.item-news{margin-bottom:2rem;padding:1.5rem} +.item-theme:hover,.item-news:hover{box-shadow:0 14px 30px -16px rgba(0,36,100,.25);transform:translateY(-6px);transition:all 0.5s} +.item-news h4{margin:20px 0 15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} +.item-news-img img{width:100%;height:200px} +.item-news i,.item-news span{color:#999} +.item-info a{color:#1eb867} +.list-article-img img{width:100%;height:260px} +.list-article-body h2{font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} +.list-article-body h2 a{color:#393d49} +.article-theme-title h1{margin-bottom:1rem;font-size:24px} +.article-theme-img,.article-hot-img img{width:100%} +.article-theme-info .item{display:inline-block;width:100px} +.article-theme-info .price{font-size:18px;font-weight:600} +.list-article-body p,.item-vote .table,.article-theme-body p:last-child,.article-hot:last-child{margin-bottom:0} +.article-theme-body h2,.article-right h2{margin-bottom:1rem;font-size:18px} +.article-hot{margin-bottom:1.5rem} +.article-hot-box{padding:1rem 1.5rem;background:#fff} +.article-hot-box h4{font-size:14px;font-weight:300;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} +.article-hot-box i,.article-hot-box span,.article-meta span,.item-theme-box .text-left i,.item-theme-box .text-right span,.list-article-body i,.list-article-body span{color:#999} +.article-main h1,.article-main h2,.article-main h3,.article-main h4,.article-main h5,.article-main h6{margin:20px 0;padding:0 10px;font-size:18px!important;border-left:3px solid #20c997} +.article-meta span{margin-right:1rem} +.likes .comment-container{width:200px;padding:10px 20px;border:1px solid #f5f5f5;border-radius:30px;margin:0 6px;cursor:pointer} +.likes .comment-container:hover{background:#fffce0} +.likes .comment-top{display:flex;flex-direction:row;align-items:center;margin-bottom:10px} +.likes .comment-top-text{margin-left:10px;color:#497cf6} +.likes .comment-top-text-danger{margin-left:10px;color:#d21d35} +.likes .text-like{color:#497cf6} +.likes .text-unlike{color:#d21d35} +.likes .comment-top p{margin-bottom:unset} +.prenext .pagination-previous,.pagination-next{padding:10px 20px;font-size:14px;color:#a6a5a6;border-radius:30px;border:1px solid #f0f0f0;cursor:pointer} +.actbox{float:right;padding:10px} +.actbox ul{list-style:none} +.actbox ul li{float:left;margin-left:10px} +.feedbacks .face{width:40px;height:40px;border-radius:50%;border:solid 1px #ccc} +.feedbacks .media{border-bottom:solid 1px #ccc} +.feedbacks .feedback_replies .media{border-top:solid 1px #ccc;border-bottom:0} +.feedbacks .media-body span{color:#999} +.feedbacks .feedback-basic{display:inline-block} +.feedbacks .feedback-action{float:right} +.feedbacks ._feedback_reply .alert{margin-bottom:0} +.nav-item .active{color:#ff8400} +.logo img{height:40px} +.login-from{margin:5rem 0;width:500px} +.login-box{padding:1.25rem;background:#fff} +.user-login,.user-actions{line-height:40px} +.user-actions{text-align:right} +.copyright{padding:1.5rem;background:#343a40} +.flink,.flink a,.copyright,.copyright a{color:#fff} +.biz-mb{margin-bottom:-2rem} +.bannr-img{width:100%;height:345px} +.user-img-md{width:60px;height:60px;border-radius:50%;border:1px solid #eee} +.user-img-sm{width:36px;height:36px;border-radius:50%;border:1px solid #eee} +.user-img-xs{width:30px;height:30px;border-radius:50%;border:1px solid #eee} +.user-meter i{font-size:24px!important;color:#1eb867} +.userspace .info{font-size:14px;font-weight:300;color:#545b62} +.nav-link{padding:0 10px;height:36px;line-height:36px} +.navbar-dark .navbar-nav .nav-link{color:#eee} +.list-group-item.active a{color:#fff} +.list-group-flush>.list-group-item{cursor:pointer} +.pannel-main-container{padding:1.5rem;background:#fff} +.input-group-append .btn-sm{line-height:1.8} +.table{color:#545b62} +.table td,.table th{padding:0.5rem;vertical-align:middle} +.form-control{display:inline-block;height:36px} +.form-control,.fa{font-size:14px!important;color:inherit} +.btn+.btn{margin-left:10px} +.input-text{height:36px;line-height:36px} +.thumbnail-md{max-width:280px;max-height:168px} +.admin-textarea-xl{width:100%} +.admin-input-lg{width:60%} +.admin-input-sm{width:160px} +.admin-input-xs{width:60px} +.navbar-toggler,.dropdown-menu,.breadcrumb,.cke_chrome,.cke_inner,.pagination,.form-control,.btn-md,.btn-sm,.alert,.rounded{border-radius:0.5rem!important} +.cke_top,.item-theme-img img,.list-article-img img,.article-hot-img img{border-radius:0.5rem 0.5rem 0 0!important} +.cke_bottom,.list-article-radius{border-radius:0 0 0.5rem 0.5rem!important} +.rounded-circle{border-radius:50%!important} +.page-item:first-child .page-link{border-top-left-radius:0.5rem!important;border-bottom-left-radius:0.5rem!important} +.page-item:last-child .page-link{border-top-right-radius:0.5rem!important;border-bottom-right-radius:0.5rem!important} +.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label,.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label::after,.input-group:not(.has-validation)>.custom-select:not(:last-child),.input-group:not(.has-validation)>.form-control:not(:last-child){border-top-right-radius:0!important;border-bottom-right-radius:0!important} +.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text{border-top-left-radius:0!important;border-bottom-left-radius:0!important} +#validateimg,.btn-send{border-radius:0 0.5rem 0.5rem 0!important} +#returntop{display:none;position:fixed;padding:10px 15px;right:1rem;bottom:1rem;color:#fff;cursor:pointer;background:#ec982c;border-radius:0.5rem;border:0;z-index:9998} +#returntop:hover{background:#e77817} +@media (max-width:768px){ +.m-pb-1{padding-bottom:1rem} +.m-pb-2{padding-bottom:2rem} +.login-from{width:100%} +.bannr-img,.item-theme-img img,.list-article-img img{height:250px} +.item-news-img img{height:210px} +.feedbacks .feedback-action{float:none} } \ No newline at end of file