kazhnuz.space/kspace-wordpress-theme
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Compare commits

base: kazhnuz.space:8b9b2afe9491efd0f40c73724f601ec261b5b77a
Branches Tags
kazhnuz.space:main
...
compare: kazhnuz.space:3237b5325c130cdafeeb42b1b93ba0d650cbb3ae
Branches Tags
kazhnuz.space:main

3 commits
8b9b2afe94 ... 3237b5325c

Author SHA1 Message Date
Kazhnuz
3237b5325c fix: add breadcrumb 
Fixes #5
 2021-01-01 00:05:33 +01:00
Kazhnuz
dc69a7dfee fix: refactor the flex 2021-01-01 00:04:27 +01:00
Kazhnuz
de927bd2a1 fix: fix pagination 
Fixes #3
 2020-12-31 19:57:19 +01:00
9 changed files with 108 additions and 47 deletions
Show stats Expand all files Collapse all files

8
archive.php
View file

@ -1,6 +1,12 @@
<?php get_header(); ?> <!-- ouvrir header,php -->
<main class="col-md-8">
<h1 class="page-title"><?php echo get_the_archive_title(); ?></h1>
<div class="flex-that">
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="<?php echo site_url(); ?>">kazhnuz.space</a></li><li class="breadcrumb-item" aria-current="page"><span class="active"><i class="fa fa-calendar"></i> <?php echo get_the_archive_title(); ?></span></li>
</ol>
</nav>
</div>
<?php include(TEMPLATEPATH . '/components/posts-list.php'); ?>
</main>

12
category-blog.php
View file

@ -3,6 +3,17 @@
<?php
$category = get_category( get_query_var( 'cat' ) );
$cat_id = $category->cat_ID; ?>
<div class="flex-that">
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="<?php echo site_url(); ?>">kazhnuz.space</a></li><li class="breadcrumb-item" aria-current="page"><span class="active"><i class="fa fa-folder-open"></i> <?php echo single_cat_title(); ?></span></li>
</ol>
</nav>
<div class="rss">
<? echo '<a href="' . get_category_link( $cat_id ) . 'feed/" title="RSS de la categorie" class="btn btn-orange" /><i class="fa fa-rss"></i></a>'; ?>
</div>
</div>
<?php include(TEMPLATEPATH . '/components/posts-list.php'); ?>
@ -14,7 +25,6 @@
<div class="card-header"><i class="fa fa-folder-open"></i> <?php echo single_cat_title(); ?></div>
<div class="card-body">
<?php the_archive_description() ?>
<p><? echo '<a href="' . get_category_link( $cat_id ) . 'feed/" title="RSS de la categorie" />Flux RSS</a> de la categorie'; ?></p>
</div>
</div>

12
category.php
View file

@ -3,6 +3,17 @@
<?php
$category = get_category( get_query_var( 'cat' ) );
$cat_id = $category->cat_ID; ?>
<div class="flex-that">
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="<?php echo site_url(); ?>">kazhnuz.space</a></li><li class="breadcrumb-item" aria-current="page"><span class="active"><i class="fa fa-folder-open"></i> <?php echo single_cat_title(); ?></span></li>
</ol>
</nav>
<div class="rss">
<? echo '<a href="' . get_category_link( $cat_id ) . 'feed/" title="RSS de la categorie" class="btn btn-orange" /><i class="fa fa-rss"></i></a>'; ?>
</div>
</div>
<?php include(TEMPLATEPATH . '/components/preview-list.php'); ?>
@ -14,7 +25,6 @@
<div class="card-header"><i class="fa fa-folder-open"></i> <?php echo single_cat_title(); ?></div>
<div class="card-body">
<?php the_archive_description() ?>
<p><? echo '<a href="' . get_category_link( $cat_id ) . 'feed/" title="RSS de la categorie" />Flux RSS</a> de la categorie'; ?></p>
</div>
</div>

2
components/posts-list.php
View file

@ -1,7 +1,7 @@
<?php if(have_posts()) : ?><?php while(have_posts()) : the_post(); ?>
<div class="card card-primary" id="post-<?php the_ID(); ?>">
<div class="card-header"><h1><?php the_title(); ?></h1></div>
<div class="article-meta">
<div class="flex-that mb">
<div class="article-category">
<?php $category = get_the_category();
echo"<a href= '" . esc_url( get_category_link( $category[0]->term_id ) ) . "' class='btn-small btn-info'><i class='fa fa-folder'></i> " . $category[0]->cat_name . "</a>"; ?>

16
scss/_drawing.scss
View file

