|
|
|
@@ -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
|
|
|
|
}
|
|
|
|
} |
tianya
2 mesi fa