diff --git a/weblog/B0. Template/styles.css.md b/weblog/B0. Template/styles.css.md index 56dc4b8..813479b 100644 --- a/weblog/B0. Template/styles.css.md +++ b/weblog/B0. Template/styles.css.md @@ -302,13 +302,13 @@ section.replies { border-left: 5px solid var(--accent); } .replies .replies { - border-color: oklch(from var(--accent) l c calc(h + 90)); + border-color: oklch(from var(--accent) l c calc(h - 30)); } .replies .replies .replies { - border-color: oklch(from var(--accent) l c calc(h + 180)); + border-color: oklch(from var(--accent) l c calc(h - 60)); } .replies .replies .replies .replies { - border-color: oklch(from var(--accent) l c calc(h + 270)); + border-color: oklch(from var(--accent) l c calc(h - 90)); } .fedi-social-reply { @@ -317,47 +317,49 @@ section.replies { box-shadow:none; margin:1em 0; padding:0; - .reply-header { - width: 100%; - display:flex; - flex-direction: row; - .post-info{ - margin: 0; - margin-top:auto; - } - .author{ - width: 100%; - a.name{ - font-family: var(--font-head); - font-weight: var(--font-head-weight); - font-size: 1.5em; - line-height: 80%; - z-index: 2; - } - } - } - .reply-content { - margin:1.2em 0; - padding: 1em; - background-color: color-mix(in srgb, var(--accent) 25%, var(--background)); - /* background-image: var(--paper-texture-svg); */ - border-radius: 1em; - box-shadow: var(--shadow); - position: relative; - &::after { - content: ''; - position: absolute; - top: 0; - left: 1em; - width: 0; - height: 0; - border: 1em solid transparent; - border-bottom-color: color-mix(in srgb, var(--accent) 25%, var(--background)); - border-top: 0; - border-left: 0; - margin-top: -0.9em; - } - } +} + +.reply-header { + width: 100%; + display:flex; + flex-direction: row; +} +.reply-header .post-info{ + margin: 0; + margin-top:auto; +} +.reply-header .author{ + width: 100%; +} +.reply-header .author a.name{ + font-family: var(--font-head); + font-weight: var(--font-head-weight); + font-size: 1.5em; + line-height: 80%; + z-index: 2; +} + +.reply-content { + margin:1.2em 0; + padding: 1em; + background-color: color-mix(in srgb, var(--accent) 25%, var(--background)); + /* background-image: var(--paper-texture-svg); */ + border-radius: 1em; + box-shadow: var(--shadow); + position: relative; +} +.reply-content::after { + content: ''; + position: absolute; + top: 0; + left: 1em; + width: 0; + height: 0; + border: 1em solid transparent; + border-bottom-color: color-mix(in srgb, var(--accent) 25%, var(--background)); + border-top: 0; + border-left: 0; + margin-top: -0.9em; } header nav li {