From 9509446e2c11a6e25c62fe0354310d74e4a76e05 Mon Sep 17 00:00:00 2001 From: Fidel Ramos Date: Tue, 17 Feb 2026 22:41:13 +0000 Subject: [PATCH] CSS styles for page author Isso comments This highlights comments made on Isso by the page author with a special background color. Text color is adjusted for contrast. --- static/stylesheet/dark-theme.less | 24 ++++++++++++++++++------ static/stylesheet/dark-theme.min.css | 2 +- static/stylesheet/style.less | 13 +++++++++++++ static/stylesheet/style.min.css | 2 +- static/stylesheet/variables.less | 9 +++++++++ 5 files changed, 42 insertions(+), 8 deletions(-) diff --git a/static/stylesheet/dark-theme.less b/static/stylesheet/dark-theme.less index 70e4105..b55aada 100644 --- a/static/stylesheet/dark-theme.less +++ b/static/stylesheet/dark-theme.less @@ -87,22 +87,34 @@ main { .isso-comment > div.isso-text-wrapper { > .isso-comment-header { .isso-author { - color: @light-grey; + color: @isso-author-dark-theme; } .isso-spacer, a.isso-permalink, .isso-note, a.isso-parent { - color: @med-grey; + color: @isso-link-dark-theme; &:hover { - color: @light-grey; + color: @isso-link-hover-dark-theme; } } } > .isso-comment-footer a:hover { - // Unfortunately, Isso uses a lot of !important in its styles, so I - // have to override that. - text-shadow: @dark-grey 0 0 1px !important; + color: @link-hover-color-dark-theme; + text-shadow: none; + } + } + + // Highlight page author comments with special colors + .isso-comment.isso-is-page-author > .isso-text-wrapper { + background-color: @isso-page-author-bg-dark-theme; + > .isso-comment-header { + > .isso-author { + color: @isso-page-author-name-dark-theme; + } + > .isso-page-author-suffix { + color: @isso-page-author-suffix-dark-theme; + } } } } diff --git a/static/stylesheet/dark-theme.min.css b/static/stylesheet/dark-theme.min.css index 3e066c1..945713a 100644 --- a/static/stylesheet/dark-theme.min.css +++ b/static/stylesheet/dark-theme.min.css @@ -1 +1 @@ -body{background-color:#333;color:#eee}a{color:#ec7b4a}a:hover{color:#ff9055}hr{color:#222}aside,hr{background-color:#222}aside{color:#fff}aside form.navbar-search input#tipue_search_input{background-color:#1a1a1a;color:#eee}main nav{border-bottom-color:#222}main .translations a,main nav a{border-color:#222}main article kbd{background-color:#080808;color:#eee}main article blockquote,main article pre{border-left:8px solid #ffffff33}main article :not(pre)>code{background-color:#080808;border-color:#000}main article div#tipue_search_content .tipue_search_result span.tipue_search_content_bold{color:#fff}main article section#isso-thread .isso-auth-section p.isso-input-wrapper input,main article section#isso-thread .isso-notification-section input,main article section#isso-thread div.isso-textarea{background:#1a1a1a;color:#eee}main article section#isso-thread>h4{color:#eee}main article section#isso-thread .isso-postbox>.isso-form-wrapper .isso-preview{background:repeating-linear-gradient(-45deg,#222,#222 10px,#1a1a1a 0,#1a1a1a 20px)}main article section#isso-thread .isso-comment>div.isso-text-wrapper>.isso-comment-header .isso-author{color:#eee}main article section#isso-thread .isso-comment>div.isso-text-wrapper>.isso-comment-header .isso-note,main article section#isso-thread .isso-comment>div.isso-text-wrapper>.isso-comment-header .isso-spacer,main article section#isso-thread .isso-comment>div.isso-text-wrapper>.isso-comment-header a.isso-parent,main article section#isso-thread .isso-comment>div.isso-text-wrapper>.isso-comment-header a.isso-permalink{color:#999}main article section#isso-thread .isso-comment>div.isso-text-wrapper>.isso-comment-header .isso-note:hover,main article section#isso-thread .isso-comment>div.isso-text-wrapper>.isso-comment-header .isso-spacer:hover,main article section#isso-thread .isso-comment>div.isso-text-wrapper>.isso-comment-header a.isso-parent:hover,main article section#isso-thread .isso-comment>div.isso-text-wrapper>.isso-comment-header a.isso-permalink:hover{color:#eee}main article section#isso-thread .isso-comment>div.isso-text-wrapper>.isso-comment-footer a:hover{text-shadow:#242121 0 0 1px!important}main footer{border-top-color:#222}div.related-posts{border-color:#222}div.admonition{background-color:#404040;color:#eee}div.admonition.attention,div.admonition.caution{background-color:#4a3900;color:#fbda7a}div.admonition.danger,div.admonition.error{background-color:#28070a;color:#ebadb3}div.admonition.hint{background-color:#001933;color:#7abaff}div.admonition.important,div.admonition.note{background-color:#122b18;color:#a8eab7}div.admonition.tip{background-color:#001933;color:#7abaff}div.admonition.warning{background-color:#4a3900;color:#fbda7a}div.figure,figure{color:#bfbfbf}div.figure figcaption,figure figcaption{color:#eee} \ No newline at end of file +body{background-color:#333;color:#eee}a{color:#ec7b4a}a:hover{color:#ff9055}hr{color:#222}aside,hr{background-color:#222}aside{color:#fff}aside form.navbar-search input#tipue_search_input{background-color:#1a1a1a;color:#eee}main nav{border-bottom-color:#222}main .translations a,main nav a{border-color:#222}main article kbd{background-color:#080808;color:#eee}main article blockquote,main article pre{border-left:8px solid #ffffff33}main article :not(pre)>code{background-color:#080808;border-color:#000}main article div#tipue_search_content .tipue_search_result span.tipue_search_content_bold{color:#fff}main article section#isso-thread .isso-auth-section p.isso-input-wrapper input,main article section#isso-thread .isso-notification-section input,main article section#isso-thread div.isso-textarea{background:#1a1a1a;color:#eee}main article section#isso-thread>h4{color:#eee}main article section#isso-thread .isso-postbox>.isso-form-wrapper .isso-preview{background:repeating-linear-gradient(-45deg,#222,#222 10px,#1a1a1a 0,#1a1a1a 20px)}main article section#isso-thread .isso-comment>div.isso-text-wrapper>.isso-comment-header .isso-author{color:#eee}main article section#isso-thread .isso-comment>div.isso-text-wrapper>.isso-comment-header .isso-note,main article section#isso-thread .isso-comment>div.isso-text-wrapper>.isso-comment-header .isso-spacer,main article section#isso-thread .isso-comment>div.isso-text-wrapper>.isso-comment-header a.isso-parent,main article section#isso-thread .isso-comment>div.isso-text-wrapper>.isso-comment-header a.isso-permalink{color:#999}main article section#isso-thread .isso-comment>div.isso-text-wrapper>.isso-comment-header .isso-note:hover,main article section#isso-thread .isso-comment>div.isso-text-wrapper>.isso-comment-header .isso-spacer:hover,main article section#isso-thread .isso-comment>div.isso-text-wrapper>.isso-comment-header a.isso-parent:hover,main article section#isso-thread .isso-comment>div.isso-text-wrapper>.isso-comment-header a.isso-permalink:hover{color:#ff9055}main article section#isso-thread .isso-comment>div.isso-text-wrapper>.isso-comment-footer a:hover{color:#ff9055;text-shadow:none}main article section#isso-thread .isso-comment.isso-is-page-author>.isso-text-wrapper{background-color:#5d0404}main article section#isso-thread .isso-comment.isso-is-page-author>.isso-text-wrapper>.isso-comment-header>.isso-author{color:#ec7b4a}main article section#isso-thread .isso-comment.isso-is-page-author>.isso-text-wrapper>.isso-comment-header>.isso-page-author-suffix{color:#999}main footer{border-top-color:#222}div.related-posts{border-color:#222}div.admonition{background-color:#404040;color:#eee}div.admonition.attention,div.admonition.caution{background-color:#4a3900;color:#fbda7a}div.admonition.danger,div.admonition.error{background-color:#28070a;color:#ebadb3}div.admonition.hint{background-color:#001933;color:#7abaff}div.admonition.important,div.admonition.note{background-color:#122b18;color:#a8eab7}div.admonition.tip{background-color:#001933;color:#7abaff}div.admonition.warning{background-color:#4a3900;color:#fbda7a}div.figure,figure{color:#bfbfbf}div.figure figcaption,figure figcaption{color:#eee} \ No newline at end of file diff --git a/static/stylesheet/style.less b/static/stylesheet/style.less index 533d1ad..29cdeb4 100644 --- a/static/stylesheet/style.less +++ b/static/stylesheet/style.less @@ -285,6 +285,19 @@ main { margin-right: 5px; } + .isso-comment > div.isso-text-wrapper > .isso-comment-footer a:hover { + color: @link-hover-color; + text-shadow: none; + } + + // Highlight page author comments with special colors + .isso-comment.isso-is-page-author > .isso-text-wrapper { + background-color: @isso-page-author-bg; + > .isso-comment-header > .isso-author { + color: @isso-page-author-name; + } + } + // Table of Contents Markdown extension: // https://python-markdown.github.io/extensions/toc/ .toc { diff --git a/static/stylesheet/style.min.css b/static/stylesheet/style.min.css index 15417e9..c405493 100644 --- a/static/stylesheet/style.min.css +++ b/static/stylesheet/style.min.css @@ -1 +1 @@ -body,html{height:100%;width:100%}h1,h2,h3,h4,h5,h6{font-weight:300;line-height:1.1}h1{font-size:2.4em}h2{font-size:2em}h3{font-size:1.6em}h4{font-size:1.36em}h5{font-size:1.2em}h6{font-size:1.1em}body{background-color:#fff;color:#242121;font-family:Source Sans Pro,Roboto,Open Sans,Liberation Sans,DejaVu Sans,Verdana,Helvetica,Arial,sans-serif;font-size:1.02em;line-height:1.2em;margin:0;padding:0}a{color:#cf3d16;text-decoration:none}a:hover{color:#e85000}strong{font-weight:900}hr{background-color:#eee;border:none;color:#eee;height:1px;margin-bottom:40px;margin-top:40px}img{max-width:100%}aside{background-color:#333;text-align:center}aside,aside a{color:#fff}aside a:hover{color:#eee}aside div{margin:0;padding:20px}aside div img{border-radius:50%;max-width:140px}aside div h1{margin:15px 0 5px}aside div p{font-size:.92em;margin:0 0 15px}aside nav ul li{display:inline;font-size:1.28em;line-height:1.6em;text-transform:lowercase}main nav{border-bottom:1px solid #eee;font-size:0;padding:14px 0;text-align:center;text-transform:uppercase}main .translations a,main nav a{border-right:1px solid #eee;font-size:12px;padding:0 4px}main .translations :last-child,main nav :last-child{border-right:none}main .neighbors{height:20px;margin:4% 0}main .pagination{height:20px;margin:4% 8%}main .social-share p{font-size:.8em}main article{margin:0 8% 2%}main article header h1,main article header h2{margin-bottom:0}main article header p{color:#999;font-size:.86em}main article header .translations{float:right}main article header .translations .active{font-weight:600}main article code,main article kbd,main article pre,main article samp{font-family:Source Code Pro,Consolas,Liberation Mono,DejaVu Sans Mono,monospace}main article blockquote,main article pre{background-color:hsla(0,0%,50%,.05);border-bottom-right-radius:5px;border-left:10px solid hsla(0,0%,50%,.075);border-top-right-radius:5px}main article blockquote{font-size:1.1em;font-weight:300;margin:0;padding:10px 20px}main article pre{font-size:.9em;overflow-x:auto;padding:4px}main article samp{display:block;overflow-x:auto;white-space:pre}main article kbd{background-color:#fff;border:1px solid rgba(63,63,63,.25);border-radius:3px;box-shadow:0 1px 0 rgba(63,63,63,.25);color:#333;display:inline-block;font-size:.78em;margin:0 .1em;padding:.1em .6em;white-space:nowrap}main article :not(pre)>code{background-color:#f7f7f9;border:1px solid #e1e1e8;border-radius:3px;color:#c25;font-size:.8em;padding:1px 3px;white-space:nowrap}main article .entry-content a:not(.btn){text-decoration:underline}main article .comment-count{font-size:.8em}main article table{border-collapse:collapse;border-spacing:0}main article table thead:first-child tr:first-child th{border-top:0}main article table td,main article table th{border-top:1px solid #ddd;line-height:20px;padding:8px;vertical-align:top}main article table.highlighttable{table-layout:fixed;width:100%}main article table.highlighttable td{border-style:none;padding:0}main article table.highlighttable td.linenos{width:2.5em}main article table.highlighttable td.linenos pre{background-color:inherit;padding-right:.8em;text-align:right}main article section#isso-thread .isso-auth-section .isso-input-wrapper{margin-right:5px}main article .toc{border:1px solid #ff5a09;margin-top:2em;padding:1em}main article .toc .toctitle{font-size:1.3em}main article .toc ul{list-style:none;margin-bottom:0;padding:0;padding-inline-start:1rem}main article .toc li{padding:.3em 0}main article .toc>ul{padding:0}main footer{border-top:1px solid #eee;padding-top:4px}main footer p{color:#999;font-size:11px;margin:2px;padding:0 40px;text-align:center}main footer span.footer-separator{margin:0 6px}.tag-cloud a{background-color:#d9411e;border-radius:.25em;color:#fff;font-size:.74em;line-height:1;padding:.2em .6em;text-align:center;vertical-align:baseline;white-space:nowrap}.tag-cloud a:hover{background-color:#ff5a09}a.btn,section#isso-thread section.isso-auth-section p.isso-post-action input{background-color:#d9411e;border:none;border-radius:.25em;color:#fff;font-size:.8em;line-height:1;padding:.6em;text-align:center;vertical-align:baseline;white-space:nowrap}a.btn:hover{background-color:#ff5a09}.center,.text-center{text-align:center}.align-center,.img-center{display:block;margin-left:auto;margin-right:auto}.float-left{float:left}.float-right{float:right}div.related-posts{border-bottom:1px solid #eee;border-top:1px solid #eee;margin:15px 0;padding-bottom:20px}div.related-posts h4{margin:20px 0 25px}div.related-posts ul{font-size:1.1em;padding-left:12px}div.related-posts ul li{padding:4px 0}ul.list,ul.related-posts,ul.social{list-style-type:none;margin:0;padding:0}ul.list{padding:1em 0}ul.list li{padding:4px}ul.social{font-size:1.6em;padding-top:20px}ul.social li{display:inline}ul.social a:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);z-index:2}ul.social a{border-radius:100%;display:inline-block;font-size:.8em;height:36px;line-height:36px;text-align:center;width:36px}ul.social a.sc-facebook{background-color:#3e5b98}ul.social a.sc-google{background-color:#d93e2d}ul.social a.sc-instagram{background-color:#125688}ul.social a.sc-keybase{background-color:#4c8dff}ul.social a.sc-pinterest{background-color:#c92619}ul.social a.sc-linkedin{background-color:#3371b7}ul.social a.sc-medium{background-color:#00ab6b}ul.social a.sc-rss{background-color:#f26109}ul.social a.sc-stack-overflow{background-color:#f90}ul.social a.sc-tumblr{background-color:#36465d}ul.social a.sc-twitch{background-color:#a970ff}ul.social a.sc-twitter{background-color:#4da7de}ul.social a.sc-x-twitter{background-color:#000}ul.social a.sc-youtube{background-color:#e02a20}ul.social a.sc-github,ul.social a.sc-github-alt{background-color:#111010}ul.social a.sc-at,ul.social a.sc-envelope,ul.social a.sc-mailbox{background-color:#578ad6}ul.social a.sc-reddit{background-color:#ff4500}ul.social a.sc-soundcloud{background-color:#f50}ul.social a.sc-gitlab{background-color:#fca326}ul.social a.sc-xing{background-color:#007575}ul.social a.sc-bitbucket{background-color:#0747a6}ul.social a.sc-mastodon{background-color:#3088d4}ul.social a.sc-diaspora{background-color:#d5d5d5;color:#000}ul.social a.sc-flickr{background-color:#ff0084}ul.social a.sc-lastfm{background-color:#d92323}.ads-aside{display:inline-block;height:90px;width:70%}.ads-responsive{display:inline-block;height:70px;margin:6px 0 6px 5%;width:90%}@media screen and (min-width:768px){aside{height:100vh;left:0;position:fixed;top:0;width:25vw;z-index:1000}aside div{padding:36px 18px}aside div nav ul li{display:block;padding:0!important}aside div ul.social{padding-top:32px}main{height:100vh;padding-left:25vw;position:relative}main article{max-width:760px}main article ul.list li{padding:2px}.ads-aside{height:250px}.ads-responsive{height:90px}}div.admonition{border-radius:4px;margin-bottom:2.5rem;padding:.5em 1.25em 1.25em}div.admonition p.admonition-title:before{display:inline-block;font-family:Font Awesome\ 5 Free;font-style:normal;font-variant:normal;text-rendering:auto}div.admonition p.admonition-title{font-weight:600;line-height:1.25em;margin-bottom:1.25em;margin-top:inherit}div.admonition div,div.admonition p,div.admonition pre{margin-bottom:0}div.admonition{background-color:#ccc;color:#242121}div.admonition.attention{background-color:#fff3cd;color:#856404}div.admonition.attention p.admonition-title:before{content:"\f071\00a0 "}div.admonition.caution{background-color:#fff3cd;color:#856404}div.admonition.caution p.admonition-title:before{content:"\f071\00a0 "}div.admonition.danger{background-color:#f8d7da;color:#721c24}div.admonition.danger p.admonition-title:before{content:"\f06a\00a0 "}div.admonition.error{background-color:#f8d7da;color:#721c24}div.admonition.error p.admonition-title:before{content:"\f06a\00a0 "}div.admonition.hint{background-color:#cce5ff;color:#004085}div.admonition.hint p.admonition-title:before{content:"\f0eb\00a0 "}div.admonition.important{background-color:#d4edda;color:#155724}div.admonition.important p.admonition-title:before{content:"\f05a\00a0 "}div.admonition.note{background-color:#d4edda;color:#155724}div.admonition.note p.admonition-title:before{content:"\f05a\00a0 "}div.admonition.tip{background-color:#cce5ff;color:#004085}div.admonition.tip p.admonition-title:before{content:"\f0eb\00a0 "}div.admonition.warning{background-color:#fff3cd;color:#856404}div.admonition.warning p.admonition-title:before{content:"\f071\00a0 "}div.figure,figure{color:#6c757d;font-size:90%}div.figure figcaption,figure figcaption{color:#242121;margin-top:.5em;text-align:center}div.figure img,figure img{display:inline;line-height:1;vertical-align:middle}div.figure p,figure p{margin-bottom:0;margin-top:0}div.figure p.caption,figure p.caption{font-style:italic}div.figure div.legend,figure div.legend{text-align:initial}div.figure.align-left,figure.align-left{text-align:left}div.figure.align-center,figure.align-center{text-align:center}div.figure.align-right,figure.align-right{text-align:right}div.figure.border,figure.border{border:2px solid #999;padding:7px}.github-corner:hover .octo-arm{animation:octocat-wave .56s ease-in-out}@keyframes octocat-wave{0%,to{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave .56s ease-in-out}} \ No newline at end of file +body,html{height:100%;width:100%}h1,h2,h3,h4,h5,h6{font-weight:300;line-height:1.1}h1{font-size:2.4em}h2{font-size:2em}h3{font-size:1.6em}h4{font-size:1.36em}h5{font-size:1.2em}h6{font-size:1.1em}body{background-color:#fff;color:#242121;font-family:Source Sans Pro,Roboto,Open Sans,Liberation Sans,DejaVu Sans,Verdana,Helvetica,Arial,sans-serif;font-size:1.02em;line-height:1.2em;margin:0;padding:0}a{color:#cf3d16;text-decoration:none}a:hover{color:#e85000}strong{font-weight:900}hr{background-color:#eee;border:none;color:#eee;height:1px;margin-bottom:40px;margin-top:40px}img{max-width:100%}aside{background-color:#333;text-align:center}aside,aside a{color:#fff}aside a:hover{color:#eee}aside div{margin:0;padding:20px}aside div img{border-radius:50%;max-width:140px}aside div h1{margin:15px 0 5px}aside div p{font-size:.92em;margin:0 0 15px}aside nav ul li{display:inline;font-size:1.28em;line-height:1.6em;text-transform:lowercase}main nav{border-bottom:1px solid #eee;font-size:0;padding:14px 0;text-align:center;text-transform:uppercase}main .translations a,main nav a{border-right:1px solid #eee;font-size:12px;padding:0 4px}main .translations :last-child,main nav :last-child{border-right:none}main .neighbors{height:20px;margin:4% 0}main .pagination{height:20px;margin:4% 8%}main .social-share p{font-size:.8em}main article{margin:0 8% 2%}main article header h1,main article header h2{margin-bottom:0}main article header p{color:#999;font-size:.86em}main article header .translations{float:right}main article header .translations .active{font-weight:600}main article code,main article kbd,main article pre,main article samp{font-family:Source Code Pro,Consolas,Liberation Mono,DejaVu Sans Mono,monospace}main article blockquote,main article pre{background-color:hsla(0,0%,50%,.05);border-bottom-right-radius:5px;border-left:10px solid hsla(0,0%,50%,.075);border-top-right-radius:5px}main article blockquote{font-size:1.1em;font-weight:300;margin:0;padding:10px 20px}main article pre{font-size:.9em;overflow-x:auto;padding:4px}main article samp{display:block;overflow-x:auto;white-space:pre}main article kbd{background-color:#fff;border:1px solid rgba(63,63,63,.25);border-radius:3px;box-shadow:0 1px 0 rgba(63,63,63,.25);color:#333;display:inline-block;font-size:.78em;margin:0 .1em;padding:.1em .6em;white-space:nowrap}main article :not(pre)>code{background-color:#f7f7f9;border:1px solid #e1e1e8;border-radius:3px;color:#c25;font-size:.8em;padding:1px 3px;white-space:nowrap}main article .entry-content a:not(.btn){text-decoration:underline}main article .comment-count{font-size:.8em}main article table{border-collapse:collapse;border-spacing:0}main article table thead:first-child tr:first-child th{border-top:0}main article table td,main article table th{border-top:1px solid #ddd;line-height:20px;padding:8px;vertical-align:top}main article table.highlighttable{table-layout:fixed;width:100%}main article table.highlighttable td{border-style:none;padding:0}main article table.highlighttable td.linenos{width:2.5em}main article table.highlighttable td.linenos pre{background-color:inherit;padding-right:.8em;text-align:right}main article section#isso-thread .isso-auth-section .isso-input-wrapper{margin-right:5px}main article .isso-comment>div.isso-text-wrapper>.isso-comment-footer a:hover{color:#e85000;text-shadow:none}main article .isso-comment.isso-is-page-author>.isso-text-wrapper{background-color:#ffe4e1}main article .isso-comment.isso-is-page-author>.isso-text-wrapper>.isso-comment-header>.isso-author{color:#cf3d16}main article .toc{border:1px solid #ff5a09;margin-top:2em;padding:1em}main article .toc .toctitle{font-size:1.3em}main article .toc ul{list-style:none;margin-bottom:0;padding:0;padding-inline-start:1rem}main article .toc li{padding:.3em 0}main article .toc>ul{padding:0}main footer{border-top:1px solid #eee;padding-top:4px}main footer p{color:#999;font-size:11px;margin:2px;padding:0 40px;text-align:center}main footer span.footer-separator{margin:0 6px}.tag-cloud a{background-color:#d9411e;border-radius:.25em;color:#fff;font-size:.74em;line-height:1;padding:.2em .6em;text-align:center;vertical-align:baseline;white-space:nowrap}.tag-cloud a:hover{background-color:#ff5a09}a.btn,section#isso-thread section.isso-auth-section p.isso-post-action input{background-color:#d9411e;border:none;border-radius:.25em;color:#fff;font-size:.8em;line-height:1;padding:.6em;text-align:center;vertical-align:baseline;white-space:nowrap}a.btn:hover{background-color:#ff5a09}.center,.text-center{text-align:center}.align-center,.img-center{display:block;margin-left:auto;margin-right:auto}.float-left{float:left}.float-right{float:right}div.related-posts{border-bottom:1px solid #eee;border-top:1px solid #eee;margin:15px 0;padding-bottom:20px}div.related-posts h4{margin:20px 0 25px}div.related-posts ul{font-size:1.1em;padding-left:12px}div.related-posts ul li{padding:4px 0}ul.list,ul.related-posts,ul.social{list-style-type:none;margin:0;padding:0}ul.list{padding:1em 0}ul.list li{padding:4px}ul.social{font-size:1.6em;padding-top:20px}ul.social li{display:inline}ul.social a:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);z-index:2}ul.social a{border-radius:100%;display:inline-block;font-size:.8em;height:36px;line-height:36px;text-align:center;width:36px}ul.social a.sc-facebook{background-color:#3e5b98}ul.social a.sc-google{background-color:#d93e2d}ul.social a.sc-instagram{background-color:#125688}ul.social a.sc-keybase{background-color:#4c8dff}ul.social a.sc-pinterest{background-color:#c92619}ul.social a.sc-linkedin{background-color:#3371b7}ul.social a.sc-medium{background-color:#00ab6b}ul.social a.sc-rss{background-color:#f26109}ul.social a.sc-stack-overflow{background-color:#f90}ul.social a.sc-tumblr{background-color:#36465d}ul.social a.sc-twitch{background-color:#a970ff}ul.social a.sc-twitter{background-color:#4da7de}ul.social a.sc-x-twitter{background-color:#000}ul.social a.sc-youtube{background-color:#e02a20}ul.social a.sc-github,ul.social a.sc-github-alt{background-color:#111010}ul.social a.sc-at,ul.social a.sc-envelope,ul.social a.sc-mailbox{background-color:#578ad6}ul.social a.sc-reddit{background-color:#ff4500}ul.social a.sc-soundcloud{background-color:#f50}ul.social a.sc-gitlab{background-color:#fca326}ul.social a.sc-xing{background-color:#007575}ul.social a.sc-bitbucket{background-color:#0747a6}ul.social a.sc-mastodon{background-color:#3088d4}ul.social a.sc-diaspora{background-color:#d5d5d5;color:#000}ul.social a.sc-flickr{background-color:#ff0084}ul.social a.sc-lastfm{background-color:#d92323}.ads-aside{display:inline-block;height:90px;width:70%}.ads-responsive{display:inline-block;height:70px;margin:6px 0 6px 5%;width:90%}@media screen and (min-width:768px){aside{height:100vh;left:0;position:fixed;top:0;width:25vw;z-index:1000}aside div{padding:36px 18px}aside div nav ul li{display:block;padding:0!important}aside div ul.social{padding-top:32px}main{height:100vh;padding-left:25vw;position:relative}main article{max-width:760px}main article ul.list li{padding:2px}.ads-aside{height:250px}.ads-responsive{height:90px}}div.admonition{border-radius:4px;margin-bottom:2.5rem;padding:.5em 1.25em 1.25em}div.admonition p.admonition-title:before{display:inline-block;font-family:Font Awesome\ 5 Free;font-style:normal;font-variant:normal;text-rendering:auto}div.admonition p.admonition-title{font-weight:600;line-height:1.25em;margin-bottom:1.25em;margin-top:inherit}div.admonition div,div.admonition p,div.admonition pre{margin-bottom:0}div.admonition{background-color:#ccc;color:#242121}div.admonition.attention{background-color:#fff3cd;color:#856404}div.admonition.attention p.admonition-title:before{content:"\f071\00a0 "}div.admonition.caution{background-color:#fff3cd;color:#856404}div.admonition.caution p.admonition-title:before{content:"\f071\00a0 "}div.admonition.danger{background-color:#f8d7da;color:#721c24}div.admonition.danger p.admonition-title:before{content:"\f06a\00a0 "}div.admonition.error{background-color:#f8d7da;color:#721c24}div.admonition.error p.admonition-title:before{content:"\f06a\00a0 "}div.admonition.hint{background-color:#cce5ff;color:#004085}div.admonition.hint p.admonition-title:before{content:"\f0eb\00a0 "}div.admonition.important{background-color:#d4edda;color:#155724}div.admonition.important p.admonition-title:before{content:"\f05a\00a0 "}div.admonition.note{background-color:#d4edda;color:#155724}div.admonition.note p.admonition-title:before{content:"\f05a\00a0 "}div.admonition.tip{background-color:#cce5ff;color:#004085}div.admonition.tip p.admonition-title:before{content:"\f0eb\00a0 "}div.admonition.warning{background-color:#fff3cd;color:#856404}div.admonition.warning p.admonition-title:before{content:"\f071\00a0 "}div.figure,figure{color:#6c757d;font-size:90%}div.figure figcaption,figure figcaption{color:#242121;margin-top:.5em;text-align:center}div.figure img,figure img{display:inline;line-height:1;vertical-align:middle}div.figure p,figure p{margin-bottom:0;margin-top:0}div.figure p.caption,figure p.caption{font-style:italic}div.figure div.legend,figure div.legend{text-align:initial}div.figure.align-left,figure.align-left{text-align:left}div.figure.align-center,figure.align-center{text-align:center}div.figure.align-right,figure.align-right{text-align:right}div.figure.border,figure.border{border:2px solid #999;padding:7px}.github-corner:hover .octo-arm{animation:octocat-wave .56s ease-in-out}@keyframes octocat-wave{0%,to{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave .56s ease-in-out}} \ No newline at end of file diff --git a/static/stylesheet/variables.less b/static/stylesheet/variables.less index 13163d1..af8bded 100644 --- a/static/stylesheet/variables.less +++ b/static/stylesheet/variables.less @@ -149,3 +149,12 @@ @figure-color: #6c757d; @figure-color-dark-theme: #bfbfbf; + +@isso-author-dark-theme: @light-grey; +@isso-link-dark-theme: @med-grey; +@isso-link-hover-dark-theme: @link-hover-color-dark-theme; +@isso-page-author-bg: mistyrose; +@isso-page-author-name: @link-color; +@isso-page-author-bg-dark-theme: #5d0404; +@isso-page-author-name-dark-theme: @link-color-dark-theme; +@isso-page-author-suffix-dark-theme: @med-grey;