lxbfYeaa/LiveCartaWP
1
0
Fork 0
forked from LiveCarta/LiveCartaWP
Code Issues 238 Pull Requests Actions Packages Projects Releases Wiki Activity

new blog v1

Browse Source
This commit is contained in:
Jerry
2020-09-18 11:14:40 +03:00
parent 5dc94cc52f
commit b4dfcaa63f
4 changed files with 115 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

101
htdocs/wp-content/themes/lawcarta/assets/css/main-page.css
View File

@@ -2945,3 +2945,104 @@ footer {
display: inline-block;
width: 49%;
vertical-align: top; } }
.blog-page-single {
font-family: 'PT Serif'; }
.blog-page-single .cont {
max-width: 840px;
color: #666; }
.blog-page-single .blog-page-top {
display: block;
position: relative;
overflow: hidden; }
.blog-page-single .blog-page-top .bp-top-img {
z-index: 2;
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: center center; }
.blog-page-single .blog-page-top .bp-top-bg {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 3;
background: radial-gradient(100% 3250.62% at 50% 0%, rgba(16, 65, 126, 0.68) 0%, #265EA1 47.16%, #5297E7 100%); }
@media (min-width: 992px) {
.blog-page-single .blog-page-top .bp-top-bg {
background: radial-gradient(75% 2000% at 50% 0%, rgba(16, 65, 126, 0.68) 0%, #265EA1 47.16%, #5297E7 100%); } }
@media (min-width: 1200px) {
.blog-page-single .blog-page-top .bp-top-bg {
background: radial-gradient(50% 2000% at 50% 0%, rgba(16, 65, 126, 0.68) 0%, #265EA1 47.16%, #5297E7 100%); } }
.blog-page-single .blog-page-top .bp-top-text {
position: relative;
z-index: 4;
font-weight: bold;
font-size: 30px;
line-height: 34px;
text-align: center;
color: #FFFFFF;
padding: 25px 0;
margin: 0; }
@media (min-width: 768px) {
.blog-page-single .blog-page-top .bp-top-text {
padding: 60px 0 25px;
font-size: 50px;
line-height: 56px; } }
@media (min-width: 992px) {
.blog-page-single .blog-page-top .bp-top-text {
padding: 85px 0 35px;
font-size: 64px;
line-height: 70px; } }
.blog-page-single .blog-info {
display: block;
padding: 5px 0;
margin-bottom: 20px; }
.blog-page-single .blog-info .blog-date {
font-size: 14px;
line-height: 19px;
color: #B7B7B7; }
.blog-page-single .blog-info .blog-tags {
font-size: 13px;
line-height: 17px;
color: #666; }
@media (min-width: 540px) {
.blog-page-single .blog-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.blog-page-single .blog-info .blog-date, .blog-page-single .blog-info .blog-tags {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto; }
.blog-page-single .blog-info .blog-tags {
text-align: right; } }
.blog-page-single h2, .blog-page-single h3, .blog-page-single h4, .blog-page-single h5, .blog-page-single h6 {
color: #10417E;
font-weight: bold; }
.blog-page-single .blog-body {
padding: 30px 0 50px; }
.blog-page-single .blog-body .cont {
max-width: 800px; }
.blog-page-single .blog-page-social {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-bottom: 20px; }
.blog-page-single .blog-page-social .left, .blog-page-single .blog-page-social .right {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto; }
.blog-page-single .blog-page-social .right {
text-align: right; }
.blog-page-single .blog-page-social .email {
display: inline-block;
width: 63px;
height: 30px; }
.blog-page-single .blog-page-social .email img {
max-height: 100%; }

2
htdocs/wp-content/themes/lawcarta/assets/css/main-page.min.css vendored
View File

File diff suppressed because one or more lines are too long

2
htdocs/wp-content/themes/lawcarta/assets/css/style.min.css vendored
View File

File diff suppressed because one or more lines are too long

18
htdocs/wp-content/themes/lawcarta/single.php
View File

@@ -3,12 +3,18 @@
$post = get_post();
?>
<div class="content no-pb">
<div class="top-panel empty"></div>
<div class="cont">
<div class="text-page blog">
<h1><?=get_the_title($post); ?></h1>
<br>
<?=get_the_content(null,false, $post); ?>
<div class="blog-page-single">
<div class="blog-page-top">
<div class="bp-top-bg"></div>
<div class="cont">
<div class="bp-top-img" style="background-image: url(<?=get_the_post_thumbnail_url(); ?>);"></div>
<h1 class="bp-top-text"><?=get_the_title($post); ?></h1>
</div>
</div>
<div class="blog-body">
<div class="cont">
<?=get_the_content(null,false, $post); ?>
</div>
</div>
</div>
<div class="main-page">