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

This commit is contained in:
Jose Falanga 2025-10-13 18:26:09 -03:00
parent d8f897abe4
commit 93aaf99c9a

View file

@ -10,13 +10,13 @@ body{
line-height:1.6;
font-size:18px;
color: #d2b48c; /* muted gold-beige text */
background-color: #1e1b17; /* warm dark brown background */
background-color: #1e1b17; /* deep dark brown */
padding:0 10px;
}
/********************************/
/********************************/
/*** Post styling. This section is for defining markup classes to make it easier to write prettier posts. ***/
/*** Post styling ***/
img {
max-width: 100%;
@ -51,7 +51,7 @@ pre {
}
blockquote {
border-left: 1px solid #6b5633;
border-left: 2px solid #8a9a5b; /* olive/moss border */
display:block;
margin-top: 1em;
margin-bottom: 1em;
@ -59,19 +59,19 @@ blockquote {
padding-left: 10px;
margin-right: 40px;
font-style: italic;
color: #bfa074; /* subtle, readable tone */
color: #bfa074; /* soft warm text */
}
hr {
border: none;
border-top: 1px solid #6b5633;
border-top: 1px solid #c57c3b; /* burnt sienna */
margin: 1.5em auto;
max-width: 300px;
}
#endline { /* Special kind of <hr> for spacing out footnotes from the rest of a post */
border: none;
border-top:1px solid #6b5633;
border-top:1px solid #6b5633; /* bronze */
margin-left: auto;
margin-right: auto;
max-width: 300px;
@ -79,23 +79,25 @@ hr {
}
a {
color: #d6b676; /* muted gold */
color: #c57c3b; /* burnt sienna links */
text-decoration: none;
}
a:hover {
color: #f0d89a; /* lighter gold on hover */
color: #f0d89a; /* amber/gold hover */
}
h1{
line-height:1.2
line-height:1.2;
color: #d2b48c;
}
h2,h3{
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 {
padding-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 {
margin-bottom:20px;
text-align:center;
@ -129,12 +131,12 @@ h2,h3{
opacity: 0.95;
}
/* Navbar styling. */
/* Navbar styling */
.topbar {
text-align: center;
padding: 10px 0;
border-top: 1px solid #6b5633;
border-bottom: 1px solid #6b5633;
border-top: 1px solid #6b5633; /* bronze */
border-bottom: 1px solid #c57c3b; /* burnt sienna */
margin-bottom: 20px;
}
.topbar a {
@ -146,9 +148,9 @@ h2,h3{
color: #f0d89a;
}
/* Site footer styling */
/* Footer styling */
.footer {
border-top: 1px solid #6b5633;
border-top: 1px solid #6b5633; /* bronze */
color: #a89064;
font-size: 13px;
margin-top: 100px;
@ -159,7 +161,7 @@ h2,h3{
}
.footer a {
color: #d6b676;
color: #c57c3b;
text-decoration: none;
}