|
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442 |
- ::-webkit-scrollbar {
- width:6px;
- height:6px
- }
- ::-webkit-scrollbar-track {
- background:#f5f5f5;
- border-radius:.2rem
- }
- ::-webkit-scrollbar-thumb {
- background:#dee2e6;
- border-radius:.2rem
- }
- body {
- line-height:1.6;
- letter-spacing:.6px;
- font:14px 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:.25rem
- }
- ul,ol,li {
- margin:0;
- padding:0;
- list-style:none
- }
- h1,h2,h3,h4,h5,h6 {
- margin:0;
- line-height:1.5;
- 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
- }
- .body-img {
- background:url(../img/member_bg.jpg);
- background-repeat:no-repeat;
- background-position:top center
- }
- .item-title h2 {
- font-size:24px
- }
- .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;
- transition:all .3s
- }
- .item-theme-box {
- padding:1.5rem
- }
- .item-theme-img img {
- width:100%;
- height:250px;
- border-radius:.2rem .2rem 0 0
- }
- .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 .3s
- }
- .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;
- border-radius:.2rem .2rem 0 0
- }
- .list-article-body {
- border-radius:0 0 .2rem .2rem
- }
- .list-article-body h2 {
- font-size:18px;
- overflow:hidden;
- text-overflow:ellipsis;
- white-space:nowrap
- }
- .list-article-body h2 a {
- color:#393d49
- }
- .list-article-body p {
- margin-bottom:0
- }
- .list-info-select a {
- display:inline-block;
- margin-right:10px;
- color:#1eb867
- }
- .item-vote .table {
- margin-bottom:0
- }
- .article-theme-title h1 {
- margin-bottom:1rem;
- font-size:24px
- }
- .article-theme-img {
- width:100%
- }
- .article-theme-info .item {
- display:inline-block;
- width:100px
- }
- .article-theme-info .price {
- font-size:18px;
- font-weight:600
- }
- .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-img img {
- width:100%;
- border-radius:.2rem .2rem 0 0
- }
- .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 i,.item-theme-box 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;
- padding-top:10px
- }
- .feedbacks .feedback_replies .media {
- border-top:solid 1px #ccc;
- border-bottom:0
- }
- .feedbacks .media-body {
- padding:0 1rem 1rem 1rem
- }
- .feedbacks .media-body small {
- color:#999
- }
- .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
- }
- .logo img {
- height:40px
- }
- .login-from {
- margin:6rem 0
- }
- .login-box {
- padding:1.25rem;
- width:500px;
- background:#fff
- }
- #validateimg {
- border-radius:0 .2rem .2rem 0
- }
- .user-login {
- line-height:40px
- }
- .user-actions {
- line-height:40px;
- text-align:right
- }
- .copyright {
- padding:1.5rem;
- background:#343a40
- }
- .flink,.flink a,.copyright,.copyright a {
- color:#fff
- }
- .l-height-30 {
- line-height:30px
- }
- .biz-mb {
- margin-bottom:-2rem
- }
- .bannr-img {
- width:100%;
- height:345px
- }
- .user-img-md {
- width:70px;
- height:70px;
- 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
- }
- .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
- }
- .fa {
- font-size:14px;
- color:inherit;
- cursor:pointer
- }
- .btn+.btn,.btn-text+.btn-text {
- margin-left:10px
- }
- .form-control,.btn,.fa {
- font-size:14px!important
- }
- .input-text {
- height:36px;
- line-height:36px
- }
- .thumbnail-md {
- max-width:280px;
- max-height:168px
- }
- .admin-textarea-xl {
- width:100%
- }
- .admin-input-md {
- width:50%
- }
- .admin-input-sm {
- width:160px
- }
- .admin-input-xs {
- width:60px
- }
- #btnScrollTop {
- display:none;
- position:fixed;
- padding:10px 12px;
- right:1rem;
- bottom:1rem;
- font-size:16px;
- color:#fff;
- cursor:pointer;
- background:#ec982c;
- border-radius:.25rem;
- 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,.login-box {
- 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
- }
- }
|