Du kan inte välja fler än 25 ämnen Ämnen måste starta med en bokstav eller siffra, kan innehålla bindestreck ('-') och vara max 35 tecken långa.
 
 
 
 
 

2 rader
3.7 KiB

  1. .drawise-auth-bg{background-color:#fff!important}.drawise-logo-image{width:100%}.color-item{height:100px;background-color:red;border-radius:15px}.radio-tile-group{display:flex;flex-wrap:wrap;justify-content:center}.radio-tile-group .input-container{position:relative;margin:.5rem}.radio-tile-group .input-container .radio-button{opacity:0;position:absolute;top:0;left:0;height:100%;width:100%;margin:0;cursor:pointer}.radio-tile-group .input-container .radio-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;border-radius:5px;padding:.1rem;transition:transform .3s ease}.radio-tile-group .input-container .icon svg{fill:#079ad9}.radio-tile-group .input-container .radio-tile-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#079ad9}.radio-tile-group .input-container .radio-button:checked+.radio-tile{color:#fff;transform:scale(1.05);border:2px solid rgb(46,231,46)}.radio-tile-group .input-container .radio-button:checked+.radio-tile .icon svg{fill:#fff;background-color:#079ad9;border:2px solid rgb(46,231,46)}.radio-tile-group .input-container .radio-button:checked+.radio-tile .radio-tile-label{color:#fff;background-color:#079ad9;border:2px solid rgb(46,231,46)}.checkbox-group{display:flex;flex-wrap:wrap;justify-content:center;width:90%;margin-left:auto;margin-right:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.checkbox-group>*{margin:.5rem}.checkbox-group-legend{font-size:1.5rem;font-weight:700;color:#9c9c9c;text-align:center;line-height:1.125;margin-bottom:1.25rem}.checkbox-input{clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.checkbox-input:checked+.checkbox-tile{border-color:#2260ff;box-shadow:0 5px 10px #0000001a;color:#2260ff}.checkbox-input:checked+.checkbox-tile:before{transform:scale(1);opacity:1;background-color:#2260ff;border-color:#2260ff}.checkbox-input:checked+.checkbox-tile .checkbox-icon,.checkbox-input:checked+.checkbox-tile .checkbox-label{color:#2260ff}.checkbox-input:focus+.checkbox-tile{border-color:#2260ff;box-shadow:0 5px 10px #0000001a,0 0 0 4px #b5c9fc}.checkbox-input:focus+.checkbox-tile:before{transform:scale(1);opacity:1}.checkbox-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;width:auto;min-height:7rem;border-radius:.5rem;border:2px solid #b5bfd9;background-color:#fff;box-shadow:0 5px 10px #0000001a;transition:.15s ease;cursor:pointer;position:relative}.checkbox-tile:before{content:"";position:absolute;display:block;width:1.25rem;height:1.25rem;border:2px solid #b5bfd9;background-color:#fff;border-radius:50%;top:.25rem;left:.25rem;opacity:0;transform:scale(0);transition:.25s ease;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%23FFFFFF' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cpolyline points='216 72.005 104 184 48 128.005' fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='32'%3E%3C/polyline%3E%3C/svg%3E");background-size:12px;background-repeat:no-repeat;background-position:50% 50%}.checkbox-tile img{width:80%;margin-bottom:.5rem;margin-top:.5rem}.checkbox-tile:hover{border-color:#2260ff}.checkbox-tile:hover:before{transform:scale(1);opacity:1}.checkbox-icon{transition:.375s ease;color:#494949}.checkbox-icon svg{width:3rem;height:3rem}.checkbox-label{color:#707070;transition:.375s ease;text-align:center}.palette{display:flex;align-items:center;justify-content:center;padding:1rem}.palette li{width:35px;height:35px}@media (max-width:400px){.profnajafi{margin-top:4rem}}