From 04c59d514da203a0ce1c02ee031b22bb469aa368 Mon Sep 17 00:00:00 2001 From: tianya Date: Wed, 1 Jan 2025 10:00:46 +0800 Subject: [PATCH] =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E6=9B=B4=E6=96=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/static/web/css/admin.css | 6 +- src/static/web/css/style.css | 916 +++++++++++++++++------------------ 2 files changed, 461 insertions(+), 461 deletions(-) diff --git a/src/static/web/css/admin.css b/src/static/web/css/admin.css index 5b11e056..bc94363d 100644 --- a/src/static/web/css/admin.css +++ b/src/static/web/css/admin.css @@ -751,17 +751,17 @@ input,select,textarea,.colordlg,.pubdlg,.quickselitem .topcat,.mysource,.mywrite .shadow-sm { box-shadow:0 0.125rem 0.25rem rgba(0,0,0,0.015)!important } -@media (min-width:1199px) { +@media screen and (min-width:1199px) { .modal-dialog { max-width:500px } } -@media screen and (max-width:1199px) and (min-width:992px) { +@media screen and (min-width:992px) and (max-width:1199px) { .login-box { padding:1rem } } -@media (max-width:768px) { +@media screen and (max-width:767px) { td { white-space:nowrap } diff --git a/src/static/web/css/style.css b/src/static/web/css/style.css index 271e16bb..290bcdb4 100644 --- a/src/static/web/css/style.css +++ b/src/static/web/css/style.css @@ -1,459 +1,459 @@ -:root { - --bg:#f8fafb; - --gray-300:#dee2e6; - --gray-500:#adb5bd; - --b-radius:0.5rem -} -* { - scrollbar-width:thin; - letter-spacing:0.5px -} -body { - line-height:1.5; - font-size:14px; - font-family:Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif; - color:var(--gray); - background:var(--bg) -} -a { - color:var(--gray); - text-decoration:none -} -a:hover { - color:var(--blue); - text-decoration:none -} -img { - max-width:100%; - border-radius:var(--b-radius) -} -ul,ol,li { - margin:0; - padding:0; - list-style:none -} -h1,h2,h3,h4,h5,h6 { - margin:0; - line-height:1.2; - font-weight:700; - color:var(--gray-dark) -} -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 -} -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:middle -} -.body-bg { - background:var(--bg) -} -.logo img { - height:36px -} -#carouselDede .carousel-caption h2 { - color:var(--white) -} -#carouselDede .carousel-caption h2,.item-article h2,.item-admin 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-admin { - padding:75px 1rem -} -.item-theme { - margin-bottom:2rem -} -.item-theme-box { - padding:1.5rem -} -.item-theme-box .text-left i,.item-theme-box .text-right span,.item-news .author,.item-news .author a,.item-news .date,.item-info a,.list-article-body i,.list-article-body span,.article-hot-box i,.article-hot-box span,.article-meta span { - color:var(--gray-500) -} -.item-theme .title a,.item-news .title a { - color:var(--gray-dark) -} -.item-theme-img img { - width:100%; - height:250px -} -.item-theme p,.item-news p { - color:var(--gray-500); - 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,0.25); - transform:translateY(-5px) -} -.item-news .title { - margin:20px 0; - overflow:hidden; - text-overflow:ellipsis; - white-space:nowrap -} -.item-news-img img { - width:100%; - height:200px -} -.item-vote .table,.article-theme-body p:last-child,.article-hot:last-child { - margin-bottom:0 -} -.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:var(--gray-dark) -} -.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:700 -} -.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:var(--white) -} -.article-hot-box h4 { - font-size:14px; - font-weight:300; - overflow:hidden; - text-overflow:ellipsis; - white-space:nowrap -} -.article-main .title h1 { - font-size:24px -} -.article-main .body h1,.article-main .body h2,.article-main .body h3,.article-main .body h4,.article-main .body h5,.article-main .body h6 { - margin:20px 0; - padding:0 10px; - font-size:18px!important; - border-left:3px solid var(--success) -} -.article-main .meta span { - margin-right:1rem -} -.likes .comment-container { - width:200px; - padding:10px 20px; - border:1px solid var(--bg); - border-radius:30px; - margin:0 6px; - cursor:pointer -} -.likes .comment-container:hover { - background:var(--white) -} -.likes .comment-top { - display:flex; - flex-direction:row; - align-items:center; - margin-bottom:10px -} -.likes .comment-top-text { - margin-left:10px; - color:var(--blue) -} -.likes .comment-top-text-danger { - margin-left:10px; - color:var(--danger) -} -.likes .text-like { - color:var(--blue) -} -.likes .text-unlike { - color:var(--danger) -} -.likes .comment-top p { - margin-bottom:unset -} -.prenext .pagination-previous,.pagination-next { - padding:10px 20px; - font-size:14px; - color:var(--gray); - border-radius:30px; - border:1px solid var(--light); - 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 var(--gray-300) -} -.feedbacks .media { - border-bottom:solid 1px var(--gray-300) -} -.feedbacks .feedback_replies .media { - border-top:solid 1px var(--gray-300); - border-bottom:0 -} -.feedbacks .media-body span { - color:var(--gray-500) -} -.feedbacks .feedback-basic { - display:inline-block -} -.feedbacks .feedback-action { - float:right -} -.feedbacks ._feedback_reply .alert { - margin-bottom:0 -} -.login-from { - margin:5rem auto; - width:500px -} -.login-box { - padding:1.25rem; - background:var(--white) -} -.user-login,.user-actions { - line-height:40px -} -.user-actions { - text-align:right -} -.copyright { - padding:1.5rem; - background:var(--gray-dark) -} -.flink,.flink a,.copyright,.copyright a { - color:var(--white) -} -.user-meter i { - font-size:24px!important; - color:var(--green) -} -.userspace .info { - font-size:14px; - font-weight:300; - color:var(--gray) -} -.pannel-main-container { - padding:1.5rem; - background:var(--white) -} -#returntop { - display:none; - position:fixed; - padding:10px 15px; - right:1rem; - bottom:1rem; - color:var(--white); - cursor:pointer; - background:var(--orange); - border-radius:var(--b-radius); - border:0; - z-index:9998 -} -#returntop:hover { - background:var(--orange) -} -.biz-mb { - margin-bottom:-2rem -} -.bannr-img { - width:100%; - height:340px -} -.user-img-md { - width:60px; - height:60px; - border-radius:50%; - border:1px solid var(--gray-300) -} -.user-img-sm { - width:36px; - height:36px; - border-radius:50%; - border:1px solid var(--gray-300) -} -.user-img-xs { - width:30px; - height:30px; - border-radius:50%; - border:1px solid var(--gray-300) -} -.nav-item .active { - color:var(--warning) -} -.nav-link { - padding:0 10px; - height:36px; - line-height:36px -} -.navbar-dark .navbar-nav .nav-link { - color:var(--gray-300) -} -.list-group-item.active a { - color:var(--white) -} -.list-group-flush>.list-group-item { - border:0; - cursor:pointer -} -.input-group-append .btn-sm { - line-height:1.8 -} -.input-text { - height:36px; - line-height:36px -} -.thumbnail-md { - max-width:280px; - max-height:168px -} -.admin-textarea-xl { - width:100%; - height:90px -} -.admin-textarea-sm { - width:350px; - height:60px -} -.admin-input-lg { - width:350px -} -.admin-input-md { - width:230px -} -.admin-input-sm { - width:180px -} -.admin-input-xs { - width:70px -} -.table td,.table th { - padding:0.5rem; - vertical-align:middle -} -.form-control { - display:inline-block; - height:36px -} -.form-control,.fa,.btn,.dropdown-menu { - font-size:14px!important -} -a:hover,.item-theme:hover,.item-news:hover,.table-hover tbody tr:hover { - transition:all 0.5s -} -.navbar-toggler,.dropdown-menu,.breadcrumb,.cke_chrome,.cke_inner,.form-control,.btn,.alert,.rounded { - border-radius:var(--b-radius)!important -} -.cke_top,.item-theme-img img,.list-article-img img,.article-hot-img img { - border-radius:var(--b-radius) var(--b-radius) 0 0!important -} -.cke_bottom,.list-article-radius { - border-radius:0 0 var(--b-radius) var(--b-radius)!important -} -.rounded-circle { - border-radius:50%!important -} -.input-group>.input-group-append>.btn { - border-top-left-radius:0!important; - border-bottom-left-radius:0!important -} -.input-group:not(.has-validation)>.form-control:not(:last-child) { - border-top-right-radius:0!important; - border-bottom-right-radius:0!important -} -.btn+.btn { - margin-left:0.5rem -} -.shadow-sm { - box-shadow:0 0.125rem 0.25rem rgba(0,0,0,0.015)!important -} -.btn-send,#validateimg { - border-radius:0 var(--b-radius) var(--b-radius) 0; - cursor:pointer -} -@media (max-width:768px) { - .pb-m-3 { - padding-bottom:1rem - } - .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 - } +:root { + --bg:#f8fafb; + --gray-300:#dee2e6; + --gray-500:#adb5bd; + --b-radius:0.5rem +} +* { + scrollbar-width:thin; + letter-spacing:0.5px +} +body { + line-height:1.5; + font-size:14px; + font-family:Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif; + color:var(--gray); + background:var(--bg) +} +a { + color:var(--gray); + text-decoration:none +} +a:hover { + color:var(--blue); + text-decoration:none +} +img { + max-width:100%; + border-radius:var(--b-radius) +} +ul,ol,li { + margin:0; + padding:0; + list-style:none +} +h1,h2,h3,h4,h5,h6 { + margin:0; + line-height:1.2; + font-weight:700; + color:var(--gray-dark) +} +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 +} +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:middle +} +.body-bg { + background:var(--bg) +} +.logo img { + height:36px +} +#carouselDede .carousel-caption h2 { + color:var(--white) +} +#carouselDede .carousel-caption h2,.item-article h2,.item-admin 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-admin { + padding:75px 1rem +} +.item-theme { + margin-bottom:2rem +} +.item-theme-box { + padding:1.5rem +} +.item-theme-box .text-left i,.item-theme-box .text-right span,.item-news .author,.item-news .author a,.item-news .date,.item-info a,.list-article-body i,.list-article-body span,.article-hot-box i,.article-hot-box span,.article-meta span { + color:var(--gray-500) +} +.item-theme .title a,.item-news .title a { + color:var(--gray-dark) +} +.item-theme-img img { + width:100%; + height:250px +} +.item-theme p,.item-news p { + color:var(--gray-500); + 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,0.25); + transform:translateY(-5px) +} +.item-news .title { + margin:20px 0; + overflow:hidden; + text-overflow:ellipsis; + white-space:nowrap +} +.item-news-img img { + width:100%; + height:200px +} +.item-vote .table,.article-theme-body p:last-child,.article-hot:last-child { + margin-bottom:0 +} +.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:var(--gray-dark) +} +.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:700 +} +.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:var(--white) +} +.article-hot-box h4 { + font-size:14px; + font-weight:300; + overflow:hidden; + text-overflow:ellipsis; + white-space:nowrap +} +.article-main .title h1 { + font-size:24px +} +.article-main .body h1,.article-main .body h2,.article-main .body h3,.article-main .body h4,.article-main .body h5,.article-main .body h6 { + margin:20px 0; + padding:0 10px; + font-size:18px!important; + border-left:3px solid var(--success) +} +.article-main .meta span { + margin-right:1rem +} +.likes .comment-container { + width:200px; + padding:10px 20px; + border:1px solid var(--bg); + border-radius:30px; + margin:0 6px; + cursor:pointer +} +.likes .comment-container:hover { + background:var(--white) +} +.likes .comment-top { + display:flex; + flex-direction:row; + align-items:center; + margin-bottom:10px +} +.likes .comment-top-text { + margin-left:10px; + color:var(--blue) +} +.likes .comment-top-text-danger { + margin-left:10px; + color:var(--danger) +} +.likes .text-like { + color:var(--blue) +} +.likes .text-unlike { + color:var(--danger) +} +.likes .comment-top p { + margin-bottom:unset +} +.prenext .pagination-previous,.pagination-next { + padding:10px 20px; + font-size:14px; + color:var(--gray); + border-radius:30px; + border:1px solid var(--light); + 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 var(--gray-300) +} +.feedbacks .media { + border-bottom:solid 1px var(--gray-300) +} +.feedbacks .feedback_replies .media { + border-top:solid 1px var(--gray-300); + border-bottom:0 +} +.feedbacks .media-body span { + color:var(--gray-500) +} +.feedbacks .feedback-basic { + display:inline-block +} +.feedbacks .feedback-action { + float:right +} +.feedbacks ._feedback_reply .alert { + margin-bottom:0 +} +.login-from { + margin:5rem auto; + width:500px +} +.login-box { + padding:1.25rem; + background:var(--white) +} +.user-login,.user-actions { + line-height:40px +} +.user-actions { + text-align:right +} +.copyright { + padding:1.5rem; + background:var(--gray-dark) +} +.flink,.flink a,.copyright,.copyright a { + color:var(--white) +} +.user-meter i { + font-size:24px!important; + color:var(--green) +} +.userspace .info { + font-size:14px; + font-weight:300; + color:var(--gray) +} +.pannel-main-container { + padding:1.5rem; + background:var(--white) +} +#returntop { + display:none; + position:fixed; + padding:10px 15px; + right:1rem; + bottom:1rem; + color:var(--white); + cursor:pointer; + background:var(--orange); + border-radius:var(--b-radius); + border:0; + z-index:9998 +} +#returntop:hover { + background:var(--orange) +} +.biz-mb { + margin-bottom:-2rem +} +.bannr-img { + width:100%; + height:340px +} +.user-img-md { + width:60px; + height:60px; + border-radius:50%; + border:1px solid var(--gray-300) +} +.user-img-sm { + width:36px; + height:36px; + border-radius:50%; + border:1px solid var(--gray-300) +} +.user-img-xs { + width:30px; + height:30px; + border-radius:50%; + border:1px solid var(--gray-300) +} +.nav-item .active { + color:var(--warning) +} +.nav-link { + padding:0 10px; + height:36px; + line-height:36px +} +.navbar-dark .navbar-nav .nav-link { + color:var(--gray-300) +} +.list-group-item.active a { + color:var(--white) +} +.list-group-flush>.list-group-item { + border:0; + cursor:pointer +} +.input-group-append .btn-sm { + line-height:1.8 +} +.input-text { + height:36px; + line-height:36px +} +.thumbnail-md { + max-width:280px; + max-height:168px +} +.admin-textarea-xl { + width:100%; + height:90px +} +.admin-textarea-sm { + width:350px; + height:60px +} +.admin-input-lg { + width:350px +} +.admin-input-md { + width:230px +} +.admin-input-sm { + width:180px +} +.admin-input-xs { + width:70px +} +.table td,.table th { + padding:0.5rem; + vertical-align:middle +} +.form-control { + display:inline-block; + height:36px +} +.form-control,.fa,.btn,.dropdown-menu { + font-size:14px!important +} +a:hover,.item-theme:hover,.item-news:hover,.table-hover tbody tr:hover { + transition:all 0.5s +} +.navbar-toggler,.dropdown-menu,.breadcrumb,.cke_chrome,.cke_inner,.form-control,.btn,.alert,.rounded { + border-radius:var(--b-radius)!important +} +.cke_top,.item-theme-img img,.list-article-img img,.article-hot-img img { + border-radius:var(--b-radius) var(--b-radius) 0 0!important +} +.cke_bottom,.list-article-radius { + border-radius:0 0 var(--b-radius) var(--b-radius)!important +} +.rounded-circle { + border-radius:50%!important +} +.input-group>.input-group-append>.btn { + border-top-left-radius:0!important; + border-bottom-left-radius:0!important +} +.input-group:not(.has-validation)>.form-control:not(:last-child) { + border-top-right-radius:0!important; + border-bottom-right-radius:0!important +} +.btn+.btn { + margin-left:0.5rem +} +.shadow-sm { + box-shadow:0 0.125rem 0.25rem rgba(0,0,0,0.015)!important +} +.btn-send,#validateimg { + border-radius:0 var(--b-radius) var(--b-radius) 0; + cursor:pointer +} +@media screen and (max-width:767px) { + .pb-m-3 { + padding-bottom:1rem + } + .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