@ -11,10 +11,9 @@
@import 'components/previews';
.article-meta, .article-nav {
.flex-that {
display: flex;
justify-content: space-between;
padding-bottom: 1.5rem;
}
strong.btn-fake {
@ -40,9 +39,18 @@ a.article-nav-link-wrap {
padding-bottom:1.5rem;
}
#page-nav {
.screen-reader-text {
visibility: collapse;
font-size:0;
}
nav.pagination {
padding-bottom:1.5rem;
.page-number, .next, .prev {
.nav-links {
text-align: center;
width:100%;
}
.page-numbers, .next, .prev {
@include button($button_small);
padding-left: $button_small;
padding-right: $button_small;

2
scss/components/_buttons.scss
View file

@ -139,7 +139,7 @@ ul.breadcrumb, ol.breadcrumb, .breadcrumb {
display:none;
}
a, span {
a, & > span {
display:inline-block;
@include button($button-large);
@include button-fullcontrol($color-light2, darken($color-light2, 5%), $color-dark2);

12
single.php
View file

@ -1,5 +1,17 @@
<?php get_header(); ?> <!-- ouvrir header,php -->
<main class="col-md-8">
<div class="flex-that">
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class='breadcrumb-item'><a href='<?php echo site_url(); ?>'>kazhnuz.space</a></li><?php $categories = get_the_category();
foreach( $categories as $category ) {
echo "<li class='breadcrumb-item'><a href='" . esc_url( get_category_link( $category->term_id ) ) . "'><i class='fa fa-folder-open'></i> " . $category->cat_name . "</a></li>";
} ?><li class="breadcrumb-item" aria-current="page"><span class="active"><i class="fa fa-file"></i> <?php echo the_title(); ?></span></li>
</ol>
</nav>
</div>
<?php if(have_posts()) : ?><?php while(have_posts()) : the_post(); ?>
<article class="article" id="post-<?php the_ID(); ?>">

80
style.css
View file

@ -1340,7 +1340,7 @@ ul.breadcrumb, ol.breadcrumb, .breadcrumb {
padding: 0; }
.breadcrumb li.breadcrumb-item:before {
display: none; }
.breadcrumb li.breadcrumb-item a, .breadcrumb li.breadcrumb-item span {
.breadcrumb li.breadcrumb-item a, .breadcrumb li.breadcrumb-item > span {
display: inline-block;
padding: 1.5rem;
padding-top: 0.5rem;
@ -1359,16 +1359,16 @@ ul.breadcrumb, ol.breadcrumb, .breadcrumb {
overflow: visible;
color: #073642;
margin: 0 0.6rem 0 0.6rem; }
.breadcrumb li.breadcrumb-item a:hover, .breadcrumb li.breadcrumb-item a:active, .breadcrumb li.breadcrumb-item a:focus, a:hover > .breadcrumb li.breadcrumb-item a, a:active > .breadcrumb li.breadcrumb-item a, a:focus > .breadcrumb li.breadcrumb-item a, .breadcrumb li.breadcrumb-item span:hover, .breadcrumb li.breadcrumb-item span:active, .breadcrumb li.breadcrumb-item span:focus, a:hover > .breadcrumb li.breadcrumb-item span, a:active > .breadcrumb li.breadcrumb-item span, a:focus > .breadcrumb li.breadcrumb-item span {
.breadcrumb li.breadcrumb-item a:hover, .breadcrumb li.breadcrumb-item a:active, .breadcrumb li.breadcrumb-item a:focus, a:hover > .breadcrumb li.breadcrumb-item a, a:active > .breadcrumb li.breadcrumb-item a, a:focus > .breadcrumb li.breadcrumb-item a, .breadcrumb li.breadcrumb-item > span:hover, .breadcrumb li.breadcrumb-item > span:active, .breadcrumb li.breadcrumb-item > span:focus, a:hover > .breadcrumb li.breadcrumb-item > span, a:active > .breadcrumb li.breadcrumb-item > span, a:focus > .breadcrumb li.breadcrumb-item > span {
text-decoration: none;
background-color: transparent; }
.breadcrumb li.breadcrumb-item a:focus, .breadcrumb li.breadcrumb-item span:focus {
.breadcrumb li.breadcrumb-item a:focus, .breadcrumb li.breadcrumb-item > span:focus {
outline: none;
box-shadow: 0px 2px 6px rgba(0, 0, 0, 0), inset 0px -2px 0px rgba(0, 0, 0, 0), 0px 0px 0px 2px rgba(0, 0, 0, 0); }
.breadcrumb li.breadcrumb-item a:focus:before, .breadcrumb li.breadcrumb-item span:focus:before {
.breadcrumb li.breadcrumb-item a:focus:before, .breadcrumb li.breadcrumb-item > span:focus:before {
box-shadow: 0px 2px 6px rgba(0, 0, 0, 0), inset 0px -2px 0px rgba(0, 0, 0, 0), 0px 0px 0px 2px rgba(0, 0, 0, 0.3);
outline: none; }
.breadcrumb li.breadcrumb-item a:before, .breadcrumb li.breadcrumb-item span:before {
.breadcrumb li.breadcrumb-item a:before, .breadcrumb li.breadcrumb-item > span:before {
content: " ";
position: absolute;
top: 0;
@ -1378,30 +1378,30 @@ ul.breadcrumb, ol.breadcrumb, .breadcrumb {
z-index: -1;
transform: skewX(-15deg);
transition: background-color 0.3s; }
.breadcrumb li.breadcrumb-item a:before, .breadcrumb li.breadcrumb-item span:before {
.breadcrumb li.breadcrumb-item a:before, .breadcrumb li.breadcrumb-item > span:before {
background-color: #eee8d5; }
.breadcrumb li.breadcrumb-item a:visited, .breadcrumb li.breadcrumb-item span:visited {
.breadcrumb li.breadcrumb-item a:visited, .breadcrumb li.breadcrumb-item > span:visited {
color: #073642; }
.breadcrumb li.breadcrumb-item a:visited:before, .breadcrumb li.breadcrumb-item span:visited:before {
.breadcrumb li.breadcrumb-item a:visited:before, .breadcrumb li.breadcrumb-item > span:visited:before {
background-color: #eee8d5; }
.breadcrumb li.breadcrumb-item a:hover, .breadcrumb li.breadcrumb-item a:active, .breadcrumb li.breadcrumb-item a:focus, a:hover > .breadcrumb li.breadcrumb-item a, a:active > .breadcrumb li.breadcrumb-item a, a:focus > .breadcrumb li.breadcrumb-item a, .breadcrumb li.breadcrumb-item a:visited:hover, .breadcrumb li.breadcrumb-item a:visited:active, .breadcrumb li.breadcrumb-item a:visited:focus, a:hover > .breadcrumb li.breadcrumb-item a:visited, a:active > .breadcrumb li.breadcrumb-item a:visited, a:focus > .breadcrumb li.breadcrumb-item a:visited, .breadcrumb li.breadcrumb-item a:not(.disabled):not(:disabled):hover, .breadcrumb li.breadcrumb-item a:not(.disabled):not(:disabled):active, .breadcrumb li.breadcrumb-item a:not(.disabled):not(:disabled):focus, a:hover > .breadcrumb li.breadcrumb-item a:not(.disabled):not(:disabled), a:active > .breadcrumb li.breadcrumb-item a:not(.disabled):not(:disabled), a:focus > .breadcrumb li.breadcrumb-item a:not(.disabled):not(:disabled), .breadcrumb li.breadcrumb-item span:hover, .breadcrumb li.breadcrumb-item span:active, .breadcrumb li.breadcrumb-item span:focus, a:hover > .breadcrumb li.breadcrumb-item span, a:active > .breadcrumb li.breadcrumb-item span, a:focus > .breadcrumb li.breadcrumb-item span, .breadcrumb li.breadcrumb-item span:visited:hover, .breadcrumb li.breadcrumb-item span:visited:active, .breadcrumb li.breadcrumb-item span:visited:focus, a:hover > .breadcrumb li.breadcrumb-item span:visited, a:active > .breadcrumb li.breadcrumb-item span:visited, a:focus > .breadcrumb li.breadcrumb-item span:visited, .breadcrumb li.breadcrumb-item span:not(.disabled):not(:disabled):hover, .breadcrumb li.breadcrumb-item span:not(.disabled):not(:disabled):active, .breadcrumb li.breadcrumb-item span:not(.disabled):not(:disabled):focus, a:hover > .breadcrumb li.breadcrumb-item span:not(.disabled):not(:disabled), a:active > .breadcrumb li.breadcrumb-item span:not(.disabled):not(:disabled), a:focus > .breadcrumb li.breadcrumb-item span:not(.disabled):not(:disabled) {
.breadcrumb li.breadcrumb-item a:hover, .breadcrumb li.breadcrumb-item a:active, .breadcrumb li.breadcrumb-item a:focus, a:hover > .breadcrumb li.breadcrumb-item a, a:active > .breadcrumb li.breadcrumb-item a, a:focus > .breadcrumb li.breadcrumb-item a, .breadcrumb li.breadcrumb-item a:visited:hover, .breadcrumb li.breadcrumb-item a:visited:active, .breadcrumb li.breadcrumb-item a:visited:focus, a:hover > .breadcrumb li.breadcrumb-item a:visited, a:active > .breadcrumb li.breadcrumb-item a:visited, a:focus > .breadcrumb li.breadcrumb-item a:visited, .breadcrumb li.breadcrumb-item a:not(.disabled):not(:disabled):hover, .breadcrumb li.breadcrumb-item a:not(.disabled):not(:disabled):active, .breadcrumb li.breadcrumb-item a:not(.disabled):not(:disabled):focus, a:hover > .breadcrumb li.breadcrumb-item a:not(.disabled):not(:disabled), a:active > .breadcrumb li.breadcrumb-item a:not(.disabled):not(:disabled), a:focus > .breadcrumb li.breadcrumb-item a:not(.disabled):not(:disabled), .breadcrumb li.breadcrumb-item > span:hover, .breadcrumb li.breadcrumb-item > span:active, .breadcrumb li.breadcrumb-item > span:focus, a:hover > .breadcrumb li.breadcrumb-item > span, a:active > .breadcrumb li.breadcrumb-item > span, a:focus > .breadcrumb li.breadcrumb-item > span, .breadcrumb li.breadcrumb-item > span:visited:hover, .breadcrumb li.breadcrumb-item > span:visited:active, .breadcrumb li.breadcrumb-item > span:visited:focus, a:hover > .breadcrumb li.breadcrumb-item > span:visited, a:active > .breadcrumb li.breadcrumb-item > span:visited, a:focus > .breadcrumb li.breadcrumb-item > span:visited, .breadcrumb li.breadcrumb-item > span:not(.disabled):not(:disabled):hover, .breadcrumb li.breadcrumb-item > span:not(.disabled):not(:disabled):active, .breadcrumb li.breadcrumb-item > span:not(.disabled):not(:disabled):focus, a:hover > .breadcrumb li.breadcrumb-item > span:not(.disabled):not(:disabled), a:active > .breadcrumb li.breadcrumb-item > span:not(.disabled):not(:disabled), a:focus > .breadcrumb li.breadcrumb-item > span:not(.disabled):not(:disabled) {
color: #094959; }
.breadcrumb li.breadcrumb-item a:hover:before, .breadcrumb li.breadcrumb-item a:active:before, .breadcrumb li.breadcrumb-item a:focus:before, a:hover > .breadcrumb li.breadcrumb-item a:before, a:active > .breadcrumb li.breadcrumb-item a:before, a:focus > .breadcrumb li.breadcrumb-item a:before, .breadcrumb li.breadcrumb-item a:visited:hover:before, .breadcrumb li.breadcrumb-item a:visited:active:before, .breadcrumb li.breadcrumb-item a:visited:focus:before, a:hover > .breadcrumb li.breadcrumb-item a:visited:before, a:active > .breadcrumb li.breadcrumb-item a:visited:before, a:focus > .breadcrumb li.breadcrumb-item a:visited:before, .breadcrumb li.breadcrumb-item a:not(.disabled):not(:disabled):hover:before, .breadcrumb li.breadcrumb-item a:not(.disabled):not(:disabled):active:before, .breadcrumb li.breadcrumb-item a:not(.disabled):not(:disabled):focus:before, a:hover > .breadcrumb li.breadcrumb-item a:not(.disabled):not(:disabled):before, a:active > .breadcrumb li.breadcrumb-item a:not(.disabled):not(:disabled):before, a:focus > .breadcrumb li.breadcrumb-item a:not(.disabled):not(:disabled):before, .breadcrumb li.breadcrumb-item span:hover:before, .breadcrumb li.breadcrumb-item span:active:before, .breadcrumb li.breadcrumb-item span:focus:before, a:hover > .breadcrumb li.breadcrumb-item span:before, a:active > .breadcrumb li.breadcrumb-item span:before, a:focus > .breadcrumb li.breadcrumb-item span:before, .breadcrumb li.breadcrumb-item span:visited:hover:before, .breadcrumb li.breadcrumb-item span:visited:active:before, .breadcrumb li.breadcrumb-item span:visited:focus:before, a:hover > .breadcrumb li.breadcrumb-item span:visited:before, a:active > .breadcrumb li.breadcrumb-item span:visited:before, a:focus > .breadcrumb li.breadcrumb-item span:visited:before, .breadcrumb li.breadcrumb-item span:not(.disabled):not(:disabled):hover:before, .breadcrumb li.breadcrumb-item span:not(.disabled):not(:disabled):active:before, .breadcrumb li.breadcrumb-item span:not(.disabled):not(:disabled):focus:before, a:hover > .breadcrumb li.breadcrumb-item span:not(.disabled):not(:disabled):before, a:active > .breadcrumb li.breadcrumb-item span:not(.disabled):not(:disabled):before, a:focus > .breadcrumb li.breadcrumb-item span:not(.disabled):not(:disabled):before {
.breadcrumb li.breadcrumb-item a:hover:before, .breadcrumb li.breadcrumb-item a:active:before, .breadcrumb li.breadcrumb-item a:focus:before, a:hover > .breadcrumb li.breadcrumb-item a:before, a:active > .breadcrumb li.breadcrumb-item a:before, a:focus > .breadcrumb li.breadcrumb-item a:before, .breadcrumb li.breadcrumb-item a:visited:hover:before, .breadcrumb li.breadcrumb-item a:visited:active:before, .breadcrumb li.breadcrumb-item a:visited:focus:before, a:hover > .breadcrumb li.breadcrumb-item a:visited:before, a:active > .breadcrumb li.breadcrumb-item a:visited:before, a:focus > .breadcrumb li.breadcrumb-item a:visited:before, .breadcrumb li.breadcrumb-item a:not(.disabled):not(:disabled):hover:before, .breadcrumb li.breadcrumb-item a:not(.disabled):not(:disabled):active:before, .breadcrumb li.breadcrumb-item a:not(.disabled):not(:disabled):focus:before, a:hover > .breadcrumb li.breadcrumb-item a:not(.disabled):not(:disabled):before, a:active > .breadcrumb li.breadcrumb-item a:not(.disabled):not(:disabled):before, a:focus > .breadcrumb li.breadcrumb-item a:not(.disabled):not(:disabled):before, .breadcrumb li.breadcrumb-item > span:hover:before, .breadcrumb li.breadcrumb-item > span:active:before, .breadcrumb li.breadcrumb-item > span:focus:before, a:hover > .breadcrumb li.breadcrumb-item > span:before, a:active > .breadcrumb li.breadcrumb-item > span:before, a:focus > .breadcrumb li.breadcrumb-item > span:before, .breadcrumb li.breadcrumb-item > span:visited:hover:before, .breadcrumb li.breadcrumb-item > span:visited:active:before, .breadcrumb li.breadcrumb-item > span:visited:focus:before, a:hover > .breadcrumb li.breadcrumb-item > span:visited:before, a:active > .breadcrumb li.breadcrumb-item > span:visited:before, a:focus > .breadcrumb li.breadcrumb-item > span:visited:before, .breadcrumb li.breadcrumb-item > span:not(.disabled):not(:disabled):hover:before, .breadcrumb li.breadcrumb-item > span:not(.disabled):not(:disabled):active:before, .breadcrumb li.breadcrumb-item > span:not(.disabled):not(:disabled):focus:before, a:hover > .breadcrumb li.breadcrumb-item > span:not(.disabled):not(:disabled):before, a:active > .breadcrumb li.breadcrumb-item > span:not(.disabled):not(:disabled):before, a:focus > .breadcrumb li.breadcrumb-item > span:not(.disabled):not(:disabled):before {
background-color: #e7dec3; }
.breadcrumb li.breadcrumb-item a:before, .breadcrumb li.breadcrumb-item span:before {
.breadcrumb li.breadcrumb-item a:before, .breadcrumb li.breadcrumb-item > span:before {
content: " " !important;
border-right: 1px solid rgba(0, 0, 0, 0.2); }
.breadcrumb li.breadcrumb-item a.active, .breadcrumb li.breadcrumb-item span.active {
.breadcrumb li.breadcrumb-item a.active, .breadcrumb li.breadcrumb-item > span.active {
color: #fdf6e3; }
.breadcrumb li.breadcrumb-item a.active:before, .breadcrumb li.breadcrumb-item span.active:before {
.breadcrumb li.breadcrumb-item a.active:before, .breadcrumb li.breadcrumb-item > span.active:before {
background-color: #d33682; }
.breadcrumb li.breadcrumb-item a.active:visited, .breadcrumb li.breadcrumb-item span.active:visited {
.breadcrumb li.breadcrumb-item a.active:visited, .breadcrumb li.breadcrumb-item > span.active:visited {
color: #fdf6e3; }
.breadcrumb li.breadcrumb-item a.active:visited:before, .breadcrumb li.breadcrumb-item span.active:visited:before {
.breadcrumb li.breadcrumb-item a.active:visited:before, .breadcrumb li.breadcrumb-item > span.active:visited:before {
background-color: #d33682; }
.breadcrumb li.breadcrumb-item a.active:hover, .breadcrumb li.breadcrumb-item a.active:active, .breadcrumb li.breadcrumb-item a.active:focus, a:hover > .breadcrumb li.breadcrumb-item a.active, a:active > .breadcrumb li.breadcrumb-item a.active, a:focus > .breadcrumb li.breadcrumb-item a.active, .breadcrumb li.breadcrumb-item a.active:visited:hover, .breadcrumb li.breadcrumb-item a.active:visited:active, .breadcrumb li.breadcrumb-item a.active:visited:focus, a:hover > .breadcrumb li.breadcrumb-item a.active:visited, a:active > .breadcrumb li.breadcrumb-item a.active:visited, a:focus > .breadcrumb li.breadcrumb-item a.active:visited, .breadcrumb li.breadcrumb-item a.active:not(.disabled):not(:disabled):hover, .breadcrumb li.breadcrumb-item a.active:not(.disabled):not(:disabled):active, .breadcrumb li.breadcrumb-item a.active:not(.disabled):not(:disabled):focus, a:hover > .breadcrumb li.breadcrumb-item a.active:not(.disabled):not(:disabled), a:active > .breadcrumb li.breadcrumb-item a.active:not(.disabled):not(:disabled), a:focus > .breadcrumb li.breadcrumb-item a.active:not(.disabled):not(:disabled), .breadcrumb li.breadcrumb-item span.active:hover, .breadcrumb li.breadcrumb-item span.active:active, .breadcrumb li.breadcrumb-item span.active:focus, a:hover > .breadcrumb li.breadcrumb-item span.active, a:active > .breadcrumb li.breadcrumb-item span.active, a:focus > .breadcrumb li.breadcrumb-item span.active, .breadcrumb li.breadcrumb-item span.active:visited:hover, .breadcrumb li.breadcrumb-item span.active:visited:active, .breadcrumb li.breadcrumb-item span.active:visited:focus, a:hover > .breadcrumb li.breadcrumb-item span.active:visited, a:active > .breadcrumb li.breadcrumb-item span.active:visited, a:focus > .breadcrumb li.breadcrumb-item span.active:visited, .breadcrumb li.breadcrumb-item span.active:not(.disabled):not(:disabled):hover, .breadcrumb li.breadcrumb-item span.active:not(.disabled):not(:disabled):active, .breadcrumb li.breadcrumb-item span.active:not(.disabled):not(:disabled):focus, a:hover > .breadcrumb li.breadcrumb-item span.active:not(.disabled):not(:disabled), a:active > .breadcrumb li.breadcrumb-item span.active:not(.disabled):not(:disabled), a:focus > .breadcrumb li.breadcrumb-item span.active:not(.disabled):not(:disabled) {
.breadcrumb li.breadcrumb-item a.active:hover, .breadcrumb li.breadcrumb-item a.active:active, .breadcrumb li.breadcrumb-item a.active:focus, a:hover > .breadcrumb li.breadcrumb-item a.active, a:active > .breadcrumb li.breadcrumb-item a.active, a:focus > .breadcrumb li.breadcrumb-item a.active, .breadcrumb li.breadcrumb-item a.active:visited:hover, .breadcrumb li.breadcrumb-item a.active:visited:active, .breadcrumb li.breadcrumb-item a.active:visited:focus, a:hover > .breadcrumb li.breadcrumb-item a.active:visited, a:active > .breadcrumb li.breadcrumb-item a.active:visited, a:focus > .breadcrumb li.breadcrumb-item a.active:visited, .breadcrumb li.breadcrumb-item a.active:not(.disabled):not(:disabled):hover, .breadcrumb li.breadcrumb-item a.active:not(.disabled):not(:disabled):active, .breadcrumb li.breadcrumb-item a.active:not(.disabled):not(:disabled):focus, a:hover > .breadcrumb li.breadcrumb-item a.active:not(.disabled):not(:disabled), a:active > .breadcrumb li.breadcrumb-item a.active:not(.disabled):not(:disabled), a:focus > .breadcrumb li.breadcrumb-item a.active:not(.disabled):not(:disabled), .breadcrumb li.breadcrumb-item > span.active:hover, .breadcrumb li.breadcrumb-item > span.active:active, .breadcrumb li.breadcrumb-item > span.active:focus, a:hover > .breadcrumb li.breadcrumb-item > span.active, a:active > .breadcrumb li.breadcrumb-item > span.active, a:focus > .breadcrumb li.breadcrumb-item > span.active, .breadcrumb li.breadcrumb-item > span.active:visited:hover, .breadcrumb li.breadcrumb-item > span.active:visited:active, .breadcrumb li.breadcrumb-item > span.active:visited:focus, a:hover > .breadcrumb li.breadcrumb-item > span.active:visited, a:active > .breadcrumb li.breadcrumb-item > span.active:visited, a:focus > .breadcrumb li.breadcrumb-item > span.active:visited, .breadcrumb li.breadcrumb-item > span.active:not(.disabled):not(:disabled):hover, .breadcrumb li.breadcrumb-item > span.active:not(.disabled):not(:disabled):active, .breadcrumb li.breadcrumb-item > span.active:not(.disabled):not(:disabled):focus, a:hover > .breadcrumb li.breadcrumb-item > span.active:not(.disabled):not(:disabled), a:active > .breadcrumb li.breadcrumb-item > span.active:not(.disabled):not(:disabled), a:focus > .breadcrumb li.breadcrumb-item > span.active:not(.disabled):not(:disabled) {
color: #fffefb; }
.breadcrumb li.breadcrumb-item a.active:hover:before, .breadcrumb li.breadcrumb-item a.active:active:before, .breadcrumb li.breadcrumb-item a.active:focus:before, a:hover > .breadcrumb li.breadcrumb-item a.active:before, a:active > .breadcrumb li.breadcrumb-item a.active:before, a:focus > .breadcrumb li.breadcrumb-item a.active:before, .breadcrumb li.breadcrumb-item a.active:visited:hover:before, .breadcrumb li.breadcrumb-item a.active:visited:active:before, .breadcrumb li.breadcrumb-item a.active:visited:focus:before, a:hover > .breadcrumb li.breadcrumb-item a.active:visited:before, a:active > .breadcrumb li.breadcrumb-item a.active:visited:before, a:focus > .breadcrumb li.breadcrumb-item a.active:visited:before, .breadcrumb li.breadcrumb-item a.active:not(.disabled):not(:disabled):hover:before, .breadcrumb li.breadcrumb-item a.active:not(.disabled):not(:disabled):active:before, .breadcrumb li.breadcrumb-item a.active:not(.disabled):not(:disabled):focus:before, a:hover > .breadcrumb li.breadcrumb-item a.active:not(.disabled):not(:disabled):before, a:active > .breadcrumb li.breadcrumb-item a.active:not(.disabled):not(:disabled):before, a:focus > .breadcrumb li.breadcrumb-item a.active:not(.disabled):not(:disabled):before, .breadcrumb li.breadcrumb-item span.active:hover:before, .breadcrumb li.breadcrumb-item span.active:active:before, .breadcrumb li.breadcrumb-item span.active:focus:before, a:hover > .breadcrumb li.breadcrumb-item span.active:before, a:active > .breadcrumb li.breadcrumb-item span.active:before, a:focus > .breadcrumb li.breadcrumb-item span.active:before, .breadcrumb li.breadcrumb-item span.active:visited:hover:before, .breadcrumb li.breadcrumb-item span.active:visited:active:before, .breadcrumb li.breadcrumb-item span.active:visited:focus:before, a:hover > .breadcrumb li.breadcrumb-item span.active:visited:before, a:active > .breadcrumb li.breadcrumb-item span.active:visited:before, a:focus > .breadcrumb li.breadcrumb-item span.active:visited:before, .breadcrumb li.breadcrumb-item span.active:not(.disabled):not(:disabled):hover:before, .breadcrumb li.breadcrumb-item span.active:not(.disabled):not(:disabled):active:before, .breadcrumb li.breadcrumb-item span.active:not(.disabled):not(:disabled):focus:before, a:hover > .breadcrumb li.breadcrumb-item span.active:not(.disabled):not(:disabled):before, a:active > .breadcrumb li.breadcrumb-item span.active:not(.disabled):not(:disabled):before, a:focus > .breadcrumb li.breadcrumb-item span.active:not(.disabled):not(:disabled):before {
.breadcrumb li.breadcrumb-item a.active:hover:before, .breadcrumb li.breadcrumb-item a.active:active:before, .breadcrumb li.breadcrumb-item a.active:focus:before, a:hover > .breadcrumb li.breadcrumb-item a.active:before, a:active > .breadcrumb li.breadcrumb-item a.active:before, a:focus > .breadcrumb li.breadcrumb-item a.active:before, .breadcrumb li.breadcrumb-item a.active:visited:hover:before, .breadcrumb li.breadcrumb-item a.active:visited:active:before, .breadcrumb li.breadcrumb-item a.active:visited:focus:before, a:hover > .breadcrumb li.breadcrumb-item a.active:visited:before, a:active > .breadcrumb li.breadcrumb-item a.active:visited:before, a:focus > .breadcrumb li.breadcrumb-item a.active:visited:before, .breadcrumb li.breadcrumb-item a.active:not(.disabled):not(:disabled):hover:before, .breadcrumb li.breadcrumb-item a.active:not(.disabled):not(:disabled):active:before, .breadcrumb li.breadcrumb-item a.active:not(.disabled):not(:disabled):focus:before, a:hover > .breadcrumb li.breadcrumb-item a.active:not(.disabled):not(:disabled):before, a:active > .breadcrumb li.breadcrumb-item a.active:not(.disabled):not(:disabled):before, a:focus > .breadcrumb li.breadcrumb-item a.active:not(.disabled):not(:disabled):before, .breadcrumb li.breadcrumb-item > span.active:hover:before, .breadcrumb li.breadcrumb-item > span.active:active:before, .breadcrumb li.breadcrumb-item > span.active:focus:before, a:hover > .breadcrumb li.breadcrumb-item > span.active:before, a:active > .breadcrumb li.breadcrumb-item > span.active:before, a:focus > .breadcrumb li.breadcrumb-item > span.active:before, .breadcrumb li.breadcrumb-item > span.active:visited:hover:before, .breadcrumb li.breadcrumb-item > span.active:visited:active:before, .breadcrumb li.breadcrumb-item > span.active:visited:focus:before, a:hover > .breadcrumb li.breadcrumb-item > span.active:visited:before, a:active > .breadcrumb li.breadcrumb-item > span.active:visited:before, a:focus > .breadcrumb li.breadcrumb-item > span.active:visited:before, .breadcrumb li.breadcrumb-item > span.active:not(.disabled):not(:disabled):hover:before, .breadcrumb li.breadcrumb-item > span.active:not(.disabled):not(:disabled):active:before, .breadcrumb li.breadcrumb-item > span.active:not(.disabled):not(:disabled):focus:before, a:hover > .breadcrumb li.breadcrumb-item > span.active:not(.disabled):not(:disabled):before, a:active > .breadcrumb li.breadcrumb-item > span.active:not(.disabled):not(:disabled):before, a:focus > .breadcrumb li.breadcrumb-item > span.active:not(.disabled):not(:disabled):before {
background-color: #d33682; }
.btn-blue, a.btn-blue, .badge-blue, .chip-blue, a.chip-blue, a.badge-blue, .label-blue, a.label-blue, label.label-blue {
@ -1951,10 +1951,9 @@ ul.breadcrumb, ol.breadcrumb, .breadcrumb {
top: -240px;
margin: auto; } }
.article-meta, .article-nav {
.flex-that {
display: flex;
justify-content: space-between;
padding-bottom: 1.5rem; }
justify-content: space-between; }
strong.btn-fake {
padding: 1.5rem;
@ -2059,9 +2058,16 @@ a.article-nav-link-wrap {
.pigimg, .mb {
padding-bottom: 1.5rem; }
#page-nav {
.screen-reader-text {
visibility: collapse;
font-size: 0; }
nav.pagination {
padding-bottom: 1.5rem; }
#page-nav .page-number, #page-nav .next, #page-nav .prev {
nav.pagination .nav-links {
text-align: center;
width: 100%; }
nav.pagination .page-numbers, nav.pagination .next, nav.pagination .prev {
padding: 0.375rem;
padding-top: 0.125rem;
padding-bottom: 0.125rem;
@ -2080,16 +2086,16 @@ a.article-nav-link-wrap {
padding-left: 0.375rem;
padding-right: 0.375rem;
color: #002b36; }
#page-nav .page-number:hover, #page-nav .page-number:active, #page-nav .page-number:focus, a:hover > #page-nav .page-number, a:active > #page-nav .page-number, a:focus > #page-nav .page-number, #page-nav .next:hover, #page-nav .next:active, #page-nav .next:focus, a:hover > #page-nav .next, a:active > #page-nav .next, a:focus > #page-nav .next, #page-nav .prev:hover, #page-nav .prev:active, #page-nav .prev:focus, a:hover > #page-nav .prev, a:active > #page-nav .prev, a:focus > #page-nav .prev {
nav.pagination .page-numbers:hover, nav.pagination .page-numbers:active, nav.pagination .page-numbers:focus, a:hover > nav.pagination .page-numbers, a:active > nav.pagination .page-numbers, a:focus > nav.pagination .page-numbers, nav.pagination .next:hover, nav.pagination .next:active, nav.pagination .next:focus, a:hover > nav.pagination .next, a:active > nav.pagination .next, a:focus > nav.pagination .next, nav.pagination .prev:hover, nav.pagination .prev:active, nav.pagination .prev:focus, a:hover > nav.pagination .prev, a:active > nav.pagination .prev, a:focus > nav.pagination .prev {
text-decoration: none;
background-color: transparent; }
#page-nav .page-number:focus, #page-nav .next:focus, #page-nav .prev:focus {
nav.pagination .page-numbers:focus, nav.pagination .next:focus, nav.pagination .prev:focus {
outline: none;
box-shadow: 0px 2px 6px rgba(0, 0, 0, 0), inset 0px -2px 0px rgba(0, 0, 0, 0), 0px 0px 0px 2px rgba(0, 0, 0, 0); }
#page-nav .page-number:focus:before, #page-nav .next:focus:before, #page-nav .prev:focus:before {
nav.pagination .page-numbers:focus:before, nav.pagination .next:focus:before, nav.pagination .prev:focus:before {
box-shadow: 0px 2px 6px rgba(0, 0, 0, 0), inset 0px -2px 0px rgba(0, 0, 0, 0), 0px 0px 0px 2px rgba(0, 0, 0, 0.3);
outline: none; }
#page-nav .page-number:before, #page-nav .next:before, #page-nav .prev:before {
nav.pagination .page-numbers:before, nav.pagination .next:before, nav.pagination .prev:before {
content: " ";
position: absolute;
top: 0;
@ -2099,27 +2105,27 @@ a.article-nav-link-wrap {
z-index: -1;
transform: skewX(-15deg);
transition: background-color 0.3s; }
#page-nav .page-number:before, #page-nav .next:before, #page-nav .prev:before {
nav.pagination .page-numbers:before, nav.pagination .next:before, nav.pagination .prev:before {
background-color: #eee8d5; }
#page-nav .page-number:visited, #page-nav .next:visited, #page-nav .prev:visited {
nav.pagination .page-numbers:visited, nav.pagination .next:visited, nav.pagination .prev:visited {
color: #002b36; }
#page-nav .page-number:visited:before, #page-nav .next:visited:before, #page-nav .prev:visited:before {
nav.pagination .page-numbers:visited:before, nav.pagination .next:visited:before, nav.pagination .prev:visited:before {
background-color: #eee8d5; }
#page-nav .page-number:hover, #page-nav .page-number:active, #page-nav .page-number:focus, a:hover > #page-nav .page-number, a:active > #page-nav .page-number, a:focus > #page-nav .page-number, #page-nav .page-number:visited:hover, #page-nav .page-number:visited:active, #page-nav .page-number:visited:focus, a:hover > #page-nav .page-number:visited, a:active > #page-nav .page-number:visited, a:focus > #page-nav .page-number:visited, #page-nav .page-number:not(.disabled):not(:disabled):hover, #page-nav .page-number:not(.disabled):not(:disabled):active, #page-nav .page-number:not(.disabled):not(:disabled):focus, a:hover > #page-nav .page-number:not(.disabled):not(:disabled), a:active > #page-nav .page-number:not(.disabled):not(:disabled), a:focus > #page-nav .page-number:not(.disabled):not(:disabled), #page-nav .next:hover, #page-nav .next:active, #page-nav .next:focus, a:hover > #page-nav .next, a:active > #page-nav .next, a:focus > #page-nav .next, #page-nav .next:visited:hover, #page-nav .next:visited:active, #page-nav .next:visited:focus, a:hover > #page-nav .next:visited, a:active > #page-nav .next:visited, a:focus > #page-nav .next:visited, #page-nav .next:not(.disabled):not(:disabled):hover, #page-nav .next:not(.disabled):not(:disabled):active, #page-nav .next:not(.disabled):not(:disabled):focus, a:hover > #page-nav .next:not(.disabled):not(:disabled), a:active > #page-nav .next:not(.disabled):not(:disabled), a:focus > #page-nav .next:not(.disabled):not(:disabled), #page-nav .prev:hover, #page-nav .prev:active, #page-nav .prev:focus, a:hover > #page-nav .prev, a:active > #page-nav .prev, a:focus > #page-nav .prev, #page-nav .prev:visited:hover, #page-nav .prev:visited:active, #page-nav .prev:visited:focus, a:hover > #page-nav .prev:visited, a:active > #page-nav .prev:visited, a:focus > #page-nav .prev:visited, #page-nav .prev:not(.disabled):not(:disabled):hover, #page-nav .prev:not(.disabled):not(:disabled):active, #page-nav .prev:not(.disabled):not(:disabled):focus, a:hover > #page-nav .prev:not(.disabled):not(:disabled), a:active > #page-nav .prev:not(.disabled):not(:disabled), a:focus > #page-nav .prev:not(.disabled):not(:disabled) {
nav.pagination .page-numbers:hover, nav.pagination .page-numbers:active, nav.pagination .page-numbers:focus, a:hover > nav.pagination .page-numbers, a:active > nav.pagination .page-numbers, a:focus > nav.pagination .page-numbers, nav.pagination .page-numbers:visited:hover, nav.pagination .page-numbers:visited:active, nav.pagination .page-numbers:visited:focus, a:hover > nav.pagination .page-numbers:visited, a:active > nav.pagination .page-numbers:visited, a:focus > nav.pagination .page-numbers:visited, nav.pagination .page-numbers:not(.disabled):not(:disabled):hover, nav.pagination .page-numbers:not(.disabled):not(:disabled):active, nav.pagination .page-numbers:not(.disabled):not(:disabled):focus, a:hover > nav.pagination .page-numbers:not(.disabled):not(:disabled), a:active > nav.pagination .page-numbers:not(.disabled):not(:disabled), a:focus > nav.pagination .page-numbers:not(.disabled):not(:disabled), nav.pagination .next:hover, nav.pagination .next:active, nav.pagination .next:focus, a:hover > nav.pagination .next, a:active > nav.pagination .next, a:focus > nav.pagination .next, nav.pagination .next:visited:hover, nav.pagination .next:visited:active, nav.pagination .next:visited:focus, a:hover > nav.pagination .next:visited, a:active > nav.pagination .next:visited, a:focus > nav.pagination .next:visited, nav.pagination .next:not(.disabled):not(:disabled):hover, nav.pagination .next:not(.disabled):not(:disabled):active, nav.pagination .next:not(.disabled):not(:disabled):focus, a:hover > nav.pagination .next:not(.disabled):not(:disabled), a:active > nav.pagination .next:not(.disabled):not(:disabled), a:focus > nav.pagination .next:not(.disabled):not(:disabled), nav.pagination .prev:hover, nav.pagination .prev:active, nav.pagination .prev:focus, a:hover > nav.pagination .prev, a:active > nav.pagination .prev, a:focus > nav.pagination .prev, nav.pagination .prev:visited:hover, nav.pagination .prev:visited:active, nav.pagination .prev:visited:focus, a:hover > nav.pagination .prev:visited, a:active > nav.pagination .prev:visited, a:focus > nav.pagination .prev:visited, nav.pagination .prev:not(.disabled):not(:disabled):hover, nav.pagination .prev:not(.disabled):not(:disabled):active, nav.pagination .prev:not(.disabled):not(:disabled):focus, a:hover > nav.pagination .prev:not(.disabled):not(:disabled), a:active > nav.pagination .prev:not(.disabled):not(:disabled), a:focus > nav.pagination .prev:not(.disabled):not(:disabled) {
color: #003f50; }
#page-nav .page-number:hover:before, #page-nav .page-number:active:before, #page-nav .page-number:focus:before, a:hover > #page-nav .page-number:before, a:active > #page-nav .page-number:before, a:focus > #page-nav .page-number:before, #page-nav .page-number:visited:hover:before, #page-nav .page-number:visited:active:before, #page-nav .page-number:visited:focus:before, a:hover > #page-nav .page-number:visited:before, a:active > #page-nav .page-number:visited:before, a:focus > #page-nav .page-number:visited:before, #page-nav .page-number:not(.disabled):not(:disabled):hover:before, #page-nav .page-number:not(.disabled):not(:disabled):active:before, #page-nav .page-number:not(.disabled):not(:disabled):focus:before, a:hover > #page-nav .page-number:not(.disabled):not(:disabled):before, a:active > #page-nav .page-number:not(.disabled):not(:disabled):before, a:focus > #page-nav .page-number:not(.disabled):not(:disabled):before, #page-nav .next:hover:before, #page-nav .next:active:before, #page-nav .next:focus:before, a:hover > #page-nav .next:before, a:active > #page-nav .next:before, a:focus > #page-nav .next:before, #page-nav .next:visited:hover:before, #page-nav .next:visited:active:before, #page-nav .next:visited:focus:before, a:hover > #page-nav .next:visited:before, a:active > #page-nav .next:visited:before, a:focus > #page-nav .next:visited:before, #page-nav .next:not(.disabled):not(:disabled):hover:before, #page-nav .next:not(.disabled):not(:disabled):active:before, #page-nav .next:not(.disabled):not(:disabled):focus:before, a:hover > #page-nav .next:not(.disabled):not(:disabled):before, a:active > #page-nav .next:not(.disabled):not(:disabled):before, a:focus > #page-nav .next:not(.disabled):not(:disabled):before, #page-nav .prev:hover:before, #page-nav .prev:active:before, #page-nav .prev:focus:before, a:hover > #page-nav .prev:before, a:active > #page-nav .prev:before, a:focus > #page-nav .prev:before, #page-nav .prev:visited:hover:before, #page-nav .prev:visited:active:before, #page-nav .prev:visited:focus:before, a:hover > #page-nav .prev:visited:before, a:active > #page-nav .prev:visited:before, a:focus > #page-nav .prev:visited:before, #page-nav .prev:not(.disabled):not(:disabled):hover:before, #page-nav .prev:not(.disabled):not(:disabled):active:before, #page-nav .prev:not(.disabled):not(:disabled):focus:before, a:hover > #page-nav .prev:not(.disabled):not(:disabled):before, a:active > #page-nav .prev:not(.disabled):not(:disabled):before, a:focus > #page-nav .prev:not(.disabled):not(:disabled):before {
nav.pagination .page-numbers:hover:before, nav.pagination .page-numbers:active:before, nav.pagination .page-numbers:focus:before, a:hover > nav.pagination .page-numbers:before, a:active > nav.pagination .page-numbers:before, a:focus > nav.pagination .page-numbers:before, nav.pagination .page-numbers:visited:hover:before, nav.pagination .page-numbers:visited:active:before, nav.pagination .page-numbers:visited:focus:before, a:hover > nav.pagination .page-numbers:visited:before, a:active > nav.pagination .page-numbers:visited:before, a:focus > nav.pagination .page-numbers:visited:before, nav.pagination .page-numbers:not(.disabled):not(:disabled):hover:before, nav.pagination .page-numbers:not(.disabled):not(:disabled):active:before, nav.pagination .page-numbers:not(.disabled):not(:disabled):focus:before, a:hover > nav.pagination .page-numbers:not(.disabled):not(:disabled):before, a:active > nav.pagination .page-numbers:not(.disabled):not(:disabled):before, a:focus > nav.pagination .page-numbers:not(.disabled):not(:disabled):before, nav.pagination .next:hover:before, nav.pagination .next:active:before, nav.pagination .next:focus:before, a:hover > nav.pagination .next:before, a:active > nav.pagination .next:before, a:focus > nav.pagination .next:before, nav.pagination .next:visited:hover:before, nav.pagination .next:visited:active:before, nav.pagination .next:visited:focus:before, a:hover > nav.pagination .next:visited:before, a:active > nav.pagination .next:visited:before, a:focus > nav.pagination .next:visited:before, nav.pagination .next:not(.disabled):not(:disabled):hover:before, nav.pagination .next:not(.disabled):not(:disabled):active:before, nav.pagination .next:not(.disabled):not(:disabled):focus:before, a:hover > nav.pagination .next:not(.disabled):not(:disabled):before, a:active > nav.pagination .next:not(.disabled):not(:disabled):before, a:focus > nav.pagination .next:not(.disabled):not(:disabled):before, nav.pagination .prev:hover:before, nav.pagination .prev:active:before, nav.pagination .prev:focus:before, a:hover > nav.pagination .prev:before, a:active > nav.pagination .prev:before, a:focus > nav.pagination .prev:before, nav.pagination .prev:visited:hover:before, nav.pagination .prev:visited:active:before, nav.pagination .prev:visited:focus:before, a:hover > nav.pagination .prev:visited:before, a:active > nav.pagination .prev:visited:before, a:focus > nav.pagination .prev:visited:before, nav.pagination .prev:not(.disabled):not(:disabled):hover:before, nav.pagination .prev:not(.disabled):not(:disabled):active:before, nav.pagination .prev:not(.disabled):not(:disabled):focus:before, a:hover > nav.pagination .prev:not(.disabled):not(:disabled):before, a:active > nav.pagination .prev:not(.disabled):not(:disabled):before, a:focus > nav.pagination .prev:not(.disabled):not(:disabled):before {
background-color: #e3d9ba; }
#page-nav .page-number.current, #page-nav .next.current, #page-nav .prev.current {
nav.pagination .page-numbers.current, nav.pagination .next.current, nav.pagination .prev.current {
color: #fdf6e3; }
#page-nav .page-number.current:before, #page-nav .next.current:before, #page-nav .prev.current:before {
nav.pagination .page-numbers.current:before, nav.pagination .next.current:before, nav.pagination .prev.current:before {
background-color: #2aa198; }
#page-nav .page-number.current:visited, #page-nav .next.current:visited, #page-nav .prev.current:visited {
nav.pagination .page-numbers.current:visited, nav.pagination .next.current:visited, nav.pagination .prev.current:visited {
color: #fdf6e3; }
#page-nav .page-number.current:visited:before, #page-nav .next.current:visited:before, #page-nav .prev.current:visited:before {
nav.pagination .page-numbers.current:visited:before, nav.pagination .next.current:visited:before, nav.pagination .prev.current:visited:before {
background-color: #2aa198; }
#page-nav .page-number.current:hover, #page-nav .page-number.current:active, #page-nav .page-number.current:focus, a:hover > #page-nav .page-number.current, a:active > #page-nav .page-number.current, a:focus > #page-nav .page-number.current, #page-nav .page-number.current:visited:hover, #page-nav .page-number.current:visited:active, #page-nav .page-number.current:visited:focus, a:hover > #page-nav .page-number.current:visited, a:active > #page-nav .page-number.current:visited, a:focus > #page-nav .page-number.current:visited, #page-nav .page-number.current:not(.disabled):not(:disabled):hover, #page-nav .page-number.current:not(.disabled):not(:disabled):active, #page-nav .page-number.current:not(.disabled):not(:disabled):focus, a:hover > #page-nav .page-number.current:not(.disabled):not(:disabled), a:active > #page-nav .page-number.current:not(.disabled):not(:disabled), a:focus > #page-nav .page-number.current:not(.disabled):not(:disabled), #page-nav .next.current:hover, #page-nav .next.current:active, #page-nav .next.current:focus, a:hover > #page-nav .next.current, a:active > #page-nav .next.current, a:focus > #page-nav .next.current, #page-nav .next.current:visited:hover, #page-nav .next.current:visited:active, #page-nav .next.current:visited:focus, a:hover > #page-nav .next.current:visited, a:active > #page-nav .next.current:visited, a:focus > #page-nav .next.current:visited, #page-nav .next.current:not(.disabled):not(:disabled):hover, #page-nav .next.current:not(.disabled):not(:disabled):active, #page-nav .next.current:not(.disabled):not(:disabled):focus, a:hover > #page-nav .next.current:not(.disabled):not(:disabled), a:active > #page-nav .next.current:not(.disabled):not(:disabled), a:focus > #page-nav .next.current:not(.disabled):not(:disabled), #page-nav .prev.current:hover, #page-nav .prev.current:active, #page-nav .prev.current:focus, a:hover > #page-nav .prev.current, a:active > #page-nav .prev.current, a:focus > #page-nav .prev.current, #page-nav .prev.current:visited:hover, #page-nav .prev.current:visited:active, #page-nav .prev.current:visited:focus, a:hover > #page-nav .prev.current:visited, a:active > #page-nav .prev.current:visited, a:focus > #page-nav .prev.current:visited, #page-nav .prev.current:not(.disabled):not(:disabled):hover, #page-nav .prev.current:not(.disabled):not(:disabled):active, #page-nav .prev.current:not(.disabled):not(:disabled):focus, a:hover > #page-nav .prev.current:not(.disabled):not(:disabled), a:active > #page-nav .prev.current:not(.disabled):not(:disabled), a:focus > #page-nav .prev.current:not(.disabled):not(:disabled) {
nav.pagination .page-numbers.current:hover, nav.pagination .page-numbers.current:active, nav.pagination .page-numbers.current:focus, a:hover > nav.pagination .page-numbers.current, a:active > nav.pagination .page-numbers.current, a:focus > nav.pagination .page-numbers.current, nav.pagination .page-numbers.current:visited:hover, nav.pagination .page-numbers.current:visited:active, nav.pagination .page-numbers.current:visited:focus, a:hover > nav.pagination .page-numbers.current:visited, a:active > nav.pagination .page-numbers.current:visited, a:focus > nav.pagination .page-numbers.current:visited, nav.pagination .page-numbers.current:not(.disabled):not(:disabled):hover, nav.pagination .page-numbers.current:not(.disabled):not(:disabled):active, nav.pagination .page-numbers.current:not(.disabled):not(:disabled):focus, a:hover > nav.pagination .page-numbers.current:not(.disabled):not(:disabled), a:active > nav.pagination .page-numbers.current:not(.disabled):not(:disabled), a:focus > nav.pagination .page-numbers.current:not(.disabled):not(:disabled), nav.pagination .next.current:hover, nav.pagination .next.current:active, nav.pagination .next.current:focus, a:hover > nav.pagination .next.current, a:active > nav.pagination .next.current, a:focus > nav.pagination .next.current, nav.pagination .next.current:visited:hover, nav.pagination .next.current:visited:active, nav.pagination .next.current:visited:focus, a:hover > nav.pagination .next.current:visited, a:active > nav.pagination .next.current:visited, a:focus > nav.pagination .next.current:visited, nav.pagination .next.current:not(.disabled):not(:disabled):hover, nav.pagination .next.current:not(.disabled):not(:disabled):active, nav.pagination .next.current:not(.disabled):not(:disabled):focus, a:hover > nav.pagination .next.current:not(.disabled):not(:disabled), a:active > nav.pagination .next.current:not(.disabled):not(:disabled), a:focus > nav.pagination .next.current:not(.disabled):not(:disabled), nav.pagination .prev.current:hover, nav.pagination .prev.current:active, nav.pagination .prev.current:focus, a:hover > nav.pagination .prev.current, a:active > nav.pagination .prev.current, a:focus > nav.pagination .prev.current, nav.pagination .prev.current:visited:hover, nav.pagination .prev.current:visited:active, nav.pagination .prev.current:visited:focus, a:hover > nav.pagination .prev.current:visited, a:active > nav.pagination .prev.current:visited, a:focus > nav.pagination .prev.current:visited, nav.pagination .prev.current:not(.disabled):not(:disabled):hover, nav.pagination .prev.current:not(.disabled):not(:disabled):active, nav.pagination .prev.current:not(.disabled):not(:disabled):focus, a:hover > nav.pagination .prev.current:not(.disabled):not(:disabled), a:active > nav.pagination .prev.current:not(.disabled):not(:disabled), a:focus > nav.pagination .prev.current:not(.disabled):not(:disabled) {
color: #fffefb; }
#page-nav .page-number.current:hover:before, #page-nav .page-number.current:active:before, #page-nav .page-number.current:focus:before, a:hover > #page-nav .page-number.current:before, a:active > #page-nav .page-number.current:before, a:focus > #page-nav .page-number.current:before, #page-nav .page-number.current:visited:hover:before, #page-nav .page-number.current:visited:active:before, #page-nav .page-number.current:visited:focus:before, a:hover > #page-nav .page-number.current:visited:before, a:active > #page-nav .page-number.current:visited:before, a:focus > #page-nav .page-number.current:visited:before, #page-nav .page-number.current:not(.disabled):not(:disabled):hover:before, #page-nav .page-number.current:not(.disabled):not(:disabled):active:before, #page-nav .page-number.current:not(.disabled):not(:disabled):focus:before, a:hover > #page-nav .page-number.current:not(.disabled):not(:disabled):before, a:active > #page-nav .page-number.current:not(.disabled):not(:disabled):before, a:focus > #page-nav .page-number.current:not(.disabled):not(:disabled):before, #page-nav .next.current:hover:before, #page-nav .next.current:active:before, #page-nav .next.current:focus:before, a:hover > #page-nav .next.current:before, a:active > #page-nav .next.current:before, a:focus > #page-nav .next.current:before, #page-nav .next.current:visited:hover:before, #page-nav .next.current:visited:active:before, #page-nav .next.current:visited:focus:before, a:hover > #page-nav .next.current:visited:before, a:active > #page-nav .next.current:visited:before, a:focus > #page-nav .next.current:visited:before, #page-nav .next.current:not(.disabled):not(:disabled):hover:before, #page-nav .next.current:not(.disabled):not(:disabled):active:before, #page-nav .next.current:not(.disabled):not(:disabled):focus:before, a:hover > #page-nav .next.current:not(.disabled):not(:disabled):before, a:active > #page-nav .next.current:not(.disabled):not(:disabled):before, a:focus > #page-nav .next.current:not(.disabled):not(:disabled):before, #page-nav .prev.current:hover:before, #page-nav .prev.current:active:before, #page-nav .prev.current:focus:before, a:hover > #page-nav .prev.current:before, a:active > #page-nav .prev.current:before, a:focus > #page-nav .prev.current:before, #page-nav .prev.current:visited:hover:before, #page-nav .prev.current:visited:active:before, #page-nav .prev.current:visited:focus:before, a:hover > #page-nav .prev.current:visited:before, a:active > #page-nav .prev.current:visited:before, a:focus > #page-nav .prev.current:visited:before, #page-nav .prev.current:not(.disabled):not(:disabled):hover:before, #page-nav .prev.current:not(.disabled):not(:disabled):active:before, #page-nav .prev.current:not(.disabled):not(:disabled):focus:before, a:hover > #page-nav .prev.current:not(.disabled):not(:disabled):before, a:active > #page-nav .prev.current:not(.disabled):not(:disabled):before, a:focus > #page-nav .prev.current:not(.disabled):not(:disabled):before {
nav.pagination .page-numbers.current:hover:before, nav.pagination .page-numbers.current:active:before, nav.pagination .page-numbers.current:focus:before, a:hover > nav.pagination .page-numbers.current:before, a:active > nav.pagination .page-numbers.current:before, a:focus > nav.pagination .page-numbers.current:before, nav.pagination .page-numbers.current:visited:hover:before, nav.pagination .page-numbers.current:visited:active:before, nav.pagination .page-numbers.current:visited:focus:before, a:hover > nav.pagination .page-numbers.current:visited:before, a:active > nav.pagination .page-numbers.current:visited:before, a:focus > nav.pagination .page-numbers.current:visited:before, nav.pagination .page-numbers.current:not(.disabled):not(:disabled):hover:before, nav.pagination .page-numbers.current:not(.disabled):not(:disabled):active:before, nav.pagination .page-numbers.current:not(.disabled):not(:disabled):focus:before, a:hover > nav.pagination .page-numbers.current:not(.disabled):not(:disabled):before, a:active > nav.pagination .page-numbers.current:not(.disabled):not(:disabled):before, a:focus > nav.pagination .page-numbers.current:not(.disabled):not(:disabled):before, nav.pagination .next.current:hover:before, nav.pagination .next.current:active:before, nav.pagination .next.current:focus:before, a:hover > nav.pagination .next.current:before, a:active > nav.pagination .next.current:before, a:focus > nav.pagination .next.current:before, nav.pagination .next.current:visited:hover:before, nav.pagination .next.current:visited:active:before, nav.pagination .next.current:visited:focus:before, a:hover > nav.pagination .next.current:visited:before, a:active > nav.pagination .next.current:visited:before, a:focus > nav.pagination .next.current:visited:before, nav.pagination .next.current:not(.disabled):not(:disabled):hover:before, nav.pagination .next.current:not(.disabled):not(:disabled):active:before, nav.pagination .next.current:not(.disabled):not(:disabled):focus:before, a:hover > nav.pagination .next.current:not(.disabled):not(:disabled):before, a:active > nav.pagination .next.current:not(.disabled):not(:disabled):before, a:focus > nav.pagination .next.current:not(.disabled):not(:disabled):before, nav.pagination .prev.current:hover:before, nav.pagination .prev.current:active:before, nav.pagination .prev.current:focus:before, a:hover > nav.pagination .prev.current:before, a:active > nav.pagination .prev.current:before, a:focus > nav.pagination .prev.current:before, nav.pagination .prev.current:visited:hover:before, nav.pagination .prev.current:visited:active:before, nav.pagination .prev.current:visited:focus:before, a:hover > nav.pagination .prev.current:visited:before, a:active > nav.pagination .prev.current:visited:before, a:focus > nav.pagination .prev.current:visited:before, nav.pagination .prev.current:not(.disabled):not(:disabled):hover:before, nav.pagination .prev.current:not(.disabled):not(:disabled):active:before, nav.pagination .prev.current:not(.disabled):not(:disabled):focus:before, a:hover > nav.pagination .prev.current:not(.disabled):not(:disabled):before, a:active > nav.pagination .prev.current:not(.disabled):not(:disabled):before, a:focus > nav.pagination .prev.current:not(.disabled):not(:disabled):before {
background-color: #22837b; }
.card-select {

11
tag.php
View file

@ -2,6 +2,16 @@
<main class="col-md-8">
<?php $tag = get_category( get_query_var( 'tag' ) );
$tag_id = $tag->ID;?>
<div class="flex-that">
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="<?php echo site_url(); ?>">kazhnuz.space</a></li><li class="breadcrumb-item" aria-current="page"><span class="active"><i class="fa fa-tag"></i> <?php echo single_cat_title(); ?></span></li>
</ol>
</nav>
<div class="rss">
<? echo '<a href="' . get_tag_link( $tag_id ) . 'feed/" title="RSS de la categorie" class="btn btn-orange" /><i class="fa fa-rss"></i></a>'; ?>
</div>
</div>
<?php include(TEMPLATEPATH . '/components/preview-list.php'); ?>
</main>
@ -11,7 +21,6 @@
<div class="card-header"><i class="fa fa-fw fa-tag"></i> <?php echo single_cat_title(); ?></div>
<div class="card-body">
<?php echo tag_description();?>
<p><? echo '<a href="' . get_tag_link( $tag_id ) . 'feed/" title="RSS du tag" />Flux RSS</a> du tag'; ?></p>
<?php $infourl = get_term_meta(get_queried_object_id(), 'plus-dinfo', true);
if ($infourl != null) {
echo '<p class="align-center"><a href="' . $infourl . '" class="btn btn-readmore">Plus d\'info</a></p>';