mirror of
https://forge.chapril.org/tykayn/orgmode-to-gemini-blog
synced 2025-10-09 17:02:45 +02:00
up styles, ajout article book generator
This commit is contained in:
Tykayn
tykayn
parent
e3d64d4e76
commit
3965be8e26
5 changed files with 109 additions and 763 deletions
|
|
@ -12,7 +12,6 @@ document.addEventListener('DOMContentLoaded', function () {
|
|||
const input = form.querySelector('.search-field');
|
||||
const query = input ? input.value : '';
|
||||
const url = `https://duckduckgo.com/?q=${encodeURIComponent(query)}+site%3A${encodeURIComponent(currentDomain)}`;
|
||||
|
||||
window.location.href = url;
|
||||
});
|
||||
}
|
||||
|
|
@ -36,8 +35,6 @@ document.addEventListener('DOMContentLoaded', function () {
|
|||
});
|
||||
}
|
||||
|
||||
|
||||
|
||||
// Ajoutez un événement de touche au document
|
||||
document.addEventListener('keydown', function (event) {
|
||||
// Vérifiez si la touche appuyée est 'n' ou la flèche droite
|
||||
|
|
@ -89,8 +86,18 @@ document.addEventListener('DOMContentLoaded', function () {
|
|||
window.currentThemeIndex = (window.currentThemeIndex + 1) % themes_calsses.length;
|
||||
// Appliquer la nouvelle classe au body
|
||||
document.body.className = themes_calsses[window.currentThemeIndex];
|
||||
// Persister le thème
|
||||
try { localStorage.setItem('tk_theme', themes_calsses[window.currentThemeIndex]); } catch(e) {}
|
||||
}
|
||||
|
||||
// Charger le thème depuis le localStorage si disponible
|
||||
try {
|
||||
const savedTheme = localStorage.getItem('tk_theme');
|
||||
if (savedTheme && themes_calsses.includes(savedTheme)) {
|
||||
document.body.className = savedTheme;
|
||||
window.currentThemeIndex = themes_calsses.indexOf(savedTheme);
|
||||
}
|
||||
} catch(e) {}
|
||||
|
||||
// créer le bouton thème au chargement
|
||||
makeThemesButton();
|
||||
|
|
|
|||
|
|
@ -1,393 +1,18 @@
|
|||
@charset "UTF-8";
|
||||
/*style général scss*/
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
*::before, *::after {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
/* Error: @use rules must be written before any other rules.
|
||||
* ,
|
||||
* 6486 | @use 'tkblog_responsive';
|
||||
* | ^^^^^^^^^^^^^^^^^^^^^^^^
|
||||
* '
|
||||
* templates/styles_src/tkblog.scss 6486:1 @use
|
||||
* templates/styles_src/style_general.scss 3:1 root stylesheet */
|
||||
|
||||
html {
|
||||
font-size: 1rem;
|
||||
font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
|
||||
}
|
||||
|
||||
body {
|
||||
text-align: left;
|
||||
font-size: 1.5rem;
|
||||
line-height: 1.5em;
|
||||
color: #000;
|
||||
background: #fff;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
padding-bottom: 2rem;
|
||||
}
|
||||
|
||||
nav,
|
||||
.navbar,
|
||||
.container,
|
||||
.body-wrap {
|
||||
max-width: 70ch;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
|
||||
margin-top: 1rem;
|
||||
margin-bottom: 2rem;
|
||||
color: #333;
|
||||
text-decoration: none !important;
|
||||
overflow-wrap: break-word;
|
||||
text-wrap: balance;
|
||||
line-height: 1.3em;
|
||||
}
|
||||
|
||||
.article-title,
|
||||
hr + h1 {
|
||||
margin-top: 5rem;
|
||||
border-left: 3px solid gray;
|
||||
padding-left: 3rem;
|
||||
margin-left: -3.25rem;
|
||||
}
|
||||
|
||||
h1:first-letter {
|
||||
text-transform: uppercase;
|
||||
font-size: 4.5rem;
|
||||
}
|
||||
|
||||
h1 {
|
||||
color: #221d30;
|
||||
font-size: 2.5rem;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 2rem;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 1.5rem;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.content {
|
||||
font-size: 1.2rem;
|
||||
min-height: 15rem;
|
||||
max-width: 100%;
|
||||
}
|
||||
.content img,
|
||||
.content picture,
|
||||
.content video,
|
||||
.content canvas,
|
||||
.content svg {
|
||||
body::before {
|
||||
font-family: "Source Code Pro", "SF Mono", Monaco, Inconsolata, "Fira Mono",
|
||||
"Droid Sans Mono", monospace, monospace;
|
||||
white-space: pre;
|
||||
display: block;
|
||||
margin-top: 1rem;
|
||||
margin-bottom: 1rem;
|
||||
max-width: 100%;
|
||||
padding: 1em;
|
||||
margin-bottom: 1em;
|
||||
border-bottom: 2px solid black;
|
||||
content: "Error: @use rules must be written before any other rules.\a \2577 \a 6486 \2502 @use 'tkblog_responsive';\a \2502 ^^^^^^^^^^^^^^^^^^^^^^^^\a \2575 \a templates/styles_src/tkblog.scss 6486:1 @use\a templates/styles_src/style_general.scss 3:1 root stylesheet";
|
||||
}
|
||||
|
||||
pre,
|
||||
.sourceCode {
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
a {
|
||||
display: inline-block;
|
||||
border-radius: 1rem;
|
||||
color: rgb(0, 123, 255);
|
||||
text-decoration: none;
|
||||
padding: 0.25rem;
|
||||
max-width: 65ch;
|
||||
word-wrap: anywhere;
|
||||
}
|
||||
main a:hover {
|
||||
background: #303030;
|
||||
color: rgb(0, 123, 255);
|
||||
}
|
||||
main a:hover h2 {
|
||||
color: rgb(0, 123, 255);
|
||||
}
|
||||
.nav a, .page__index a {
|
||||
padding: 0.5rem 2rem;
|
||||
display: block;
|
||||
margin-right: 1rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
.site-footer a {
|
||||
margin: 0 1rem;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
a img {
|
||||
transition: 0.25s box-shadow ease-out;
|
||||
}
|
||||
a img:hover {
|
||||
box-shadow: 0 0 1rem #ccc;
|
||||
transition: 0.25s all ease-in;
|
||||
}
|
||||
|
||||
input,
|
||||
button,
|
||||
textarea,
|
||||
select {
|
||||
font: inherit;
|
||||
}
|
||||
|
||||
p {
|
||||
overflow-wrap: break-word;
|
||||
text-wrap: pretty;
|
||||
margin-top: 1.5rem;
|
||||
margin-bottom: 1rem;
|
||||
font-size: 1.25rem;
|
||||
line-height: 1.75rem;
|
||||
max-width: 65ch;
|
||||
text-align: justify;
|
||||
}
|
||||
p a {
|
||||
padding: 0.25rem;
|
||||
}
|
||||
|
||||
#root,
|
||||
#__next {
|
||||
isolation: isolate;
|
||||
}
|
||||
|
||||
ul {
|
||||
padding-left: 4ch;
|
||||
padding-right: 4ch;
|
||||
}
|
||||
|
||||
li {
|
||||
margin-bottom: 0.25rem;
|
||||
}
|
||||
#tags_page li {
|
||||
display: inline;
|
||||
}
|
||||
li a {
|
||||
display: inline-block;
|
||||
margin-right: 1rem;
|
||||
}
|
||||
|
||||
#title-block-header {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.navbar-brand {
|
||||
visibility: hidden;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.navbar-start > .navbar-item {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.navbar-menu img {
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
margin-right: 1rem;
|
||||
}
|
||||
.navbar-menu a {
|
||||
margin: 0 1rem;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
#recherche {
|
||||
margin-top: 1.5rem;
|
||||
margin-bottom: 1.5rem;
|
||||
float: right;
|
||||
}
|
||||
#recherche input {
|
||||
background: transparent;
|
||||
padding: 0.5rem;
|
||||
border: solid 1px #555;
|
||||
border-radius: 0.5rem;
|
||||
}
|
||||
|
||||
#masthead {
|
||||
text-align: center;
|
||||
}
|
||||
#masthead .site-icon {
|
||||
width: 9rem;
|
||||
height: auto;
|
||||
margin: 1rem auto;
|
||||
position: static;
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
.header-image {
|
||||
text-align: center;
|
||||
padding: 1rem;
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.blog-title,
|
||||
p.blog-subtitle {
|
||||
color: #fff;
|
||||
text-shadow: 0 0 1rem #555;
|
||||
width: 100%;
|
||||
margin: 1rem auto;
|
||||
}
|
||||
|
||||
#page {
|
||||
background: #f4f4f4;
|
||||
}
|
||||
|
||||
.body-wrap {
|
||||
background: #fff;
|
||||
padding: 5% 6%;
|
||||
margin-bottom: 5%;
|
||||
margin-top: 1rem;
|
||||
border-radius: 1rem;
|
||||
margin-top: 7rem;
|
||||
}
|
||||
.body-wrap .site-header {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.site-footer {
|
||||
min-height: 20vh;
|
||||
padding: 2rem;
|
||||
background: #282828;
|
||||
color: #dedede;
|
||||
}
|
||||
|
||||
article {
|
||||
width: 75ch;
|
||||
max-width: calc(100vw - 6rem);
|
||||
}
|
||||
|
||||
.after-article {
|
||||
border-top: 1px solid #dedede;
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
.article-date {
|
||||
border-top: 1px solid #ddd;
|
||||
}
|
||||
|
||||
.article-navigation {
|
||||
margin-top: 2rem;
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
.article-navigation a {
|
||||
padding-right: 2rem;
|
||||
min-width: 45%;
|
||||
min-height: 2rem;
|
||||
}
|
||||
|
||||
.article-tags {
|
||||
margin-top: 1rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
.article-tags a {
|
||||
margin-right: 1ch;
|
||||
padding: 0.5rem;
|
||||
}
|
||||
|
||||
.article-tags ul,
|
||||
.tags ul {
|
||||
list-style-type: none;
|
||||
}
|
||||
.article-tags li,
|
||||
.tags li {
|
||||
margin-right: 2ch;
|
||||
display: inline-block;
|
||||
}
|
||||
.article-tags li a,
|
||||
.tags li a {
|
||||
margin-right: 1ch;
|
||||
padding: 0.5rem;
|
||||
}
|
||||
|
||||
blockquote,
|
||||
q {
|
||||
-webkit-hyphens: none;
|
||||
-moz-hyphens: none;
|
||||
-ms-hyphens: none;
|
||||
hyphens: none;
|
||||
quotes: none;
|
||||
border-left: 3px solid grey;
|
||||
padding-left: 2rem;
|
||||
padding-top: 1.5rem;
|
||||
padding-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
.article-main-content {
|
||||
min-height: 80vh;
|
||||
}
|
||||
|
||||
.more-content .column {
|
||||
width: 20%;
|
||||
}
|
||||
.more-content .column:nth-of-type(2) {
|
||||
width: 80%;
|
||||
}
|
||||
.more-content img {
|
||||
max-width: 3rem;
|
||||
height: 3rem;
|
||||
margin-right: 1rem;
|
||||
}
|
||||
|
||||
.site-foot-soutien {
|
||||
font-size: 0.8rem;
|
||||
width: 110ch;
|
||||
max-width: calc(100vw - 6rem);
|
||||
margin: 0 auto;
|
||||
line-height: 1rem;
|
||||
}
|
||||
|
||||
.footer-nav {
|
||||
max-width: 63ch;
|
||||
margin-top: 2rem;
|
||||
}
|
||||
|
||||
iframe {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
@media (max-width: 800px) {
|
||||
body {
|
||||
padding: 0;
|
||||
}
|
||||
.header-img a {
|
||||
float: left;
|
||||
}
|
||||
.site-icon {
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
}
|
||||
main {
|
||||
padding: 1rem;
|
||||
}
|
||||
#recherche {
|
||||
display: none;
|
||||
}
|
||||
#recherche_footer {
|
||||
padding-left: 1.25rem;
|
||||
font-size: 1rem;
|
||||
}
|
||||
.navbar-brand {
|
||||
display: none;
|
||||
}
|
||||
.navbar-menu .logo {
|
||||
display: none;
|
||||
}
|
||||
.navbar a {
|
||||
font-size: 1rem;
|
||||
padding: 0.5rem;
|
||||
float: left;
|
||||
}
|
||||
.body-wrap {
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=style_general.css.map */
|
||||
|
|
|
|||
|
|
@ -1,5 +1,6 @@
|
|||
/*style général scss*/
|
||||
@use 'variables' as *;
|
||||
@use 'tkblog' as *;
|
||||
$spacing-xl: 5rem;
|
||||
|
||||
* {
|
||||
|
|
|
|||
|
|
@ -1,3 +1,35 @@
|
|||
@use 'variables' as *;
|
||||
|
||||
// Palette et polices harmonisées
|
||||
:root {
|
||||
--tk-color-text: #{$color-text};
|
||||
--tk-color-bg: #{$color-background};
|
||||
--tk-color-heading: #{$color-heading};
|
||||
--tk-color-muted: #{$color-border};
|
||||
--tk-color-panel: #{$color-page-bg};
|
||||
--tk-color-footer-bg: #{$color-footer-bg};
|
||||
--tk-color-footer-text: #{$color-footer-text};
|
||||
--tk-font-base: #{$font-family-base};
|
||||
--tk-font-heading: #{$font-family-heading};
|
||||
}
|
||||
|
||||
body {
|
||||
color: var(--tk-color-text);
|
||||
background: var(--tk-color-bg);
|
||||
font-family: var(--tk-font-base);
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
color: var(--tk-color-heading);
|
||||
font-family: var(--tk-font-heading);
|
||||
}
|
||||
|
||||
.activitypub__modal.components-modal__frame {
|
||||
background-color: #f7f7f7;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
// ajustements existants
|
||||
img {
|
||||
|
||||
&.wp-smiley,
|
||||
|
|
@ -130,22 +162,6 @@ img {
|
|||
}
|
||||
}
|
||||
|
||||
.activitypub__modal.components-modal__frame {
|
||||
background-color: #f7f7f7;
|
||||
color: #333;
|
||||
|
||||
.components-modal__header-heading,
|
||||
h4 {
|
||||
color: #333;
|
||||
letter-spacing: inherit;
|
||||
word-spacing: inherit;
|
||||
}
|
||||
|
||||
.components-modal__header .components-button:hover {
|
||||
color: var(--wp--preset--color--white);
|
||||
}
|
||||
}
|
||||
|
||||
.activitypub__dialog {
|
||||
max-width: 40em;
|
||||
|
||||
|
|
@ -864,7 +880,7 @@ p+.components-button.is-tertiary {
|
|||
speak: none;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
content: "ï‘ ";
|
||||
content: "ï' ";
|
||||
display: inline-block;
|
||||
float: left;
|
||||
font: normal 30px/1 dashicons;
|
||||
|
|
@ -1024,7 +1040,7 @@ svg {
|
|||
}
|
||||
|
||||
&:before {
|
||||
background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='28' height='28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 8V6H4v2h2zm2 0V6h2v2H8zm2 8H8v-2h2v2zm2 0v-2h2v2h-2zm0 2v-2h-2v2H8v2h2v-2h2zm2 0v2h-2v-2h2zm2 0h-2v-2h2v2z' fill='%23555D65'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18 18h2v-2h-2v-2h2v-2h-2v-2h2V8h-2v2h-2V8h-2v2h2v2h-2v2h2v2h2v2zm-2-4v-2h2v2h-2z' fill='%23555D65'/%3E%3Cpath d='M18 18v2h-2v-2h2z' fill='%23555D65'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 10V8H6v2H4v2h2v2H4v2h2v2H4v2h2v2H4v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h2V4h-2v2h-2V4h-2v2h-2V4h-2v2h-2V4h-2v2h2v2h-2v2H8zm0 2v-2H6v2h2zm2 0v-2h2v2h-2zm0 2v-2H8v2H6v2h2v2H6v2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h-2v2h-2V6h-2v2h-2v2h2v2h-2v2h-2z' fill='%23555D65'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 0H2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h2V4h-2V2h2V0h-2v2h-2V0h-2v2h-2V0h-2v2h-2V0h-2v2h-2V0h-2v2H8V0H6v2H4V0zm0 4V2H2v2h2zm2 0V2h2v2H6zm0 2V4H4v2H2v2h2v2H2v2h2v2H2v2h2v2H2v2h2v2H2v2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h2V4h-2V2h-2v2h-2V2h-2v2h-2V2h-2v2h-2V2h-2v2H8v2H6z' fill='%23555D65'/%3E%3C/svg%3E");
|
||||
background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='28' height='28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 8V6H4v2h2zm2 0V6h2v2H8zm2 8H8v-2h2v2zm2 0v-2h2v2h-2zm0 2v-2h-2v2H8v2h2v-2h2zm2 0v2h-2v-2h2zm2 0h-2v-2h2v2z' fill='%23555D65'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18 18h2v-2h-2v-2h2v-2h-2v-2h2V8h-2v2h-2V8h-2v2h2v2h-2v2h2v2h2v2zm-2-4v-2h2v2h-2z' fill='%23555D65'/%3E%3Cpath d='M18 18v2h-2v-2h2z' fill='%23555D65'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 10V8H6v2H4v2h2v2H4v2h2v2H4v2h2v2H4v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h2V4h-2v2h-2V4h-2v2h-2V4h-2v2h-2V4h-2v2h2v2h-2v2H8zm0 2v-2H6v2h2zm2 0v-2h2v2h-2zm0 2v-2H8v2H6v2h2v2H6v2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h-2v2h-2V6h-2v2h-2v2h2v2h-2v2h-2z' fill='%23555D65'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 0H2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h2V4h-2V2h2V0h-2v2h-2V0h-2v2h-2V0h-2v2h-2V0h-2v2H8V0H6v2H4V0zm0 4V2H2v2h2zm2 0V2h2v2H6zm0 2V4H4v2H2v2h2v2H2v2h2v2H2v2h2v2H2v2h2v2H2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h2V4h-2V2h-2v2h-2V2h-2v2h-2V2h-2v2h-2V2h-2v2H8v2H6z' fill='%23555D65'/%3E%3C/svg%3E");
|
||||
border-radius: 50%;
|
||||
bottom: 1px;
|
||||
content: "";
|
||||
|
|
@ -5635,7 +5651,7 @@ ul.nav-menu li:hover>ul {
|
|||
}
|
||||
|
||||
.edit-link:before {
|
||||
content: "› ";
|
||||
content: "› ";
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -6080,7 +6096,7 @@ ul.nav-menu li:hover>ul {
|
|||
}
|
||||
|
||||
.comment-list .edit-link:before {
|
||||
content: "› ";
|
||||
content: "› ";
|
||||
}
|
||||
|
||||
.comment-metadata,
|
||||
|
|
@ -6466,354 +6482,5 @@ ul.nav-menu li:hover>ul {
|
|||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 768px) and (max-width: 959px) {
|
||||
|
||||
.site-header .home-link,
|
||||
.main-navigation,
|
||||
.site-main,
|
||||
.site-footer .sidebar-inner,
|
||||
.site-info {
|
||||
width: 768px;
|
||||
}
|
||||
|
||||
.site-main {
|
||||
.content-area {
|
||||
padding-right: 20px;
|
||||
padding-right: 2rem;
|
||||
width: 556px;
|
||||
}
|
||||
|
||||
.sidebar-container {
|
||||
width: 172px;
|
||||
}
|
||||
}
|
||||
|
||||
.single-attachment .content-area,
|
||||
.full-width .content-area,
|
||||
.one-footer-sidebar .site-footer .widget-area {
|
||||
width: 748px;
|
||||
}
|
||||
|
||||
.two-footer-sidebars .site-footer .widget-area {
|
||||
width: 364px;
|
||||
}
|
||||
|
||||
.three-footer-sidebars .site-footer .widget-area {
|
||||
width: 236px;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 767px) {
|
||||
|
||||
.site-header .home-link,
|
||||
.main-navigation,
|
||||
.site-main,
|
||||
.site-footer .sidebar-inner,
|
||||
.site-info {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
width: 300px;
|
||||
}
|
||||
|
||||
.site-main {
|
||||
|
||||
.content-area,
|
||||
.sidebar-container {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
width: 300px;
|
||||
}
|
||||
}
|
||||
|
||||
.single-attachment .content-area,
|
||||
.full-width .content-area,
|
||||
.one-footer-sidebar .site-footer .widget-area,
|
||||
.two-footer-sidebars .site-footer .widget-area,
|
||||
.three-footer-sidebars .site-footer .widget-area {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
width: 300px;
|
||||
}
|
||||
|
||||
.site-main .content-area {
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
|
||||
margin-bottom: 46px;
|
||||
margin-bottom: 4.6rem;
|
||||
padding-bottom: 46px;
|
||||
padding-bottom: 4.6rem;
|
||||
}
|
||||
|
||||
.site-title {
|
||||
font-size: 40px;
|
||||
font-size: 4rem;
|
||||
}
|
||||
|
||||
.custom-logo {
|
||||
max-width: 80%;
|
||||
}
|
||||
|
||||
.widget:last-child {
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
|
||||
margin: 0 0 23px;
|
||||
margin: 0 0 2.3rem;
|
||||
padding: 0 0 23px;
|
||||
padding: 0 0 2.3rem;
|
||||
}
|
||||
|
||||
.menu-toggle {
|
||||
background-color: #303030;
|
||||
color: #888;
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
font-family: Lato, sans-serif;
|
||||
font-size: 11px;
|
||||
font-size: 1.1rem;
|
||||
font-weight: 400;
|
||||
letter-spacing: 2px;
|
||||
line-height: 1;
|
||||
margin: 0;
|
||||
padding: 12px 20px;
|
||||
padding: 1.2rem 2rem;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.toggled-on {
|
||||
.nav-menu {
|
||||
display: block;
|
||||
margin-left: 0;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
|
||||
>ul {
|
||||
display: block;
|
||||
margin-left: 0;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
li,
|
||||
.children {
|
||||
display: block;
|
||||
float: none;
|
||||
}
|
||||
|
||||
.nav-menu {
|
||||
li {
|
||||
>ul {
|
||||
background-color: rgba(255, 255, 255, 0.05);
|
||||
box-shadow: none;
|
||||
display: block;
|
||||
float: none;
|
||||
margin-left: 20px;
|
||||
opacity: 1;
|
||||
position: relative;
|
||||
left: auto;
|
||||
top: auto;
|
||||
|
||||
a {
|
||||
text-transform: uppercase;
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover>a {
|
||||
background-color: transparent;
|
||||
color: #ccc;
|
||||
}
|
||||
}
|
||||
|
||||
.children a {
|
||||
background-color: transparent;
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
li a:hover,
|
||||
ul a:hover {
|
||||
background-color: #303030;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
ul.nav-menu,
|
||||
div.nav-menu>ul {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.gallery {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.gallery-caption {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.gallery-columns-2 .gallery-item {
|
||||
max-width: 49%;
|
||||
max-width: -webkit-calc(50% - 4px);
|
||||
max-width: calc(50% - 4px);
|
||||
}
|
||||
|
||||
.gallery-columns-3 .gallery-item {
|
||||
max-width: 33%;
|
||||
max-width: -webkit-calc(33% - 4px);
|
||||
max-width: calc(33% - 4px);
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 480px) and (max-width: 767px) {
|
||||
|
||||
.site-header .home-link,
|
||||
.main-navigation,
|
||||
.site-main,
|
||||
.site-footer .sidebar-inner,
|
||||
.site-info {
|
||||
width: 420px;
|
||||
}
|
||||
|
||||
.site-main {
|
||||
|
||||
.content-area,
|
||||
.sidebar-container {
|
||||
width: 420px;
|
||||
}
|
||||
}
|
||||
|
||||
.single-attachment .content-area,
|
||||
.full-width .content-area,
|
||||
.one-footer-sidebar .site-footer .widget-area,
|
||||
.two-footer-sidebars .site-footer .widget-area,
|
||||
.three-footer-sidebars .site-footer .widget-area {
|
||||
width: 420px;
|
||||
}
|
||||
}
|
||||
|
||||
.site-title,
|
||||
.site-description {
|
||||
color: #a1bded;
|
||||
}
|
||||
|
||||
.site-title a {
|
||||
color: #a1bded;
|
||||
|
||||
&:hover {
|
||||
color: #a1bded;
|
||||
}
|
||||
}
|
||||
|
||||
.bottom-of-post {
|
||||
margin-top: 2em;
|
||||
padding-top: 1em;
|
||||
border-top: solid 1px #ccc;
|
||||
font-size: 0.8em;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
padding: 2em;
|
||||
box-sizing: border-box;
|
||||
margin: 2rem 0;
|
||||
font-size: 1.5em;
|
||||
line-height: normal;
|
||||
box-shadow: 0 3px 10px #ddd;
|
||||
}
|
||||
|
||||
.bottom-of-post ul {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
padding-left: 3em;
|
||||
}
|
||||
|
||||
iframe.mastodon-embed {
|
||||
width: 100%;
|
||||
margin: 1em auto;
|
||||
}
|
||||
|
||||
.entry-content a {
|
||||
color: #007bff;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.entry-title {
|
||||
font-size: 4rem;
|
||||
}
|
||||
|
||||
.entry-content {
|
||||
font-size: 1.5rem;
|
||||
line-height: 2.45rem;
|
||||
}
|
||||
|
||||
ul.inline {
|
||||
list-style-type: none;
|
||||
clear: both;
|
||||
float: left;
|
||||
display: block;
|
||||
width: 100%;
|
||||
|
||||
li {
|
||||
float: left;
|
||||
padding: .5em;
|
||||
cursor: pointer;
|
||||
|
||||
&:hover {
|
||||
font-style: underline;
|
||||
color: blue;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.support-message p {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.entry-header .entry-thumbnail img {
|
||||
margin: 2.3rem 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 767px) {
|
||||
blockquote {
|
||||
padding: 1.5em 1em;
|
||||
margin: 2rem 0;
|
||||
font-size: 1em;
|
||||
line-height: 2.25rem;
|
||||
box-shadow: 0 3px 10px #ddd;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 767px) {
|
||||
#main {
|
||||
max-width: 1200px;
|
||||
}
|
||||
|
||||
.site-main .content-area {
|
||||
width: 690px;
|
||||
}
|
||||
|
||||
#secondary iframe {
|
||||
width: 500px;
|
||||
height: 45em;
|
||||
}
|
||||
|
||||
.site-main .sidebar-container {
|
||||
width: 400px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 767px) and (min-width: 480px) {
|
||||
#masthead {
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
.site-main {
|
||||
width: 90%;
|
||||
|
||||
.sidebar-container {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.content-area {
|
||||
width: 90%;
|
||||
}
|
||||
}
|
||||
}
|
||||
@use 'tkblog_responsive';
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue