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

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: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{d