1 line
5.7 KiB
Plaintext
1 line
5.7 KiB
Plaintext
:root{--sans-font: -apple-system, BlinkMacSystemFont, "Avenir Next", Avenir, "Nimbus Sans L", Roboto, Noto, "Segoe UI", Arial, Helvetica, "Helvetica Neue", sans-serif;--mono-font: Consolas, Menlo, Monaco, "Andale Mono", "Ubuntu Mono", monospace;--base-fontsize: 1.15rem;--header-scale: 1.25;--line-height: 1.618;--bg: #282a36;--accent-bg: #282a36;--text: #f8f8f2;--text-light: #6272a4;--border: #44475a;--accent: #bd93f9;--accent-light: #bd93f9;--code: #ff79c6;--preformatted: #ccc;--marked: #f1fa8c}img,video{opacity:.6}*{font-family:var(--sans-font)}html{font-size:16px}body{color:var(--text);background:var(--bg);font-size:var(--base-fontsize);line-height:var(--line-height);margin:0}main{margin:1rem auto 0;max-width:45rem;padding:0 .5rem}header{background:var(--accent-bg);border-bottom:1px solid var(--border);padding:1.5rem 15rem;margin-bottom:3rem}@media only screen and (max-width:1200px){header{padding:1rem}nav{text-align:center}}header h1,header p{margin:0}header h2{text-align:center;line-height:1.1}nav{font-size:1rem;line-height:2;padding:1rem 0}nav a{margin:1rem 1rem 0 0;border:1px solid var(--border);border-radius:5px;color:var(--text)!important;display:inline-block;padding:.1rem 1rem;text-decoration:none;transition:.4s}nav a:hover{color:var(--accent)!important;border-color:var(--accent)}nav a.current:hover{text-decoration:none}footer{margin-top:4rem;padding:2rem 1rem 1.5rem;color:var(--text-light);font-size:.9rem;text-align:center;border-top:1px solid var(--border)}h1{font-size:calc(var(--base-fontsize) * var(--header-scale) * var(--header-scale) * var(--header-scale) * var(--header-scale));margin-top:calc(var(--line-height) * 1.5rem)}h2{font-size:calc(var(--base-fontsize) * var(--header-scale) * var(--header-scale) * var(--header-scale));margin-top:calc(var(--line-height) * 1.5rem)}h3{font-size:calc(var(--base-fontsize) * var(--header-scale) * var(--header-scale));margin-top:calc(var(--line-height) * 1.5rem)}h4{font-size:calc(var(--base-fontsize) * var(--header-scale));margin-top:calc(var(--line-height) * 1.5rem)}h5{font-size:var(--base-fontsize);margin-top:calc(var(--line-height) * 1.5rem)}h6{font-size:calc(var(--base-fontsize)/var(--header-scale));margin-top:calc(var(--line-height) * 1.5rem)}a,a:visited{color:var(--accent)}a:hover{text-decoration:none}a button,button,input[type=submit],input[type=reset],input[type=button]{border:none;border-radius:5px;background:var(--accent);font-size:1rem;color:var(--bg);padding:.7rem .9rem;margin:.5rem 0;transition:.4s}a button[disabled],button[disabled],input[type=submit][disabled],input[type=reset][disabled],input[type=button][disabled]{cursor:default;opacity:.5;cursor:not-allowed}abbr{cursor:help}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{opacity:.8}details{padding:.6rem 1rem;background:var(--accent-bg);border:1px solid var(--border);border-radius:5px;margin-bottom:1rem}summary{cursor:pointer;font-weight:700}details[open]{padding-bottom:.75rem}details[open] summary{margin-bottom:.5rem}details[open]>*:last-child{margin-bottom:0}table{border-collapse:collapse;width:100%}td,th{border:1px solid var(--border);text-align:left;padding:.5rem}th{background:var(--accent-bg);font-weight:700}tr:nth-child(even){background:var(--accent-bg)}table caption{font-weight:700;margin-bottom:.5rem}ol,ul{padding-left:3rem}textarea,select,input{font-size:inherit;font-family:inherit;padding:.5rem;margin-bottom:.5rem;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:5px;box-shadow:none;box-sizing:border-box;width:60%}textarea{width:80%}@media only screen and (max-width:720px){textarea,select,input{width:100%}}input[type=checkbox],input[type=radio]{width:auto}input[type=file]{border:0}fieldset{border:0;padding:0;margin:0}hr{color:var(--border);border-top:1px;margin:1rem auto}mark{padding:2px 5px;border-radius:4px;background:var(--marked)}main img,main video{max-width:100%;border-radius:5px}figure{margin:0}figcaption{font-size:.9rem;color:var(--text-light);text-align:center;margin-bottom:1rem}blockquote{margin:2rem 0 2rem 2rem;padding:.4rem .8rem;border-left:.35rem solid var(--accent);opacity:.8;font-style:italic}cite{font-size:.9rem;color:var(--text-light);font-style:normal}code,pre,kbd,samp{font-size:1.075rem;font-family:var(--mono-font);color:var(--code)}kbd{color:var(--preformatted);border:1px solid var(--preformatted);border-bottom:3px solid var(--preformatted);border-radius:5px;padding:.1rem}pre{padding:1rem 1.4rem;max-width:100%;overflow:auto;color:var(--preformatted);background:var(--accent-bg);border:1px solid var(--border);border-radius:5px}pre code{color:var(--preformatted);background:0 0;margin:0;padding:0}.webring{margin-top:2rem}.wr-articles{display:flex}@media(max-width:640px){.wr-articles{flex-direction:column}}.wr-article{flex:1 1 0;display:flex;flex-direction:column;background:#323542;padding:.5rem;margin:0 .5rem}@media(max-width:640px){.wr-article{margin:.5rem 0}}.wr-article:first-child{margin-left:0}.wr-article:last-child{margin-right:0}.wr-summary{font-size:.8rem;flex:1 1 0;color:#ebebeb}.wr-attribution{float:right;font-size:.8rem;color:#c0bfbf;line-height:3}.wr-date{color:#c0bfbf}.wr-source{color:#c0bfbf}.mastodon-comment{background-color:var(--body-background);border-radius:var(--card-border-radius);padding:var(--card-padding);margin-bottom:1rem;display:flex}.mastodon-comment .content{flex-grow:2}.mastodon-comment .avatar img{margin-right:1rem;min-width:60px}.mastodon-comment .author{padding-top:0;display:flex}.mastodon-comment .author .date{margin-left:auto}.mastodon-comment .disabled{color:var(--accent-color)}.mastodon-comment-content p:first-child{margin-top:0} |