aboutsummaryrefslogtreecommitdiff
path: root/public/css/master.css
diff options
context:
space:
mode:
Diffstat (limited to 'public/css/master.css')
-rw-r--r--public/css/master.css567
1 files changed, 197 insertions, 370 deletions
diff --git a/public/css/master.css b/public/css/master.css
index 4b4fbc3..1dcebd9 100644
--- a/public/css/master.css
+++ b/public/css/master.css
@@ -1,509 +1,336 @@
-/*@import "colorschemes/catppuccin-macchiato.css";*/
-
-body {
- font-family: sans-serif;
- margin: 0;
- color: var(--foreground);
- background-color: var(--background);
- text-align: left;
-}
-
-ul {
- list-style-type: square;
-}
-
-hr {
- border: 1px solid var(--foreground);
- border-bottom: none;
-}
-
-div.page {
- min-width: 780px;
- max-width: 800px;
- padding-left: 0.5em;
- padding-right: 0.5em;
- margin: auto;
+@font-face {
+ font-family: 'BigBlue TerminalPlus';
+ src: url('/fonts/BigBlue_TerminalPlus.woff2') format('woff2'),
+ url('/fonts/BigBlue_TerminalPlus.woff') format('woff');
+ font-weight: normal;
+ font-style: normal;
+ font-display: swap;
}
-h1.inline {
- margin-top: 0;
- clear: none;
- display: inline;
+@font-face {
+ font-family: pixel nes;
+ src: url("/fonts/Pixel_NES.eot?") format("eot"),
+ url("/fonts/Pixel_NES.woff") format("woff"),
+ url("/fonts/Pixel_NES.ttf") format("truetype");
+ font-style: normal;
+ font-weight: 400;
}
-h1,
-h2,
-h3 {
- margin-top: 1em;
- clear: left;
+@font-face {
+ font-family: nec_apc3;
+ src: url("/fonts/Web437_NEC_APC3_8x16.woff") format("woff");
+ font-style: normal;
+ font-weight: 400;
}
-img {
- border: none;
- max-width: 100%;
+@font-face {
+ font-family: nec_apc3;
+ src: url("/fonts/Web437_Nix8810_M16.woff") format("woff");
+ font-style: normal;
+ font-weight: 700;
}
-img.right {
- float: right;
- margin-left: 0.5em;
+@supports (-moz-appearance:none) {
+ h2 {
+ text-shadow: var(--firefox-shadow) var(--shadow) !important;
+ }
}
-table.form td {
- border: none;
+html,
+body,
+.container {
+ height: 100%;
}
-/* -------------------------------------------------------------------------- */
-
-div.code-block {
+body {
background-color: var(--background);
- border: 2px solid var(--foreground);
- padding: 10px;
- display: inline-block;
- text-align: left;
- max-width: 90%;
- min-width: 400px;
- margin: 10px;
-}
-
-div.code-block hr {
- margin-top: 5px;
- margin-bottom: 5px;
-}
-
-div.code-block h1 {
- margin: 0;
- font-family: monospace;
-}
-
-div.code-block h1 small {
color: var(--foreground);
- font-size: 12px;
}
-div.code-block pre hr {
- margin-bottom: 5px;
+body,
+button,
+select {
+ font-family: russiangothic, ms ui gothic, "nec_apc3", Tahoma, sans-serif;
}
-div.code-block pre code {
- background-color: var(--background);
+h1,
+h2,
+h3,
+h4 {
+ font-family: "pixel nes", sans-serif;
}
-pre {
- display: inline;
- max-width: 95%;
- overflow: auto;
+h1,
+h2,
+h3,
+h4,
+ul,
+p {
+ margin: 0;
}
-.header a {
- text-decoration: none;
+a {
+ color: var(--links);
+ text-decoration: underline dotted;
}
-.theme-selector {
- text-align: right;
- vertical-align: middle;
+a:hover {
+ text-decoration: underline;
}
-.nav-wrapper {
- display: grid;
- grid-template-columns: repeat(2, 1fr);
- grid-template-rows: 1fr;
- grid-column-gap: 0;
- grid-row-gap: 0;
+ul {
+ list-style: square;
+ padding-left: 0;
+ list-style-position: inside;
}
-.theme-selector label {
- font-weight: bold;
+.container {
+ display: flex;
+ /*align-items: center;*/
+ justify-content: center;
}
-.theme-selector label::after {
- content: ': ';
+.page {
+ min-width: var(--page-width);
+ max-width: var(--page-width);
}
-nav {
- margin-bottom: 0.3em;
- text-align: left;
+.navbar {
+ border: var(--foreground) solid 1px;
}
-nav img {
- width: 32px;
+.navbar ul {
+ list-style-type: none;
+ margin: 0;
+ padding: 0;
+ overflow: hidden;
}
-nav h1 {
- font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
- Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
- sans-serif;
- font-weight: normal;
- font-size: 30px;
- margin: 10px 10px 10px 0;
+.navbar li {
+ float: left;
+ border-right: solid var(--foreground) 1px;
}
-div.date {
+.navbar li a {
+ display: block;
text-align: center;
+ color: var(--foreground);
+ text-decoration: none;
+ padding: 5px 7px 5px 5px;
}
-div.note {
- font-style: italic;
-}
-
-table {
- border-collapse: collapse;
- border-color: var(--foreground);
-}
-
-table.weather th {
- font-weight: normal;
-}
-
-table.weather td {
- font-weight: bold;
- text-align: right;
-}
-
-div.rss {
- position: absolute;
- top: 1em;
- right: 1em;
-}
-
-div.archived {
- margin-top: 0.5em;
-}
-
-div.archived span.date {
- font-style: italic;
- margin-right: 0.2em;
-}
-
-video {
- max-width: 100%;
+.navbar li a:hover {
+ background-color: var(--foreground);
+ color: var(--background);
}
-table td {
+.pathbar {
border: 1px solid var(--foreground);
+ padding: 5px;
}
-td {
+.content {
+ display: flex;
+ flex-wrap: wrap;
+ gap: 10px;
padding: 0;
- vertical-align: top;
-}
-
-.header .title {
- color: var(--foreground);
}
-.header {
- font-size: 100%;
- font-weight: normal;
- padding-bottom: 0;
- text-align: center;
+.section {
+ border: var(--foreground) 1px solid;
+ padding: 10px;
}
-h1 {
- font-size: 150%;
-}
-h1 {
- font-size: 150%;
+.sidebar {
+ flex-basis: var(--sidebar-width);
+ flex-grow: 1;
}
-h2 {
- font-size: 130%;
+main {
+ flex-basis: 0;
+ flex-grow: 999;
+ min-inline-size: 50%;
}
-h3 {
- font-size: 115%;
+.navbar,
+.content,
+header,
+footer {
+ margin: 10px 10px 0 0;
}
-table.computers {
- width: 100%;
-}
-
-table.computers td:first-child {
- text-align: center;
- font-weight: bold;
-}
-table.computers td ul {
- margin: 0;
- padding-left: 20px;
+header,
+footer,
+.navbar {
+ padding: 5px;
}
-table.computers section-title {
- text-decoration: underline;
- font-style: italic;
- font-weight: bold;
+footer {
+ display: grid;
+ grid-template-columns: repeat(2, 1fr);
+ grid-template-rows: 1fr;
+ grid-column-gap: 0;
+ grid-row-gap: 0;
}
-table.computers p.description {
- font-style: italic;
- margin: 5px 0 2px 0;
+footer div:last-child {
+ text-align: right;
}
-table.computers th {
+select {
background-color: var(--background-secondary);
+ border: 1px solid var(--foreground);
+ color: var(--foreground);
+ padding: 0.25em;
}
-table.computers td,
-table.computers th {
- border: var(--foreground) solid 1px;
- padding: 5px;
+button {
+ background-color: var(--background);
+ color: var(--foreground);
+ border: 1px solid var(--foreground);
+ padding: 0.25em 0.5em;
}
-
+button:hover {
+ background-color: var(--foreground);
+ color: var(--background);
+}
img.pixel {
image-rendering: pixelated;
}
-div.footer {
- text-align: center;
- margin-bottom: 5px;
-}
-
-div.footer a.button {
+a.button,
+a.button:hover {
text-decoration: none;
}
-table.commits tr td {
- border: none;
- padding-right: 5px;
+a.button:hover img {
+ opacity: 80%;
}
-a {
- color: var(--links);
- text-decoration: underline dotted;
+main > .section,
+.sidebar > .section {
+ margin-bottom: 10px;
}
-table.gb-entry-form tr td {
- border: none;
+main > .section:last-child,
+.sidebar > .section:last-child {
+ margin-bottom: 0;
}
-table.gb-entry-form tr td label {
- padding-right: 5px;
+.navbar-icon {
+ margin-right: 0.25em;
}
-table.gb-entry-form tr td span.text-danger {
- padding-left: 5px;
- color: var(--warning);
+.navlinks {
+ padding-left: 10px;
}
-table.gb-entry-form tr td textarea,
-table.gb-entry-form tr td input,
-table.gb-entry-form tr td button{
- margin-bottom: 5px;
- margin-left: 10px;
- background-color: var(--background);
- border: var(--foreground) solid 1px;
+.online-status {
+ display: inline;
}
-table.gb-entry-form tr td button {
- color: var(--foreground);
- background-color: var(--background-secondary);
+.centerbox {
+ text-align: center;
}
-table.gb-entry-form tr td button:hover {
- color: var(--background);
- background-color: var(--foreground);
+.quote {
+ padding-left: 10px;
+ border-left: solid 2px var(--foreground);
}
-table.gb-entry-form-container {
+.music-top10 {
width: 100%;
}
-table.gb-entry-form-container tr td {
+.music-top10 td,
+.music-top10 th {
border: none;
- vertical-align: top;
-}
-
-table.gb-entry-form-container tr td p,
-table.gb-entry-form-container tr td ul {
- margin: 0;
-}
-
-table.gb-entry-form tbody tr td textarea {
- width: 210px;
-}
-
-table.gb-entry tr td {
- border: solid var(--foreground) 1px;
- width: 500px;
- vertical-align: top;
- padding: 5px;
-}
-
-table.gb-entry {
- margin-bottom: 5px;
-}
-
-table.gb-entry hr {
- border: 1px dotted var(--foreground);
- border-bottom: none;
-}
-
-table.gb-entry address {
- font-size: 0.8pc;
-}
-
-table.gb-admin {
- margin-bottom: 5px;
- width: 500px;
- border: var(--foreground) solid;
-}
-
-table.gb-admin tr td {
- border-right: none;
- border-bottom: none;
- vertical-align: top;
- padding: 5px;
+ border-left: 1px dotted var(--foreground);
+ padding: 2px 5px
}
-table.gb-admin tr td.gb-del {
- border-left: none;
- vertical-align: top;
- padding: 5px;
- width: 32px;
+.music-top10 tr:nth-child(1) th {
+ border-bottom: 1px dotted var(--foreground);
}
-table.gb-admin tr td.gb-message {
- border-top: none;
- vertical-align: top;
- padding: 5px;
+.music-top10 tr:nth-child(2) td {
+ padding-top: 5px;
}
-table.info-table tr td {
+.music-top10 td:first-child,
+.music-top10 th:first-child {
border: none;
- padding-right: 5px;
}
-table.info-table {
- width: 100%;
+.music-top10 tr th:first-child {
+ text-align: right;
}
-table.info-table tr td h1,
-table.info-table tr td h2,
-table.info-table tr td small {
- margin: 0;
+.music-top10 td {
+ max-width: 200px;
+ white-space: nowrap;
+ text-overflow:ellipsis;
+ overflow: hidden;
}
-caption h1,
-caption h2 {
- margin: 0;
+.music-top10 tr td:first-child {
+ text-align: right;
}
-caption {
- text-align: left;
+.music-top10 tr td:nth-child(2),
+.music-top10 tr td:nth-child(3) {
}
-table.info-table tr td small {
- margin-bottom: 5px;
-}
-.me img {
- float: right;
- margin: 5px;
-}
-.me p {
- text-align: justify;
+.current-track h2 {
+ margin: 0;
}
-a:hover {
- text-decoration: underline;
+table.computers {
+ table-layout: auto;
+ width: 75%;
}
-.spec {
+table.computers td ul {
+ margin: 0;
padding-left: 20px;
}
-.spec-title {
+table.computers .section-title {
+ text-decoration: underline;
+ font-style: italic;
font-weight: bold;
}
-.project-grid {
- display: grid;
- grid-template-columns: repeat(2, 1fr);
- grid-template-rows: repeat(0, 1fr);
- grid-column-gap: 0;
- grid-row-gap: 0;
- height: 100%;
-}
-
-.project-grid div {
- padding: 5px;
-}
-
-.project-section-title,
-.project-grid div h1,
-.project-grid div p {
- margin: 5px 0;
-}
-
-.project-section-title {
- margin-top: 20px;
- padding-bottom: 5px;
- border-bottom: 1px solid var(--foreground);
-}
-
-.project-grid div h1 {
- margin-top: 10px;
-}
-
-.project-grid div a {
- text-decoration: underline dotted;
- padding: 2px 2px 0 2px;
- margin: 0;
- font-size: 10pt;
-}
-
-.project-grid .project-links a {
- color: var(--links);
- border: 1px solid var(--foreground);
- border-left: none;
+table.computers p.description {
+ font-style: italic;
+ margin: 5px 0 2px 0;
}
-.project-grid .project-links a:first-child {
- border: 1px solid var(--foreground);
+table.computers th {
+ background-color: var(--background-secondary);
}
-.project-grid .project-links a:hover {
- background-color: var(--foreground);
- color: var(--background);
+table.computers td:first-child {
+ white-space: nowrap;
}
-.error-box {
- width: 500px;
- border: 5px solid var(--warning-box-border);
- background-color: var(--warning-box-bg);
+table.computers td,
+table.computers th {
+ border: var(--foreground) solid 1px;
padding: 5px;
}
-.error-box a,
-.error-box p {
- margin: 0;
- color: var(--foreground)
-}
-label[for="scheme-selector"] {
- font-weight: bold;
-}
-
-#scheme-selector {
+.calculator-spec-table td {
border: var(--foreground) solid 1px;
- background-color: var(--background-secondary);
- color: var(--foreground)
}
-
-.music-top10 td {
- border: none;
- border-left: 1px dotted var(--foreground);
- padding: 2px 5px
-}
-
-.music-top10 tr:nth-child(2) td {
- border-bottom: 1px dotted var(--foreground);
+.calculator-spec-table td {
+ padding: 5px 10px 5px 5px;
}
-.music-top10 tr:nth-child(3) td {
- padding-top: 5px;
-}
-
-.music-top10 td:first-child {
- border: none;
+.calculator-spec-table tr td:first-child {
+ background-color: var(--background-secondary);
}
generated by cgit v1.2.3-54-g00ecf (git 2.39.0) at 2024-11-01 04:34:48 +0000