friendenstein/static/css/style.css

footer,td,th{text-align:left}#statuscafe,.lastPost,body{padding:1rem}#statuscafe-username,ul{margin-bottom:.5rem}:root,:root.light{--bgColor:#EEEEEE;--fgColor:#41474E;--metaColor:#D26878;--headColor:#;--linkColor:#5690AF;--hovColor:#22453F;--bgSelect:#FFFAE1;--bgUrl:url(https://i.ibb.co/Qpkrw4V/tile-Light.webp) repeat;--red:#D26878;--dimRed:#623039;--orange:#e08f67;--dimOrange:#926048;--yellow:#FFFAE1;--dimYellow:#D5C5A1;--green:#56AFA0;--dimGreen:#22453F;--blue:#5690AF;--dimBlue:#223844;--purple:#9271D6;--dimPurple:#47356C;--grey:#CBCDCD;--dimGrey:#646868}:root.dark{--bgColor:#222529;--fgColor:#D6D6D6;--metaColor:#78B6AD;--headColor:#;--linkColor:#DBD5BC;--hovColor:#E2AEA2;--bgSelect:#464949;--bgUrl:url(https://i.ibb.co/LzrFBFJ/tileDark.webp) repeat;--red:#CD909B;--dimRed:#684249;--orange:#E2AEA2;--dimOrange:#704941;--yellow:#DBD5BC;--dimYellow:#6F6847;--green:#78B6AD;--dimGreen:#3E615C;--blue:#87C9E5;--dimBlue:#38494F;--purple:#CEA7DE;--dimPurple:#5E406A;--grey:#CBCDCD;--dimGrey:#464949}::-moz-selection{color:var(--bgColor);background:var(--metaColor)}::selection{color:var(--bgColor);background:var(--metaColor)}html{-webkit-box-sizing:border-box;box-sizing:border-box;font-size:62.5%}body{font-family:sans-serif;font-size:1.6rem;line-height:1.35;max-width:64rem;margin:auto;background:var(--bgColor);color:var(--fgColor)}h1,h2,h3,h4,h5,h6{font-size:1.8rem;margin:1rem 0;color:var(--headColor)}h1::before,h2::before,h3::before,h4::before,h5::before,h6::before{color:var(--metaColor);content:'# '}a{color:var(--linkColor)}.metaData,.themeButton,hr,textarea{color:var(--metaColor)}a:focus,a:hover{background-color:var(--linkColor);color:var(--bgColor)}ul{list-style:none;margin-top:.5rem;line-height:1.45}ul li::marker{content:'» ';color:var(--metaColor)}ul li:hover::marker{content:'# ';font-weight:700;color:var(--linkColor)}blockquote{border-left:5px solid var(--metaColor);margin:1rem;padding:0 0 0 1rem}textarea{border:2px dotted;outline:0;resize:none;overflow:auto;background-color:var(--bgColor)}hr{border:1px dashed}footer{font-size:1.4rem;clear:both;color:var(--footColor)}img{max-width:100%;height:auto;padding:.2rem;border:dashed 2px var(--metaColor);border-radius:15px}table{table-layout:fixed;width:100%;border-collapse:collapse;border:none;margin-left:auto;margin-right:auto;margin-bottom:1rem;line-height:1.1}thead th:first-child{width:20%}th{font-weight:400}td,th{padding:.5rem;border:dashed 1px var(--metaColor)}.navBar{margin:.5rem;display:flex;flex-direction:row;gap:.3rem;flex-wrap:wrap;justify-content:flex-end;align-items:center;align-content:flex-end}.themeButton{cursor:pointer;border:none;font-size:1.8rem;background-color:transparent}.dark .themeButton.dark,.themeButton.light{display:none}.dark .themeButton.light{display:block}.introContainer{margin-top:1rem;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;align-content:center}.avatar{margin:0 1rem 0 0}.lastPost{border:2px dashed var(--metaColor);border-radius:10px;margin-bottom:2rem}.lastPost:focus,.lastPost:hover{transform:scale(1.05);-webkit-transition:.1s ease-in;-moz-transition:.1s ease-in;-o-transition:.1s ease-in;background:var(--bgSelect)}.postData{margin-top:.5rem;text-align:right}.moreContainer{display:grid;grid-gap:0.5rem;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));justify-content:start;justify-items:start;align-items:start}.tagsData{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:flex-end;align-items:flex-start;align-content:flex-end}.footContainer,.footRight{display:flex;align-content:center}.footContainer{flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:flex-start}.footRight{flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:center}.noStyle{padding:0;margin:0;border:none;border-radius:0}.textCenter{text-align:center}.floatRight{float:right}.floatLeft{float:left}.moe{position:fixed;z-index:-1;bottom:0;right:2.5rem}#statuscafe-content{margin-left:1rem}@media(max-width:65.625em),screen and (orientation:portrait){.moe{display:none}}@media(max-width:37.5em){.readData{display:none}}@media(max-width:21.75em){.avatar{display:none}}