AlxMedia/blogstream
1
0
Fork 0
mirror of https://ghproxy.net/https://github.com/AlxMedia/blogstream.git synced 2025-08-26 07:43:35 +08:00
Code Issues Projects Packages Wiki Activity Actions

1.0.7

Browse source
This commit is contained in:
Alexander Agnarson 2024-11-16 15:33:13 +01:00
parent d77022c0b6
commit e9cb86712d
21 changed files with 1277 additions and 241 deletions
Download patch file Download diff file Expand all files Collapse all files

30
archive.php
View file

@ -6,11 +6,31 @@
<?php if ( have_posts() ) : ?>
<div class="entry-wrap">
<?php while ( have_posts() ): the_post(); ?>
<?php get_template_part('content'); ?>
<?php endwhile; ?>
</div>
<?php if ( get_theme_mod('blog-layout','blog-standard') == 'blog-grid' ) : ?>
<div class="entry-wrap entry-grid">
<?php while ( have_posts() ): the_post(); ?>
<?php get_template_part('content-grid'); ?>
<?php endwhile; ?>
</div>
<?php elseif ( get_theme_mod('blog-layout','blog-standard') == 'blog-list' ) : ?>
<div class="entry-wrap entry-list">
<?php while ( have_posts() ): the_post(); ?>
<?php get_template_part('content-list'); ?>
<?php endwhile; ?>
</div>
<?php else: ?>
<div class="entry-wrap entry-standard">
<?php while ( have_posts() ): the_post(); ?>
<?php get_template_part('content'); ?>
<?php endwhile; ?>
</div>
<?php endif; ?>
<?php get_template_part('inc/pagination'); ?>

23
content-featured.php Normal file
View file

@ -0,0 +1,23 @@
<?php $format = get_post_format(); ?>
<div class="featured-item-outer group">
<div class="featured-item-wrap group">
<div class="featured-item">
<a class="featured-item-link" href="<?php the_permalink(); ?>"></a>
<div class="featured-item-thumb" style="background-image:url('<?php if ( has_post_thumbnail() ): ?><?php the_post_thumbnail_url('blogstream-medium'); ?><?php else: ?><?php echo esc_url( get_template_directory_uri() ); ?>/img/thumb-medium.png<?php endif; ?>');">
<?php if ( has_post_format('video') && !is_sticky() ) echo'<span class="thumb-icon small"><i class="fas fa-play"></i></span>'; ?>
<?php if ( has_post_format('audio') && !is_sticky() ) echo'<span class="thumb-icon small"><i class="fas fa-volume-up"></i></span>'; ?>
<?php if ( is_sticky() ) echo'<span class="thumb-icon small"><i class="fas fa-star"></i></span>'; ?>
</div>
<div class="featured-item-content">
<h3 class="featured-item-title"><?php the_title(); ?></h3>
</div>
</div>
</div>
</div>

58
content-grid.php Normal file
View file

@ -0,0 +1,58 @@
<?php $format = get_post_format(); ?>
<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
<div class="group">
<div class="entry-media">
<?php if ( has_post_thumbnail() ) : ?>
<a href="<?php the_permalink(); ?>">
<div class="image-container">
<?php the_post_thumbnail('blogstream-large'); ?>
<?php if ( has_post_format('video') && !is_sticky() ) echo'<span class="thumb-icon"><i class="fas fa-play"></i></span>'; ?>
<?php if ( has_post_format('audio') && !is_sticky() ) echo'<span class="thumb-icon"><i class="fas fa-volume-up"></i></span>'; ?>
<?php if ( is_sticky() ) echo'<span class="thumb-icon"><i class="fas fa-star"></i></span>'; ?>
<?php if ( comments_open() && ( get_theme_mod( 'comment-count', 'on' ) =='on' ) ): ?>
<a class="entry-comments" href="<?php comments_link(); ?>"><i class="fas fa-comment"></i><span><?php comments_number( '0', '1', '%' ); ?></span></a>
<?php endif; ?>
</div>
</a>
<?php else: ?>
<a href="<?php the_permalink(); ?>">
<div class="image-container">
<img src="<?php echo esc_url( get_template_directory_uri() ); ?>/img/thumb-medium.png" />
<?php if ( has_post_format('video') && !is_sticky() ) echo'<span class="thumb-icon"><i class="fas fa-play"></i></span>'; ?>
<?php if ( has_post_format('audio') && !is_sticky() ) echo'<span class="thumb-icon"><i class="fas fa-volume-up"></i></span>'; ?>
<?php if ( is_sticky() ) echo'<span class="thumb-icon"><i class="fas fa-star"></i></span>'; ?>
<?php if ( comments_open() && ( get_theme_mod( 'comment-count', 'on' ) =='on' ) ): ?>
<a class="entry-comments" href="<?php comments_link(); ?>"><i class="fas fa-comment"></i><span><?php comments_number( '0', '1', '%' ); ?></span></a>
<?php endif; ?>
</div>
</a>
<?php endif; ?>
</div>
<header class="entry-header group">
<h2 class="entry-title"><a href="<?php the_permalink(); ?>" rel="bookmark"><?php the_title(); ?></a></h2>
</header>
<div class="entry-content">
<div class="entry">
<?php if (get_theme_mod('excerpt-length','26') != '0'): ?>
<?php the_excerpt(); ?>
<a class="more-link" href="<?php the_permalink(); ?>"><?php esc_html_e('Continue reading...','blogstream'); ?></a>
<?php endif; ?>
</div>
</div>
</div>
<div class="entry-meta group">
<div class="entry-meta-inner">
<span class="posted-on"><?php the_time( get_option('date_format') ); ?></span>
<span class="byline"><?php esc_html_e('by','blogstream'); ?> <span class="author"><?php the_author_posts_link(); ?></span></span>
<span class="entry-category"><?php the_category(' '); ?></span>
</div>
</div>
</article><!--/.post-->

58
content-list.php Normal file
View file

@ -0,0 +1,58 @@
<?php $format = get_post_format(); ?>
<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
<div class="entry-list-wrap group">
<div class="entry-media">
<?php if ( has_post_thumbnail() ) : ?>
<a href="<?php the_permalink(); ?>">
<div class="image-container">
<?php the_post_thumbnail('blogstream-large'); ?>
<?php if ( has_post_format('video') && !is_sticky() ) echo'<span class="thumb-icon"><i class="fas fa-play"></i></span>'; ?>
<?php if ( has_post_format('audio') && !is_sticky() ) echo'<span class="thumb-icon"><i class="fas fa-volume-up"></i></span>'; ?>
<?php if ( is_sticky() ) echo'<span class="thumb-icon"><i class="fas fa-star"></i></span>'; ?>
<?php if ( comments_open() && ( get_theme_mod( 'comment-count', 'on' ) =='on' ) ): ?>
<a class="entry-comments" href="<?php comments_link(); ?>"><i class="fas fa-comment"></i><span><?php comments_number( '0', '1', '%' ); ?></span></a>
<?php endif; ?>
</div>
</a>
<?php else: ?>
<a href="<?php the_permalink(); ?>">
<div class="image-container">
<img src="<?php echo esc_url( get_template_directory_uri() ); ?>/img/thumb-medium.png" />
<?php if ( has_post_format('video') && !is_sticky() ) echo'<span class="thumb-icon"><i class="fas fa-play"></i></span>'; ?>
<?php if ( has_post_format('audio') && !is_sticky() ) echo'<span class="thumb-icon"><i class="fas fa-volume-up"></i></span>'; ?>
<?php if ( is_sticky() ) echo'<span class="thumb-icon"><i class="fas fa-star"></i></span>'; ?>
<?php if ( comments_open() && ( get_theme_mod( 'comment-count', 'on' ) =='on' ) ): ?>
<a class="entry-comments" href="<?php comments_link(); ?>"><i class="fas fa-comment"></i><span><?php comments_number( '0', '1', '%' ); ?></span></a>
<?php endif; ?>
</div>
</a>
<?php endif; ?>
</div>
<header class="entry-header group">
<h2 class="entry-title"><a href="<?php the_permalink(); ?>" rel="bookmark"><?php the_title(); ?></a></h2>
</header>
<div class="entry-content">
<div class="entry">
<?php if (get_theme_mod('excerpt-length','26') != '0'): ?>
<?php the_excerpt(); ?>
<a class="more-link" href="<?php the_permalink(); ?>"><?php esc_html_e('Continue reading...','blogstream'); ?></a>
<?php endif; ?>
</div>
</div>
</div>
<div class="entry-meta group">
<div class="entry-meta-inner">
<span class="posted-on"><?php the_time( get_option('date_format') ); ?></span>
<span class="byline"><?php esc_html_e('by','blogstream'); ?> <span class="author"><?php the_author_posts_link(); ?></span></span>
<span class="entry-category"><?php the_category(' '); ?></span>
</div>
</div>
</article><!--/.post-->

315
dark.css Normal file
View file

