summaryrefslogtreecommitdiff
path: root/themes/24-unification/static/style.css
diff options
context:
space:
mode:
Diffstat (limited to 'themes/24-unification/static/style.css')
-rw-r--r--themes/24-unification/static/style.css709
1 files changed, 709 insertions, 0 deletions
diff --git a/themes/24-unification/static/style.css b/themes/24-unification/static/style.css
new file mode 100644
index 0000000..c594514
--- /dev/null
+++ b/themes/24-unification/static/style.css
@@ -0,0 +1,709 @@
+:root {
+ color-scheme: light dark;
+
+ --site-bg: #fff;
+ --menu-bg: var(--menu-bg)
+ --text-color: #000;
+ --link-color: var(--text-color);
+
+ --logo-bg-color: #000;
+
+ --article-bg: ##fcfcfc;
+ --article-border-color: #f3f1f1;
+ --highlight-bg: rgba(240, 240, 240, 0.42);
+
+ --border-color: var(--text-color);
+
+ --blockquote-border-color: #d2d2d2;
+ --blockquote-color: ##666666;
+
+ --pre-bg: #f0f0f0;
+
+ --font-size: 1.2em;
+ --mobile-font-size: 1hem;
+ --header-font-size: 0.9em;
+
+ --site-font: monospace;
+ --header-font: arial;
+}
+/* default_variables_end */
+
+/* article_variables_start */
+:root {
+ --article-highlight-color: #863fc1;
+ --article-logo-bg-color: var(--article-highlight-color);
+ --article-logo-h1-color: var(--article-highlight-color);
+}
+/* article_variables_end */
+
+/* ste_info_variables_start */
+:root {
+ --site-info-hightlight-color: #9ba89a;
+ --site-info-logo-bg-color: var(--site-info-hightlight-color);
+ --site-info-h1-color: var(--site-info-hightlight-color);
+}
+/* ste_info_variables_end */
+
+
+
+
+
+
+/* dark_mode_variables_end */
+@media (prefers-color-scheme: dark) {
+ :root {
+ --site-bg: #000;
+ --text-color: #abb1b1;
+
+ --logo-bg-color: #abb1b1;
+
+ --article-bg: #141818;
+
+ --article-border-color: var(--article-bg);
+ --highlight-bg: rgb(31 27 27);
+
+ --border-color: var(--text-color);
+
+ --pre-bg: #1b2121;
+ }
+}
+/* dark_mode_variables_end */
+
+/* site_start */
+body {
+ font-family: var(--site-font);
+ padding: 0;
+ font-size: var(--font-size);
+ background-color: var(--site-bg);
+ color: var(--text-color);
+ max-width: 800px;
+ margin: auto;
+}
+@media only screen and (max-width: 600px) {
+ body {
+ font-size: var(--mobile-font-size);
+ }
+}
+main, footer {
+ width: 100%;
+ max-width: 95%;
+ margin-left: auto;
+ margin-right: auto;
+}
+img {
+ max-width: 99%;
+ width: auto;
+ height: auto;
+}
+a { color: var(--link-color); }
+h2 a { text-decoration: none; }
+
+.placeholder {
+ opacity: 0.55;
+}
+/* site_end */
+
+/* generic_header_start */
+header {
+ display: flex;
+ flex-direction: row;
+ flex-wrap: nowrap;
+ justify-content: normal;
+ align-items: normal;
+ align-content: normal;
+ max-width: 95%;
+ margin-left: auto;
+ margin-right: auto;
+}
+header > .logo {
+ display: block;
+ flex-grow: 0;
+ flex-shrink: 1;
+ flex-basis: auto;
+ align-self: auto;
+ order: 0;
+ width: 50px;
+ height: 80px;
+ background-color: var(--logo-bg-color);
+ position: relative;
+ overflow: hidden;
+}
+header > .name {
+ display: block;
+ flex-grow: 1;
+ flex-shrink: 0;
+ flex-basis: auto;
+ align-self: auto;
+ order: 0;
+ text-align: left;
+ position: relative;
+}
+header > .name > nav {
+ position: absolute;
+ bottom: -10px;
+ padding: 10px;
+}
+h1 {
+ font-size: inherit;
+ margin: 0;
+ text-decoration: none;
+}
+h1 a,
+h2 a {
+ text-decoration: none;
+ color: inherit;
+}
+.breadcrumb {
+}
+sup {
+ font-size: 0.6em;
+}
+header ol {
+ padding-left: 0;
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+header li {
+ display: block;
+}
+/* */
+header li:not(:last-child)::after {
+ content: "ยป";
+}
+
+/* generic_header_end */
+
+h2 a { color: inherit; }
+h3 a { color: inherit; }
+h4 a { color: inherit; }
+h5 a { color: inherit; }
+
+/* article_header_end */
+body.article > header > .logo {
+ background-color: var(--article-logo-bg-color);
+}
+body.article > header > .logo > img.files {
+ position: absolute;
+ bottom: 4px;
+ right: -2px;
+ transform: scale(1);
+}
+body.article h1{
+ color: var(--article-logo-h1-color);
+}
+
+
+
+
+/* site_info_header_end */
+body.site-info > header > .logo {
+ background-color: var(--site-info-logo-bg-color);
+}
+body.site-info h1{
+ color: var(--site-info-h1-color);
+}
+/* site_info_header_end */
+
+
+
+/* blog_post_list_start */
+article.blog-post-item > h2 > a {
+ text-decoration: none;
+}
+article.blog-post-item > nav {
+ display: inline-block;
+}
+nav.blog-pages-list {
+ margin-bottom: 20px;
+}
+nav.blog-pages-list a {
+ text-decoration: underline;
+}
+/* blog_post_list_end */
+
+/* article_list_start */
+article.article-abstract-list-item {
+ margin-bottom: 5px;
+}
+article.article-abstract-list-item > h2 {
+ margin-top: 0;
+}
+article.article-abstract-list-item > h2 > a {
+ text-decoration: none;
+}
+article.article-abstract-list-item > a > aside {
+ margin-top: 7px;
+ opacity : 0.7;
+}
+
+/* article_list_end */
+
+/* index_start */
+nav.personal {
+}
+nav.personal > a {
+ font-weight: bold;
+}
+table { width: 100% }
+td { border-style: solid!important; border-width: 1px;}
+
+table.small { width: auto; border-style: none!important; }
+table.small td { border-style: none!important; }
+table.small tr { border-style: none!important; }
+
+/* single_start */
+
+article > .publish-date {
+ text-align: right;
+}
+
+article > .publish-date a {
+ text-decoration: none;
+}
+/*single_end */
+
+/* inline_nav_start */
+.inline-nav > h4 {
+ text-transform: none!important;
+}
+.inline-nav > ul > li > b {
+ color: var(--star-trek-highlight-color);
+}
+
+/* inline_nav_end */
+
+
+
+
+
+/* legacy_code_start */
+
+/* ---------- Main */
+main {
+ margin-top: 30px;
+}
+
+
+/* ----------- Taxmomy list */
+
+.list-item time {
+ opacity: 0.5;
+}
+.list-item span {
+ font-weight: bold;
+}
+
+/* ----------- Articles / Posts */
+article {
+ margin-bottom: 20px;
+ padding: 5px;
+ line-height: 1.32em;
+}
+article p {
+ text-align: justify;
+}
+article a {
+ text-decoration: underline;
+}
+h2, h3, h4, h5 {
+ text-align: left;
+ border: 0;
+ border-bottom-width: 0px;
+ border-style: solid;
+ font-size: inherit;
+ text-transform: uppercase;
+}
+h2 {
+ border-bottom-width: 1px;
+}
+
+
+
+/* emacs_article_start */
+
+/* emacs_article_end */
+
+
+blockquote {
+ border: 0;
+ border-left: 3px;
+ border-style: solid;
+ border-color: var(--blockquote-border-color);
+ margin-left: 15px;
+ padding-left: 15px;
+ color: var(--blockquote-color);
+}
+pre {
+ padding-bottom: 5px;
+ white-space: pre-wrap;
+ padding: 11px;
+ background-color: var(--pre-bg);
+ word-break: keep-all;
+}
+pre code {
+ max-width: 100%;
+ /* word-break: break-all; */
+}
+
+/* ----------- Articles images */
+article figure {
+ text-align: center;
+ margin: 0;
+ max-width: 100%;
+ font-size: 0.8em;
+}
+img.float-right {
+ float: right;
+ display: inline;
+ margin-left: 10px;
+}
+img.center {
+ max-width: 100%;
+ height: auto;
+}
+img.small {
+ max-width: 50%;
+ height: auto;
+}
+figure.graph {
+ background-color: var(--highlight-bg);
+ padding: 5px;
+ padding-top: 20px;
+}
+figure.graph img {
+ width: 95%;
+}
+
+/* ----------- Articles adjustement navigation */
+.next-link {
+ float: right;
+}
+
+/* ----------- Footer */
+footer {
+ text-align: center;
+ padding: 10px 0 30px 0;
+}
+
+/* ---------- Footnotes */
+a[href^="#fn:"], a[href^="#fnref:"] {
+ text-decoration: none;
+}
+a[href^="#fn:"]:before{ content: '[' }
+a[href^="#fn:"]:after{ content: ']' }
+.footnotes p {
+ margin: 3px;
+}
+.footnotes hr {
+ size: 1px;
+}
+.footnotes::before {
+ border: 0;
+ border-bottom-width: 1px;
+ border-style: solid;
+ font-weight: bold;
+ display: block;
+ text-transform: uppercase;
+}
+
+/* ----------- Donations */
+.donor {
+ display: flex;
+ flex-direction: row;
+ flex-wrap: wrap;
+ justify-content: center;
+ align-items: center;
+ align-content: flex-start;
+ gap: 50px;
+}
+
+/* --------- Code blocks */
+
+/* Background */ .bg { background-color: #f8f8f8; }
+/* PreWrapper */ .chroma { background-color: #f8f8f8; }
+/* Other */ .chroma .x { }
+/* Error */ .chroma .err { }
+/* CodeLine */ .chroma .cl { }
+/* LineLink */ .chroma .lnlinks { outline: none; text-decoration: none; color: inherit }
+/* LineTableTD */ .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; }
+/* LineTable */ .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; }
+/* LineHighlight */ .chroma .hl { background-color: #ffffcc }
+/* LineNumbersTable */ .chroma .lnt { white-space: pre; -webkit-user-select: none; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f }
+/* LineNumbers */ .chroma .ln { white-space: pre; -webkit-user-select: none; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f }
+/* Line */ .chroma .line { display: flex; }
+/* Keyword */ .chroma .k { color: #aa22ff; font-weight: bold }
+/* KeywordConstant */ .chroma .kc { color: #aa22ff; font-weight: bold }
+/* KeywordDeclaration */ .chroma .kd { color: #aa22ff; font-weight: bold }
+/* KeywordNamespace */ .chroma .kn { color: #aa22ff; font-weight: bold }
+/* KeywordPseudo */ .chroma .kp { color: #aa22ff }
+/* KeywordReserved */ .chroma .kr { color: #aa22ff; font-weight: bold }
+/* KeywordType */ .chroma .kt { color: #00bb00; font-weight: bold }
+/* Name */ .chroma .n { }
+/* NameAttribute */ .chroma .na { color: #bb4444 }
+/* NameBuiltin */ .chroma .nb { color: #aa22ff }
+/* NameBuiltinPseudo */ .chroma .bp { }
+/* NameClass */ .chroma .nc { color: #0000ff }
+/* NameConstant */ .chroma .no { color: #880000 }
+/* NameDecorator */ .chroma .nd { color: #aa22ff }
+/* NameEntity */ .chroma .ni { color: #999999; font-weight: bold }
+/* NameException */ .chroma .ne { color: #d2413a; font-weight: bold }
+/* NameFunction */ .chroma .nf { color: #00a000 }
+/* NameFunctionMagic */ .chroma .fm { }
+/* NameLabel */ .chroma .nl { color: #a0a000 }
+/* NameNamespace */ .chroma .nn { color: #0000ff; font-weight: bold }
+/* NameOther */ .chroma .nx { }
+/* NameProperty */ .chroma .py { }
+/* NameTag */ .chroma .nt { color: #008000; font-weight: bold }
+/* NameVariable */ .chroma .nv { color: #b8860b }
+/* NameVariableClass */ .chroma .vc { }
+/* NameVariableGlobal */ .chroma .vg { }
+/* NameVariableInstance */ .chroma .vi { }
+/* NameVariableMagic */ .chroma .vm { }
+/* Literal */ .chroma .l { }
+/* LiteralDate */ .chroma .ld { }
+/* LiteralString */ .chroma .s { color: #bb4444 }
+/* LiteralStringAffix */ .chroma .sa { color: #bb4444 }
+/* LiteralStringBacktick */ .chroma .sb { color: #bb4444 }
+/* LiteralStringChar */ .chroma .sc { color: #bb4444 }
+/* LiteralStringDelimiter */ .chroma .dl { color: #bb4444 }
+/* LiteralStringDoc */ .chroma .sd { color: #bb4444; font-style: italic }
+/* LiteralStringDouble */ .chroma .s2 { color: #bb4444 }
+/* LiteralStringEscape */ .chroma .se { color: #bb6622; font-weight: bold }
+/* LiteralStringHeredoc */ .chroma .sh { color: #bb4444 }
+/* LiteralStringInterpol */ .chroma .si { color: #bb6688; font-weight: bold }
+/* LiteralStringOther */ .chroma .sx { color: #008000 }
+/* LiteralStringRegex */ .chroma .sr { color: #bb6688 }
+/* LiteralStringSingle */ .chroma .s1 { color: #bb4444 }
+/* LiteralStringSymbol */ .chroma .ss { color: #b8860b }
+/* LiteralNumber */ .chroma .m { color: #666666 }
+/* LiteralNumberBin */ .chroma .mb { color: #666666 }
+/* LiteralNumberFloat */ .chroma .mf { color: #666666 }
+/* LiteralNumberHex */ .chroma .mh { color: #666666 }
+/* LiteralNumberInteger */ .chroma .mi { color: #666666 }
+/* LiteralNumberIntegerLong */ .chroma .il { color: #666666 }
+/* LiteralNumberOct */ .chroma .mo { color: #666666 }
+/* Operator */ .chroma .o { color: #666666 }
+/* OperatorWord */ .chroma .ow { color: #aa22ff; font-weight: bold }
+/* Punctuation */ .chroma .p { }
+/* Comment */ .chroma .c { color: #008800; font-style: italic }
+/* CommentHashbang */ .chroma .ch { color: #008800; font-style: italic }
+/* CommentMultiline */ .chroma .cm { color: #008800; font-style: italic }
+/* CommentSingle */ .chroma .c1 { color: #008800; font-style: italic }
+/* CommentSpecial */ .chroma .cs { color: #008800; font-weight: bold }
+/* CommentPreproc */ .chroma .cp { color: #008800 }
+/* CommentPreprocFile */ .chroma .cpf { color: #008800 }
+/* Generic */ .chroma .g { }
+/* GenericDeleted */ .chroma .gd { color: #a00000 }
+/* GenericEmph */ .chroma .ge { font-style: italic }
+/* GenericError */ .chroma .gr { color: #ff0000 }
+/* GenericHeading */ .chroma .gh { color: #000080; font-weight: bold }
+/* GenericInserted */ .chroma .gi { color: #00a000 }
+/* GenericOutput */ .chroma .go { color: #888888 }
+/* GenericPrompt */ .chroma .gp { color: #000080; font-weight: bold }
+/* GenericStrong */ .chroma .gs { font-weight: bold }
+/* GenericSubheading */ .chroma .gu { color: #800080; font-weight: bold }
+/* GenericTraceback */ .chroma .gt { color: #0044dd }
+/* GenericUnderline */ .chroma .gl { text-decoration: underline }
+/* TextWhitespace */ .chroma .w { color: #bbbbbb }
+
+/* legacy_code_end */
+
+
+/* brain_rot_start */
+:root {
+ --brain-rot-highlight-color: #978b27;
+}
+
+.brain-rot > header > .logo {
+ background-color: var(--brain-rot-highlight-color);
+}
+.brain-rot > header > .logo > img {
+ position: absolute;
+ bottom: 0px;
+ right: -5px;
+ transform: scale(0.9);
+}
+.brain-rot h1 {
+ color: var(--brain-rot-highlight-color);
+}
+
+.brain-rot h2,
+.brain-rot h3,
+.brain-rot h4,
+.brain-rot h5,
+.brain-rot h6 {
+ color: var(--brain-rot-highlight-color);
+ border-color: var(--brain-rot-highlight-color)
+}
+.brain-rot .new {
+ color: var(--brain-rot-highlight-color);
+}
+.rating-box {
+ float: right;
+ margin: 10px;
+ text-align: center;
+}
+/* brain_rot_end */
+
+/* star_trek_start */
+
+:root {
+ --star-trek-highlight-color: #3e7dc0;
+}
+
+body.star-trek > header > .logo {
+ background-color: var(--star-trek-highlight-color);
+}
+body.star-trek > header > .logo > img.stbadge {
+ position: absolute;
+ bottom: -12px;
+ right: -6px;
+ transform: scale(0.8);
+}
+body.star-trek h1{
+ color: var(--star-trek-highlight-color);
+}
+
+.star-trek h2,
+.star-trek h3,
+.star-trek h4,
+.star-trek h5,
+.star-trek h6 {
+ color: var(--star-trek-highlight-color);
+ border-color: var(--star-trek-highlight-color)
+}
+
+.star-trek .new {
+ color: var(--star-trek-highlight-color)
+}
+
+img.vert-move:hover {
+ animation: mover 1s infinite alternate;
+}
+
+@keyframes mover {
+ 0% { transform: translateY(0); }
+ 100% { transform: translateY(-10px); }
+}
+
+/* star_trek__end */
+
+
+
+/* bsd_start */
+:root {
+ --bsd-highlight-color: #ab2b28;
+}
+
+body.bsd > header > .logo {
+ background-color: var(--bsd-highlight-color);
+}
+body.bsd > header > .logo > img.beastie {
+ position: absolute;
+ bottom: 0px;
+ right: -11px;
+ transform: scale(1.1);
+}
+.bsd h1 {
+ color: var(--bsd-highlight-color);
+}
+
+.bsd h2,
+.bsd h3,
+.bsd h4,
+.bsd h5,
+.bsd h6 {
+ color: var(--bsd-highlight-color);
+ border-color: var(--bsd-highlight-color)
+}
+
+.bsd .new {
+ color: var(--bsd-highlight-color)
+}
+
+
+/* bsd_end */
+
+
+
+/* emacs_start */
+:root {
+ --emacs-highlight-color: #7F5AB6;
+}
+
+body.emacs > header > .logo {
+ background-color: var(--emacs-highlight-color);
+}
+body.emacs > header > .logo > img {
+ position: absolute;
+ bottom: 0px;
+ right: -2px;
+ transform: scale(0.9);
+}
+.emacs h1 {
+ color: var(--emacs-h1-color);
+}
+
+.emacs h2,
+.emacs h3,
+.emacs h4,
+.emacs h5,
+.emacs h6 {
+ color: var(--emacs-highlight-color);
+ border-color: var(--emacs-highlight-color)
+}
+.emacs .new {
+ color: var(--emacs-highlight-color)
+}
+
+/* emacs_end */
+
+
+/* blog_start */
+:root {
+ --blog-highlight-color: #4c683c;;
+}
+
+body.blog > header > .logo {
+ background-color: var(--blog-highlight-color);
+}
+body.blog > header > .logo > img.blogicon {
+ position: absolute;
+ bottom: 0px;
+ right: -2px;
+ transform: scale(0.9);
+}
+body.blog h1 {
+ color: var(--blog-h1-color);
+}
+
+.blog h2,
+.blog h3,
+.blog h4,
+.blog h5,
+.blog h6 {
+ color: var(--blog-highlight-color);
+ border-color: var(--blog-highlight-color)
+}
+/* emacs_end */
+
+/* omake_start */
+:root {
+ --omake-highlight-color: #b47379;
+}
+
+.omake h1 {
+ color: var(--omake-h1-color);
+}
+
+ .omake h2,
+ .omake h3,
+ .omake h4,
+ .omake h5,
+ .omake h6 {
+ color: var(--omake-highlight-color);
+ border-color: var(--omake-highlight-color)
+ }
+
+ /* omake_end */
generated by cgit v1.2.3 (git 2.25.1) at 2025-01-04 02:46:08 +0000