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

View file

@ -6,11 +6,31 @@
<?php if ( have_posts() ) : ?> <?php if ( have_posts() ) : ?>
<div class="entry-wrap"> <?php if ( get_theme_mod('blog-layout','blog-standard') == 'blog-grid' ) : ?>
<?php while ( have_posts() ): the_post(); ?>
<?php get_template_part('content'); ?> <div class="entry-wrap entry-grid">
<?php endwhile; ?> <?php while ( have_posts() ): the_post(); ?>
</div> <?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'); ?> <?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); }

View file

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

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-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-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 ); 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 ); 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' ); } if ( is_singular() && get_option( 'thread_comments' ) ) { wp_enqueue_script( 'comment-reply' ); }
} }
@ -218,6 +219,7 @@ if ( ! function_exists( 'blogstream_styles' ) ) {
function blogstream_styles() { function blogstream_styles() {
wp_enqueue_style( 'blogstream-style', get_stylesheet_uri() ); wp_enqueue_style( 'blogstream-style', get_stylesheet_uri() );
wp_enqueue_style( 'blogstream-responsive', get_template_directory_uri().'/responsive.css' ); 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' ); 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 ( get_theme_mod( 'boxed','off' ) == 'on' ) { $classes[] = 'boxed'; }
if ( has_nav_menu( 'mobile' ) ) { $classes[] = 'mobile-menu'; } 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( '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'; } if (! ( is_user_logged_in() ) ) { $classes[] = 'logged-out'; }
return $classes; return $classes;
} }
@ -631,7 +634,7 @@ if ( ! function_exists( 'blogstream_pre_get_posts' ) ) {
// Get featured post ids // Get featured post ids
$featured_post_ids = blogstream_get_featured_post_ids(); $featured_post_ids = blogstream_get_featured_post_ids();
// Exclude posts // 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); $query->set('post__not_in', $featured_post_ids);
} }
} }

View file

@ -115,11 +115,18 @@ if ( ! function_exists( 'blogstream_dynamic_css' ) ) {
#header .social-links .social-tooltip:hover, #header .social-links .social-tooltip:hover,
.entry-header .entry-title a:hover, .entry-header .entry-title a:hover,
.entry-meta .entry-comments, .entry-meta .entry-comments,
.entry-grid .entry-comments,
.entry-list .entry-comments,
.sidebar .post-nav li a:hover span, .sidebar .post-nav li a:hover span,
.alx-tabs-nav li.active a, .alx-tabs-nav li.active a,
.alx-tab li:hover .tab-item-title a, .alx-tab li:hover .tab-item-title a,
.alx-tab li:hover .tab-item-comment 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, #profile,
.nav-menu:not(.mobile) .menu > li.current_page_item > span, .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-menu-ancestor > span,
.nav-menu:not(.mobile) .menu > li.current-post-parent > span, .nav-menu:not(.mobile) .menu > li.current-post-parent > span,
.entry-line-bullet, .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, #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"; '."\n";
} }
// header logo max-height // header logo max-height

View file

