mirror of
				https://github.com/NotAShelf/nvf.git
				synced 2025-10-31 11:02:37 +00:00 
			
		
		
		
	
		
			
				
	
	
		
			633 lines
		
	
	
	
		
			11 KiB
		
	
	
	
		
			CSS
		
	
	
	
	
	
			
		
		
	
	
			633 lines
		
	
	
	
		
			11 KiB
		
	
	
	
		
			CSS
		
	
	
	
	
	
| @import "tomorrow.min.css";
 | |
| html {
 | |
|   -webkit-text-size-adjust: 100%;
 | |
| }
 | |
| 
 | |
| html:focus-within {
 | |
|   scroll-behavior: smooth;
 | |
| }
 | |
| 
 | |
| body {
 | |
|   -webkit-text-size-adjust: 100%;
 | |
|   -moz-text-size-adjust: 100%;
 | |
|   text-size-adjust: 100%;
 | |
|   -moz-osx-font-smoothing: grayscale;
 | |
|   -webkit-font-smoothing: antialiased;
 | |
|   min-height: 100vh;
 | |
|   position: relative;
 | |
|   text-rendering: optimizeSpeed;
 | |
|   width: 100%;
 | |
| }
 | |
| 
 | |
| *, :after, :before {
 | |
|   box-sizing: border-box;
 | |
| }
 | |
| 
 | |
| a:not([class]) {
 | |
|   -webkit-text-decoration-skip: ink;
 | |
|   text-decoration-skip-ink: auto;
 | |
| }
 | |
| 
 | |
| a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
 | |
|   border: 0;
 | |
|   font-size: 100%;
 | |
|   font: inherit;
 | |
|   margin: 0;
 | |
|   padding: 0;
 | |
|   vertical-align: baseline;
 | |
| }
 | |
| 
 | |
| :focus {
 | |
|   outline: 0;
 | |
| }
 | |
| 
 | |
| article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section {
 | |
|   display: block;
 | |
| }
 | |
| 
 | |
| ol, ul {
 | |
|   list-style: none;
 | |
| }
 | |
| 
 | |
| blockquote, q {
 | |
|   quotes: none;
 | |
| }
 | |
| 
 | |
| blockquote:after, blockquote:before, q:after, q:before {
 | |
|   content: "";
 | |
|   content: none;
 | |
| }
 | |
| 
 | |
| input, input:required {
 | |
|   box-shadow: none;
 | |
| }
 | |
| 
 | |
| input:-webkit-autofill, input:-webkit-autofill:active, input:-webkit-autofill:focus, input:-webkit-autofill:hover {
 | |
|   -webkit-box-shadow: inset 0 0 0 30px #fff;
 | |
| }
 | |
| 
 | |
| input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration {
 | |
|   -webkit-appearance: none;
 | |
|   -moz-appearance: none;
 | |
| }
 | |
| 
 | |
| input[type=search] {
 | |
|   -webkit-appearance: none;
 | |
|   -moz-appearance: none;
 | |
| }
 | |
| 
 | |
| input:focus {
 | |
|   outline: 0;
 | |
| }
 | |
| 
 | |
| audio, canvas, video {
 | |
|   display: inline-block;
 | |
|   max-width: 100%;
 | |
| }
 | |
| 
 | |
| audio:not([controls]) {
 | |
|   display: none;
 | |
|   height: 0;
 | |
| }
 | |
| 
 | |
| [hidden] {
 | |
|   display: none;
 | |
| }
 | |
| 
 | |
| a:active, a:hover {
 | |
|   outline: 0;
 | |
| }
 | |
| 
 | |
| img {
 | |
|   height: auto;
 | |
|   max-width: 100%;
 | |
|   vertical-align: middle;
 | |
| }
 | |
| 
 | |
| img, picture {
 | |
|   display: inline-block;
 | |
| }
 | |
| 
 | |
| button, input {
 | |
|   line-height: normal;
 | |
| }
 | |
| 
 | |
| button, html input[type=button], input[type=reset], input[type=submit] {
 | |
|   -webkit-appearance: button;
 | |
|   background: 0 0;
 | |
|   border: 0;
 | |
|   cursor: pointer;
 | |
| }
 | |
| 
 | |
| button[disabled], html input[disabled] {
 | |
|   cursor: default;
 | |
| }
 | |
| 
 | |
