mirror of
https://gitee.com/coder-xiaomo/flashsale
synced 2025-09-12 23:11:38 +08:00
添加Metronic(作为LFS)
This commit is contained in:
165
frontend/static/assets/admin/pages/css/blog.css
Normal file
165
frontend/static/assets/admin/pages/css/blog.css
Normal file
@@ -0,0 +1,165 @@
|
||||
/***
|
||||
Blog Page
|
||||
***/
|
||||
/*--Block Article--*/
|
||||
.blog-page {
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
|
||||
.blog-page h1 {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.blog-page h2 a {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.blog-page h2 a:hover {
|
||||
color: #0d638f;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.blog-page hr {
|
||||
margin-top: 30px !important;
|
||||
}
|
||||
|
||||
.blog-page .article-block {
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
|
||||
.blog-page .news-img img {
|
||||
margin-top: 9px;
|
||||
}
|
||||
|
||||
.blog-page .blog-tag-data ul {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.blog-page .blog-tag-data li {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.blog-page .blog-tag-data li i {
|
||||
color: #78cff8;
|
||||
}
|
||||
|
||||
.blog-page .blog-tag-data li a {
|
||||
padding: 0;
|
||||
color: #555;
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
.blog-page .blog-tag-data {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.blog-page .blog-tag-data ul.blog-tags a {
|
||||
background: #eee;
|
||||
padding: 1px 4px;
|
||||
margin: 0 4px 4px 0;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.blog-page .blog-tag-data ul.blog-tags a:hover {
|
||||
background: #ddd;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.blog-page .blog-tag-data .blog-tag-data-inner {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.blog-page .blog-tag-data img {
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
.blog-page .blog-article {
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
|
||||
.blog-page .blog-article h3,
|
||||
.blog-page .blog-article h2,
|
||||
.blog-page .blog-article h1,
|
||||
.blog-page .blog-article h4 {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
/*--Block Sidebar--*/
|
||||
.blog-sidebar h2 {
|
||||
font-size: 38.5px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
/*Twitter block*/
|
||||
.blog-twitter-block {
|
||||
padding: 5px;
|
||||
position: relative;
|
||||
margin-bottom: 10px;
|
||||
border-right: solid 2px #ddd;
|
||||
}
|
||||
|
||||
.blog-twitter-block:hover {
|
||||
background: #fafafa;
|
||||
border-color: #35aa47;
|
||||
}
|
||||
|
||||
.blog-twitter-block a {
|
||||
color: #4d90fe;
|
||||
}
|
||||
|
||||
.blog-twitter-block p {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.blog-twitter-block span {
|
||||
color: #555;
|
||||
display: block;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.blog-twitter-block i.blog-twiiter-icon {
|
||||
color: #eee;
|
||||
right: 10px;
|
||||
bottom: 10px;
|
||||
font-size: 30px;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
/***
|
||||
Blog & News Item Page
|
||||
***/
|
||||
/*--Media Object--*/
|
||||
.blog-page .media img {
|
||||
height: 54px;
|
||||
position: relative;
|
||||
top: 3px;
|
||||
width: 54px;
|
||||
}
|
||||
|
||||
.blog-page h4.media-heading {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.blog-page h4.media-heading span {
|
||||
color: #777777;
|
||||
font-size: 12px;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 3px;
|
||||
}
|
||||
|
||||
.blog-page h4.media-heading span a {
|
||||
color: #78cff8;
|
||||
}
|
||||
|
||||
/*Post Comment*/
|
||||
.blog-page .post-comment .color-red {
|
||||
color: #f00;
|
||||
}
|
||||
|
||||
/*For Responsive*/
|
||||
@media (max-width: 768px) {
|
||||
.blog-page .blog-tag-data .blog-tag-data-inner {
|
||||
text-align: left;
|
||||
}
|
||||
}
|
Reference in New Issue
Block a user