11 lines
28 KiB
Plaintext
11 lines
28 KiB
Plaintext
/*!* Hugo Theme Stack
|
|
*
|
|
* @author: Jimmy Cai
|
|
* @website: https://jimmycai.com
|
|
* @link: https://github.com/CaiJimmy/hugo-theme-stack*/:root{--body-background: #f5f5fa;--accent-color: #34495e;--accent-color-darker: #2c3e50;--accent-color-text: #fff;--body-text-color: #bababa;--tag-border-radius: 4px;--section-separation: 40px}@media(min-width:813px){:root{--main-top-padding: 50px}}@media(prefers-color-scheme:dark){:root{--body-background: #303030;--accent-color: #ecf0f1;--accent-color-darker: #bdc3c7;--accent-color-text: #000;--body-text-color: rgba(255, 255, 255, 0.7)}}:root{--sys-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Droid Sans", "Helvetica Neue";--zh-font-family: "PingFang SC", "Hiragino Sans GB", "Droid Sans Fallback", "Microsoft YaHei";--base-font-family: "Lato", var(--sys-font-family), var(--zh-font-family);--code-font-family: Menlo, Monaco, Consolas, "Courier New"}:root{--card-background: #fff;--card-background-selected: #eaeaea;--card-text-color-main: #000;--card-text-color-secondary: #747474;--card-text-color-tertiary: #bababa;--card-separator-color: rgba(218, 218, 218, 0.5);--card-border-radius: 10px;--card-padding: 30px;--small-card-padding: 25px}@media(max-width:1920px){:root{--card-padding: 25px}}@media(max-width:1024px){:root{--card-padding: 20px}}@media(prefers-color-scheme:dark){:root{--card-background: #424242;--card-background-selected: rgba(255, 255, 255, 0.16);--card-text-color-main: rgba(255, 255, 255, 0.9);--card-text-color-secondary: rgba(255, 255, 255, 0.7);--card-text-color-tertiary: rgba(255, 255, 255, 0.5);--card-separator-color: rgba(255, 255, 255, 0.12)}}:root{--article-font-family: var(--base-font-family);--article-font-size: 1.7rem;--article-line-height: 1.85}@media(max-width:1024px){:root{--article-font-size: 1.6rem}}:root{--blockquote-border-size: 4px;--blockquote-background-color: rgb(248 248 248);--heading-border-size: 4px;--link-background-color: 189, 195, 199;--link-background-opacity: 0.5;--link-background-opacity-hover: 0.7;--pre-background-color: #272822;--pre-text-color: #f8f8f2;--code-background-color: rgba(0, 0, 0, 0.12);--code-text-color: #808080;--table-border-color: #dadada;--tr-even-background-color: #efefee}@media(prefers-color-scheme:dark){:root{--code-background-color: #272822;--code-text-color: rgba(255, 255, 255, 0.9);--table-border-color: #717171;--tr-even-background-color: #545454;--blockquote-background-color: rgb(75 75 75)}}:root{--shadow-l1: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);--shadow-l2: 0px 10px 20px rgba(0, 0, 0, 0.04), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);--shadow-l3: 0px 10px 20px rgba(0, 0, 0, 0.04), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);--shadow-l4: 0px 24px 32px rgba(0, 0, 0, 0.04), 0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),
|
|
0px 0px 1px rgba(0, 0, 0, 0.04)}.container{margin-left:auto;margin-right:auto}@media(min-width:812px){.container.extended{max-width:800px}.container.extended .left-sidebar{width:25%}}@media(min-width:1024px){.container.extended{max-width:972px}.container.extended .right-sidebar{width:25%}}@media(min-width:1519px){.container.extended{max-width:1200px}.container.extended .left-sidebar{width:20%}.container.extended .right-sidebar{width:25%}}@media(min-width:1920px){.container.extended{max-width:1536px}.container.extended .left-sidebar{width:15%}}@media(min-width:812px){.container.compact{max-width:800px}.container.compact .left-sidebar{width:25%}}@media(min-width:1024px){.container.compact{max-width:972px}}@media(min-width:1519px){.container.compact{max-width:1200px}.container.compact .left-sidebar{width:20%}}@media(min-width:1920px){.container.compact{max-width:1300px}}.flex{display:flex;flex-direction:row}.flex.column{flex-direction:column}@media(max-width:812px){.flex.on-phone--column{flex-direction:column}}.flex.align-items--flex-start{align-items:flex-start}.flex .grow{flex-grow:1}.flex .do-not-shrink{flex-shrink:0}.flex .do-not-overflow{min-width:0;flex-shrink:1;max-width:100%}.flex .full-width{width:100%}main.main{min-width:0;padding:0 15px;max-width:100%;flex-grow:1;padding-top:var(--main-top-padding)}@media(max-width:812px){.main-grid{flex-direction:column}}/*!normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css*/html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}/*!* Hamburgers
|
|
* @description Tasty CSS-animated hamburgers
|
|
* @author Jonathan Suh @jonsuh
|
|
* @site https://jonsuh.com/hamburgers
|
|
* @link https://github.com/jonsuh/hamburgers*/.hamburger{padding-top:10px;display:inline-block;cursor:pointer;transition-property:opacity,filter;transition-duration:.15s;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible}.hamburger:hover{opacity:.7}.hamburger.is-active:hover{opacity:.7}.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner::before,.hamburger.is-active .hamburger-inner::after{background-color:#000}.hamburger-box{width:30px;height:24px;display:inline-block;position:relative}.hamburger-inner{display:block;top:50%;margin-top:-2px}.hamburger-inner,.hamburger-inner::before,.hamburger-inner::after{width:30px;height:2px;background-color:var(--card-text-color-main);border-radius:4px;position:absolute;transition-property:transform;transition-duration:.15s;transition-timing-function:ease}.hamburger-inner::before,.hamburger-inner::after{content:"";display:block}.hamburger-inner::before{top:-10px}.hamburger-inner::after{bottom:-10px}.hamburger--spin .hamburger-inner{transition-duration:.22s;transition-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}.hamburger--spin .hamburger-inner::before{transition:top .1s .25s ease-in,opacity .1s ease-in}.hamburger--spin .hamburger-inner::after{transition:bottom .1s .25s ease-in,transform .22s cubic-bezier(0.55,0.055,0.675,0.19)}.hamburger--spin.is-active .hamburger-inner{transform:rotate(225deg);transition-delay:.12s;transition-timing-function:cubic-bezier(0.215,0.61,0.355,1)}.hamburger--spin.is-active .hamburger-inner::before{top:0;opacity:0;transition:top .1s ease-out,opacity .1s .12s ease-out}.hamburger--spin.is-active .hamburger-inner::after{bottom:0;transform:rotate(-90deg);transition:bottom .1s ease-out,transform .22s .12s cubic-bezier(0.215,0.61,0.355,1)}#toggle-menu{background:0 0;border:none;position:absolute;right:30px;top:30px;z-index:2;cursor:pointer;outline:none}@media(min-width:813px){#toggle-menu{display:none}}#toggle-menu.is-active .hamburger-inner,#toggle-menu.is-active .hamburger-inner::before,#toggle-menu.is-active .hamburger-inner::after{background-color:var(--accent-color)}.menu{padding-left:0;list-style:none;display:flex;flex-direction:column;margin-top:25px;overflow-y:auto}@media(min-width:1920px){.menu{margin-top:30px}}@media(max-width:812px){.menu{background-color:var(--card-background);margin-top:0;padding:15px 0;box-shadow:var(--shadow-l1);display:none}.menu.show{display:block}}@media(min-width:813px){.menu{align-items:flex-end}}.menu li{position:relative;vertical-align:middle;padding:10px 0}.menu li:not(:last-of-type){margin-bottom:15px}@media(min-width:1920px){.menu li:not(:last-of-type){margin-bottom:20px}}@media(max-width:812px){.menu li{padding:10px 30px}}@media(min-width:813px) and (max-width:1518px){.menu li{padding:10px 0}}@media(min-width:813px){.menu li{width:100%}}.menu li svg{width:25px;height:25px;stroke-width:1.33;margin-right:40px}.menu li a{height:100%;display:inline-flex;align-items:center;color:var(--body-text-color);font-size:1.5rem}@media(max-width:1519px){.menu li a{font-size:1.4rem}}.menu li span{flex:1}.menu li.current a{color:var(--accent-color);font-weight:700}.article-list{display:flex;flex-direction:column}.article-list article{display:flex;flex-direction:column;background-color:var(--card-background);box-shadow:var(--shadow-l1);border-radius:var(--card-border-radius);overflow:hidden;transition:box-shadow .3s ease}.article-list article:hover{box-shadow:var(--shadow-l2)}.article-list article:not(:last-of-type){margin-bottom:var(--section-separation)}.article-list article .article-image img{width:100%;height:200px;object-fit:cover}@media(max-width:1024px){.article-list article .article-image img{height:150px}}@media(min-width:1920px){.article-list article .article-image img{height:250px}}.article-list article:nth-child(5n+1) .article-category a{background:#8ea885;color:#fff}.article-list article:nth-child(5n+2) .article-category a{background:#df7988;color:#fff}.article-list article:nth-child(5n+3) .article-category a{background:#0177b8;color:#fff}.article-list article:nth-child(5n+4) .article-category a{background:#ffb900;color:#fff}.article-list article:nth-child(5n+5) .article-category a{background:#6b69d6;color:#fff}.article-details{display:flex;flex-direction:column;justify-content:center;padding:var(--card-padding)}.article-category{margin-bottom:10px}.article-category a{display:inline-block;text-decoration:none;padding:8px 16px;font-size:1.4rem;background:#8ea885;color:#fff;border-radius:var(--tag-border-radius)}@media(max-width:812px){.article-category a{font-size:1.25rem;padding:8px 14px}}.article-title{font-size:2.4rem;font-weight:600;margin:10px 0;color:var(--card-text-color-main)}.article-title a{color:var(--card-text-color-main)}.article-title a:hover{color:var(--card-text-color-main)}@media(min-width:1920px){.article-title{font-size:2.4rem}}@media(max-width:1519px){.article-title{font-size:2rem}}.article-title+.article-subtitle{margin-top:0}.article-subtitle{font-weight:400;font-size:1.8rem;color:var(--card-text-color-secondary);margin:5px 0;line-height:1.5}@media(min-width:1920px){.article-subtitle{font-size:2rem}}@media(max-width:1519px){.article-subtitle{font-size:1.6rem}}.article-time{display:flex;align-items:center;color:var(--card-text-color-tertiary);margin-top:10px}.article-time svg{vertical-align:middle;margin-right:8px;width:20px;height:20px}.article-time time{font-size:1.4rem}.article-tags a{color:var(--accent-color-text);background-color:var(--accent-color);padding:8px 18px;border-radius:var(--tag-border-radius);display:inline-block;font-size:1.4rem;margin-right:10px;margin-bottom:10px;transition:background-color .5s ease}.article-tags a:hover{color:var(--accent-color-text);background-color:var(--accent-color-darker)}.article-list--compact{border-radius:var(--card-border-radius);box-shadow:var(--shadow-l1);background-color:var(--card-background)}.article-list--compact+.pagination{margin-top:var(--section-separation)}.article-list--compact article{display:flex;align-items:center;padding:var(--small-card-padding)}.article-list--compact article:not(:last-of-type){border-bottom:2px solid var(--card-separator-color)}.article-list--compact article .article-details{flex-grow:1;padding:0;padding-right:15px}.article-list--compact article .article-title{margin:0;font-size:1.8rem}@media(max-width:1024px){.article-list--compact article .article-title{font-size:1.6rem}}.article-list--compact article .article-image img{width:60px;height:60px}.article-list--tile article{border-radius:var(--card-border-radius);overflow:hidden;position:relative;height:350px;width:250px;box-shadow:var(--shadow-l1);transition:box-shadow .3s ease;background-color:var(--card-background)}.article-list--tile article:hover{box-shadow:var(--shadow-l2)}.article-list--tile article.has-image .article-details{background-color:rgba(0,0,0,.25)}.article-list--tile article.has-image .article-title{color:#fff}.article-list--tile article .article-image{position:absolute;top:0;left:0;width:100%;height:100%}.article-list--tile article .article-image img{width:100%;height:100%;object-fit:cover}.article-list--tile article .article-details{border-radius:var(--card-border-radius);position:relative;height:100%;width:100%;display:flex;flex-direction:column;justify-content:flex-end;z-index:2;padding:20px}@media(max-width:812px){.article-list--tile article .article-details{padding:15px}}.article-list--tile article .article-title{font-size:2.2rem;font-weight:500;color:var(--card-text-color-main)}@media(max-width:812px){.article-list--tile article .article-title{font-size:2rem}}.widget .widget-title{text-transform:uppercase;color:var(--body-text-color);font-weight:700;margin:0;margin-bottom:10px;font-size:1.6rem}.widget .widget-icon svg{width:32px;height:32px;stroke-width:1.6;color:var(--body-text-color)}.tagCloud .tagCloud-tags{display:flex;flex-wrap:wrap}.tagCloud .tagCloud-tags a{background:var(--card-background);box-shadow:var(--shadow-l1);border-radius:var(--tag-border-radius);padding:8px 20px;color:var(--card-text-color-main);margin-bottom:10px;margin-right:5px;font-size:1.4rem;transition:box-shadow .3s ease}.tagCloud .tagCloud-tags a:hover{box-shadow:var(--shadow-l2)}.widget.archives .archives-year{margin-bottom:10px}.widget.archives .archives-year a{background-color:var(--card-background);padding:15px 25px;border-radius:var(--card-border-radius);box-shadow:var(--shadow-l1);display:flex;transition:box-shadow .3s ease}.widget.archives .archives-year a:hover{box-shadow:var(--shadow-l2)}@media(max-width:1920px){.widget.archives .archives-year a{padding:12px 20px;font-size:1.4rem}}.widget.archives .archives-year a span.year{flex:1;color:var(--card-text-color-main)}.widget.archives .archives-year a span.count{color:var(--card-text-color-tertiary)}footer.site-footer{padding:20px 0 var(--section-separation);font-size:1.4rem;line-height:1.75;margin-top:var(--section-separation)}footer.site-footer:before{content:"";display:block;height:3px;width:50px;background:var(--body-text-color);margin-bottom:20px}footer.site-footer .copyright{color:var(--accent-color);font-weight:700;margin-bottom:5px}footer.site-footer .powerby{color:var(--body-text-color);font-weight:400;font-size:1.2rem}footer.site-footer .powerby a{color:var(--body-text-color)}.pagination{display:flex;background-color:var(--card-background);box-shadow:var(--shadow-l1);border-radius:var(--card-border-radius);overflow:hidden;flex-wrap:wrap;margin:var(--section-separation)0}.pagination .page-link{padding:16px 32px;display:inline-flex;color:var(--card-text-color-secondary)}.pagination .page-link.current{font-weight:700;background-color:var(--card-background-selected);color:var(--card-text-color-main)}.sidebar{padding:0 15px}@media(min-width:813px){.sidebar.sticky{position:sticky}}.left-sidebar{display:flex;flex-direction:column;flex-shrink:0}@media(max-width:812px){.left-sidebar{width:100%;padding:30px 0;max-width:none}}.left-sidebar.sticky{top:0}@media(min-width:813px){.left-sidebar{margin-right:1%;padding:var(--main-top-padding)15px;max-height:100vh}}.right-sidebar{flex-shrink:0}.right-sidebar.sticky{top:0}@media(max-width:1518px){.right-sidebar{display:none}}@media(min-width:1024px){.right-sidebar{margin-left:1%;padding-top:50px}}.site-info{z-index:1;transition:box-shadow .5s ease}@media(max-width:812px){.site-info{padding:15px 30px}}.site-info .site-avatar{position:relative;margin:0;margin-bottom:25px;width:150px;height:150px}@media(max-width:1920px){.site-info .site-avatar{height:120px;width:120px}}.site-info .site-avatar .site-logo{width:100%;height:100%;border-radius:100%;box-shadow:var(--shadow-l1)}.site-info .site-avatar .emoji{position:absolute;width:50px;height:50px;line-height:50px;border-radius:100%;bottom:0;right:0;text-align:center;font-size:20px;background-color:var(--card-background);box-shadow:var(--shadow-l2)}@media(max-width:1920px){.site-info .site-avatar .emoji{width:40px;height:40px;line-height:40px}}.site-info .site-name{color:var(--accent-color);font-size:2.4rem;margin:0}@media(max-width:1920px){.site-info .site-name{font-size:2rem}}.site-info .site-description{color:var(--body-text-color);font-weight:400;margin:10px 0;font-size:1.8rem}@media(max-width:1920px){.site-info .site-description{font-size:1.6rem}}.sidebar .widget:not(:last-of-type){margin-bottom:var(--section-separation)}.sidebar .widget:not(:last-of-type):after{content:"";width:100px;height:2px;background-color:var(--body-text-color);display:block;margin-top:var(--section-separation)}html{font-size:62.5%;overflow-y:scroll}*{box-sizing:border-box}body{background:var(--body-background);margin:0;font-family:var(--base-font-family);font-size:1.6rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.archives-group{margin-bottom:var(--section-separation)}.archives-group .archives-date{text-transform:uppercase;margin-bottom:10px;font-size:1.6rem;font-weight:700}.archives-group .archives-date a{color:var(--body-text-color)}.template-archives .category-list{margin-bottom:var(--section-separation);overflow-x:auto}.template-archives .category-list .article-list--tile{display:flex;padding-bottom:15px}.template-archives .category-list .article-list--tile article{width:250px;height:150px;margin-right:20px;flex-shrink:0}.template-archives .category-list .article-list--tile article .article-title{margin:0;font-size:1.8rem}.template-archives .category-list .article-list--tile article .article-details{padding:20px}:root{--body-background: #f5f5fa;--accent-color: #34495e;--accent-color-darker: #2c3e50;--accent-color-text: #fff;--body-text-color: #bababa;--tag-border-radius: 4px;--section-separation: 40px}@media(min-width:813px){:root{--main-top-padding: 50px}}@media(prefers-color-scheme:dark){:root{--body-background: #303030;--accent-color: #ecf0f1;--accent-color-darker: #bdc3c7;--accent-color-text: #000;--body-text-color: rgba(255, 255, 255, 0.7)}}:root{--sys-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Droid Sans", "Helvetica Neue";--zh-font-family: "PingFang SC", "Hiragino Sans GB", "Droid Sans Fallback", "Microsoft YaHei";--base-font-family: "Lato", var(--sys-font-family), var(--zh-font-family);--code-font-family: Menlo, Monaco, Consolas, "Courier New"}:root{--card-background: #fff;--card-background-selected: #eaeaea;--card-text-color-main: #000;--card-text-color-secondary: #747474;--card-text-color-tertiary: #bababa;--card-separator-color: rgba(218, 218, 218, 0.5);--card-border-radius: 10px;--card-padding: 30px;--small-card-padding: 25px}@media(max-width:1920px){:root{--card-padding: 25px}}@media(max-width:1024px){:root{--card-padding: 20px}}@media(prefers-color-scheme:dark){:root{--card-background: #424242;--card-background-selected: rgba(255, 255, 255, 0.16);--card-text-color-main: rgba(255, 255, 255, 0.9);--card-text-color-secondary: rgba(255, 255, 255, 0.7);--card-text-color-tertiary: rgba(255, 255, 255, 0.5);--card-separator-color: rgba(255, 255, 255, 0.12)}}:root{--article-font-family: var(--base-font-family);--article-font-size: 1.7rem;--article-line-height: 1.85}@media(max-width:1024px){:root{--article-font-size: 1.6rem}}:root{--blockquote-border-size: 4px;--blockquote-background-color: rgb(248 248 248);--heading-border-size: 4px;--link-background-color: 189, 195, 199;--link-background-opacity: 0.5;--link-background-opacity-hover: 0.7;--pre-background-color: #272822;--pre-text-color: #f8f8f2;--code-background-color: rgba(0, 0, 0, 0.12);--code-text-color: #808080;--table-border-color: #dadada;--tr-even-background-color: #efefee}@media(prefers-color-scheme:dark){:root{--code-background-color: #272822;--code-text-color: rgba(255, 255, 255, 0.9);--table-border-color: #717171;--tr-even-background-color: #545454;--blockquote-background-color: rgb(75 75 75)}}:root{--shadow-l1: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);--shadow-l2: 0px 10px 20px rgba(0, 0, 0, 0.04), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);--shadow-l3: 0px 10px 20px rgba(0, 0, 0, 0.04), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);--shadow-l4: 0px 24px 32px rgba(0, 0, 0, 0.04), 0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),
|
|
0px 0px 1px rgba(0, 0, 0, 0.04)}@media(min-width:812px) and (max-width:1024px){.keep-sidebar{--main-top-padding: 50px}}@media(max-width:1024px){.article-page.with-toolbar{--main-top-padding: 0}}@media(max-width:1024px){.article-page:not(.keep-sidebar) .left-sidebar{display:none}}.article-page .article-sidebar{position:sticky;top:50px;flex-shrink:0}@media(max-width:1024px){.article-page .article-sidebar{display:none}}@media(min-width:1024px){.article-page .article-sidebar{padding-left:15px;margin-left:1%}}@media(min-width:1024px){.article-page .article-sidebar{width:25%;margin-right:1%}}@media(min-width:1519px){.article-page .article-sidebar{width:30%}}.article-page article{background:var(--card-background);border-radius:var(--card-border-radius);box-shadow:var(--shadow-l1);overflow:hidden}.article-page article.main-article{margin-bottom:var(--section-separation)}.article-page article .article-header .article-image img{height:auto;width:100%;max-height:50vh;object-fit:cover}.article-page article .article-header .article-details{padding:var(--card-padding);padding-bottom:0}.article-page article .article-content{margin:var(--card-padding)0;color:var(--card-text-color-main)}.article-page article .article-content img{max-width:100%;height:auto}.article-page article .article-footer{padding:var(--card-padding);padding-top:0}.article-page article .article-footer section:not(:first-child){margin-top:var(--card-padding)}.article-page article .article-footer section{color:var(--card-text-color-tertiary);text-transform:uppercase;display:flex;align-items:center;font-size:1.4rem}.article-page article .article-footer section svg{width:20px;height:20px;margin-right:15px;stroke-width:1.33}.article-page article .article-footer .article-tags{flex-wrap:wrap}#article-toolbar{display:flex;align-items:center}@media(max-width:1024px){#article-toolbar{margin:20px 0}}@media(min-width:1024px){#article-toolbar{display:none}}#article-toolbar .back-home{background:var(--card-background);border-radius:var(--tag-border-radius);color:var(--card-text-color-tertiary);margin-right:30px;display:inline-flex;align-items:center;font-size:1.4rem;text-transform:uppercase;padding:10px 20px 10px 15px;transition:box-shadow .3s ease;box-shadow:var(--shadow-l1)}#article-toolbar .back-home:hover{box-shadow:var(--shadow-l2)}#article-toolbar .back-home svg{margin-right:5px;width:20px;height:20px}#article-toolbar .back-home span{font-weight:500}.related-contents--wrapper{margin-bottom:var(--section-separation)}.related-contents{overflow-x:auto;padding-bottom:15px}.related-contents>.flex{float:left}.related-contents article{margin-right:15px;flex-shrink:0;overflow:hidden;width:250px;height:150px}.related-contents article .article-title{font-size:1.8rem;margin:0}.related-contents article.has-image .article-details{padding:20px;background:linear-gradient(0deg,rgba(0,0,0,0.25) 0%,rgba(0,0,0,0.75) 100%)}.article-content{font-family:var(--article-font-family);font-size:var(--article-font-size);line-height:var(--article-line-height)}.article-content>p{margin:1.5em 0;padding:0 var(--card-padding)}.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6{padding:0 calc(var(--card-padding) - var(--heading-border-size));border-left:var(--heading-border-size)solid var(--accent-color)}.article-content figure{margin:0 auto;text-align:center}.article-content figure figcaption{font-size:1.4rem;color:var(--card-text-color-secondary)}.article-content blockquote{position:relative;margin:10px 0;border-left:var(--blockquote-border-size)solid var(--card-separator-color);padding:15px calc(var(--card-padding) - var(--blockquote-border-size));background-color:var(--blockquote-background-color)}.article-content>ul,.article-content>ol{margin:1em var(--card-padding)}.article-content hr{width:100px;margin:40px auto;background:var(--card-text-color-tertiary);height:2px;border:0;opacity:.55}.article-content code{color:var(--code-text-color);background-color:var(--code-background-color);padding:2px 4px;border-radius:var(--tag-border-radius);font-family:var(--code-font-family);word-wrap:break-word}.article-content .gallery{position:relative;display:flex;flex-direction:row;justify-content:center;margin:20px 0}.article-content .gallery figure{margin:0}.article-content .gallery figure+figure{margin-left:10px}.article-content pre{overflow-x:auto;display:block;background-color:var(--pre-background-color);color:var(--pre-text-color);font-family:var(--code-font-family);line-height:1.428571429;word-break:break-all;padding:var(--card-padding)}.article-content pre code{color:unset;border:none;background:0 0;padding:0}.article-content table{margin:0 var(--card-padding);width:100%;max-width:calc(100% - var(--card-padding) * 2);border-collapse:collapse;border-spacing:0;margin-bottom:1.5em;font-size:.96em}.article-content th,.article-content td{text-align:left;padding:4px 8px 4px 10px;border:1px solid var(--table-border-color)}.article-content td{vertical-align:top}.article-content tr:nth-child(even){background-color:var(--tr-even-background-color)}.taxonomy-type{text-transform:uppercase;color:var(--body-text-color);font-weight:700;margin-bottom:5px;font-size:1.6rem}.taxonomy-card{border-radius:var(--card-border-radius);background-color:var(--card-background);padding:var(--small-card-padding);box-shadow:var(--shadow-l1);margin-bottom:var(--section-separation);display:flex;align-items:center;--separation: 15px}.taxonomy-card .taxonomy-term{font-size:2.2rem;margin:0;margin-top:calc(var(--separation)/2);color:var(--card-text-color-main)}.taxonomy-card .taxonomy-term+.taxonomy-description{margin-top:var(--separation)}.taxonomy-card .taxonomy-description{font-weight:400;color:var(--card-text-color-secondary);font-size:1.6rem;margin:0}.taxonomy-card .taxonomy-details{flex-grow:1;margin-right:20px}.taxonomy-card .taxonomy-image img{width:60px;height:60px}.taxonomy-card .taxonomy-count{color:var(--card-text-color-tertiary);font-size:1.4rem;margin:0;font-weight:700;text-transform:uppercase}.not-found-card{background-color:var(--card-background);box-shadow:var(--shadow-l1);border-radius:var(--card-border-radius);padding:var(--card-padding)}a{text-decoration:none;color:var(--accent-color)}a:hover{color:var(--accent-color-darker)}a.link{box-shadow:0px -2px 0px rgba(var(--link-background-color),var(--link-background-opacity)) inset;transition:all .3s ease}a.link:hover{box-shadow:0px -10px 0px rgba(var(--link-background-color),var(--link-background-opacity-hover)) inset} |