| [disabled] {
 | |
|   pointer-events: none;
 | |
| }
 | |
| 
 | |
| input[type=checkbox], input[type=radio] {
 | |
|   padding: 0;
 | |
| }
 | |
| 
 | |
| input[type=search] {
 | |
|   -webkit-appearance: textfield;
 | |
|   box-sizing: content-box;
 | |
| }
 | |
| 
 | |
| input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
 | |
|   -webkit-appearance: none;
 | |
| }
 | |
| 
 | |
| button::-moz-focus-inner, input::-moz-focus-inner {
 | |
|   border: 0;
 | |
|   padding: 0;
 | |
| }
 | |
| 
 | |
| button {
 | |
|   background: 0 0;
 | |
|   border: 0;
 | |
| }
 | |
| 
 | |
| textarea {
 | |
|   overflow: auto;
 | |
|   resize: vertical;
 | |
|   vertical-align: top;
 | |
| }
 | |
| 
 | |
| table {
 | |
|   border-collapse: collapse;
 | |
|   border-spacing: 0;
 | |
|   text-indent: 0;
 | |
| }
 | |
| 
 | |
| hr {
 | |
|   background: #000;
 | |
|   border: 0;
 | |
|   box-sizing: content-box;
 | |
|   height: 1px;
 | |
|   line-height: 0;
 | |
|   margin: 0;
 | |
|   overflow: visible;
 | |
|   padding: 0;
 | |
|   page-break-after: always;
 | |
|   width: 100%;
 | |
| }
 | |
| 
 | |
| pre {
 | |
|   font-family: monospace, monospace;
 | |
|   font-size: 100%;
 | |
| }
 | |
| 
 | |
| a {
 | |
|   background-color: transparent;
 | |
| }
 | |
| 
 | |
| abbr[title] {
 | |
|   border-bottom: none;
 | |
|   text-decoration: none;
 | |
| }
 | |
| 
 | |
| code, kbd, pre, samp {
 | |
|   font-family: monospace, monospace;
 | |
| }
 | |
| 
 | |
| small, sub, sup {
 | |
|   font-size: 75%;
 | |
| }
 | |
| 
 | |
| sub, sup {
 | |
|   line-height: 0;
 | |
|   position: relative;
 | |
|   vertical-align: baseline;
 | |
| }
 | |
| 
 | |
| sub {
 | |
|   bottom: -5px;
 | |
| }
 | |
| 
 | |
| sup {
 | |
|   top: -5px;
 | |
| }
 | |
| 
 | |
| button, input, optgroup, select, textarea {
 | |
|   font-family: inherit;
 | |
|   font-size: 100%;
 | |
|   line-height: 1;
 | |
|   margin: 0;
 | |
|   padding: 0;
 | |
| }
 | |
| 
 | |
| button, input {
 | |
|   overflow: visible;
 | |
| }
 | |
| 
 | |
| button, select {
 | |
|   text-transform: none;
 | |
| }
 | |
| 
 | |
| [type=button], [type=reset], [type=submit], button {
 | |
|   -webkit-appearance: button;
 | |
| }
 | |
| 
 | |
| [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
 | |
|   border-style: none;
 | |
|   outline: 0;
 | |
|   padding: 0;
 | |
| }
 | |
| 
 | |
| legend {
 | |
|   border: 0;
 | |
|   color: inherit;
 | |
|   display: block;
 | |
|   max-width: 100%;
 | |
|   white-space: normal;
 | |
|   width: 100%;
 | |
| }
 | |
| 
 | |
| fieldset {
 | |
|   min-width: 0;
 | |
| }
 | |
| 
 | |
| body:not(:-moz-handler-blocked) fieldset {
 | |
|   display: block;
 | |
| }
 | |
| 
 | |
| progress {
 | |
|   vertical-align: baseline;
 | |
| }
 | |
| 
 | |
| [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
 | |
|   height: auto;
 | |
| }
 | |
| 
 | |
| [type=search] {
 | |
|   -webkit-appearance: textfield;
 | |
|   outline-offset: -2px;
 | |
| }
 | |
| 
 | |
| [type=search]::-webkit-search-decoration {
 | |
|   -webkit-appearance: none;
 | |
| }
 | |
| 
 | |
| ::-webkit-file-upload-button {
 | |
|   -webkit-appearance: button;
 | |
|   font: inherit;
 | |
| }
 | |
