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.
1 line
9.0 KiB
CSS
1 line
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:.7em}.card-image{border:unset;width:100%}.card-image-placeholder{height:12px;width:100%}.card-description{margin-top:.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:.1em .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:rgba(0,0,0,0);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:#000;border-radius:0 0 .25rem .25rem;color:#fff;font-size:12px;letter-spacing:.025rem;padding:.1rem .5rem;position:absolute;right:.1rem;margin-top:.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:#000}pre code[class*=language-yml]::before,pre code[class*=language-yaml]::before{content:"yaml";background:#f71e6a;color:#fff}pre code[class*=language-shell]::before,pre code[class*=language-bash]::before,pre code[class*=language-sh]::before{content:"shell";background:green;color:#fff}pre code[class*=language-json]::before{content:"json";background:#1e90ff;color:#000}pre code[class*=language-python]::before,pre code[class*=language-py]::before{content:"py";background:blue;color:#ff0}pre code[class*=language-css]::before{content:"css";background:cyan;color:#000}pre code[class*=language-go]::before{content:"Go";background:cyan;color:#4169e1}pre code[class*=language-md]::before,pre code[class*=language-md]::before{content:"Markdown";background:#4169e1;color:#f5f5f5}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(.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:-.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,.1),0 1px 2px 0 rgba(0,0,0,.06);height:30px;width:30px;background-color:var(--input-color);position:absolute;top:-5px;left:0px;border-radius:50%;transition:all .3s ease-in-out;display:flex;justify-content:center;align-items:center}.theme-switcher .switch img{width:60%;height:auto;position:absolute;transition:all .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}} |