jd2019 style
Just Dance Now 2019 New menu based on jdn 2021 W.I.P style by justkrisz
Details
Authorjustkrisz
LicenseNo License
Categoryhttps://justdancenow.com/
Created
Updated
Size232 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name Just Dance Now 2019 New menu based on jdn 2021 W.I.P style
@version 20211025.14.48
@namespace userstyles.world/user/justkrisz
@description jd2019 style
@author justkrisz
@license No License
==/UserStyle== */
@-moz-document domain("justdancenow.com"), domain("www.justdancenow.com") {
#afterdance .players.player-solo .color {
width: 35% !important;
transform: translatex(85%) translatey(-30%);
height: 500%;
font-size: 0%
}
#afterdance .players.player-solo .blue .player-content::after, #afterdance .players.player-solo .blue .color {
background-image:linear-gradient(90deg, #3a71c9 0%, #2a17bb 100%) !important
}
#afterdance .players.player-solo .red .player-content::after, #afterdance .players.player-solo .red .color {
background-image:linear-gradient(90deg, #ff791a 0%, #e71916 100%) !important
}
#afterdance .players.player-solo .green .player-content::after, #afterdance .players.player-solo .green .color {
background-image:linear-gradient(90deg, #61dd19 0%, #5eb61b 100%) !important
}
#afterdance .players.player-solo .purple .player-content::after, #afterdance .players.player-solo .purple .color {
background-image:linear-gradient(90deg, #8900b6 0%, #6b43c8 100%) !important
}
#afterdance .players.player-solo .aqua .player-content::after, #afterdance .players.player-solo .aqua .color {
background-image:linear-gradient(90deg, #42dd9c 0%, #3cb8bc 100%) !important
}
#afterdance .players.player-solo .pink .player-content::after, #afterdance .players.player-solo .pink .color {
background-image:linear-gradient(90deg, #e50191 0%, #c114d1 100%) !important
}
#afterdance .players.player-solo .player-content::after {
content:"";
position: fixed;
display: block;
top: 160%;
height: 25%;
left: 0%;
width: 70%;
background-position: center;
background-size: cover;
transform: scale(1.0);
z-index: 9999999999999999999999 !important;
border-radius: 50px;
animation: ContentAfte 3s
}
@keyframes ContentAfter {
0% {
width: 0%
}
100% {
width: 70%
}
}
#afterdance .results.solo {
height: 190%;
transform: translatey(5%) scale(1.2)
}
#afterdance .players.player-solo .player-content {
transform: translatey(120%) translatex(-63.5%) !important;
width: 34%;
text-align: center;
background: white !important;
height: 150%;
border-bottom: none;
border-bottom-left-radius: 10px !important;
border-bottom-right-radius: 10px !important
}
#afterdance .players.player-solo .name {
padding-left:0.0rem !important;
margin-right: 0% !important;
width: 100%;
transform: translatey(5%) !important;
}
#afterdance .players.player-solo .name::before {
display: none
}
#afterdance .players.player-solo .player-content::before {
content:"Aspiring Dancer" !important;
font-family: JD Regular;
color: #89888a !important;
position: fixed !important;
font-size: 15% !important;
transform: translatex(-48%) translatey(270%) !important;
z-index: 999999999999999999999999999999 !important;
width: 110%
}
#afterdance .players.player-solo .avatarFlag {
transform: scale(1.7) translatex(21%) translatey(-15%) !important
}
#afterdance .players.player-solo .score-text {
left: 70%;
font-size: 70%;
top: 160%;
animation: ScoreSli 3s !important
}
@keyframes ScoreSlide {
0% {
left: -10%
}
100% {
left: 70%
}
}
#afterdance .players.player-solo .stars {
left: -38%;
top: 80%
}
.dr-landing__wrapper {
height: 250% !important;
background: #fff;
border: solid #000 3px;
transform: scale(1.5) translatey(50%) translatex(30%);
border-radius: 10px
}
.dr-landing__room-number.room-number {
color: #ae00b7 !important;
top: 40%;
left: -50%;
}
.dr-landing__label {
transform: translatex(-0%) scale(2.3) translatey(70%);
font-family: Just Dance !important;
color: white !important
}
.dr-landing__wrapper::before {
content:"";
background: #c40ec7;
height: 15%;
width: 150% !important;
transform: translatey(40%) translatex(57%) scale(2.3);
border-top-right-radius: 5px;
border-top-left-radius: 5px
}
.landing-button__play::before {
background: linear-gradient(20deg, #b507c1 0%, #b911f8 100%) !important;
width: 350%;
border-radius: 20px;
content:"Just Dance 2019";
font-family: Just Dance !important;
color: white;
font-size: 450%;
top: 50%;
left: -83%;
box-shadow: 0px 0px 12px -0.8px #fb00ff;
;
height: 95%
}
.landing-button__play::after {
background: #fff0;
width: 200%;
border-radius: 20px;
content:"A new look even more like your favorite dance game!";
font-family: JD Regular !important;
color: white;
font-size: 150%;
top: 90% !important;
left: 5%;
transform: translatey(30%) translatex(-7%) !important;
position: absolute !important;
z-index: 9999999999999999999999 !important;
text-align: center
}
.landing-button__play {
top: 70%;
position: absolute;
transition: all 0.2s;
opacity: 1;
left: 23%
}
.landing-button__play:hover {
transform: scale(1.07)
}
.video-display__poster, .article__image.polaroid__img, iframe {
padding: 1%;
border: 4.5px solid #b50795;
border-radius: 18px;
box-shadow: none !important
}
.article__title {
font-family: Just Dance
}
.step-list__item-label.main-color-1, p {
font-family: JD Regular !important;
color: #4b494b !important
}
.init-spinner--splash::before {
content:'';
position:absolute;
top:15vh;
left:29vw;
background-image:url(https://i.pinimg.com/564x/fa/4f/30/fa4f306b30c8cbc312e42139f09f65b4.jpg);
background-repeat:no-repeat;
transform: scale(1.1);
-webkit-mask-image: linear-gradient(180deg, rgb(0, 0, 0) 96%, #f000 100%) !important;
}
.landing-text::before {
content:'';
height:95%;
width:80vw;
position:absolute;
top:-20vh;
left:11.5vw;
background-image:url(https://www.netclipart.com/pp/m/371-3717698_just-dance-full-elenco-canzoni-transparent-png-just.png);
background-repeat:no-repeat;
background-size:cover;
transform: scale(0.6);
z-index: 99999999999999999999999 !important;
animation: LandingBeat 2s infinite !important;
-webkit-mask-image: linear-gradient(180deg, rgb(0, 0, 0) 96%, #f000 100%) !important;
}
.landing-text::after {
content:'';
height:100%;
width:115vw;
position:absolute;
top:-20vh;
left:-7.3vw;
background-image:url(https://imgur.com/KnxMlUp.png);
background-repeat:no-repeat;
background-size:cover;
transform: scale(0.5);
-webkit-mask-image: linear-gradient(180deg, rgb(0, 0, 0) 96%, #f000 100%) !important;
}
@keyframes LandingBeat {
0% {
transform: scale(0.6)
}
1% {
transform: scale(0.58)
}
20% {
transform: scale(0.6)
}
100% {
transform: scale(0.6)
}
}
.main {
background: white
}
.article.article--small-size.how-it-works__content-header {
background: none
}
.grid-img {
background-image: url(https://media.discordapp.net/attachments/737750495061606502/746576701504487454/Niceforwhat_cover_albumcoach.png?width=481&height=481) !important;
transform: scale(1.8) translatey(-15%);
height: 47% !important;
border-radius: 10px;
background-position: 130% !important
}
#section-playlist .section-grid-trainer {
top: 30%;
left: 46%;
animation: SlideInTrainer2 0.6s !important
}
#section-songlist .section-grid-trainer {
top: 30%;
left: 50%;
animation: SlideInTrainer1 0.6s !important
}
@keyframes SlideInTrainer1 {
0% {
left: 60%;
opacity: 0
}
50% {
opacity: 0
}
100% {
left: 50%;
opacity: 1
}
}
@keyframes SlideInTrainer2 {
0% {
left: 56%;
opacity: 0
}
80% {
opacity: 1
}
100% {
left: 46%;
opacity: 1
}
}
.trainer-txt {
font-family: JD Regular
}
.grid-img--songlist {
background-image: url(https://vignette.wikia.nocookie.net/justdance/images/1/10/Home_tile_asset_jdu_trial_p1.png/revision/latest?cb=20200611131320) !important;
height: 36% !important;
border-radius: 10px;
width: 54% !important;
transform: scale(1.5) translatey(-20%);
top: -10% !important;
background-size: cover !important
}
.main-header {
background: none
}
.tabs--text, .state-songselection .song-cover, #players::before, .controller-coins, .player-master, .state-songselection .player-color, .connect-phone-info.connect-phone-info--clickable.connect-phone-info--visible, .reward__wrapper, .danceroom__qr-code-wrapper, .danceroom__label, .room-info__patch, #players.finding-dancers, #players.removing-dancers, .sprite, .coach::before, .state-coachselection .song-grid, .state-coachselection .song-details, .state-coachselection .video-preview, .state-coachselection .song-action, .tutorial::before, .tutorial::after, .state-coachselection .highscore-display, .owner-name, .state-dance .avatar-wrapper, .state-dance .player-exp, .state-dance .player-flag, .platform, #afterdance .song-info, .modal__container.modal__container--active::after, .modal.modal--active::before, .caption.artist, .song__decoration::after, .song-action__button::before, .song-action__button::after, .landing-circle, .landing__video, .landing-arrow.scroll_down, .landing-text__title, .landing-text__subtitle, .video-display::before, .logo, .songlist-container .song-grid--description, .song-grid--close, .song-grid--duration, .playlist--description, .playlist-action__button, .line::after, .article::before, .exit-btn.exit-btn--play-again.exit-btn--animate, .exit-btn.exit-btn--continue.exit-btn--animate::before, .account, .landing-patch, .dr-landing__icon-wrapper, .score.superstar::after, .score.megastar::after, .main-header {
display: none !important;
}
.exi...