You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
2 lines
9.0 KiB
CSS
2 lines
9.0 KiB
CSS
@font-face{font-family:'Open Sans';src:url("/fonts/IBM_Plex_Mono/IBMPlexMono-Regular.ttf")}.cards{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));grid-template-rows:auto;gap:24px;padding:12px 0}.card{min-height:100px;background:var(--bg-2);border:2px solid var(--border-color);border-radius:10px;overflow:hidden}.card-info{padding:0 24px 24px 24px}.card-title{margin-top:0.7em}.card-image{border:unset;width:100%}.card-image-placeholder{height:12px;width:100%}.card-description{margin-top:0.5em;overflow:hidden}@media all and (max-width: 720px){.cards{gap:18px}}.bloglist-table-row{padding:2%;background-color:var(--navbar-color);border-radius:5px;transition:300ms;width:28%;margin-right:1%;margin-top:3%}.bloglist-container{display:flex;flex-wrap:wrap}.bloglist-table-row:hover{box-shadow:2px 5px var(--border-color)}.bloglist-links{text-decoration:none}.bloglist-table-row-data{padding:10px}.bloglist-table-row-date{font-size:12px}@media only screen and (max-width: 600px){.bloglist-table-row{width:100%}}code{background-color:var(--bg-1);padding:0.1em 0.2em;border-radius:5px;border:1px solid var(--border-color)}pre{border-radius:5px;border:1px solid var(--border-color);line-height:1.4;overflow-x:auto;padding:1em}pre code{background-color:transparent;color:inherit;font-size:100%;padding:0;border:0}pre{font-family:var(--code-font);position:relative;-webkit-overflow-scrolling:touch}pre code[class*="language-"]{-webkit-overflow-scrolling:touch}pre code[class*="language-"]::before{background:black;border-radius:0 0 0.25rem 0.25rem;color:white;font-size:12px;letter-spacing:0.025rem;padding:0.1rem 0.5rem;position:absolute;right:0.1rem;margin-top:0.1rem;text-align:right;text-transform:uppercase;top:0}pre code[class="language-javaScript"]::before,pre code[class="language-js"]::before{content:"js";background:#f7df1e;color:black}pre code[class*="language-yml"]::before,pre code[class*="language-yaml"]::before{content:"yaml";background:#f71e6a;color:white}pre code[class*="language-shell"]::before,pre code[class*="language-bash"]::before,pre code[class*="language-sh"]::before{content:"shell";background:green;color:white}pre code[class*="language-json"]::before{content:"json";background:dodgerblue;color:#000000}pre code[class*="language-python"]::before,pre code[class*="language-py"]::before{content:"py";background:blue;color:yellow}pre code[class*="language-css"]::before{content:"css";background:cyan;color:black}pre code[class*="language-go"]::before{content:"Go";background:cyan;color:royalblue}pre code[class*="language-md"]::before,pre code[class*="language-md"]::before{content:"Markdown";background:royalblue;color:whitesmoke}pre code[class*="language-rust"]::before,pre code[class*="language-rs"]::before{content:"rust";background:#fff8f6;color:#ff4647}.page-header{margin:4rem 0px 1rem 0px;font-size:3em;line-height:100%;font-family:var(--header-font)}.centered-header{font-family:var(--header-font);position:absolute;top:40%;left:50%;transform:translate(-50%, -50%);text-align:center;font-size:1em}body>header{width:100%;height:3rem;background-color:var(--navbar-color)}.navbar{max-width:var(--max-layout-width);display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;padding:1em 0;margin:0 auto}@media only screen and (max-width: 1000px){body>header{height:6rem}.navbar{max-width:var(--normal-layout-width)}.nav-navs{margin:0 auto;display:flex;justify-content:center;align-items:center}}@media only screen and (max-width: 600px){.navbar{max-width:var(--medium-layout-width)}}@media only screen and (max-width: 300px){.navbar{max-width:var(--small-layout-width)}}.nav-links{text-decoration:none;color:var(--text-color);padding:5px;border-radius:5px;transition:transform .2s ease-out, background .3s ease, color .3s ease}.nav-links:hover{color:var(--links);background-color:var(--secondary-color);transform:translateY(0.5em)}header .main{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;font-size:1.5rem;margin-bottom:10px}.nav-navs img{border:none}.home-title{display:inline-block;padding:.25em 1em;font-size:1.6em;color:var(--links);background-color:var(--secondary-color)}.socials{flex-grow:0;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:flex-end;gap:6px;height:2em}.social{border-bottom:unset;background-image:unset;padding:2px}.social>img{border:unset;width:24px;height:24px}.meta{color:var(--meta-color);letter-spacing:-0.5px}[data-theme="dark"] .social>img{filter:invert(1)}@media (prefers-color-scheme: dark){.social>img{filter:invert(1)}}img{border:3px solid #ececec;max-width:100%}figure{box-sizing:border-box;display:inline-block;margin:0;max-width:100%}figure img{max-height:500px}@media screen and (min-width: 600px){figure{padding:0 40px}}figure h4{font-size:1rem;margin:0;margin-bottom:1em}figure h4::before{content:"↳ "}svg{max-height:15px}.primary-color{color:var(--primary-color)}.draft-label{color:var(--hover-color);text-decoration:none;padding:2px 4px;border-radius:4px;margin-left:6px;background-color:var(--primary-color)}::-moz-selection{background:var(--primary-color);color:var(--hover-color);text-shadow:none}::selection{background:var(--primary-color);color:var(--hover-color)}p{line-height:1.5}hr{border:0;border-top:3px solid var(--border-color);margin:1em 0}blockquote{border-left:3px solid var(--border-color);color:#737373;margin:0;padding-left:1em}a{color:var(--text-color);text-decoration-color:var(--links);font-weight:600}a:hover{background-color:var(--primary-color);color:var(--hover-color)}@media screen and (max-width: 600px){.list>ul{margin:0;padding:0}}table{border-spacing:0;border-collapse:collapse}table th{padding:6px 13px;border:1px solid #dfe2e5;font-size:large}table td{padding:6px 13px;border:1px solid #dfe2e5}#banner-container-home{display:flex;width:100%;margin:20px auto;align-items:center;justify-content:center}.image-container-home{position:relative;width:30%;overflow:hidden;border-radius:10px}#home-banner-text{width:70%;font-size:1.1em;line-height:200%;padding-right:5%}.banner-home-img{border-radius:50%;border:none}@media only screen and (max-width: 600px){#banner-container-home{display:block;margin:0 auto}.image-container-home{width:95%;height:50vh}#home-banner-text{width:95%}}footer{height:3rem;border-top:1px solid var(--light-border-color);background-color:var(--navbar-color);font-family:var(--post-font-family);text-align:center;line-height:3}.theme-switcher{top:-13px;width:50px;height:20px;position:relative;cursor:pointer;margin:0 auto}.theme-switcher .background{width:50px;height:20px;background-color:var(--input-back);border-radius:30px}.theme-switcher .switch{box-shadow:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);height:30px;width:30px;background-color:var(--input-color);position:absolute;top:-5px;left:0px;border-radius:50%;transition:all 0.3s ease-in-out;display:flex;justify-content:center;align-items:center}.theme-switcher .switch img{width:60%;height:auto;position:absolute;transition:all 0.2s ease-in-out;border:none}.theme-switcher .switch .sun{opacity:0}.theme-switcher .switch .moon{opacity:1}.theme-switcher input{display:none}.theme-switcher input:checked+.switch{left:20px}.theme-switcher input:checked+.switch .sun{opacity:1}.theme-switcher input:checked+.switch .moon{opacity:0}.logo{position:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;left:10px;top:10px;flex-direction:row;z-index:1000}.logo a{display:block;height:30px;width:auto;cursor:pointer;margin-right:10px}.logo a img{height:100%;width:auto}:root{--max-layout-width:900px;--normal-layout-width:600px;--medium-layout-width:350px;--small-layout-width:200px;font-family:'Roboto Mono', monospace;line-height:180%;--bg-0: #121212;--bg-1: rgba(255, 255, 255, 5%);--bg-2: rgba(23, 23, 23, 100%);--primary-color: #5053ef;--hover-color: white;--background-color:#29292e;--navbar-color:#222226;--secondary-color:#1b1b20;--highlights: #b35a5a;--links: #7de1ff;--text-color: #f2f2f2;--code: #ef476f;--border-color: #111;--light-border-color: rgba(255, 255, 255, 0.1);--input-back: #4b4a4a;--input-color: #294797;--meta-color: rgb(198, 197, 197)}[data-theme="light"]{--bg-0: #fff;--bg-1: #f2f2f2;--bg-2: #fefefe;--hover-color: white;--background-color:#fff;--navbar-color:#e3e3e3;--text-color: #222226;--border-color: rgb(114, 114, 114);--light-border-color: rgba(255, 255, 255, 0.1);--input-back: #161616;--input-color: #294797;--input-back: rgb(158, 158, 158);--input-color: #fbec48;--meta-color: rgb(53, 53, 53)}html{background-color:var(--background-color);color:var(--text-color);line-height:1.6em}body{margin:0;padding:0}.content{max-width:var(--max-layout-width);margin:3rem auto 1rem;padding:0 24px;word-wrap:break-word;min-height:calc(100vh - 10rem - 1px)}@media only screen and (max-width: 1000px){.content{max-width:var(--normal-layout-width)}}@media only screen and (max-width: 600px){.content{max-width:var(--medium-layout-width)}}@media only screen and (max-width: 300px){.content{max-width:var(--small-layout-width)}}@media all and (min-width: 640px){html{font-size:16.5px}}@media all and (min-width: 720px){html{font-size:17px}}@media all and (min-width: 960px){html{font-size:18px}}
|