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

move styles to file
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:23:48 -03:00
parent 6942af4c2f
commit d8f897abe4
2 changed files with 27 additions and 73 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1,9 +1,8 @@
/*** Core page styles to set the primary colours and styles to be inherited by everything else ***/
/* Core Styling */
html * {
font-family:sans-serif;
font-family: system-ui, sans-serif;
}
body{
margin:40px auto;
@ -11,7 +10,7 @@ body{
line-height:1.6;
font-size:18px;
color: #d2b48c; /* muted gold-beige text */
background-color: #171511; /* warm dark brown background */
background-color: #1e1b17; /* warm dark brown background */
padding:0 10px;
}
/********************************/
@ -36,11 +35,10 @@ code {
padding-left:30px;
padding-right:30px;
line-height:2em;
padding-top:1px;
padding-bottom:1px;
color: #d2b48c; /* same as body text */
font-family:monospace;
font-family:monospace;
}
pre {
@ -65,14 +63,15 @@ blockquote {
}
hr {
color:#6b5633;
margin-left: auto;
margin-right: auto;
border: none;
border-top: 1px solid #6b5633;
margin: 1.5em auto;
max-width: 300px;
}
#endline { /* Special kind of <hr> for spacing out footnotes from the rest of a post */
color:#6b5633;
border: none;
border-top:1px solid #6b5633;
margin-left: auto;
margin-right: auto;
max-width: 300px;
@ -80,10 +79,11 @@ hr {
}
a {
color: #dd9266; /* muted gold */
color: #d6b676; /* muted gold */
text-decoration: none;
}
a:hover {
color: #f37d7d; /* lighter gold on hover */
color: #f0d89a; /* lighter gold on hover */
}
h1{
@ -117,30 +117,36 @@ h2,h3{
/********************************/
/********************************/
/*** Modular component styles. Includes styling for the headers, navigation controls, and footer. ***/
/*** Modular component styles. Includes styling for the headers, navigation controls, and footer. */
/* 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 {
margin-bottom:20px;
text-align:center;
}
.logo img {
max-height: 80px;
opacity: 0.95;
}
/* Navbar styling. */
.topbar {
padding-right:10px;
border-top:1px solid #6b5633;
border-bottom:1px solid #6b5633;
margin-bottom:20px;
text-align:center;
text-align: center;
padding: 10px 0;
border-top: 1px solid #6b5633;
border-bottom: 1px solid #6b5633;
margin-bottom: 20px;
}
.topbar a {
color:#6b5633;
text-decoration:none;
color: #d2b48c;
padding: 0 8px;
text-decoration:none;
}
.topbar a:hover {
color: #f0d89a;
}
/* Site footer styling */
/* Footer */
.footer {
border-top: 1px solid #6b5633;
color: #a89064;
@ -161,7 +167,6 @@ text-decoration:none;
color: #f0d89a;
}
/* Optional: subtle fade effect for decorative symbol */
.footer span {
opacity: 0.8;
}
@ -169,7 +174,6 @@ text-decoration:none;
/********************************/
/********************************/
/*** Other misc garbage ***/
/* Arise Index Style */