mirror of
https://github.com/hazemKrimi/pexta.git
synced 2026-05-01 18:30:26 +00:00
Hazem Krimi
2 lines
35 KiB
CSS
2 lines
35 KiB
CSS
@import url(https://fonts.googleapis.com/css?family=Montserrat&display=swap);#landing-nav{height:10vh;padding:1rem 0;display:flex;flex-direction:row;align-items:center;justify-content:space-between}#landing-nav .nav-logo{width:7rem;height:7rem}#landing-nav .nav-logo .cls-1{fill:url(#linear-gradient)}#landing-nav .big-btns{display:none}#landing-nav .mobile-menu-btn{cursor:pointer;width:2rem;height:2rem}#landing-nav .mobile-menu-btn .cls-1{fill:url(#linear-gradient)}#landing-nav .mobile-menu-overlay{background:hsla(0,0%,43.9%,.25);height:100vh;width:100%;position:fixed;top:0;left:0;opacity:0;z-index:1;display:none}#landing-nav .mobile-menu{background:-webkit-linear-gradient(330deg,#ee64d1,#eacc56);background:linear-gradient(120deg,#ee64d1,#eacc56);height:100vh;width:50%;position:fixed;top:0;left:100%;z-index:2;display:none}#landing-nav .mobile-menu .small-btns{padding-top:10rem;display:grid;grid-template-rows:repeat(2,auto);justify-content:center;text-align:center;grid-row-gap:3rem}#landing-nav .mobile-menu #sign-up-btn{font-size:2.2rem}#landing-nav .close-mobile-menu-btn{cursor:pointer;width:2.5rem;height:2.5rem;padding:.5rem;fill:#fff}@media only screen and (min-width:768px) and (orientation:landscape){#landing-nav{padding:2.5rem 0}#landing-nav .big-btns{display:block}#landing-nav .mobile-menu-btn{display:none}}#showcase{height:85vh;display:grid;grid-template-rows:repeat(2,auto)}#showcase h1{text-align:center;font-weight:bolder;font-size:2.5rem;align-self:center}#showcase .contact{text-align:right;align-self:flex-end}#showcase .contact svg{cursor:pointer;width:2.5rem;height:2.5rem;fill:#d3d3d3;-webkit-transition:fill .3s ease-in-out;transition:fill .3s ease-in-out}#showcase .contact svg:nth-child(2){margin-left:.2rem;margin-right:.2rem}#showcase .contact .facebook:hover{fill:#4267b2}#showcase .contact .instagram:hover{fill:#e4405f}#showcase .contact .mail:hover{fill:#dd4b39}@media only screen and (min-width:768px) and (orientation:landscape){#showcase h1{font-size:3rem;align-self:center}#showcase .contact,#showcase h1{text-align:left}#showcase .contact svg{width:3rem;height:3rem;margin-bottom:0}}#sign-up-container{position:fixed;top:0;left:0;z-index:3;height:100vh;width:100%;background:hsla(0,0%,43.9%,.25);justify-items:center;align-items:center}#sign-up-container #sign-up{border-radius:15px;box-shadow:0 0 15px #707070;background:#fff;display:grid;justify-items:center;grid-row-gap:.5rem}#sign-up-container #sign-up .close-sign-up{cursor:pointer;width:2.5rem;height:2.5rem;padding:.5rem;justify-self:flex-end}#sign-up-container #sign-up .close-sign-up path{fill:url(#linear-gradient)}#sign-up-container #sign-up h2{font-size:1.5rem;background:-webkit-gradient(linear,left top,left bottom,from(#eacc56),to(#ee64d1));background:-webkit-linear-gradient(#eacc56,#ee64d1);background:linear-gradient(#eacc56,#ee64d1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}#sign-up-container #sign-up form{padding:2rem;display:grid;justify-items:center;align-items:center;grid-row-gap:.2rem}#sign-up-container #sign-up form input{padding:.5rem;border:none;border-bottom:1px solid #ee64d1}#sign-up-container #sign-up form input:focus{outline:none}#sign-up-container #sign-up form button{cursor:pointer;padding:.5rem 1rem;border:none;border-radius:4px;margin-top:1rem;color:#fff;background:-webkit-linear-gradient(30deg,#eacc56,#ee64d1);background:linear-gradient(60deg,#eacc56,#ee64d1)}@media only screen and (min-width:768px) and (orientation:landscape){#sign-up{position:absolute;top:12%;right:7%}h2{font-size:2rem}form{padding:2rem 4rem}form input{padding:1rem}form button{padding:1rem 1.5rem}}#log-in-container{position:fixed;top:0;left:0;z-index:3;height:100vh;width:100%;background:hsla(0,0%,43.9%,.25);justify-items:center;align-items:center}#log-in-container #log-in{border-radius:15px;box-shadow:0 0 15px #707070;background:#fff;display:grid;justify-items:center;grid-row-gap:.5rem}#log-in-container #log-in .close-log-in{cursor:pointer;width:2.5rem;height:2.5rem;padding:.5rem;justify-self:flex-end}#log-in-container #log-in .close-log-in path{fill:url(#linear-gradient)}#log-in-container #log-in h2{font-size:1.5rem;background:-webkit-gradient(linear,left top,left bottom,from(#eacc56),to(#ee64d1));background:-webkit-linear-gradient(#eacc56,#ee64d1);background:linear-gradient(#eacc56,#ee64d1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}#log-in-container #log-in form{padding:2rem;display:grid;justify-items:center;align-items:center;grid-row-gap:.2rem}#log-in-container #log-in form input{padding:.5rem;border:none;border-bottom:1px solid #ee64d1}#log-in-container #log-in form input:focus{outline:none}#log-in-container #log-in form button{cursor:pointer;padding:.5rem 1rem;border:none;border-radius:4px;margin-top:1rem;color:#fff;background:-webkit-linear-gradient(30deg,#eacc56,#ee64d1);background:linear-gradient(60deg,#eacc56,#ee64d1)}@media only screen and (min-width:768px) and (orientation:landscape){#log-in{position:absolute;top:12%;right:7%}h2{font-size:2.5}form{padding:2rem 4rem}form input{padding:1rem}form button{padding:1rem 1.5rem}}#landing-page{height:100vh;background:100% 100%/contain no-repeat url(/pexta/static/media/landing-page-wave.acee5641.svg)!important}.btn{margin:.5rem 1rem}.btn-mobile{font-size:2rem}.btn-white{background:#fff;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.btn-white:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}#home-nav{height:10vh;padding:.5rem 0;display:flex;flex-direction:row;align-items:center;justify-content:space-between}#home-nav .nav-logo{width:7rem;height:7rem}#home-nav .nav-logo .cls-1{fill:url(#linear-gradient)}#home-nav .btn-gradient{display:none}@media only screen and (min-width:769px) and (orientation:landscape){#home-nav .btn-gradient{display:inline}}#home-nav .mobile-menu-btn{cursor:pointer;width:2rem;height:2rem}#home-nav .mobile-menu-btn .cls-1{fill:url(#linear-gradient)}@media only screen and (min-width:769px) and (orientation:landscape){#home-nav .mobile-menu-btn{display:none}}#home-nav .mobile-menu-overlay{background:hsla(0,0%,43.9%,.25);height:100vh;width:100%;position:fixed;top:0;left:0;opacity:0;z-index:1;display:none}#home-nav .mobile-menu{background:-webkit-linear-gradient(330deg,#ee64d1,#eacc56);background:linear-gradient(120deg,#ee64d1,#eacc56);height:100vh;width:50%;position:fixed;top:0;left:100%;z-index:2;display:none}#home-nav .mobile-menu .current-user{padding-top:2rem;display:grid;grid-template-rows:repeat(2,auto);justify-items:center}#home-nav .mobile-menu .current-user h3{font-size:1.7rem;color:#fff}#home-nav .mobile-menu .current-user .avatar{width:6rem;height:6rem}#home-nav .mobile-menu .current-user .avatar .cls-1{fill:#fff}#home-nav .mobile-menu .small-btns{padding-top:2.5rem;display:grid;grid-template-rows:repeat(2,auto);justify-content:center;text-align:center;grid-row-gap:3rem;font-size:1.3rem}#home-nav .close-mobile-menu-btn{cursor:pointer;width:2.5rem;height:2.5rem;padding:.5rem;fill:#fff}#posts{display:grid;grid-template-rows:auto 1fr;grid-row-gap:1.5rem}@media only screen and (min-width:769px) and (orientation:landscape){#posts{background:#fff;border-radius:8px;border:1px solid #cfcbcb;box-shadow:0 0 5px hsla(0,0%,9%,.47);padding:2rem;grid-row-gap:1rem}}#posts #posts-filter{font-size:1rem;display:grid;grid-template-columns:repeat(3,1fr);justify-items:center;align-items:center}#posts #posts-filter button{cursor:pointer}#posts #posts-filter .active{color:#ee72bf}#posts #posts-container{display:grid;grid-template-rows:auto;grid-row-gap:1rem}#posts #posts-container .post{background:#fff;border-radius:8px;border:1px solid #cfcbcb;box-shadow:0 0 5px hsla(0,0%,9%,.47)}@media only screen and (min-width:769px) and (orientation:landscape){#posts #posts-container .post{display:grid;grid-template-columns:1fr .3fr}}#posts #posts-container .post .info{padding:.5rem 1rem;display:grid;grid-template-columns:1fr auto;align-items:center}@media only screen and (min-width:769px) and (orientation:landscape){#posts #posts-container .post .info{padding:1rem;grid-template-columns:none;grid-template-rows:1fr auto;grid-row-gap:1rem}}#posts #posts-container .post .info .data{justify-self:flex-start;display:grid;grid-template-rows:repeat(3,auto);grid-row-gap:.1rem}@media only screen and (min-width:769px) and (orientation:landscape){#posts #posts-container .post .info .data{grid-row-gap:.5rem}}#posts #posts-container .post .info .data h2{display:inline-block;cursor:pointer;font-weight:700;font-size:1rem}@media only screen and (min-width:769px) and (orientation:landscape){#posts #posts-container .post .info .data h2{font-size:1.5rem}}#posts #posts-container .post .info .stats{justify-self:flex-end}@media only screen and (min-width:769px) and (orientation:landscape){#posts #posts-container .post .info .stats{justify-self:flex-start;display:grid;grid-template-columns:repeat(3,1fr);grid-column-gap:1rem}}#posts #posts-container .post .interaction{padding:.2rem .5rem;border-radius:0 0 8px 8px;background:#e3e3e3;display:grid;grid-template-columns:repeat(3,1fr);align-items:center;justify-items:center}@media only screen and (min-width:769px) and (orientation:landscape){#posts #posts-container .post .interaction{padding:.5rem;border-radius:0 8px 8px 0;grid-template-columns:none;grid-template-rows:repeat(3,1fr)}}#posts #posts-container .post .interaction .comment,#posts #posts-container .post .interaction .dislike,#posts #posts-container .post .interaction .like{width:100%;height:100%;padding:.5rem 1rem;cursor:pointer;display:flex;flex-direction:row;align-items:center}#posts #posts-container .post .interaction .comment:hover,#posts #posts-container .post .interaction .dislike:hover,#posts #posts-container .post .interaction .like:hover{background:#bebdbd;border-radius:8px}#posts #posts-container .post .interaction .comment:hover .cls-1,#posts #posts-container .post .interaction .dislike:hover .cls-1,#posts #posts-container .post .interaction .like:hover .cls-1{fill:#504e4e}#posts #posts-container .post .interaction .comment svg,#posts #posts-container .post .interaction .dislike svg,#posts #posts-container .post .interaction .like svg{width:1rem;height:1rem;margin-right:.2rem}@media only screen and (min-width:769px) and (orientation:landscape){#posts #posts-container .post .interaction .comment svg,#posts #posts-container .post .interaction .dislike svg,#posts #posts-container .post .interaction .like svg{width:1.5rem;height:1.5rem}}#posts #posts-container .post .interaction .comment svg .cls-1,#posts #posts-container .post .interaction .dislike svg .cls-1,#posts #posts-container .post .interaction .like svg .cls-1{fill:#6a6a6a}#profile-info{display:none}@media only screen and (min-width:769px) and (orientation:landscape){#profile-info{display:grid;grid-template-rows:repeat(2,auto) 1fr;grid-row-gap:1.5rem}}#profile-info .ad,#profile-info .contact,#profile-info .profile-stats{padding:1rem 3rem}#profile-info .ad,#profile-info .contact,#profile-info .profile,#profile-info .profile-stats{background:#fff;border-radius:8px;border:1px solid #cfcbcb;box-shadow:0 0 5px hsla(0,0%,9%,.47)}#profile-info .profile .settings-btn{cursor:pointer;width:1rem;height:1rem;margin:.5rem;position:relative;left:85%}#profile-info .profile .settings-btn .st0{fill:url(#linear-gradient)}#profile-info .profile .user{padding:0 3rem 1rem;text-align:center}#profile-info .profile .user svg{width:8rem;height:8rem}#profile-info .profile .user svg path{fill:url(#linear-gradient)}#profile-info .profile .user h3{font-size:1.5rem;font-weight:400}#profile-info .profile .user .user-btns{margin-top:1rem;display:grid;grid-row-gap:.3rem;font-size:1.1rem}#profile-info .profile .user .user-btns button{cursor:pointer;display:block}#profile-info .profile-stats{display:grid;grid-template-rows:repeat(2,1fr);grid-row-gap:1rem}#profile-info .profile-stats h3{text-align:left;font-size:1.1rem}#profile-info .profile-stats .stats{display:grid;grid-template-columns:repeat(3,1fr);grid-column-gap:1rem;justify-items:center;font-size:1.1rem}#profile-info .profile-stats .stats svg{width:1.5rem;height:1.5rem;margin-left:.1rem}#profile-info .profile-stats .stats svg .cls-1{fill:#6a6a6a}#profile-info .profile-stats .stats .comments,#profile-info .profile-stats .stats .dislikes,#profile-info .profile-stats .stats .likes{display:flex;flex-direction:row;align-items:center}#profile-info .ad{display:grid;align-items:center;justify-items:center;font-size:2rem;font-weight:700}footer{height:auto;background-color:#4e4e4e;color:#fff;font-size:11px}footer .container{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto;grid-column-gap:.1rem;align-items:center;justify-items:center}footer .footer-logo{fill:hsla(0,0%,100%,.75);width:5.5rem;height:5.5rem;justify-self:flex-start}footer .copyright{justify-self:center;text-align:center}footer .footer-links{display:grid;grid-template-rows:repeat(2,auto);text-align:right}footer .footer-links span{cursor:pointer}footer .footer-links span:hover{color:#000;font-weight:700}@media only screen and (min-width:769px) and (orientation:landscape){footer{font-size:1rem}footer .container{grid-column-gap:1rem}footer .footer-links{justify-self:flex-end;grid-template-rows:none;grid-template-columns:repeat(2,auto);grid-column-gap:.5rem}}#add-post-container{position:fixed;top:0;left:0;z-index:3;height:100vh;width:100%;background:hsla(0,0%,43.9%,.25);justify-items:center;align-items:center}#add-post-container #add-post{padding:1rem;border-radius:15px;box-shadow:0 0 15px #707070;background:#fff;display:grid;justify-items:center;grid-row-gap:.5rem}#add-post-container #add-post .close-add-post{cursor:pointer;width:1rem;height:1rem;justify-self:flex-end}#add-post-container #add-post .close-add-post path{fill:url(#linear-gradient)}#add-post-container #add-post h2{font-size:1.5rem;background:-webkit-gradient(linear,left top,left bottom,from(#eacc56),to(#ee64d1));background:-webkit-linear-gradient(#eacc56,#ee64d1);background:linear-gradient(#eacc56,#ee64d1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}#add-post-container #add-post form{width:100%;display:grid;justify-items:center;align-items:center;grid-row-gap:.5rem}#add-post-container #add-post form input,#add-post-container #add-post form textarea{font-family:Montserrat;width:100%;padding:.5rem;border:none;border-bottom:1px solid #ee64d1}#add-post-container #add-post form input:focus,#add-post-container #add-post form textarea:focus{outline:none}@media only screen and (min-width:769px) and (orientation:landscape){#add-post-container #add-post{width:70%;padding:.5rem;height:auto}#add-post-container #add-post h2{font-size:2rem}#add-post-container #add-post .close-add-post{width:2.5rem;height:2.5rem;padding:.5rem}#add-post-container #add-post form{grid-row-gap:1rem}#add-post-container #add-post form input,#add-post-container #add-post form textarea{font-size:1rem}#add-post-container #add-post form button{padding:1rem 1.5rem;font-size:1rem;justify-self:flex-end}}#desktop-profile-settings-container{position:fixed;top:0;left:0;z-index:3;height:100vh;width:100%;background:hsla(0,0%,43.9%,.25);justify-items:center;align-items:center}#desktop-profile-settings-container #desktop-profile-settings{width:auto;padding:.8rem;height:auto;border-radius:15px;box-shadow:0 0 15px #707070;background:#fff;display:grid;grid-template-rows:auto 1fr;grid-row-gap:.5rem}#desktop-profile-settings-container #desktop-profile-settings>div{display:grid;grid-template-columns:repeat(2,auto)}#desktop-profile-settings-container #desktop-profile-settings .close-profile-settings{cursor:pointer;width:1.5rem;height:1.5rem;justify-self:flex-end}#desktop-profile-settings-container #desktop-profile-settings .close-profile-settings path{fill:url(#linear-gradient)}#desktop-profile-settings-container #desktop-profile-settings h2{font-size:1.5rem;background:-webkit-gradient(linear,left top,left bottom,from(#eacc56),to(#ee64d1));background:-webkit-linear-gradient(#eacc56,#ee64d1);background:linear-gradient(#eacc56,#ee64d1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;justify-self:flex-start}#desktop-profile-settings-container #desktop-profile-settings .settings{display:grid;grid-template-columns:repeat(4,auto);grid-gap:.5rem}@media only screen and (max-width:1440px){#desktop-profile-settings-container #desktop-profile-settings .settings{grid-template-columns:repeat(2,auto)}}#desktop-profile-settings-container #desktop-profile-settings .settings h3{font-size:1rem;color:#7d7d7d}#desktop-profile-settings-container #desktop-profile-settings .settings input[type=email],#desktop-profile-settings-container #desktop-profile-settings .settings input[type=password],#desktop-profile-settings-container #desktop-profile-settings .settings input[type=text]{padding:.5rem;border:none;border-bottom:1px solid #ee64d1}#desktop-profile-settings-container #desktop-profile-settings .settings input[type=email]:focus,#desktop-profile-settings-container #desktop-profile-settings .settings input[type=password]:focus,#desktop-profile-settings-container #desktop-profile-settings .settings input[type=text]:focus{outline:none}#desktop-profile-settings-container #desktop-profile-settings .settings button:hover{-webkit-transform:none;transform:none;background:-webkit-linear-gradient(30deg,#eacc56,#ee64d1);background:linear-gradient(60deg,#eacc56,#ee64d1)}#desktop-profile-settings-container #desktop-profile-settings .settings input[type=file]::-webkit-file-upload-button{cursor:pointer;outline:none;border:none;color:#7d7d7d;background:none;width:100%}#desktop-profile-settings-container #desktop-profile-settings .settings .change-email,#desktop-profile-settings-container #desktop-profile-settings .settings .change-password,#desktop-profile-settings-container #desktop-profile-settings .settings .change-photo,#desktop-profile-settings-container #desktop-profile-settings .settings .change-username{padding:.5rem;border-radius:8px;border:1px solid #cfcbcb;display:grid;grid-template-rows:repeat(3,auto);justify-items:flex-start;align-items:center;justify-items:center;grid-row-gap:.5rem}#desktop-profile-settings-container #desktop-profile-settings .settings form{display:grid;justify-items:center;align-items:center}#desktop-profile-settings-container #desktop-profile-settings .settings .change-photo{grid-template-rows:repeat(4,auto)}#desktop-profile-settings-container #desktop-profile-settings .settings .change-photo svg{width:5rem;height:5rem}#desktop-profile-settings-container #desktop-profile-settings .settings .change-photo svg path{fill:url(#linear-gradient)}#mobile-profile-settings-container{position:fixed;top:0;left:0;z-index:3;height:100vh;width:100%;background:hsla(0,0%,43.9%,.25);justify-items:center;align-items:center}#mobile-profile-settings-container #mobile-profile-settings{width:70%;padding:2rem 1rem;height:auto;border-radius:15px;box-shadow:0 0 15px #707070;background:#fff;grid-row-gap:1.5rem}#mobile-profile-settings-container #mobile-profile-settings>div{display:grid;grid-template-columns:repeat(2,auto)}#mobile-profile-settings-container #mobile-profile-settings>div .close-profile-settings{cursor:pointer;width:1rem;height:1rem;justify-self:flex-end}#mobile-profile-settings-container #mobile-profile-settings>div .close-profile-settings path{fill:url(#linear-gradient)}#mobile-profile-settings-container #mobile-profile-settings>div h2{font-size:1.2rem;background:-webkit-gradient(linear,left top,left bottom,from(#eacc56),to(#ee64d1));background:-webkit-linear-gradient(#eacc56,#ee64d1);background:linear-gradient(#eacc56,#ee64d1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;justify-self:flex-start}#mobile-profile-settings-container #mobile-profile-settings h3{cursor:pointer;justify-self:center;font-size:1rem;color:#7d7d7d}#mobile-profile-settings-container .change-email,#mobile-profile-settings-container .change-password,#mobile-profile-settings-container .change-photo,#mobile-profile-settings-container .change-username{grid-template-rows:repeat(2,auto);grid-row-gap:1rem;align-items:center;width:70%;padding:2rem 1rem;height:auto;border-radius:15px;box-shadow:0 0 15px #707070;background:#fff;display:none}#mobile-profile-settings-container .change-email .settings-return,#mobile-profile-settings-container .change-password .settings-return,#mobile-profile-settings-container .change-photo .settings-return,#mobile-profile-settings-container .change-username .settings-return{cursor:pointer;display:inline-block;justify-self:flex-start}#mobile-profile-settings-container .change-email .settings-return h2,#mobile-profile-settings-container .change-password .settings-return h2,#mobile-profile-settings-container .change-photo .settings-return h2,#mobile-profile-settings-container .change-username .settings-return h2{font-size:1.3rem;background:-webkit-gradient(linear,left top,left bottom,from(#eacc56),to(#ee64d1));background:-webkit-linear-gradient(#eacc56,#ee64d1);background:linear-gradient(#eacc56,#ee64d1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;justify-self:flex-start}#mobile-profile-settings-container .change-email .settings,#mobile-profile-settings-container .change-password .settings,#mobile-profile-settings-container .change-photo .settings,#mobile-profile-settings-container .change-username .settings{justify-self:center;display:grid;grid-template-rows:auto;grid-row-gap:1rem;align-items:center;justify-items:center}#mobile-profile-settings-container .change-email .settings h3,#mobile-profile-settings-container .change-password .settings h3,#mobile-profile-settings-container .change-photo .settings h3,#mobile-profile-settings-container .change-username .settings h3{font-size:1rem;color:#7d7d7d}#mobile-profile-settings-container .change-email .settings svg,#mobile-profile-settings-container .change-password .settings svg,#mobile-profile-settings-container .change-photo .settings svg,#mobile-profile-settings-container .change-username .settings svg{width:5rem;height:5rem}#mobile-profile-settings-container .change-email .settings svg path,#mobile-profile-settings-container .change-password .settings svg path,#mobile-profile-settings-container .change-photo .settings svg path,#mobile-profile-settings-container .change-username .settings svg path{fill:url(#linear-gradient)}#mobile-profile-settings-container .change-email .settings form,#mobile-profile-settings-container .change-password .settings form,#mobile-profile-settings-container .change-photo .settings form,#mobile-profile-settings-container .change-username .settings form{display:grid;justify-items:center;align-items:center;grid-row-gap:.5rem}#mobile-profile-settings-container .change-email .settings input[type=file],#mobile-profile-settings-container .change-password .settings input[type=file],#mobile-profile-settings-container .change-photo .settings input[type=file],#mobile-profile-settings-container .change-username .settings input[type=file]{width:80%}#mobile-profile-settings-container .change-email .settings input[type=file]::-webkit-file-upload-button,#mobile-profile-settings-container .change-password .settings input[type=file]::-webkit-file-upload-button,#mobile-profile-settings-container .change-photo .settings input[type=file]::-webkit-file-upload-button,#mobile-profile-settings-container .change-username .settings input[type=file]::-webkit-file-upload-button{cursor:pointer;outline:none;border:none;color:#7d7d7d;background:none}#mobile-profile-settings-container .change-email .settings input[type=email],#mobile-profile-settings-container .change-email .settings input[type=password],#mobile-profile-settings-container .change-email .settings input[type=text],#mobile-profile-settings-container .change-password .settings input[type=email],#mobile-profile-settings-container .change-password .settings input[type=password],#mobile-profile-settings-container .change-password .settings input[type=text],#mobile-profile-settings-container .change-photo .settings input[type=email],#mobile-profile-settings-container .change-photo .settings input[type=password],#mobile-profile-settings-container .change-photo .settings input[type=text],#mobile-profile-settings-container .change-username .settings input[type=email],#mobile-profile-settings-container .change-username .settings input[type=password],#mobile-profile-settings-container .change-username .settings input[type=text]{padding:.1rem;border:none;border-bottom:1px solid #ee64d1}#mobile-profile-settings-container .change-email .settings input[type=email]:focus,#mobile-profile-settings-container .change-email .settings input[type=password]:focus,#mobile-profile-settings-container .change-email .settings input[type=text]:focus,#mobile-profile-settings-container .change-password .settings input[type=email]:focus,#mobile-profile-settings-container .change-password .settings input[type=password]:focus,#mobile-profile-settings-container .change-password .settings input[type=text]:focus,#mobile-profile-settings-container .change-photo .settings input[type=email]:focus,#mobile-profile-settings-container .change-photo .settings input[type=password]:focus,#mobile-profile-settings-container .change-photo .settings input[type=text]:focus,#mobile-profile-settings-container .change-username .settings input[type=email]:focus,#mobile-profile-settings-container .change-username .settings input[type=password]:focus,#mobile-profile-settings-container .change-username .settings input[type=text]:focus{outline:none}#user-profile-container{position:fixed;top:0;left:0;z-index:3;height:100vh;width:100%;background:hsla(0,0%,43.9%,.25);justify-items:center;align-items:center}#user-profile-container #user-profile{border-radius:15px;box-shadow:0 0 15px #707070;background:#fff;display:grid;grid-row-gap:.2rem}#user-profile-container #user-profile .close-user-profile{cursor:pointer;width:2rem;height:2rem;padding:.5rem;justify-self:flex-end}@media only screen and (min-width:769px) and (orientation:landscape){#user-profile-container #user-profile .close-user-profile{width:2.5rem;height:2.5rem}}#user-profile-container #user-profile .close-user-profile path{fill:url(#linear-gradient)}#user-profile-container #user-profile .user{display:grid;grid-template-rows:auto;grid-row-gap:.2rem;justify-items:center;align-items:center}#user-profile-container #user-profile .user svg{width:5rem;height:5rem}@media only screen and (min-width:769px) and (orientation:landscape){#user-profile-container #user-profile .user svg{width:8rem;height:8rem}}#user-profile-container #user-profile .user svg path{fill:url(#linear-gradient)}#user-profile-container #user-profile .user h3{font-size:1.2rem}@media only screen and (min-width:769px) and (orientation:landscape){#user-profile-container #user-profile .user h3{font-size:1.5rem}}#user-profile-container #user-profile .user-posts{padding:.5rem 2rem 2rem;display:grid;grid-row-gap:.5rem}#user-profile-container #user-profile .user-posts h3{font-size:1rem}@media only screen and (min-width:769px) and (orientation:landscape){#user-profile-container #user-profile .user-posts h3{font-size:1.2rem}}#user-profile-container #user-profile .user-posts .posts{padding:.1rem;height:150px;overflow-y:scroll;display:grid;grid-row-gap:.5rem}@media only screen and (min-width:769px) and (orientation:landscape){#user-profile-container #user-profile .user-posts .posts{padding:.3rem}}#user-profile-container #user-profile .user-posts .posts::-webkit-scrollbar{width:.2rem}#user-profile-container #user-profile .user-posts .posts::-webkit-scrollbar-thumb{background:#707070}#user-profile-container #user-profile .user-posts .posts .post{background:#fff;padding:.5rem;border-radius:5px;border:1px solid #cfcbcb;box-shadow:0 0 1px hsla(0,0%,9%,.47);display:grid;grid-row-gap:.3rem}#user-profile-container #user-profile .user-posts .posts .post h4{font-size:.8rem}@media only screen and (min-width:769px) and (orientation:landscape){#user-profile-container #user-profile .user-posts .posts .post h4{font-size:1rem}}@media only screen and (min-width:769px) and (orientation:landscape){#user-profile-container #user-profile .user-posts .posts .post p{font-size:.8rem}}#user-profile-container #user-profile .user-posts .posts .post .stats{display:grid;grid-template-columns:repeat(3,auto);justify-items:center;align-items:center}#home-page{background:100% 100%/contain no-repeat url(/pexta/static/media/home-page-wave.3e6842ee.svg)!important}#post-nav{height:10vh;padding:.5rem 0;display:flex;flex-direction:row;align-items:center;justify-content:space-between}#post-nav .nav-logo{width:7rem;height:7rem}#post-nav .nav-logo .cls-1{fill:url(#linear-gradient)}#post-nav .btn-gradient{display:none}@media only screen and (min-width:769px) and (orientation:landscape){#post-nav .btn-gradient{display:inline}}#post-nav .mobile-menu-btn{cursor:pointer;width:2rem;height:2rem}#post-nav .mobile-menu-btn .cls-1{fill:url(#linear-gradient)}@media only screen and (min-width:769px) and (orientation:landscape){#post-nav .mobile-menu-btn{display:none}}#post-nav .mobile-menu-overlay{background:hsla(0,0%,43.9%,.25);height:100vh;width:100%;position:fixed;top:0;left:0;opacity:0;z-index:1;display:none}#post-nav .mobile-menu{background:-webkit-linear-gradient(330deg,#ee64d1,#eacc56);background:linear-gradient(120deg,#ee64d1,#eacc56);height:100vh;width:50%;position:fixed;top:0;left:100%;z-index:2;display:none}#post-nav .mobile-menu .current-user{padding-top:2rem;display:grid;grid-template-rows:repeat(2,auto);justify-items:center}#post-nav .mobile-menu .current-user h3{font-size:1.7rem;color:#fff}#post-nav .mobile-menu .current-user .avatar{width:6rem;height:6rem}#post-nav .mobile-menu .current-user .avatar .cls-1{fill:#fff}#post-nav .mobile-menu .small-btns{padding-top:2.5rem;display:grid;grid-template-rows:repeat(2,auto);justify-content:center;text-align:center;grid-row-gap:3rem;font-size:1.3rem}#post-nav .close-mobile-menu-btn{cursor:pointer;width:2.5rem;height:2.5rem;padding:.5rem;fill:#fff}#post{padding:.5rem 0;display:grid;grid-template-rows:repeat(2,auto);grid-row-gap:.5rem}@media only screen and (min-width:769px) and (orientation:landscape){#post{padding:0;border-radius:8px;border:1px solid #cfcbcb;box-shadow:0 0 5px hsla(0,0%,9%,.47)}}#post .info{display:grid;grid-template-rows:repeat(2,auto);grid-row-gap:.5rem}@media only screen and (min-width:769px) and (orientation:landscape){#post .info{padding:1rem;grid-row-gap:1rem}}#post .info .data{display:grid;grid-template-rows:auto 1fr;grid-row-gap:.5rem}#post .info .data h2{font-size:1.2rem;color:#171717}@media only screen and (min-width:769px) and (orientation:landscape){#post .info .data h2{font-size:1.5rem}}#post .info .data p{height:auto;align-self:center;font-size:1rem;line-height:1.2}@media only screen and (min-width:769px) and (orientation:landscape){#post .info .data p{font-size:1.2rem}}#post .info .stats{display:grid;grid-template-columns:repeat(2,1fr)}#post .info .stats .user{cursor:pointer;display:flex;flex-direction:row;justify-items:center;align-items:center}#post .info .stats .user svg{width:2rem;height:2rem}#post .info .stats .user svg path{fill:url(#linear-gradient)}#post .info .stats .user span{font-size:1rem;margin-left:.3rem}@media only screen and (min-width:769px) and (orientation:landscape){#post .info .stats .user span{font-size:1.2rem}}#post .info .stats .stats{justify-self:flex-end;display:grid;grid-template-columns:repeat(3,1fr);align-items:center;grid-column-gap:.5rem}#post .info .stats .stats .comments,#post .info .stats .stats .dislikes,#post .info .stats .stats .likes{display:flex;flex-direction:row;align-items:center}#post .info .stats .stats .comments svg,#post .info .stats .stats .dislikes svg,#post .info .stats .stats .likes svg{width:1rem;height:1rem;margin-right:.2rem}@media only screen and (min-width:769px) and (orientation:landscape){#post .info .stats .stats .comments svg,#post .info .stats .stats .dislikes svg,#post .info .stats .stats .likes svg{width:1.5rem;height:1.5rem}}#post .info .stats .stats .comments svg .cls-1,#post .info .stats .stats .dislikes svg .cls-1,#post .info .stats .stats .likes svg .cls-1{fill:#6a6a6a}#post .info .stats .stats .comments span,#post .info .stats .stats .dislikes span,#post .info .stats .stats .likes span{margin-right:.2rem}#post .other-users-comments{background:-webkit-linear-gradient(30deg,rgba(238,119,184,.2),rgba(235,170,126,.2));background:linear-gradient(60deg,rgba(238,119,184,.2),rgba(235,170,126,.2));border-radius:8px;display:grid;grid-template-rows:repeat(3,auto);grid-row-gap:1rem}@media only screen and (min-width:769px) and (orientation:landscape){#post .other-users-comments{border-radius:0}}#post .other-users-comments h2{display:inline-block;padding:.5rem 0 0 .5rem;font-size:1rem;color:#6a6a6a}@media only screen and (min-width:769px) and (orientation:landscape){#post .other-users-comments h2{padding:1rem 0 0 1rem}}#post .other-users-comments .other-comments{padding:0 1.5rem;display:grid;align-items:center;grid-row-gap:1rem}#post .other-users-comments .other-comments .comment{display:grid;grid-template-columns:auto 1fr;align-items:center;grid-column-gap:1rem}#post .other-users-comments .other-comments .comment .other-user{cursor:pointer;display:flex;flex-direction:row;justify-items:center;align-items:center}#post .other-users-comments .other-comments .comment .other-user svg{width:2rem;height:2rem}#post .other-users-comments .other-comments .comment .other-user svg path{fill:url(#linear-gradient)}#post .other-users-comments .other-comments .comment .other-user span{font-size:.8rem;margin-left:.3rem}@media only screen and (min-width:769px) and (orientation:landscape){#post .other-users-comments .other-comments .comment .other-user span{font-size:1rem}}#post .other-users-comments .other-comments .comment p{padding:.5rem;height:auto;font-size:.5rem;line-height:1.2;border:1px solid #b8b3b3;border-radius:6px}@media only screen and (min-width:769px) and (orientation:landscape){#post .other-users-comments .other-comments .comment p{font-size:1rem}}#post .other-users-comments .add-comment{padding:0 1.5rem}#post .other-users-comments .add-comment input{width:100%;padding:.5rem;border:1px solid #b8b3b3;border-radius:6px;background:none;justify-self:center;margin-bottom:1rem;outline:none}@media only screen and (min-width:769px) and (orientation:landscape){#post .other-users-comments .add-comment input{padding:.7rem}}#post-page{background:100% 100%/contain no-repeat url(/pexta/static/media/post-page-wave.60cc297a.svg)!important}.btn-mobile{color:#fff;display:block;font-size:1.5rem}.btn,.btn-mobile{cursor:pointer;text-decoration:none}.btn{color:#1d1d1d;background-color:#fff;font-weight:700;text-align:center;border:none;border-radius:.3rem;font-size:1.1rem;padding:.5rem 1rem}.btn-gradient{background:-webkit-linear-gradient(30deg,#eacc56,#ee64d1);background:linear-gradient(60deg,#eacc56,#ee64d1);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;color:#fff!important}.btn-gradient:hover{-webkit-transform:scale(1.05);transform:scale(1.05);background:-webkit-linear-gradient(300deg,#eacc56,#ee64d1);background:linear-gradient(150deg,#eacc56,#ee64d1)}main:not(#showcase){height:auto;padding:0 0 2rem}@media only screen and (min-width:769px) and (orientation:landscape){main:not(#showcase){height:auto;padding:none 0 7rem;display:grid;grid-template-columns:1fr auto;grid-column-gap:2rem}}:root{height:100%}*{margin:0;padding:0;box-sizing:border-box}:focus{outline:none}body{background:none;height:100%;font-family:Montserrat;font-size:10px}body::-webkit-scrollbar{width:.3rem}body::-webkit-scrollbar-thumb{background:-webkit-gradient(linear,left top,left bottom,from(#ee64d1),to(#eacc56));background:-webkit-linear-gradient(#ee64d1,#eacc56);background:linear-gradient(#ee64d1,#eacc56)}.container{width:85%;margin:auto}button{font-family:Montserrat;font-size:inherit;border:none;background:none;outline:none}.route-link{text-decoration:none;color:inherit;font-size:inherit}
|
|
/*# sourceMappingURL=main.46d00040.chunk.css.map */ |