@ -0,0 +1,315 @@
body:where(.dark) { background-color: #141416; }
body:where(.dark) #wrapper { background: #212226; box-shadow: none; border-top-color: transparent; }
body:where(.dark) #wrapper-inner { background: #141416 url(img/pattern-dark.png) repeat; }
body:where(.dark) #profile { box-shadow: none; }
body:where(.dark) #header,
body:where(.dark) .sticky-element-sticky #header,
body:where(.dark) .featured-item,
body:where(.dark) .post-wrapper,
body:where(.dark) .sidebar .widget,
body:where(.dark) #footer,
body:where(.dark) #footer .nav-menu:not(.mobile),
body:where(.dark) .pagination ul li a,
body:where(.dark) .entry-meta .entry-category a,
body:where(.dark) .sidebar .post-nav,
body:where(.dark) #footer-ads,
body:where(.dark) #footer-widgets { background: #212226; box-shadow: inset 0 1px 0 rgba(255,255,255,0.06); }
body:where(.dark) .featured-item,
body:where(.dark) .post-wrapper,
body:where(.dark) .sidebar .widget,
body:where(.dark) .pagination ul li a,
body:where(.dark) .sidebar .post-nav { box-shadow: inset 0 1px 0 rgba(255,255,255,0.06), 0 1px 0 rgba(0,0,0,0.1), 0 3px 3px rgba(0,0,0,0.3); }
body:where(.dark) .entry-line-bullet-inner { background: #141416; }
body:where(.dark) .entry-line-bullet { border-color: #141416; }
body:where(.dark) .entry-meta-inner { background: #1c1c1e; box-shadow: 0 1px 0 rgba(255,255,255,0.06); }
body:where(.dark) .entry-line { background: #212226; }
body:where(.dark) .entry-line-inner,
body:where(.dark) .slick-featured { border-color: #212226; }
body:where(.dark) .wrap-entry-line:last-child .entry-line:before { background: linear-gradient(0deg, #141416 0%, #212226 100%); }
body:where(.dark) .wrap-entry-line:first-child .entry-line:before { background: linear-gradient(0deg, #212226 0%, #141416 100%); }
body:where(.dark) .slick-featured .slick-dots li button { background: #33343a; box-shadow: inset 0 1px 0 rgba(255,255,255,0.06); }
body:where(.dark) .slick-featured .slick-dots .slick-active button { background: #141416; }
body:where(.dark) #profile-name { background: #fff; color: #212226; }
body:where(.dark) #profile-name:after { border-top-color: #fff; }
body:where(.dark) a,
body:where(.dark) h1,
body:where(.dark) h2,
body:where(.dark) h3,
body:where(.dark) h4,
body:where(.dark) h5,
body:where(.dark) h6,
body:where(.dark) .site-title a,
body:where(.dark) .entry-header .entry-title a { color: #fff; }
body:where(.dark) { color: rgba(255,255,255,0.5); }
body:where(.dark) #header .social-links .social-tooltip,
body:where(.dark) .page-title span { color: rgba(255,255,255,0.4); }
body:where(.dark) .site-description { color: rgba(255,255,255,0.3); }
body:where(.dark) .entry a { color: rgba(255,255,255,0.75); box-shadow: 0 1px 0 rgba(255,255,255,0.15); }
body:where(.dark) .entry a:hover { color: rgba(255,255,255,0.95); box-shadow: 0 1px 0 rgba(255,255,255,0.3); }
body:where(.dark) .entry-meta,
body:where(.dark) .entry-meta .byline a,
body:where(.dark) .entry-meta .entry-category a { color: rgba(255,255,255,0.3); }
body:where(.dark) .entry-meta .byline a:hover { color: rgba(255,255,255,0.5); }
body:where(.dark) .entry-meta .entry-comments:hover { color: #fff; }
body:where(.dark) .entry-meta .entry-comments:hover span { color: #212226; }
body:where(.dark) .toggle-search .svg-icon { fill: rgba(255,255,255,0.4); }
body:where(.dark) .nav-menu:not(.mobile) a,
body:where(.dark) .nav-menu:not(.mobile) a:hover { color: #fff; }
body:where(.dark) .nav-menu:not(.mobile) button .svg-icon { fill: rgba(255,255,255,0.3); }
body:where(.dark) .nav-menu:not(.mobile) ul ul button .svg-icon { fill: rgba(0,0,0,0.2); }
body:where(.dark) .nav-menu:not(.mobile) .menu > li > span { border: 1px solid rgba(255,255,255,0.1); box-shadow: 0 2px 2px rgba(0,0,0,0.06); }
body:where(.dark) .nav-menu:not(.mobile) button.active { background: rgba(255,255,255,0.08); }
body:where(.dark) .nav-menu:not(.mobile) .menu > li:hover > span { border-color: rgba(255,255,255,0.2); }
body:where(.dark) .nav-menu:not(.mobile) ul ul li.current_page_item > span > a,
body:where(.dark) .nav-menu:not(.mobile) ul ul li.current-menu-item > span > a,
body:where(.dark) .nav-menu:not(.mobile) ul ul li.current-menu-ancestor > span > a,
body:where(.dark) .nav-menu:not(.mobile) ul ul li.current-post-parent > span > a { color: rgba(0,0,0,0.6); }
body:where(.dark) .nav-menu:not(.mobile) .menu ul { background: #fff; }
body:where(.dark) .nav-menu:not(.mobile) .menu ul:after { border-bottom-color: #fff; }
body:where(.dark) .nav-menu:not(.mobile) .menu ul ul:after { border-right-color: #fff; border-bottom-color: transparent; }
body:where(.dark) .nav-menu-dropdown-left .nav-menu:not(.mobile) .menu ul ul:after { border-left-color: #fff; }
body:where(.dark) .nav-menu:not(.mobile) ul ul button.active { background: rgba(0,0,0,0.06); }
body:where(.dark) .nav-menu:not(.mobile) ul ul a { color: #141416; }
body:where(.dark) .nav-menu:not(.mobile) ul ul a:hover { color: #141416; }
body:where(.dark) .nav-menu:not(.mobile) ul ul > li { border-bottom: 1px solid rgba(0,0,0,0.06); }
body:where(.dark) #footer .nav-menu:not(.mobile) .menu ul:after { border-top-color: #fff; }
body:where(.dark) #footer .nav-menu:not(.mobile) .menu ul ul:after { border-right-color: #fff; }
body:where(.dark) .menu-toggle-icon span { background: #fff; }
body:where(.dark) .nav-menu .svg-icon { fill: #fff; }
body:where(.dark) .nav-menu.mobile button:focus,
body:where(.dark) .menu-toggle:focus { background: rgba(255,255,255,0.06); }
body:where(.dark) .nav-menu.mobile ul ul button:focus { background: rgba(255,255,255,0.06); }
body:where(.dark) .nav-menu.mobile,
body:where(.dark) #footer .nav-menu.mobile { background: #212226; }
body:where(.dark) .nav-menu.mobile button.active .svg-icon { fill: #fff; }
body:where(.dark) .nav-menu.mobile ul ul { background: rgba(0,0,0,0.1); }
body:where(.dark) .nav-menu.mobile ul ul ul { background: rgba(0,0,0,0.1); }
body:where(.dark) .nav-menu.mobile ul li .menu-item-wrapper,
body:where(.dark) .nav-menu.mobile ul ul li .menu-item-wrapper { border-bottom: 1px solid rgba(255,255,255,0.07); }
body:where(.dark) .nav-menu.mobile ul li a { color: #fff; }
body:where(.dark) .nav-menu.mobile ul button,
body:where(.dark) .nav-menu.mobile ul ul button { border-left: 1px solid rgba(255,255,255,0.07); }
body:where(.dark) .nav-menu.mobile > div > ul { border-top: 1px solid rgba(255,255,255,0.07); }
@media only screen and (max-width: 719px) {
body:where(.dark) .site-title { border-bottom-color: rgba(255,255,255,0.06); }
}
body:where(.dark) .pagination ul li a:before { color: #fff; }
body:where(.dark) .entry-meta .entry-category a:hover { color: rgba(255,255,255,0.5); background: rgba(255,255,255,0.1); }
body:where(.dark) #footer-bottom { border-top-color: rgba(255,255,255,0.06); }
body:where(.dark) #footer-bottom #back-to-top { background: rgba(255,255,255,0.06); color: #fff; }
body:where(.dark) #footer-bottom #back-to-top:hover { color: rgba(255,255,255,0.7); }
body:where(.dark) #footer-bottom #copyright,
body:where(.dark) #footer-bottom #credit { color: rgba(255,255,255,0.4); }
body:where(.dark) #footer-bottom a { color: rgba(255,255,255,0.7); }
body:where(.dark) #footer-bottom a:hover { color: rgba(255,255,255,0.5); }
body:where(.dark) #footer-bottom .social-links a { color: rgba(255,255,255,0.5); }
body:where(.dark) #footer-bottom .social-links a:hover { color: rgba(255,255,255,0.9); }
body:where(.dark) #footer-bottom .social-links .social-tooltip:hover:after { background: #fff; color: #212226; }
body:where(.dark) #footer-bottom .social-links .social-tooltip:hover:before { border-color: #fff transparent; }
body:where(.dark) .card-header:before { box-shadow: 0 10px 10px rgba(0,0,0,0.03), 0 1px 0 rgba(0,0,0,0.05); }
body:where(.dark) .card-header:after { background: #141416; }
body:where(.dark) .mini-card-grid { scrollbar-color: #33343a #212226; }
body:where(.dark) .mini-card { box-shadow: 0 1px 0 rgba(0,0,0,0.1), 0 3px 3px rgba(0,0,0,0.3); background: linear-gradient(85deg,#212226,#141416); color: #fff; }
body:where(.dark) .mini-card:not(:first-child) { box-shadow: 0 1px 0 rgba(0,0,0,0.1), 0 3px 3px rgba(0,0,0,0.3); }
body:where(.dark) .mini-card-category { color: rgba(255,255,255,0.3); }
body:where(.dark) .mini-card-category a:hover { color: #fff; }
body:where(.dark) .mini-card-date { color: rgba(255,255,255,0.3); }
body:where(.dark) .mini-card-thumb { background: #212226; box-shadow: 0 10px 10px rgba(0,0,0,0.03), 0 1px 0 rgba(0,0,0,0.05); }
@media only screen and (max-width: 719px) {
body:where(.dark) .card-articles { scrollbar-color: #33343a #212226; }
}
body:where(.dark) .wp-pagenavi a,
body:where(.dark) .wp-pagenavi span { color: rgba(255,255,255,0.3); }
body:where(.dark) .wp-pagenavi a:hover,
body:where(.dark) .wp-pagenavi a:active,
body:where(.dark) .wp-pagenavi span.current { color: rgba(255,255,255,0.5); }
body:where(.dark) .wp-pagenavi a { color: rgba(255,255,255,0.5); border-bottom: 3px solid #33343a; border-top: 1px solid #33343a; }
body:where(.dark) .wp-pagenavi a:hover,
body:where(.dark) .wp-pagenavi a:active,
body:where(.dark) .wp-pagenavi span.current { border-bottom: 3px solid rgba(255,255,255,0.5); border-top: 1px solid #33343a; }
body:where(.dark) .widget { color: rgba(255,255,255,0.55); }
body:where(.dark) .widget a { color: rgba(255,255,255,0.55); }
body:where(.dark) .widget a:hover { color: rgba(255,255,255,0.95); }
body:where(.dark) .widget > h3 a,
body:where(.dark) .widget > h3 a:hover { color: rgba(255,255,255,0.95); }
body:where(.dark) .widget select { background: #141416; border: 1px solid rgba(255,255,255,0.06); color: rgba(255,255,255,0.55); }
body:where(.dark) .widget > ul li:before,
body:where(.dark) .widget > ul li a:before,
body:where(.dark) .widget > div > ul li a:before,
body:where(.dark) .widget_calendar caption:before { color: rgba(255,255,255,0.35); }
body:where(.dark) .widget > ul li a:hover:before { color: rgba(255,255,255,0.35); }
body:where(.dark) .widget_archive ul li,
body:where(.dark) .widget_categories ul li,
body:where(.dark) .widget_links ul li { color: rgba(255,255,255,0.35); }
body:where(.dark) .widget_recent_comments ul li,
body:where(.dark) .widget_recent_entries ul li { color: rgba(255,255,255,0.55); }
body:where(.dark) .widget_rss ul li a { color: rgba(255,255,255,0.95); }
body:where(.dark) .widget_rss ul li span.rss-date { color: rgba(255,255,255,0.95); }
body:where(.dark) .widget_rss ul li cite { color: rgba(255,255,255,0.35); }
body:where(.dark) .widget_search input.search { color: rgba(255,255,255,0.35); }
body:where(.dark) .widget_calendar a { color: rgba(255,255,255,0.95); }
body:where(.dark) .widget_calendar a:hover { color: rgba(255,255,255,0.95)!important; }
body:where(.dark) .widget_calendar caption { background: #141416; color: #fff; }
body:where(.dark) .widget_calendar caption:before { color: rgba(255,255,255,0.4); }
body:where(.dark) .widget_calendar thead { background: rgba(255,255,255,0.15); -webkit-box-shadow: none; box-shadow: none; }
body:where(.dark) .widget_calendar th,
body:where(.dark) .widget_calendar td { border: 1px solid rgba(255,255,255,0.15); }
body:where(.dark) .alx-tabs-nav li a { color: rgba(255,255,255,0.35); border-bottom: 1px solid rgba(255,255,255,0.15); }
body:where(.dark) .alx-tabs-nav li.active a { color: #3b61eb; border-bottom-color: #3b61eb; }
body:where(.dark) .alx-tab .tab-item-category,
body:where(.dark) .alx-posts .post-item-category { color: rgba(255,255,255,0.35); }
body:where(.dark) .alx-tab .tab-item-title a,
body:where(.dark) .alx-tab .tab-item-comment a,
body:where(.dark) .alx-posts .post-item-title a { color: rgba(255,255,255,0.95); }
body:where(.dark) .alx-tab .tab-item-category a:hover,
body:where(.dark) .alx-posts .post-item-category a:hover { color: rgba(255,255,255,0.95)!important; }
body:where(.dark) .alx-tab .tab-item-date,
body:where(.dark) .alx-tab .tab-item-name,
body:where(.dark) .alx-posts .post-item-date { color: rgba(255,255,255,0.55); }
body:where(.dark) .alx-tab li:hover .thumb-icon,
body:where(.dark) .alx-posts li:hover .thumb-icon { background: #fff; color: #212226; }
body:where(.dark) .alx-tab .tab-item-category a,
body:where(.dark) .alx-posts .post-item-category a { color: rgba(255,255,255,0.55); }
body:where(.dark) .alx-tab li:hover .tab-item-title a,
body:where(.dark) .alx-tab li:hover .tab-item-comment a,
body:where(.dark) .alx-posts li:hover .post-item-title a { color: #3b61eb; }
body:where(.dark) .notebox { color: rgba(255,255,255,0.4); }
body:where(.dark) .sharrre-container { border: 1px solid rgba(255,255,255,0.06); }
body:where(.dark) .sharrre .box { border-bottom: 0 solid #1b2b47; border-left: 1px solid rgba(255,255,255,0.06); }
body:where(.dark) .sharrre .count { background: rgba(255,255,255,0.06); color: #fff; }
body:where(.dark) .sharrre .count:after { border-left-color: rgba(255,255,255,0.06); }
body:where(.dark) .sharrre .box:hover { background: rgba(255,255,255,0.06)!important; }
body:where(.dark) .sharrre .box:hover .count { color: #fff!important; }
body:where(.dark) .post-nav li a { background: #141416; }
body:where(.dark) .post-nav li i { color: rgba(255,255,255,0.3);}
body:where(.dark) .post-nav li a strong { color: rgba(255,255,255,0.3); }
body:where(.dark) .post-nav li a span { color: #fff; }
body:where(.dark) .post-nav li a:hover span { color: rgba(255,255,255,0.7); }
body:where(.dark) .post-nav li a:hover i { color: rgba(255,255,255,0.7); }
body:where(.dark) .post-nav li.previous a { border-left: 1px solid rgba(255,255,255,0.06); }
body:where(.dark) .post-nav li.next a { border-left: 1px solid rgba(255,255,255,0.06); }
body:where(.dark) .sidebar .post-nav { }
body:where(.dark) .sidebar .post-nav li:first-child { border-bottom: 1px solid rgba(255,255,255,0.06); }
body:where(.dark) .post-tags span { color: rgba(255,255,255,0.4); }
body:where(.dark) .post-tags a { background: rgba(255,255,255,0.06); box-shadow: none!important; color: rgba(255,255,255,0.5); }
body:where(.dark) .post-tags a:hover { background-color: #3b61eb; color: #fff; }
body:where(.dark) .author-bio { background: #141416; color: rgba(255,255,255,0.5); border: 1px solid transparent; }
body:where(.dark) .author-bio .bio-avatar:after { background: #fff; color: #141416; }
body:where(.dark) .author-bio .bio-name { color: #fff; }
body:where(.dark) .author-bio .bio-desc { color: rgba(255,255,255,0.5); }
body:where(.dark) .related-title a { color: rgba(255,255,255,0.75); box-shadow: 0 1px 0 rgba(255,255,255,0.15); }
body:where(.dark) .related-title a:hover { color: rgba(255,255,255,0.95); box-shadow: 0 1px 0 rgba(255,255,255,0.3); }
body:where(.dark) .comment-tabs li a { background: #141416; color: rgba(255,255,255,0.6); }
body:where(.dark) .comment-tabs li a:hover { color: #fff; }
body:where(.dark) .comment-tabs li span { background-color: rgba(255,255,255,0.06); }
body:where(.dark) .comment-tabs li.active a { color: #fff; }
body:where(.dark) .commentlist .fn,
body:where(.dark) .pinglist .ping-link { color: #fff; }
body:where(.dark) .commentlist .comment-meta:before,
body:where(.dark) .pinglist .ping-meta:before { color: rgba(255,255,255,0.4); }
body:where(.dark) .commentlist .comment-meta a,
body:where(.dark) .pinglist .ping-meta { color: rgba(255,255,255,0.4); }
body:where(.dark) .commentlist .reply a { color: rgba(255,255,255,0.4); }
body:where(.dark) .commentlist .reply a:hover { color: #fff; }
body:where(.dark) .comment-awaiting-moderation { color: #fff; }
body:where(.dark) .commentlist .comment-body p { color: rgba(255,255,255,0.6); }
body:where(.dark) .commentlist li.bypostauthor > .comment-body:after,
body:where(.dark) .commentlist li.comment-author-admin > .comment-body:after { background: #fff; color: #141416; }
body:where(.dark) #cancel-comment-reply-link { color: rgba(255,255,255,0.5); }
body:where(.dark) #cancel-comment-reply-link:hover { color: #fff; }
body:where(.dark) #commentform { background: #212226; border-color: rgba(255,255,255,0.06); }
body:where(.dark) .themeform label { color: #fff; }
body:where(.dark) .themeform input[type="search"],
body:where(.dark) .themeform input[type="text"],
body:where(.dark) .themeform input[type="password"],
body:where(.dark) .themeform input[type="email"],
body:where(.dark) .themeform input[type="url"],
body:where(.dark) .themeform input[type="tel"],
body:where(.dark) .themeform input[type="number"],
body:where(.dark) .themeform select,
body:where(.dark) .themeform textarea { background: #141416; border-color: rgba(255,255,255,0.06); color: rgba(255,255,255,0.5); }
body:where(.dark) .themeform input[type="search"]:focus,
body:where(.dark) .themeform input[type="text"]:focus,
body:where(.dark) .themeform input[type="password"]:focus,
body:where(.dark) .themeform input[type="email"]:focus,
body:where(.dark) .themeform input[type="url"]:focus,
body:where(.dark) .themeform input[type="tel"]:focus,
body:where(.dark) .themeform input[type="number"]:focus,
body:where(.dark) .themeform select:focus,
body:where(.dark) .themeform textarea:focus { border-color: rgba(255,255,255,0.1); color: #fff; -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.1); box-shadow: 0 0 3px rgba(0,0,0,0.1); }
body:where(.dark) .themeform label .required { color: #fff; }
body:where(.dark) .themeform input[type="button"],
body:where(.dark) .themeform input[type="reset"],
body:where(.dark) .themeform input[type="submit"],
body:where(.dark) .themeform button[type="button"],
body:where(.dark) .themeform button[type="reset"],
body:where(.dark) .themeform button[type="submit"] { background: #fff; color: #141416; }
body:where(.dark) .themeform input[type="button"]:hover,
body:where(.dark) .themeform input[type="reset"]:hover,
body:where(.dark) .themeform input[type="submit"]:hover,
body:where(.dark) .themeform button[type="button"]:hover,
body:where(.dark) .themeform button[type="reset"]:hover,
body:where(.dark) .themeform button[type="submit"]:hover { background: #fff; }
body:where(.dark) hr { background: rgba(255,255,255,0.1); }
body:where(.dark) .entry a { color: #fff; box-shadow: 0 1px 0 #aeb3c7; }
body:where(.dark) .entry a:hover { box-shadow: 0 1px 0 #fff; }
body:where(.dark) .entry dt { color: #fff; }
body:where(.dark) .entry blockquote p { color: rgba(255,255,255,0.6); }
body:where(.dark) .entry blockquote:before { color: rgba(255,255,255,0.3); }
body:where(.dark) .entry pre { border: 1px solid rgba(255,255,255,0.06); }
body:where(.dark) .entry code { background: rgba(255,255,255,0.1); }
body:where(.dark) .entry ins { background: #fff486; }
body:where(.dark) .entry .wp-caption { background: rgba(255,255,255,0.06); }
body:where(.dark) .entry .wp-caption-text { color: rgba(255,255,255,0.6); }
body:where(.dark) .entry table tr.alt { background: rgba(255,255,255,0.06); }
body:where(.dark) .entry table td { border: 1px solid rgba(255,255,255,0.06); }
body:where(.dark) .entry table th { border: 1px solid rgba(255,255,255,0.06); }
body:where(.dark) .entry .wp-block-calendar table th { background: rgba(255,255,255,0.06); }
body:where(.dark) .entry .wp-block-calendar table caption,
body:where(.dark) .entry .wp-block-calendar table tbody { color: rgba(255,255,255,0.5); }
body:where(.dark) .entry .wp-block-table.is-style-stripes tbody tr:nth-child(2n+1) { background: rgba(255,255,255,0.06); }
body:where(.dark) .entry .wp-block-table.is-style-stripes { border-bottom-color: rgba(255,255,255,0.06); }
body:where(.dark) #footer-ads { border-bottom: 0; }
body:where(.dark.invert-dark-logo) .site-title a img,
body:where(.dark.invert-dark-logo) .site-title a svg { filter: invert(1); }

3
footer.php
View file

@ -1,10 +1,11 @@
</div><!--/.main-inner-->
<?php get_template_part('inc/highlights'); ?>
</div><!--/.main-->
</div><!--/.container-inner-->
</div><!--/.container-->
<footer id="footer">
<?php if ( get_theme_mod( 'footer-ads', 'off' ) == 'on' ): ?>
<div id="footer-ads">
<?php dynamic_sidebar( 'footer-ads' ); ?>

7
functions.php
View file

@ -203,6 +203,7 @@ if ( ! function_exists( 'blogstream_scripts' ) ) {
wp_enqueue_script( 'blogstream-slick', get_template_directory_uri() . '/js/slick.min.js', array( 'jquery' ),'', false );
wp_enqueue_script( 'blogstream-fitvids', get_template_directory_uri() . '/js/jquery.fitvids.js', array( 'jquery' ),'', true );
wp_enqueue_script( 'blogstream-jq-sticky-anything', get_template_directory_uri() . '/js/jq-sticky-anything.min.js', array( 'jquery' ),'', true );
if ( get_theme_mod( 'theme-toggle','off' ) == 'on' ) { wp_enqueue_script( 'blogstream-theme-toggle', get_template_directory_uri() . '/js/theme-toggle.js', array( 'jquery' ),'', true ); }
wp_enqueue_script( 'blogstream-scripts', get_template_directory_uri() . '/js/scripts.js', array( 'jquery' ),'', true );
if ( is_singular() && get_option( 'thread_comments' ) ) { wp_enqueue_script( 'comment-reply' ); }
}
@ -218,6 +219,7 @@ if ( ! function_exists( 'blogstream_styles' ) ) {
function blogstream_styles() {
wp_enqueue_style( 'blogstream-style', get_stylesheet_uri() );
wp_enqueue_style( 'blogstream-responsive', get_template_directory_uri().'/responsive.css' );
if ( ( get_theme_mod( 'dark-theme','off' ) == 'on' ) || ( get_theme_mod( 'theme-toggle','off' ) == 'on' ) ) { wp_enqueue_style( 'blogstream-dark', get_template_directory_uri().'/dark.css' ); }
wp_enqueue_style( 'blogstream-font-awesome', get_template_directory_uri().'/fonts/all.min.css' );
}
@ -536,7 +538,8 @@ if ( ! function_exists( 'blogstream_body_class' ) ) {
if ( get_theme_mod( 'boxed','off' ) == 'on' ) { $classes[] = 'boxed'; }
if ( has_nav_menu( 'mobile' ) ) { $classes[] = 'mobile-menu'; }
if ( get_theme_mod( 'mobile-sidebar-hide','on' ) != 'on' ) { $classes[] = 'mobile-sidebar-hide'; }
if ( get_theme_mod('profile-image') || get_theme_mod('profile-name') || get_theme_mod('profile-description') ) { $classes[] = 'skew-active'; }
if ( get_theme_mod( 'dark-theme' ,'off' ) == 'on' ) { $classes[] = 'dark'; }
if ( get_theme_mod( 'invert-logo' ,'on' ) == 'on' ) { $classes[] = 'invert-dark-logo'; }
if (! ( is_user_logged_in() ) ) { $classes[] = 'logged-out'; }
return $classes;
}
@ -631,7 +634,7 @@ if ( ! function_exists( 'blogstream_pre_get_posts' ) ) {
// Get featured post ids
$featured_post_ids = blogstream_get_featured_post_ids();
// Exclude posts
if ( $featured_post_ids && !get_theme_mod('featured-posts-include') )
if ( $featured_post_ids && get_theme_mod('featured-posts-include','off') =='on' )
$query->set('post__not_in', $featured_post_ids);
}
}

25
functions/dynamic-styles.php
View file

@ -115,11 +115,18 @@ if ( ! function_exists( 'blogstream_dynamic_css' ) ) {
#header .social-links .social-tooltip:hover,
.entry-header .entry-title a:hover,
.entry-meta .entry-comments,
.entry-grid .entry-comments,
.entry-list .entry-comments,
.sidebar .post-nav li a:hover span,
.alx-tabs-nav li.active a,
.alx-tab li:hover .tab-item-title a,
.alx-tab li:hover .tab-item-comment a,
.alx-posts li:hover .post-item-title a { color: '.esc_attr( get_theme_mod('color-1') ).'; }
.alx-posts li:hover .post-item-title a,
.featured-item:hover .featured-item-title,
#theme-toggle i,
.card-header-title,
.mini-card-title a:hover,
.mini-card-category a { color: '.esc_attr( get_theme_mod('color-1') ).'; }
#profile,
.nav-menu:not(.mobile) .menu > li.current_page_item > span,
@ -127,10 +134,22 @@ if ( ! function_exists( 'blogstream_dynamic_css' ) ) {
.nav-menu:not(.mobile) .menu > li.current-menu-ancestor > span,
.nav-menu:not(.mobile) .menu > li.current-post-parent > span,
.entry-line-bullet,
.post-tags a:hover { background-color: '.esc_attr( get_theme_mod('color-1') ).'; }
.post-tags a:hover,
.slick-featured-nav .slick-prev,
.slick-featured-nav .slick-next,
.slick-featured-nav .slick-prev:hover,
.slick-featured-nav .slick-next:hover,
.slick-featured-nav .slick-prev:focus,
.slick-featured-nav .slick-next:focus,
.featured-item-content:before,
.card-articles:after,
.card-header:before,
#theme-toggle-btn:before { background-color: '.esc_attr( get_theme_mod('color-1') ).'; }
.slick-featured .slick-dots .slick-active button { border-color: '.esc_attr( get_theme_mod('color-1') ).'; }
#header,
.alx-tabs-nav li.active a { border-bottom-color: '.esc_attr( get_theme_mod('color-1') ).';
.alx-tabs-nav li.active a { border-bottom-color: '.esc_attr( get_theme_mod('color-1') ).'; }
'."\n";
}
// header logo max-height

113
functions/theme-options.php
View file

@ -13,20 +13,12 @@ Kirki::add_config( 'blogstream', array(
/* Add Links
/* ------------------------------------ */
Kirki::add_section( 'morelink', array(
'title' => esc_html__( 'Get PRO', 'blogstream' ),
'title' => esc_html__( 'AlxMedia', 'blogstream' ),
'type' => 'link',
'button_text' => esc_html__( 'Get Blogstream Pro', 'blogstream' ),
'button_url' => 'https://alx.media/themes/blogstreampro/',
'button_text' => esc_html__( 'View More Themes', 'blogstream' ),
'button_url' => 'http://alx.media/themes/',
'priority' => 13,
) );
Kirki::add_section( 'reviewlink', array(
'title' => esc_html__( 'Like This Theme?', 'blogstream' ),
'panel' => 'options',
'type' => 'link',
'button_text' => esc_html__( 'Write a Review', 'blogstream' ),
'button_url' => 'https://wordpress.org/support/theme/blogstream/reviews/#new-post',
'priority' => 1,
) );
/* Add Panels
/* ------------------------------------ */
@ -99,6 +91,19 @@ Kirki::add_field( 'blogstream_theme', array(
'section' => 'general',
'default' => 'on',
) );
// Blog: Blog Layout
Kirki::add_field( 'blogstream_theme', array(
'type' => 'radio',
'settings' => 'blog-layout',
'label' => esc_html__( 'Blog Layout', 'blogstream' ),
'section' => 'blog',
'default' => 'blog-standard',
'choices' => array(
'blog-standard' => esc_html__( 'Standard', 'blogstream' ),
'blog-grid' => esc_html__( 'Grid', 'blogstream' ),
'blog-list' => esc_html__( 'List', 'blogstream' ),
),
) );
// Blog: Enable Blog Heading
Kirki::add_field( 'blogstream_theme', array(
'type' => 'switch',
@ -158,6 +163,65 @@ Kirki::add_field( 'blogstream_theme', array(
'step' => '1',
),
) );
// Blog: Featured Posts Include
Kirki::add_field( 'blogstream_theme', array(
'type' => 'switch',
'settings' => 'featured-posts-include',
'label' => esc_html__( 'Featured Posts', 'blogstream' ),
'description' => esc_html__( 'Exclude featured posts from the content below', 'blogstream' ),
'section' => 'blog',
'default' => 'off',
) );
// Blog: Featured Category
Kirki::add_field( 'blogstream_theme', array(
'type' => 'select',
'settings' => 'featured-category',
'label' => esc_html__( 'Featured Category', 'blogstream' ),
'description' => esc_html__( 'By not selecting a category, it will show your latest post(s) from all categories', 'blogstream' ),
'section' => 'blog',
'default' => '',
'choices' => Kirki_Helper::get_terms( 'category' ),
'placeholder' => esc_html__( 'Select a category', 'blogstream' ),
) );
// Blog: Featured Post Count
Kirki::add_field( 'blogstream_theme', array(
'type' => 'slider',
'settings' => 'featured-posts-count',
'label' => esc_html__( 'Featured Post Count', 'blogstream' ),
'description' => esc_html__( 'Max number of featured posts to display. Set it to 0 to disable', 'blogstream' ),
'section' => 'blog',
'default' => '0',
'choices' => array(
'min' => '0',
'max' => '10',
'step' => '1',
),
) );
// Blog: Highlight Category
Kirki::add_field( 'blogstream_theme', array(
'type' => 'select',
'settings' => 'highlight-category',
'label' => esc_html__( 'Highlight Category', 'blogstream' ),
'description' => esc_html__( 'By not selecting a category, it will show your latest post(s) from all categories', 'blogstream' ),
'section' => 'blog',
'default' => '',
'choices' => Kirki_Helper::get_terms( 'category' ),
'placeholder' => esc_html__( 'Select a category', 'blogstream' ),
) );
// Blog: Highlights Category Count
Kirki::add_field( 'blogstream_theme', array(
'type' => 'slider',
'settings' => 'highlight-posts-count',
'label' => esc_html__( 'Highlight Post Count', 'blogstream' ),
'description' => esc_html__( 'Max number of highlight posts to display. Set it to 0 to disable.', 'blogstream' ),
'section' => 'blog',
'default' => '0',
'choices' => array(
'min' => '0',
'max' => '12',
'step' => '1',
),
) );
// Blog: Frontpage Widgets Top
Kirki::add_field( 'blogstream_theme', array(
'type' => 'switch',
@ -653,6 +717,33 @@ Kirki::add_field( 'blogstream_theme', array(
'step' => '1',
),
) );
// Styling: Dark
Kirki::add_field( 'blogstream_theme', array(
'type' => 'switch',
'settings' => 'dark-theme',
'label' => esc_html__( 'Dark Theme', 'blogstream' ),
'description' => esc_html__( 'Use dark instead of light base', 'blogstream' ),
'section' => 'styling',
'default' => 'off',
) );
// Styling: Theme Toggle
Kirki::add_field( 'blogstream_theme', array(
'type' => 'switch',
'settings' => 'theme-toggle',
'label' => esc_html__( 'Light/Dark Theme Toggle', 'blogstream' ),
'description' => esc_html__( 'Do not use with dark theme enabled', 'blogstream' ),
'section' => 'styling',
'default' => 'off',
) );
// Styling: Invert Dark Logo
Kirki::add_field( 'blogstream_theme', array(
'type' => 'switch',
'settings' => 'invert-logo',
'label' => esc_html__( 'Invert Dark Logo Color', 'blogstream' ),
'description' => esc_html__( 'Change color for the logo in dark mode', 'blogstream' ),
'section' => 'styling',
'default' => 'on',
) );
// Styling: Accent Color
Kirki::add_field( 'blogstream_theme', array(
'type' => 'color',

16
header.php
View file

@ -14,6 +14,12 @@
<body <?php body_class(); ?>>
<?php if ( get_theme_mod( 'theme-toggle', 'off' ) == 'on' ): ?>
<script>
document.body.classList.add(localStorage.getItem('theme') || 'light');
</script>
<?php endif; ?>
<?php if ( function_exists( 'wp_body_open' ) ) { wp_body_open(); } ?>
<a class="skip-link screen-reader-text" href="#page"><?php _e( 'Skip to content', 'blogstream' ); ?></a>
@ -67,6 +73,14 @@
</div>
<?php endif; ?>
<?php if ( get_theme_mod( 'theme-toggle', 'off' ) == 'on' ): ?>
<button id="theme-toggle">
<i class="fas fa-sun"></i>
<i class="fas fa-moon"></i>
<span id="theme-toggle-btn"></span>
</button>
<?php endif; ?>
</div><!--/#header-bottom-->
<div id="wrapper-inner">
@ -79,6 +93,8 @@
</div>
<?php endif; ?>
<?php get_template_part('inc/featured'); ?>
<div class="container" id="page">
<div class="container-inner">
<div class="main">

BIN
img/pattern-dark.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1 KiB

32
inc/featured.php Normal file
View file

@ -0,0 +1,32 @@
<?php
// Query featured entries
$featured = new WP_Query(
array(
'no_found_rows' => false,
'update_post_meta_cache' => false,
'update_post_term_cache' => false,
'ignore_sticky_posts' => 1,
'posts_per_page' => absint( get_theme_mod('featured-posts-count','0') ),
'cat' => absint( get_theme_mod('featured-category','') )
)
);
?>
<?php if ( is_home() && !is_paged() && ( get_theme_mod('featured-posts-count','0') !='0') && $featured->have_posts() ): // Show if posts are not 0 ?>
<div class="slick-featured-wrap-outer">
<div class="slick-featured-wrap container-inner">
<div class="slick-featured">
<?php while ( $featured->have_posts() ): $featured->the_post(); ?>
<div>
<?php get_template_part('content-featured'); ?>
</div>
<?php endwhile; ?>
</div>
<div class="slick-featured-nav"></div>
</div>
</div>
<?php endif; ?>
<?php wp_reset_postdata(); ?>

37
inc/highlights.php Normal file
View file

@ -0,0 +1,37 @@
<?php
// Query highlight entries
$highlight = new WP_Query(
array(
'no_found_rows' => false,
'update_post_meta_cache' => false,
'update_post_term_cache' => false,
'ignore_sticky_posts' => 1,
'posts_per_page' => absint( get_theme_mod('highlight-posts-count','0') ),
'cat' => absint( get_theme_mod('highlight-category','') )
)
);
?>
<?php if ( get_theme_mod('highlight-posts-count','0') !='0'): ?>
<div class="card-articles-wrap">
<div class="card-articles">
<div class="card-header">
<h2 class="card-header-title"><i class="fas fa-fire"></i> <span><?php esc_html_e('Highlights','blogstream'); ?></span></h2>
</div>
<div class="mini-card-grid">
<?php while ( $highlight->have_posts() ): $highlight->the_post(); ?>
<article class="mini-card">
<h3 class="mini-card-title"><a href="<?php the_permalink(); ?>" rel="bookmark"><?php the_title(); ?></a></h3>
<div class="mini-card-category"><?php the_category(' / '); ?></div>
<div class="mini-card-date"><i class="far fa-calendar"></i><?php the_time( get_option('date_format') ); ?></div>
<?php if ( has_post_thumbnail() ): ?><div class="mini-card-thumb"><?php the_post_thumbnail('blogstream-small'); ?></div><?php endif; ?>
</article>
<?php endwhile; ?>
</div>
</div>
</div>
<?php wp_reset_postdata(); ?>
<?php endif; ?>

30
index.php
View file

@ -10,11 +10,31 @@
<?php if ( have_posts() ) : ?>
<div class="entry-wrap">
<?php while ( have_posts() ): the_post(); ?>
<?php get_template_part('content'); ?>
<?php endwhile; ?>
</div>
<?php if ( get_theme_mod('blog-layout','blog-standard') == 'blog-grid' ) : ?>
<div class="entry-wrap entry-grid">
<?php while ( have_posts() ): the_post(); ?>
<?php get_template_part('content-grid'); ?>
<?php endwhile; ?>
</div>
<?php elseif ( get_theme_mod('blog-layout','blog-standard') == 'blog-list' ) : ?>
<div class="entry-wrap entry-list">
<?php while ( have_posts() ): the_post(); ?>
<?php get_template_part('content-list'); ?>
<?php endwhile; ?>
</div>
<?php else: ?>
<div class="entry-wrap entry-standard">
<?php while ( have_posts() ): the_post(); ?>
<?php get_template_part('content'); ?>
<?php endwhile; ?>
</div>
<?php endif; ?>
<?php get_template_part('inc/front-widgets-bottom'); ?>
<?php get_template_part('inc/pagination'); ?>

65
js/scripts.js
View file

@ -132,6 +132,71 @@ jQuery(document).ready(function($) {
}
}, 250);
/* Slick featured posts
/* ------------------------------------ */
$.fn.randomize = function (selector) {
var $elems = selector ? $(this).find(selector) : $(this).children(),
$parents = $elems.parent();
$parents.each(function () {
$(this).children(selector).sort(function (childA, childB) {
// * Prevent last slide from being reordered
if($(childB).index() !== $(this).children(selector).length - 0.5) {
return Math.round(Math.random()) - 0.5;
}
}.bind(this)).detach().appendTo(this);
});
return this;
};
$(".slick-featured").randomize().slick({
centerMode: true,
centerPadding: '0',
slidesToShow: 3,
appendArrows: '.slick-featured-nav',
dots: true,
responsive: [
{
breakpoint: 1280,
settings: {
arrows: true,
centerMode: true,
centerPadding: '0',
slidesToShow: 3
}
},
{
breakpoint: 1024,
settings: {
arrows: true,
centerMode: true,
centerPadding: '0',
slidesToShow: 3
}
},
{
breakpoint: 768,
settings: {
arrows: true,
centerMode: true,
centerPadding: '0',
slidesToShow: 2
}
},
{
breakpoint: 480,
settings: {
arrows: true,
centerMode: true,
centerPadding: '0',
slidesToShow: 1
}
}
]
});
$('.slick-featured-wrap-outer').show();
/* Slick image slide
/* ------------------------------------ */

22
js/theme-toggle.js Normal file
View file

@ -0,0 +1,22 @@
// Get current theme
var theme = localStorage.getItem( 'theme' );
// Set defaults if theme is not defined.
if ( ! theme ) {
localStorage.setItem( 'theme', 'light' );
theme = 'light';
}
// Add theme to the body.
document.body.classList.add( theme );
// Handle onClick events
document.getElementById( 'theme-toggle' ).addEventListener( 'click', () => {
// Cleanup classes from body.
document.body.classList.remove( 'light' );
document.body.classList.remove( 'dark' );
// Change the theme.
theme = ( theme === 'light' ) ? 'dark' : 'light';
// Save the theme.
localStorage.setItem( 'theme', theme );
// Apply the theme.
document.body.classList.add( theme );
});

460
languages/blogstream.pot
View file

@ -2,7 +2,7 @@
msgid ""
msgstr ""
"Project-Id-Version: Blogstream\n"
"POT-Creation-Date: 2022-04-15 16:17+0200\n"
"POT-Creation-Date: 2024-11-16 15:09+0100\n"
"PO-Revision-Date: 2018-09-21 21:27+0100\n"
"Last-Translator: \n"
"Language-Team: \n"
@ -10,7 +10,7 @@ msgstr ""
"MIME-Version: 1.0\n"
"Content-Type: text/plain; charset=UTF-8\n"
"Content-Transfer-Encoding: 8bit\n"
"X-Generator: Poedit 3.0\n"
"X-Generator: Poedit 3.4.1\n"
"X-Poedit-KeywordsList: __;_e;_x;_ex;_n;_nx;_n_noop;_nx_noop;"
"translate_nooped_plural;number_format_i18n;date_i18n;esc_html__;esc_html_e;"
"esc_html_x;esc_attr__;esc_attr_e;esc_attr_x\n"
@ -39,31 +39,31 @@ msgstr ""
msgid "Pingbacks"
msgstr ""
#: content.php:40 content.php:45
#: content-grid.php:43 content-list.php:43 content.php:40 content.php:45
msgid "Continue reading..."
msgstr ""
#: content.php:56 single.php:46
#: content-grid.php:53 content-list.php:53 content.php:56 single.php:46
msgid "by"
msgstr ""
#: footer.php:69
#: footer.php:70
msgid "Y"
msgstr ""
#: footer.php:69
#: footer.php:70
msgid "All Rights Reserved."
msgstr ""
#: footer.php:75
#: footer.php:76
msgid "Powered by"
msgstr ""
#: footer.php:75
#: footer.php:76
msgid "https://wordpress.org"
msgstr ""
#: footer.php:75
#: footer.php:76
msgid "Theme by"
msgstr ""
@ -71,11 +71,11 @@ msgstr ""
msgid "Mobile"
msgstr ""
#: functions.php:84 functions/theme-options.php:52
#: functions.php:84 functions/theme-options.php:44
msgid "Header"
msgstr ""
#: functions.php:85 functions/theme-options.php:57
#: functions.php:85 functions/theme-options.php:49
msgid "Footer"
msgstr ""
@ -87,7 +87,7 @@ msgstr ""
msgid "Normal full width sidebar"
msgstr ""
#: functions.php:181 functions/theme-options.php:274
#: functions.php:181 functions/theme-options.php:338
msgid "Footer Ads"
msgstr ""
@ -135,19 +135,19 @@ msgstr ""
msgid "Footer 4"
msgstr ""
#: functions.php:682
#: functions.php:685
msgid "Alx Extensions"
msgstr ""
#: functions.php:686
#: functions.php:689
msgid "Meta Box"
msgstr ""
#: functions.php:690
#: functions.php:693
msgid "Regenerate Thumbnails"
msgstr ""
#: functions.php:694
#: functions.php:697
msgid "WP-PageNavi"
msgstr ""
@ -160,15 +160,15 @@ msgid "Primary Sidebar"
msgstr ""
#: functions/meta-boxes.php:31 functions/meta-boxes.php:65
#: functions/theme-options.php:473 functions/theme-options.php:483
#: functions/theme-options.php:493 functions/theme-options.php:503
#: functions/theme-options.php:513 functions/theme-options.php:523
#: functions/theme-options.php:533
#: functions/theme-options.php:537 functions/theme-options.php:547
#: functions/theme-options.php:557 functions/theme-options.php:567
#: functions/theme-options.php:577 functions/theme-options.php:587
#: functions/theme-options.php:597
msgid "Select a sidebar"
msgstr ""
#: functions/meta-boxes.php:37 functions/meta-boxes.php:71
#: functions/theme-options.php:62
#: functions/theme-options.php:54
msgid "Layout"
msgstr ""
@ -198,555 +198,633 @@ msgid "Current Page Parent"
msgstr ""
#: functions/theme-options.php:16
msgid "Get PRO"
msgid "AlxMedia"
msgstr ""
#: functions/theme-options.php:18
msgid "Get Blogstream Pro"
msgid "View More Themes"
msgstr ""
#: functions/theme-options.php:23
msgid "Like This Theme?"
msgstr ""
#: functions/theme-options.php:26
msgid "Write a Review"
msgstr ""
#: functions/theme-options.php:35
#: functions/theme-options.php:27
msgid "Theme Options"
msgstr ""
#: functions/theme-options.php:42
#: functions/theme-options.php:34
msgid "General"
msgstr ""
#: functions/theme-options.php:47
#: functions/theme-options.php:39
msgid "Blog"
msgstr ""
#: functions/theme-options.php:67
#: functions/theme-options.php:59
msgid "Sidebars"
msgstr ""
#: functions/theme-options.php:72
#: functions/theme-options.php:64
msgid "Social Links"
msgstr ""
#: functions/theme-options.php:77
#: functions/theme-options.php:69
msgid "Styling"
msgstr ""
#: functions/theme-options.php:88
#: functions/theme-options.php:80
msgid "Mobile Sidebar Content"
msgstr ""
#: functions/theme-options.php:89
#: functions/theme-options.php:81
msgid "Sidebar content on low-resolution mobile devices (320px)"
msgstr ""
#: functions/theme-options.php:97
#: functions/theme-options.php:89
msgid "Recommended Plugins"
msgstr ""
#: functions/theme-options.php:98
#: functions/theme-options.php:90
msgid "Enable or disable the recommended plugins notice"
msgstr ""
#: functions/theme-options.php:106
#: functions/theme-options.php:98
msgid "Blog Layout"
msgstr ""
#: functions/theme-options.php:102
msgid "Standard"
msgstr ""
#: functions/theme-options.php:103
msgid "Grid"
msgstr ""
#: functions/theme-options.php:104
msgid "List"
msgstr ""
#: functions/theme-options.php:111
msgid "Enable Blog Heading"
msgstr ""
#: functions/theme-options.php:107
#: functions/theme-options.php:112
msgid "Show heading on blog home"
msgstr ""
#: functions/theme-options.php:115
#: functions/theme-options.php:120
msgid "Heading"
msgstr ""
#: functions/theme-options.php:116
#: functions/theme-options.php:121
msgid "Your blog heading"
msgstr ""
#: functions/theme-options.php:124
#: functions/theme-options.php:129
msgid "Subheading"
msgstr ""
#: functions/theme-options.php:125
#: functions/theme-options.php:130
msgid "Your blog subheading"
msgstr ""
#: functions/theme-options.php:133
#: functions/theme-options.php:138
msgid "Enable Post Formats"
msgstr ""
#: functions/theme-options.php:134
#: functions/theme-options.php:139
msgid ""
"Show post formats instead of featured images on home, archive and search. "
"Use image post format to still display featured images."
msgstr ""
#: functions/theme-options.php:142
#: functions/theme-options.php:147
msgid "Enable Excerpts"
msgstr ""
#: functions/theme-options.php:143
#: functions/theme-options.php:148
msgid "Show excerpt instead of full post"
msgstr ""
#: functions/theme-options.php:151
#: functions/theme-options.php:156
msgid "Excerpt Length"
msgstr ""
#: functions/theme-options.php:152
#: functions/theme-options.php:157
msgid "Max number of words. Set it to 0 to disable."
msgstr ""
#: functions/theme-options.php:165
msgid "Frontpage Widgets Top"
#: functions/theme-options.php:170
msgid "Featured Posts"
msgstr ""
#: functions/theme-options.php:166 functions/theme-options.php:175
msgid "2 columns of widgets"
#: functions/theme-options.php:171
msgid "Exclude featured posts from the content below"
msgstr ""
#: functions/theme-options.php:174
msgid "Frontpage Widgets Bottom"
#: functions/theme-options.php:179
msgid "Featured Category"
msgstr ""
#: functions/theme-options.php:183
msgid "Comment Count"
#: functions/theme-options.php:180 functions/theme-options.php:205
msgid ""
"By not selecting a category, it will show your latest post(s) from all "
"categories"
msgstr ""
#: functions/theme-options.php:184
msgid "Comment count on bubbles"
#: functions/theme-options.php:184 functions/theme-options.php:209
msgid "Select a category"
msgstr ""
#: functions/theme-options.php:192
msgid "Single - Author Bio"
#: functions/theme-options.php:190
msgid "Featured Post Count"
msgstr ""
#: functions/theme-options.php:193
msgid "Shows post author description, if it exists"
#: functions/theme-options.php:191
msgid "Max number of featured posts to display. Set it to 0 to disable"
msgstr ""
#: functions/theme-options.php:201
msgid "Single - Related Posts"
msgstr ""
#: functions/theme-options.php:202
msgid "Shows randomized related articles below the post"
msgstr ""
#: functions/theme-options.php:206 functions/theme-options.php:220
msgid "Disable"
msgstr ""
#: functions/theme-options.php:207
msgid "Related by categories"
msgstr ""
#: functions/theme-options.php:208
msgid "Related by tags"
#: functions/theme-options.php:204
msgid "Highlight Category"
msgstr ""
#: functions/theme-options.php:215
msgid "Single - Post Navigation"
msgid "Highlight Post Count"
msgstr ""
#: functions/theme-options.php:216
msgid "Shows links to the next and previous article"
msgstr ""
#: functions/theme-options.php:221
msgid "Sidebar"
msgstr ""
#: functions/theme-options.php:222
msgid "Below content"
msgid "Max number of highlight posts to display. Set it to 0 to disable."
msgstr ""
#: functions/theme-options.php:229
msgid "Header Search"
msgid "Frontpage Widgets Top"
msgstr ""
#: functions/theme-options.php:230
msgid "Header search button"
#: functions/theme-options.php:230 functions/theme-options.php:239
msgid "2 columns of widgets"
msgstr ""
#: functions/theme-options.php:238
msgid "Header Social Links"
msgstr ""
#: functions/theme-options.php:239 functions/theme-options.php:300
msgid "Social link icon buttons"
msgid "Frontpage Widgets Bottom"
msgstr ""
#: functions/theme-options.php:247
msgid "Profile Image"
msgid "Comment Count"
msgstr ""
#: functions/theme-options.php:248
msgid "Minimum width of 320px"
msgid "Comment count on bubbles"
msgstr ""
#: functions/theme-options.php:256
msgid "Profile Name"
msgid "Single - Author Bio"
msgstr ""
#: functions/theme-options.php:257
msgid "Your name appears below the image"
msgid "Shows post author description, if it exists"
msgstr ""
#: functions/theme-options.php:265
msgid "Profile Description"
msgid "Single - Related Posts"
msgstr ""
#: functions/theme-options.php:266
msgid "Shows randomized related articles below the post"
msgstr ""
#: functions/theme-options.php:270 functions/theme-options.php:284
msgid "Disable"
msgstr ""
#: functions/theme-options.php:271
msgid "Related by categories"
msgstr ""
#: functions/theme-options.php:272
msgid "Related by tags"
msgstr ""
#: functions/theme-options.php:279
msgid "Single - Post Navigation"
msgstr ""
#: functions/theme-options.php:280
msgid "Shows links to the next and previous article"
msgstr ""
#: functions/theme-options.php:285
msgid "Sidebar"
msgstr ""
#: functions/theme-options.php:286
msgid "Below content"
msgstr ""
#: functions/theme-options.php:293
msgid "Header Search"
msgstr ""
#: functions/theme-options.php:294
msgid "Header search button"
msgstr ""
#: functions/theme-options.php:302
msgid "Header Social Links"
msgstr ""
#: functions/theme-options.php:303 functions/theme-options.php:364
msgid "Social link icon buttons"
msgstr ""
#: functions/theme-options.php:311
msgid "Profile Image"
msgstr ""
#: functions/theme-options.php:312
msgid "Minimum width of 320px"
msgstr ""
#: functions/theme-options.php:320
msgid "Profile Name"
msgstr ""
#: functions/theme-options.php:321
msgid "Your name appears below the image"
msgstr ""
#: functions/theme-options.php:329
msgid "Profile Description"
msgstr ""
#: functions/theme-options.php:330
msgid "A short description of you"
msgstr ""
#: functions/theme-options.php:275
#: functions/theme-options.php:339
msgid "Footer widget ads area"
msgstr ""
#: functions/theme-options.php:283
#: functions/theme-options.php:347
msgid "Footer Widget Columns"
msgstr ""
#: functions/theme-options.php:284
#: functions/theme-options.php:348
msgid "Select columns to enable footer widgets. Recommended number: 3"
msgstr ""
#: functions/theme-options.php:299
#: functions/theme-options.php:363
msgid "Footer Social Links"
msgstr ""
#: functions/theme-options.php:308
#: functions/theme-options.php:372
msgid "Footer Logo"
msgstr ""
#: functions/theme-options.php:309
#: functions/theme-options.php:373
msgid "Upload your custom logo image"
msgstr ""
#: functions/theme-options.php:317
#: functions/theme-options.php:381
msgid "Footer Copyright"
msgstr ""
#: functions/theme-options.php:318
#: functions/theme-options.php:382
msgid "Replace the footer copyright text"
msgstr ""
#: functions/theme-options.php:326
#: functions/theme-options.php:390
msgid "Footer Credit"
msgstr ""
#: functions/theme-options.php:327
#: functions/theme-options.php:391
msgid "Footer credit text"
msgstr ""
#: functions/theme-options.php:335
#: functions/theme-options.php:399
msgid "Global Layout"
msgstr ""
#: functions/theme-options.php:336
#: functions/theme-options.php:400
msgid "Other layouts will override this option if they are set"
msgstr ""
#: functions/theme-options.php:349 functions/theme-options.php:468
#: functions/theme-options.php:413 functions/theme-options.php:532
msgid "Home"
msgstr ""
#: functions/theme-options.php:350
#: functions/theme-options.php:414
msgid "(is_home) Posts homepage layout"
msgstr ""
#: functions/theme-options.php:364 functions/theme-options.php:478
#: functions/theme-options.php:428 functions/theme-options.php:542
msgid "Single"
msgstr ""
#: functions/theme-options.php:365
#: functions/theme-options.php:429
msgid ""
"(is_single) Single post layout - If a post has a set layout, it will "
"override this."
msgstr ""
#: functions/theme-options.php:379 functions/theme-options.php:488
#: functions/theme-options.php:443 functions/theme-options.php:552
msgid "Archive"
msgstr ""
#: functions/theme-options.php:380
#: functions/theme-options.php:444
msgid "(is_archive) Category, date, tag and author archive layout"
msgstr ""
#: functions/theme-options.php:394 functions/theme-options.php:498
#: functions/theme-options.php:458 functions/theme-options.php:562
msgid "Archive - Category"
msgstr ""
#: functions/theme-options.php:395
#: functions/theme-options.php:459
msgid "(is_category) Category archive layout"
msgstr ""
#: functions/theme-options.php:409 functions/theme-options.php:508
#: functions/theme-options.php:473 functions/theme-options.php:572
msgid "Search"
msgstr ""
#: functions/theme-options.php:410
#: functions/theme-options.php:474
msgid "(is_search) Search page layout"
msgstr ""
#: functions/theme-options.php:424 functions/theme-options.php:518
#: functions/theme-options.php:488 functions/theme-options.php:582
msgid "Error 404"
msgstr ""
#: functions/theme-options.php:425
#: functions/theme-options.php:489
msgid "(is_404) Error 404 page layout"
msgstr ""
#: functions/theme-options.php:439 functions/theme-options.php:528
#: functions/theme-options.php:503 functions/theme-options.php:592
msgid "Default Page"
msgstr ""
#: functions/theme-options.php:440
#: functions/theme-options.php:504
msgid ""
"(is_page) Default page layout - If a page has a set layout, it will override "
"this."
msgstr ""
#: functions/theme-options.php:469
#: functions/theme-options.php:533
msgid "(is_home) Primary"
msgstr ""
#: functions/theme-options.php:479
#: functions/theme-options.php:543
msgid ""
"(is_single) Primary - If a single post has a unique sidebar, it will "
"override this."
msgstr ""
#: functions/theme-options.php:489
#: functions/theme-options.php:553
msgid "(is_archive) Primary"
msgstr ""
#: functions/theme-options.php:499
#: functions/theme-options.php:563
msgid "(is_category) Primary"
msgstr ""
#: functions/theme-options.php:509
#: functions/theme-options.php:573
msgid "(is_search) Primary"
msgstr ""
#: functions/theme-options.php:519
#: functions/theme-options.php:583
msgid "(is_404) Primary"
msgstr ""
#: functions/theme-options.php:529
#: functions/theme-options.php:593
msgid ""
"(is_page) Primary - If a page has a unique sidebar, it will override this."
msgstr ""
#: functions/theme-options.php:542
#: functions/theme-options.php:606
msgid "Create Social Links"
msgstr ""
#: functions/theme-options.php:543
#: functions/theme-options.php:607
msgid "Create and organize your social links"
msgstr ""
#: functions/theme-options.php:545
#: functions/theme-options.php:609
msgid "Font Awesome names:"
msgstr ""
#: functions/theme-options.php:545 functions/theme-options.php:562
#: functions/theme-options.php:609 functions/theme-options.php:626
msgid "View All"
msgstr ""
#: functions/theme-options.php:548
#: functions/theme-options.php:612
msgid "social link"
msgstr ""
#: functions/theme-options.php:555
#: functions/theme-options.php:619
msgid "Title"
msgstr ""
#: functions/theme-options.php:556
#: functions/theme-options.php:620
msgid "Ex: Facebook"
msgstr ""
#: functions/theme-options.php:561
#: functions/theme-options.php:625
msgid "Icon Name"
msgstr ""
#: functions/theme-options.php:562
#: functions/theme-options.php:626
msgid "Font Awesome icons. Ex: fa-facebook "
msgstr ""
#: functions/theme-options.php:567
#: functions/theme-options.php:631
msgid "Link"
msgstr ""
#: functions/theme-options.php:568
#: functions/theme-options.php:632
msgid "Enter the full url for your icon button"
msgstr ""
#: functions/theme-options.php:573
#: functions/theme-options.php:637
msgid "Icon Color"
msgstr ""
#: functions/theme-options.php:574
#: functions/theme-options.php:638
msgid "Set a unique color for your icon (optional)"
msgstr ""
#: functions/theme-options.php:579
#: functions/theme-options.php:643
msgid "Open in new window"
msgstr ""
#: functions/theme-options.php:588
#: functions/theme-options.php:652
msgid "Dynamic Styles"
msgstr ""
#: functions/theme-options.php:589
#: functions/theme-options.php:653
msgid "Turn on to use the styling options below"
msgstr ""
#: functions/theme-options.php:597
#: functions/theme-options.php:661
msgid "Font"
msgstr ""
#: functions/theme-options.php:598
#: functions/theme-options.php:662
msgid "Select font for the theme"
msgstr ""
#: functions/theme-options.php:602
#: functions/theme-options.php:666
msgid "Titillium Web, Latin (Self-hosted)"
msgstr ""
#: functions/theme-options.php:603
#: functions/theme-options.php:667
msgid "Titillium Web, Latin-Ext"
msgstr ""
#: functions/theme-options.php:604
#: functions/theme-options.php:668
msgid "Droid Serif, Latin"
msgstr ""
#: functions/theme-options.php:605
#: functions/theme-options.php:669
msgid "Source Sans Pro, Latin-Ext"
msgstr ""
#: functions/theme-options.php:606
#: functions/theme-options.php:670
msgid "Lato, Latin"
msgstr ""
#: functions/theme-options.php:607
#: functions/theme-options.php:671
msgid "Raleway, Latin"
msgstr ""
#: functions/theme-options.php:608
#: functions/theme-options.php:672
msgid "Ubuntu, Latin-Ext"
msgstr ""
#: functions/theme-options.php:609
#: functions/theme-options.php:673
msgid "Ubuntu, Latin / Cyrillic-Ext"
msgstr ""
#: functions/theme-options.php:610
#: functions/theme-options.php:674
msgid "Roboto, Latin-Ext"
msgstr ""
#: functions/theme-options.php:611
#: functions/theme-options.php:675
msgid "Roboto, Latin / Cyrillic-Ext"
msgstr ""
#: functions/theme-options.php:612
#: functions/theme-options.php:676
msgid "Roboto Condensed, Latin-Ext"
msgstr ""
#: functions/theme-options.php:613
#: functions/theme-options.php:677
msgid "Roboto Condensed, Latin / Cyrillic-Ext"
msgstr ""
#: functions/theme-options.php:614
#: functions/theme-options.php:678
msgid "Roboto Slab, Latin-Ext"
msgstr ""
#: functions/theme-options.php:615
#: functions/theme-options.php:679
msgid "Roboto Slab, Latin / Cyrillic-Ext"
msgstr ""
#: functions/theme-options.php:616
#: functions/theme-options.php:680
msgid "Playfair Display, Latin-Ext"
msgstr ""
#: functions/theme-options.php:617
#: functions/theme-options.php:681
msgid "Playfair Display, Latin / Cyrillic"
msgstr ""
#: functions/theme-options.php:618
#: functions/theme-options.php:682
msgid "Open Sans, Latin-Ext"
msgstr ""
#: functions/theme-options.php:619
#: functions/theme-options.php:683
msgid "Open Sans, Latin / Cyrillic-Ext"
msgstr ""
#: functions/theme-options.php:620
#: functions/theme-options.php:684
msgid "PT Serif, Latin-Ext"
msgstr ""
#: functions/theme-options.php:621
#: functions/theme-options.php:685
msgid "PT Serif, Latin / Cyrillic-Ext"
msgstr ""
#: functions/theme-options.php:622
#: functions/theme-options.php:686
msgid "Arial"
msgstr ""
#: functions/theme-options.php:623
#: functions/theme-options.php:687
msgid "Georgia"
msgstr ""
#: functions/theme-options.php:624
#: functions/theme-options.php:688
msgid "Verdana"
msgstr ""
#: functions/theme-options.php:625
#: functions/theme-options.php:689
msgid "Tahoma"
msgstr ""
#: functions/theme-options.php:632
#: functions/theme-options.php:696
msgid "Website Max-width"
msgstr ""
#: functions/theme-options.php:633
#: functions/theme-options.php:697
msgid "Max-width of the container. Use default for full width."
msgstr ""
#: functions/theme-options.php:646
#: functions/theme-options.php:710
msgid "Content Max-width"
msgstr ""
#: functions/theme-options.php:647
#: functions/theme-options.php:711
msgid "Max-width of the website content"
msgstr ""
#: functions/theme-options.php:660
#: functions/theme-options.php:724
msgid "Dark Theme"
msgstr ""
#: functions/theme-options.php:725
msgid "Use dark instead of light base"
msgstr ""
#: functions/theme-options.php:733
msgid "Light/Dark Theme Toggle"
msgstr ""
#: functions/theme-options.php:734
msgid "Do not use with dark theme enabled"
msgstr ""
#: functions/theme-options.php:742
msgid "Invert Dark Logo Color"
msgstr ""
#: functions/theme-options.php:743
msgid "Change color for the logo in dark mode"
msgstr ""
#: functions/theme-options.php:751
msgid "Primary Color"
msgstr ""
#: functions/theme-options.php:668
#: functions/theme-options.php:759
msgid "Header Logo Image Max-height"
msgstr ""
#: functions/theme-options.php:669
#: functions/theme-options.php:760
msgid ""
"Your logo image should have the double height of this to be high resolution"
msgstr ""
#: header.php:19
#: header.php:25
msgid "Skip to content"
msgstr ""
#: inc/highlights.php:20
msgid "Highlights"
msgstr ""
#: inc/page-title.php:18
msgid "Search result"
msgstr ""

4
readme.txt
View file

@ -81,6 +81,10 @@ Sidebar images
== Changelog ==
= 1.0.7 - 2024-11-16 =
* Added all featured from Blogstream Pro to free version
* Updated language files
= 1.0.6 - 2023-08-04 =
* Updated to Font Awesome 6.4.2
* Updated to Kirki 4.2.0

32
responsive.css
View file

@ -79,6 +79,8 @@
.search-expand-inner { padding: 0; width: 100%; }
.search-expand .themeform input { border-radius: 0; }
#theme-toggle { left: 64px; right: auto; top: auto; bottom: 10px; }
/* footer */
#nav-footer.nav-container { padding: 0; }
#footer-bottom .pad { padding-top: 50px; padding-bottom: 40px; }
@ -121,6 +123,30 @@
.front-widget-col { width: 100%; }
.front-widget-inner { margin: 0; }
/* highlights */
.card-articles-wrap { padding: 0 20px 20px; }
.card-articles { scrollbar-color: #e4e6ed #fff; padding-bottom: 20px; padding-left: 5px; overflow-x: scroll;
-webkit-overflow-scrolling: touch;
-ms-scroll-snap-points-x: repeat(250px);
scroll-snap-points-x: repeat(250px);
-ms-scroll-snap-type: mandatory;
scroll-snap-type: mandatory; }
.card-articles { padding-right: 0; }
.card-articles:after { right: 0; display: none; }
.card-header { margin-right: 0; margin-left: 0; }
.mini-card-grid { overflow-x: visible; padding-bottom: 5px; }
.mini-card { min-height: 220px; min-width: 150px; }
.mini-card:not(:first-child) { margin-left: 0; }
.mini-card:first-child:focus-within,
.mini-card:first-child:hover { transform: none; }
.mini-card:focus-within,
.mini-card:hover { transform: none; }
.mini-card:not(:first-child) { margin-left: -30px; }
.mini-card:focus-within ~ .mini-card,
.mini-card:hover ~ .mini-card { transform: none; }
.mini-card-title { font-size: 16px; }
.mini-card-thumb { left: 15px; right: auto; }
/* single */
.sharrre .count:after { display: none; }
.sharrre .box { padding-top: 16px; padding-bottom: 6px; }
@ -167,6 +193,12 @@
/* blog */
.front-widgets { }
/* highlights */
.card-articles-wrap { padding-right: 0; }
.card-header { flex: 0 0 30px; }
.card-header-title span { display: none; }
.mini-card-grid { padding-left: 25px; }
/* single */
.sharrre .box { padding-top: 6px; }
.sharrre .count { display: none; }

30
search.php
View file

@ -6,11 +6,31 @@
<?php if ( have_posts() ) : ?>
<div class="entry-wrap">
<?php while ( have_posts() ): the_post(); ?>
<?php get_template_part('content'); ?>
<?php endwhile; ?>
</div>
<?php if ( get_theme_mod('blog-layout','blog-standard') == 'blog-grid' ) : ?>
<div class="entry-wrap entry-grid">
<?php while ( have_posts() ): the_post(); ?>
<?php get_template_part('content-grid'); ?>
<?php endwhile; ?>
</div>
<?php elseif ( get_theme_mod('blog-layout','blog-standard') == 'blog-list' ) : ?>
<div class="entry-wrap entry-list">
<?php while ( have_posts() ): the_post(); ?>
<?php get_template_part('content-list'); ?>
<?php endwhile; ?>
</div>
<?php else: ?>
<div class="entry-wrap entry-standard">
<?php while ( have_posts() ): the_post(); ?>
<?php get_template_part('content'); ?>
<?php endwhile; ?>
</div>
<?php endif; ?>
<?php get_template_part('inc/pagination'); ?>

158
style.css
View file

@ -1,7 +1,7 @@
/*
Theme Name: Blogstream
Theme URI: http://alx.media/themes/blogstream/
Version: 1.0.6
Version: 1.0.7
Requires at least: 5.0
Requires PHP: 5.6
Tested up to: 6.0
@ -188,7 +188,7 @@ input, textarea, button, select, label { font-family: inherit; }
.themeform input[type="tel"],
.themeform input[type="number"],
.themeform select,
.themeform textarea { background: #e4e6ed; border: 2px solid #e4e6ed; color: #73798e; display: block; max-width: 100%; outline: none; padding: 7px 8px; }
.themeform textarea { background: #e4e6ed; border: 1px solid #e4e6ed; color: #73798e; display: block; max-width: 100%; outline: none; padding: 7px 8px; }
.themeform input[type="search"]:focus,
.themeform input[type="text"]:focus,
.themeform input[type="password"]:focus,
@ -523,7 +523,6 @@ box-shadow: 0 0 2px rgba(255,255,255,0.4);
#profile { background: #3b61eb; box-shadow: 0 1px 0 rgba(0,0,0,0.1), 0 3px 3px rgba(193,203,230,0.3); position: relative; border-radius: 20px; overflow: hidden; margin-bottom: 30px; text-align: center; transition: all 0.2s ease; }
#profile:hover { opacity: 0.9; }
#profile:after { content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border: 1px solid hsla(0,0%,100%,.3); transition: color .2s,background-color .2s,border-color .2s; pointer-events: none; z-index: 1; }
#profile a { color: #fff; }
#profile a:hover { color: rgba(255,255,255,0.75); }
#profile-inner { position: relative; }
@ -552,11 +551,25 @@ box-shadow: 0 0 2px rgba(255,255,255,0.4);
.search-expand .themeform input:focus { border-color: #aeb3c7; }
.toggle-search.active { padding-top: 18px; padding-bottom: 19px; }
.toggle-search .svg-icon { fill: #1b2b47; margin: 0 auto; }
.toggle-search #svg-close { display: none; }
.toggle-search #svg-close,
.toggle-search.active #svg-search { display: none; }
.toggle-search.active #svg-close { display: block; fill: #73798e; }
.toggle-search.active #svg-close { display: block; }
.toggle-search:focus #svg-close { fill: #1b2b47; }
.toggle-search:focus #svg-search { fill: #73798e; }
.toggle-search:focus #svg-search,
.toggle-search.active #svg-close { fill: #73798e; }
/* header : theme toggle
/* ------------------------------------ */
#theme-toggle { background: none; border: 0; padding: 0; display: block; cursor: pointer; position: absolute; top: 22px; right: 70px; }
#theme-toggle i { color: #3b61eb; display: block; font-size: 24px; float: left; margin: 4px 0 0; }
#theme-toggle .fa-sun { display: block; }
#theme-toggle .fa-moon { display: none; }
#theme-toggle-btn { background: #f0f1f5; box-shadow: inset 0 1px 0 rgba(0,0,0,0.05); position: relative; display: block; width: 64px; height: 32px; margin-left: 32px; border-radius: 16px; }
#theme-toggle-btn:before { background: #3b61eb; transition: all .25s; border: 4px solid #ffffff; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.16); content: ""; position: absolute; top: 50%; left: 2px; top: 2px; width: 20px; height: 20px; border-radius: 50%; }
body.dark #theme-toggle .fa-sun { display: none; }
body.dark #theme-toggle .fa-moon { display: block; }
body.dark #theme-toggle-btn { background: rgba(255,255,255,0.1); box-shadow: inset 0 1px 0 rgba(255,255,255,0.06); }
body.dark #theme-toggle-btn:before { border-color: #141416; top: 2px; left: 34px; }
/* ------------------------------------------------------------------------- *
@ -734,17 +747,41 @@ box-shadow: 0 0 2px rgba(255,255,255,0.4);
.slick-posts { background: #e4e6ed; border-top: 1px solid rgba(0,0,0,0.07); margin-bottom: 0; overflow: hidden; }
.slick-posts:after { content: ""; background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%); height: 30px; width: 100%; bottom: 0; position: absolute; left: 0; right: 0; pointer-events: none; }
.featured-post { background: #fff; transition: all 0.3s ease; position: relative; bottom: -20px; margin: 20px 10px 0; box-shadow: 0 -1px 1px rgba(0,0,0,0.1); }
.featured-post:hover { bottom: 0; }
.featured-post:hover .featured-post-title a { color: #1b2b47; }
.featured-post-title { font-size: 16px; font-weight: 600; padding: 20px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.featured-post-thumbnail { position: relative; }
.featured-post-thumbnail:hover .thumb-icon { background: #fff; color: #1b2b47; }
.featured-post-thumbnail img { width: 100%; }
.featured-post-comments { color: #e4e6ed; font-size: 32px; position: absolute; right: 10px; top: 6px; transition: all 0.3s ease; }
.featured-post-comments span { font-size: 12px; font-weight: 600; color: #aeb3c7; line-height: 32px; position: absolute; right: 0; top: 0; width: 100%; text-align: center; transition: all 0.3s ease; }
.featured-post-comments:hover { color: #e5e5e5; }
.featured-post-comments:hover span { color: #73798e; }
.slick-featured-wrap-outer { display: none; }
.slick-featured-wrap { position: relative; }
.slick-featured { position: relative; z-index: 2; padding: 15px; border-bottom: 2px solid #d8dbe5; border-radius: 30px; }
.slick-featured-nav { position: absolute; left: 0; right: 0; top: 50%; margin-top: -10px; text-align: center; margin-bottom: 0; z-index: 3; }
.slick-featured-nav .slick-prev,
.slick-featured-nav .slick-next { background: #3b61eb; transition: all 0.3s ease; position: absolute; display: inline-block; height: 40px; width: 38px; border-radius: 10px; }
.slick-featured-nav .slick-prev:hover,
.slick-featured-nav .slick-next:hover,
.slick-featured-nav .slick-prev:focus,
.slick-featured-nav .slick-next:focus { background: #3b61eb; }
.slick-featured-nav .slick-prev { left: 0; border-radius: 0 20px 20px 0; }
.slick-featured-nav .slick-next { right: 0; border-radius: 20px 0 0 20px; }
.slick-featured-nav .slick-prev:hover,
.slick-featured-nav .slick-next:hover,
.slick-featured-nav .slick-prev:focus,
.slick-featured-nav .slick-next:focus { width: 54px; }
.slick-featured-nav .slick-prev:before { color: #fff; font-family: "Font Awesome 6 Free"; font-weight: 900; content: "\f053"; }
.slick-featured-nav .slick-next:before { color: #fff; font-family: "Font Awesome 6 Free"; font-weight: 900; content: "\f054"; }
.slick-featured .slick-dots { bottom: -40px; }
.slick-featured .slick-dots li { margin: 0 3px; }
.slick-featured .slick-dots li button { background: #d8dbe5; box-shadow: inset 0 1px 0 rgba(0,0,0,0.1); margin: 4px; height: 10px; width: 10px; border-radius: 100%; text-indent: -9999px; overflow: hidden; }
.slick-featured .slick-dots .slick-active button { background: #f5f5f9; margin: 0; border: 4px solid #3b61eb; }
.featured-item-outer { }
.featured-item-wrap { position: relative; margin: 15px; border-radius: 20px; transition: all 0.3s ease; }
.featured-item { background: #fff; box-shadow: 0 1px 0 rgba(0,0,0,0.1), 0 3px 3px rgba(193,203,230,0.3); padding: 0; border-radius: 20px; position: relative; }
.featured-item-link { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 4; border-radius: 20px; }
.featured-item-thumb { background-position: center; background-size: cover; border-radius: 20px 20px 0 0; overflow: hidden; position: relative; z-index: 2; overflow: hidden; width: 100%; height: 160px; }
.featured-item-content { padding: 20px; position: relative; z-index: 3; }
.featured-item-content:before { content:""; display: block; background: #3b61eb; height: 4px; position: absolute; width: 100%; top: 0; left: 0; visibility: hidden; -webkit-transform: translate3d(0,0,0) scaleX(0); transform: translate3d(0,0,0) scaleX(0); transition: all .3s ease 0s; }
.featured-item:hover .featured-item-content:before { visibility: visible; -webkit-transform: translate3d(0,0,0) scaleX(1); transform: translate3d(0,0,0) scaleX(1); }
.featured-item-title { height: 70px; overflow: hidden; overflow: hidden; font-size: 17px; font-weight: 600; line-height: 1.3em; transition: all 0.3s ease; }
.featured-item:hover .featured-item-title { color: #3b61eb; }
.featured-item:hover .thumb-icon { background: #fff; color: #1b2b47; }
.slick-posts-nav { position: relative; text-align: center; margin-top: 20px; margin-bottom: 0; border-bottom: 1px solid #e4e6ed; }
.slick-posts-nav .slick-prev,
@ -793,6 +830,41 @@ box-shadow: 0 0 2px rgba(255,255,255,0.4);
/* ------------------------------------------------------------------------- *
* Section: Footer
/* ------------------------------------------------------------------------- */
/* footer : highlights
/* ------------------------------------ */
.card-articles-wrap { padding-bottom: 30px; border-radius: 30px; position: relative; }
.card-articles { display: flex; }
.card-articles:after { content: ""; position: absolute; right: 30px; top: 3rem; bottom: 3.6rem; width: 3px; border-radius: 5px; background: #3b61eb; }
.card-header { margin-left: 30px; border-radius: 20px; margin-top: 4rem; flex: 0 0 80px; margin-right: 1rem; position: relative; display: flex; flex-direction: column; justify-content: flex-end; padding: 1.5rem 1rem; transform: translateY(-10px); }
.card-header:before { content: ""; background: #3b61eb; box-shadow: 0 10px 10px rgba(0,0,0,0.03), 0 1px 0 rgba(0,0,0,0.05); position: absolute; top: -3px; left: -3px; width: calc(100% + 6px); height: calc(100% + 6px); z-index: 1; border-radius: 20px; }
.card-header:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; z-index: 2; border-radius: 16px; }
.card-header-title { color: #3b61eb; position: relative; z-index: 3; font-size: 17px; text-align: center; line-height: 1.3em; font-weight: 600; }
.card-header-title i { font-size: 32px; display: block; width: 100%; text-align: center; margin-bottom: 10px; }
.mini-card-grid { width: 100%; display: grid; gap: 1rem; grid-template-columns: repeat(auto-fill,minmax(250px,1fr)); margin: 0 0 1.5rem; position: relative; scrollbar-color: #e4e6ed #fff; scrollbar-gutter: always; padding: 3rem 0 3rem 1rem; margin: 0; margin-right: 30px; display: flex; overflow-x: scroll; -webkit-overflow-scrolling: touch; }
.mini-card { min-width: 300px; min-height: 100px; box-shadow: 0 1px 0 rgba(0,0,0,0.1), 0 3px 3px rgba(193,203,230,0.3); position: relative; padding: 1.5rem; border-radius: 20px; background: linear-gradient(85deg,#fff,#eeeef2); color: #fff; display: flex; flex-direction: column; transition: .2s; margin: 0; }
.mini-card:first-child:focus-within,
.mini-card:first-child:hover { transform: translate(-1rem); }
.mini-card:focus-within,
.mini-card:hover { transform: translate(-1rem); }
.mini-card:not(:first-child) { margin-left: -160px; box-shadow: 0 1px 0 rgba(0,0,0,0.1), 0 3px 3px rgba(193,203,230,0.3); }
.mini-card:focus-within ~ .mini-card,
.mini-card:hover ~ .mini-card { transform: translateX(130px); }
.mini-card-title { font-size: 17px; line-height: 1.3em; font-weight: 600; margin-bottom: 10px; }
.mini-card-title a:hover { color: #3b61eb; }
.mini-card-category { color: rgba(0,0,0,0.3); margin-bottom: 6px; }
.mini-card-category a { color: #3b61eb; font-weight: 600; }
.mini-card-category a:hover { color: #1b2b47; }
.mini-card-date { font-size: 14px; color: #73798e; }
.mini-card-date i { margin-right: 6px; }
.mini-card-author { }
.mini-card-thumb { background: #fff; box-shadow: 0 10px 10px rgba(0,0,0,0.03), 0 1px 0 rgba(0,0,0,0.05); padding: 5px; position: absolute; right: 15px; bottom: 15px; width: 64px; height: 64px; border-radius: 20px; }
.mini-card-thumb img { width: 64px; height: 64px; border-radius: 16px; }
/* footer
/* ------------------------------------ */
#footer { background: #fff; color: #73798e; border-radius: 0 0 20px 20px; position: relative; margin: 5px; }
#footer .pad { padding-bottom: 20px; }
@ -858,13 +930,63 @@ box-shadow: 0 0 2px rgba(255,255,255,0.4);
.entry-meta .entry-comments { color: #3b61eb; font-size: 24px; float: right; position: relative; margin-left: 10px; }
.entry-meta .entry-comments span { font-size: 12px; font-weight: 600; color: #fff; line-height: 24px; position: absolute; right: 0; top: 0; width: 100%; text-align: center; }
.entry-meta .entry-comments:hover { color: #1b2b47; }
.entry-meta .entry-comments:hover span { }
.entry-media { max-width: 940px; margin: 0 -40px 20px; position: relative; }
.entry-media img { width: 100%; }
.entry-media > a:hover .thumb-icon { background: #fff; color: #1b2b47; }
.entry-content { margin-bottom: 40px; }
.entry-footer { margin-top: 20px; margin-bottom: 40px; }
/* entry : grid
/* ------------------------------------ */
.entry-grid { display: grid; grid-template-columns: repeat(auto-fill,minmax(300px,1fr)); gap: 30px; }
.entry-grid .entry-comments { color: #3b61eb; position: absolute; right: 10px; bottom: 10px; font-size: 24px; }
.entry-grid .entry-comments span { font-size: 12px; font-weight: 600; color: #fff; line-height: 24px; position: absolute; right: 0; top: 0; width: 100%; text-align: center; }
.entry-grid .entry-comments:hover { color: #1b2b47; }
.entry-grid .entry-header { margin-top: 20px; padding: 0; }
.entry-grid .entry-media { margin: 0; padding: 0; }
.entry-grid .entry-media img { border-radius: 16px; }
.entry-grid .entry-content { padding: 0; margin-bottom: 20px; }
.entry-grid .entry-header .entry-title { font-size: 22px; letter-spacing: 0; }
.entry-grid .entry-meta { padding-left: 0; padding-top: 14px; margin-bottom: 0; }
.entry-grid .entry-meta-inner { background: none; box-shadow: none; padding: 0; margin: 0; width: 100%; }
.entry-grid .entry-meta .entry-comments { }
.entry-grid .entry-category { display: block; margin-top: 6px; }
@media only screen and (max-width: 719px) {
.entry-grid.entry-wrap { margin: 0 20px 0 30px; }
}
/* entry : list
/* ------------------------------------ */
.entry-list { }
.entry-list .entry-list-wrap { padding-left: 260px; position: relative; }
.entry-list .entry-list-wrap .entry-media { margin-left: -260px; float: left; width: 230px; }
.entry-list .entry-comments { color: #3b61eb; position: absolute; right: 10px; bottom: 10px; font-size: 24px; }
.entry-list .entry-comments span { font-size: 12px; font-weight: 600; color: #fff; line-height: 24px; position: absolute; right: 0; top: 0; width: 100%; text-align: center; }
.entry-list .entry-comments:hover { color: #1b2b47; }
.entry-list .entry-header { float: left; width: 100%; margin-top: 0; padding: 0; }
.entry-list .entry-media { margin: 0; padding: 0; }
.entry-list .entry-media img { border-radius: 16px; }
.entry-list .entry-content { padding: 0; margin-bottom: 20px; }
.entry-list .entry-header .entry-title { font-size: 22px; letter-spacing: 0; }
.entry-list .entry-meta { padding-left: 0; padding-top: 14px; margin-bottom: 30px; }
.entry-list .entry-meta-inner { padding: 10px 14px 4px; margin: 0; width: 100%; }
@media only screen and (max-width: 719px) {
.entry-list.entry-wrap { margin: 0 20px 0 30px; }
}
@media only screen and (max-width: 560px) {
.entry-list .entry-list-wrap { padding-left: 0; }
.entry-list .entry-list-wrap .entry-media { margin-left: 0; float: none; width: 100%; margin-bottom: 20px; }
}
@media only screen and (max-width: 479px) {
.entry-list .entry-category { display: block; }
}
/* ------------------------------------------------------------------------- *
* Single