Discord.me-S3-Dump/11abc110-66fc-4c10-af76-a90.../css/unit.css

1 line
6.8 KiB
CSS

#unitContainer{color:#fff}#unitContainer .ad-primary-btn{display:flex;margin-top:15px;margin-bottom:40px;padding:10px 100px;font-size:18px;line-height:26px;text-align:center;border-radius:9px;color:#fff;border:none;background:#e06209;cursor:pointer}#unitContainer .ad-primary-btn a{text-decoration:none}#unitContainer .ad-primary-btn:focus,#unitContainer .ad-primary-btn:hover{text-decoration:none;background:#af4d07;outline:none}#unitContainer .pointer{cursor:pointer}#unitContainer .nav-container{margin:3px 0 25px;display:flex;flex-wrap:wrap}#unitContainer .nav-button{padding:5px 40px;font-size:18px;line-height:26px;text-align:center;border-radius:9px;color:#fff;border:none}#unitContainer .nav-button:hover,#unitContainer .nav-button a{text-decoration:none}#unitContainer .bg-primary-bgl{background:#39106f}#unitContainer .bg-primary-bgl:hover{background:#2e0d59}#unitContainer .bg-secondary-bgl{background:#e06209}#unitContainer .bg-secondary-bgl:hover{background:#af4d07}#unitContainer .header{margin-top:70px}#unitContainer .header .title{font-size:48px;color:#fff}#unitContainer .header .sub-header{font-size:18px;color:#e06209;margin-bottom:30px}#unitContainer .unit-card{background:#270b4b;border-radius:8px;padding:20px;margin-bottom:20px}#unitContainer .menu .dropdown-toggle{color:#b8bdd7;font-size:30px;padding:4px;line-height:0;cursor:pointer}#unitContainer .menu .dropdown-toggle:after,#unitContainer .menu .dropdown-toggle:before{display:none}#unitContainer .menu .dropdown-menu{margin-right:0}#unitContainer .menu .dropdown-menu .dropdown-item{font-size:14px;padding:5px 15px;cursor:pointer}#unitContainer .menu .dropdown-menu .dropdown-item i,#unitContainer .menu .dropdown-menu .dropdown-item svg{margin-right:8px}#unitContainer .menu .dropdown-menu .dropdown-item:hover{color:#50169c;background:#d5bcf5}#unitContainer .unit-card-header{display:flex;justify-content:space-between;margin-bottom:14px}#unitContainer .unit-card-header .title{font-size:24px;color:#fff}#unitContainer .unit-card-body{padding:5px}#unitContainer .unit-card-body .under-text{color:#7a7d8e;padding-top:5px;font-size:14px}#unitContainer .unit-card-body label{font-size:20px}#unitContainer .unit-card-stats{display:flex;justify-content:space-around;margin:0 -10px;flex-wrap:wrap}#unitContainer .unit-card-stats .stat-card{background:#1e083a;padding:12px 20px;border-radius:5px;flex:1;margin:0 5px 10px;text-align:center}#unitContainer .unit-card-stats .stat-card .stat{font-size:36px;line-height:1}#unitContainer .unit-card-stats .stat-card .label{font-size:14px;color:#7a7d8e}#unitContainer .unit-card-item{background-color:#270b4b;padding:10px 40px;margin-bottom:16px;margin-left:60px;border-radius:10px;display:flex;flex-direction:column}#unitContainer .unit-card-item .name{color:#fff}#unitContainer .unit-card-item .menu{margin-right:-20px}#unitContainer .unit-card-item .stat-card{background:#240a47;padding:6px 20px}#unitContainer .unit-card-item .stat-card .stat{font-size:28px;line-height:1.25}#unitContainer .unit-card-item .stat-card .label{font-size:14px;color:#7a7d8e}#unitContainer .unit-banner{display:flex;background:#320e62;padding:15px;border-radius:10px;margin-top:10px;flex-wrap:wrap;position:relative}#unitContainer .unit-banner input{margin-top:auto;margin-bottom:auto;margin-right:10px}#unitContainer .unit-banner .banner-body{font-size:16px;display:flex;flex-direction:row;flex:3}#unitContainer .unit-banner .banner-body .unit-img{width:150px;min-height:130px;background:#1e083a;display:flex;align-items:center;justify-content:center;border-radius:10px;margin-bottom:auto;margin-top:auto;margin-right:20px;overflow:hidden}#unitContainer .unit-banner .banner-body .unit-img img{max-height:130px}#unitContainer .unit-banner .banner-body .banner-info{display:flex;flex-direction:column;flex:1;margin-right:10px}#unitContainer .unit-banner .banner-body .banner-info .title{font-size:22px;display:flex}#unitContainer .unit-banner .banner-body .banner-info .dimensions{color:#858797;margin-bottom:5px;margin-top:-5px;font-size:15px}#unitContainer .unit-banner .banner-body .banner-info .note{color:#c2c3cb;overflow-wrap:anywhere}#unitContainer .unit-banner .banner-footer{width:100%}#unitContainer .unit-banner .banner-status{border-radius:5px;background-color:#1e083a;padding:5px 15px;margin-top:10px;font-size:14px}#unitContainer .unit-banner .banner-stats{display:flex;margin:0;flex-wrap:wrap;flex-direction:column;flex:2;width:100%}#unitContainer .unit-banner .banner-stats .stat-card{background:#1e083a;padding:12px 20px;border-radius:5px;flex:1;margin-bottom:1rem;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}#unitContainer .unit-banner .banner-stats .stat-card .stat{font-size:36px;line-height:1}#unitContainer .unit-banner .banner-stats .stat-card .label{font-size:14px;color:#7a7d8e;margin-top:3px;line-height:1.25}#unitContainer .text-grey{color:#c2c3cb}#unitContainer .onboarding{display:flex;flex-wrap:wrap}#unitContainer .onboarding .onboarding-img{flex:2;border-radius:5px;display:flex;align-items:center}#unitContainer .onboarding .onboarding-img img{width:100%;border-radius:5px}#unitContainer .onboarding .onboarding-body{flex:2;padding:0 10px}#unitContainer .onboarding .onboarding-body .title{font-size:36px;font-weight:700;margin-top:40px;margin-bottom:10px}#unitContainer .lightbox{display:none;position:fixed;z-index:999;width:100%;height:100%;text-align:center;top:0;left:0;background:rgba(0,0,0,.8)}#unitContainer .lightbox img{max-width:90%;max-height:80%;margin-top:2%}#unitContainer .lightbox:target{outline:none;display:block}@media (max-width:991px){#unitContainer .onboarding{flex-direction:column}#unitContainer .onboarding .onboarding-img{flex:1;width:100%}#unitContainer .onboarding .onboarding-body{flex:1;padding-bottom:30px}#unitContainer .unit-banner .banner-stats{flex:none;width:100%}#unitContainer .unit-banner .banner-stats .stat-card{background:#1e083a;padding:12px 20px;border-radius:5px;flex:1;text-align:center}#unitContainer .unit-banner .banner-stats .stat-card .stat{font-size:36px;line-height:1}#unitContainer .unit-banner .banner-stats .stat-card .label{font-size:14px;color:#7a7d8e}}@media (max-width:767.98px){#unitContainer .unit-banner .menu{position:absolute;right:10px}#unitContainer .unit-banner input{margin-bottom:20px}#unitContainer .unit-banner .banner-body{flex-direction:column;align-items:center}#unitContainer .unit-banner .banner-body .unit-img{margin-bottom:10px;margin-right:0;width:100%}#unitContainer .unit-banner .banner-body .banner-info .dimensions,#unitContainer .unit-banner .banner-body .banner-info .title{text-align:center}#unitContainer .unit-banner .banner-stats .stat-card{width:100%;flex:none;margin-bottom:.5rem}}@media (max-width:500px){#unitContainer .nav-container .nav-button{padding:5px 16px}#unitContainer .unit-banner .banner-status{padding:5px 10px;margin-top:10px;font-size:13px}}