@ -13,20 +13,12 @@ Kirki::add_config( 'blogstream', array(
/* Add Links /* Add Links
/* ------------------------------------ */ /* ------------------------------------ */
Kirki::add_section( 'morelink', array( Kirki::add_section( 'morelink', array(
'title' => esc_html__( 'Get PRO', 'blogstream' ), 'title' => esc_html__( 'AlxMedia', 'blogstream' ),
'type' => 'link', 'type' => 'link',
'button_text' => esc_html__( 'Get Blogstream Pro', 'blogstream' ), 'button_text' => esc_html__( 'View More Themes', 'blogstream' ),
'button_url' => 'https://alx.media/themes/blogstreampro/', 'button_url' => 'http://alx.media/themes/',
'priority' => 13, '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 /* Add Panels
/* ------------------------------------ */ /* ------------------------------------ */
@ -99,6 +91,19 @@ Kirki::add_field( 'blogstream_theme', array(
'section' => 'general', 'section' => 'general',
'default' => 'on', '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 // Blog: Enable Blog Heading
Kirki::add_field( 'blogstream_theme', array( Kirki::add_field( 'blogstream_theme', array(
'type' => 'switch', 'type' => 'switch',
@ -158,6 +163,65 @@ Kirki::add_field( 'blogstream_theme', array(
'step' => '1', '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 // Blog: Frontpage Widgets Top
Kirki::add_field( 'blogstream_theme', array( Kirki::add_field( 'blogstream_theme', array(
'type' => 'switch', 'type' => 'switch',
@ -653,6 +717,33 @@ Kirki::add_field( 'blogstream_theme', array(
'step' => '1', '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 // Styling: Accent Color
Kirki::add_field( 'blogstream_theme', array( Kirki::add_field( 'blogstream_theme', array(
'type' => 'color', 'type' => 'color',

View file

@ -14,6 +14,12 @@
<body <?php body_class(); ?>> <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(); } ?> <?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> <a class="skip-link screen-reader-text" href="#page"><?php _e( 'Skip to content', 'blogstream' ); ?></a>
@ -67,6 +73,14 @@
</div> </div>
<?php endif; ?> <?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><!--/#header-bottom-->
<div id="wrapper-inner"> <div id="wrapper-inner">
@ -79,6 +93,8 @@
</div> </div>
<?php endif; ?> <?php endif; ?>
<?php get_template_part('inc/featured'); ?>
<div class="container" id="page"> <div class="container" id="page">
<div class="container-inner"> <div class="container-inner">
<div class="main"> <div class="main">

BIN
img/pattern-dark.png Normal file

Binary file not shown.

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; ?>

View file

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

View file

@ -132,6 +132,71 @@ jQuery(document).ready(function($) {
} }
}, 250); }, 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 /* 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 );
});

View file

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

View file

@ -81,6 +81,10 @@ Sidebar images
== Changelog == == 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 = = 1.0.6 - 2023-08-04 =
* Updated to Font Awesome 6.4.2 * Updated to Font Awesome 6.4.2
* Updated to Kirki 4.2.0 * Updated to Kirki 4.2.0

View file

@ -79,6 +79,8 @@
.search-expand-inner { padding: 0; width: 100%; } .search-expand-inner { padding: 0; width: 100%; }
.search-expand .themeform input { border-radius: 0; } .search-expand .themeform input { border-radius: 0; }
#theme-toggle { left: 64px; right: auto; top: auto; bottom: 10px; }
/* footer */ /* footer */
#nav-footer.nav-container { padding: 0; } #nav-footer.nav-container { padding: 0; }
#footer-bottom .pad { padding-top: 50px; padding-bottom: 40px; } #footer-bottom .pad { padding-top: 50px; padding-bottom: 40px; }
@ -121,6 +123,30 @@
.front-widget-col { width: 100%; } .front-widget-col { width: 100%; }
.front-widget-inner { margin: 0; } .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 */ /* single */
.sharrre .count:after { display: none; } .sharrre .count:after { display: none; }
.sharrre .box { padding-top: 16px; padding-bottom: 6px; } .sharrre .box { padding-top: 16px; padding-bottom: 6px; }
@ -167,6 +193,12 @@
/* blog */ /* blog */
.front-widgets { } .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 */ /* single */
.sharrre .box { padding-top: 6px; } .sharrre .box { padding-top: 6px; }
.sharrre .count { display: none; } .sharrre .count { display: none; }

View file

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

158
style.css
View file

@ -1,7 +1,7 @@
/* /*
Theme Name: Blogstream Theme Name: Blogstream
Theme URI: http://alx.media/themes/blogstream/ Theme URI: http://alx.media/themes/blogstream/
Version: 1.0.6 Version: 1.0.7
Requires at least: 5.0 Requires at least: 5.0
Requires PHP: 5.6 Requires PHP: 5.6
Tested up to: 6.0 Tested up to: 6.0
@ -188,7 +188,7 @@ input, textarea, button, select, label { font-family: inherit; }
.themeform input[type="tel"], .themeform input[type="tel"],
.themeform input[type="number"], .themeform input[type="number"],
.themeform select, .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="search"]:focus,
.themeform input[type="text"]:focus, .themeform input[type="text"]:focus,
.themeform input[type="password"]: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 { 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: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 { color: #fff; }
#profile a:hover { color: rgba(255,255,255,0.75); } #profile a:hover { color: rgba(255,255,255,0.75); }
#profile-inner { position: relative; } #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; } .search-expand .themeform input:focus { border-color: #aeb3c7; }
.toggle-search.active { padding-top: 18px; padding-bottom: 19px; } .toggle-search.active { padding-top: 18px; padding-bottom: 19px; }
.toggle-search .svg-icon { fill: #1b2b47; margin: 0 auto; } .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-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-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 { 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; } .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); } .slick-featured-wrap-outer { display: none; }
.featured-post:hover { bottom: 0; } .slick-featured-wrap { position: relative; }
.featured-post:hover .featured-post-title a { color: #1b2b47; } .slick-featured { position: relative; z-index: 2; padding: 15px; border-bottom: 2px solid #d8dbe5; border-radius: 30px; }
.featured-post-title { font-size: 16px; font-weight: 600; padding: 20px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .slick-featured-nav { position: absolute; left: 0; right: 0; top: 50%; margin-top: -10px; text-align: center; margin-bottom: 0; z-index: 3; }
.featured-post-thumbnail { position: relative; } .slick-featured-nav .slick-prev,
.featured-post-thumbnail:hover .thumb-icon { background: #fff; color: #1b2b47; } .slick-featured-nav .slick-next { background: #3b61eb; transition: all 0.3s ease; position: absolute; display: inline-block; height: 40px; width: 38px; border-radius: 10px; }
.featured-post-thumbnail img { width: 100%; } .slick-featured-nav .slick-prev:hover,
.featured-post-comments { color: #e4e6ed; font-size: 32px; position: absolute; right: 10px; top: 6px; transition: all 0.3s ease; } .slick-featured-nav .slick-next:hover,
.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; } .slick-featured-nav .slick-prev:focus,
.featured-post-comments:hover { color: #e5e5e5; } .slick-featured-nav .slick-next:focus { background: #3b61eb; }
.featured-post-comments:hover span { color: #73798e; } .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 { position: relative; text-align: center; margin-top: 20px; margin-bottom: 0; border-bottom: 1px solid #e4e6ed; }
.slick-posts-nav .slick-prev, .slick-posts-nav .slick-prev,
@ -793,6 +830,41 @@ box-shadow: 0 0 2px rgba(255,255,255,0.4);
/* ------------------------------------------------------------------------- * /* ------------------------------------------------------------------------- *
* Section: Footer * 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 { background: #fff; color: #73798e; border-radius: 0 0 20px 20px; position: relative; margin: 5px; }
#footer .pad { padding-bottom: 20px; } #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 { 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 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 { color: #1b2b47; }
.entry-meta .entry-comments:hover span { }
.entry-media { max-width: 940px; margin: 0 -40px 20px; position: relative; } .entry-media { max-width: 940px; margin: 0 -40px 20px; position: relative; }
.entry-media img { width: 100%; } .entry-media img { width: 100%; }
.entry-media > a:hover .thumb-icon { background: #fff; color: #1b2b47; } .entry-media > a:hover .thumb-icon { background: #fff; color: #1b2b47; }
.entry-content { margin-bottom: 40px; } .entry-content { margin-bottom: 40px; }
.entry-footer { margin-top: 20px; 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 * Single