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

restyle
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 19:11:32 -03:00
parent a232e5c209
commit a59a61e1f5
3 changed files with 108 additions and 111 deletions
Download patch file Download diff file Expand all files Collapse all files

7
arise-source/config/header.html
View file

@ -44,13 +44,6 @@
<!-- End Favicon -->
<!-- Styesheet+Logo -->
<style>
html * {font-family:monospace,sans-serif;}
body {background-color:#121619;margin:40px auto;max-width:650px;padding:0 10px;color:#65f85a;}
a {color:#b8f1b4;}
hr {color:#65f85a;}
.topbar a {color:#65f85a;}
</style>
<link rel="stylesheet" href="/config/main.css">
<div class="logo"><a href="/"><img src="/config/logo.png" /></a></div>
<!-- End Styles+Logo -->

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

@ -1,166 +1,170 @@
/*** 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: sans-serif;
}
body{
margin:40px auto;
max-width:650px;
line-height:1.6;
font-size:18px;
color:#65f85a;
background-color:#121619;
padding:0 10px;
body {
margin: 40px auto;
max-width: 650px;
line-height: 1.6;
font-size: 18px;
color: #65f85a;
background-color: #121619;
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%;
max-height: 100%;
margin-top:20px;
margin-bottom:20px;
border-radius:16px;
margin-top: 20px;
margin-bottom: 20px;
border-radius: 16px;
margin-left: auto;
margin-right: auto;
display: block;
}
/* Inline code */
code {
background-color:#293137;
border-radius:16px;
padding-left:30px;
padding-right:30px;
line-height:2em;
padding-top:1px;
padding-bottom:1px;
color:#65f85a;
font-family: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;
}
/* Block code (Arise syntax highlighting) */
pre.sourceCode,
pre.sourceCode code,
pre.sourceCode code span {
font-family: monospace, "Courier New", Courier, monospace;
background-color: #293137;
color: #65f85a;
line-height: 1.4em;
padding: 4px 16px;
border-radius: 16px;
display: block;
overflow-x: auto;
}
/* pre element itself */
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;
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;
}
blockquote {
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:#46ab3e;
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: #46ab3e;
}
hr {
color:#65f85a;
margin-left: auto;
margin-right: auto;
max-width: 300px;
color: #65f85a;
margin-left: auto;
margin-right: auto;
max-width: 300px;
}
#endline { /* Special kind of <hr> for spacing out footnotes from the rest of a post */
color:#65f85a;
margin-left: auto;
margin-right: auto;
max-width: 300px;
margin-top: 80px;
#endline {
color: #65f85a;
margin-left: auto;
margin-right: auto;
max-width: 300px;
margin-top: 80px;
}
a {
color:#b8f1b4
color: #b8f1b4;
text-decoration: none;
}
h1{
line-height:1.2
h1 {
line-height: 1.2;
}
h2,h3{
padding-top:24px;
line-height:1.2
h2, h3 {
padding-top: 24px;
line-height: 1.2;
}
/* 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;
font-size:14px;
padding-bottom: 0;
margin-bottom: 0;
font-size: 14px;
}
@media screen and (max-width: 900px) {
.date {
text-align:right;
}
.date {
text-align: right;
}
}
@media screen and (min-width: 901px) {
.date {
float:right;
margin-left:30px;
}
.date {
float: right;
margin-left: 30px;
}
}
/********************************/
/********************************/
/*** Modular component styles ***/
/*** 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 */
.logo {
margin-bottom:20px;
text-align:center;
margin-bottom: 20px;
text-align: center;
}
/* Navbar styling. */
/* Navbar styling */
.topbar {
padding-right:10px;
border-top:1px solid #65f85a;
border-bottom:1px solid #65f85a;
margin-bottom:20px;
text-align:center;
padding-right: 10px;
border-top: 1px solid #65f85a;
border-bottom: 1px solid #65f85a;
margin-bottom: 20px;
text-align: center;
}
.topbar a {
color:#65f85a;
text-decoration:none;
color: #65f85a;
text-decoration: none;
}
/* Site footer styling */
/* Footer styling */
.footer {
border-top:2px solid #65f85a;
font-size:12px;
margin-top:120px;
text-align:center;
border-top: 2px solid #65f85a;
font-size: 12px;
margin-top: 120px;
text-align: center;
}
/********************************/
/********************************/
/*** Other misc garbage ***/
/* Arise Index Style */
.arise-toc-td {
border-width: 1px;
border-color: #65f85a;
border-top-style: solid;
text-align: center;
padding-right: 10px;
padding-bottom: 5px
border-width: 1px;
border-color: #65f85a;
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;
padding-bottom: 20px;
border-bottom: 1px;
border-bottom-style: solid;
}