3 lines
15 KiB
CSS
3 lines
15 KiB
CSS
:root{--dark_bg: #242629;--dark_hl_bg: #34363b;--dark_fg: #fff;--dark_dim_fg: #bababa;--dark_stroke: #4f4f4f;--dark_accent: #db5793;--dark_sidebar_bg: #34363b;--dark_sidebar_fg: #fff;--light_bg: #f5f5f5;--light_hl_bg: #e6e6e6;--light_fg: #262625;--light_dim_fg: #40403e;--light_stroke: #575754;--light_accent: #db5793;--light_sidebar_bg: #e6e6e6;--light_sidebar_fg: #121211;--default_bg: #242629;--default_hl_bg: #34363b;--default_fg: #fff;--default_dim_fg: #bababa;--default_stroke: #4f4f4f;--default_accent: #db5793;--default_sidebar_bg: #34363b;--default_sidebar_fg: #fff}::selection,::-moz-selection{background:var(--default_accent);color:var(--default_fg)}body,html{font-family:"Symbols Nerd Font",JetBrains Mono,monospace;font-size:16px;margin:0;padding:0;background-color:var(--default_bg);color:var(--default_fg)}body{min-height:100vh}a{color:var(--default_fg);text-decoration:none;background-color:transparent;border-radius:0;border-bottom:2px solid currentcolor}a:hover,a:hover:not([disabled]),a:focus,a:focus:not([disabled]){border-color:var(--default_accent) !important;background-color:transparent}a.unstyledLink{border:none;text-decoration:none;color:var(--default_fg)}#content{max-width:1000px;margin-left:auto;margin-right:auto;padding:15px}footer{color:var(--default_dim_fg)}footer a{color:var(--default_dim_fg)}footer hr{margin-top:30px}footer .footerColumns{font-size:14.4px;display:flex;flex-direction:row;flex-wrap:wrap}footer .footerColumns ul{margin:7.5px;list-style-type:none;padding:0}footer .footerColumns ul li>strong{font-size:1rem}#links{padding:5px 0}article img,.articlePreview img{margin:auto;display:block;max-width:100%}article pre,article code,.articlePreview pre,.articlePreview code{overflow:auto}article pre,.articlePreview pre{padding:15px;border:1px solid var(--default_stroke);border-radius:3px}code{font-family:"Symbols Nerd Font",JetBrains Mono,monospace;font-size:12.8px;border:1px solid var(--default_stroke);border-radius:3px}code,table{padding:2px}pre code{border:none;border-radius:none;padding:0}table{border-collapse:collapse;overflow-x:auto;display:block}table td,table th{padding:6px;border:1px solid var(--default_stroke)}table th,table tr:nth-child(even){filter:brightness(105%)}blockquote{margin:0;padding-left:30px;border-left:2px solid currentcolor}.date,.date a{color:var(--default_dim_fg);border-color:var(--default_dim_fg);font-size:.9em}#pageNavigation a,.nerdlink a,nav:not(#TableOfContents) a{border-bottom:none}#pageNavigation a:hover,.nerdlink a:hover,nav:not(#TableOfContents) a:hover{border-bottom:none}#pageNavigation{text-align:right}#pageNavigation a{color:var(--default_accent)}#pageNavigation a,#pageNavigation span{display:inline-block;padding:6px}#pageNavigation.nav-circles{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-end;align-items:center}#pageNavigation.nav-circles a,#pageNavigation.nav-circles span{margin:5px;text-align:center;display:inline-block;width:40px;height:40px;line-height:40px;padding:unset;border-radius:100%;transition:background-color .15s ease-in-out;background-color:var(--default_hl_bg);color:var(--default_fg);box-shadow:0 0 0 0 transparent}#pageNavigation.nav-circles span{background-color:var(--default_accent)}#pageNavigation.nav-circles a:hover{background-color:var(--default_accent)}h1,h2,h3,h4,h5,h6{font-family:"Symbols Nerd Font",JetBrains Mono}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:var(--default_accent);border-bottom:none}h1{font-size:32px}h2{font-size:24px}h3{font-size:20.8px}h4{font-size:16px}h5{font-size:12.8px}h6{font-size:11.2px}.nerd,.nerdlink{font-family:"Symbols Nerd Font",JetBrains Mono;font-size:19.2px;margin:5px;display:inline-block}.nerdlink{color:var(--default_fg);border-bottom:none;position:relative;width:1em;height:1.2em;display:inline-flex;align-items:center;justify-content:center}.nerdlink .pseudofont{fill:var(--default_fg);display:inline;position:relative;top:1px}.nerdlink span{position:absolute;top:1.5em;left:50%;transform:translateX(-50%);padding:2px;border:1px solid var(--default_stroke);border-radius:3px;color:var(--default_fg);display:none;background-color:var(--default_bg);z-index:900;text-align:center}.nerdlink:hover{color:var(--default_accent);text-decoration:none;border-bottom:none}.nerdlink:hover .pseudofont{fill:var(--default_accent)}.nerdlink:hover span{display:block}.card,.featuredCardLink .featuredCard,.featuredCardLink .relatedArticlesContainer #relatedArticles .postlistitem,.relatedArticlesContainer #relatedArticles .featuredCardLink .postlistitem{display:block;padding-bottom:15px}.postlist{display:grid;grid-gap:15px;margin-bottom:15px;grid-template-columns:1fr}.postlist.gridView{grid-template-columns:repeat(auto-fit, minmax(325px, 1fr))}.postlistitem.card div img,.featuredCardLink .postlistitem.featuredCard div img,.featuredCardLink .relatedArticlesContainer #relatedArticles .postlistitem div img,.relatedArticlesContainer #relatedArticles .featuredCardLink .postlistitem div img{height:250px;min-width:100%;object-fit:cover}ul li{margin:5px 0}ul.list .date{display:inline-block;min-width:100px}ul.list>li>div{display:grid;grid-template-columns:100px auto}#commento{margin-top:15px;color:var(--default_fg);font-family:"Symbols Nerd Font",JetBrains Mono,monospace}#commento textarea,#commento #commento-markdown-help-root{background:rgba(255,255,255,0.05);color:var(--default_fg);border-radius:0;border:none}#commento textarea td,#commento textarea td>*,#commento textarea td>*>*,#commento #commento-markdown-help-root td,#commento #commento-markdown-help-root td>*,#commento #commento-markdown-help-root td>*>*{color:var(--default_fg)}#commento textarea td pre,#commento textarea td>* pre,#commento textarea td>*>* pre,#commento #commento-markdown-help-root td pre,#commento #commento-markdown-help-root td>* pre,#commento #commento-markdown-help-root td>*>* pre{font-family:"Symbols Nerd Font",JetBrains Mono,monospace;color:var(--default_dim_fg)}#commento #commento-submit-button-root{background:var(--default_accent);color:var(--default_fg)}#commento .commento-name{color:var(--default_dim_fg)}#commento .commento-sort-policy-buttons a{border-bottom:none}#commento .commento-sort-policy-buttons .commento-sort-policy-button-selected{color:var(--default_accent)}#commento .commento-card{border-top:none;margin:25px 0}#commento .commento-body>*,#commento .commento-body *>*,#commento .commento-body>*>*>*,#commento .commento-body>*>*>*>*,#commento .commento-body>*>*>*>*>*{color:var(--default_fg);font-family:"Symbols Nerd Font",JetBrains Mono,monospace}.search{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;margin:15px 0}.search .nerdlink{display:inline-block;cursor:pointer;padding:0 6px}.search #searchbar{width:100%;min-width:150px;font-size:1.3em;outline:none}.titleAndSearchContainer{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.titleAndSearchContainer #titleContainer{flex-grow:99}.titleAndSearchContainer .search{flex-grow:1}.titleAndSearchContainer .search,.titleAndSearchContainer .search #searchbar{font-size:1em}.featuredCardLink{border:none;padding:0}.featuredCardLink .featuredCard,.featuredCardLink .relatedArticlesContainer #relatedArticles .postlistitem,.relatedArticlesContainer #relatedArticles .featuredCardLink .postlistitem{background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;height:250px}.featuredCardLink .featuredCard .contentArea,.featuredCardLink .relatedArticlesContainer #relatedArticles .postlistitem .contentArea,.relatedArticlesContainer #relatedArticles .featuredCardLink .postlistitem .contentArea{position:absolute;bottom:0;padding:15px}.featuredCardLink .featuredCard .contentArea,.featuredCardLink .relatedArticlesContainer #relatedArticles .postlistitem .contentArea,.relatedArticlesContainer #relatedArticles .featuredCardLink .postlistitem .contentArea,.featuredCardLink .featuredCard .contentArea h2,.featuredCardLink .relatedArticlesContainer #relatedArticles .postlistitem .contentArea h2,.relatedArticlesContainer #relatedArticles .featuredCardLink .postlistitem .contentArea h2,.featuredCardLink .featuredCard .contentArea .date,.featuredCardLink .relatedArticlesContainer #relatedArticles .postlistitem .contentArea .date,.relatedArticlesContainer #relatedArticles .featuredCardLink .postlistitem .contentArea .date{color:white}.featuredCardLink .featuredCard .contentArea h2,.featuredCardLink .relatedArticlesContainer #relatedArticles .postlistitem .contentArea h2,.relatedArticlesContainer #relatedArticles .featuredCardLink .postlistitem .contentArea h2{margin:0}.featuredCardLink .featuredCard .contentArea .date,.featuredCardLink .relatedArticlesContainer #relatedArticles .postlistitem .contentArea .date,.relatedArticlesContainer #relatedArticles .featuredCardLink .postlistitem .contentArea .date{margin:0}.loadMoreButton{text-align:center;font-size:1.2em;font-weight:bold}.loadMoreButton.buttonLike a{display:inline-block;border-radius:10px;background-color:var(--default_hl_bg);color:var(--default_fg);padding:7.5px;margin:2.5px 0;transition:background-color .15s ease-in-out !important;border-bottom:none;box-shadow:0 0 0 0 transparent}.loadMoreButton.buttonLike a:hover,.loadMoreButton.buttonLike a:focus{background-color:var(--default_accent)}.relatedArticlesContainer{margin:15px 0}#titleContainer{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:flex-start;align-self:flex-start}#titleContainer h1{font-weight:normal;font-size:25.6px;margin:0}#titleContainer img{margin-right:7.5px;margin-top:7px;align-self:flex-start;width:50px;max-height:50px;border-radius:5px}nav:not(#TableOfContents) ul,#links ul{list-style-type:none;display:flex;flex-direction:row;flex-wrap:wrap;padding:0;margin:0}header{max-width:1000px;margin-left:auto;margin-right:auto;padding:15px;margin-bottom:15px}header .rightOfLogo{width:100%}header .rightOfLogo .titleAndHamburger{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:flex-start;justify-content:space-between}header nav:not(#TableOfContents){font-size:.9em}header nav:not(#TableOfContents) ul li{border-right:1px solid var(--default_accent)}header nav:not(#TableOfContents) ul li:last-child{border-right:none}header nav:not(#TableOfContents) ul li a{padding:2px 15px;color:var(--default_accent)}header nav:not(#TableOfContents) ul li a:hover{text-decoration:underline}.articleTagsContainer{margin:15px 0}a.buttonTag{display:inline-block;border-radius:10px;background-color:var(--default_hl_bg);color:var(--default_fg);padding:7.5px;margin:2.5px 0;transition:background-color .15s ease-in-out !important;border-bottom:none;box-shadow:0 0 0 0 transparent}a.buttonTag:hover,a.buttonTag:focus{background-color:var(--default_accent)}.cactus-button,.cactus-login-buttons>button{font-family:JetBrains Mono;padding:0;margin:5px 0 5px 15px !important;color:var(--default_fg);text-decoration:none;background-color:transparent;border-radius:0;border-bottom:2px solid currentcolor;font-size:19.2px;transition-property:border-color, background-color !important;transition-duration:.15s;transition-timing-function:ease-in-out;opacity:1 !important}.cactus-button:hover,.cactus-button:hover:not([disabled]),.cactus-button:focus,.cactus-button:focus:not([disabled]),.cactus-login-buttons>button:hover,.cactus-login-buttons>button:hover:not([disabled]),.cactus-login-buttons>button:focus,.cactus-login-buttons>button:focus:not([disabled]){border-color:var(--default_accent) !important;background-color:transparent}.cactus-button[disabled],.cactus-login-buttons>button[disabled]{opacity:.5 !important;border-color:transparent !important;background-color:transparent !important;box-shadow:none}.shareBtn,button{color:var(--default_fg);text-decoration:none;background-color:transparent;border-radius:0;border-bottom:2px solid currentcolor;font-size:19.2px;cursor:pointer}.shareBtn:hover,.shareBtn:hover:not([disabled]),.shareBtn:focus,.shareBtn:focus:not([disabled]),button:hover,button:hover:not([disabled]),button:focus,button:focus:not([disabled]){border-color:var(--default_accent) !important;background-color:transparent}input,textarea,textarea.cactus-editor-textarea{border-radius:0 !important;box-sizing:border-box;font-family:"Symbols Nerd Font",JetBrains Mono;background-color:var(--default_hl_bg) !important;color:var(--default_fg);max-width:100%;min-width:10px;padding:12px;border:2px solid transparent !important;border-color:transparent;transition:border-color .15s ease-in-out !important}input:focus,input:active,textarea:focus,textarea:active,textarea.cactus-editor-textarea:focus,textarea.cactus-editor-textarea:active{border-color:var(--default_accent) !important;outline:none}.cactus-editor-name{box-sizing:border-box;max-width:100%;min-width:10px}.cactus-login-form{border-radius:0;box-shadow:none;border:2px solid var(--default_stroke);max-width:600px;min-width:200px;width:100%;margin:0 auto;box-sizing:border-box;transform:none;top:30px;left:0;right:0;background-color:var(--default_bg) !important;color:var(--default_fg) !important;z-index:9999}.cactus-login-form>a{color:var(--default_fg);text-decoration:none;background-color:transparent;border-radius:0;border-bottom:2px solid currentcolor;font-size:19.2px;align-self:flex-end}.cactus-login-form>a:hover,.cactus-login-form>a:hover:not([disabled]),.cactus-login-form>a:focus,.cactus-login-form>a:focus:not([disabled]){border-color:var(--default_accent) !important;background-color:transparent}.cactus-login-form>a>button{background-color:transparent !important;border:none !important;box-shadow:none !important;margin:0 !important;padding:0 !important}.cactus-login-form .cactus-login-buttons{margin:0;justify-content:flex-end}.cactus-login-form .cactus-login-buttons>button{flex-grow:0;white-space:nowrap}#fediInstanceDialog{display:none;position:fixed;top:0;bottom:0;left:0;right:0}#fediInstanceDialog .dialog{box-shadow:none;border:2px solid var(--default_stroke);box-sizing:border-box;position:absolute;display:flex;flex-direction:column;top:30px;left:50%;transform:translateX(-50%);z-index:9999;background-color:var(--default_bg);width:450px;max-width:100%;padding:15px}#fediInstanceDialog .dialog h1,#fediInstanceDialog .dialog h2,#fediInstanceDialog .dialog h3,#fediInstanceDialog .dialog h4{margin:0}#fediInstanceDialog .dialog h2{margin-bottom:24px}#fediInstanceDialog .dialog input{display:block}#fediInstanceDialog .dialog .buttons{margin:15px 0;display:flex;flex-direction:row;justify-content:end}#fediInstanceDialog .dialog .buttons>*{margin:5px 0 5px 15px;display:block}#fediInstanceDialog .bg{z-index:99;position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,0.4);cursor:pointer}#fediInstanceDialog.open{display:block}a{transition-property:color, border-color;transition-duration:.15s;transition-timing-function:ease-in-out}.nerdlink,.nerdlink .pseudofond{transition:all .15s ease-in-out}input{transition:.15s border ease-in-out}
|
|
|
|
/*# sourceMappingURL=styles.css.map */ |