fix: use qdouze branding
This commit is contained in:
parent
d4c3a6f5be
commit
618b1461cf
21 changed files with 190 additions and 247 deletions
|
@ -57,7 +57,7 @@ $oddcomment = 'alt';
|
|||
<?php endif; ?>
|
||||
|
||||
<?php if ('open' == $post->comment_status) : ?>
|
||||
<div class="card head-primary">
|
||||
<div class="card head-secondary">
|
||||
<h2 id="respond" class="card-header">Laissez un commentaire</h2>
|
||||
|
||||
<!-- Cas du besoin de s'enregistrer -->
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
<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
|
||||
<li class='breadcrumb-item'><a href='<?php echo site_url(); ?>'>Quarante-Douze</a></li><?php
|
||||
if (has_category('chapters')) {
|
||||
$romans = get_the_terms($post->ID, 'roman');
|
||||
foreach( $romans as $roman ) {
|
||||
|
|
|
@ -2,18 +2,18 @@
|
|||
if (has_category('chapters')) {
|
||||
$romans = get_the_terms($post->ID, 'roman');
|
||||
foreach( $romans as $roman ) {
|
||||
echo "<a href= '" . esc_url( get_category_link( $roman->term_id ) ) . "' class='btn-small btn-info'><i class='fa fa-book'></i> " . $roman->name . "</a>";
|
||||
echo "<a href= '" . esc_url( get_category_link( $roman->term_id ) ) . "' class='btn-small btn-primary'><i class='fa fa-book'></i> " . $roman->name . "</a>";
|
||||
}
|
||||
} else {
|
||||
$categories = get_the_category();
|
||||
foreach( $categories as $category ) {
|
||||
echo "<a href= '" . esc_url( get_category_link( $category->term_id ) ) . "' class='btn-small btn-info'><i class='fa fa-folder'></i> " . $category->cat_name . "</a>";
|
||||
echo "<a href= '" . esc_url( get_category_link( $category->term_id ) ) . "' class='btn-small btn-primary'><i class='fa fa-folder'></i> " . $category->cat_name . "</a>";
|
||||
}
|
||||
}
|
||||
$tags = get_the_tags();
|
||||
if ($tags) {
|
||||
foreach( $tags as $tag ) {
|
||||
echo "<a href= '" . esc_url( get_tag_link( $tag->term_id ) ) . "' class='btn-small btn-primary'><i class='fa fa-tag'></i> " . $tag->name . "</a> ";
|
||||
echo "<a href= '" . esc_url( get_tag_link( $tag->term_id ) ) . "' class='btn-small btn-secondary'><i class='fa fa-tag'></i> " . $tag->name . "</a> ";
|
||||
}
|
||||
}
|
||||
?>
|
||||
|
|
|
@ -25,11 +25,11 @@
|
|||
|
||||
<div class="col-md-4">
|
||||
<p>Ce site est propulsé par <a href="https://wordpress.org">Wordpress</a></p>
|
||||
<p>Le <a href="https://git.kobold.cafe/kazhnuz.space/kspace-wordpress-theme">theme wordpress</a> de ce site est disponible sous licence CC BY-SA et GPL v3. Il utilise <a href="https://picturepan2.github.io/spectre/">Spectre</a> et <a href="https://forkawesome.github.io/Fork-Awesome/">Fork-Awesome</a>.</p>
|
||||
<p>Le <a href="https://git.kobold.cafe/quarante-douze/qdouze2-wordpress-theme">theme wordpress</a> de ce site est disponible sous licence CC BY-SA et GPL v3. Il utilise <a href="https://picturepan2.github.io/spectre/">Spectre</a> et <a href="https://forkawesome.github.io/Fork-Awesome/">Fork-Awesome</a>.</p>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4">
|
||||
<p>Kazhnuz Space et les différents sites/services qui le composent sont fourni "tel-quel", sans garantie. Cependant, toute critique, remarque, etc. est la bienvenue. Pour cela, vous pouvez me contacter à kazhnuz [at] kobold [point] cafe ou sur les réseaux sociaux visible plus haut</p>
|
||||
<p>Toute critique, remarque, etc. est la bienvenue. Pour cela, vous pouvez me contacter à kazhnuz [at] kobold [point] cafe ou sur mes <a href="https://kazhnuz.space/links">réseaux sociaux</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
|
|
@ -1,46 +1,29 @@
|
|||
<nav class="menu toolbar fg-light">
|
||||
<ul>
|
||||
<li>
|
||||
<a href="<?php echo site_url(); ?>" class="btn btn-navbar">
|
||||
<i class="fa fa-home" aria-hidden="true"></i><span class="sr-only">Accueil</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<span class="btn btn-navbar">
|
||||
Catégories <i class="fa fa-caret-down" aria-hidden="true"></i>
|
||||
<ul class="card-menu">
|
||||
<?php
|
||||
$categories = get_categories( array(
|
||||
'orderby' => 'name',
|
||||
'order' => 'ASC'
|
||||
) );
|
||||
|
||||
foreach( $categories as $category ) {
|
||||
if ($category->slug != "blog" && $category->slug != "chapters") {
|
||||
echo '<li><a class="menu-element" href="' . get_category_link($category->term_id) . '">' . $category->name . '</a></li>';
|
||||
}
|
||||
}?>
|
||||
</ul>
|
||||
</span>
|
||||
</li>
|
||||
<?php
|
||||
$listmenu = get_nav_menu_locations();
|
||||
$menu = wp_get_nav_menu_items($listmenu['top-navbar']);
|
||||
foreach ($menu as $menuElement) {
|
||||
echo '<li><a href="' . $menuElement->url . '" class="btn btn-navbar">'. $menuElement->title . '</a></li>';
|
||||
}
|
||||
?>
|
||||
</ul>
|
||||
|
||||
<ul class="f-end">
|
||||
<?php
|
||||
$listmenu = get_nav_menu_locations();
|
||||
$menu = wp_get_nav_menu_items($listmenu['top-navbar-2']);
|
||||
foreach ($menu as $menuElement) {
|
||||
echo '<li><a href="' . $menuElement->url . '" class="btn btn-navbar">'. $menuElement->title . '</a></li>';
|
||||
}
|
||||
?>
|
||||
<li><a href="<?php bloginfo('rss2_url'); ?>" class="btn btn-navbar"><i class="fa fa-rss" aria-hidden="true"></i><span class="sr-only">Flux RSS du site</span></a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<div class="osd">
|
||||
<nav class="container menu toolbar fg-light">
|
||||
<ul>
|
||||
<li>
|
||||
<a href="<?php echo site_url(); ?>" class="btn btn-navbar">
|
||||
<i class="fa fa-home" aria-hidden="true"></i><span class="sr-only">Accueil</span>
|
||||
</a>
|
||||
</li>
|
||||
<?php
|
||||
$listmenu = get_nav_menu_locations();
|
||||
$menu = wp_get_nav_menu_items($listmenu['top-navbar']);
|
||||
foreach ($menu as $menuElement) {
|
||||
echo '<li><a href="' . $menuElement->url . '" class="btn btn-navbar">'. $menuElement->title . '</a></li>';
|
||||
}
|
||||
?>
|
||||
</ul>
|
||||
|
||||
<ul class="f-end">
|
||||
<?php
|
||||
$listmenu = get_nav_menu_locations();
|
||||
$menu = wp_get_nav_menu_items($listmenu['top-navbar-2']);
|
||||
foreach ($menu as $menuElement) {
|
||||
echo '<li><a href="' . $menuElement->url . '" class="btn btn-navbar">'. $menuElement->title . '</a></li>';
|
||||
}
|
||||
?>
|
||||
<li><a href="<?php bloginfo('rss2_url'); ?>" class="btn btn-navbar"><i class="fa fa-rss" aria-hidden="true"></i><span class="sr-only">Flux RSS du site</span></a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
|
|
|
@ -1,4 +1,4 @@
|
|||
<div class="card head-primary">
|
||||
<div class="card head-secondary">
|
||||
<div class="card-header"><i class="fa fa-folder" aria-hidden="true"></i> Archives</div>
|
||||
<div class="card-body">
|
||||
<ul class="tag-list">
|
||||
|
|
|
@ -1,4 +1,4 @@
|
|||
<div class="card head-primary">
|
||||
<div class="card head-secondary">
|
||||
<div class="card-header"><i class="fa fa-folder" aria-hidden="true"></i> Catégories</div>
|
||||
<div class="menu fg-dark">
|
||||
<ul>
|
||||
|
@ -10,7 +10,7 @@
|
|||
|
||||
foreach( $categories as $category ) {
|
||||
if ($category->slug != "blog" && $category->slug != "chapters") {
|
||||
echo '<li><a class="menu-element" href="' . get_category_link($category->term_id) . '">' . $category->name . '<span class="badge bg-secondary m0">'. $category->count . '</span></a></li>';
|
||||
echo '<li><a class="menu-element" href="' . get_category_link($category->term_id) . '">' . $category->name . '<span class="badge bg-primary m0">'. $category->count . '</span></a></li>';
|
||||
}
|
||||
}?>
|
||||
</ul>
|
||||
|
|
|
@ -1,4 +1,4 @@
|
|||
<div class="card head-primary">
|
||||
<div class="card head-secondary">
|
||||
<div class="card-header"><i class="fa fa-rss" aria-hidden="true"></i> Publications</div>
|
||||
<div class="menu fg-dark">
|
||||
<ul>
|
||||
|
|
|
@ -3,7 +3,7 @@ $listmenu = get_nav_menu_locations();
|
|||
$menu = wp_get_nav_menu_items($listmenu['link-menu']);
|
||||
if ($menu != null) {
|
||||
?>
|
||||
<div class="card head-primary">
|
||||
<div class="card head-secondary">
|
||||
<div class="card-header"><i class="fa fa-link" aria-hidden="true"></i> Liens</div>
|
||||
<ul class="card-menu">
|
||||
<?php
|
||||
|
|
|
@ -9,7 +9,7 @@ $tags = get_tags($args);
|
|||
|
||||
?>
|
||||
|
||||
<div class="card head-primary">
|
||||
<div class="card head-secondary">
|
||||
<div class="card-header"><i class="fa fa-tags" aria-hidden="true"></i> Tags</div>
|
||||
<div class="card-body">
|
||||
<ul class="tag-list">
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
<?php
|
||||
/* functions.php
|
||||
*
|
||||
* All the function of Kazhnuz.Space
|
||||
* All the function of Quarante-Douze
|
||||
*
|
||||
*/
|
||||
|
||||
|
@ -114,7 +114,7 @@ function kspace_cat_breadcrumb_nav($categoryName, $icon) {
|
|||
?>
|
||||
<nav aria-label="breadcrumb">
|
||||
<ol class="breadcrumb">
|
||||
<li class="breadcrumb-item"><a href="<?php echo site_url(); ?>">kazhnuz.space</a>
|
||||
<li class="breadcrumb-item"><a href="<?php echo site_url(); ?>">Quarante-Douze</a>
|
||||
</li><li class="breadcrumb-item" aria-current="page">
|
||||
<span class="active"><i class="fa fa-<?php echo $icon; ?>" aria-hidden="true"></i> <?php echo $categoryName; ?></span>
|
||||
</li>
|
||||
|
|
Binary file not shown.
Before Width: | Height: | Size: 4.1 KiB After Width: | Height: | Size: 15 KiB |
Binary file not shown.
Before Width: | Height: | Size: 306 KiB After Width: | Height: | Size: 22 KiB |
BIN
img/logo.png
BIN
img/logo.png
Binary file not shown.
Before Width: | Height: | Size: 147 KiB After Width: | Height: | Size: 100 KiB |
|
@ -22,7 +22,7 @@ ul.breadcrumb, ol.breadcrumb, .breadcrumb {
|
|||
margin:0 $button-group-margin 0 $button-group-margin;
|
||||
|
||||
&.active {
|
||||
@include button-fullcontrol($color-primary, $color-primary, $color-font-light);
|
||||
@include button-fullcontrol($color-secondary, $color-secondary, $color-font-light);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -16,9 +16,9 @@ nav.pagination {
|
|||
}
|
||||
|
||||
&.current {
|
||||
@include background-color($color-info);
|
||||
@include background-color($color-primary);
|
||||
&:hover {
|
||||
@include background-color($color-info);
|
||||
@include background-color($color-primary);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -174,7 +174,7 @@ $comment-height:30px;
|
|||
|
||||
.card-preview.head-info {
|
||||
.comment-text {
|
||||
background-color:$color-info;
|
||||
background-color:$color-secondary;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -31,9 +31,7 @@
|
|||
/* ------------------ HEADERS ------------------- */
|
||||
|
||||
#page-header {
|
||||
background: $color-primary url('img/background.png') center bottom repeat-x;
|
||||
padding-top: .75rem;
|
||||
padding-bottom:1.5rem;
|
||||
background: $color-primary url('img/background.png');
|
||||
}
|
||||
|
||||
header h1 {
|
||||
|
@ -41,13 +39,14 @@ header h1 {
|
|||
font-weight: $fontweight_hyper;
|
||||
font-size:5.4em;
|
||||
font-style:oblique;
|
||||
padding-bottom:0px;
|
||||
line-height: 1.5em;
|
||||
padding:1.5rem;
|
||||
line-height: 1rem;
|
||||
max-width: 1600px;
|
||||
margin: auto;
|
||||
text-align:center;
|
||||
|
||||
img {
|
||||
width: 600px;
|
||||
width: 800px;
|
||||
height: auto;
|
||||
margin-top:0rem;
|
||||
}
|
||||
|
@ -57,49 +56,8 @@ header h1 {
|
|||
}
|
||||
}
|
||||
|
||||
.toolbar {
|
||||
display:flex;
|
||||
justify-content: space-between;
|
||||
margin:auto;
|
||||
padding:0;
|
||||
max-width: 1600px;
|
||||
z-index:2;
|
||||
|
||||
ul {
|
||||
display:flex;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
li {
|
||||
list-style: none;
|
||||
margin:0;
|
||||
position:relative;
|
||||
z-index: 2;
|
||||
ul {
|
||||
display:none;
|
||||
position:absolute;
|
||||
left:-0.75rem;
|
||||
background-color:$color-background;
|
||||
padding: 1.5rem;
|
||||
padding-top: 0.5rem;
|
||||
padding-bottom: 0.5rem;
|
||||
box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.3);
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
ul {
|
||||
display:flex;
|
||||
flex-direction:column;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.btn-navbar {
|
||||
margin:0rem;
|
||||
margin-left:0.75rem;
|
||||
margin-right: 0.75rem;
|
||||
}
|
||||
.osd {
|
||||
background-color:rgba(0,0,0,0.3);
|
||||
}
|
||||
|
||||
.navbar {
|
||||
|
@ -228,8 +186,8 @@ ul.tag-list {
|
|||
|
||||
/* ------------------ FOOTER ------------------- */
|
||||
|
||||
$color-footer-back: getColor("dark");
|
||||
$color-footer-text: getColor("light");
|
||||
$color-footer-back: get-color("dark");
|
||||
$color-footer-text: get-color("light");
|
||||
|
||||
body {
|
||||
// On colorise le background de la page complete de la même
|
||||
|
@ -243,24 +201,13 @@ footer {
|
|||
font-size: 0.8rem!important;
|
||||
padding-bottom:1.5rem;
|
||||
|
||||
.footer-collumns {
|
||||
@include container-big();
|
||||
display: grid;
|
||||
grid-template-columns: 1fr;
|
||||
grid-template-rows: auto;
|
||||
grid-gap: $lineheight;
|
||||
padding-bottom: $lineheight;
|
||||
|
||||
@include lg() {
|
||||
grid-template-columns: 1fr 1fr 1fr;
|
||||
a,
|
||||
a:visited {
|
||||
&:hover,
|
||||
&:active,
|
||||
&:visited {
|
||||
color: $color-footer-text;
|
||||
}
|
||||
|
||||
a, a:visited {
|
||||
&:hover, &:active, &:visited {
|
||||
color: $color-footer-text;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -9,4 +9,34 @@ $fontweight_bold: 600;
|
|||
$fontweight_hyper: 800;
|
||||
|
||||
$basefont: Open Sans, sans-serif;
|
||||
$titlefont: Open Sans, sans-serif;
|
||||
$titlefont: Teko, sans-serif;
|
||||
|
||||
@font-face {
|
||||
font-family: 'Teko';
|
||||
src: url('fonts/teko-light-webfont.woff');
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Teko';
|
||||
src: url('fonts/teko-regular-webfont.woff');
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Teko';
|
||||
src: url('fonts/teko-medium-webfont.woff');
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Teko';
|
||||
src: url('fonts/teko-semibold-webfont.woff');
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Teko';
|
||||
src: url('fonts/teko-bold-webfont.woff');
|
||||
font-weight: 700;
|
||||
}
|
|
@ -16,7 +16,7 @@ $whiteness_value: 0.8;
|
|||
$palette: (
|
||||
"blue":#339af0,
|
||||
"violet":#845ef7,
|
||||
"red":#ff6b6b,
|
||||
"red":#e33d22,
|
||||
"orange":#ff922b,
|
||||
"green":#51cf66,
|
||||
"skyblue":#3bc9db,
|
||||
|
@ -28,7 +28,7 @@ $palette: (
|
|||
"light2":#f1f3f5);
|
||||
|
||||
$semantics: (
|
||||
"primary":"blue",
|
||||
"primary":"red",
|
||||
"secondary":"dark",
|
||||
"warning":"orange",
|
||||
"danger":"red",
|
||||
|
@ -41,7 +41,7 @@ $helpers: (
|
|||
"font-light":"light",
|
||||
"background":"light",
|
||||
"background-alt":"light2",
|
||||
"link":"blue",
|
||||
"link":"red",
|
||||
"selection":"blue",
|
||||
"mark":"yellow",
|
||||
);
|
||||
|
|
205
style.css
205
style.css
|
@ -22,6 +22,31 @@
|
|||
* également celles spécifiques pour certains sujets (liens, texte)
|
||||
*
|
||||
*/
|
||||
@font-face {
|
||||
font-family: 'Teko';
|
||||
src: url("fonts/teko-light-webfont.woff");
|
||||
font-weight: 300; }
|
||||
|
||||
@font-face {
|
||||
font-family: 'Teko';
|
||||
src: url("fonts/teko-regular-webfont.woff");
|
||||
font-weight: 400; }
|
||||
|
||||
@font-face {
|
||||
font-family: 'Teko';
|
||||
src: url("fonts/teko-medium-webfont.woff");
|
||||
font-weight: 500; }
|
||||
|
||||
@font-face {
|
||||
font-family: 'Teko';
|
||||
src: url("fonts/teko-semibold-webfont.woff");
|
||||
font-weight: 600; }
|
||||
|
||||
@font-face {
|
||||
font-family: 'Teko';
|
||||
src: url("fonts/teko-bold-webfont.woff");
|
||||
font-weight: 700; }
|
||||
|
||||
/* --- 00. COLORS --- */
|
||||
/*
|
||||
* La gestion des couleurs dans le theme. Cette partie de la stylesheet est
|
||||
|
@ -376,10 +401,10 @@ a, a:visited, mark {
|
|||
border-radius: 0.1rem; }
|
||||
|
||||
a, a:visited {
|
||||
background-color: #339af0;
|
||||
background-color: #e33d22;
|
||||
color: #fefefe; }
|
||||
a:hover, a:active, a:focus, a:visited:hover, a:visited:active, a:visited:focus {
|
||||
color: #339af0;
|
||||
color: #e33d22;
|
||||
background-color: transparent; }
|
||||
a:focus, a:visited:focus {
|
||||
outline-color: currentColor;
|
||||
|
@ -422,23 +447,23 @@ h1, h2, h3, h4, h5, h6, h7 {
|
|||
padding-bottom: 1.6rem; }
|
||||
|
||||
sup > a, sub > a {
|
||||
color: #339af0;
|
||||
color: #e33d22;
|
||||
background-color: transparent; }
|
||||
sup > a:hover, sup > a:focus, sup > a:active, sub > a:hover, sub > a:focus, sub > a:active {
|
||||
color: #1081e0; }
|
||||
color: #ba2e18; }
|
||||
|
||||
.main-title {
|
||||
font-family: Open Sans, sans-serif;
|
||||
font-family: Teko, sans-serif;
|
||||
font-size: 3.815rem;
|
||||
line-height: 4.8rem;
|
||||
font-weight: 800; }
|
||||
|
||||
h1, .title-1 {
|
||||
font-family: Open Sans, sans-serif;
|
||||
font-family: Teko, sans-serif;
|
||||
font-size: 2.441rem;
|
||||
line-height: 3.2rem;
|
||||
font-weight: 800;
|
||||
color: #339af0; }
|
||||
color: #e33d22; }
|
||||
|
||||
h2, .title-2 {
|
||||
font-size: 2.441rem;
|
||||
|
@ -488,7 +513,7 @@ blockquote, .quote, .well, pre, .pre, .well-pre {
|
|||
|
||||
code {
|
||||
background: transparent;
|
||||
color: #ff6b6b; }
|
||||
color: #e33d22; }
|
||||
|
||||
.small-text {
|
||||
font-size: 0.9em; }
|
||||
|
@ -1081,13 +1106,13 @@ strong.btn-fake {
|
|||
|
||||
.btn-readmore, .btn-link {
|
||||
background-color: transparent;
|
||||
color: #339af0; }
|
||||
color: #e33d22; }
|
||||
.btn-readmore:visited, .btn-link:visited {
|
||||
background-color: transparent;
|
||||
color: #339af0; }
|
||||
color: #e33d22; }
|
||||
.btn-readmore:hover, .btn-readmore:active, .btn-readmore:focus, .btn-readmore:visited:hover, .btn-readmore:visited:active, .btn-readmore:visited:focus, .btn-readmore:not(.disabled):not(:disabled):hover, .btn-readmore:not(.disabled):not(:disabled):active, .btn-readmore:not(.disabled):not(:disabled):focus, .btn-link:hover, .btn-link:active, .btn-link:focus, .btn-link:visited:hover, .btn-link:visited:active, .btn-link:visited:focus, .btn-link:not(.disabled):not(:disabled):hover, .btn-link:not(.disabled):not(:disabled):active, .btn-link:not(.disabled):not(:disabled):focus {
|
||||
background-color: #dbe0e5;
|
||||
color: #4ba6f2; }
|
||||
color: #e65139; }
|
||||
.btn-readmore:not(:hover), .btn-link:not(:hover) {
|
||||
border-color: transparent; }
|
||||
|
||||
|
@ -1160,13 +1185,13 @@ ul.breadcrumb, ol.breadcrumb, .breadcrumb {
|
|||
background-color: #dbe0e5;
|
||||
color: #2c3237; }
|
||||
.breadcrumb li.breadcrumb-item a.active, .breadcrumb li.breadcrumb-item > span.active {
|
||||
background-color: #339af0;
|
||||
background-color: #343a40;
|
||||
color: #fefefe; }
|
||||
.breadcrumb li.breadcrumb-item a.active:visited, .breadcrumb li.breadcrumb-item > span.active:visited {
|
||||
background-color: #339af0;
|
||||
background-color: #343a40;
|
||||
color: #fefefe; }
|
||||
.breadcrumb li.breadcrumb-item a.active:hover, .breadcrumb li.breadcrumb-item a.active:active, .breadcrumb li.breadcrumb-item a.active:focus, .breadcrumb li.breadcrumb-item a.active:visited:hover, .breadcrumb li.breadcrumb-item a.active:visited:active, .breadcrumb li.breadcrumb-item a.active:visited:focus, .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, .breadcrumb li.breadcrumb-item > span.active:hover, .breadcrumb li.breadcrumb-item > span.active:active, .breadcrumb li.breadcrumb-item > span.active:focus, .breadcrumb li.breadcrumb-item > span.active:visited:hover, .breadcrumb li.breadcrumb-item > span.active:visited:active, .breadcrumb li.breadcrumb-item > span.active:visited:focus, .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 {
|
||||
background-color: #339af0;
|
||||
background-color: #343a40;
|
||||
color: white; }
|
||||
.breadcrumb li.breadcrumb-item:not(:first-child) a, .breadcrumb li.breadcrumb-item:not(:first-child) > span {
|
||||
border-top-left-radius: 0;
|
||||
|
@ -1217,10 +1242,10 @@ nav.pagination {
|
|||
background-color: #d2d4d6;
|
||||
color: #2c3237; }
|
||||
nav.pagination .page-numbers.current, nav.pagination .next.current, nav.pagination .prev.current {
|
||||
background-color: #3bc9db;
|
||||
background-color: #e33d22;
|
||||
color: #fefefe; }
|
||||
nav.pagination .page-numbers.current:hover, nav.pagination .next.current:hover, nav.pagination .prev.current:hover {
|
||||
background-color: #3bc9db;
|
||||
background-color: #e33d22;
|
||||
color: #fefefe; }
|
||||
|
||||
/*
|
||||
|
@ -1315,7 +1340,7 @@ ul.card-list, .card > ul {
|
|||
padding-right: 0.8rem; }
|
||||
|
||||
.list-danger li.list-element::before {
|
||||
color: #ff6b6b; }
|
||||
color: #e33d22; }
|
||||
|
||||
.list-success li.list-element::before {
|
||||
color: #51cf66; }
|
||||
|
@ -1563,7 +1588,7 @@ th {
|
|||
border-radius: 4px 4px 4px 4px;
|
||||
background-color: transparent;
|
||||
border-radius: 0;
|
||||
background-color: #339af0;
|
||||
background-color: #e33d22;
|
||||
color: #fefefe;
|
||||
font-weight: 300;
|
||||
margin-top: 0px; }
|
||||
|
@ -1634,14 +1659,14 @@ th {
|
|||
font-size: 0.9em; }
|
||||
|
||||
.card-preview.head-info .comment-text {
|
||||
background-color: #3bc9db; }
|
||||
background-color: #343a40; }
|
||||
|
||||
.card-preview.card-grey .comment-text {
|
||||
background-color: #adb5bd; }
|
||||
|
||||
.comment-text {
|
||||
color: #fefefe;
|
||||
background-color: #339af0;
|
||||
background-color: #e33d22;
|
||||
text-align: center; }
|
||||
|
||||
.card-preview time {
|
||||
|
@ -1789,19 +1814,19 @@ th {
|
|||
background: none; }
|
||||
|
||||
.bg-red {
|
||||
background-color: #ff6b6b;
|
||||
background-color: #e33d22;
|
||||
color: #fefefe; }
|
||||
.bg-red > a, .bg-red > a:visited {
|
||||
color: #ff6b6b;
|
||||
color: #e33d22;
|
||||
background-color: #fefefe; }
|
||||
.bg-red > a:hover, .bg-red > a:active, .bg-red > a:visited, .bg-red > a:visited:hover, .bg-red > a:visited:active, .bg-red > a:visited:visited {
|
||||
color: #fefefe;
|
||||
background: none; }
|
||||
.bg-red:hover {
|
||||
background-color: #ff6b6b;
|
||||
background-color: #e33d22;
|
||||
color: #fefefe; }
|
||||
.bg-red:hover > a, .bg-red:hover > a:visited {
|
||||
color: #ff6b6b;
|
||||
color: #e33d22;
|
||||
background-color: #fefefe; }
|
||||
.bg-red:hover > a:hover, .bg-red:hover > a:active, .bg-red:hover > a:visited, .bg-red:hover > a:visited:hover, .bg-red:hover > a:visited:active, .bg-red:hover > a:visited:visited {
|
||||
color: #fefefe;
|
||||
|
@ -1979,19 +2004,19 @@ th {
|
|||
background: none; }
|
||||
|
||||
.bg-primary {
|
||||
background-color: #339af0;
|
||||
background-color: #e33d22;
|
||||
color: #fefefe; }
|
||||
.bg-primary > a, .bg-primary > a:visited {
|
||||
color: #339af0;
|
||||
color: #e33d22;
|
||||
background-color: #fefefe; }
|
||||
.bg-primary > a:hover, .bg-primary > a:active, .bg-primary > a:visited, .bg-primary > a:visited:hover, .bg-primary > a:visited:active, .bg-primary > a:visited:visited {
|
||||
color: #fefefe;
|
||||
background: none; }
|
||||
.bg-primary:hover {
|
||||
background-color: #339af0;
|
||||
background-color: #e33d22;
|
||||
color: #fefefe; }
|
||||
.bg-primary:hover > a, .bg-primary:hover > a:visited {
|
||||
color: #339af0;
|
||||
color: #e33d22;
|
||||
background-color: #fefefe; }
|
||||
.bg-primary:hover > a:hover, .bg-primary:hover > a:active, .bg-primary:hover > a:visited, .bg-primary:hover > a:visited:hover, .bg-primary:hover > a:visited:active, .bg-primary:hover > a:visited:visited {
|
||||
color: #fefefe;
|
||||
|
@ -2036,19 +2061,19 @@ th {
|
|||
background: none; }
|
||||
|
||||
.bg-danger {
|
||||
background-color: #ff6b6b;
|
||||
background-color: #e33d22;
|
||||
color: #fefefe; }
|
||||
.bg-danger > a, .bg-danger > a:visited {
|
||||
color: #ff6b6b;
|
||||
color: #e33d22;
|
||||
background-color: #fefefe; }
|
||||
.bg-danger > a:hover, .bg-danger > a:active, .bg-danger > a:visited, .bg-danger > a:visited:hover, .bg-danger > a:visited:active, .bg-danger > a:visited:visited {
|
||||
color: #fefefe;
|
||||
background: none; }
|
||||
.bg-danger:hover {
|
||||
background-color: #ff6b6b;
|
||||
background-color: #e33d22;
|
||||
color: #fefefe; }
|
||||
.bg-danger:hover > a, .bg-danger:hover > a:visited {
|
||||
color: #ff6b6b;
|
||||
color: #e33d22;
|
||||
background-color: #fefefe; }
|
||||
.bg-danger:hover > a:hover, .bg-danger:hover > a:active, .bg-danger:hover > a:visited, .bg-danger:hover > a:visited:hover, .bg-danger:hover > a:visited:active, .bg-danger:hover > a:visited:visited {
|
||||
color: #fefefe;
|
||||
|
@ -2118,7 +2143,7 @@ th {
|
|||
color: #845ef7; }
|
||||
|
||||
.text-red {
|
||||
color: #ff6b6b; }
|
||||
color: #e33d22; }
|
||||
|
||||
.text-orange {
|
||||
color: #ff922b; }
|
||||
|
@ -2148,7 +2173,7 @@ th {
|
|||
color: #f1f3f5; }
|
||||
|
||||
.text-primary {
|
||||
color: #339af0; }
|
||||
color: #e33d22; }
|
||||
|
||||
.text-secondary {
|
||||
color: #343a40; }
|
||||
|
@ -2157,7 +2182,7 @@ th {
|
|||
color: #ff922b; }
|
||||
|
||||
.text-danger {
|
||||
color: #ff6b6b; }
|
||||
color: #e33d22; }
|
||||
|
||||
.text-info {
|
||||
color: #3bc9db; }
|
||||
|
@ -2191,14 +2216,14 @@ th {
|
|||
color: white; }
|
||||
|
||||
.btn-red {
|
||||
background-color: #ff6b6b;
|
||||
background-color: #e33d22;
|
||||
color: #fefefe;
|
||||
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0); }
|
||||
.btn-red:visited {
|
||||
background-color: #ff6b6b;
|
||||
background-color: #e33d22;
|
||||
color: #fefefe; }
|
||||
.btn-red:hover, .btn-red:active, .btn-red:focus, .btn-red:visited:hover, .btn-red:visited:active, .btn-red:visited:focus, .btn-red:not(.disabled):not(:disabled):hover, .btn-red:not(.disabled):not(:disabled):active, .btn-red:not(.disabled):not(:disabled):focus {
|
||||
background-color: #ff8181;
|
||||
background-color: #e75a43;
|
||||
color: white; }
|
||||
|
||||
.btn-orange {
|
||||
|
@ -2301,14 +2326,14 @@ th {
|
|||
color: #2c3237; }
|
||||
|
||||
.btn-primary {
|
||||
background-color: #339af0;
|
||||
background-color: #e33d22;
|
||||
color: #fefefe;
|
||||
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0); }
|
||||
.btn-primary:visited {
|
||||
background-color: #339af0;
|
||||
background-color: #e33d22;
|
||||
color: #fefefe; }
|
||||
.btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary:visited:hover, .btn-primary:visited:active, .btn-primary:visited:focus, .btn-primary:not(.disabled):not(:disabled):hover, .btn-primary:not(.disabled):not(:disabled):active, .btn-primary:not(.disabled):not(:disabled):focus {
|
||||
background-color: #51a9f2;
|
||||
background-color: #e75a43;
|
||||
color: white; }
|
||||
|
||||
.btn-secondary {
|
||||
|
@ -2334,14 +2359,14 @@ th {
|
|||
color: white; }
|
||||
|
||||
.btn-danger {
|
||||
background-color: #ff6b6b;
|
||||
background-color: #e33d22;
|
||||
color: #fefefe;
|
||||
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0); }
|
||||
.btn-danger:visited {
|
||||
background-color: #ff6b6b;
|
||||
background-color: #e33d22;
|
||||
color: #fefefe; }
|
||||
.btn-danger:hover, .btn-danger:active, .btn-danger:focus, .btn-danger:visited:hover, .btn-danger:visited:active, .btn-danger:visited:focus, .btn-danger:not(.disabled):not(:disabled):hover, .btn-danger:not(.disabled):not(:disabled):active, .btn-danger:not(.disabled):not(:disabled):focus {
|
||||
background-color: #ff8181;
|
||||
background-color: #e75a43;
|
||||
color: white; }
|
||||
|
||||
.btn-info {
|
||||
|
@ -2392,11 +2417,11 @@ th {
|
|||
color: #845ef7; }
|
||||
|
||||
.head-red .card-header, .head-red .menu-header, .head-red.header-bg th {
|
||||
background-color: #ff6b6b;
|
||||
background-color: #e33d22;
|
||||
color: #fefefe; }
|
||||
|
||||
.head-red th {
|
||||
color: #ff6b6b; }
|
||||
color: #e33d22; }
|
||||
|
||||
.head-orange .card-header, .head-orange .menu-header, .head-orange.header-bg th {
|
||||
background-color: #ff922b;
|
||||
|
@ -2462,11 +2487,11 @@ th {
|
|||
color: #f1f3f5; }
|
||||
|
||||
.head-primary .card-header, .head-primary .menu-header, .head-primary.header-bg th {
|
||||
background-color: #339af0;
|
||||
background-color: #e33d22;
|
||||
color: #fefefe; }
|
||||
|
||||
.head-primary th {
|
||||
color: #339af0; }
|
||||
color: #e33d22; }
|
||||
|
||||
.head-secondary .card-header, .head-secondary .menu-header, .head-secondary.header-bg th {
|
||||
background-color: #343a40;
|
||||
|
@ -2483,11 +2508,11 @@ th {
|
|||
color: #ff922b; }
|
||||
|
||||
.head-danger .card-header, .head-danger .menu-header, .head-danger.header-bg th {
|
||||
background-color: #ff6b6b;
|
||||
background-color: #e33d22;
|
||||
color: #fefefe; }
|
||||
|
||||
.head-danger th {
|
||||
color: #ff6b6b; }
|
||||
color: #e33d22; }
|
||||
|
||||
.head-info .card-header, .head-info .menu-header, .head-info.header-bg th {
|
||||
background-color: #3bc9db;
|
||||
|
@ -2724,59 +2749,27 @@ th {
|
|||
|
||||
/* ------------------ HEADERS ------------------- */
|
||||
#page-header {
|
||||
background: #339af0 url("img/background.png") center bottom repeat-x;
|
||||
padding-top: .75rem;
|
||||
padding-bottom: 1.5rem; }
|
||||
background: #e33d22 url("img/background.png"); }
|
||||
|
||||
header h1 {
|
||||
border-style: none !important;
|
||||
font-weight: 800;
|
||||
font-size: 5.4em;
|
||||
font-style: oblique;
|
||||
padding-bottom: 0px;
|
||||
line-height: 1.5em;
|
||||
padding: 1.5rem;
|
||||
line-height: 1rem;
|
||||
max-width: 1600px;
|
||||
margin: auto; }
|
||||
margin: auto;
|
||||
text-align: center; }
|
||||
header h1 img {
|
||||
width: 600px;
|
||||
width: 800px;
|
||||
height: auto;
|
||||
margin-top: 0rem; }
|
||||
header h1 a, header h1 a:visited, header h1 a:hover {
|
||||
background-color: transparent; }
|
||||
|
||||
.toolbar {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin: auto;
|
||||
padding: 0;
|
||||
max-width: 1600px;
|
||||
z-index: 2; }
|
||||
.toolbar ul {
|
||||
display: flex;
|
||||
margin: 0;
|
||||
padding: 0; }
|
||||
.toolbar ul li {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
position: relative;
|
||||
z-index: 2; }
|
||||
.toolbar ul li ul {
|
||||
display: none;
|
||||
position: absolute;
|
||||
left: -0.75rem;
|
||||
background-color: #fefefe;
|
||||
padding: 1.5rem;
|
||||
padding-top: 0.5rem;
|
||||
padding-bottom: 0.5rem;
|
||||
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3);
|
||||
z-index: 2; }
|
||||
.toolbar ul li:hover ul {
|
||||
display: flex;
|
||||
flex-direction: column; }
|
||||
.toolbar .btn-navbar {
|
||||
margin: 0rem;
|
||||
margin-left: 0.75rem;
|
||||
margin-right: 0.75rem; }
|
||||
.osd {
|
||||
background-color: rgba(0, 0, 0, 0.3); }
|
||||
|
||||
.navbar {
|
||||
border-left: 0;
|
||||
|
@ -2895,28 +2888,18 @@ ul.tag-list {
|
|||
|
||||
/* ------------------ FOOTER ------------------- */
|
||||
body {
|
||||
background-color: getColor("dark"); }
|
||||
background-color: #343a40; }
|
||||
|
||||
footer {
|
||||
color: getColor("light");
|
||||
color: #fefefe;
|
||||
padding-top: 1.5rem;
|
||||
font-size: 0.8rem !important;
|
||||
padding-bottom: 1.5rem; }
|
||||
footer .footer-collumns {
|
||||
padding-left: 1.6rem;
|
||||
padding-right: 1.6rem;
|
||||
max-width: 1600px;
|
||||
margin: auto;
|
||||
display: grid;
|
||||
grid-template-columns: 1fr;
|
||||
grid-template-rows: auto;
|
||||
grid-gap: 1.6rem;
|
||||
padding-bottom: 1.6rem; }
|
||||
@media (min-width: 992px) {
|
||||
footer .footer-collumns {
|
||||
grid-template-columns: 1fr 1fr 1fr; } }
|
||||
footer .footer-collumns a:hover, footer .footer-collumns a:active, footer .footer-collumns a:visited, footer .footer-collumns a:visited:hover, footer .footer-collumns a:visited:active, footer .footer-collumns a:visited:visited {
|
||||
color: getColor("light"); }
|
||||
footer a:hover, footer a:active, footer a:visited,
|
||||
footer a:visited:hover,
|
||||
footer a:visited:active,
|
||||
footer a:visited:visited {
|
||||
color: #fefefe; }
|
||||
|
||||
/* social media */
|
||||
ul.social {
|
||||
|
@ -2929,16 +2912,16 @@ ul.social {
|
|||
list-style: none;
|
||||
display: inline; }
|
||||
ul.social li a, ul.social li a:visited {
|
||||
color: getColor("dark");
|
||||
background-color: getColor("light");
|
||||
color: #343a40;
|
||||
background-color: #fefefe;
|
||||
padding: 0.3em;
|
||||
padding-left: 0.36em;
|
||||
padding-right: 0.36em;
|
||||
vertical-align: middle;
|
||||
border-radius: 100%; }
|
||||
ul.social li a:hover, ul.social li a:visited:hover {
|
||||
color: getColor("light");
|
||||
background-color: getColor("dark"); }
|
||||
color: #fefefe;
|
||||
background-color: #343a40; }
|
||||
|
||||
.container-article {
|
||||
margin: auto;
|
||||
|
|
Reference in a new issue