quarante-douze/qdouze2-wordpress-theme
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Compare commits

base: quarante-douze:14219309e0444e0e9b6124081d3277876058fee9
Branches Tags
quarante-douze:main
..
compare: quarante-douze:cb638b5823b03fa7cdeb4b1d60b3bcb22d359446
Branches Tags
quarante-douze:main

No commits in common. "14219309e0444e0e9b6124081d3277876058fee9" and "cb638b5823b03fa7cdeb4b1d60b3bcb22d359446" have entirely different histories.
14219309e0 ... cb638b5823

11 changed files with 166 additions and 325 deletions
Show stats Expand all files Collapse all files

2
components/article.php
View file

@ -13,7 +13,7 @@
<?php the_post_thumbnail( ); ?>
</div>
<div class="article-entry mb-1">
<div class="article-entry">
<?php the_content(); ?>
</div>

2
components/article/flags.php
View file

@ -2,7 +2,7 @@
if ($flags) {
foreach( $flags as $flag ) {
$term_meta = get_option( "taxonomy_term_$flag->term_id" );
echo "<div class='toast bg-soft-" . $term_meta['niveau'] . "'>";
echo "<div class='toast toast-" . $term_meta['niveau'] . "'>";
echo $flag->description;
echo "</div>";
}

2
components/globalflag.php
View file

@ -9,7 +9,7 @@ if ($flags) {
foreach( $flags as $flag ) {
if ($flag->slug == "global") {
$term_meta = get_option( "taxonomy_term_$flag->term_id" );
echo "<div class='toast bg-soft-" . $term_meta['niveau'] . "'>";
echo "<div class='toast toast-" . $term_meta['niveau'] . "'>";
echo $flag->description;
echo "</div>";
}

2
components/logo.php
View file

@ -1,3 +1,3 @@
<div class="logo-area">
<h1><a href="<?php echo site_url(); ?>"><img src="<?php echo get_template_directory_uri();?>/img/logo.png" alt=""/> <span class="sr-only"><?php echo get_bloginfo( 'name' ); ?></span></a></h1>
<h1><a href="<?php echo site_url(); ?>"><img src="<?php echo get_template_directory_uri();?>/img/logo.png" alt="<?php echo get_bloginfo( 'name' ); ?>"/></a></h1>
</div>

3
components/searchform.php
View file

@ -1,6 +1,5 @@
<form method="get" id="searchform" action="<?php bloginfo('home'); ?>/">
<div>
<label for="searchfield" class="sr-only">Formulaire de recherche</label>
<input class="form-control" id="searchfield" type="search" placeholder="Chercher sur le site" aria-label="Chercher sur le site" value="<?php the_search_query(); ?>" name="s" id="s" />
<input class="form-control" type="search" placeholder="Chercher sur le site" aria-label="Chercher sur le site" value="<?php the_search_query(); ?>" name="s" id="s" />
</div>
</form>

2
components/sidebar/categories.php
View file

@ -1,4 +1,4 @@
<section class="card head-secondary d-flex-sm d-none">
<section class="card head-secondary d-block-sm d-none">
<h2 class="card-header"><i class="fa fa-folder" aria-hidden="true"></i> Catégories</h2>
<div class="menu fg-dark">
<ul>

4
home.php
View file

@ -1,5 +1,5 @@
<?php get_header(); ?>
<main class="fullwidth" id="skip">
<main class="fullwidth">
<?php include(TEMPLATEPATH . '/components/globalflag.php'); ?>
<!-- Recuperation de la page de home -->
@ -23,7 +23,7 @@
</section>
<?php if ( !is_paged() ) {
?>
<div class="toast mb-1 bg-soft-info home-toast"><strong class="m-0"><i class="fa fa-fw fa-info"></i> Note :</strong> Si vous êtes intéressé pour découvrir plus
<div class="toast mb-1 bg-info home-toast"><strong class="m-0"><i class="fa fa-fw fa-info"></i> Note :</strong> Si vous êtes intéressé pour découvrir plus
de contenus trouvé sur internet, vous pouvez aussi regarder mon <a href="http://shaarli.kazhnuz.space/">Shaarli</a>, qui sert plus à
partager des petites découverte rigolote ou intéressantes.</div>
<?php

3
scss/custom/_mobile.scss
View file

@ -30,9 +30,10 @@
justify-content: center;
aspect-ratio: 1;
border-radius:999px;
opacity: 0.75;
&:hover {
background-color:$color-primary;
opacity:1;
}
@include sm() {

45
scss/definitions/_palette.scss
View file

@ -14,32 +14,19 @@ $whiteness_value: 0.8;
// Couleurs de base du theme :
$palette: (
"blue":#1971c2,
"violet":#6741d9,
"red":#e03131,
"orange":#e8590c,
"green":#2f9e44,
"skyblue":#0c8599,
"blue":#339af0,
"violet":#845ef7,
"red":#e33d22,
"orange":#ff922b,
"green":#51cf66,
"skyblue":#3bc9db,
"dark": #343a40,
"light":#ffffff,
"yellow":#ffe066,
"light":#fefefe,
"yellow":#fcc419,
"grey":#adb5bd,
"dark2":#212529,
"light2":#f1f3f5);
$palette-light: (
"blue": #a5d8ff,
"violet":#d0bfff,
"red":#ffc9c9,
"orange":#ffd8a8,
"green":#b2f2bb,
"skyblue":#99e9f2,
"yellow":#ffec99,
"light":#ffffff,
"grey":#f1f3f5,
"dark":#adb5bd
);
$semantics: (
"primary":"red",
"secondary":"dark",
@ -73,22 +60,6 @@ $helpers: (
}
}
@function get-color-light($name) {
@if map-has-key($helpers, $name) {
@return map-get($palette-light, map-get($helpers, $name));
}
@else {
@if map-has-key($semantics, $name) {
@return map-get($palette-light, map-get($semantics, $name));
}
@else {
@return map-get($palette-light, $name);
}
}
}
// **Couleurs du theme**
// Ne pas retirer ces couleurs, qui
// sont essentielle pour que le framework functionne.

14
scss/utils/_colorize.scss
View file

@ -38,20 +38,6 @@
}
}
.bg-soft {
@each $name,
$color in list-colors() {
&-#{$name} {
@include bg-color(get-color-light($name));
&:hover {
@include bg-color(get-color-light($name));
}
}
}
}
.text {
@each $name,

412
style.css
View file

@ -381,7 +381,7 @@ body {
**/
/* 2.2 - Global Typography */
html, body {
font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Cantarell, Roboto, Oxygen, Ubuntu, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-family: Open Sans, sans-serif;
text-align: left;
font-size: 4.75mm;
line-height: 1.6rem;
@ -400,18 +400,18 @@ mark {
border-radius: 0.1rem; }
a {
color: #7e1313;
outline-color: #e03131;
color: #761d0f;
outline-color: #e33d22;
padding: 0.05rem;
border-radius: 0.1rem;
text-decoration: underline dashed; }
a:visited {
color: #7e1313; }
color: #761d0f; }
a:hover, a:hover.fg-dark, .fg-light a:hover, a:active, a:active.fg-dark, .fg-light a:active {
background-color: rgba(33, 37, 41, 0.1);
text-decoration: none; }
.fg-light a:hover, a:hover.fg-light, .fg-light a:active, a:active.fg-light {
background-color: rgba(255, 255, 255, 0.2);
background-color: rgba(254, 254, 254, 0.2);
text-decoration: none; }
a:focus-visible, input:focus-visible {
@ -420,7 +420,7 @@ a:focus-visible, input:focus-visible {
outline-offset: 1px; }
mark {
background-color: white;
background-color: #feebb0;
color: inherit; }
p, ul, ol {
@ -450,12 +450,12 @@ ul, ol {
padding: 0; }
::selection, ::-moz-selection {
background-color: #1971c2;
color: #ffffff; }
background-color: #339af0;
color: #fefefe; }
/* 2.3 - Titles */
h1, h2, h3, h4, h5, h6, h7 {
font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Cantarell, Roboto, Oxygen, Ubuntu, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-family: Open Sans, sans-serif;
text-align: left;
font-size: 1em;
padding: 0;
@ -466,10 +466,10 @@ h1, h2, h3, h4, h5, h6, h7 {
border: none; }
sup > a, sub > a {
color: #e03131;
color: #e33d22;
background-color: transparent; }
sup > a:hover, sup > a:focus, sup > a:active, sub > a:hover, sub > a:focus, sub > a:active {
color: #c11d1d; }
color: #ba2e18; }
.main-title {
font-family: Teko, sans-serif;
@ -482,7 +482,7 @@ h1, .title-1 {
font-size: 2.441rem;
line-height: 3.2rem;
font-weight: 800;
color: #e03131; }
color: #e33d22; }
h2, .title-2 {
font-size: 2.441rem;
@ -532,7 +532,7 @@ blockquote, .quote, .well, pre, .pre, .well-pre {
code {
background: transparent;
color: #e03131; }
color: #e33d22; }
.small-text {
font-size: 0.9em; }
@ -545,7 +545,7 @@ code {
display: block; }
#wrapper {
background-color: #ffffff; }
background-color: #fefefe; }
.container-big {
padding-left: 1.6rem;
@ -1111,13 +1111,13 @@ strong.btn-fake {
.btn-readmore, .btn-link {
background-color: transparent;
outline-color: transparent;
color: #e03131; }
color: #e33d22; }
.btn-readmore:visited, .btn-link:visited {
background-color: transparent;
color: #e03131; }
color: #e33d22; }
.btn-readmore:hover, .btn-readmore:active, .btn-readmore:visited:hover, .btn-readmore:visited:active, .btn-readmore:not(.disabled):not(:disabled):hover, .btn-readmore:not(.disabled):not(:disabled):active, .btn-link:hover, .btn-link:active, .btn-link:visited:hover, .btn-link:visited:active, .btn-link:not(.disabled):not(:disabled):hover, .btn-link:not(.disabled):not(:disabled):active {
background-color: #dbe0e5;
color: #e34747;
color: #e65139;
outline-color: #dbe0e5;
box-shadow: none; }
.btn-readmore:not(:hover), .btn-link:not(:hover) {
@ -1193,10 +1193,10 @@ ul.breadcrumb, ol.breadcrumb, .breadcrumb {
.breadcrumb li.breadcrumb-item a.active, .breadcrumb li.breadcrumb-item > span.active {
background-color: #343a40;
outline-color: #343a40;
color: #ffffff; }
color: #fefefe; }
.breadcrumb li.breadcrumb-item a.active:visited, .breadcrumb li.breadcrumb-item > span.active:visited {
background-color: #343a40;
color: #ffffff; }
color: #fefefe; }
.breadcrumb li.breadcrumb-item a.active:hover, .breadcrumb li.breadcrumb-item a.active:active, .breadcrumb li.breadcrumb-item a.active:visited:hover, .breadcrumb li.breadcrumb-item a.active:visited:active, .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 > span.active:hover, .breadcrumb li.breadcrumb-item > span.active:active, .breadcrumb li.breadcrumb-item > span.active:visited:hover, .breadcrumb li.breadcrumb-item > span.active:visited:active, .breadcrumb li.breadcrumb-item > span.active:not(.disabled):not(:disabled):hover, .breadcrumb li.breadcrumb-item > span.active:not(.disabled):not(:disabled):active {
background-color: #343a40;
color: white;
@ -1250,8 +1250,8 @@ nav.pagination {
outline-color: #d2d4d6;
box-shadow: none; }
nav.pagination .page-numbers.current, nav.pagination .next.current, nav.pagination .prev.current {
background-color: #e03131;
color: #ffffff; }
background-color: #e33d22;
color: #fefefe; }
/*
* 2. Cards and containers
@ -1308,11 +1308,11 @@ nav.pagination {
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px; }
.card-header h1, .card-header h2, .card-header h3, .card-header h4, .card-header h5, .card-header h6, .card-header h7, .card-header h8, .card-header h9, .card-header h10 {
font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Cantarell, Roboto, Oxygen, Ubuntu, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-family: Open Sans, sans-serif;
font-size: 1em;
padding: 0px;
margin: 0px;
color: #ffffff;
color: #fefefe;
font-weight: 300;
line-height: 1.6em; }
.card-header .fa {
@ -1342,10 +1342,10 @@ ul.card-list, .card > ul {
padding-right: 0.4em; }
.list-danger li.list-element::before {
color: #e03131; }
color: #e33d22; }
.list-success li.list-element::before {
color: #2f9e44; }
color: #51cf66; }
.smallcard-header {
font-size: 1.1em;
@ -1373,11 +1373,11 @@ ul.card-list, .card > ul {
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px; }
.smallcard-header h1, .smallcard-header h2, .smallcard-header h3, .smallcard-header h4, .smallcard-header h5, .smallcard-header h6, .smallcard-header h7, .smallcard-header h8, .smallcard-header h9, .smallcard-header h10 {
font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Cantarell, Roboto, Oxygen, Ubuntu, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-family: Open Sans, sans-serif;
font-size: 1em;
padding: 0px;
margin: 0px;
color: #ffffff;
color: #fefefe;
font-weight: 300;
line-height: 1.6em; }
@ -1415,12 +1415,12 @@ ul.card-list, .card > ul {
.menu a:visited .badge {
margin: 0; }
.menu.fg-light a, .fg-light .menu a {
color: #ffffff;
outline-color: #ffffff; }
color: #fefefe;
outline-color: #fefefe; }
.menu.fg-light a:hover, .menu.fg-light a:active, .menu.fg-light a.submenu:focus, .fg-light .menu a:hover, .fg-light .menu a:active, .fg-light .menu a.submenu:focus {
background-color: rgba(255, 255, 255, 0.3); }
background-color: rgba(254, 254, 254, 0.3); }
.menu.fg-light input, .fg-light .menu input {
outline-color: #ffffff; }
outline-color: #fefefe; }
.menu.fg-dark a, .fg-dark .menu a {
color: #212529;
outline-color: #212529; }
@ -1557,7 +1557,7 @@ th {
input,
textarea {
width: 100%;
background-color: #ffffff;
background-color: #fefefe;
border-radius: 4px;
border: 0px solid rgba(0, 0, 0, 0);
padding: 0.4em;
@ -1614,104 +1614,104 @@ textarea {
* Colorize some aspect of a class
**/
.bg-primary {
background-color: #e03131;
color: #ffffff; }
background-color: #e33d22;
color: #fefefe; }
.bg-primary a {
color: currentColor;
outline-color: currentColor; }
.bg-primary:hover {
background-color: #e03131;
color: #ffffff; }
background-color: #e33d22;
color: #fefefe; }
.bg-primary:hover a {
color: currentColor;
outline-color: currentColor; }
.bg-secondary {
background-color: #343a40;
color: #ffffff; }
color: #fefefe; }
.bg-secondary a {
color: currentColor;
outline-color: currentColor; }
.bg-secondary:hover {
background-color: #343a40;
color: #ffffff; }
color: #fefefe; }
.bg-secondary:hover a {
color: currentColor;
outline-color: currentColor; }
.bg-warning {
background-color: #e8590c;
color: #ffffff; }
background-color: #ff922b;
color: #fefefe; }
.bg-warning a {
color: currentColor;
outline-color: currentColor; }
.bg-warning:hover {
background-color: #e8590c;
color: #ffffff; }
background-color: #ff922b;
color: #fefefe; }
.bg-warning:hover a {
color: currentColor;
outline-color: currentColor; }
.bg-danger {
background-color: #e03131;
color: #ffffff; }
background-color: #e33d22;
color: #fefefe; }
.bg-danger a {
color: currentColor;
outline-color: currentColor; }
.bg-danger:hover {
background-color: #e03131;
color: #ffffff; }
background-color: #e33d22;
color: #fefefe; }
.bg-danger:hover a {
color: currentColor;
outline-color: currentColor; }
.bg-info {
background-color: #1971c2;
color: #ffffff; }
background-color: #339af0;
color: #fefefe; }
.bg-info a {
color: currentColor;
outline-color: currentColor; }
.bg-info:hover {
background-color: #1971c2;
color: #ffffff; }
background-color: #339af0;
color: #fefefe; }
.bg-info:hover a {
color: currentColor;
outline-color: currentColor; }
.bg-success {
background-color: #2f9e44;
color: #ffffff; }
background-color: #51cf66;
color: #fefefe; }
.bg-success a {
color: currentColor;
outline-color: currentColor; }
.bg-success:hover {
background-color: #2f9e44;
color: #ffffff; }
background-color: #51cf66;
color: #fefefe; }
.bg-success:hover a {
color: currentColor;
outline-color: currentColor; }
.bg-muted {
background-color: #adb5bd;
color: #ffffff; }
color: #fefefe; }
.bg-muted a {
color: currentColor;
outline-color: currentColor; }
.bg-muted:hover {
background-color: #adb5bd;
color: #ffffff; }
color: #fefefe; }
.bg-muted:hover a {
color: currentColor;
outline-color: currentColor; }
.bg-light {
background-color: #ffffff;
background-color: #fefefe;
color: #212529; }
.bg-light a {
color: currentColor;
outline-color: currentColor; }
.bg-light:hover {
background-color: #ffffff;
background-color: #fefefe;
color: #212529; }
.bg-light:hover a {
color: currentColor;
@ -1719,253 +1719,136 @@ textarea {
.bg-dark {
background-color: #343a40;
color: #ffffff; }
color: #fefefe; }
.bg-dark a {
color: currentColor;
outline-color: currentColor; }
.bg-dark:hover {
background-color: #343a40;
color: #ffffff; }
color: #fefefe; }
.bg-dark:hover a {
color: currentColor;
outline-color: currentColor; }
.bg-soft-primary {
background-color: #ffc9c9;
color: #212529; }
.bg-soft-primary a {
color: currentColor;
outline-color: currentColor; }
.bg-soft-primary:hover {
background-color: #ffc9c9;
color: #212529; }
.bg-soft-primary:hover a {
color: currentColor;
outline-color: currentColor; }
.bg-soft-secondary {
background-color: #adb5bd;
color: #ffffff; }
.bg-soft-secondary a {
color: currentColor;
outline-color: currentColor; }
.bg-soft-secondary:hover {
background-color: #adb5bd;
color: #ffffff; }
.bg-soft-secondary:hover a {
color: currentColor;
outline-color: currentColor; }
.bg-soft-warning {
background-color: #ffd8a8;
color: #212529; }
.bg-soft-warning a {
color: currentColor;
outline-color: currentColor; }
.bg-soft-warning:hover {
background-color: #ffd8a8;
color: #212529; }
.bg-soft-warning:hover a {
color: currentColor;
outline-color: currentColor; }
.bg-soft-danger {
background-color: #ffc9c9;
color: #212529; }
.bg-soft-danger a {
color: currentColor;
outline-color: currentColor; }
.bg-soft-danger:hover {
background-color: #ffc9c9;
color: #212529; }
.bg-soft-danger:hover a {
color: currentColor;
outline-color: currentColor; }
.bg-soft-info {
background-color: #a5d8ff;
color: #212529; }
.bg-soft-info a {
color: currentColor;
outline-color: currentColor; }
.bg-soft-info:hover {
background-color: #a5d8ff;
color: #212529; }
.bg-soft-info:hover a {
color: currentColor;
outline-color: currentColor; }
.bg-soft-success {
background-color: #b2f2bb;
color: #212529; }
.bg-soft-success a {
color: currentColor;
outline-color: currentColor; }
.bg-soft-success:hover {
background-color: #b2f2bb;
color: #212529; }
.bg-soft-success:hover a {
color: currentColor;
outline-color: currentColor; }
.bg-soft-muted {
background-color: #f1f3f5;
color: #212529; }
.bg-soft-muted a {
color: currentColor;
outline-color: currentColor; }
.bg-soft-muted:hover {
background-color: #f1f3f5;
color: #212529; }
.bg-soft-muted:hover a {
color: currentColor;
outline-color: currentColor; }
.bg-soft-light {
background-color: #ffffff;
color: #212529; }
.bg-soft-light a {
color: currentColor;
outline-color: currentColor; }
.bg-soft-light:hover {
background-color: #ffffff;
color: #212529; }
.bg-soft-light:hover a {
color: currentColor;
outline-color: currentColor; }
.bg-soft-dark {
background-color: #adb5bd;
color: #ffffff; }
.bg-soft-dark a {
color: currentColor;
outline-color: currentColor; }
.bg-soft-dark:hover {
background-color: #adb5bd;
color: #ffffff; }
.bg-soft-dark:hover a {
color: currentColor;
outline-color: currentColor; }
.text-primary {
color: #e03131; }
color: #e33d22; }
.text-secondary {
color: #343a40; }
.text-warning {
color: #e8590c; }
color: #ff922b; }
.text-danger {
color: #e03131; }
color: #e33d22; }
.text-info {
color: #1971c2; }
color: #339af0; }
.text-success {
color: #2f9e44; }
color: #51cf66; }
.text-muted {
color: #adb5bd; }
.text-light {
color: #ffffff; }
color: #fefefe; }
.text-dark {
color: #343a40; }
.btn-primary {
background-color: #e03131;
outline-color: #e03131;
color: #ffffff;
background-color: #e33d22;
outline-color: #e33d22;
color: #fefefe;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0); }
.btn-primary:visited {
background-color: #e03131;
color: #ffffff; }
background-color: #e33d22;
color: #fefefe; }
.btn-primary:hover, .btn-primary:active, .btn-primary:visited:hover, .btn-primary:visited:active, .btn-primary:not(.disabled):not(:disabled):hover, .btn-primary:not(.disabled):not(:disabled):active {
background-color: #e55050;
background-color: #e75a43;
color: white;
outline-color: #e55050;
outline-color: #e75a43;
box-shadow: none; }
.btn-secondary {
background-color: #343a40;
outline-color: #343a40;
color: #ffffff;
color: #fefefe;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0); }
.btn-secondary:visited {
background-color: #343a40;
color: #ffffff; }
color: #fefefe; }
.btn-secondary:hover, .btn-secondary:active, .btn-secondary:visited:hover, .btn-secondary:visited:active, .btn-secondary:not(.disabled):not(:disabled):hover, .btn-secondary:not(.disabled):not(:disabled):active {
background-color: #52585d;
background-color: #52575d;
color: white;
outline-color: #52585d;
outline-color: #52575d;
box-shadow: none; }
.btn-warning {
background-color: #e8590c;
outline-color: #e8590c;
color: #ffffff;
background-color: #ff922b;
outline-color: #ff922b;
color: #fefefe;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0); }
.btn-warning:visited {
background-color: #e8590c;
color: #ffffff; }
background-color: #ff922b;
color: #fefefe; }
.btn-warning:hover, .btn-warning:active, .btn-warning:visited:hover, .btn-warning:visited:active, .btn-warning:not(.disabled):not(:disabled):hover, .btn-warning:not(.disabled):not(:disabled):active {
background-color: #eb7230;
background-color: #ffa24b;
color: white;
outline-color: #eb7230;
outline-color: #ffa24b;
box-shadow: none; }
.btn-danger {
background-color: #e03131;
outline-color: #e03131;
color: #ffffff;
background-color: #e33d22;
outline-color: #e33d22;
color: #fefefe;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0); }
.btn-danger:visited {
background-color: #e03131;
color: #ffffff; }
background-color: #e33d22;
color: #fefefe; }
.btn-danger:hover, .btn-danger:active, .btn-danger:visited:hover, .btn-danger:visited:active, .btn-danger:not(.disabled):not(:disabled):hover, .btn-danger:not(.disabled):not(:disabled):active {
background-color: #e55050;
background-color: #e75a43;
color: white;
outline-color: #e55050;
outline-color: #e75a43;
box-shadow: none; }
.btn-info {
background-color: #1971c2;
outline-color: #1971c2;
color: #ffffff;
background-color: #339af0;
outline-color: #339af0;
color: #fefefe;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0); }
.btn-info:visited {
background-color: #1971c2;
color: #ffffff; }
background-color: #339af0;
color: #fefefe; }
.btn-info:hover, .btn-info:active, .btn-info:visited:hover, .btn-info:visited:active, .btn-info:not(.disabled):not(:disabled):hover, .btn-info:not(.disabled):not(:disabled):active {
background-color: #3c86cb;
background-color: #51a9f2;
color: white;
outline-color: #3c86cb;
outline-color: #51a9f2;
box-shadow: none; }
.btn-success {
background-color: #2f9e44;
outline-color: #2f9e44;
color: #ffffff;
background-color: #51cf66;
outline-color: #51cf66;
color: #fefefe;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0); }
.btn-success:visited {
background-color: #2f9e44;
color: #ffffff; }
background-color: #51cf66;
color: #fefefe; }
.btn-success:hover, .btn-success:active, .btn-success:visited:hover, .btn-success:visited:active, .btn-success:not(.disabled):not(:disabled):hover, .btn-success:not(.disabled):not(:disabled):active {
background-color: #4ead60;
background-color: #6bd67d;
color: white;
outline-color: #4ead60;
outline-color: #6bd67d;
box-shadow: none; }
.btn-muted {
background-color: #adb5bd;
outline-color: #adb5bd;
color: #ffffff;
color: #fefefe;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0); }
.btn-muted:visited {
background-color: #adb5bd;
color: #ffffff; }
color: #fefefe; }
.btn-muted:hover, .btn-muted:active, .btn-muted:visited:hover, .btn-muted:visited:active, .btn-muted:not(.disabled):not(:disabled):hover, .btn-muted:not(.disabled):not(:disabled):active {
background-color: #b9c0c7;
color: white;
@ -1973,98 +1856,98 @@ textarea {
box-shadow: none; }
.btn-light {
background-color: #ffffff;
outline-color: #ffffff;
background-color: #fefefe;
outline-color: #fefefe;
color: #212529;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0); }
.btn-light:visited {
background-color: #ffffff;
background-color: #fefefe;
color: #212529; }
.btn-light:hover, .btn-light:active, .btn-light:visited:hover, .btn-light:visited:active, .btn-light:not(.disabled):not(:disabled):hover, .btn-light:not(.disabled):not(:disabled):active {
background-color: #dededf;
background-color: #ddddde;
color: #2c3237;
outline-color: #dededf;
outline-color: #ddddde;
box-shadow: none; }
.btn-dark {
background-color: #343a40;
outline-color: #343a40;
color: #ffffff;
color: #fefefe;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0); }
.btn-dark:visited {
background-color: #343a40;
color: #ffffff; }
color: #fefefe; }
.btn-dark:hover, .btn-dark:active, .btn-dark:visited:hover, .btn-dark:visited:active, .btn-dark:not(.disabled):not(:disabled):hover, .btn-dark:not(.disabled):not(:disabled):active {
background-color: #52585d;
background-color: #52575d;
color: white;
outline-color: #52585d;
outline-color: #52575d;
box-shadow: none; }
.head-primary .card-header, .head-primary .menu-header, .head-primary.header-bg th {
background-color: #e03131;
color: #ffffff; }
background-color: #e33d22;
color: #fefefe; }
.head-primary th {
color: #e03131; }
color: #e33d22; }
.head-secondary .card-header, .head-secondary .menu-header, .head-secondary.header-bg th {
background-color: #343a40;
color: #ffffff; }
color: #fefefe; }
.head-secondary th {
color: #343a40; }
.head-warning .card-header, .head-warning .menu-header, .head-warning.header-bg th {
background-color: #e8590c;
color: #ffffff; }
background-color: #ff922b;
color: #fefefe; }
.head-warning th {
color: #e8590c; }
color: #ff922b; }
.head-danger .card-header, .head-danger .menu-header, .head-danger.header-bg th {
background-color: #e03131;
color: #ffffff; }
background-color: #e33d22;
color: #fefefe; }
.head-danger th {
color: #e03131; }
color: #e33d22; }
.head-info .card-header, .head-info .menu-header, .head-info.header-bg th {
background-color: #1971c2;
color: #ffffff; }
background-color: #339af0;
color: #fefefe; }
.head-info th {
color: #1971c2; }
color: #339af0; }
.head-success .card-header, .head-success .menu-header, .head-success.header-bg th {
background-color: #2f9e44;
color: #ffffff; }
background-color: #51cf66;
color: #fefefe; }
.head-success th {
color: #2f9e44; }
color: #51cf66; }
.head-muted .card-header, .head-muted .menu-header, .head-muted.header-bg th {
background-color: #adb5bd;
color: #ffffff; }
color: #fefefe; }
.head-muted th {
color: #adb5bd; }
.head-light .card-header, .head-light .menu-header, .head-light.header-bg th {
background-color: #ffffff;
background-color: #fefefe;
color: #212529; }
.head-light th {
color: #ffffff; }
color: #fefefe; }
.head-dark .card-header, .head-dark .menu-header, .head-dark.header-bg th {
background-color: #343a40;
color: #ffffff; }
color: #fefefe; }
.head-dark th {
color: #343a40; }
.fg-light {
color: #ffffff; }
color: #fefefe; }
.fg-dark {
color: #212529; }
@ -2358,7 +2241,7 @@ textarea {
/* ------------------ HEADERS ------------------- */
#page-header {
background: #e03131 url("img/background.png");
background: #e33d22 url("img/background.png");
margin-bottom: 1.5rem;
font-size: 0.8rem; }
#page-header .fa {
@ -2391,9 +2274,9 @@ header h1 {
border-left: 0;
border-right: 0;
padding: 0.75rem;
color: #ffffff; }
color: #fefefe; }
.navbar a {
color: #ffffff; }
color: #fefefe; }
.navbar li {
margin: 0; }
@ -2505,19 +2388,19 @@ ul.tag-list {
/* ------------------ PAGE ------------------- */
#wrapper {
background-color: #ffffff; }
background-color: #fefefe; }
/* ------------------ FOOTER ------------------- */
body {
background-color: #343a40; }
footer {
color: #ffffff;
color: #fefefe;
padding-bottom: 1.5rem; }
footer .columns {
font-size: 0.8rem; }
footer .columns a {
color: #ffffff; }
color: #fefefe; }
.home-toast {
max-width: 800px;
@ -2590,7 +2473,7 @@ footer {
color: #212529; }
.preview-featured h2 {
color: #ffffff; }
color: #fefefe; }
.preview-excerpt {
margin-top: 0.8rem;
@ -2681,7 +2564,7 @@ footer {
bottom: 24px;
right: 24px;
background-color: rgba(0, 0, 0, 0.2);
color: #ffffff;
color: #fefefe;
padding: 0.75em;
border: none;
font-size: 1.2rem;
@ -2689,9 +2572,10 @@ footer {
align-content: center;
justify-content: center;
aspect-ratio: 1;
border-radius: 999px; }
border-radius: 999px;
opacity: 0.75; }
.menu-button:hover {
background-color: #e03131; }
opacity: 1; }
@media (min-width: 576px) {
.menu-button {
display: none; } }