From 2b8ab02de66be6739888efc6c07b93758fd2a60b Mon Sep 17 00:00:00 2001 From: Jose Falanga Date: Mon, 13 Oct 2025 18:50:56 -0300 Subject: [PATCH] back --- arise-source/config/main.css | 171 ++++++++++------------------------- 1 file changed, 48 insertions(+), 123 deletions(-) diff --git a/arise-source/config/main.css b/arise-source/config/main.css index af3a807..8e3067f 100644 --- a/arise-source/config/main.css +++ b/arise-source/config/main.css @@ -2,15 +2,15 @@ /* Base styling */ html * { - font-family: system-ui, sans-serif; + font-family: sans-serif; } -body { +body{ margin: 40px auto; max-width: 650px; line-height: 1.6; font-size: 18px; - color: #f0e6d2; /* soft parchment */ - background-color: #1c1a18; /* deep dark brown-black, warmer than pure black */ + color: #65f85a; /* green text */ + background-color: #121619; /* almost black */ padding: 0 10px; } @@ -18,71 +18,74 @@ body { img { max-width: 100%; max-height: 100%; - margin: 20px auto; + margin-top: 20px; + margin-bottom: 20px; border-radius: 16px; + margin-left: auto; + margin-right: auto; display: block; } code { - font-family: monospace, "Courier New", Courier, monospace; + background-color: #293137; + border-radius: 16px; + padding-left: 30px; + padding-right: 30px; + padding-top: 1px; + padding-bottom: 1px; + line-height: 2em; + color: #65f85a; + font-family: monospace; } pre { overflow-x: auto; white-space: pre-wrap; + white-space: -moz-pre-wrap; + white-space: -pre-wrap; + white-space: -o-pre-wrap; word-wrap: break-word; - margin: 1em 0; } -/* Reduce interline spacing for code blocks */ -pre.sourceCode, -pre.sourceCode code, -pre.sourceCode code span { - line-height: 1.4em; /* tighter than before */ -} - -/* Blockquote styling */ blockquote { - border-left: 3px solid #8aa89a; /* subtle sage/green accent */ - margin: 1em 40px 1em 30px; + border-left: 1px solid #65f85a; + display: block; + margin-top: 1em; + margin-bottom: 1em; + margin-left: 30px; padding-left: 10px; + margin-right: 40px; font-style: italic; - color: #d4c99f; /* warm beige */ + color: #46ab3e; } -/* Horizontal rules */ hr { - border: none; - border-top: 1px solid #c5946a; /* muted orange/gold */ - margin: 1.5em auto; + color: #65f85a; + margin-left: auto; + margin-right: auto; max-width: 300px; } #endline { - border: none; - border-top: 1px solid #7a6b5a; /* soft bronze */ - margin: 80px auto 0; + color: #65f85a; + margin-left: auto; + margin-right: auto; max-width: 300px; + margin-top: 80px; } -/* Links */ a { - color: #d8b68f; /* warm gold */ + color: #b8f1b4; text-decoration: none; } -a:hover { - color: #f0e3b8; /* pale yellow highlight */ + +h1{ + line-height: 1.2; } -/* Headings */ -h1 { - line-height: 1.2; - color: #f3e6c9; /* soft, slightly lighter than body */ -} -h2, h3 { +h2, h3{ padding-top: 24px; line-height: 1.2; - color: #e6c990; /* muted complementary accent */ } /* Inline dates */ @@ -91,6 +94,7 @@ h2, h3 { margin-bottom: 0; font-size: 14px; } + @media screen and (max-width: 900px) { .date { text-align: right; @@ -110,103 +114,24 @@ h2, h3 { margin-bottom: 20px; text-align: center; } -.logo img { - max-height: 80px; - opacity: 0.95; -} /* Navbar styling */ .topbar { - text-align: center; - padding: 10px 0; - border-top: 1px solid #8c7564; /* muted tan */ - border-bottom: 1px solid #c5946a; /* warm accent */ + padding-right: 10px; + border-top: 1px solid #65f85a; + border-bottom: 1px solid #65f85a; margin-bottom: 20px; + text-align: center; } .topbar a { - color: #d8b68f; - padding: 0 8px; + color: #65f85a; text-decoration: none; } -.topbar a:hover { - color: #f0e3b8; -} -.topbar .sep { - color: #7a6b5a; - padding: 0 6px; -} /* Footer styling */ .footer { - border-top: 1px solid #7a6b5a; - color: #c9b68f; - font-size: 13px; - margin-top: 100px; + border-top: 2px solid #65f85a; + font-size: 12px; + margin-top: 120px; text-align: center; - padding: 15px 0 20px 0; - line-height: 1.5; -} -.footer a { - color: #d8b68f; - text-decoration: none; -} -.footer a:hover { - color: #f0e3b8; -} -.footer span { - opacity: 0.8; -} - -/*** Arise Syntax Highlighted Code ***/ -pre.sourceCode, -pre.sourceCode code, -pre.sourceCode code span { - font-family: monospace, "Courier New", Courier, monospace; - background-color: #28241f; /* softer dark than before */ - color: #f0e6d2; - border-radius: 12px; - padding: 6px 16px; - line-height: 1.4em; /* tighter lines */ - display: block; - overflow-x: auto; -} - -/* Syntax accent colors using split-complementary palette */ -pre.sourceCode code .co { color: #7aa88d; } /* comments - sage green */ -pre.sourceCode code .kw { color: #d97c5f; } /* keywords - muted coral */ -pre.sourceCode code .bu { color: #f0d89a; } /* builtins/commands - pale yellow */ -pre.sourceCode code .st { color: #e6c990; } /* strings - soft gold */ -pre.sourceCode code .fu { color: #c5946a; } /* functions/variables - warm tan */ -pre.sourceCode code .va { color: #f0e3b8; } /* variable values - light cream */ - -/*** Tables for Arise Index and Markdown ***/ -.arise-toc-td { - border-width: 1px; - border-color: #7a6b5a; - border-top-style: solid; - text-align: center; - padding-right: 10px; - padding-bottom: 5px; -} -.arise-toc-th { - padding-bottom: 20px; - border-bottom: 1px; - border-bottom-style: solid; -} -table { - border-collapse: collapse; - margin: 20px 0; - width: 100%; -} -table th, table td { - border: 1px solid #7a6b5a; - padding: 6px 10px; -} -table th { - background-color: #1f1c19; - color: #f0e6d2; -} -table td { - background-color: #1c1a18; - color: #e6c990; }