This commit is contained in:
parent
7d4b47382a
commit
03b3a997ad
2 changed files with 113 additions and 130 deletions
|
|
@ -49,9 +49,9 @@
|
|||
|
||||
<!-- Navigation -->
|
||||
<nav class="topbar">
|
||||
<a href="/">Home</a> ⟛
|
||||
<a href="/posts">Posts</a> ⟛
|
||||
<a href="https://github.com/spectrasecure/arise">GitHub</a>
|
||||
<a href="/">Home</a> <span class="sep">•</span>
|
||||
<a href="/katas">Katas</a> <span class="sep">•</span>
|
||||
<a href="/rehosted">Reshosted</a> <span class="sep">•</span>
|
||||
</nav>
|
||||
<!-- End Navigation -->
|
||||
</head>
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
/*** Core page styles to set the primary colours and styles to be inherited by everything else ***/
|
||||
/*** Core page styles ***/
|
||||
|
||||
/* Core Styling */
|
||||
/* Base styling */
|
||||
html * {
|
||||
font-family: system-ui, sans-serif;
|
||||
}
|
||||
|
|
@ -9,57 +9,36 @@ body{
|
|||
max-width: 650px;
|
||||
line-height: 1.6;
|
||||
font-size: 18px;
|
||||
color: #e0c997; /* main warm gold text */
|
||||
background-color: #121212; /* deep desaturated dark base */
|
||||
color: #e0d5b3; /* soft warm parchment gold */
|
||||
background-color: #101010; /* deep neutral dark */
|
||||
padding: 0 10px;
|
||||
}
|
||||
/********************************/
|
||||
/********************************/
|
||||
|
||||
/*** Post styling ***/
|
||||
|
||||
img {
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
margin-top:20px;
|
||||
margin-bottom:20px;
|
||||
margin: 20px auto;
|
||||
border-radius: 16px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
display: block;
|
||||
}
|
||||
|
||||
code {
|
||||
background-color: #1f1c19; /* darker warm code background */
|
||||
border-radius:16px;
|
||||
padding-left:30px;
|
||||
padding-right:30px;
|
||||
line-height:2em;
|
||||
padding-top:1px;
|
||||
padding-bottom:1px;
|
||||
color: #d2b48c;
|
||||
font-family:monospace;
|
||||
font-family: monospace, "Courier New", Courier, 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;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
border-left: 2px solid #8a9a5b; /* moss/olive */
|
||||
display:block;
|
||||
margin-top: 1em;
|
||||
margin-bottom: 1em;
|
||||
margin-left: 30px;
|
||||
border-left: 2px solid #7a8a56; /* moss/olive accent */
|
||||
margin: 1em 40px 1em 30px;
|
||||
padding-left: 10px;
|
||||
margin-right: 40px;
|
||||
font-style: italic;
|
||||
color: #bfa074; /* subtle warm text */
|
||||
color: #bfa074; /* warm subtle tone */
|
||||
}
|
||||
|
||||
hr {
|
||||
|
|
@ -72,29 +51,27 @@ hr {
|
|||
#endline {
|
||||
border: none;
|
||||
border-top: 1px solid #6b5633; /* bronze */
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
margin: 80px auto 0;
|
||||
max-width: 300px;
|
||||
margin-top: 80px;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #c57c3b; /* burnt sienna links */
|
||||
color: #c9a66b; /* muted gold */
|
||||
text-decoration: none;
|
||||
}
|
||||
a:hover {
|
||||
color: #f0d89a; /* amber hover */
|
||||
color: #f0d89a; /* soft amber */
|
||||
}
|
||||
|
||||
h1 {
|
||||
line-height: 1.2;
|
||||
color: #e0d5aa; /* slightly lighter heading */
|
||||
color: #e0d5b3;
|
||||
}
|
||||
|
||||
h2, h3 {
|
||||
padding-top: 24px;
|
||||
line-height: 1.2;
|
||||
color: #d6b676; /* muted gold */
|
||||
color: #d6b676;
|
||||
}
|
||||
|
||||
/* Inline dates */
|
||||
|
|
@ -116,9 +93,6 @@ h2,h3{
|
|||
}
|
||||
}
|
||||
|
||||
/********************************/
|
||||
/********************************/
|
||||
|
||||
/*** Modular components ***/
|
||||
|
||||
/* Logo */
|
||||
|
|
@ -140,13 +114,17 @@ h2,h3{
|
|||
margin-bottom: 20px;
|
||||
}
|
||||
.topbar a {
|
||||
color: #d2b48c;
|
||||
color: #c9a66b;
|
||||
padding: 0 8px;
|
||||
text-decoration: none;
|
||||
}
|
||||
.topbar a:hover {
|
||||
color: #f0d89a;
|
||||
}
|
||||
.topbar .sep {
|
||||
color: #7a6f50; /* muted bronze */
|
||||
padding: 0 6px;
|
||||
}
|
||||
|
||||
/* Footer styling */
|
||||
.footer {
|
||||
|
|
@ -155,65 +133,70 @@ h2,h3{
|
|||
font-size: 13px;
|
||||
margin-top: 100px;
|
||||
text-align: center;
|
||||
padding-top: 15px;
|
||||
padding-bottom: 20px;
|
||||
padding: 15px 0 20px 0;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.footer a {
|
||||
color: #c57c3b;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.footer a:hover {
|
||||
color: #f0d89a;
|
||||
}
|
||||
|
||||
.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: #1a1a1a;
|
||||
color: #e0d5b3;
|
||||
border-radius: 16px;
|
||||
padding: 1px 30px;
|
||||
line-height: 2em;
|
||||
display: block;
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
/*** Other misc garbage ***/
|
||||
/* Syntax accent colors */
|
||||
pre.sourceCode code .co { color: #7a8a56; } /* comments */
|
||||
pre.sourceCode code .kw { color: #b05a3c; } /* keywords */
|
||||
pre.sourceCode code .bu { color: #f0d89a; } /* builtins/commands */
|
||||
pre.sourceCode code .st { color: #d6b676; } /* strings */
|
||||
pre.sourceCode code .fu { color: #c57c3b; } /* functions/variables */
|
||||
pre.sourceCode code .va { color: #f0d89a; } /* variable values */
|
||||
|
||||
/* Arise Index Style */
|
||||
/*** Tables for Arise Index and Markdown ***/
|
||||
.arise-toc-td {
|
||||
border-width: 1px;
|
||||
border-color: #6b5633;
|
||||
border-top-style: solid;
|
||||
text-align: center;
|
||||
padding-right: 10px;
|
||||
padding-bottom: 5px
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
.arise-toc-th {
|
||||
padding-bottom: 20px;
|
||||
border-bottom: 1px;
|
||||
border-bottom-style: solid;
|
||||
}
|
||||
|
||||
/*** Optional subtle code “syntax accents” using analogous palette ***/
|
||||
code span.number { color: #f0d89a; } /* amber numbers */
|
||||
code span.comment { color: #8a9a5b; } /* moss comments */
|
||||
code span.keyword { color: #b05a3c; } /* rust keywords */
|
||||
|
||||
/* ============================= */
|
||||
/* Arise Syntax Highlighted Code */
|
||||
/* ============================= */
|
||||
|
||||
pre.sourceCode,
|
||||
pre.sourceCode code,
|
||||
pre.sourceCode code span {
|
||||
font-family: monospace, "Courier New", Courier, monospace;
|
||||
background-color: #1f1c19; /* dark warm background */
|
||||
color: #d2b48c; /* default gold text */
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
margin: 20px 0;
|
||||
width: 100%;
|
||||
}
|
||||
table th, table td {
|
||||
border: 1px solid #6b5633;
|
||||
padding: 6px 10px;
|
||||
}
|
||||
table th {
|
||||
background-color: #161412;
|
||||
color: #e0d5b3;
|
||||
}
|
||||
table td {
|
||||
background-color: #121010;
|
||||
color: #d6b676;
|
||||
}
|
||||
|
||||
/* Optional: color accents for syntax highlighting */
|
||||
pre.sourceCode code .co { color: #8a9a5b; } /* comments */
|
||||
pre.sourceCode code .kw { color: #b05a3c; } /* keywords */
|
||||
pre.sourceCode code .bu { color: #f0d89a; } /* builtins / commands */
|
||||
pre.sourceCode code .st { color: #d6b676; } /* strings */
|
||||
pre.sourceCode code .fu { color: #c57c3b; } /* functions / variables */
|
||||
pre.sourceCode code .va { color: #f0d89a; } /* variable values */
|
||||
Loading…
Add table
Add a link
Reference in a new issue