first
This commit is contained in:
@ -0,0 +1,5 @@
|
||||
/**
|
||||
* Custom Color Overrides
|
||||
*
|
||||
* This file is automatically populated if the user chooses custom colors in the Customizer.
|
||||
*/
|
||||
2999
wp-content/themes/twentytwentyone/assets/css/ie-editor.css
Normal file
2999
wp-content/themes/twentytwentyone/assets/css/ie-editor.css
Normal file
File diff suppressed because it is too large
Load Diff
7280
wp-content/themes/twentytwentyone/assets/css/ie.css
Normal file
7280
wp-content/themes/twentytwentyone/assets/css/ie.css
Normal file
File diff suppressed because it is too large
Load Diff
178
wp-content/themes/twentytwentyone/assets/css/print.css
Normal file
178
wp-content/themes/twentytwentyone/assets/css/print.css
Normal file
@ -0,0 +1,178 @@
|
||||
/*
|
||||
Adding print support. The print styles are based on the the great work of
|
||||
Andreas Hecht in https://www.jotform.com/blog/css-perfect-print-stylesheet-98272/.
|
||||
*/
|
||||
|
||||
/*--------------------------------------------------------------
|
||||
>>> TABLE OF CONTENTS:
|
||||
----------------------------------------------------------------
|
||||
# Margins & paddings
|
||||
# Typography
|
||||
# Page breaks
|
||||
# Links
|
||||
# Visibility
|
||||
--------------------------------------------------------------*/
|
||||
@media print {
|
||||
|
||||
/* Margins & paddings */
|
||||
@page {
|
||||
margin: 2cm;
|
||||
}
|
||||
|
||||
.entry .entry-header,
|
||||
.entry,
|
||||
.single .site-main > article > .entry-footer {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.site-footer .site-info {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.site-header {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/* Fonts */
|
||||
body {
|
||||
font: 13pt Georgia, "Times New Roman", Times, serif;
|
||||
font: 13pt var(--global--font-secondary, Georgia, "Times New Roman", Times, serif);
|
||||
line-height: 1.3;
|
||||
background: #fff !important;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.has-background-dark * {
|
||||
color: #000 !important;
|
||||
}
|
||||
|
||||
h1,
|
||||
.entry-title,
|
||||
.singular .entry-title,
|
||||
.page-title {
|
||||
font-size: 22pt;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
.has-regular-font-size,
|
||||
.has-large-font-size,
|
||||
h2.author-title,
|
||||
p.author-bio,
|
||||
.comments-title,
|
||||
.archive-description {
|
||||
font-size: 14pt;
|
||||
margin-top: 25px;
|
||||
}
|
||||
|
||||
.comment-meta,
|
||||
.comment-meta .comment-author .fn {
|
||||
font-size: 13pt;
|
||||
}
|
||||
|
||||
/* Page breaks */
|
||||
a {
|
||||
page-break-inside: avoid;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
page-break-inside: avoid;
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
page-break-after: avoid;
|
||||
page-break-inside: avoid;
|
||||
}
|
||||
|
||||
img {
|
||||
page-break-inside: avoid;
|
||||
page-break-after: avoid;
|
||||
}
|
||||
|
||||
table,
|
||||
pre,
|
||||
figure {
|
||||
page-break-inside: avoid;
|
||||
}
|
||||
|
||||
ul,
|
||||
ol,
|
||||
dl {
|
||||
page-break-before: avoid;
|
||||
}
|
||||
|
||||
/* Links */
|
||||
a:link,
|
||||
a:visited,
|
||||
a {
|
||||
background: transparent;
|
||||
font-weight: bold;
|
||||
text-decoration: underline;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
a[href^=http]:after {
|
||||
content: " < " attr(href) "> ";
|
||||
}
|
||||
|
||||
a:after > img {
|
||||
content: "";
|
||||
}
|
||||
|
||||
article a[href^="#"]:after {
|
||||
content: "";
|
||||
}
|
||||
|
||||
a:not(:local-link):after {
|
||||
content: " < " attr(href) "> ";
|
||||
}
|
||||
|
||||
.entry-title a:after {
|
||||
content: "\a< " attr(href) "> ";
|
||||
white-space: pre;
|
||||
font-size: 14pt;
|
||||
}
|
||||
|
||||
.cat-links a:after,
|
||||
.tags-links a:after,
|
||||
.byline a:after,
|
||||
.comment-metadata a:after,
|
||||
.wp-block-calendar a:after,
|
||||
.wp-block-tag-cloud a:after,
|
||||
.page-links a:after {
|
||||
content: "";
|
||||
}
|
||||
|
||||
/* Visibility */
|
||||
.primary-navigation,
|
||||
.site-title + .primary-navigation,
|
||||
.footer-navigation,
|
||||
.entry-footer,
|
||||
.post-navigation,
|
||||
.navigation.pagination,
|
||||
.widget-area,
|
||||
.edit-link,
|
||||
.more-link,
|
||||
.comment-reply,
|
||||
.reply,
|
||||
.comment .comment-metadata .edit-link,
|
||||
.comment-respond,
|
||||
#dark-mode-toggler {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.entry .entry-content .wp-block-button .wp-block-button__link,
|
||||
.entry .entry-content .button,
|
||||
.entry .entry-content .wp-block-file__button {
|
||||
color: #000;
|
||||
background: none;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,113 @@
|
||||
/* OS dark theme preference */
|
||||
@media only screen {
|
||||
|
||||
.is-dark-theme.is-dark-theme {
|
||||
--global--color-background: var(--global--color-dark-gray);
|
||||
--global--color-primary: var(--global--color-light-gray);
|
||||
--global--color-secondary: var(--global--color-light-gray);
|
||||
--button--color-text: var(--global--color-background);
|
||||
--button--color-text-hover: var(--global--color-secondary);
|
||||
--button--color-text-active: var(--global--color-secondary);
|
||||
--button--color-background: var(--global--color-secondary);
|
||||
--button--color-background-active: var(--global--color-background);
|
||||
--global--color-border: #9ea1a7;
|
||||
|
||||
/* Block: Table */
|
||||
--table--stripes-border-color: rgba(240, 240, 240, 0.15);
|
||||
--table--stripes-background-color: rgba(240, 240, 240, 0.15);
|
||||
}
|
||||
|
||||
.is-dark-theme img {
|
||||
filter: brightness(0.85) contrast(1.1);
|
||||
}
|
||||
|
||||
.respect-color-scheme-preference.is-dark-theme body {
|
||||
background-color: var(--global--color-background);
|
||||
}
|
||||
|
||||
#dark-mode-toggler {
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: var(--global--font-size-xs);
|
||||
padding: 0.5em;
|
||||
min-height: 44px;
|
||||
min-width: max-content;
|
||||
border: 2px solid currentColor;
|
||||
box-shadow: none;
|
||||
background: var(--button--color-text);
|
||||
color: var(--button--color-background);
|
||||
z-index: 9998;
|
||||
}
|
||||
|
||||
.no-js #dark-mode-toggler {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#dark-mode-toggler.fixed-bottom {
|
||||
position: fixed;
|
||||
bottom: 5px;
|
||||
left: 5px;
|
||||
}
|
||||
|
||||
#dark-mode-toggler.fixed-bottom.hide:not(:focus) {
|
||||
bottom: -80px;
|
||||
}
|
||||
|
||||
#dark-mode-toggler.relative {
|
||||
position: absolute;
|
||||
height: 44px;
|
||||
top: calc(2.4 * var(--global--spacing-vertical) - 44px);
|
||||
left: calc(50vw - var(--responsive--alignwide-width) / 2 - 0.5em);
|
||||
}
|
||||
|
||||
.admin-bar #dark-mode-toggler.relative {
|
||||
top: calc(2.4 * var(--global--spacing-vertical) - 44px + 32px);
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 782px) {
|
||||
|
||||
.admin-bar #dark-mode-toggler.relative {
|
||||
top: calc(2.4 * var(--global--spacing-vertical) - 44px + 46px);
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 481px) {
|
||||
|
||||
.admin-bar #dark-mode-toggler.relative {
|
||||
top: calc(2.4 * var(--global--spacing-vertical) - 44px + 26px);
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 481px) {
|
||||
|
||||
body:not(.primary-navigation-open) #dark-mode-toggler.relative ~ nav {
|
||||
top: 88px;
|
||||
}
|
||||
}
|
||||
@media only screen {
|
||||
|
||||
.primary-navigation-open #dark-mode-toggler {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@media only screen {
|
||||
|
||||
#dark-mode-toggler:hover,
|
||||
#dark-mode-toggler:focus {
|
||||
color: var(--button--color-background-active);
|
||||
border: 2px solid var(--button--color-text-active);
|
||||
background-color: var(--button--color-text-active);
|
||||
}
|
||||
}
|
||||
@media only screen {
|
||||
|
||||
.is-IE #dark-mode-toggler {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@media only screen and (prefers-reduced-motion: no-preference) {
|
||||
|
||||
#dark-mode-toggler.fixed-bottom {
|
||||
transition: bottom 0.5s;
|
||||
}
|
||||
}
|
||||
113
wp-content/themes/twentytwentyone/assets/css/style-dark-mode.css
Normal file
113
wp-content/themes/twentytwentyone/assets/css/style-dark-mode.css
Normal file
@ -0,0 +1,113 @@
|
||||
/* OS dark theme preference */
|
||||
@media only screen {
|
||||
|
||||
.is-dark-theme.is-dark-theme {
|
||||
--global--color-background: var(--global--color-dark-gray);
|
||||
--global--color-primary: var(--global--color-light-gray);
|
||||
--global--color-secondary: var(--global--color-light-gray);
|
||||
--button--color-text: var(--global--color-background);
|
||||
--button--color-text-hover: var(--global--color-secondary);
|
||||
--button--color-text-active: var(--global--color-secondary);
|
||||
--button--color-background: var(--global--color-secondary);
|
||||
--button--color-background-active: var(--global--color-background);
|
||||
--global--color-border: #9ea1a7;
|
||||
|
||||
/* Block: Table */
|
||||
--table--stripes-border-color: rgba(240, 240, 240, 0.15);
|
||||
--table--stripes-background-color: rgba(240, 240, 240, 0.15);
|
||||
}
|
||||
|
||||
.is-dark-theme img {
|
||||
filter: brightness(0.85) contrast(1.1);
|
||||
}
|
||||
|
||||
.respect-color-scheme-preference.is-dark-theme body {
|
||||
background-color: var(--global--color-background);
|
||||
}
|
||||
|
||||
#dark-mode-toggler {
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: var(--global--font-size-xs);
|
||||
padding: 0.5em;
|
||||
min-height: 44px;
|
||||
min-width: max-content;
|
||||
border: 2px solid currentColor;
|
||||
box-shadow: none;
|
||||
background: var(--button--color-text);
|
||||
color: var(--button--color-background);
|
||||
z-index: 9998;
|
||||
}
|
||||
|
||||
.no-js #dark-mode-toggler {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#dark-mode-toggler.fixed-bottom {
|
||||
position: fixed;
|
||||
bottom: 5px;
|
||||
right: 5px;
|
||||
}
|
||||
|
||||
#dark-mode-toggler.fixed-bottom.hide:not(:focus) {
|
||||
bottom: -80px;
|
||||
}
|
||||
|
||||
#dark-mode-toggler.relative {
|
||||
position: absolute;
|
||||
height: 44px;
|
||||
top: calc(2.4 * var(--global--spacing-vertical) - 44px);
|
||||
right: calc(50vw - var(--responsive--alignwide-width) / 2 - 0.5em);
|
||||
}
|
||||
|
||||
.admin-bar #dark-mode-toggler.relative {
|
||||
top: calc(2.4 * var(--global--spacing-vertical) - 44px + 32px);
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 782px) {
|
||||
|
||||
.admin-bar #dark-mode-toggler.relative {
|
||||
top: calc(2.4 * var(--global--spacing-vertical) - 44px + 46px);
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 481px) {
|
||||
|
||||
.admin-bar #dark-mode-toggler.relative {
|
||||
top: calc(2.4 * var(--global--spacing-vertical) - 44px + 26px);
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 481px) {
|
||||
|
||||
body:not(.primary-navigation-open) #dark-mode-toggler.relative ~ nav {
|
||||
top: 88px;
|
||||
}
|
||||
}
|
||||
@media only screen {
|
||||
|
||||
.primary-navigation-open #dark-mode-toggler {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@media only screen {
|
||||
|
||||
#dark-mode-toggler:hover,
|
||||
#dark-mode-toggler:focus {
|
||||
color: var(--button--color-background-active);
|
||||
border: 2px solid var(--button--color-text-active);
|
||||
background-color: var(--button--color-text-active);
|
||||
}
|
||||
}
|
||||
@media only screen {
|
||||
|
||||
.is-IE #dark-mode-toggler {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@media only screen and (prefers-reduced-motion: no-preference) {
|
||||
|
||||
#dark-mode-toggler.fixed-bottom {
|
||||
transition: bottom 0.5s;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,3 @@
|
||||
/**
|
||||
* These styles are generated by the Customizer and only loaded when a custom color scheme is active.
|
||||
*/
|
||||
2608
wp-content/themes/twentytwentyone/assets/css/style-editor.css
Normal file
2608
wp-content/themes/twentytwentyone/assets/css/style-editor.css
Normal file
File diff suppressed because it is too large
Load Diff
Reference in New Issue
Block a user