Jose Falanga
08006dd8a9
Some checks are pending
Deploy Arise to html branch / Deploy Arise (push) Waiting to run
177 lines
3.4 KiB
CSS
177 lines
3.4 KiB
CSS
/*** Core page styles ***/
|
||
|
||
/* Base styling */
|
||
html * {
|
||
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;
|
||
}
|
||
|
||
/*** Post styling ***/
|
||
img {
|
||
max-width: 100%;
|
||
max-height: 100%;
|
||
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: 1px 30px;
|
||
line-height: 2em;
|
||
color: #65f85a;
|
||
font-family: monospace;
|
||
}
|
||
|
||
/* Pre background and alignment */
|
||
pre.sourceCode {
|
||
background-color: #293137; /* full block background */
|
||
border-radius: 16px;
|
||
padding: 12px 16px;
|
||
overflow-x: auto;
|
||
line-height: 1.35em; /* tight but readable */
|
||
font-family: monospace, "Courier New", Courier, monospace;
|
||
color: #65f85a;
|
||
}
|
||
|
||
/* Reset span backgrounds so lines don’t stack weirdly */
|
||
pre.sourceCode span,
|
||
pre.sourceCode span a {
|
||
background: none !important; /* remove small rectangles */
|
||
display: inline; /* normal inline stacking */
|
||
}
|
||
|
||
/* Syntax highlight colors */
|
||
pre.sourceCode .co { color: #6ab04c; } /* comments */
|
||
pre.sourceCode .kw { color: #eb4d4b; } /* keywords */
|
||
pre.sourceCode .st { color: #f9ca24; } /* strings */
|
||
pre.sourceCode .bu { color: #12CBC4; } /* built-ins */
|
||
pre.sourceCode .fu { color: #ff7979; } /* function names */
|
||
pre.sourceCode .va { color: #e056fd; } /* variables */
|
||
|
||
/* Standard pre for other purposes */
|
||
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: 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;
|
||
}
|
||
|
||
#endline {
|
||
color: #65f85a;
|
||
margin-left: auto;
|
||
margin-right: auto;
|
||
max-width: 300px;
|
||
margin-top: 80px;
|
||
}
|
||
|
||
a {
|
||
color: #b8f1b4;
|
||
text-decoration: none;
|
||
}
|
||
|
||
h1 {
|
||
line-height: 1.2;
|
||
}
|
||
|
||
h2, h3 {
|
||
padding-top: 24px;
|
||
line-height: 1.2;
|
||
}
|
||
|
||
/* Inline dates */
|
||
.date {
|
||
padding-bottom: 0;
|
||
margin-bottom: 0;
|
||
font-size: 14px;
|
||
}
|
||
|
||
@media screen and (max-width: 900px) {
|
||
.date {
|
||
text-align: right;
|
||
}
|
||
}
|
||
@media screen and (min-width: 901px) {
|
||
.date {
|
||
float: right;
|
||
margin-left: 30px;
|
||
}
|
||
}
|
||
|
||
/*** Modular component styles ***/
|
||
|
||
/* Logo */
|
||
.logo {
|
||
margin-bottom: 20px;
|
||
text-align: center;
|
||
}
|
||
|
||
/* Navbar styling */
|
||
.topbar {
|
||
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;
|
||
}
|
||
|
||
/* Footer styling */
|
||
.footer {
|
||
border-top: 2px solid #65f85a;
|
||
font-size: 12px;
|
||
margin-top: 120px;
|
||
text-align: center;
|
||
}
|
||
|
||
/*** 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;
|
||
}
|
||
.arise-toc-th {
|
||
padding-bottom: 20px;
|
||
border-bottom: 1px;
|
||
border-bottom-style: solid;
|
||
}
|