| 
 | |
| summary {
 | |
|   display: list-item;
 | |
| }
 | |
| 
 | |
| template {
 | |
|   display: none;
 | |
| }
 | |
| 
 | |
| :root {
 | |
|   --nmd-color0: #0a3e68;
 | |
|   --nmd-color1: #268598;
 | |
|   --nmd-color2: #b8d09e;
 | |
|   --nmd-color3: #f6cf5e;
 | |
|   --nmd-color4: #ec733b;
 | |
|   --nmd-color-info: #167cb9;
 | |
|   --nmd-color-warn: #ff6700;
 | |
| }
 | |
| 
 | |
| body {
 | |
|   background: white;
 | |
|   color: #111827;
 | |
|   max-width: min(100ch, 1024px);
 | |
|   margin: 0 auto;
 | |
|   padding: 10px;
 | |
|   font-family: "Lucida Sans", Arial, sans-serif;
 | |
|   font-size: 16px;
 | |
|   line-height: 1.4em;
 | |
| }
 | |
| @media (prefers-color-scheme: dark) {
 | |
|   body {
 | |
|     background: #111827;
 | |
|     color: #f9fafb;
 | |
|   }
 | |
| }
 | |
| 
 | |
| h1,
 | |
| h2,
 | |
| h3 {
 | |
|   color: var(--nmd-color0);
 | |
|   font-family: "Lato", sans-serif;
 | |
|   font-weight: 300;
 | |
|   line-height: 1.125;
 | |
| }
 | |
| @media (prefers-color-scheme: dark) {
 | |
|   h1,
 | |
|   h2,
 | |
|   h3 {
 | |
|     color: var(--nmd-color4);
 | |
|   }
 | |
| }
 | |
| 
 | |
| h1 {
 | |
|   font-size: 48px;
 | |
|   font-weight: 300;
 | |
|   margin: 4rem 0 1.5rem;
 | |
| }
 | |
| 
 | |
| h2 {
 | |
|   font-size: 32px;
 | |
|   font-weight: 300;
 | |
|   margin: 2rem 0 1rem;
 | |
| }
 | |
| 
 | |
| h3 {
 | |
|   font-size: 20px;
 | |
|   font-weight: 400;
 | |
|   margin: 0.5rem 0.25rem;
 | |
| }
 | |
| 
 | |
| p {
 | |
|   margin: 0.9rem 0;
 | |
| }
 | |
| p:first-child {
 | |
|   margin-top: 0;
 | |
| }
 | |
| p:last-child {
 | |
|   margin-bottom: 0;
 | |
| }
 | |
| 
 | |
| a {
 | |
|   color: var(--nmd-color0);
 | |
|   text-decoration: underline;
 | |
|   text-underline-offset: 3px;
 | |
| }
 | |
| a:visited {
 | |
|   color: var(--nmd-color1);
 | |
| }
 | |
| a:hover {
 | |
|   color: var(--nmd-color1);
 | |
| }
 | |
| @media (prefers-color-scheme: dark) {
 | |
|   a {
 | |
|     color: var(--nmd-color3);
 | |
|   }
 | |
|   a:visited {
 | |
|     color: var(--nmd-color2);
 | |
|   }
 | |
|   a:hover {
 | |
|     color: var(--nmd-color4);
 | |
|   }
 | |
| }
 | |
| 
 | |
| code {
 | |
|   font-size: 90%;
 | |
| }
 | |
| 
 | |
| span.command {
 | |
|   font-size: 90%;
 | |
|   font-family: monospace;
 | |
| }
 | |
| 
 | |
| em {
 | |
|   font-style: italic;
 | |
| }
 | |
| 
 | |
| strong {
 | |
|   font-weight: bold;
 | |
| }
 | |
| 
 | |
| pre {
 | |
|   background: #f9fafb;
 | |
|   margin: 2rem 16px;
 | |
|   padding: 10px;
 | |
|   border: 1px solid #e5e7eb;
 | |
|   border-radius: 4px;
 | |
|   box-shadow: 4px 4px 8px #e5e7eb;
 | |
| }
 | |
| @media (prefers-color-scheme: dark) {
 | |
|   pre {
 | |
|     background: #1f2937;
 | |
|     border-color: black;
 | |
|     box-shadow: 4px 4px 8px black;
 | |
|   }
 | |
| }
 | |
