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

fix: ajout style clair palette

Browse source 
Fixes #19
This commit is contained in:
Kazhnuz 2023-05-21 16:12:00 +02:00
parent b6ed0f632f
commit a1518ce16e
4 changed files with 265 additions and 148 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
components/article/flags.php
View file

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

2
components/globalflag.php
View file

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

2
home.php
View file

@ -23,7 +23,7 @@
</section> </section>
<?php if ( !is_paged() ) { <?php if ( !is_paged() ) {
?> ?>
<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 <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
de contenus trouvé sur internet, vous pouvez aussi regarder mon <a href="http://shaarli.kazhnuz.space/">Shaarli</a>, qui sert 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> partager des petites découverte rigolote ou intéressantes.</div>
<?php <?php

407
style.css
View file

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