My SMM panel
You can not 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
18 KiB

  1. @charset "UTF-8";@font-face{font-family:PatuaOne;src:url(/build/assets/PatuaOne-Regular-3kzkBYcj.ttf) format("opentype");font-style:normal;font-weight:400}html body{font-family:PatuaOne,Times New Roman;margin:0}section{position:relative;overflow:hidden;padding:3em 15px}button{font-family:PatuaOne,Times New Roman}textarea{border:1px solid grey}h1{color:#fff}h2{color:#f67602;text-align:center}h3{color:#425466}ul{color:#425466;list-style-type:none;padding:0}input,select{border:2px solid black;border-radius:20px;padding:4px}.icon{width:25px;margin:10px}.note-grey{color:gray;font-size:.8em;max-width:70%}.services-cards li{padding-bottom:8px}.services-cards li:before{width:30px;height:30px;content:url(/build/assets/green-check-Bg-Ln0LP.svg);display:inline;margin-right:5px}a{text-decoration:none}nav{position:absolute;width:100%;top:10px;display:flex;flex-flow:row wrap;align-items:center;justify-content:space-between}nav h1{margin:4px 0 10px 6px;display:inline-block}nav.info-page h1{margin:4px 0 10px 6px;display:inline-block;color:#f67602}.formal-font{font-family:FreeSans}nav #logo{margin-right:50px}nav form{display:flex;flex-wrap:wrap;margin-right:20px}nav form div{margin:0 10px}nav form button{min-width:5em}nav form p{margin-top:0}nav form input,label{opacity:.7}nav .nav-toggle{position:absolute;right:10px;top:5px;display:none;height:45px;width:45px;margin-left:auto;background:url(/build/assets/menu-icon-JHD8WyuK.svg);background-size:100%;background-size:cover;color:#fff}nav .nav-toggle.toggled{background:url(/build/assets/cancel-icon2-AuEb0qpq.svg);width:25px;height:25px;background-size:100%;background-size:cover;top:10px;right:15px;color:#fff}div.landing-hero{top:0;height:50em;background-color:#ff4e00;background-image:linear-gradient(315deg,#ff4e00,#ec9f05 74%);z-index:0}div.hero-filter{width:100%;height:100%}div.hero-filter h2{color:#000;opacity:.7;max-width:10em;font-size:2.4em;position:absolute;top:3em;margin-left:5%}div.hero-filter p{position:absolute;top:12em;margin-left:5%;font-size:20px;width:10em;opacity:.7}div.errors{background-color:#ececec;color:#ce0018;border:2px solid #ce0018;border-radius:4px;min-height:50px;position:absolute;left:50%;margin-right:-50%;top:100px;min-width:30em;transform:translate(-50%,-50%)}.errors ul{margin:auto}form.login{color:#fff}.cancel-icon{width:30px}form.login input{margin-left:2px;color:#fff;background-color:transparent;border:2px solid white;border-radius:2px;outline-color:orange}form.login .login-btn{font-family:PatuaOne;height:2em;border:none;border-radius:4px;padding:3px;color:#fff;background-color:#045de9;background-image:linear-gradient(315deg,#1877f2,#09c6f9 74%)}form.login .login-btn:hover{background-image:linear-gradient(315deg,#08418b,#036e8b 74%)}.hero-filter .register-btn{display:block;position:relative;width:7em;top:60%;margin-left:auto;margin-right:auto;text-align:center;font-size:20px;border:2px solid white;border-radius:4px;padding:10px;background-color:transparent;color:#fff}.hero-filter .register-btn:hover{background-color:#fff;color:#ec9f05}div.blue-background{background-image:url(/build/assets/black-circle-BCNsooL-.svg);background-size:10px;background-color:#0d324d}section.about-us{padding:70px 0}section.about-us p{max-width:600px;margin-left:auto;margin-right:auto;border-top:2px solid #e6ebf1;border-bottom:2px solid #e6ebf1;padding:15px;background-color:#0d324d;color:#fff}section.services-cards{background-color:#d3d3d3;padding-bottom:4em;background:linear-gradient(to bottom right,transparent 0%,transparent 50%,#e9e9e9 50%,#e9e9e9 100%)}section.services-cards .cards{display:flex;flex-flow:wrap;margin-top:2em;gap:25px;justify-content:center;max-width:1050px;margin-left:auto;margin-right:auto;text-align:center}section.services-cards h2{text-align:center;padding:30px 10px 10px;margin-top:0;color:#fff}section.services-cards .card{width:280px;height:350px;padding:18px 9px;border-radius:4px;background:#fff;box-shadow:7px 10px 8px #9ca6af38;transition:transform .2s}section.services-cards .card:hover{transform:translateY(-20px)}section.services-cards img{width:50px;height:50px}section.services-cards button{width:10em;height:2.5em;background-color:#fff;border:2px solid #ec9f05;color:#ec9f05;border-radius:4px;font-size:16px}section.services-cards button:hover{background-color:#ec9f05;color:#fff}section.features-info{height:70em;background:radial-gradient(ellipse at left,#fff,#e9e9e9 80%)}.circle-prop{height:70em;overflow:hidden;width:100%;position:relative}.circle-prop svg{width:50%}.features-info img{width:600px;position:absolute;top:15%;right:4%}div.info-cards{position:absolute;top:10em;margin-left:20%;width:70%}.info-card{margin-bottom:6em}.info-card:nth-of-type(2){margin-left:13%}.info-card:nth-of-type(3){margin-left:10%}.info-card:nth-of-type(4){margin-left:5%}.info-card p{max-width:20em;text-align:center;color:#6c757d;padding:18px 9px;border-radius:4px;background:#fff;box-shadow:7px 10px 8px #9ca6af38;transition:transform .2s}section.panel-infos{min-height:40em;margin-top:5em;margin-bottom:5em;display:flex;flex-flow:wrap;align-items:center;justify-content:center;gap:20px}section.panel-infos .panel-preview{border-radius:4px;background:#fff;box-shadow:7px 10px 8px #9ca6af38;transition:transform .2s;padding:0}.panel-infos h2{width:100%}.panel-info{max-width:25em;margin-top:4em}.panel-info img{width:50px;height:50px}.panel-info p{color:#6c757d}section.benefits-info div{margin:1em auto;padding:1em;border-top:2px solid #6c757d;border-bottom:2px solid #6c757d;max-width:40em;color:#425466}.benefits-info h2{margin-bottom:2em}section.faq-info{margin-bottom:6em;margin-top:3em;min-height:30em}.faq-info h2{margin-bottom:2em}section.faq-info .collapsibles{display:flex;flex-flow:wrap;gap:2em;justify-content:center;max-width:65em;width:fit-content;margin-left:auto;margin-right:auto;align-text:center}.faq-info .collapsible{text-align:center;width:20em}.faq-info .collapsible:not(.active) .content{display:none}.collapsible button{width:95%;display:block;margin-right:auto;height:2.5em;border:2px solid #f67602;font-size:17px;display:inline-block;font-weight:400;background-color:#e9e9e9;text-align:center;vertical-align:middle;-webkit-user-select:none;user-select:none;border:none;padding:7px 15px;border-radius:5px}.collapsible button:hover{background-color:gray}.collapsible button:after{content:"➕";font-size:13px;color:#fff;float:right;margin-left:5px}.collapsible .content{border:2px solid black;border-radius:4px;padding:4px}footer{height:6em;background-color:#212121;padding:20px;color:#6c757d}footer .foot-links{width:20em;margin:2em auto;text-align:center}footer a{margin:0 8px;color:#6c757d}footer a:hover{color:#425466}.hidden{display:none}.loading-icon{display:block;width:50px;height:50px;margin:auto}.register-area p{text-align:center}.register-area .loading-icon{margin-top:100px}div.register-area{overflow:hidden;height:0px;width:100%;z-index:1;box-shadow:#00000029 0 10px 36px,#0000000f 0 0 0 1px;transition:transform .2s;margin-bottom:2em;position:fixed;border-radius:0;padding:0;opacity:0;transition:all .2s;background:#fff}div.register-area h3{text-align:center}div.register-area label,div.register-area input{color:#000;display:block;border-color:#000;width:95%}div.register-area div{margin-top:20px;margin-bottom:20px;width:100%}div.register-area form{width:160px;margin:20px auto}div.register-area .submit-btn{width:100%;background-color:#3bb78f;font-family:PatuaOne;height:2em;border:none;border-radius:4px;padding:3px;color:#fff;background-color:#045de9;background-image:linear-gradient(315deg,#0bab64,#3bb78f 74%)}div.register-area .submit-btn:hover{background-image:linear-gradient(315deg,#065e37,#20654f 74%)}div.register-area .cancel-button{width:20px;height:20px;background:url(/build/assets/close-icon-black-xyYpAKIV.svg);background-size:cover;position:absolute;top:20px;right:20px}div.register-area.active{height:fit-content;min-height:20em;opacity:1}.medium-icon{width:50px;height:50px;margin-left:auto;margin-right:auto;display:block;top:50px}@media (max-width: 720px){nav{display:block}nav form{width:190px;margin-left:auto;margin-right:auto;align-items:center;margin-top:5em;opacity:0;transition:transform .3s;transform:translateY(-50px)}nav form.active{display:block;transform:translate(0);opacity:1}nav form div{margin:10px auto}nav div label,input{display:block}nav .nav-toggle{display:block}div.register-area.active{display:initial}div.register-area h1{font-size:1.5rem;display:inline-block;color:#f67602}div.register-area h3{text-align:center}div.register-area .login{color:#f67602;display:block;margin-left:auto;margin-right:auto;width:10em}div.register-area .login input{border:2px solid black;border-color:#000;color:#000}div.register-area button{margin-top:1em;width:6em}div.register-area div{margin:10px auto 5px}.landing-hero div.hero-filter h2{top:4em}.landing-hero div.hero-filter p{top:15em}.landing-hero div.hero-filter .register-btn{top:75%}}.info-heading{text-align:center;margin-top:3em;margin-left:auto;margin-right:auto;max-width:35em;padding:3em;height:30em}.info-heading button{display:block;margin:3em auto;width:6em;font-family:PatuaOne;height:2em;border:none;border-radius:4px;padding:3px;color:#fff;background-color:#045de9;background-image:linear-gradient(315deg,#0bab64,#3bb78f 74%)}.info-heading button:hover{background-image:linear-gradient(315deg,#065e37,#20654f 74%)}main.panel{height:100vh;background-image:linear-gradient(315deg,#ff4e00,#ec9f05 74%)}#panel{top:50px;padding:0 5%;margin:auto;position:relative;max-width:800px;height:90%;display:flex;gap:10px}#sidebar{position:relative;width:6%;max-width:55px;height:50%;color:#fff;background:transparent;display:block;flex-shrink:0}#sidebar a{display:block;margin:20px 0}#sidebar svg{width:100%;height:35px;color:#fff}#sidebar a.selected svg{color:#f67602}#panel #main{width:100%;flex-shrink:1;margin-left:auto;position:relative;padding:18px 9px;border-radius:4px;background:#fff;box-shadow:#00000029 0 10px 36px,#0000000f 0 0 0 1px;transition:transform .2s;transition:opacity .5s ease;vertical-align:middle;overflow:scroll}#panel #main section{padding:5px;border-radius:4px;margin-bottom:2em}#panel #main h4{margin:4px;color:#212121}#panel #main .welcome-pane{text-align:center}#panel #main .credits-pane{border:3px solid #ec9f05;display:flex;align-items:center;justify-content:center;color:#f67602}#panel #main .alerts-pane{border:3px solid #e6ebf1;padding:1em}.fade-enter-from,.fade-leave-to{opacity:0}section.recent-pane,section.history-pane{display:flex;flex-flow:wrap;justify-content:space-between;width:100%;height:fit-content}section.recent-pane h4,section.history-pane h4{width:100%}section.recent-pane table,section.history-pane table{border-spacing:4px;margin:auto;text-align:center;width:100%}section.recent-pane th,section.history-pane th{font-weight:400;color:#bebebe}section.recent-pane tr,section.history-pane tr{border-bottom:3px solid black}section.recent-pane td,section.history-pane td{border-bottom:2px solid #e6ebf1;font-size:.8rem}section.recent-pane td.completed span,section.history-pane td.completed span{background:#63b521;color:#366412;border-radius:4px;padding:2px}section.recent-pane td.processing,section.history-pane td.processing{color:#a4bfd9}section.recent-pane td.canceled,section.history-pane td.canceled{color:#ce0018}section.recent-pane .bi-eye-fill,section.history-pane .bi-eye-fill{color:gray}section.recent-pane .nav-btn.right,section.history-pane .nav-btn.right{margin-right:20px}section.recent-pane .nav-btn.left,section.history-pane .nav-btn.left{margin-left:20px}.pending-pane .pending-heading{position:relative;border-bottom:1px solid #bebebe}.pending-pane .pending-heading:hover{color:#242e38}.pending-pane .pending-content{color:gray;height:0;overflow:hidden;transition:all .2s}.pending-pane .selected .pending-content{height:fit-content}.pending-pane li{margin:10px 0;display:inline-block;width:15em}.pending-pane img{padding:4px;margin-top:5px;width:25px;display:inline-block;margin-bottom:3px;margin-left:2px;position:absolute;transition:all .2s}.pending-pane .selected img{transform:rotate(180deg)}.history-pane{transition:all .2s}.history-pane .nav-btn{width:1.5em}.history-pane .nav-legend{color:gray;text-align:center;width:3em;left:50%}.history-pane table{min-width:30em}.history-pane .table-scroller{width:100%;overflow-x:scroll}.actions{margin-bottom:1em}.actions a{color:#f67602;margin:1em 1em 2em;padding:3px}.actions a:hover{color:#874101}.logout-pane{margin-top:25%;text-align:center;height:10em}.logout-pane a{display:block;margin:2em auto auto;height:1.5em;width:5em;text-align:center;border:2px solid black;border-radius:4px;padding:5px 10px;background-color:#fff;color:#000}.logout-pane a:hover{background-color:#000;color:#fff}.settings-page h3{text-align:center}.settings-page h5{display:inline-block;margin-right:2em;margin-top:0;margin-bottom:.5em;color:#f67602}.settings-page input{display:block;margin-bottom:1em;right:2px;position:relative}.settings-page button{margin-right:10px;display:inline-block;text-align:center;border:2px solid #425466;border-radius:4px;padding:5px 10px;background-color:#fff;color:#425466}.settings-page button:hover{background-color:#425466;color:#fff}.settings-page button>*{vertical-align:middle}.settings-page .loading-icon{width:1.5em;height:1.5em;display:none;color:#fff;margin-left:.5em;margin-right:.5em}.settings-page .loading .loading-icon{display:inline}.settings-page .completed span{color:#63b521}.settings-page .error span{color:#ce0018}.services-legend{display:flex;justify-content:space-between;margin-top:20px;border-top:1px solid darkgrey;border-bottom:1px solid darkgrey;min-height:2em;background-color:#efefef;color:#767676;padding-right:30px}.services-legend h5{display:inline-block;margin:auto;text-align:center;width:20%}.services-legend :nth-child(1){width:30%}.sliding-menu{display:flex;justify-content:center;flex-basis:50%;margin-top:1em;flex-flow:wrap;gap:10px}.sliding-menu a{width:25%;font-size:1.1rem;background:none;border:none;color:gray;text-align:center}.sliding-menu .selected{color:#000}.menu-slider{width:55%}.menu-slider div{transition:all .2s;width:50%;border-bottom:2px solid black;flex:2}.menu-slider.credits div,.menu-slider.right div{transform:translate(100%)}.services-pane li{display:flex;justify-content:space-between;align-items:center;border-top:1px solid grey;padding:6px 0}.services-pane li span{text-align:center;vertical-align:middle}.services-pane li :nth-child(1){width:30%}.services-pane li:hover span{color:#242e38}.services-pane svg{width:25px;height:25px;color:#f67602;right:10px}.services-pane svg:hover{color:#ff4e00}#overlay{position:fixed;width:100%;height:100%;background-color:#00000080;left:0;top:0}#overlay .overlay-item{width:20em;min-height:20em;margin:20% auto auto;opacity:1;padding:18px 9px;border-radius:4px;background:#fff;box-shadow:#00000040 0 54px 55px,#0000001f 0 -12px 30px,#0000001f 0 4px 6px,#0000002b 0 12px 13px,#00000017 0 -3px 5px;transition:transform .2s}#overlay .overlay-item div{width:15em;margin:auto auto 1em}#overlay .overlay-item input{display:inline}#overlay .icon{width:40px;height:40px;display:block;margin:0 auto}#overlay h3{text-align:center;margin-top:5px}#overlay h4{text-align:center}#overlay .cancel{position:absolute;width:30px;right:10px;top:10px}#overlay button{display:inline-block;margin:auto;display:flex;align-items:center;justify-content:center;font-size:1.1rem;min-width:7em;text-align:center;border:2px solid #f67602;border-radius:4px;padding:5px 10px;background-color:#fff;color:#f67602}#overlay button:hover{background-color:#f67602;color:#fff}#overlay #url{width:100%}#overlay p{margin-top:2em;text-align:center}#overlay li{margin:1em 0}button .loading-icon{display:inline;height:1.5em}#panel #main .credits-display{text-align:center;margin:1em;color:#f67602;display:flex;justify-content:center;align-items:center}.select-credits .credits-pane{flex-flow:wrap;border-radius:4px;margin-bottom:2em;text-align:center;display:flex;gap:5%;padding:.5em 0}.select-credits .credits-pane span{margin-right:.5em}.select-credits h2{margin:0}.select-credits h3{text-align:center}.select-credits input{width:3em}.brand-btn{display:inline-block;margin:auto;display:flex;align-items:center;justify-content:center;font-size:1.1rem;min-width:7em;text-align:center;border:2px solid #f67602;border-radius:4px;padding:5px 10px;background-color:#fff;color:#f67602}.brand-btn:hover{background-color:#f67602;color:#fff}div#card-errors{margin:5%;text-align:center}#payment-section h4{text-align:center}#payment-section form{margin-top:2em}#payment-section label{display:block}#payment-section input{margin:1em 0}#payment-section #save-card{display:flex;gap:10px;align-items:center;justify-content:center}#payment-section #billing-name{width:25em;max-width:90%}#card-element{border:2px solid grey;border-radius:4px;padding:10px}.info-grey{text-align:center;color:gray}.info-grey div{width:20%;margin:1em auto auto;height:4px;background:#bebebe;border-radius:2px}.saved-card{display:flex;gap:15px;align-items:center;justify-content:space-around;max-width:15em;margin:auto}.status-dialog{position:relative;top:15%;margin:auto;max-width:20em;text-align:center}.status-dialog img{margin:auto;display:block}.saved-cards-heading{display:flex;align-items:center;justify-content:space-around;max-width:25em;margin:auto}.saved-cards-heading h5{margin:0}.settings-page .saved-card{max-width:25em;justify-content:space-between;margin-top:1em}.settings-page .saved-card>*{min-width:20%}.settings-page .saved-card img{width:15px;display:block}.settings-page .saved-card input{display:block;margin:auto}.saved-card button{width:3em;height:2em}nav.info-page{position:relative}main.terms section{padding:0 5% 2em;max-width:50em;margin:auto}main.terms section:nth-child(1){margin-top:3em}main.terms p{color:gray}.payment-window{min-height:5em;margin-top:1em;text-align:center;color:gray}.payment-window img{width:250px;max-width:80%;margin:auto auto 1em;display:block;height:90px}#agreement-check{margin:auto;max-width:30em;display:flex;align-items:center}#agreement-check label{display:inline-block;margin:1em}#agreement-check input{display:inline-block}.support-section .loading-icon{margin-top:25%;color:#f67602}#support-form{margin-top:10%}#support-form label{margin:auto auto 1em;text-align:center;width:10em;display:block}#support-form select{display:block;margin:auto auto 2em;width:10em;text-align:center;background:#fff}#support-form textarea{display:block;width:90%;margin:auto}#support-form button{display:block;font-size:1em;margin:2em auto auto;height:2.3em;width:5em;text-align:center;border:2px solid black;border-radius:4px;padding:5px 10px;background-color:#fff;color:#000}#support-form button:hover{background-color:#000;color:#fff}.error-message{text-align:center;color:#ce0018;margin-top:1em;margin-bottom:1em}.dialog{text-align:center}