| pre {
 | |
|   font-size: 90%;
 | |
|   margin-bottom: 1.5rem;
 | |
|   padding: 6px;
 | |
|   overflow: auto;
 | |
| }
 | |
| pre span img {
 | |
|   user-select: none;
 | |
| }
 | |
| 
 | |
| pre:has(code) {
 | |
|   padding: 0;
 | |
| }
 | |
| 
 | |
| td,
 | |
| th {
 | |
|   padding: 2px 5px;
 | |
| }
 | |
| td:first-child,
 | |
| th:first-child {
 | |
|   padding-left: 0;
 | |
| }
 | |
| td:last-child,
 | |
| th:last-child {
 | |
|   padding-right: 0;
 | |
| }
 | |
| 
 | |
| dt {
 | |
|   margin: 1.2rem 0 0.8rem;
 | |
|   content-visibility: auto;
 | |
|   contain-intrinsic-size: auto 42px;
 | |
| }
 | |
| 
 | |
| dd {
 | |
|   margin-left: 2rem;
 | |
|   content-visibility: auto;
 | |
|   contain-intrinsic-size: auto 500px;
 | |
| }
 | |
| 
 | |
| ul {
 | |
|   margin: 0.9rem 0;
 | |
| }
 | |
| ul:first-child {
 | |
|   margin-top: 0;
 | |
| }
 | |
| ul:last-child {
 | |
|   margin-bottom: 0;
 | |
| }
 | |
| ul {
 | |
|   padding-left: 30px;
 | |
|   list-style: disc;
 | |
| }
 | |
| 
 | |
| ol {
 | |
|   margin: 0.9rem 0;
 | |
| }
 | |
| ol:first-child {
 | |
|   margin-top: 0;
 | |
| }
 | |
| ol:last-child {
 | |
|   margin-bottom: 0;
 | |
| }
 | |
| ol {
 | |
|   padding-left: 30px;
 | |
|   list-style: decimal;
 | |
| }
 | |
| 
 | |
| li {
 | |
|   margin: 0.9rem 0;
 | |
| }
 | |
| li:first-child {
 | |
|   margin-top: 0;
 | |
| }
 | |
| li:last-child {
 | |
|   margin-bottom: 0;
 | |
| }
 | |
| li {
 | |
|   padding-left: 5px;
 | |
| }
 | |
| 
 | |
| .navheader hr,
 | |
| .navfooter hr {
 | |
|   margin: 1rem 0;
 | |
|   background: #e5e7eb;
 | |
| }
 | |
| @media (prefers-color-scheme: dark) {
 | |
|   .navheader hr,
 | |
|   .navfooter hr {
 | |
|     background: #4b5563;
 | |
|   }
 | |
| }
 | |
| .navheader a,
 | |
| .navfooter a {
 | |
|   text-decoration: none;
 | |
| }
 | |
| 
 | |
| #search-bar {
 | |
|   position: sticky;
 | |
|   top: 0;
 | |
|   background: white;
 | |
|   padding: 10px;
 | |
|   border-bottom: 1px solid #e5e7eb;
 | |
|   z-index: 1000;
 | |
| }
 | |
| @media (prefers-color-scheme: dark) {
 | |
|   #search-bar {
 | |
|     background: #111827;
 | |
|     color: #f9fafb;
 | |
|     border-bottom: 1px solid black;
 | |
|   }
 | |
| }
 | |
| 
 | |
| #search-input {
 | |
|   width: 100%;
 | |
|   padding: 8px;
 | |
|   border: 1px solid #ccc;
 | |
|   border-radius: 4px;
 | |
|   background: inherit;
 | |
|   color: inherit;
 | |
| }
 | |
| 
 | |
| .hidden {
 | |
|   display: none;
 | |
| }
 | |
| 
 | |
| div.titlepage {
 | |
|   margin: 40px 0;
 | |
| }
 | |
| div.titlepage hr {
 | |
|   display: none;
 | |
| }
 | |
| 
 | |
| div.toc {
 | |
|   background: #f9fafb;
 | |
|   margin: 2rem 16px;
 | |
|   padding: 10px;
 | |
|   border: 1px solid #e5e7eb;
 | |
|   border-radius: 4px;
 | |
|   box-shadow: 4px 4px 8px #e5e7eb;
 | |
| }
 | |
