mirror of
https://github.com/yawaflua/LuckyDiamond.git
synced 2025-12-10 20:29:35 +02:00
1 line
8.3 KiB
CSS
1 line
8.3 KiB
CSS
.header{margin-top:.4%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.header__content{display:flex;align-items:center;text-align:center;justify-content:space-between}.header__logo{padding:1.8% 0 1.2% 2.6%}.header__nav nav a{margin-right:30%;text-decoration:none;font-family:Montserrat Alternates;font-weight:700}.header__nav--now{color:#ef4444;text-shadow:0 4px 4px rgba(0,0,0,.25);font-size:18px;position:relative}.header__nav--now:before{position:absolute;content:"";width:100%;height:2px;background:#ef4444;filter:drop-shadow(0 4px 4px rgba(0,0,0,.25));bottom:-7px;left:0;z-index:1}.header__content--balance{display:flex;align-items:center}.header__card--balance{border-radius:9px;background:#22252f;box-shadow:4px 4px 4px 0 rgba(0,0,0,.25);padding:10px 15px 8px 8px}.header__content--balance .header__card--balance h2{display:flex;align-items:center;color:#fff;font-size:18px;font-weight:700;font-family:Montserrat Alternates}.header__content--balance .header__card--balance h2 img{margin-right:7px}.header__btn--wallet a{border-radius:13px;background:#ef4444;box-shadow:4px 4px 4px 0 rgba(0,0,0,.25);font-size:16px;text-transform:uppercase;font-weight:900;font-family:Montserrat;padding:20px 23px 20px 23px;text-decoration:none;margin-left:-15%}.header__auth--discord{display:flex;margin-right:1.4%;width:10%}.header__card--discord{display:flex;align-items:center}.discord__card--name{margin-right:5%}.discord__card--name h2{font-size:15px;text-shadow:0 4px 4px rgba(0,0,0,.25);font-family:Montserrat;font-weight:700}.discord__card--name a{display:flex;align-items:center;font-size:14px;color:hsla(0,0%,100%,.5);font-weight:700;font-family:Montserrat;border-radius:8px;background:#30323e;text-decoration:none;padding:6px 2px 6px 2px}.discord__card--name a span img{margin-left:15%;display:flex}.header__card--discord img{box-shadow:0 4px 4px 0 rgba(0,0,0,.25)}.auth__card--content a,.header__card--auth{display:flex;align-items:center}.auth__card--content a{border-radius:13px;background:#5865f2;box-shadow:4px 4px 4px 0 rgba(0,0,0,.25);color:#000;font-size:16px;font-weight:600;font-family:Montserrat;padding:11px 26px 11px 21px;text-decoration:none;text-transform:uppercase}.auth__card--content a span img{margin-right:5px}.menu{margin:4% 6% 0 6%;height:99.5vh;-webkit-user-select:none;-moz-user-select:none;user-select:none}.menu__content{height:70%;display:flex;align-items:center;flex-direction:column}.menu__btn--home{margin-top:12%}.menu__btns--gamemodes{display:flex;align-items:center;height:100%}.menu__content--gamemodes{background:hsla(0,0%,85%,.12);filter:drop-shadow(4px 4px 4px rgba(0,0,0,.25));width:90%;justify-content:center;align-items:center;border-radius:20px;display:flex;text-align:center;flex-direction:column}.menu__content--gamemodes a{padding:35% 7%}.menu__content--gamemodes a img{display:flex;justify-content:center;align-items:center;text-align:center;max-width:100%;max-height:100%}.menu__btn--settings{position:absolute;bottom:0;margin-bottom:1.2%}.chat{margin:1% 1.2% 0 0}.chat__content{width:30%}.chat__container--title{display:flex;-webkit-user-select:none;-moz-user-select:none;user-select:none}.chat__title{margin:16% 0 0 23%}.chat__container--title h2{color:#fff;text-shadow:0 4px 4px rgba(0,0,0,.25);font-family:Montserrat Alternates;font-size:18px;font-weight:700}.content p{width:80%;word-wrap:break-word;margin:0 auto}.chat__content--users{height:70%}.card__user{margin:8.8% 7.4% 0 5%;display:flex}.fade-enter-active,.fade-leave-active{transition:opacity .5s,transform .5s}.fade-enter,.fade-leave-to{opacity:0;transform:translateY(20px)}.user__icon{display:flex}.user__icon img{width:40px;height:40px}.content{margin-left:4%;color:#fff;font-size:12px;font-weight:800;font-family:Montserrat}.content p{margin-top:2%}.write{position:absolute;bottom:0;margin:24% 87% 6% 6%;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:50%}.write__content{display:flex;align-items:center}.write__content input{padding:14px 35% 14px 12px;border-radius:13px;background:#22252f;color:#a9a99d;border:none}.write__content input::-moz-placeholder{color:#a9a99d;font-weight:800;font-family:Montserrat;font-size:12px}.write__content input::placeholder{color:#a9a99d;font-weight:800;font-family:Montserrat;font-size:12px}.write__content button{padding:8px 9px;margin-left:-15%;border-radius:6px;background:#3d3f48;border:none;cursor:pointer}.write__content button:disabled{cursor:not-allowed}.main{display:flex;justify-content:center;border-radius:40px;background:#ef4444;box-shadow:4px 4px 4px 0 rgba(0,0,0,.25)}.main__content{text-align:center;color:#fff}.main__content h3{text-shadow:0 4px 4px rgba(0,0,0,.25);font-family:Montserrat;font-size:32px;font-weight:700;margin:3% 0 -3% 0}.main__content h1{font-family:Montserrat Alternates;font-size:91px}.main__content h1,.main__content h4{text-shadow:0 4px 4px rgba(0,0,0,.25);font-weight:700;text-transform:uppercase}.main__content h4{font-family:Montserrat;font-size:24px}@keyframes RaindowAnimate{0%{color:#6eeb21}10%{color:#09f}50%{color:#0f0}75%{color:#f39}to{color:#6eeb21}}.default__text--main__block{color:#6eeb21}.animate__text--main__block{animation:RaindowAnimate 5s infinite;animation-delay:5s}.gamemode__content--text h2{margin:2% 0 .5% 10%;text-transform:uppercase;color:#fff;text-shadow:0 4px 4px rgba(0,0,0,.25);font-family:Montserrat;font-size:20px;font-weight:700}.gamemode__content--text div{width:80%;margin:0 auto;border:1px solid #fff}.gamemode__content--card{display:flex;margin-top:1.8%}.bg-card{border-radius:40px;background:#ef4444;box-shadow:4px 4px 4px 0 rgba(0,0,0,.25)}.gamemode__main{width:32%;height:100%;margin-left:8%}.gamemode__main .line__content1{display:flex;justify-content:center;text-align:center}.gamemode__main .content{display:flex;justify-content:space-between;align-self:flex-end}.title-firstline{color:#fff;text-shadow:0 4px 4px rgba(0,0,0,.25);font-family:Montserrat Alternates;font-size:91px;font-weight:700;text-transform:uppercase;text-align:center}.line__footer{display:flex;justify-content:center;align-items:center;padding-top:12%}.line__footer img{width:60%}.gamemode__lines{display:flex;flex-direction:column;width:50%;height:100%}.gamemode__firstline{margin:0 0 0 5%}.line__img{float:right;margin:1% 6.6% 1% 4.7%}.line__btn{border-radius:21px;background:#fff;box-shadow:4px 4px 4px 0 rgba(0,0,0,.25);color:#000;text-shadow:0 4px 4px rgba(0,0,0,.25);font-family:Montserrat Alternates;font-size:36px;font-weight:700;padding:11px 11px;text-decoration:none;text-transform:uppercase;position:relative;bottom:5%;left:2%}.line__btn--elm{color:#000;font-size:38px}.linecontent-2{display:flex;padding:.6% .6%}.linecontent-2 h1{margin-bottom:7%}.gamemode__twolines{display:flex;height:100%;width:100%}.gamemode__twoline--first__element{width:100%;margin:3% 3.6% 0 5.5%;min-height:180px}.linecontent-3{display:flex;justify-content:center}.title-twoline{text-align:center;color:#fff;text-shadow:0 4px 4px rgba(0,0,0,.25);font-family:Montserrat Alternates;font-size:87px;font-weight:700;text-transform:uppercase}.gamemode__twoline--first__element .container{display:flex;justify-content:center;align-items:center}.gamemode__twoline--first__element .container a{margin-right:10%;padding:12px 10px}.gamemode__twoline--two__element{margin-top:3%;width:100%;min-height:180px}.gamemode__twoline--two__element .container{display:flex;justify-content:center}.gamemode__twoline--two__element .container a{margin-right:10%}*{margin:0;padding:0;box-sizing:border-box;color:#fff}ul{list-style:none}body,html{background:#121212;height:100%;margin:0;overflow-y:hidden}.content-grid{display:grid;grid-template-columns:.35fr repeat(5,1fr) 1.2fr;grid-template-rows:auto 0fr repeat(4,1fr);grid-auto-columns:1fr;grid-auto-flow:row;grid-template-areas:"menu header header header header header header" "menu main main main main main chat" "menu main main main main main chat" "menu gamemode gamemode gamemode gamemode gamemode chat" "menu gamemode gamemode gamemode gamemode gamemode chat" "menu gamemode gamemode gamemode gamemode gamemode chat";height:100%;grid-gap:10px}.header{grid-area:header}.header,.menu{border-radius:20px;background:#17181c;box-shadow:0 4px 4px 0 rgba(0,0,0,.25);align-self:start}.menu{grid-area:menu}.chat{grid-area:chat;background:#16171b;filter:drop-shadow(0 4px 4px rgba(0,0,0,.25));border-radius:20px;height:90%;position:relative;z-index:3}.main{grid-area:main;width:80%;height:90%;margin:2.7% auto 0}.gamemode{grid-area:gamemode;height:70%;width:100%} |