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 year ago
@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(--lin