forked from Thunix/www
148 lines
3.5 KiB
CSS
148 lines
3.5 KiB
CSS
@font-face { font-family: dot; src: url('https://thunix.net/includes/dot.ttf'); }
|
|
body {
|
|
font-family: "dot", Courier, monospace;
|
|
background: #000;
|
|
color: #F79862;
|
|
}
|
|
#body {
|
|
width: 95%;
|
|
}
|
|
#body h1, #body h2, #body h3 {
|
|
color: orange;
|
|
}
|
|
a {
|
|
background: #000;
|
|
color: #F79862;
|
|
}
|
|
a:visited {
|
|
color: orange;
|
|
}
|
|
#header {
|
|
width: 90%;
|
|
text-align: center;
|
|
font-size: xx-large;
|
|
}
|
|
#content {
|
|
width: 78%;
|
|
float: left;
|
|
font-size: medium;
|
|
}
|
|
#content img {
|
|
max-height: 400px;
|
|
max-width: 98%;
|
|
}
|
|
.lineitem {
|
|
border: 1px;
|
|
border-color: #fff;
|
|
}
|
|
#sidebar {
|
|
width: 18%;
|
|
float: right;
|
|
font-size: small;
|
|
padding: 15px; /* Increase padding for more internal spacing */
|
|
margin-top: 20px; /* Add more space between the sidebar and elements above it */
|
|
margin-left: 10px; /* Add space between the sidebar and content */
|
|
background-color: #111; /* Ensure the sidebar stands out slightly */
|
|
line-height: 1.5; /* Increase line height for better readability */
|
|
border: 1px solid #333; /* Optional: Add a subtle border to separate the sidebar visually */
|
|
}
|
|
#sidebar h1, #sidebar h2 {
|
|
color: orange;
|
|
/* background: #000; */
|
|
margin-bottom: 15px; /* Further space below headings */
|
|
padding-bottom: 5px; /* Add padding under headings for better distinction */
|
|
border-bottom: 1px solid #333; /* Optional: Add an underline effect for headings */
|
|
}
|
|
#sidebar ul, #sidebar p {
|
|
margin: 10px 0; /* Add vertical spacing between sidebar elements */
|
|
padding-left: 20px; /* Indent list items for better clarity */
|
|
}
|
|
|
|
#footer {
|
|
width: 95%;
|
|
text-align: center;
|
|
clear: both;
|
|
font-size: smaller;
|
|
}
|
|
|
|
#new
|
|
|
|
/* 1) Keep terminal feel, but make reading humane */
|
|
body {
|
|
background: #050505; /* not pure black */
|
|
color: #f1a67a; /* slightly softer than #F79862 */
|
|
font-size: 16px; /* consistent baseline */
|
|
line-height: 1.65; /* biggest readability win */
|
|
text-rendering: optimizeLegibility;
|
|
}
|
|
|
|
/* 2) Use the dot font for headings/branding, but not for paragraphs */
|
|
#header,
|
|
#body h1, #body h2, #body h3 {
|
|
font-family: "dot", Courier, monospace;
|
|
letter-spacing: 0.5px;
|
|
}
|
|
|
|
#content,
|
|
#sidebar,
|
|
#footer {
|
|
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
|
/* still terminal, but readable */
|
|
}
|
|
|
|
/* 3) Limit line length so the eyes don't have to travel across Alberta */
|
|
#content {
|
|
max-width: 980px;
|
|
font-size: 1rem;
|
|
}
|
|
|
|
/* 4) Make links look like links, not “random orange words” */
|
|
a {
|
|
color: #f1a67a;
|
|
text-decoration: underline;
|
|
text-decoration-thickness: 1px;
|
|
text-underline-offset: 3px;
|
|
}
|
|
|
|
a:hover {
|
|
color: #ffb58f;
|
|
}
|
|
|
|
a:visited {
|
|
color: #e6a042; /* still orange, but distinct */
|
|
}
|
|
|
|
/* 5) Softer headings and better spacing */
|
|
#body h1, #body h2, #body h3,
|
|
#sidebar h1, #sidebar h2 {
|
|
color: #ffb347; /* softer orange */
|
|
margin-top: 1.2em;
|
|
margin-bottom: 0.6em;
|
|
}
|
|
|
|
/* 6) Sidebar: keep the panel look, make it calmer */
|
|
#sidebar {
|
|
background-color: #0c0c0c; /* slightly lighter */
|
|
border: 1px solid #222;
|
|
border-radius: 6px; /* tiny, still “retro UI” */
|
|
}
|
|
|
|
/* 7) Fix your lineitem border (currently border:1px does nothing) */
|
|
.lineitem {
|
|
border: 1px solid #222;
|
|
}
|
|
|
|
/* 8) Optional: code blocks that actually read nicely */
|
|
pre, code {
|
|
background: #0b0b0b;
|
|
border: 1px solid #1f1f1f;
|
|
border-radius: 6px;
|
|
padding: 0.15em 0.35em;
|
|
}
|
|
|
|
pre {
|
|
padding: 12px;
|
|
overflow-x: auto;
|
|
}
|
|
|