181 lignes
3.3 KiB
CSS
181 lignes
3.3 KiB
CSS
/*
|
|
Theme Name: Twenty Twenty Child
|
|
Description: Twenty Twenty Child Theme
|
|
Author: Camille
|
|
Template: twentytwenty
|
|
Version: 1.0.1
|
|
License: GNU General Public License v2 or later
|
|
License URI: http://www.gnu.org/licenses/gpl-2.0.html
|
|
Text Domain: twentytwentychild
|
|
*/
|
|
|
|
/* variables */
|
|
:root {
|
|
--ttc-yellow: #7d7b17;
|
|
--ttc-blue: #1c9b8c;
|
|
--ttc-red: rgb(255, 0, 0);
|
|
--ttc-dark: rgb(13, 36, 35);
|
|
--ttc-white: rgb(255, 255, 255);
|
|
--ttc-font-sans-serif: Cantarell, Ubuntu, sans-serif;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "Roboto";
|
|
src: url("assets/fonts/roboto-slab-bold.ttf") format("truetype");
|
|
}
|
|
@font-face {
|
|
font-family: "Cantarell";
|
|
src: url("assets/fonts/cantarell.woff2") format("truetype");
|
|
}
|
|
|
|
body {
|
|
font-family: var(--ttc-font-sans-serif);
|
|
}
|
|
|
|
body,
|
|
#site-footer {
|
|
color: var(--ttc-dark);
|
|
background: var(--ttc-white) url(assets/images/background.png) repeat left top;
|
|
}
|
|
|
|
#site-header,
|
|
.header-footer-group {
|
|
background: var(--ttc-blue) url(assets/images/background.png) repeat left top;
|
|
}
|
|
|
|
#site-header * {
|
|
color: var(--ttc-white);
|
|
}
|
|
|
|
#site-header div.site-description {
|
|
color: var(--ttc-dark);
|
|
background: var(--ttc-white);
|
|
padding: 0.9ex;
|
|
transform: rotate(-7deg);
|
|
perspective: 50px;
|
|
font-weight: bolder;
|
|
text-transform: uppercase;
|
|
margin: 2em 5em;
|
|
width: 10em;
|
|
text-align: center;
|
|
font-family: "Roboto", serif;
|
|
}
|
|
|
|
#site-header div.site-description:nth-letter(3) {
|
|
font-weight: normal;
|
|
color: var(--ttc-red);
|
|
}
|
|
|
|
h1,
|
|
h2,
|
|
h3 {
|
|
font-family: "Roboto", serif;
|
|
}
|
|
|
|
#site-content h1,
|
|
#site-content h2,
|
|
#site-content h3 {
|
|
color: var(--ttc-blue);
|
|
padding: 0.4ex 0.6ex;
|
|
font-family: "Roboto", serif;
|
|
}
|
|
|
|
#site-content h1,
|
|
#site-content h2,
|
|
#site-content h3:not(.ttc-title-tool) {
|
|
border: 0.2ex solid var(--ttc-blue);
|
|
background: var(--ttc-white);
|
|
}
|
|
|
|
#site-content h1 a,
|
|
#site-content h2 a,
|
|
#site-content h3 a {
|
|
color: var(--ttc-blue);
|
|
}
|
|
|
|
.footer-inner,
|
|
.footer-inner p {
|
|
color: var(--ttc-white);
|
|
font-family: var(-ttc-font-sans-serif);
|
|
}
|
|
|
|
.footer-inner h1,
|
|
.footer-inner h2,
|
|
.footer-inner h3 {
|
|
color: var(--ttc-white);
|
|
background: var(--ttc-blue);
|
|
padding: 0.4ex 0.6ex;
|
|
border: 0.25ex solid white;
|
|
font-family: "Roboto", serif;
|
|
}
|
|
|
|
p {
|
|
font-family: var(--ttc-font-sans-serif);
|
|
}
|
|
|
|
.footer-widgets-outer-wrapper {
|
|
border: none;
|
|
color: var(--ttc-dark);
|
|
}
|
|
|
|
.toggle-text * {
|
|
color: var(--ttc-white);
|
|
}
|
|
|
|
.post-meta * {
|
|
color: var(--ttc-dark);
|
|
}
|
|
|
|
/* suppression de l'espace au dessus du contenu */
|
|
.post-inner {
|
|
padding: 0;
|
|
}
|
|
@media (min-width: 700px) {
|
|
.post-inner {
|
|
padding: 0;
|
|
}
|
|
}
|
|
|
|
a.wp-block-button__link {
|
|
background-color: var(--ttc-blue);
|
|
}
|
|
|
|
.is-style-outline {
|
|
color: var(--ttc-blue);
|
|
}
|
|
.is-style-outline a.wp-block-button__link:not(.has-text-color) {
|
|
color: var(--ttc-blue);
|
|
}
|
|
|
|
div.is-style-outline a.wp-block-button__link {
|
|
padding: 0;
|
|
}
|
|
|
|
p.has-drop-cap:not(:focus)::first-letter {
|
|
color: var(--ttc-blue);
|
|
}
|
|
|
|
a.to-the-top {
|
|
font-family: Agenda, Cantarell, Ubuntu, sans-serif;
|
|
}
|
|
|
|
.entry-categories-inner a {
|
|
color: var(--ttc-blue);
|
|
}
|
|
|
|
.modal-menu .ancestor-wrapper a {
|
|
color: var(--ttc-blue);
|
|
}
|
|
|
|
/* classes additionnelles du thème enfant */
|
|
.ttc-bg-white {
|
|
background-color: var(--ttc-white);
|
|
}
|
|
.ttc-img-wrap > img {
|
|
margin: 1rem 3rem;
|
|
}
|
|
.ttc-title-tool::first-letter {
|
|
border: 4px solid var(--ttc-blue);
|
|
padding: 0 0.5rem 0 1rem;
|
|
}
|