6 lines
37 KiB
CSS
6 lines
37 KiB
CSS
|
:root{--gap:24px;--content-gap:20px;--nav-width:960px;--main-width:720px;--post-width:720px;--header-height:60px;--footer-height:80px;--radius:8px;--monospace:"Lucida Console", Monaco, "Consolas", monospace;--theme:rgb(255, 255, 255);--entry:rgb(255, 255, 255);--primary:rgb(30, 30, 30);--primary-dim:rgb(60, 60, 60);--secondary:rgb(108, 108, 108);--tertiary:rgb(158, 158, 158);--tertiary-bg:rgb(214, 214, 214);--content:rgb(31, 31, 31);--code-bg:rgb(245, 245, 245);--border:rgb(238, 238, 238);--link-background-color:#e8e3f7;--link-color:var(--primary);--link-hover-color:#573eaa;--link-underline-shadow:0 1px 0 var(--link-color);--link-hover-underline-color:#6549c0;--link-hover-underline-shadow:0 2px 0 var(--link-hover-underline-color);--link-transition:all 0.3s ease;--line-yellow:url("data:image/svg+xml;charset=utf-8,%3Csvg preserveAspectRatio='none' width='120' height='6' viewBox='0 0 120 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M119 0.8C60 4 50-0.5 1 1.5' stroke='%23fc0' stroke-width='3' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");--signature:var(--primary);--signature-bg:var(--secondary)}@media screen and (max-width:500px){:root{--header-height:52px}}.dark{--theme:rgb(29, 30, 32);--entry:rgb(46, 46, 51);--primary:rgb(218, 218, 219);--primary-dim:rgb(186, 186, 186);--secondary:rgb(155, 156, 157);--tertiary:rgb(123, 124, 124);--tertiary-bg:rgb(65, 66, 68);--content:rgb(196, 196, 197);--code-bg:rgb(55, 56, 62);--border:rgb(51, 51, 51);--link-background-color:#5242746d;--link-color:var(--primary);--link-hover-color:#876fd6;--link-underline-shadow:0 1px 0 var(--link-color);--link-hover-underline-color:var(--link-hover-color);--link-hover-underline-shadow:0 2px 0 var(--link-hover-underline-color);--signature:var(--primary);--signature-bg:var(--secondary)}.list-page{background:var(--code-bg)}.dark.list-page{background:var(--theme)}*,::after,::before{box-sizing:border-box}html{-webkit-tap-highlight-color:transparent;overflow-y:scroll}a,button,body,h1,h2,h3,h4,h5,h6{color:var(--primary)}body{font-family:-apple-system,BlinkMacSystemFont,Helvetica,helvetica neue,segoe ui,Roboto,Oxygen,Ubuntu,Cantarell,open sans,sans-serif;font-size:18px;line-height:1.6em;word-break:break-word;background:var(--theme)}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section,table{display:block}h1,h2,h3,h4,h5,h6{line-height:1.2}h1,h2,h3,h4,h5,h6,p{margin-top:0;margin-bottom:0}a{text-decoration:none}body,figure{margin:0}table{width:100%;border-collapse:collapse;border-spacing:0;overflow-x:auto;word-break:keep-all}button,input,textarea{padding:0;font:inherit;background:0 0;border:0}input,textarea{outline:0}button,input[type=button],input[type=submit]{cursor:pointer}input:-webkit-autofill,textarea:-webkit-autofill{box-shadow:0 0 0 50px var(--theme)inset}img{display:block;max-width:100%}::-webkit-scrollbar-track{background:0 0}.list-page:not(.dark)::-webkit-scrollbar-track{background:var(--code-bg)}::-webkit-scrollbar-thumb{background:var(--tertiary-bg);border:5px solid var(--theme);border-radius:var(--radius)}.list-page:not(.dark)::-webkit-scrollbar-thumb{border:5px solid var(--code-bg)}::-webkit-scrollbar-thumb:hover{background:var(--secondary)}.not-found{position:absolute;left:0;right:0;display:flex;align-items:center;justify-content:center;height:80%;font-size:160px;font-weight:700}.archive-posts{width:100%;font-size:16px}.archive-year{margin-top:40px}.archive-year:not(:last-of-type){border-bottom:2px solid var(--border)}.archive-month{display:flex;align-items:flex-start;padding:10px 0}.archive-month-header{margin:22px 0;width:200px}.archive-month:not(:last-of-type){border-bottom:1px solid var(--border)}.archive-entry{position:relative;padding:5px;margin:10px 0}.archive-entry-title{margin:5px 0;font-weight:400}.archive-count,.archive-meta{color:var(--secondary);font-size:14px}.links-container{font-size:16px}.links-container blockquote{margin:var(--gap)0;padding:0 14px;border-inline-start:3px solid var(--primary)}.links .item{padding:12px;background:var(--entry);border-radius:var(--radius);margin-bottom:var(--gap);border:1p
|
||
|
0.9px 0.9px 1.4px -1.2px hsl(var(--shadow-color) / 0.1),
|
||
|
2.2px 2.2px 3.5px -2.5px hsl(var(--shadow-color) / 0.1);--shadow-elevation-medium:0.6px 0.6px 1px hsl(var(--shadow-color) / 0.11),
|
||
|
1.8px 1.8px 2.9px -0.8px hsl(var(--shadow-color) / 0.11),
|
||
|
4.6px 4.6px 7.3px -1.7px hsl(var(--shadow-color) / 0.11),
|
||
|
11.1px 11.1px 17.7px -2.5px hsl(var(--shadow-color) / 0.11);--twitter-color:#4a99e9}.standout{font-size:24px;padding:.5em;text-align:center}.image-size-control{margin-left:auto;margin-right:auto}.image-size-control>img{width:inherit;height:inherit}.home-info .entry-content{-webkit-line-clamp:unset}.post-entry{position:relative;margin-bottom:var(--gap);padding:var(--gap);background:var(--entry);border-radius:var(--radius);border:1px solid var(--border)}.post-entry:hover .entry-header h2{color:var(--link-hover-color);box-shadow:var(--link-hover-underline-shadow)}.tag-entry .entry-cover{display:none}.entry-header h2{font-size:24px;line-height:1.3;transition:var(--link-transition);display:inline-block}.entry-content{margin:8px 0;color:var(--secondary);font-size:14px;line-height:1.6;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.entry-footer,.entry-footer span>a{color:var(--secondary);font-size:13px}.entry-link{position:absolute;left:0;right:0;top:0;bottom:0}.entry-cover,.entry-isdraft{font-size:14px;color:var(--secondary)}.entry-cover{margin-bottom:var(--gap);text-align:center}.entry-cover img{border-radius:var(--radius);width:100%;height:auto;image-rendering:-webkit-optimize-contrast}.entry-cover a{color:var(--secondary);box-shadow:0 1px 0 var(--primary)}.post-header{margin:var(--content-gap)0 calc(var(--content-gap) * 1.5)}.post-title{font-size:40px;margin-bottom:var(--content-gap)}.post-description{margin:var(--content-gap)0;color:var(--secondary);opacity:.8;padding-left:.5em;border-left:8px solid var(--signature)}.post-meta,.breadcrumbs{font-size:15px}.breadcrumbs{display:flex;flex-wrap:wrap}.breadcrumbs a{font-size:16px}.post-content{font-size:17px;color:var(--content)}.post-content h4,.post-content h5,.post-content h6{margin:24px 0 16px}.post-content h3{margin:32px 0 24px}.post-content h1{margin:40px auto 32px;font-size:40px}.post-content h2{margin:40px auto 32px;font-size:32px}.post-content h3{font-size:24px}.post-content h4{font-size:20px}.post-content h5{font-size:14px}.post-content h6{font-size:12px}.post-content a{font-weight:500;color:var(--primary);box-shadow:var(--link-underline-shadow);transition:var(--link-transition)}.post-content a:hover{color:var(--link-hover-color);box-shadow:var(--link-hover-underline-shadow)}.post-content a.anchor:hover{color:var(--primary);box-shadow:0 2px 0 var(--secondary)}.post-content a code{margin:auto 0;border-radius:0;box-shadow:0 -1px 0 var(--primary)inset}.post-content a:hover code{box-shadow:0 -1px 0 var(--link-hover-underline-color)inset,0 1px 0 var(--link-hover-underline-color)}h1 .anchor,h2 .anchor,h3 .anchor,h4 .anchor,h5 .anchor,h6 .anchor{box-shadow:none;user-select:none;font-size:.8em;position:relative;top:-2px}h1:hover .anchor,h2:hover .anchor,h3:hover .anchor,h4:hover .anchor,h5:hover .anchor,h6:hover .anchor{color:var(--secondary);margin-inline-start:8px;font-weight:500;display:inline-flex}.post-content del{text-decoration:none;background:linear-gradient(to right,var(--primary) 100%,transparent 0)0/1px 1px repeat-x}.post-content dl,.post-content ol,.post-content p,.post-content figure,.post-content ul{margin-bottom:var(--content-gap)}.post-content ol,.post-content ul{padding-inline-start:20px}.post-content li>ol,.post-content li>ul{margin-bottom:0}.post-content li{margin-top:.5em}.post-content li p{margin-bottom:.5em}.post-content dl{display:flex;flex-wrap:wrap;margin:0}.post-content dt{width:25%;font-weight:700}.post-content dd{width:75%;margin-inline-start:0;padding-inline-start:10px}.post-content dd~dd,.post-content dt~dt{margin-top:10px}.post-content table{margin-bottom:32px}.post-content table th,.post-content table:not(.highlighttable,.highlight table,.gist .highlight) td{min-width:80px;padding:12px 8px;line-height:1.5;border-bottom:1px solid var(--border)}.post-content table th{font-size:14px;text-align:start}.post-content table:not(.highlighttable) td code:only-child{margin:auto 0}.post-content .highlight table{border-radius:var(--radius)}.post-content .highlight:not(table){margin:var(--content-gap)auto;border-ra
|