summaryrefslogtreecommitdiff
path: root/srv/src/http/static/new.css
diff options
context:
space:
mode:
authorBrian Picciano <mediocregopher@gmail.com>2022-09-13 12:56:08 +0200
committerBrian Picciano <mediocregopher@gmail.com>2022-09-13 12:56:08 +0200
commit4f01edb9230f58ff84b0dd892c931ec8ac9aad55 (patch)
tree9c1598a3f98203913ac2548883c02a81deb33dc7 /srv/src/http/static/new.css
parent5485984e05aebde22819adebfbd5ad51475a6c21 (diff)
move src out of srv, clean up default.nix and Makefile
Diffstat (limited to 'srv/src/http/static/new.css')
-rw-r--r--srv/src/http/static/new.css451
1 files changed, 0 insertions, 451 deletions
diff --git a/srv/src/http/static/new.css b/srv/src/http/static/new.css
deleted file mode 100644
index 586a693..0000000
--- a/srv/src/http/static/new.css
+++ /dev/null
@@ -1,451 +0,0 @@
-:root {
- --nc-font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- --nc-font-mono: Consolas, monaco, 'Ubuntu Mono', 'Liberation Mono', 'Courier New', Courier, monospace;
-
- /* Light theme */
- --nc-tx-1: #000000;
- --nc-tx-2: #1A1A1A;
- --nc-bg-1: #FFFFFF;
- --nc-bg-2: #F6F8FA;
- --nc-bg-3: #E5E7EB;
- --nc-lk-1: #0070F3;
- --nc-lk-2: #0366D6;
- --nc-lk-tx: #FFFFFF;
- --nc-ac-1: #79FFE1;
- --nc-ac-tx: #0C4047;
-
- /* Dark theme */
- --nc-d-tx-1: #ffffff;
- --nc-d-tx-2: #eeeeee;
- --nc-d-bg-1: #000000;
- --nc-d-bg-2: #111111;
- --nc-d-bg-3: #222222;
- --nc-d-lk-1: #3291FF;
- --nc-d-lk-2: #0070F3;
- --nc-d-lk-tx: #FFFFFF;
- --nc-d-ac-1: #7928CA;
- --nc-d-ac-tx: #FFFFFF;
-}
-
-@media (prefers-color-scheme: dark) {
- :root {
- --nc-tx-1: var(--nc-d-tx-1);
- --nc-tx-2: var(--nc-d-tx-2);
- --nc-bg-1: var(--nc-d-bg-1);
- --nc-bg-2: var(--nc-d-bg-2);
- --nc-bg-3: var(--nc-d-bg-3);
- --nc-lk-1: var(--nc-d-lk-1);
- --nc-lk-2: var(--nc-d-lk-2);
- --nc-lk-tx: var(--nc--dlk-tx);
- --nc-ac-1: var(--nc-d-ac-1);
- --nc-ac-tx: var(--nc--dac-tx);
- }
-}
-
-* {
- /* Reset margins and padding */
- margin: 0;
- padding: 0;
-}
-
-address,
-area,
-article,
-aside,
-audio,
-blockquote,
-datalist,
-details,
-dl,
-fieldset,
-figure,
-form,
-input,
-iframe,
-img,
-meter,
-nav,
-ol,
-optgroup,
-option,
-output,
-p,
-pre,
-progress,
-ruby,
-section,
-table,
-textarea,
-ul,
-video {
- /* Margins for most elements */
- margin-bottom: 1rem;
-}
-
-html,input,select,button {
- /* Set body font family and some finicky elements */
- font-family: var(--nc-font-sans);
-}
-
-body {
- /* Center body in page */
- margin: 0 auto;
- max-width: 750px;
- padding: 2rem;
- border-radius: 6px;
- overflow-x: hidden;
- word-break: break-word;
- overflow-wrap: break-word;
- background: var(--nc-bg-1);
-
- /* Main body text */
- color: var(--nc-tx-2);
- font-size: 1.03rem;
- line-height: 1.5;
-}
-
-::selection {
- /* Set background color for selected text */
- background: var(--nc-ac-1);
- color: var(--nc-ac-tx);
-}
-
-h1,h2,h3,h4,h5,h6 {
- line-height: 1;
- color: var(--nc-tx-1);
- padding-top: .875rem;
-}
-
-h1,
-h2,
-h3 {
- color: var(--nc-tx-1);
- padding-bottom: 2px;
- margin-bottom: 8px;
- border-bottom: 1px solid var(--nc-bg-2);
-}
-
-h4,
-h5,
-h6 {
- margin-bottom: .3rem;
-}
-
-h1 {
- font-size: 2.25rem;
-}
-
-h2 {
- font-size: 1.85rem;
-}
-
-h3 {
- font-size: 1.55rem;
-}
-
-h4 {
- font-size: 1.25rem;
-}
-
-h5 {
- font-size: 1rem;
-}
-
-h6 {
- font-size: .875rem;
-}
-
-a {
- color: var(--nc-lk-1);
-}
-
-a:hover {
- color: var(--nc-lk-2);
-}
-
-abbr:hover {
- /* Set the '?' cursor while hovering an abbreviation */
- cursor: help;
-}
-
-blockquote {
- padding: 1.5rem;
- background: var(--nc-bg-2);
- border-left: 5px solid var(--nc-bg-3);
-}
-
-abbr {
- cursor: help;
-}
-
-blockquote *:last-child {
- padding-bottom: 0;
- margin-bottom: 0;
-}
-
-header {
- background: var(--nc-bg-2);
- border-bottom: 1px solid var(--nc-bg-3);
- padding: 2rem 1.5rem;
-
- /* This sets the right and left margins to cancel out the body's margins. It's width is still the same, but the background stretches across the page's width. */
-
- margin: -2rem calc(50% - 50vw) 2rem;
-
- /* Shorthand for:
-
- margin-top: -2rem;
- margin-bottom: 2rem;
-
- margin-left: calc(50% - 50vw);
- margin-right: calc(50% - 50vw); */
-
- padding-left: calc(50vw - 50%);
- padding-right: calc(50vw - 50%);
-}
-
-header h1,
-header h2,
-header h3 {
- padding-bottom: 0;
- border-bottom: 0;
-}
-
-header > *:first-child {
- margin-top: 0;
- padding-top: 0;
-}
-
-header > *:last-child {
- margin-bottom: 0;
-}
-
-a button,
-button,
-input[type="submit"],
-input[type="reset"],
-input[type="button"] {
- font-size: 1rem;
- display: inline-block;
- padding: 6px 12px;
- text-align: center;
- text-decoration: none;
- white-space: nowrap;
- background: var(--nc-lk-1);
- color: var(--nc-lk-tx);
- border: 0;
- border-radius: 4px;
- box-sizing: border-box;
- cursor: pointer;
- color: var(--nc-lk-tx);
-}
-
-a button[disabled],
-button[disabled],
-input[type="submit"][disabled],
-input[type="reset"][disabled],
-input[type="button"][disabled] {
- cursor: default;
- opacity: .5;
-
- /* Set the [X] cursor while hovering a disabled link */
- cursor: not-allowed;
-}
-
-.button:focus,
-.button:enabled:hover,
-button:focus,
-button:enabled:hover,
-input[type="submit"]:focus,
-input[type="submit"]:enabled:hover,
-input[type="reset"]:focus,
-input[type="reset"]:enabled:hover,
-input[type="button"]:focus,
-input[type="button"]:enabled:hover {
- background: var(--nc-lk-2);
-}
-
-a img {
- margin-bottom: 0px;
-}
-
-code,
-pre,
-kbd,
-samp {
- /* Set the font family for monospaced elements */
- font-family: var(--nc-font-mono);
-}
-
-code,
-samp,
-kbd,
-pre {
- /* The main preformatted style. This is changed slightly across different cases. */
- background: var(--nc-bg-2);
- border: 1px solid var(--nc-bg-3);
- border-radius: 4px;
- padding: 3px 6px;
- /* ↓ font-size is relative to containing element, so it scales for titles*/
- font-size: 0.9em;
-}
-
-kbd {
- /* Makes the kbd element look like a keyboard key */
- border-bottom: 3px solid var(--nc-bg-3);
-}
-
-pre {
- padding: 1rem 1.4rem;
- max-width: 100%;
- overflow: auto;
-}
-
-pre code {
- /* When <code> is in a <pre>, reset it's formatting to blend in */
- background: inherit;
- font-size: inherit;
- color: inherit;
- border: 0;
- padding: 0;
- margin: 0;
-}
-
-code pre {
- /* When <pre> is in a <code>, reset it's formatting to blend in */
- display: inline;
- background: inherit;
- font-size: inherit;
- color: inherit;
- border: 0;
- padding: 0;
- margin: 0;
-}
-
-details {
- /* Make the <details> look more "clickable" */
- padding: .6rem 1rem;
- background: var(--nc-bg-2);
- border: 1px solid var(--nc-bg-3);
- border-radius: 4px;
-}
-
-summary {
- /* Makes the <summary> look more like a "clickable" link with the pointer cursor */
- cursor: pointer;
- font-weight: bold;
-}
-
-details[open] {
- /* Adjust the <details> padding while open */
- padding-bottom: .75rem;
-}
-
-details[open] summary {
- /* Adjust the <details> padding while open */
- margin-bottom: 6px;
-}
-
-details[open]>*:last-child {
- /* Resets the bottom margin of the last element in the <details> while <details> is opened. This prevents double margins/paddings. */
- margin-bottom: 0;
-}
-
-dt {
- font-weight: bold;
-}
-
-dd::before {
- /* Add an arrow to data table definitions */
- content: '→ ';
-}
-
-hr {
- /* Reset the border of the <hr> separator, then set a better line */
- border: 0;
- border-bottom: 1px solid var(--nc-bg-3);
- margin: 1rem auto;
-}
-
-fieldset {
- margin-top: 1rem;
- padding: 2rem;
- border: 1px solid var(--nc-bg-3);
- border-radius: 4px;
-}
-
-legend {
- padding: auto .5rem;
-}
-
-table {
- /* border-collapse sets the table's elements to share borders, rather than floating as separate "boxes". */
- border-collapse: collapse;
- width: 100%
-}
-
-td,
-th {
- border: 1px solid var(--nc-bg-3);
- text-align: left;
- padding: .5rem;
-}
-
-th {
- background: var(--nc-bg-2);
-}
-
-tr:nth-child(even) {
- /* Set every other cell slightly darker. Improves readability. */
- background: var(--nc-bg-2);
-}
-
-table caption {
- font-weight: bold;
- margin-bottom: .5rem;
-}
-
-textarea {
- /* Don't let the <textarea> extend off the screen naturally or when dragged by the user */
- max-width: 100%;
-}
-
-ol,
-ul {
- /* Replace the browser default padding */
- padding-left: 2rem;
-}
-
-li {
- margin-top: .4rem;
-}
-
-ul ul,
-ol ul,
-ul ol,
-ol ol {
- margin-bottom: 0;
-}
-
-mark {
- padding: 3px 6px;
- background: var(--nc-ac-1);
- color: var(--nc-ac-tx);
-}
-
-textarea,
-select,
-input {
- padding: 6px 12px;
- margin-bottom: .5rem;
- background: var(--nc-bg-2);
- color: var(--nc-tx-2);
- border: 1px solid var(--nc-bg-3);
- border-radius: 4px;
- box-shadow: none;
- box-sizing: border-box;
-}
-
-img {
- max-width: 100%;
-}