1472 lines
28 KiB
CSS
1472 lines
28 KiB
CSS
/*
|
|
Theme Name: Marianne
|
|
Theme URI: https://github.com/te2dy/marianne
|
|
Author: Teddy
|
|
Author URI: https://chezteddy.fr/
|
|
Description: Are you looking for a simple theme to highlight your writings? Marianne is a rare minimalistic theme in an ocean of maximalism. It gives a touch of old school blogging to your site, refreshed, with customization options that make it flexible. If you believe that less graphism complexity means less distraction and more readability, this theme is made for you. Whether you are a simple blogger, a writer, a journalist or an intellectual, Marianne will delight you… and your readers.
|
|
Tags: blog, one-column, two-columns, left-sidebar, custom-logo, custom-menu, featured-images, sticky-post, theme-options, threaded-comments, translation-ready, wide-blocks
|
|
Version: 1.8
|
|
Requires at least: 5.3
|
|
Tested up to: 5.8.1
|
|
Requires PHP: 5.2
|
|
License: GNU General Public License v3 or later
|
|
License URI: https://www.gnu.org/licenses/gpl-3.0.html
|
|
Text Domain: marianne
|
|
*/
|
|
|
|
/**
|
|
* Variables
|
|
*/
|
|
:root {
|
|
--color-light-blue: #0057B7;
|
|
--color-dark-blue: #529ff5;
|
|
|
|
--color-light-red: #de0000;
|
|
--color-dark-red: #f14646;
|
|
|
|
--color-light-green: #006400;
|
|
--color-dark-green: #18af18;
|
|
|
|
--color-light-orange: #ff8c00;
|
|
--color-dark-orange: #ffab2e;
|
|
|
|
--color-light-purple: #800080;
|
|
--color-dark-purple: #9a389a;
|
|
|
|
--color-border: #aaa;
|
|
|
|
--color-light-background: #fff;
|
|
--color-dark-background: #16161D;
|
|
|
|
--color-light-text-primary: #000;
|
|
--color-dark-text-primary: rgb(255, 255, 255, 0.85);
|
|
|
|
--color-light-text-secondary: rgb(0, 0, 0, 0.65);
|
|
--color-dark-text-secondary: rgb(255, 255, 255, 0.55);
|
|
|
|
--color-light-input-background: #eaeaea;
|
|
--color-dark-input-background: #222;
|
|
}
|
|
|
|
/* Themes */
|
|
.color-scheme-light {
|
|
--color-body-background: var(--color-light-background);
|
|
--color-body-text-primary: var(--color-light-text-primary);
|
|
--color-body-text-secondary: var(--color-light-text-secondary);
|
|
--color-input-background: var(--color-light-input-background);
|
|
--color-input-text: var(--color-light-text-primary);
|
|
}
|
|
.color-scheme-light.link-hover-blue {
|
|
--color-link-hover: var(--color-light-blue);
|
|
}
|
|
.color-scheme-light.link-hover-red {
|
|
--color-link-hover: var(--color-light-red);
|
|
}
|
|
.color-scheme-light.link-hover-green {
|
|
--color-link-hover: var(--color-light-green);
|
|
}
|
|
.color-scheme-light.link-hover-orange {
|
|
--color-link-hover: var(--color-light-orange);
|
|
}
|
|
.color-scheme-light.link-hover-purple {
|
|
--color-link-hover: var(--color-light-purple);
|
|
}
|
|
@media (prefers-color-scheme: light) {
|
|
.color-scheme-auto {
|
|
--color-body-background: var(--color-light-background);
|
|
--color-body-text-primary: var(--color-light-text-primary);
|
|
--color-body-text-secondary: var(--color-light-text-secondary);
|
|
--color-input-background: var(--color-light-input-background);
|
|
--color-input-text: var(--color-light-text-primary);
|
|
}
|
|
.color-scheme-auto.link-hover-blue {
|
|
--color-link-hover: var(--color-light-blue);
|
|
}
|
|
.color-scheme-auto.link-hover-red {
|
|
--color-link-hover: var(--color-light-red);
|
|
}
|
|
.color-scheme-auto.link-hover-green {
|
|
--color-link-hover: var(--color-light-green);
|
|
}
|
|
.color-scheme-auto.link-hover-orange {
|
|
--color-link-hover: var(--color-light-orange);
|
|
}
|
|
.color-scheme-auto.link-hover-purple {
|
|
--color-link-hover: var(--color-light-purple);
|
|
}
|
|
}
|
|
.color-scheme-dark {
|
|
--color-body-background: var(--color-dark-background);
|
|
--color-body-text-primary: var(--color-dark-text-primary);
|
|
--color-body-text-secondary: var(--color-dark-text-secondary);
|
|
--color-input-background: var(--color-dark-input-background);
|
|
--color-input-text: var(--color-dark-text-primary);
|
|
}
|
|
.color-scheme-dark.link-hover-blue {
|
|
--color-link-hover: var(--color-dark-blue);
|
|
}
|
|
.color-scheme-dark.link-hover-red {
|
|
--color-link-hover: var(--color-dark-red);
|
|
}
|
|
.color-scheme-dark.link-hover-green {
|
|
--color-link-hover: var(--color-dark-green);
|
|
}
|
|
.color-scheme-dark.link-hover-orange {
|
|
--color-link-hover: var(--color-dark-orange);
|
|
}
|
|
.color-scheme-dark.link-hover-purple {
|
|
--color-link-hover: var(--color-dark-purple);
|
|
}
|
|
@media (prefers-color-scheme: dark) {
|
|
.color-scheme-auto {
|
|
--color-body-background: var(--color-dark-background);
|
|
--color-body-text-primary: var(--color-dark-text-primary);
|
|
--color-body-text-secondary: var(--color-dark-text-secondary);
|
|
--color-input-background: var(--color-dark-input-background);
|
|
--color-input-text: var(--color-dark-text-primary);
|
|
}
|
|
.color-scheme-auto.link-hover-blue {
|
|
--color-link-hover: var(--color-dark-blue);
|
|
}
|
|
.color-scheme-auto.link-hover-red {
|
|
--color-link-hover: var(--color-dark-red);
|
|
}
|
|
.color-scheme-auto.link-hover-green {
|
|
--color-link-hover: var(--color-dark-green);
|
|
}
|
|
.color-scheme-auto.link-hover-orange {
|
|
--color-link-hover: var(--color-dark-orange);
|
|
}
|
|
.color-scheme-auto.link-hover-purple {
|
|
--color-link-hover: var(--color-dark-purple);
|
|
}
|
|
}
|
|
|
|
/* Fonts */
|
|
.font-smooth {
|
|
--font-smooth-moz: grayscale;
|
|
--font-smooth-webkit: antialiased;
|
|
--font-smooth: always;
|
|
}
|
|
|
|
/* Body */
|
|
.text-shadow {
|
|
--text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
/* Header */
|
|
.site-header-align-left {
|
|
--site-header-align: left;
|
|
}
|
|
.site-header-align-center {
|
|
--site-header-align: center;
|
|
}
|
|
.site-header-align-right {
|
|
--site-header-align: right;
|
|
}
|
|
.site-title-weight-bolder {
|
|
--site-title-weight: 900;
|
|
}
|
|
.site-title-weight-bold {
|
|
--site-title-weight: 700;
|
|
}
|
|
.site-title-weight-normal {
|
|
--site-title-weight: 400;
|
|
}
|
|
.site-desc-weight-normal {
|
|
--site-desc-weight: 400;
|
|
}
|
|
.site-desc-weight-thin {
|
|
--site-desc-weight: 200;
|
|
}
|
|
.site-desc-style-normal {
|
|
--site-desc-style: normal;
|
|
}
|
|
.site-desc-style-italic {
|
|
--site-desc-style: italic;
|
|
}
|
|
|
|
/* Content */
|
|
.text-align-left {
|
|
--content-text-align: left;
|
|
}
|
|
.text-align-center {
|
|
--content-text-align: center;
|
|
}
|
|
.text-align-right {
|
|
--content-text-align: right;
|
|
}
|
|
.text-align-justify {
|
|
--content-text-align: justify;
|
|
}
|
|
.text-hyphens {
|
|
--content-hyphens: auto;
|
|
--content-hyphens-limit-chars: 5 2 2;
|
|
--content-hyphens-limit-lines: 2;
|
|
--content-hyphens-limit-last: always;
|
|
}
|
|
|
|
/* Footer */
|
|
.site-footer-align-left {
|
|
--site-footer-align: left;
|
|
}
|
|
.site-footer-align-center {
|
|
--site-footer-align: center;
|
|
}
|
|
.site-footer-align-right {
|
|
--site-footer-align: right;
|
|
}
|
|
|
|
/**
|
|
* Structure
|
|
*/
|
|
|
|
/* @source normalize.css */
|
|
html {
|
|
line-height: 1.2;
|
|
-webkit-text-size-adjust: 100%;
|
|
}
|
|
body {
|
|
background-color: var(--color-body-background);
|
|
color: var(--color-body-text-primary);
|
|
font-size: var(--font-size);
|
|
-moz-osx-font-smoothing: var(--font-smooth-moz, auto);
|
|
-webkit-font-smoothing: var(--font-smooth-webkit, auto);
|
|
font-smooth: var(--font-smooth, auto);
|
|
margin: 0;
|
|
text-shadow: var(--text-shadow, unset);
|
|
}
|
|
.site {
|
|
margin: 0 auto;
|
|
word-wrap: break-word;
|
|
}
|
|
.site-header {
|
|
text-align: var(--site-header-align);
|
|
}
|
|
.site-primary {
|
|
margin-bottom: 4em;
|
|
}
|
|
article,
|
|
aside,
|
|
div,
|
|
figure,
|
|
footer,
|
|
header,
|
|
main,
|
|
nav,
|
|
section {
|
|
display: block;
|
|
}
|
|
|
|
/**
|
|
* Formatting
|
|
*/
|
|
|
|
/* Text */
|
|
.text-secondary {
|
|
color: var(--color-body-text-secondary);
|
|
}
|
|
.has-small-font-size {
|
|
font-size: .8em;
|
|
}
|
|
.has-large-font-size {
|
|
font-size: 2em;
|
|
line-height: 1.2;
|
|
}
|
|
.has-drop-cap:not(:focus)::first-letter {
|
|
float: left;
|
|
font-size: 5em;
|
|
font-style: normal;
|
|
font-weight: 700;
|
|
margin: 0 .1em 0 0;
|
|
text-transform: uppercase;
|
|
}
|
|
.has-drop-cap:not(:focus)::after {
|
|
content: "";
|
|
display: table;
|
|
clear: both;
|
|
}
|
|
|
|
/* Links */
|
|
a {
|
|
background-color: transparent; /* @source normalize.css */
|
|
color: inherit;
|
|
text-decoration: none;
|
|
transition: all .2s ease-in-out;
|
|
}
|
|
a:hover,
|
|
a:focus {
|
|
color: var(--color-link-hover);
|
|
cursor: pointer;
|
|
text-decoration: inherit;
|
|
transition: all .2s ease-in-out;
|
|
}
|
|
|
|
/* Titles */
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6 {
|
|
margin: 1em 0;
|
|
}
|
|
h1 {
|
|
font-size: 1.5em;
|
|
}
|
|
h2 {
|
|
font-size: 1.25em;
|
|
}
|
|
h3 {
|
|
font-size: 1em;
|
|
}
|
|
h4 {
|
|
font-size: .93em;
|
|
}
|
|
h5{
|
|
font-size: .87em;
|
|
}
|
|
h6 {
|
|
font-size: .8em;
|
|
}
|
|
|
|
/* Entry Content */
|
|
strong,
|
|
b {
|
|
font-weight: 700;
|
|
}
|
|
em {
|
|
font-style: italic;
|
|
}
|
|
u {
|
|
text-decoration: underline;
|
|
}
|
|
var {
|
|
font-style: italic;
|
|
}
|
|
sub,
|
|
sup {
|
|
font-size: 75%; /* @source normalize.css */
|
|
line-height: 0; /* @source normalize.css */
|
|
position: relative; /* @source normalize.css */
|
|
vertical-align: baseline; /* @source normalize.css */
|
|
}
|
|
sup {
|
|
top: -.5em; /* @source normalize.css */
|
|
}
|
|
sub {
|
|
bottom: -.25em; /* @source normalize.css */
|
|
}
|
|
del,
|
|
s,
|
|
strike {
|
|
text-decoration: line-through;
|
|
}
|
|
dl {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
}
|
|
address {
|
|
font-style: italic;
|
|
}
|
|
abbr,
|
|
acronym {
|
|
cursor: help;
|
|
text-decoration: underline dotted;
|
|
}
|
|
abbr[title] {
|
|
border-bottom: none; /* @source normalize.css */
|
|
text-decoration: underline dotted; /* @source normalize.css */
|
|
}
|
|
big {
|
|
font-size: 1.2em;
|
|
}
|
|
small {
|
|
font-size: .8em;
|
|
}
|
|
ins {
|
|
text-decoration: underline;
|
|
}
|
|
blockquote cite {
|
|
display: block;
|
|
font-size: .9em;
|
|
font-style: normal;
|
|
margin-top: .5em;
|
|
}
|
|
cite {
|
|
font-style: italic;
|
|
}
|
|
pre,
|
|
code,
|
|
kbd {
|
|
font-family: monospace, monospace;
|
|
font-size: 1em; /* @source normalize.css */
|
|
white-space: normal;
|
|
}
|
|
code,
|
|
kbd {
|
|
background-color: var(--color-input-background);
|
|
display: inline-block;
|
|
padding: .1em;
|
|
text-indent: 0;
|
|
}
|
|
.wp-block-code code {
|
|
padding: 1em;
|
|
}
|
|
dt {
|
|
font-variant: small-caps;
|
|
}
|
|
dd {
|
|
margin: 0 0 1em 2em;
|
|
}
|
|
|
|
/* Blocks */
|
|
.wp-block-group {
|
|
padding: 1em 2em;
|
|
}
|
|
.wp-block-cover {
|
|
display: block;
|
|
margin-top: 1em;
|
|
margin-bottom: 1em;
|
|
}
|
|
.aligncenter {
|
|
height: auto;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
text-align: center;
|
|
}
|
|
.alignleft {
|
|
float: left;
|
|
margin-bottom: 1em !important;
|
|
margin-right: 1em !important;
|
|
text-align: left;
|
|
}
|
|
.alignright {
|
|
float: right;
|
|
margin-bottom: 1em !important;
|
|
margin-left: 1em !important;
|
|
text-align: right;
|
|
}
|
|
.alignnone {
|
|
height: auto;
|
|
margin: 0 0 1em;
|
|
}
|
|
.alignwide {
|
|
width: 75vw;
|
|
margin-top: 2em;
|
|
margin-bottom: 2em;
|
|
}
|
|
.alignfull {
|
|
width: 100vw;
|
|
margin-top: 2em;
|
|
margin-bottom: 2em;
|
|
}
|
|
.blocks-gallery-grid figcaption,
|
|
.wp-block-gallery figcaption {
|
|
padding-right: 1em;
|
|
padding-left: 1em;
|
|
}
|
|
.alignfull .wp-block-media-text__content {
|
|
padding: 1em;
|
|
}
|
|
|
|
/* Lists */
|
|
.list-no-disc {
|
|
padding: 0;
|
|
}
|
|
.list-no-disc li {
|
|
list-style: none;
|
|
}
|
|
.list-inline {
|
|
list-style-type: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.list-inline li {
|
|
display: inline-block;
|
|
}
|
|
|
|
/* Tables */
|
|
table {
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
border-collapse: collapse;
|
|
}
|
|
th {
|
|
background-color: var(--color-input-background);
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
padding: .4em;
|
|
}
|
|
td {
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
padding: .4em;
|
|
}
|
|
|
|
/* Separators */
|
|
hr {
|
|
border-top: 1px solid var(--color-border);
|
|
border-bottom: 0;
|
|
box-sizing: content-box; /* @source normalize.css */
|
|
display: block;
|
|
height: 0; /* @source normalize.css */
|
|
margin: 4em auto;
|
|
overflow: visible; /* @source normalize.css */
|
|
width: 50%;
|
|
}
|
|
.separator {
|
|
border-left: none;
|
|
border-right: none;
|
|
border-bottom: none;
|
|
width: 50%;
|
|
}
|
|
|
|
/* Icons */
|
|
.feather-icons {
|
|
border: 0;
|
|
fill: transparent;
|
|
stroke: var(--color-body-text-secondary);
|
|
stroke-width: 2;
|
|
stroke-linecap: round;
|
|
stroke-linejoin: round;
|
|
transition: all .2s ease-in-out;
|
|
}
|
|
.simple-icons {
|
|
border: 0;
|
|
fill: var(--color-body-text-secondary);
|
|
stroke: transparent;
|
|
stroke-width: 0;
|
|
stroke-linecap: round;
|
|
stroke-linejoin: round;
|
|
transition: all .2s ease-in-out;
|
|
}
|
|
.site-social {
|
|
margin: 1em auto;
|
|
}
|
|
.site-header-align-left .social-links li {
|
|
margin: .25em .25em .25em 0;
|
|
}
|
|
.site-header-align-center .social-links li {
|
|
margin: .25em .125em;
|
|
}
|
|
.site-header-align-right .social-links li {
|
|
margin: .25em 0 .25em .25em;
|
|
}
|
|
.social-links li:first-child {
|
|
margin-left: 0;
|
|
}
|
|
.social-links li:last-child {
|
|
margin-right: 0;
|
|
}
|
|
.site-social .icon-email,
|
|
.site-social .icon-phone,
|
|
.site-social .icon-link {
|
|
fill: transparent;
|
|
stroke: var(--color-body-text-secondary);
|
|
stroke-width: 2;
|
|
}
|
|
.social-links li a:hover .simple-icons,
|
|
.social-links li a:focus .simple-icons {
|
|
fill: var(--color-body-background);
|
|
transition: all .2s ease-in-out;
|
|
}
|
|
.social-links li a:hover .icon-email,
|
|
.social-links li a:focus .icon-email,
|
|
.social-links li a:hover .icon-phone,
|
|
.social-links li a:focus .icon-phone,
|
|
.social-links li a:hover .icon-link,
|
|
.social-links li a:focus .icon-link {
|
|
fill: transparent;
|
|
stroke: var(--color-body-background);
|
|
transition: all .2s ease-in-out;
|
|
}
|
|
.social-icon-container {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
background-color: var(--color-input-background);
|
|
border-radius: 50%;
|
|
width: 28px;
|
|
height: 28px;
|
|
transition: all .2s ease-in-out;
|
|
}
|
|
.site-social-round .social-icon-container {
|
|
border-radius: 50%;
|
|
}
|
|
.site-social-square .social-icon-container {
|
|
border-radius: 4px;
|
|
}
|
|
.social-links li a:hover .social-icon-container,
|
|
.social-links li a:focus .social-icon-container {
|
|
background-color: var(--color-link-hover);
|
|
transition: all .2s ease-in-out;
|
|
}
|
|
|
|
/* Images */
|
|
figure {
|
|
margin: 1em 0;
|
|
}
|
|
img {
|
|
border-style: none; /* @source normalize.css */
|
|
height: auto;
|
|
max-width: 100%;
|
|
}
|
|
.wp-caption {
|
|
height: auto;
|
|
width: 100% !important;
|
|
}
|
|
.img-caption,
|
|
.wp-block-image figcaption,
|
|
.wp-caption-text {
|
|
color: var(--color-body-text-secondary);
|
|
display: block;
|
|
font-size: .9em;
|
|
margin: .5em 0 0;
|
|
}
|
|
.gallery-caption {
|
|
display: block;
|
|
}
|
|
|
|
/* Forms */
|
|
button,
|
|
input,
|
|
optgroup,
|
|
select,
|
|
textarea {
|
|
background-color: var(--color-input-background);
|
|
border: 1px solid var(--color-border);
|
|
box-sizing: border-box;
|
|
color: var(--color-input-text);
|
|
display: block;
|
|
font-family: inherit;
|
|
font-size: 1em;
|
|
line-height: 1.2;
|
|
margin: .5em 0;
|
|
padding: .5em;
|
|
max-width: 100%;
|
|
}
|
|
textarea {
|
|
width: 100%;
|
|
}
|
|
input::placeholder,
|
|
textarea::placeholder {
|
|
opacity: .5;
|
|
}
|
|
input[type="checkbox"] {
|
|
display: inline-block;
|
|
margin-right: .25em;
|
|
}
|
|
input[type="submit"],
|
|
button {
|
|
background-color: transparent;
|
|
border: 1px solid var(--color-body-text-primary);
|
|
color: var(--color-body-text-primary);
|
|
padding: .5em;
|
|
position: relative;
|
|
transition: all .2s ease-in-out .1s;
|
|
}
|
|
input[type="submit"]:hover,
|
|
input[type="submit"]:focus,
|
|
button:hover,
|
|
button:focus {
|
|
border-color: var(--color-link-hover);
|
|
color: var(--color-link-hover);
|
|
cursor: pointer;
|
|
transition: all .2s ease-in-out .1s;
|
|
}
|
|
.button-inline {
|
|
background-color: transparent;
|
|
border: 0;
|
|
color: inherit;
|
|
display: inline;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
/* Frames */
|
|
iframe {
|
|
max-width: 100%;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
/* Menus */
|
|
.navigation-menu {
|
|
list-style-type: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.navigation-menu .menu-item {
|
|
border-right: 1px solid var(--color-border);
|
|
display: inline-block;
|
|
margin-right: .5rem;
|
|
padding-right: .5rem;
|
|
}
|
|
.navigation-menu .menu-item a {
|
|
display: inline-block;
|
|
}
|
|
.navigation-menu .menu-item:first-child {
|
|
margin-left: 0;
|
|
}
|
|
.navigation-menu .menu-item:last-child {
|
|
border-right: 0;
|
|
margin-right: 0;
|
|
padding-right: 0;
|
|
}
|
|
|
|
/**
|
|
* Header
|
|
*/
|
|
.site-logo {
|
|
margin: 0 0 1em;
|
|
}
|
|
.site-logo img {
|
|
display: block;
|
|
max-height: 150px;
|
|
max-width: 150px;
|
|
}
|
|
.custom-logo-link {
|
|
display: inline-block;
|
|
}
|
|
.image-circular,
|
|
.image-circular .custom-logo {
|
|
border-radius: 50%;
|
|
}
|
|
.site-title {
|
|
font-size: 1.5em;
|
|
font-weight: var(--site-title-weight);
|
|
margin: 0;
|
|
}
|
|
.site-description {
|
|
font-size: 1em;
|
|
font-style: var(--site-desc-style);
|
|
font-weight: var(--site-desc-weight);
|
|
margin: .5em 0 0;
|
|
}
|
|
|
|
/* Primary menu */
|
|
#menu-primary-container {
|
|
margin: 2em 0;
|
|
}
|
|
#menu-primary > .menu-item {
|
|
margin-bottom: .5em;
|
|
}
|
|
#menu-primary > .menu-item:last-child {
|
|
margin-right: 0;
|
|
padding-right: 0;
|
|
}
|
|
#menu-primary > .menu-item > a {
|
|
position: relative;
|
|
}
|
|
#menu-primary .menu-item-has-children {
|
|
position: relative;
|
|
}
|
|
#menu-primary .sub-menu-toggle {
|
|
background-color: transparent;
|
|
border: 0;
|
|
display: inline-block;
|
|
margin: 0 0 0 .25rem;
|
|
padding: 0;
|
|
vertical-align: middle;
|
|
}
|
|
#menu-primary .menu-item-has-children .sub-menu-toggle[aria-expanded="true"] .feather-icons {
|
|
stroke: var(--color-link-hover);
|
|
}
|
|
#menu-primary .sub-menu-toggle-icon {
|
|
fill: transparent;
|
|
stroke-width: 3;
|
|
stroke: var(--color-body-text-secondary);
|
|
}
|
|
#menu-primary .sub-menu {
|
|
clip: rect(1px, 1px, 1px, 1px);
|
|
clip-path: inset(50%);
|
|
display: block;
|
|
height: 1px;
|
|
margin: -1px;
|
|
overflow: hidden;
|
|
padding: 0;
|
|
position: absolute;
|
|
width: 1px;
|
|
word-wrap: normal !important;
|
|
}
|
|
#menu-primary .menu-item-has-children .sub-menu-toggle[aria-expanded="true"] ~ .sub-menu {
|
|
background-color: var(--color-input-background);
|
|
clip: auto !important;
|
|
clip-path: none;
|
|
display: block;
|
|
height: auto;
|
|
margin: 0;
|
|
padding: 0;
|
|
text-decoration: none;
|
|
top: 100%;
|
|
width: auto;
|
|
z-index: 100000;
|
|
}
|
|
.site-header-align-left #menu-primary .menu-item-has-children .sub-menu-toggle[aria-expanded="true"] ~ .sub-menu {
|
|
left: 0;
|
|
}
|
|
.site-header-align-center #menu-primary .menu-item-has-children .sub-menu-toggle[aria-expanded="true"] ~ .sub-menu {
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
}
|
|
.site-header-align-right #menu-primary .menu-item-has-children .sub-menu-toggle[aria-expanded="true"] ~ .sub-menu {
|
|
right: 0;
|
|
}
|
|
#menu-primary .sub-menu > .menu-item {
|
|
display: block;
|
|
width: 100%;
|
|
white-space: nowrap;
|
|
}
|
|
#menu-primary .sub-menu > .menu-item > a {
|
|
display: block;
|
|
padding: .5em;
|
|
}
|
|
#menu-primary .sub-menu .menu-item:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
#menu-mobile-button {
|
|
display: none;
|
|
}
|
|
.site-header-align-center #menu-mobile-button {
|
|
margin-right: auto;
|
|
margin-left: auto;
|
|
}
|
|
.site-header-align-right #menu-mobile-button {
|
|
margin-right: 0;
|
|
margin-left: auto;
|
|
}
|
|
#menu-primary-container #header-search-button {
|
|
border-bottom: 1px solid var(--color-border);
|
|
padding-bottom: .1em;
|
|
}
|
|
#menu-primary #header-search-button {
|
|
border-bottom: unset;
|
|
padding-bottom: 0;
|
|
}
|
|
.header-search-box {
|
|
display: none;
|
|
margin-top: -1em;
|
|
}
|
|
.search .header-search-box {
|
|
display: block;
|
|
}
|
|
.header-search-box .search-field,
|
|
.header-search-box .search-submit {
|
|
margin: 0;
|
|
}
|
|
|
|
@media (hover: none), (max-width: 532px) {
|
|
.navigation-menu .menu-item {
|
|
margin-bottom: 0;
|
|
}
|
|
#menu-mobile-button {
|
|
display: block;
|
|
}
|
|
#menu-mobile-button:hover,
|
|
#menu-mobile-button:focus,
|
|
#menu-mobile-button[aria-expanded="true"] {
|
|
border-color: var(--color-link-hover);
|
|
background-color: transparent;
|
|
color: var(--color-link-hover);
|
|
}
|
|
#menu-mobile-button ~ #menu-primary {
|
|
background-color: var(--color-input-background);
|
|
display: none;
|
|
padding: 1em;
|
|
text-align: left;
|
|
}
|
|
#menu-mobile-button[aria-expanded="true"] ~ #menu-primary {
|
|
display: block;
|
|
}
|
|
#menu-primary {
|
|
border-left: 1px solid var(--color-border);
|
|
margin-top: .5em;
|
|
padding-left: .5em;
|
|
}
|
|
#menu-primary .menu-item {
|
|
border: 0;
|
|
display: block;
|
|
margin-right: 0;
|
|
}
|
|
#menu-primary .menu-item a:hover,
|
|
#menu-primary .menu-item a:focus {
|
|
color: var(--color-link-hover);
|
|
}
|
|
#menu-primary .menu-item:last-of-type {
|
|
border: 0;
|
|
display: block;
|
|
margin-right: 0;
|
|
margin-bottom: 0;
|
|
}
|
|
#menu-primary .sub-menu-toggle {
|
|
display: none;
|
|
}
|
|
#menu-primary .sub-menu {
|
|
border: 0;
|
|
clip: auto;
|
|
clip-path: none;
|
|
height: auto;
|
|
margin: auto;
|
|
overflow: visible;
|
|
position: relative;
|
|
width: auto;
|
|
}
|
|
#menu-primary .menu-item-has-children .sub-menu-toggle[aria-expanded="true"] ~ .sub-menu {
|
|
background-color: transparent;
|
|
padding: 0;
|
|
}
|
|
#menu-primary .menu-item-has-children > a {
|
|
margin-bottom: .5em;
|
|
}
|
|
#menu-primary .sub-menu .menu-item {
|
|
padding-right: 0;
|
|
padding-left: 1em;
|
|
border: 0;
|
|
white-space: inherit;
|
|
}
|
|
#menu-primary .sub-menu .menu-item a {
|
|
display: inline-block;
|
|
margin: 0 0 .5em;
|
|
padding: 0;
|
|
}
|
|
#menu-primary .sub-menu .menu-item a::before {
|
|
content: "— ";
|
|
}
|
|
#menu-primary > .menu-item::after {
|
|
content: "";
|
|
}
|
|
#menu-primary .sub-menu > .menu-item > a:hover,
|
|
#menu-primary .sub-menu > .menu-item > a:focus {
|
|
color: var(--color-link-hover);
|
|
}
|
|
#header-search-with-menu {
|
|
background-color: var(--color-input-background);
|
|
border-left: 1px solid var(--color-border);
|
|
margin-top: -2em;
|
|
padding: 0 1em 1em;
|
|
}
|
|
.search #header-search-with-menu {
|
|
margin-top: -1em;
|
|
padding-top: 1em;
|
|
}
|
|
#header-search-without-menu {
|
|
margin-top: -1em;
|
|
}
|
|
.header-search-box .search-field,
|
|
.header-search-box .search-submit {
|
|
background-color: var(--color-body-background);
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Loop
|
|
*/
|
|
.entry-loop {
|
|
margin-bottom: 4em;
|
|
}
|
|
.entry-loop.sticky {
|
|
border: 1px solid var(--color-border);
|
|
padding: 1rem;
|
|
}
|
|
.entry-loop.sticky figure {
|
|
margin-right: -1rem;
|
|
margin-left: -1rem;
|
|
}
|
|
.loop-header {
|
|
margin-bottom: 1em;
|
|
}
|
|
.loop-title {
|
|
font-size: 1.25em;
|
|
margin: .5em 0;
|
|
}
|
|
.loop-thumbnail {
|
|
margin: 1em auto;
|
|
}
|
|
.loop-content {
|
|
margin: 1em 0;
|
|
}
|
|
.loop-content p {
|
|
margin: 0;
|
|
}
|
|
.loop-footer {
|
|
margin-top: 1em;
|
|
}
|
|
.loop-pagination {
|
|
margin: 4em 0;
|
|
}
|
|
.loop-pagination {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
.loop-pagination-right {
|
|
justify-content: flex-end;
|
|
}
|
|
|
|
/**
|
|
* Posts, pages, archives and other pages
|
|
*/
|
|
.entry-meta {
|
|
font-size: .9em;
|
|
}
|
|
.entry-header .entry-meta {
|
|
margin-bottom: .5em;
|
|
}
|
|
.entry-footer .entry-meta {
|
|
margin-top: .5em;
|
|
}
|
|
.entry-sticky {
|
|
border-left: 4px solid var(--color-border);
|
|
display: inline-block;
|
|
padding-left: .25em;
|
|
margin: 1em 0 .5em;
|
|
}
|
|
.entry-categories li + li:before {
|
|
content: "\00B7";
|
|
}
|
|
.post-title,
|
|
.page-title {
|
|
font-size: 1.5em;
|
|
margin: 1em 0;
|
|
}
|
|
.entry-info {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.entry-info-avatar .avatar {
|
|
border-radius: 50%;
|
|
margin-right: .5em;
|
|
}
|
|
.entry-info-separator {
|
|
margin: 0 .2em;
|
|
}
|
|
.post-content p,
|
|
.page-content p {
|
|
margin: 1em 0;
|
|
}
|
|
.entry-content::before,
|
|
.entry-content::after,
|
|
.comment-content::before,
|
|
.comment-content::after {
|
|
clear: both;
|
|
content: "";
|
|
display: table;
|
|
table-layout: fixed;
|
|
}
|
|
.entry-content,
|
|
.comment-content {
|
|
line-height: 1.4;
|
|
text-align: var(--content-text-align);
|
|
|
|
/* Hyphens */
|
|
-webkit-hyphens: var(--content-hyphens, none);
|
|
-moz-hyphens: var(--content-hyphens, none);
|
|
-ms-hyphens: var(--content-hyphens, none);
|
|
hyphens: var(--content-hyphens, none);
|
|
|
|
-webkit-hyphenate-limit-chars: var(--content-hyphens-limit-chats, auto);
|
|
-moz-hyphenate-limit-chars: var(--content-hyphens-limit-chars, auto);
|
|
-ms-hyphenate-limit-chars: var(--content-hyphens-limit-chars, auto);
|
|
|
|
-webkit-hyphenate-limit-lines: var(--content-hyphens-limit-lines, no-limit);
|
|
-moz-hyphenate-limit-lines: var(--content-hyphens-limit-lines, no-limit);
|
|
-ms-hyphenate-limit-lines: var(--content-hyphens-limit-lines, no-limit);
|
|
hyphenate-limit-lines: var(--content-hyphens-limit-lines, no-limit);
|
|
|
|
-webkit-hyphenate-limit-last: var(--content-hyphens-limit-last, none);
|
|
-moz-hyphenate-limit-last: var(--content-hyphens-limit-last, none);
|
|
-ms-hyphenate-limit-last: var(--content-hyphens-limit-last, none);
|
|
hyphenate-limit-last: var(--content-hyphens-limit-last, none);
|
|
}
|
|
.entry-footer {
|
|
font-size: .9em;
|
|
}
|
|
|
|
/**
|
|
* Posts
|
|
*/
|
|
.post-date {
|
|
display: block;
|
|
}
|
|
.post-thumbnail {
|
|
margin: 1em auto;
|
|
}
|
|
.entry-thumbnail .wp-caption-text {
|
|
text-align: left;
|
|
}
|
|
.post-content a,
|
|
.page-content a,
|
|
.comment-content a {
|
|
text-decoration: underline;
|
|
}
|
|
.post-content a:hover,
|
|
.page-content a:hover,
|
|
.comment-content a:hover {
|
|
color: var(--color-link-hover);
|
|
}
|
|
.post-footer {
|
|
margin-top: 2em;
|
|
}
|
|
.post-signature {
|
|
display: flex;
|
|
margin: 2em 0;
|
|
}
|
|
.post-signature-align-top {
|
|
align-items: flex-start;
|
|
}
|
|
.post-signature-align-center {
|
|
align-items: center;
|
|
}
|
|
.post-signature-avatar .avatar {
|
|
border-radius: 50%;
|
|
margin-right: 1em;
|
|
}
|
|
.post-signature-author-name {
|
|
font-size: 1em;
|
|
margin: 0;
|
|
}
|
|
.post-signature-author-name cite {
|
|
font-style: normal;
|
|
}
|
|
.post-signature-author-description {
|
|
margin-top: .5em;
|
|
}
|
|
.post-signature-author-description p {
|
|
margin: .25em 0 0;
|
|
}
|
|
.post-page-numbers {
|
|
border: 1px solid var(--color-border);
|
|
padding: .25em .5em;
|
|
}
|
|
.post-content .post-page-numbers,
|
|
.page-content .post-page-numbers {
|
|
text-decoration: none;
|
|
}
|
|
.post-nav-links .current {
|
|
background-color: var(--color-input-background);
|
|
border: 1px solid var(--color-border);
|
|
box-sizing: border-box;
|
|
color: var(--color-input-text);
|
|
|
|
}
|
|
.post-page-numbers:hover {
|
|
border-color: var(--color-link-hover);
|
|
}
|
|
.post-page-numbers.current:hover {
|
|
border-color: var(--color-border);
|
|
}
|
|
.post-navigation {
|
|
margin: 2em 0;
|
|
}
|
|
.nav-links {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
.nav-links .nav-link-previous,
|
|
.nav-links .nav-link-next {
|
|
max-width: 50%;
|
|
}
|
|
.nav-links .nav-link-previous {
|
|
padding-right: .5em;
|
|
}
|
|
.nav-links .nav-link-next {
|
|
padding-left: .5em;
|
|
text-align: right;
|
|
}
|
|
.nav-links-one .nav-link-next {
|
|
text-align: right;
|
|
}
|
|
|
|
/**
|
|
* Comments
|
|
*/
|
|
.comment {
|
|
margin: 2em 0;
|
|
}
|
|
.comment-author .avatar {
|
|
float: left;
|
|
margin-right: 10px;
|
|
}
|
|
.comment-metadata {
|
|
clear: none;
|
|
color: var(--color-body-text-secondary);
|
|
font-size: .9em;
|
|
}
|
|
.comment-content {
|
|
border: 1px solid var(--color-border);
|
|
margin-top: .5em;
|
|
padding: 0 1em;
|
|
}
|
|
.comment-content ul li,
|
|
.comment-content ol li {
|
|
list-style: inherit;
|
|
}
|
|
.bypostauthor > .comment-body > .comment-content {
|
|
background-color: var(--color-input-background);
|
|
}
|
|
.reply {
|
|
color: var(--color-body-text-secondary);
|
|
font-size: .9em;
|
|
margin-top: .25em;
|
|
}
|
|
#cancel-comment-reply-link {
|
|
color: var(--color-body-text-secondary);
|
|
font-weight: normal;
|
|
}
|
|
#cancel-comment-reply-link::before {
|
|
content: " ";
|
|
}
|
|
.children,
|
|
.comment .comment-respond {
|
|
border-left: 1px solid var(--color-border);
|
|
padding-left: 1em;
|
|
}
|
|
|
|
/**
|
|
* Archives
|
|
*/
|
|
.archive-header {
|
|
margin-bottom: 4em;
|
|
}
|
|
.archive-description p {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
/**
|
|
* Footer
|
|
*/
|
|
.site-footer {
|
|
font-size: .9em;
|
|
margin: 6em 0 2em;
|
|
text-align: var(--site-footer-align);
|
|
}
|
|
.site-footer-block {
|
|
margin-top: 1em;
|
|
}
|
|
.site-footer-align-right .navigation-menu .menu-item {
|
|
border-right: 0;
|
|
border-left: 1px solid var(--color-border);
|
|
margin-right: 0;
|
|
margin-left: .5rem;
|
|
padding-right: 0;
|
|
padding-left: .5rem;
|
|
}
|
|
.site-footer-align-right .navigation-menu .menu-item:first-child {
|
|
border-left: 0;
|
|
margin-left: 0;
|
|
padding-left: 0;
|
|
}
|
|
#back-to-top {
|
|
border: 0;
|
|
color: var(--color-body-text-secondary);
|
|
display: inline;
|
|
padding: 0;
|
|
}
|
|
#back-to-top:hover,
|
|
#back-to-top:focus {
|
|
color: var(--color-link-hover);
|
|
}
|
|
#back-to-top:hover .feather-icons,
|
|
#back-to-top:focus .feather-icons {
|
|
stroke: var(--color-link-hover);
|
|
}
|
|
|
|
/**
|
|
* Search form
|
|
*/
|
|
.search-form {
|
|
display: flex;
|
|
align-content: space-around;
|
|
align-items: center;
|
|
}
|
|
.search-form .search-field {
|
|
width: 100%;
|
|
}
|
|
.search-form label {
|
|
width: 100%;
|
|
margin-right: 1em;
|
|
}
|
|
|
|
/**
|
|
* Widgets
|
|
*/
|
|
.site-secondary section {
|
|
margin: 2em 0;
|
|
}
|
|
|
|
/* RSS */
|
|
.widget_rss li {
|
|
margin-bottom: 1em;
|
|
}
|
|
.widget_rss li:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
.rsswidget {
|
|
font-weight: 700;
|
|
}
|
|
.rss-date {
|
|
color: var(--color-body-text-secondary);
|
|
font-size: .9em;
|
|
}
|
|
.rssSummary {
|
|
font-style: italic;
|
|
margin: .5em 0;
|
|
}
|
|
|
|
/* Calendar */
|
|
.wp-calendar-table caption {
|
|
font-weight: 700;
|
|
margin-bottom: .5em;
|
|
}
|
|
.wp-calendar-table thead th {
|
|
font-weight: 700;
|
|
}
|
|
.wp-calendar-table tbody td {
|
|
color: var(--color-body-text-secondary);
|
|
}
|
|
.wp-calendar-table tbody td a {
|
|
color: var(--color-body-text-primary);
|
|
font-weight: 700;
|
|
text-decoration: none;
|
|
}
|
|
.wp-calendar-nav {
|
|
margin-top: .5em;
|
|
}
|
|
.wp-calendar-nav a {
|
|
text-decoration: none;
|
|
}
|
|
|
|
/* Comments */
|
|
.wp-block-latest-comments .avatar {
|
|
border-radius: 0;
|
|
}
|
|
.wp-block-latest-comments__comment-author {
|
|
font-weight: 700;
|
|
}
|
|
#commentform label {
|
|
font-size: .9em;
|
|
}
|
|
.comment-awaiting-moderation {
|
|
display: block;
|
|
font-size: .9em;
|
|
margin: 1em 0;
|
|
border-left: 2px solid #de0000;
|
|
padding-left: .5em;
|
|
}
|
|
|
|
/**
|
|
* Accessibility
|
|
*/
|
|
|
|
/* Text meant only for screen readers. */
|
|
.screen-reader-text {
|
|
border: 0;
|
|
clip: rect(1px, 1px, 1px, 1px);
|
|
clip-path: inset(50%);
|
|
height: 1px;
|
|
margin: -1px;
|
|
overflow: hidden;
|
|
padding: 0;
|
|
position: absolute;
|
|
width: 1px;
|
|
word-wrap: normal !important;
|
|
}
|
|
.screen-reader-text:focus {
|
|
background-color: var(--color-input-background);
|
|
clip: auto !important;
|
|
clip-path: none;
|
|
color: #444;
|
|
display: block;
|
|
font-size: 1em;
|
|
height: auto;
|
|
left: 5px;
|
|
line-height: normal;
|
|
padding: 15px 23px 14px;
|
|
text-decoration: none;
|
|
top: 5px;
|
|
width: auto;
|
|
z-index: 100000;
|
|
}
|
|
|
|
/**
|
|
* On print
|
|
*/
|
|
#print-info {
|
|
display: none;
|
|
}
|
|
|
|
@media print {
|
|
@page {
|
|
margin: 2cm;
|
|
}
|
|
body {
|
|
font-size: 12pt !important;
|
|
}
|
|
#print-info {
|
|
border-left: 1px solid var(--color-border);
|
|
display: block;
|
|
margin: 2em 0;
|
|
padding-left: 1em;
|
|
}
|
|
#print-info p {
|
|
margin: 0 0 .5em;
|
|
}
|
|
#print-info p:last-of-type {
|
|
margin: .5em 0 0;
|
|
}
|
|
|
|
/* Defining all page breaks */
|
|
.entry-content p {
|
|
orphans: 2;
|
|
widows: 2;
|
|
}
|
|
a {
|
|
break-inside: avoid;
|
|
}
|
|
blockquote {
|
|
break-inside: avoid;
|
|
}
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6 {
|
|
break-after: avoid;
|
|
break-inside: avoid;
|
|
}
|
|
img {
|
|
break-inside: avoid;
|
|
break-after: avoid;
|
|
}
|
|
table,
|
|
pre {
|
|
break-inside: avoid;
|
|
}
|
|
ul,
|
|
ol,
|
|
dl {
|
|
break-before: avoid;
|
|
}
|
|
|
|
/* Handling link behaviour */
|
|
.print-url-show a[href^=http]:after,
|
|
.print-url-show a[href^=http]:after {
|
|
content: " [" attr(href) "] ";
|
|
}
|
|
|
|
/* Hiding unnecessary elements */
|
|
.site-social,
|
|
#menu-primary-container,
|
|
.entry-links,
|
|
.comments-print-hide,
|
|
.comment-respond,
|
|
.separator,
|
|
.print-widgets-hide,
|
|
#site-footer-mention,
|
|
#menu-footer {
|
|
display: none;
|
|
}
|
|
.comments-area {
|
|
margin-top: 4em;
|
|
}
|
|
}
|