Just Dance Now 2015 by alxs

Just Dance Now 2015 screenshot
Install Get Stylus Write a review

Details

Authoralxs

LicenseNo License

Created

Updated

Categoryjustdancenow just dance now

Statistics

Learn how we calculate statistics in the FAQ.

Total views175

Total installs291

Weekly installs39

Description

use the Just Dance 2015 Menu on just Dance Now!

beta :p

Notes

Userstyle doesn't have notes.

History

Daily snapshots of style statistics.

No style history. Come back in a couple of days.

Source code

/* ==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%;
    height: 1.6rem;
    margin: 0 0 0.18rem 0.1rem;
    cursor: pointer;
    font-family: "Just Dance Regular";
    word-break: break-word;
    border-radius: 0px;
	background-color: #90efff7a;
	transition: 0.2s;
	box-shadow: #90efff 0px 0px 40px
}

.playlist-grid .playlist--img {
    width: 2.5rem;
    height: 100%;
    display: block;
    float: left;
	transform: rotate(-13deg);
	transition: 0.2s;
	box-shadow: #90efff 0px 0px 0px
}

.playlist:hover .playlist--img, .playlist-selected:hover .playlist--img
{
    padding: 0.2em !important;
	box-shadow: #90efff 0px 0px 0px
}	

.playlist-grid-container
{
    width: 100% !important;
    position: absolute;
	top: 30%;
	height: 20% !important;
    display: flex;
  grid-template-columns: 30% 30% 30%;
  grid-gap: 3.36%;
    padding-left: 10%;
	transform: scale(1.2)
}

.playlist-grid .playlist--title {
    display: block;
	position: relative;
    font-size: 0.25rem;
    line-height: 0.23rem;
    color: #ffffff8a;
    font-family: "Just Dance";
    letter-spacing:0px;
	left: 5%;
	transform: rotate(-13deg)
}

/*coachselection*/

