diff --git a/components/posts-list.php b/components/posts-list.php index aa018f0..23ec310 100644 --- a/components/posts-list.php +++ b/components/posts-list.php @@ -4,12 +4,12 @@
term_id ) ) . "' class='article-category'>" . $category[0]->cat_name . ""; ?> + echo" " . $category[0]->cat_name . ""; ?>
-

Lire l'article

+

Lire l'article

+
term_id ) ) . "' class=''>" . $category->cat_name . ""; - } ?> + foreach( $categories as $category ) { + echo " " . $category->cat_name . ""; + } ?> + term_id ) ) . "' class='btn-small btn-primary'> " . $tag->name . ""; + } + } ?> + +
diff --git a/style.css b/style.css index 9cf9812..e9d4b21 100644 --- a/style.css +++ b/style.css @@ -1352,14 +1352,35 @@ ul.card-list, .card > ul { p .btn:last-child { margin-bottom: 0; } -.label, label.label, a.label, .chip, a.chip { +.btn-small { + padding: 0.375rem; + padding-top: 0.125rem; + padding-bottom: 0.125rem; + margin: 0.1875rem; + margin-top: 0.125rem; + margin-bottom: 1.5rem; + line-height: 1.5rem; + height: auto; + border: 0px solid rgba(0, 0, 0, 0.3); + border-radius: 0px 0px 0px 0px; + font-weight: 400; + background-color: transparent; position: relative; z-index: 1; overflow: visible; padding-left: 0.375rem; padding-right: 0.375rem; text-decoration: none; } - .label:before, label.label:before, a.label:before, .chip:before, a.chip:before { + .btn-small:hover, .btn-small:active, .btn-small:focus, a:hover > .btn-small, a:active > .btn-small, a:focus > .btn-small { + text-decoration: none; + background-color: transparent; } + .btn-small: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); } + .btn-small: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; } + .btn-small:before { content: " "; position: absolute; top: 0; @@ -1387,18 +1408,20 @@ ul.card-list, .card > ul { transform: skewX(-15deg); transition: background-color 0.3s; } -.navbar .btn-link { - color: #fdf6e3; } - .navbar .btn-link:before { +.btn-navbar { + color: #fdf6e3; + padding-left: 0.375rem; + padding-right: 0.375rem; } + .btn-navbar:before { background-color: transparent; } - .navbar .btn-link:visited { + .btn-navbar:visited { color: #fdf6e3; } - .navbar .btn-link:visited:before { + .btn-navbar:visited:before { background-color: transparent; } - .navbar .btn-link:hover, .navbar .btn-link:active, .navbar .btn-link:focus, a:hover > .navbar .btn-link, a:active > .navbar .btn-link, a:focus > .navbar .btn-link, .navbar .btn-link:visited:hover, .navbar .btn-link:visited:active, .navbar .btn-link:visited:focus, a:hover > .navbar .btn-link:visited, a:active > .navbar .btn-link:visited, a:focus > .navbar .btn-link:visited, .navbar .btn-link:not(.disabled):not(:disabled):hover, .navbar .btn-link:not(.disabled):not(:disabled):active, .navbar .btn-link:not(.disabled):not(:disabled):focus, a:hover > .navbar .btn-link:not(.disabled):not(:disabled), a:active > .navbar .btn-link:not(.disabled):not(:disabled), a:focus > .navbar .btn-link:not(.disabled):not(:disabled) { + .btn-navbar:hover, .btn-navbar:active, .btn-navbar:focus, a:hover > .btn-navbar, a:active > .btn-navbar, a:focus > .btn-navbar, .btn-navbar:visited:hover, .btn-navbar:visited:active, .btn-navbar:visited:focus, a:hover > .btn-navbar:visited, a:active > .btn-navbar:visited, a:focus > .btn-navbar:visited, .btn-navbar:not(.disabled):not(:disabled):hover, .btn-navbar:not(.disabled):not(:disabled):active, .btn-navbar:not(.disabled):not(:disabled):focus, a:hover > .btn-navbar:not(.disabled):not(:disabled), a:active > .btn-navbar:not(.disabled):not(:disabled), a:focus > .btn-navbar:not(.disabled):not(:disabled) { color: #fffefb; } - .navbar .btn-link:hover:before, .navbar .btn-link:active:before, .navbar .btn-link:focus:before, a:hover > .navbar .btn-link:before, a:active > .navbar .btn-link:before, a:focus > .navbar .btn-link:before, .navbar .btn-link:visited:hover:before, .navbar .btn-link:visited:active:before, .navbar .btn-link:visited:focus:before, a:hover > .navbar .btn-link:visited:before, a:active > .navbar .btn-link:visited:before, a:focus > .navbar .btn-link:visited:before, .navbar .btn-link:not(.disabled):not(:disabled):hover:before, .navbar .btn-link:not(.disabled):not(:disabled):active:before, .navbar .btn-link:not(.disabled):not(:disabled):focus:before, a:hover > .navbar .btn-link:not(.disabled):not(:disabled):before, a:active > .navbar .btn-link:not(.disabled):not(:disabled):before, a:focus > .navbar .btn-link:not(.disabled):not(:disabled):before { - background-color: rgba(0, 0, 0, 0.2); } + .btn-navbar:hover:before, .btn-navbar:active:before, .btn-navbar:focus:before, a:hover > .btn-navbar:before, a:active > .btn-navbar:before, a:focus > .btn-navbar:before, .btn-navbar:visited:hover:before, .btn-navbar:visited:active:before, .btn-navbar:visited:focus:before, a:hover > .btn-navbar:visited:before, a:active > .btn-navbar:visited:before, a:focus > .btn-navbar:visited:before, .btn-navbar:not(.disabled):not(:disabled):hover:before, .btn-navbar:not(.disabled):not(:disabled):active:before, .btn-navbar:not(.disabled):not(:disabled):focus:before, a:hover > .btn-navbar:not(.disabled):not(:disabled):before, a:active > .btn-navbar:not(.disabled):not(:disabled):before, a:focus > .btn-navbar:not(.disabled):not(:disabled):before { + background-color: rgba(0, 0, 0, 0.1); } .btn-readmore { color: #d33682; } @@ -1411,7 +1434,7 @@ ul.card-list, .card > ul { .btn-readmore:hover, .btn-readmore:active, .btn-readmore:focus, a:hover > .btn-readmore, a:active > .btn-readmore, a:focus > .btn-readmore, .btn-readmore:visited:hover, .btn-readmore:visited:active, .btn-readmore:visited:focus, a:hover > .btn-readmore:visited, a:active > .btn-readmore:visited, a:focus > .btn-readmore:visited, .btn-readmore:not(.disabled):not(:disabled):hover, .btn-readmore:not(.disabled):not(:disabled):active, .btn-readmore:not(.disabled):not(:disabled):focus, a:hover > .btn-readmore:not(.disabled):not(:disabled), a:active > .btn-readmore:not(.disabled):not(:disabled), a:focus > .btn-readmore:not(.disabled):not(:disabled) { color: #d84b8f; } .btn-readmore:hover:before, .btn-readmore:active:before, .btn-readmore:focus:before, a:hover > .btn-readmore:before, a:active > .btn-readmore:before, a:focus > .btn-readmore:before, .btn-readmore:visited:hover:before, .btn-readmore:visited:active:before, .btn-readmore:visited:focus:before, a:hover > .btn-readmore:visited:before, a:active > .btn-readmore:visited:before, a:focus > .btn-readmore:visited:before, .btn-readmore:not(.disabled):not(:disabled):hover:before, .btn-readmore:not(.disabled):not(:disabled):active:before, .btn-readmore:not(.disabled):not(:disabled):focus:before, a:hover > .btn-readmore:not(.disabled):not(:disabled):before, a:active > .btn-readmore:not(.disabled):not(:disabled):before, a:focus > .btn-readmore:not(.disabled):not(:disabled):before { - background-color: rgba(0, 0, 0, 0.2); } + background-color: rgba(0, 0, 0, 0.05); } .btn-toolbar { padding: 0 1.5rem; } @@ -1761,7 +1784,8 @@ ul.breadcrumb, ol.breadcrumb, .breadcrumb { /* ------------------ PARTAGE RESEAUX SOCIAUX ------------------- */ .share-buttons { - margin-top: 1.5rem; } + margin-top: 1.5rem; + padding-bottom: 1.5rem; } .reagir { text-align: right; } @@ -2088,59 +2112,6 @@ ul.breadcrumb, ol.breadcrumb, .breadcrumb { justify-content: space-between; padding-bottom: 1.5rem; } -.article-category-link { - padding: 0.375rem; - padding-top: 0.125rem; - padding-bottom: 0.125rem; - margin: 0.1875rem; - margin-top: 0.125rem; - margin-bottom: 1.5rem; - line-height: 1.5rem; - height: auto; - border: 0px solid rgba(0, 0, 0, 0.3); - border-radius: 0px 0px 0px 0px; - font-weight: 400; - background-color: transparent; - position: relative; - z-index: 1; - overflow: visible; - padding-left: 0.375rem; - padding-right: 0.375rem; - color: #fdf6e3; } - .article-category-link:hover, .article-category-link:active, .article-category-link:focus, a:hover > .article-category-link, a:active > .article-category-link, a:focus > .article-category-link { - text-decoration: none; - background-color: transparent; } - .article-category-link: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); } - .article-category-link: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; } - .article-category-link:before { - content: " "; - position: absolute; - top: 0; - left: -0.1875rem; - right: -0.1875rem; - bottom: 0; - z-index: -1; - transform: skewX(-15deg); - transition: background-color 0.3s; } - .article-category-link:before { - background-color: #2aa198; } - .article-category-link:visited { - color: #fdf6e3; } - .article-category-link:visited:before { - background-color: #2aa198; } - .article-category-link:hover, .article-category-link:active, .article-category-link:focus, a:hover > .article-category-link, a:active > .article-category-link, a:focus > .article-category-link, .article-category-link:visited:hover, .article-category-link:visited:active, .article-category-link:visited:focus, a:hover > .article-category-link:visited, a:active > .article-category-link:visited, a:focus > .article-category-link:visited, .article-category-link:not(.disabled):not(:disabled):hover, .article-category-link:not(.disabled):not(:disabled):active, .article-category-link:not(.disabled):not(:disabled):focus, a:hover > .article-category-link:not(.disabled):not(:disabled), a:active > .article-category-link:not(.disabled):not(:disabled), a:focus > .article-category-link:not(.disabled):not(:disabled) { - color: #fffefb; } - .article-category-link:hover:before, .article-category-link:active:before, .article-category-link:focus:before, a:hover > .article-category-link:before, a:active > .article-category-link:before, a:focus > .article-category-link:before, .article-category-link:visited:hover:before, .article-category-link:visited:active:before, .article-category-link:visited:focus:before, a:hover > .article-category-link:visited:before, a:active > .article-category-link:visited:before, a:focus > .article-category-link:visited:before, .article-category-link:not(.disabled):not(:disabled):hover:before, .article-category-link:not(.disabled):not(:disabled):active:before, .article-category-link:not(.disabled):not(:disabled):focus:before, a:hover > .article-category-link:not(.disabled):not(:disabled):before, a:active > .article-category-link:not(.disabled):not(:disabled):before, a:focus > .article-category-link:not(.disabled):not(:disabled):before { - background-color: #22837b; } - .article-category-link:hover, .article-category-link:active { - border: 0px solid rgba(0, 0, 0, 0.3); } - p .article-category-link:last-child { - margin-bottom: 0; } - strong.btn-fake { padding: 1.5rem; padding-top: 0.5rem; @@ -2241,110 +2212,6 @@ a.article-nav-link-wrap { a.article-nav-link-wrap:hover:before, a.article-nav-link-wrap:active:before, a.article-nav-link-wrap:focus:before, a:hover > a.article-nav-link-wrap:before, a:active > a.article-nav-link-wrap:before, a:focus > a.article-nav-link-wrap:before, a.article-nav-link-wrap:visited:hover:before, a.article-nav-link-wrap:visited:active:before, a.article-nav-link-wrap:visited:focus:before, a:hover > a.article-nav-link-wrap:visited:before, a:active > a.article-nav-link-wrap:visited:before, a:focus > a.article-nav-link-wrap:visited:before, a.article-nav-link-wrap:not(.disabled):not(:disabled):hover:before, a.article-nav-link-wrap:not(.disabled):not(:disabled):active:before, a.article-nav-link-wrap:not(.disabled):not(:disabled):focus:before, a:hover > a.article-nav-link-wrap:not(.disabled):not(:disabled):before, a:active > a.article-nav-link-wrap:not(.disabled):not(:disabled):before, a:focus > a.article-nav-link-wrap:not(.disabled):not(:disabled):before { background-color: #22837b; } -.article-more-link { - text-align: center; } - .article-more-link a { - padding: 1.5rem; - padding-top: 0.5rem; - padding-bottom: 0.5rem; - margin: 0.75rem; - margin-top: 0.5rem; - margin-bottom: 1.5rem; - line-height: 1.5rem; - height: auto; - border: 0px solid rgba(0, 0, 0, 0.3); - border-radius: 0px 0px 0px 0px; - font-weight: 400; - background-color: transparent; - position: relative; - z-index: 1; - overflow: visible; - padding-left: 1.5rem; - padding-right: 1.5rem; - color: #d33682; } - .article-more-link a:hover, .article-more-link a:active, .article-more-link a:focus, a:hover > .article-more-link a, a:active > .article-more-link a, a:focus > .article-more-link a { - text-decoration: none; - background-color: transparent; } - .article-more-link a: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); } - .article-more-link a: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; } - .article-more-link a:before { - content: " "; - position: absolute; - top: 0; - left: -0.75rem; - right: -0.75rem; - bottom: 0; - z-index: -1; - transform: skewX(-15deg); - transition: background-color 0.3s; } - .article-more-link a:hover, .article-more-link a:active { - border: 0px solid rgba(0, 0, 0, 0.3); } - p .article-more-link a:last-child { - margin-bottom: 0; } - .article-more-link a:before { - background-color: transparent; } - .article-more-link a:visited { - color: #d33682; } - .article-more-link a:visited:before { - background-color: transparent; } - .article-more-link a:hover, .article-more-link a:active, .article-more-link a:focus, a:hover > .article-more-link a, a:active > .article-more-link a, a:focus > .article-more-link a, .article-more-link a:visited:hover, .article-more-link a:visited:active, .article-more-link a:visited:focus, a:hover > .article-more-link a:visited, a:active > .article-more-link a:visited, a:focus > .article-more-link a:visited, .article-more-link a:not(.disabled):not(:disabled):hover, .article-more-link a:not(.disabled):not(:disabled):active, .article-more-link a:not(.disabled):not(:disabled):focus, a:hover > .article-more-link a:not(.disabled):not(:disabled), a:active > .article-more-link a:not(.disabled):not(:disabled), a:focus > .article-more-link a:not(.disabled):not(:disabled) { - color: #d84b8f; } - .article-more-link a:hover:before, .article-more-link a:active:before, .article-more-link a:focus:before, a:hover > .article-more-link a:before, a:active > .article-more-link a:before, a:focus > .article-more-link a:before, .article-more-link a:visited:hover:before, .article-more-link a:visited:active:before, .article-more-link a:visited:focus:before, a:hover > .article-more-link a:visited:before, a:active > .article-more-link a:visited:before, a:focus > .article-more-link a:visited:before, .article-more-link a:not(.disabled):not(:disabled):hover:before, .article-more-link a:not(.disabled):not(:disabled):active:before, .article-more-link a:not(.disabled):not(:disabled):focus:before, a:hover > .article-more-link a:not(.disabled):not(:disabled):before, a:active > .article-more-link a:not(.disabled):not(:disabled):before, a:focus > .article-more-link a:not(.disabled):not(:disabled):before { - background-color: rgba(0, 0, 0, 0.05); } - -.btn-navbar { - padding: 1.5rem; - padding-top: 0.5rem; - padding-bottom: 0.5rem; - margin: 0.75rem; - margin-top: 0.5rem; - margin-bottom: 1.5rem; - line-height: 1.5rem; - height: auto; - border: 0px solid rgba(0, 0, 0, 0.3); - border-radius: 0px 0px 0px 0px; - font-weight: 400; - background-color: transparent; - position: relative; - z-index: 1; - overflow: visible; - padding-left: 0.375rem; - padding-right: 0.375rem; - color: #fdf6e3; } - .btn-navbar:hover, .btn-navbar:active, .btn-navbar:focus, a:hover > .btn-navbar, a:active > .btn-navbar, a:focus > .btn-navbar { - text-decoration: none; - background-color: transparent; } - .btn-navbar: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); } - .btn-navbar: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; } - .btn-navbar:before { - content: " "; - position: absolute; - top: 0; - left: -0.75rem; - right: -0.75rem; - bottom: 0; - z-index: -1; - transform: skewX(-15deg); - transition: background-color 0.3s; } - .btn-navbar:before { - background-color: transparent; } - .btn-navbar:visited { - color: #fdf6e3; } - .btn-navbar:visited:before { - background-color: transparent; } - .btn-navbar:hover, .btn-navbar:active, .btn-navbar:focus, a:hover > .btn-navbar, a:active > .btn-navbar, a:focus > .btn-navbar, .btn-navbar:visited:hover, .btn-navbar:visited:active, .btn-navbar:visited:focus, a:hover > .btn-navbar:visited, a:active > .btn-navbar:visited, a:focus > .btn-navbar:visited, .btn-navbar:not(.disabled):not(:disabled):hover, .btn-navbar:not(.disabled):not(:disabled):active, .btn-navbar:not(.disabled):not(:disabled):focus, a:hover > .btn-navbar:not(.disabled):not(:disabled), a:active > .btn-navbar:not(.disabled):not(:disabled), a:focus > .btn-navbar:not(.disabled):not(:disabled) { - color: #fffefb; } - .btn-navbar:hover:before, .btn-navbar:active:before, .btn-navbar:focus:before, a:hover > .btn-navbar:before, a:active > .btn-navbar:before, a:focus > .btn-navbar:before, .btn-navbar:visited:hover:before, .btn-navbar:visited:active:before, .btn-navbar:visited:focus:before, a:hover > .btn-navbar:visited:before, a:active > .btn-navbar:visited:before, a:focus > .btn-navbar:visited:before, .btn-navbar:not(.disabled):not(:disabled):hover:before, .btn-navbar:not(.disabled):not(:disabled):active:before, .btn-navbar:not(.disabled):not(:disabled):focus:before, a:hover > .btn-navbar:not(.disabled):not(:disabled):before, a:active > .btn-navbar:not(.disabled):not(:disabled):before, a:focus > .btn-navbar:not(.disabled):not(:disabled):before { - background-color: rgba(0, 0, 0, 0.1); } - .pigimg, .mb { padding-bottom: 1.5rem; }