this was made by TICPO And fixed by TRICXK
ty to ibran for the lyrics
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
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: ...