Skip to content

JD2022 menu - FIXED - BETA by tricxk

Details

Authortricxk

LicenseNo License

CategoryJust Dance Now

Created

Updated

Size11 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

this was made by TICPO And fixed by TRICXK
ty to ibran for the lyrics

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           justdancenow.com - 6/2/2023, 16:28:05
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */

@-moz-document domain("justdancenow.com") {    
    
    
.state-songselection #players::before,  .controller-coins, .player-master, .state-songselection .player-color, .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 .song-action, .tutorial::before, .tutorial::after, .state-coachselection .highscore-display, .state-dance .player-exp, .state-dance .player-flag, .caption.artist, .song-action__button::before, .song-action__button::after, .playlist-action__button, .line::after, .article::before,  .video-preview .song__difficulty, .exit-btn.exit-btn--play-again.exit-btn--animate, .account, .coach-selection__button::after, .coach-selection__button::before, .modal__link.openIframe, .state-songselection .feedback, .account, .side-nav, .tabs--connect, .song__reward, .state-tutorial #players, .coach-selection::after, .state-dance .player-logo--vip,.state-afterdance #players,#afterdance::before,#afterdance .song-info,.trainer-icon, .dr-landing__icon-wrapper, .dr-landing__label, .landing-patch, .dr-landing::before, .landing__video, .landing-arrow.scroll_down, .landing-text__subtitle, .landing-text__title, .landing-circle, .landing-button__txt, .logo, .toggle::after, .toggles::before, #afterdance .player-solo .player .score::before, .player-logo.player-logo--vip, .songlist-container .song-grid--description, .item-selected .song__decoration:after, .state-coachselection #preview:after, .item:after,.state-songselection .song-cover--low-res, .sprites-container,.info-panel, .song-grid--description , .song-grid--duration,.connect-phone-info--clickable .connect-phone-info__text::before, .modal__container::after, .song-cover--low-res:before, .platform, #admin-menu .menu__head,#admin-menu .legal__list, #admin-menu .player--controller::before,.tutorial__image,.tutorial__caption, .state-coachselection #preview:before, .state-coachselection #room-info, .state-dance #room-info, .state-tutorial #room-info, .state-afterdance #room-Fion #settings,.highscore-display::after, .player-flag,.player-exp, .state-songselection .player-name,#players::before, .state-coachselection .player-color,.state-coachselection .player-name, .progress-background,.feedback , .player:nth-child(1) .avatar, .player:nth-child(2) .avatar,.player:nth-child(3) .avatar,.player:nth-child(4) .avatar,ul.tabs li.selected::before,.song-grid--close,.playlist--description,.state-coachselection #settings,.connect-phone-info__text, .state-dance #settings,.item .song__difficulty,.coach-selection__bgImg,.connect-phone-info--visible,.song-cover--low-res ,.video-preview
{display: none !important}
	
	@font-face
{font-family: "Just Dance Regular";src: url('https://cdn.glitch.global/cb80f21c-2d07-4ed0-9141-003774865f5b/ubisoftsans-regular.otf?v=1664210097220') format('woff') ;}

@font-face 
{
    font-family: "Just Dance";
    src: url('https://cdn.glitch.global/cb80f21c-2d07-4ed0-9141-003774865f5b/ubisoftsans-bold.otf?v=1664210440058') format('woff');
    src: url('https://cdn.glitch.global/cb80f21c-2d07-4ed0-9141-003774865f5b/ubisoftsans-bold.otf?v=1664210440058') format('woff2');
}

@font-face{
    font-family:"helveticaneue-medium";
     src: url('https://cdn.glitch.global/cb80f21c-2d07-4ed0-9141-003774865f5b/IMPACT.TTF?v=1664285320127') format('woff')
}
	



:root
{
    
  /*
    
    */
    
    --profile-color: linear-gradient( 90deg, #d10bfe 0%, #7f049c 100%);

    --pictobeat-color: #fff;
}
    #coverflow
{background-image: none!important}
.coverflow--container
{background: none}
#just-dance-now
{background-color: #fff}

.coverflow--container {
    float: left;
    width: calc(105% - 0rem);
    height: 110%;
    position: absolute;
    padding: 0.2rem 0.15rem 0.1rem 0.25rem;
    margin: 0 0.15rem 0 0;
    overflow: hidden;
    border-radius: 10px 10px 0 0;
    box-shadow: 0px 6px 12px #908f8f;
    font-family: "Just Dance Regular";
    top: -0%;
    left: -2.45%;
    z-index: 99999;
}
    }
	
.item-container
{
	width: 100000% !important;
}

.songlist-container .item
{top: 66%;}
	
    .item
{
	margin-left: 0.5em !important;
	left: 0.1em;
	top: 62%;
	transform: scale(1.1);
	width: 11em !important;
	height: 5.9em !important;
	border-radius: 8px;
	z-index: 999999999999 !important;
	transition: all 0.2s 
}

#preview .right-pane
{height: 0rem;}

.song--details, .item-container
{
    scroll-snap-type: inline mandatory !important;
    scroll-padding: 20% !important;
}


#preview .right-pane
{height: 0rem;}

.song--details, .item-container
{
    scroll-snap-type: inline mandatory !important;
    scroll-padding: 20% !important;
}

.item-selected
{
    scroll-snap-align: start !important;
}	
	
.item:after
{
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
    background-size: cover;
	background-image: linear-gradient(transparent,#000000b8);
	color: transparent;
	z-index: 2!important;
	left: 0%;
	top: 0%;
	border-radius: 8px;
	transition: 0.1s;
}	

.item:before
{
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
	border-radius: 8px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center 0%;
}
	
.item-selected:after
{border: #fff 1px solid}

.grid-container .item-container .song__decoration {
    height: 100%;
	width: 100%;
    border-radius: 6px;
    overflow: hidden;
	float: left;
    }

.title-container
{
	position: absolute;
	overflow-y: hidden !important;
	float: none !important;
	top: 60%;
	width: 100%;
	background-color: #fff0;
}
.China .song__cover,.SweetSensation .song__cover, .PopStars .song__cover, .ThinkAboutThings .song__cover
{top: -30% !important}

.caption {
    position: absolute !important;
    left: 39.5%;
	overflow-x: hidden !important;
    caption-title: center!important;
    padding: 0% !important;
    font-family: just dance regular;
    font-size: 50% !important;
    font-weight: 100em !important;
    color: #000;
    letter-spacing: 0.0003em !important;
    top: 51%;
	width:90% !important;
	z-index: 9999;
}	

.CantStopTheFeeling .title-container, .DiscoInferno .title-container , .MORE .title-container, .Judas .title-container , .TimberDLC .title-container, .Malibu .title-container
{
	position: absolute;
	overflow-y: hidden !important;
	float: none !important;
	top: -30%;
	width: 100%;
	background-color: #fff0;	
}
	
.CantStopTheFeeling .caption, .DiscoInferno .caption, .MORE .caption, .Judas .caption, .TimberDLC .caption, .Malibu .caption
{
    position: absolute !important;
    left: 2%;
	overflow-x: hidden !important;
    padding: 0% !important;
    font-family: just dance regular;
    font-size: 70% !important;
    font-weight: 100em !important;
    color: #fff;
    letter-spacing: 0.0006em !important;
    top: 10%;
	width:90% !important;
	z-index: 9999;	
}
	
 
.item-selected
{
	border: 3px solid #195dff;
} 

.item-selected
{
    transition: none !important;
}	
	
.grid-container .item-container .item.item-selected .song__cover
{
	border: 0;
}

.song-grid--details .song-grid--titleDetails .song-grid--title
{
    color: #fff;
    font-size: 0.2rem;
    width: 200%;
    height: 0.235rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: "Just Dance regular";	
	position: absolute !important;
	margin-top: 65%;
	margin-left: 10%;
	border-bottom: #ff0d8c00 0.1em solid;
}

.song-grid--details .song-grid--titleDetails
{
    width: 90%;
    height: 100%;
    color: #fff;
    border-bottom: 1px solid #cecccc00;
    font-family: "OpenSans Regular",Just Dance japanesse;
    letter-spacing: -1px;	
}

.grid-container .item-container .song__cover,.song--focused .song__cover,.grid-container .item-container .item:hover .song__cover,.grid-container .item-container .item.item-selected .song__cover,.song__cover,.song--focused .song__cover,.playlist-grid .item-container .song__cover,.song--focused .song__cover,.playlist-grid .item-container .item:hover .song__cover,.playlist-grid .item-container .item.item-selected .song__cover,.song__cover,.song--focused .song__cover
{
    height: 300%;
    width: 100%;
	padding: 0%;
	top: -5%;
    border-radius: 0px !important;
}	
.state-songselection .song-cover
{
    width: 10.1em;
    height: 3.85em;
    left: -261.5%;
    top: -34.5%;
    background-size: cover;
    background-position: center 0% !important;
    border: 10 !important;
    box-shadow: 0px 0px 70px #fff0;
}
 
.state-songselection .song-cover:before
{
    content: "";
    coverflow: hidden;
    position: absolute;
    width: 50%;
    height: 91%;
    background-repeat: no-repeat;
    background-size: contain;
    top: 1%;
    left: 57%;
    image-rendering: high-quality !important;
    z-index: 999 !important;
}
 

.song-grid--title
{
    font-family: Just Dance Regular !important;
    color: #ff9102 !important;
    top: 60% !important;
    position: absolute !important;
    letter-spacing: 0.01em !important;
    text-transform: capitalize !important;
    font-size: 60% !important;
    text-align: right;
    width: 100% !important
        
}


.state-songselection .pre-beat.odd .song-cover:before
{
    animation: CoverBefore 0.6s ease !important
}
#room-info
{
    background: none;
    width: 10%;
    left: -1.0%
}

.danceroomlabel
{
    color: #fff0;
    font-family: Just Dance!important;
    text-align: center;
    left: 24% !important;
    position: absolute !important;
    letter-spacing: 0.02em !important;
    font-size: 14% !important;
    top: 14%
}

.danceroomlabel:before
{
    content: "Danceroom";
    color: white
}

.danceroom__number
{
    color: white;
    font-family: Just Dance !important;
    text-shadow: none !important;
    text-align: center;
    font-size: ...

Reviews

No reviews yet.