DedeV6/src/static/web/css/style.css

::-webkit-scrollbar {
	width:6px;
	height:6px
}
::-webkit-scrollbar-thumb {
	background:#dee2e6
}
::-webkit-scrollbar-track {
	background:#f5f5f5
}
* {
	scrollbar-color:#dee2e6 #f5f5f5;
	scrollbar-width:thin
}
body {
	line-height:1.6;
	letter-spacing:.6px;
	font-size:14px;
	font-family:Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;
	color:#545b62
}
a {
	color:#545b62
}
a:hover {
	color:#ff8400;
	text-decoration:none
}
img {
	max-width:100%;
	border-radius:.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:30px
}
h2 {
	font-size:22px
}
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-title h2 {
	font-size:22px
}
.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;
	transition:all .5s
}
.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;
	transition:all .5s
}
.item-theme:hover,.item-news:hover {
	box-shadow:0 14px 30px -16px rgba(0,36,100,.25);
	transform:translateY(-6px)
}
.item-news h4 {
	margin:20px 0 16px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.item-news-img img {
	width:100%;
	height:200px
}
.item-news i,.item-news span {
	color:#999
}
.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
}
.list-info-select a {
	display:inline-block;
	margin-right:10px;
	color:#1eb867
}
.article-theme-title h1 {
	margin-bottom:1rem;
	font-size:22px
}
.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:400;
	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-bottom:1rem;
	font-size:18px
}
.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-link {
	padding:0 10px;
	height:36px;
	line-height:36px
}
.navbar-dark .navbar-nav .nav-link {
	color:#eee
}
.nav-item .active {
	color:#ff8400
}
.logo img {
	height:40px
}
.login-flex {
	display:flex;
	width:100%;
	height:70vh;
	align-items:center;
	justify-content:center
}
.login-from {
	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:22px!important;
	color:#1eb867
}
.userspace .info {
	font-size:14px;
	font-weight:400;
	color:#545b62
}
.list-group-item.active a {
	color:#fff
}
.list-group-flush>.list-group-item {
	cursor:pointer
}
.pannel-main-container {
	padding:1.5rem;
	background:#fff
}
.table {
	color:#545b62
}
.table td,.table th {
	padding:.65rem;
	vertical-align:middle
}
.form-control {
	display:inline-block;
	height:36px
}
.form-control,.btn,.fa {
	font-size:14px!important
}
.fa {
	color:inherit;
	cursor:pointer
}
.btn+.btn {
	margin-left:10px
}
.l-height-30 {
	line-height:30px
}
.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:.5rem!important
}
.btn-xs {
	border-radius:.35rem!important
}
.cke_top,.item-theme-img img,.list-article-img img,.article-hot-img img {
	border-radius:.5rem .5rem 0 0!important
}
.cke_bottom,.list-article-body {
	border-radius:0 0 .5rem .5rem!important
}
#validateimg,.btn-send {
	border-radius:0 .5rem .5rem 0!important
}
.rounded-circle {
	border-radius:50%!important
}
.page-item:first-child .page-link {
	border-top-left-radius:.5rem!important;
	border-bottom-left-radius:.5rem!important
}
.page-item:last-child .page-link {
	border-top-right-radius:.5rem!important;
	border-bottom-right-radius:.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
}
#btnScrollTop {
	display:none;
	position:fixed;
	padding:10px 14px;
	right:1rem;
	bottom:1rem;
	color:#fff;
	cursor:pointer;
	background:#ec982c;
	border-radius:.5rem;
	border:0;
	z-index:9998
}
#btnScrollTop:hover {
	background:#e77817
}
@media (max-width:480px) {
	.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
}
}