From 625a412c3ac3ef9de68d6b0a0d2acfa568e90910 Mon Sep 17 00:00:00 2001 From: Michal <86935712+Fluffy-Bean@users.noreply.github.com> Date: Sun, 1 Jan 2023 14:32:36 +0000 Subject: [PATCH] Delete style.css --- static/css/style.css | 1 - 1 file changed, 1 deletion(-) delete mode 100644 static/css/style.css diff --git a/static/css/style.css b/static/css/style.css deleted file mode 100644 index c4dc7eb..0000000 --- a/static/css/style.css +++ /dev/null @@ -1 +0,0 @@ -@font-face{font-family:"Mona-Sans";src:url("f../onts/Mona-Sans.woff2") format("woff2 supports variations"),url("../fonts/Mona-Sans.woff2") format("woff2-variations");font-weight:200 900;font-stretch:75% 125%;font-display:swap}@font-face{font-family:"Hubot-Sans";src:url("../fonts/Hubot-Sans.woff2") format("woff2 supports variations"),url("../fonts/Hubot-Sans.woff2") format("woff2-variations");font-weight:200 900;font-stretch:75% 125%;font-display:swap}.btn{padding:0.5rem 1rem;border-radius:0.25rem;border:1px solid rgba(232,227,227,0.3);background-color:rgba(232,227,227,0);color:#e8e3e3;transition:background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out}.btn:hover{background-color:rgba(232,227,227,0.2)}.btn:active{border-color:#e8e3e3;background-color:rgba(232,227,227,0.5);color:#e8e3e3}.btn.red{border-color:rgba(182,100,103,0.3);background-color:rgba(182,100,103,0);color:#B66467}.btn.red:hover{background-color:rgba(182,100,103,0.2)}.btn.red:active{border-color:#b66467;background-color:rgba(182,100,103,0.5);color:#B66467}.btn.orange{border-color:rgba(216,166,87,0.3);background-color:rgba(216,166,87,0);color:#D8A657}.btn.orange:hover{background-color:rgba(216,166,87,0.2)}.btn.orange:active{border-color:#d8a657;background-color:rgba(216,166,87,0.5);color:#D8A657}.btn.yellow{border-color:rgba(217,188,140,0.3);background-color:rgba(217,188,140,0);color:#D9BC8C}.btn.yellow:hover{background-color:rgba(217,188,140,0.2)}.btn.yellow:active{border-color:#d9bc8c;background-color:rgba(217,188,140,0.5);color:#D9BC8C}.btn.green{border-color:rgba(140,151,125,0.3);background-color:rgba(140,151,125,0);color:#8C977D}.btn.green:hover{background-color:rgba(140,151,125,0.2)}.btn.green:active{border-color:#8c977d;background-color:rgba(140,151,125,0.5);color:#8C977D}.btn.blue{border-color:rgba(141,163,185,0.3);background-color:rgba(141,163,185,0);color:#8DA3B9}.btn.blue:hover{background-color:rgba(141,163,185,0.2)}.btn.blue:active{border-color:#8da3b9;background-color:rgba(141,163,185,0.5);color:#8DA3B9}.btn.purple{border-color:rgba(169,136,176,0.3);background-color:rgba(169,136,176,0);color:#A988B0}.btn.purple:hover{background-color:rgba(169,136,176,0.2)}.btn.purple:active{border-color:#a988b0;background-color:rgba(169,136,176,0.5);color:#A988B0}html,body{margin:0;padding:0;min-height:100vh;background-color:#151515;scroll-behavior:smooth}nav{margin:0;padding:0;max-width:calc(100vw - 3.5rem);width:3.5rem;height:100dvh;display:flex;flex-direction:column;justify-content:space-between;position:fixed;top:0;left:0;background-color:#101010;color:#e8e3e3;box-sizing:border-box;z-index:2;overflow:hidden;transition:width 0.4s cubic-bezier(0.86, 0, 0.07, 1),background-color 0.3s ease-in-out}nav:hover{width:30rem}nav:hover a span{opacity:1}nav div{display:flex;flex-direction:column;gap:0.25rem}nav div a{margin:0.5rem;padding:1rem 1rem 1rem calc(1rem - 2px);width:100%;height:3.5rem;display:flex;flex-direction:row;align-items:center;gap:0.5rem;text-decoration:none;color:#e8e3e3;border-left:2px solid #00000000;box-sizing:border-box}nav div a i{margin:0;font-size:1.5rem;color:#e8e3e3}nav div a span{display:block;font-family:"Mona-Sans",sans-serif;font-size:1.25rem;font-stretch:expanded;font-weight:500;color:#e8e3e3;opacity:0;transition:opacity 0.3s ease-in-out}nav div a:hover{background-color:#121212;border-left:2px solid #8C977D}nav div a:hover *{color:#8C977D}main{margin:0;padding:0;background-color:#151515;color:#e8e3e3;min-height:100vh;overflow-y:auto;box-sizing:border-box}main header{margin:0;padding:0;width:100%;height:40vh;position:relative;background-color:#121212;border-radius:8px;box-sizing:border-box}main header img{position:absolute;top:0;left:0;width:100%;height:100%;filter:blur(0.5rem);object-fit:cover;object-position:center 0px}main header span{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(to bottom, rgba(0,0,0,0), #151515);z-index:+1}#topButton{margin:0;padding:0.25rem;position:fixed;bottom:0.75rem;right:-3rem;font-size:3rem;display:flex;justify-content:center;align-items:center;border-radius:50%;background-color:#101010;opacity:0;z-index:2;cursor:pointer;transition:all 0.2s cubic-bezier(0.86, 0, 0.07, 1)}#topButton:hover{background-color:#121212;color:#8C977D}.app{margin:0 0 0 3.5rem;padding:0.5rem;width:auto;min-height:100vh;position:relative;display:flex;flex-direction:column;gap:1rem;background-color:#151515;color:#e8e3e3;box-sizing:border-box;z-index:1;overflow:unset}.app h1{margin:0;padding:0;font-family:"Hubot-Sans",sans-serif;font-size:2.5rem;font-stretch:ultra-expanded;font-weight:600;color:#8C977D}@keyframes imgLoading{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.gallery{margin:0;padding:0;width:100%;display:grid;grid-template-columns:auto auto auto auto auto auto;gap:0.5rem}.gallery .gallery__item{margin:0;padding:0;height:auto;position:relative;background:linear-gradient(-45deg, #151515, #0e0e0e, #151515);background-size:400% 400%;border-radius:calc($rad / 2);animation:imgLoading 10s ease infinite;box-sizing:border-box;overflow:hidden}.gallery .gallery__item:after{content:"";display:block;padding-bottom:100%}.gallery .gallery__item .gallery__item-info{margin:0;padding:0;width:100%;height:100%;position:absolute;left:0;bottom:0;display:flex;flex-direction:column;justify-content:flex-end;background-image:linear-gradient(to bottom, rgba(0,0,0,0), rgba(21,21,21,0.8));z-index:+1;opacity:0;transform:scale(1.05);transition:all 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86)}.gallery .gallery__item .gallery__item-info h2{margin:0;padding:0 1rem 0.5rem;font-family:"Hubot-Sans",sans-serif;font-size:1rem;font-stretch:ultra-expanded;font-weight:600;color:#8C977D;text-overflow:ellipsis;overflow:hidden;opacity:0;transition:all 0.2s ease-in-out}.gallery .gallery__item .gallery__item-info p{margin:0;padding:0 1rem 0.5rem;font-family:"Mona-Sans",sans-serif;font-size:0.8rem;font-weight:500;color:#e8e3e3;text-overflow:ellipsis;overflow:hidden;opacity:0;transition:all 0.2s ease-in-out}.gallery .gallery__item .gallery__item-info:hover{opacity:1;transform:scale(1)}.gallery .gallery__item .gallery__item-info:hover h2,.gallery .gallery__item .gallery__item-info:hover p{opacity:1}.gallery .gallery__item .gallery__item-image{margin:0;padding:0;width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;object-fit:cover;object-position:center;border-radius:calc($rad / 2)}.image__container{margin:0;padding:0;width:100%;height:auto;position:sticky;top:0;display:flex;overflow:hidden;border-radius:calc($rad / 2);box-sizing:border-box}.image__container img{margin:auto;padding:0;max-width:100%;max-height:75vh;object-fit:contain;object-position:center;border-radius:calc($rad / 2)}.image__info{margin:0;padding:0;width:100%;display:flex;flex-direction:column;background-color:#121212;border-radius:calc($rad / 2);box-sizing:border-box}.image__info h2{margin:0;padding:0 1rem 0.5rem;font-family:"Hubot-Sans",sans-serif;font-size:1rem;font-stretch:ultra-expanded;font-weight:600;color:#8C977D;text-overflow:ellipsis;overflow:hidden}.image__info p{margin:0;padding:0 1rem 0.5rem;font-family:"Mona-Sans",sans-serif;font-size:0.8rem;font-weight:500;color:#e8e3e3;text-overflow:ellipsis;overflow:hidden}