File Manager

Editing: accounts.css

body{height: 97vh;}.form{background-color: #24e037;width: 50%;margin: auto;top: 10%;display: flex;flex-direction: column;align-items: center;text-align: center;padding: 1em;color: white;border-radius: 10px;}.editform{background-color: #24e037;width: 50%;margin: auto;position: relative;display: flex;flex-direction: column;padding: 1em;color: white;border-radius: 10px; margin-bottom: 10%;font-weight: 800;}.editform h1{text-align: center;}form p{margin: 0;}
 
 form input{width:50%;margin:10px 0;padding:9px;border-radius:5px;border:none;}
form a{color:white;}
form h1{font-size:5em;margin:0;}
form button{padding:8px 25px;border:none;color:green;font-weight:900;background-color:white;margin-bottom:10px;border-radius:5px;}
.socials{margin-top:19px;width:50%;font-size:28px;display:flex;justify-content:space-around;}
.socials a:hover{font-size:28px;}
  
  .dashbanner,.dashbanner-profile{width:80%;height:20%;margin:auto;padding:1em;position:relative;margin-top:5%;}
.dashboard{color:white;width:90%;margin:auto;height:50%;display:flex;justify-content:space-around;}
.profile{height:100%;width:7%;margin:auto;border-radius:100%;border:1px solid white;}
.business-name{height:100%;width:70%;margin:auto;}
.business-name h1{margin:0;text-align:center;}
.menu{height:90%;width:10%;margin:auto;color:white;margin-left:5%;}
.aboutbusiness{width:80%;height:48%;margin:auto;color:white;border-radius:5px;background-color:#4bed5b8e;padding:1px;text-align:center;margin-top:2px;font-size:1.5vw;overflow-y:hidden;}
.profile-contact{background-color:red;padding:10px;color:white;border:none;border-radius:5px;}
.profile-contact:hover{background-color:orange;}
.open-btn{font-size:32px;font-weight:900;cursor:pointer;color:white;margin-left:1em;}
.overlay{height:90%;width:0;position:fixed;top:5px;right:0;background-color:rgba(0,0,0,0.749);overflow-x:hidden;transition:0.5s;z-index:2;border-radius:3px;}
.overlay a{text-decoration:none;}
.overlay a:hover{color:#75ff83;}
.overlay-content{position:relative;top:18%;width:80%;text-align:center;margin-top:30px;margin:auto;}
.overlay-content a{padding:8px;text-decoration:none;font-size:16px;color:#fff;display:block;transition:0.3s;}
.overlay-content a:hover{color:#75ff83;border-bottom:1px solid #75ff83;}
.overlay .close-btn{position:absolute;top:20px;right:35px;font-size:36px;cursor:pointer;color:white;font-weight:900;}
.loggedin{width:99%;margin:auto;height:auto;position:absolute;background-color:rgba(0,0,0,0.6);color:white;display:none;z-index:3;}
.loggedin p{width:30%;text-align:center;margin-left:70%;}
.addnew{display:flex;width:80%;margin:auto;justify-content:space-between;margin-top:10px;}
.addnew h2{margin:0;}
.addnew button{background-color:orange;padding:10px;border-radius:5px;color:white;font-weight:900;border:none;}
.sellform{background-color:#40e351;width:55%;height:auto;margin:1em auto;display:flex;flex-direction:column;padding:1em 3em;border-radius:5px;color:white;}
.sellform input,textarea,select{margin-bottom:1em;padding:7px;border-radius:5px;border:none;}
.sellform textarea{resize:none;}
.sellform h2{margin:auto;text-align:center;}
.sellform select option{text-align:center;background-color:#40e351;}
.sellform button{padding:10px;color:white;background-color:red;border:none;border-radius:5px;}
.products{height:auto;display:flex;flex-wrap:wrap;width:89%;margin:auto;padding:1em;}
.card{margin:auto;height:89%;text-align:center;color:white;border-radius:5px;box-shadow:0 4px 10px rgba(0,0,0,0.6);}
.generalcard{flex-grow:1;flex-basis:200px;margin:1em;height:19em;width:10em;text-align:center;color:white;}
.pricetag{position:relative;bottom:0;height:10%;margin-top:0;padding:1px;width:98%;margin:auto;color:red;align-content:center;}
.pricetag p{margin:0;align-content:center;font-weight:900;}
.card-inner{position:relative;width:100%;height:100%;transition:transform 0.6s;transform-style:preserve-3d;}
.card:hover .card-inner{transform:rotateY(180deg);}
.card-front,.card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:5px;}
.card-front{background:#fff;}
.card-back{background:#40e350;transform:rotateY(180deg);text-align:center;}
.card-back button{background-color:red;color:white;padding:10px;border:none;border-radius:5px;}
.card-back a{color:white;}
.slideshow{width:100%;height:100%;overflow:hidden;position:relative;}
.slideshow img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;animation:slideshow 6s infinite;transition:opacity 0s;border-radius:6px;}
.socialmediaicons{display:flex;color:#24e037;}
hr{width:30%;color:white;position:relative;top:50%;margin:0;margin:auto;}
.socials{width:25%;font-size:28px;display:flex;justify-content:space-around;}
.socials a:hover{font-size:28px;}
footer{background-color:#24e037;height:auto;color:white;text-align:center;padding-bottom:1em;width:100%;}
footer a{color:white;text-decoration:none;padding:2px;}
footer a:hover{color:#75ff83;font-size:22px;}
@keyframes slideshow{0%,20%{transform:translateX(0);}25%,45%{transform:translateX(-100%);}50%,70%{transform:translateX(-200%);}75%,100%{transform:translateX(0);}}
.slideshow img:nth-child(2){animation-delay:2s;}
.slideshow img:nth-child(3){animation-delay:4s;}
@media screen and (max-width:655px){.over{height:20%;overflow-y:scroll;font-size:small;}.sellform h1{font-size:1.6em;}.sellform{width:70%;}.form{width:90%;top:10%;}.google{position:relative;top:10%;width:99%;margin:auto;}.socials{margin-top:19px;width:80%;font-size:28px;display:flex;justify-content:space-around;}form input{width:80%;margin:10px 0;padding:9px;border-radius:5px;border:none;}.dashbanner{width:90%;height:20%;margin-top:5%;}.dashbanner-profile{width:90%;height:20%;margin-top:15%;}.dashboard{width:98%;margin:auto;height:50%;display:flex;justify-content:space-around;}.profile{width:35%;margin:0;}.business-name{height:100%;width:80%;margin:auto;}.business-name h1{margin:0;font-size:normal;}.menu{margin-left:0;}.aboutbusiness{width:90%;background-color:#3135318e;margin-top:2px;font-size:1rem;}.open-btn{margin-left:0;}.addnew{display:flex;width:99%;}.editform{width:90%;}}

⬅ Back