Selaa lähdekoodia

样式更新

tags/6.3.2
tianya 2 kuukautta sitten
vanhempi
commit
04c59d514d
2 muutettua tiedostoa jossa 461 lisäystä ja 461 poistoa
  1. +3
    -3
      src/static/web/css/admin.css
  2. +458
    -458
      src/static/web/css/style.css

+ 3
- 3
src/static/web/css/admin.css Näytä tiedosto

@@ -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
}


+ 458
- 458
src/static/web/css/style.css Näytä tiedosto

@@ -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
}
}

Loading…
Peruuta
Tallenna