.state-coachselection #just-dance-now
{background: url(https://imgur.com/qkPtYq6.png)center/100% !important;}

.coach-selection {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 3;
    left: 0%;
	top: 0;
	background: transparent !important;
	animation: entercoach 0.2s linear
}

@keyframes entercoach
{
	0%
	{
		transform: scale(1.05)
	}
}

.coach-selection__item {
    display: inline-block;
    position: relative;
    margin: 0.18rem 0.8rem 0 0;
    width: 1.5rem;
    height: 2.5rem;
	transform: scale(1.3);
	left:-5%;
	top: 5%;
}

.coach-selection__item:after
{
	content: "";
	position: absolute;
	width: 45%;
	height:100%;
	background-image: url(https://imgur.com/ta6H9A6.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-color: #fff0;
	left: 90%;
}

.coach__player-list {
    display: block;
    position: relative;
	text-align: center;
    padding: 0.05rem 0.1rem;
    margin-bottom: 0.07rem;
    background: #fd980200;
    opacity: 0.75;
    border-radius: 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	font-family: Just Dance;
	width: 52%;
	left: 8%;
	top: 2%;
	border-bottom: white 1px solid;
}

.coach-selection__details {
    background-image: linear-gradient( #ffffff29 40%, #f8832700 40%);
    color: #fff;
    min-width: 5rem;
    max-width:5rem;   
	height: 8%;
    padding: 0.04rem 0.1rem;
    overflow: hidden;
    border-radius: 0px;
    font-family: "Just Dance Regular";
    position: absolute;
    top: 4%;
    left: 25%;
	transform: scale(1.2);
	-webkit-mask-image: linear-gradient(to right,transparent,black,transparent)
}

.coach-selection__details-song
{
	text-align: center;
	transform: translateY(65%);
	position: absolute;
	font-family: Just Dance;
	font-size: 0.25em !important;
}

.coach-selection__details-artist
{
	text-align: center;
	position: absolute;
	font-family: Just Dance regular;
	font-size: 0.17em !important;
}

.coach-selection__button {
    border-radius: 26px;
    color: #fff0;
    background-image: radial-gradient(#9aff75 0%, #f85a9800 70%);
    padding:0;
	width: 15%;
	height: 10%;
    font-size: 0.22rem;
    font-family: "Just Dance" !important;
    overflow: hidden;
    position: absolute;
    bottom: 0.1rem;
    right: 0.1rem;
	-webkit-mask: url(https://i.imgur.com/CuPbIKd.png) 10000% 0%/100% no-repeat;
	transform: scale(1.1);
	transition: 0.1s;
}

.coach-selection__button:hover
{	transform: scale(1.25)}

.coach-selection__button::after {
    -webkit-transform: none;
    -ms-transform: none;
    transform: scale(1.5);
    -webkit-animation: none;
    animation: none;
}

.coach-selection__button::after{
    content: '▶';
	color: white;
    width: 0.3rem;
    height: 0.8rem;
    background: #fff0;
    opacity: 0.8;
    -webkit-filter: blur(0px);
    filter: blur(0px);
    position: absolute;
    z-index: 1;
    top: 0.25rem;
    left: 0.6rem;
}

.coach-selection::before {
    content: 'DANCE NOW!';
	font-family: just dance;
	font-size: 0.4em;
	color: white;
    width: 1.5rem;
    height: 0.8rem;
    background: #fff0;
    opacity: 0.8;
    -webkit-filter: blur(0px);
    filter: blur(0px);
    position: absolute;
    z-index: 0;
    top: 5.1rem;
    left: 7.7rem;
	-webkit-mask: none !important;
}

.coach-selection__title {
    text-align: center;
    font-size: 23%;
    font-family: "Just Dance Regular";
    color: #ffffff70;
    width: 85%;
    position: absolute;
    top: 80%;
    left: 7.5%;
}

/*dance*/
.state-dance #players
{
	position: absolute !important;
	left: 05% !important;
	width: 110%;
}

.player .player-color
{
	background-size: 60% !important;
	background-position: center !important
}

.state-dance .player:nth-child(1) .player-color {
    width: 100%;
    height: 100%;
    border-radius: 0;
    position: absolute;
    top: -50% !important;
    left:-5%;
	background: url(https://imgur.com/JuprHaH.png) no-repeat ;
}

.state-dance .player:nth-child(2) .player-color
{
    width: 100%;
    height: 100%;
    border-radius: 0;
    position: absolute;
    top: -50% !important;
    left:-5%;
	background: url(https://imgur.com/zWHQFtx.png) no-repeat ;	
}

.state-dance .player:nth-child(3) .player-color
{
    width: 100%;
    height: 100%;
    border-radius: 0;
    position: absolute;
    top: -50% !important;
    left:-5%;
	background: url(https://imgur.com/a3GjOII.png) no-repeat ;	
}

.state-dance .player:nth-child(4) .player-color
{
    width: 100%;
    height: 100%;
    border-radius: 0;
    position: absolute;
    top: -50% !important;
    left:-5%;
	background: url(https://imgur.com/ukgYGmo.png) no-repeat ;	
}

.state-dance .dancercard .player-name {
    width: 90%;
    height: 0.3rem;
    text-align: center;
    text-shadow: none !important;
    font-size: 0.3rem;
    font-family: "Just Dance";
	text-transform: uppercase;
    letter-spacing: 0px;
    position: absolute;
    z-index: 2;
    bottom: -2%;
}

html:not(.ipad) .hud.beat>#players.animate .player-color {
    -webkit-animation: none;
    animation: none;
}

#players .feedback
{
	background-image: url(https://imgur.com/I0hiR6R.png)
}

#players .feedback-label {
    opacity: 0;
    overflow: hidden;
    max-width: none;
    width: 100%;
    height: 3em;
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    z-index: 6;
    bottom: -35%;
}

#players [data-stars="1"] .feedback-label, #players [data-stars="2"] .feedback-label, #players [data-stars="3"] .feedback-label, #players [data-stars="4"] .feedback-label, #players [data-stars="5"] .feedback-label {
    bottom: -35%;
}

#players .player-stars {
    width: 150%;
    height: 25%;
    text-align: center;
    line-height: 1.4;
    position: absolute;
    z-index: 5;
    bottom: -0%;
    left: -27%;
}

#racetrack .progress-background {
    width: 100%;
    height: 100%;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    will-change: transform;
    position: absolute;
    top: -23%;
    left: 0;
    background-image: linear-gradient(to top,#0000008c,transparent) ;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100%;
}

#racetrack .star {
    display: none;
    width: 0.4rem;
    height: 0.4rem;
    -webkit-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    transform: rotate(-15deg);
    will-change: transform;
    position: absolute;
    z-index: 100;
    left: 30%;
    background-image: url(../img/hud/star-unfilled.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}

#racetrack-fill, .racetrack-fill-players {
    height: 100%;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    will-change: transform;
    position: absolute;
    bottom: 0;
	border-top: white 1px solid;
}

.state-dance .dancercard .player-name em {
    text-shadow: 2px 2px 0 #504f4f7a, -1px -1px 0 #504f4f7a, 1px -1px 0 #504f4f7a, -1px 1px 0 #504f4f7a, 1px 1px 0 #504f4f7a;
}

/*afterdance*/

.state-afterdance #just-dance-now
{background: url(https://imgur.com/ogAl7kw.png) 100%/100%}

#afterdance {
    display: none;
    width: inherit;
    height: 100%;
    margin: 0% 0 0 0;
    padding: 0.12rem 0.15rem 0.1rem;
	background-image: none;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#afterdance:before
{
	border-radius: 0;
	background: linear-gradient(transparent,#131e53,transparent);
	width: 60%;
	height: 100%;
	top: 0;
	left: 20%;
	clip-path: polygon(0% -0%, 80% 0, 100% 100%, 15% 100%) !important;
	backdrop-filter: blur(1em)
}

.state-afterdance .coverflow--container
{display: block !important}

#racetrack .star
{background-image: url(https://vignette.wikia.nocookie.net/justdance/images/d/de/Star-unfilled.png/revision/latest?cb=20171022151707) !important}

.BadGuy
{background-image: url(https://vignette.wikia.nocookie.net/justdance/images/e/ec/Badguy_cover_albumbkg.png/revision/latest?cb=20191114155150)}

}

Reviews

No reviews yet.