| @media (prefers-color-scheme: dark) {
 | |
|   div.toc {
 | |
|     background: #1f2937;
 | |
|     border-color: black;
 | |
|     box-shadow: 4px 4px 8px black;
 | |
|   }
 | |
| }
 | |
| div.toc a {
 | |
|   text-decoration: none;
 | |
| }
 | |
| 
 | |
| div.note,
 | |
| div.warning {
 | |
|   background: #f9fafb;
 | |
|   margin: 2rem 16px;
 | |
|   padding: 10px;
 | |
|   border: 1px solid #e5e7eb;
 | |
|   border-radius: 4px;
 | |
|   box-shadow: 4px 4px 8px #e5e7eb;
 | |
| }
 | |
| @media (prefers-color-scheme: dark) {
 | |
|   div.note,
 | |
|   div.warning {
 | |
|     background: #1f2937;
 | |
|     border-color: black;
 | |
|     box-shadow: 4px 4px 8px black;
 | |
|   }
 | |
| }
 | |
| div.note,
 | |
| div.warning {
 | |
|   font-style: italic;
 | |
| }
 | |
| div.note h3,
 | |
| div.warning h3 {
 | |
|   float: right;
 | |
|   margin: 0 0 1rem 1rem;
 | |
|   width: 42px;
 | |
|   height: 42px;
 | |
|   content: url();
 | |
| }
 | |
| div.note h3 + p,
 | |
| div.warning h3 + p {
 | |
|   margin-top: 0;
 | |
| }
 | |
| 
 | |
| div.note h3 {
 | |
|   background-color: var(--nmd-color-info);
 | |
|   mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='42' viewBox='0 0 24 24' stroke-width='2' stroke='black' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 8h.01'%3E%3C/path%3E%3Cpath d='M11 12h1v4h1'%3E%3C/path%3E%3Cpath d='M12 3c7.2 0 9 1.8 9 9s-1.8 9 -9 9s-9 -1.8 -9 -9s1.8 -9 9 -9z'%3E%3C/path%3E%3C/svg%3E");
 | |
|   -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='42' viewBox='0 0 24 24' stroke-width='2' stroke='black' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 8h.01'%3E%3C/path%3E%3Cpath d='M11 12h1v4h1'%3E%3C/path%3E%3Cpath d='M12 3c7.2 0 9 1.8 9 9s-1.8 9 -9 9s-9 -1.8 -9 -9s1.8 -9 9 -9z'%3E%3C/path%3E%3C/svg%3E");
 | |
| }
 | |
| 
 | |
| div.warning h3 {
 | |
|   background-color: var(--nmd-color-warn);
 | |
|   mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='42' viewBox='0 0 24 24' stroke-width='2' stroke='black' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 9v2m0 4v.01'%3E%3C/path%3E%3Cpath d='M5 19h14a2 2 0 0 0 1.84 -2.75l-7.1 -12.25a2 2 0 0 0 -3.5 0l-7.1 12.25a2 2 0 0 0 1.75 2.75'%3E%3C/path%3E%3C/svg%3E");
 | |
|   -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='42' viewBox='0 0 24 24' stroke-width='2' stroke='black' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 9v2m0 4v.01'%3E%3C/path%3E%3Cpath d='M5 19h14a2 2 0 0 0 1.84 -2.75l-7.1 -12.25a2 2 0 0 0 -3.5 0l-7.1 12.25a2 2 0 0 0 1.75 2.75'%3E%3C/path%3E%3C/svg%3E");
 | |
| }
 | |
| 
 | |
| .term {
 | |
|   font-weight: 300;
 | |
| }
 | |
| 
 | |
| .docbook .xref img[src^="images/callouts/"],
 | |
| .screen img,
 | |
| .programlisting img {
 | |
|   width: 1em;
 | |
| }
 | |
| 
 | |
| .calloutlist img {
 | |
|   width: 1.3em;
 | |
| }
 | |
| 
 | |
| /** The console prompt, e.g., `$` and `#` should not be selectable. */
 | |
| .programlisting.language-shell .hljs-meta.prompt_ {
 | |
|   user-select: none;
 | |
| }
 | |
| 
 | |
| @media (prefers-color-scheme: dark) {
 | |
|   @import "tomorrow-night.min.css";
 | |
| }
 | |
| 
 | |
| /*# sourceMappingURL=style.css.map */
 | 
