Just Dance Now 2015 by alxs

/* ==UserStyle==
@name         Just Dance Now 2015
@version      20220825.23.14
@namespace    userstyles.world/user/alxs
@description  use the Just Dance 2015 Menu on just Dance Now!

beta :p
@author       alxs
@license      No License
==/UserStyle== */

@-moz-document domain("justdancenow.com") {
#coverflow
{background-image: none!important}
.coverflow--container
{background: none}
.state-songselection #just-dance-now
{background: url(https://imgur.com/pQY2NIZ.png)center/100% !important;}


#section-tabs,.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 .avatar-wrapper, .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, .exit-btn.exit-btn--play-again.exit-btn--animate, .account, .modal__link.openIframe, .item .song__difficulty, .state-songselection .feedback, .account, .side-nav, .tabs--connect, .song__reward, .state-tutorial #players, .state-dance .player-logo--vip,.state-afterdance #players,#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,.grid-img,.section-grid-trainer,.playlist--banner__selected,.tabs, .state-coachselection #preview:after, .item:after, .video-preview, .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, #admin-menu .menu__head,#admin-menu .legal__list, #admin-menu .player--controller::before, .state-coachselection #preview:before,.connect-phone-info--visible, .item-selected .song__decoration:after,.state-coachselection #players,#settings,.coach-selection__bgImg,.player-megastar,#afterdance .flag,.exit-btn:before, .item:after,.item-selected:before,.coach-selection::after,.coach-selection__button::before, .songlist-container .song-grid--titleDetails,.playlist-img-container,.playlist--description, .player-superstar,.dancerOfWeek-container,.highscore-display:after
{display: none !important}

.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;}
.item
{
	top:25%;
	transform: scale(2.2);
	left: 3em;
	margin-left: 4em !important;
}

.item:before
{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(to left,#ffffff96 0%,transparent 100%);
	clip-path: polygon(0% 0%, 00% 0%, 100% 0%, 0% 50%);
	transform: scale(0.2);
	top: 59%;
	left: -35%;
}

.item:hover
{
	transform: scale(2.15);	
	box-shadow: white 0px 0px 0px
}

.song__decoration
{	-webkit-mask:url(https://i.imgur.com/3q54Jck.png) center/100% no-repeat !important;}
.song__cover
{top: 9%;}

.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: 100%;
    width: 100%;
	padding: 0%;
    border-radius: 0px !important;
	border: solid white 0px;
}

.grid-container .item-container .title-container {
    font-family: "Just Dance";
	width: 50%;
	height: 14%;
    letter-spacing: 0px;
    font-size: 0.8em;
    line-height: inherit;
    color: #ffffff75;
	background: #fff0;
    float: none !important;
    padding: 0 !important;
	top: 86%;
	position: absolute !important;
	border-bottom: white 1px solid;
}

.item-container, .song--details
    {
        scroll-snap-type: x mandatory !important;
				scroll-padding: 58% !important;
    }
    .item-selected
    {
        scroll-snap-align: center !important;
		transform: scale(2.2);
		top: 25%;
		opacity: 0;
		transition: none !important;
}

#preview
{
	pointer-events: none !important;
	background-color: #fff0;
	width: 40%;
	height:60%;
	left: 30.5%;
	top: 11.3%;
	transform: scale(0.9);
}

.state-songselection .pre-beat
{
	animation: previewbeat 0.6s
}

@keyframes previewbeat
{
	0%
	{
		transform: scale(0.88)
	}
}

.state-songselection .song-cover
{
	border-radius: 0;
	background-size: cover;
	background-position: center;
	transform: scale(1.1) rotate(-20deg);
	left: 35%;
	top: 15%;
	z-index: 0;
	box-shadow: #90efff 0px 0px 100px;
}

.state-songselection .song-cover:before
{
	content: "";
	position: absolute;
	width: 100%;
	height: 80%;
	background-size:cover;
	transform: scale(1.4) rotate(20deg);
	top: -10%;
	left: 10%;
}

.state-songselection .song-cover:after
{
	content: "";
	border: white 1px solid;
	position: absolute;
	width: 100%;
	height: 100%;
	transform: scale(1.2);
	background-color: #fff0;
	z-index: -1;
	opacity: 0.5;
	-webkit-mask: url(https://i.imgur.com/n8kqM9B.png) center/100%;
}

#preview .song-details {
    width: 130%;
	height: 25%;
    overflow: hidden;
    padding: 0;
	border-bottom: white 2px solid;
    border-top: white 2px solid;
    background-image: linear-gradient( #fff 40%, #282828 40%);
    border-radius: 0;
    position: absolute;
    top: 2.79rem;
    left: -0.5rem;
	z-index: 1;
	-webkit-mask-image: linear-gradient(90deg,transparent,black 20%,black 80%,transparent);
}

.pane.right-pane
{
	opacity: 1;
	pointer-events: all !important;
}

.song-detail__title
{
	text-align: center;
	position: absolute;
	transform: translateY(40%);
	font-family: Just Dance !important;
	color: white !important;
    letter-spacing: 0px !important;
	font-size: 40% !important;
	height: 100% !important;
}

.song-detail__artist
{
	text-align: center;
	position: absolute;
	transform: translateY(0%);
	font-family: Just Dance Regular !important;
	color: #000 !important;
    letter-spacing: 0px !important;
	font-size: 20% !important;
	height: 100% !important;
}

.song-action__button {
    border-radius: 0px;
    color: #fff0;
    background-image: linear-gradient(to right, #ffd95b00, #f85a9800);
    padding:0;
    font-size: 0.22rem;
    font-family: "OpenSans SemiBold" !important;
    overflow: hidden;
    position: absolute;
    z-index: 2;
    top: -550%;
    right: 00%;
	width: 200%;
	height: 700%;
}

.highscore-display
{
	color: transparent;
	top: 123%;
	left: 60%;
	transform: scale(1.3)
}

#racetrack .star[data-visible="true"], #players .star, .score .stars .star, .state-songselection .star,.highscore-display.megastar .score__stars .star, .score.megastar .stars .star, #racetrack.megastar .star[data-visible="true"], #players .player.megastar .star,.highscore-display.superstar .score__stars .star, .score.superstar .stars .star, #racetrack.superstar .star[data-visible="true"], #players .player.superstar .star
{
    background-image: url(https://vignette.wikia.nocookie.net/justdance/images/7/73/Star_glow.png/revision/latest?cb=20181124172344) !important
}

.item:nth-child(1)
{
    margin-left: 26em !important
}

#room-info
{
    background: #0000;
    left: 0%;
    width: 10%;
    border-radius: 15px;
    height:9.85% !important;
    min-height: 0% !important;
    top: 0%;
    opacity: 1;  
}

.danceroom__number
{
    text-shadow: none;
    color: #fff6;
    font-size: 30%;
    text-align: left !important;
}	

.song-grid--details .song-grid--titleDetails {
    width: 90%;
    height: 70%;
    color: #fff;
    border-bottom: 0px solid #cecccc;
    font-family: "Just Dance Regular";
    letter-spacing: -1px;
	top: 550%;
	left: 138%;
	position: absolute;
    background-image: linear-gradient(to right, #f85a9800,#75ffa16b, #f85a9800);
}

.song-grid--details .song-grid--titleDetails .song-grid--title {
    color: #ffffffab;
    font-size: 0.4rem;
    width: 95%;
    height: 1rem;
	text-align: end;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	letter-spacing: 0px;
    font-family: "Just Dance";
	margin-left: -30%;
}

.songlist-container .song-grid--close
{display: block !important;}

.song-grid--details .song-grid--close {
    width: 1.2rem;
    height: 0.715rem;
    cursor: pointer;
    border-radius: 0%;
    transition: all 0.15s;
	background-color: #fff0;
    background-image: radial-gradient(#75ffa16b 0%, #f85a9800 70%);
    background-repeat: no-repeat;
    background-position: -1px 0px;
    background-size: cover;
    position: absolute;
    top: 2%;
    right: 70%;
	-webkit-mask: url(https://i.imgur.com/EqnAaVC.png) center/150%
}

.song-grid--close:after
{
	content:"Back";
	color: white;
	position: absolute;
	top: 50%;
	left: 50%;
}

.song-grid--close:before
{
	content:"";
	position: absolute;
	top: 50%;
	left: 0%;
	width: 50%;
	height:50%;
	background-color: #e1e6ff3b;
	background-image: url(https://imgur.com/zUjOjHT.png);
	background-size: 100%;
	background-repeat: no-repeat;
}

.playlist-grid .playlist {
    color: #fff;
    width: 95%;
    heig...