jose/LogSource
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

more colors
Some checks are pending
Deploy Arise to html branch / Deploy Arise (push) Waiting to run
Details

Browse source
This commit is contained in:
Jose Falanga 2025-10-13 18:26:09 -03:00
parent d8f897abe4
commit 93aaf99c9a
1 changed files with 21 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

40
arise-source/config/main.css
View file

@ -10,13 +10,13 @@ body{
line-height:1.6; line-height:1.6;
font-size:18px; font-size:18px;
color: #d2b48c; /* muted gold-beige text */ color: #d2b48c; /* muted gold-beige text */
background-color: #1e1b17; /* warm dark brown background */ background-color: #1e1b17; /* deep dark brown */
padding:0 10px; padding:0 10px;
} }
/********************************/ /********************************/
/********************************/ /********************************/
/*** Post styling. This section is for defining markup classes to make it easier to write prettier posts. ***/ /*** Post styling ***/
img { img {
max-width: 100%; max-width: 100%;
@ -51,7 +51,7 @@ pre {
} }
blockquote { blockquote {
border-left: 1px solid #6b5633; border-left: 2px solid #8a9a5b; /* olive/moss border */
display:block; display:block;
margin-top: 1em; margin-top: 1em;
margin-bottom: 1em; margin-bottom: 1em;
@ -59,19 +59,19 @@ blockquote {
padding-left: 10px; padding-left: 10px;
margin-right: 40px; margin-right: 40px;
font-style: italic; font-style: italic;
color: #bfa074; /* subtle, readable tone */ color: #bfa074; /* soft warm text */
} }
hr { hr {
border: none; border: none;
border-top: 1px solid #6b5633; border-top: 1px solid #c57c3b; /* burnt sienna */
margin: 1.5em auto; margin: 1.5em auto;
max-width: 300px; max-width: 300px;
} }
#endline { /* Special kind of <hr> for spacing out footnotes from the rest of a post */ #endline { /* Special kind of <hr> for spacing out footnotes from the rest of a post */
border: none; border: none;
border-top:1px solid #6b5633; border-top:1px solid #6b5633; /* bronze */
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
max-width: 300px; max-width: 300px;
@ -79,23 +79,25 @@ hr {
} }
a { a {
color: #d6b676; /* muted gold */ color: #c57c3b; /* burnt sienna links */
text-decoration: none; text-decoration: none;
} }
a:hover { a:hover {
color: #f0d89a; /* lighter gold on hover */ color: #f0d89a; /* amber/gold hover */
} }
h1{ h1{
line-height:1.2 line-height:1.2;
color: #d2b48c;
} }
h2,h3{ h2,h3{
padding-top:24px; padding-top:24px;
line-height:1.2 line-height:1.2;
color: #d6b676; /* slightly muted gold */
} }
/* Style for inline dates. These are configured via a separate include file in /config/content_header.html. See notes on Arise page creation for more details. */ /* Inline dates */
.date { .date {
padding-bottom:0; padding-bottom:0;
margin-bottom:0; margin-bottom:0;
@ -117,9 +119,9 @@ h2,h3{
/********************************/ /********************************/
/********************************/ /********************************/
/*** Modular component styles. Includes styling for the headers, navigation controls, and footer. */ /*** Modular components ***/
/* Site logo. Styled to responsively move to either left or be centred, depending if the page is being viewed on desktop or mobile respectively. */ /* Logo */
.logo { .logo {
margin-bottom:20px; margin-bottom:20px;
text-align:center; text-align:center;
@ -129,12 +131,12 @@ h2,h3{
opacity: 0.95; opacity: 0.95;
} }
/* Navbar styling. */ /* Navbar styling */
.topbar { .topbar {
text-align: center; text-align: center;
padding: 10px 0; padding: 10px 0;
border-top: 1px solid #6b5633; border-top: 1px solid #6b5633; /* bronze */
border-bottom: 1px solid #6b5633; border-bottom: 1px solid #c57c3b; /* burnt sienna */
margin-bottom: 20px; margin-bottom: 20px;
} }
.topbar a { .topbar a {
@ -146,9 +148,9 @@ h2,h3{
color: #f0d89a; color: #f0d89a;
} }
/* Site footer styling */ /* Footer styling */
.footer { .footer {
border-top: 1px solid #6b5633; border-top: 1px solid #6b5633; /* bronze */
color: #a89064; color: #a89064;
font-size: 13px; font-size: 13px;
margin-top: 100px; margin-top: 100px;
@ -159,7 +161,7 @@ h2,h3{
} }
.footer a { .footer a {
color: #d6b676; color: #c57c3b;
text-decoration: none; text-decoration: none;
} }