Just releasing this cause Imma be testing in school and know if I wait until I finish the style to upload it, it'll be like a year until it sees the light of day
Report bugs and issues on my discord please :)
Just Dance 2014 Menu (Pre-Release) - Menu Assets Style Is (semi) Required! by ticpo
Details
Authorticpo
LicenseNo License
Categoryjust dance
Created
Updated
Size31 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 JD2014 Menu
@namespace justdancenow.com
@version 0.0.2
@description Pre-Release
@author Ticpo
==/UserStyle== */
@-moz-document domain("justdancenow.com") {
#settings, .sprite, .connect-phone-info, #section-tabs, .song-grid--duration, .song-grid--description, .caption.artist, .song__difficulty, .video-preview, .info-panel, .item:after, .song__reward, .playlist-img-container, .highscore-display, .coach-selection:after, .coach-selection__bgImg, .controller-coins, .player-master, .player-exp, .state-songselection .player-flag, .state-songselection .player-color, .song-grid--title, .room-info__patch, .danceroom__qr-code-wrapper, .danceroom__label, .coach-selection__title, .state-coachselection #room-info, .state-coachselection #players, .player-flag, .progress-background, .state-coachselection #players, .state-dance #room-info, .star:before, .star:after, .coach-selection__button:after, .dancerOfWeek-container, .player-logo, .tutorial, .account
{
display: none !important;
}
#racetrack .star
{background-image: url(https://vignette.wikia.nocookie.net/justdance/images/d/de/Star-unfilled.png/revision/latest?cb=20171022151707) !important}
#racetrack .star[data-visible="true"], #players .star, .score .stars .star, .state-songselection .star
{
background-image: url(https://vignette.wikia.nocookie.net/justdance/images/7/73/Star_glow.png/revision/latest?cb=20181124172344) !important
}
.highscore-display.megastar .score__stars .star, .score.megastar .stars .star, #racetrack.megastar .star[data-visible="true"], #players .player.megastar .star
{
background-image: url(https://vignette.wikia.nocookie.net/justdance/images/1/18/Star_glow_plus_more.png/revision/latest?cb=20181124172356) !important
}
.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/c/cd/Star_glow_plus.png/revision/latest?cb=20181124172350) !important
}
.state-coachselection .coverflow--container, .state-coachselection #coverflow
{
display: block !important
}
.state-songselection .coverflow--container
{
animation: CoverEntranceAnimation .2s;
transform: scale(1);
opacity: 1
}
.state-coachselection .coverflow--container
{
animation: CoverAnimation .2s;
transform: scale(1.3);
opacity: 0
}
@keyframes CoverAnimation
{
0%
{
transform: scale(1);
opacity: 1
}
100%
{
transform: scale(1.3);
opacity: 0
}
}
@keyframes CoverEntranceAnimation
{
0%
{
transform: scale(1.3);
opacity: 0
}
100%
{
transform: scale(1);
opacity: 1
}
}
.coach-selection
{
animation: CoachAnimation1 .2s !important
}
@keyframes CoachAnimation
{
0%
{
transform: scale(1);
opacity: 1
}
100%
{
transform: scale(0.7);
opacity: 0
}
}
@keyframes CoachAnimation1
{
0%
{
transform: scale(0.7);
opacity: 0
}
100%
{
transform: scale(1);
opacity: 1
}
}
.title-container
{
pointer-events: none !important
}
#just-dance-now:hover, .song-cover:hover, .tabs, #song-selection:hover, .song:hover, .song__cover:hover, #preview:hover, .song-action__button:hover, .item:hover, .song-grid:hover, .song-grid--close:hover, #room-info:hover, .song--details:hover, #coverflow:hover, .coverflow--container:hover, .coach-selection__back:hover, .state-songselection:hover
{
cursor: url(https://imgur.com/O15uZ3n.png), auto !important;
}
.state-dance
{
cursor: none !important
}
#room-info
{
text-align: right !important;
width: 15%;
background: none !important;
top: 90%;
left: 84.4%
}
.danceroom__number
{
width: 100% !important;
height: 100% !important;
text-shadow: none;
font-size: 40%;
color: #ffffff38
}
.danceroom__caption
{
width: 100% !important;
height: 100% !important;
}
.song-grid--details
{
position: absolute !important;
top: -20%;
border: none !important
}
.song-grid--titleDetails
{
border: none !important
}
.song-grid--close
{
width: 50% !important;
position: absolute !important;
border-radius: 0 !important;
height: 130% !important;
top: -70% !important;
left: -6%;
background-image: url(https://imgur.com/XY99i8M.png) !important;
background-color: #fff0 !important;
background-size: contain !important;
transform: rotate(-9deg)
}
.song-grid--close:before
{
content: "Back";
position: absolute !important;
top: 80%;
left: 63%;
color: #ffffffc7;
font-family: Just Dance Regular
}
.song-grid--close:hover
{
transform: scale(1.2) rotate(-10deg) !important;
}
.state-songselection #players
{
width: 25%;
height: 20%;
position: absolute !important;
left: 86%
}
.state-songselection .player
{
opacity: 0
}
.state-songselection .player.controller
{
opacity: 1 !important
}
.state-songselection .player.controller
{
top: 24% !important;
transform: scale(0.85) !important;
left: -48% !important
}
.state-songselection .player-name
{
font-family: Just Dance;
text-shadow: none !important;
letter-spacing: 0.02em;
left: 70% !important;
top: -50% !important;
font-size: 100%;
overflow: visible !important;
text-align: left !important
}
.state-songselection .player-name em
{
overflow: visible !important
}
.state-songselection .avatar-wrapper
{
animation: none !important
}
.state-songselection #players:before
{
background-image: url(https://imgur.com/UULE25S.png) !important;
background-size: contain !important;
background-position: center;
position: absolute !important;
height: 200%;
width: 140%;
top: -110%;
transform: rotate(-10deg)
}
:after
{
color: #fff0 !important
}
#section-tabs
{
position: absolute
}
#coverflow
{
background-size: contain !important;
background: radial-gradient(50% 50% at 50% 50%, #296983 0%, #221857 54.69%, #150230 100%);
}
.coverflow--container
{
position: absolute !important;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
border-radius: 0em !important;
background-position-x: 5% !important;
background-size: cover;
padding: 0;
background: radial-gradient(50% 50% at 50% 50%, #296983 0%, #221857 54.69%, #150230 100%);
}
.coach__names-list
{
transform: rotate(-10deg);
left: -5%;
top: 15%;
}
.coach__player-list
{
background: white;
border-radius: 0;
opacity: 1 !important;
color: #606390;
font-family: Just Dance;
padding-left: 18%;
}
.coach:before
{
background-image: url(https://imgur.com/A4jxEDe.png);
left: -10%;
top: 20%;
width: 130%;
height: 90%
}
.coach-selection__button
{
background: url(https://imgur.com/kWpBrby.png) !important;;
width: 35% !important;
height: 30%;
background-repeat: no-repeat !important;
border: solid;
border-radius: 0;
transform: rotate(-10deg);
font-family: Just Dance Regular !important;
text-transform: uppercase;
top: 86%;
color: #fff0;
transition: .1s all;
left: 61%;
position: absolute !important
}
.coach-selection__button:before
{
content: "CLICK HERE TO START!";
animation: none !important;
width: 60% !important;
filter: none !important;
background: none !important;
color: white !important;
transform: none !important;
top: 10%;
left: 19%;
height: 18% !important;
position: absolute !important;
text-align: right;
}
.coach-selection__button:hover
{
transform: scale(1.15) rotate(-10deg)
}
.item-container
{
width: 1000000000000000% !important;
height: 63% !important;
}
.item:nth-child(1)
{
margin-left: 24em !important
}
.song-grid
{
height: 100% !important;
width: 100%;
position: absolute !important;
top: 25% !important;
left: -2%;
overflow: visible !important;
}
.item
{
margin-right: 4em !important;
height: 75% !important;
margin-top: 1.5em !important;
transition: none !important
}
.item-selected
{
opacity: 0 !important
}
#section-songlist .caption
{
top: 90% !important
}
.caption
{
position: absolute;
color: #ffffff7d;
font-family: Just Dance Regular;
text-align: right;
transform: rotate(-10deg);
letter-spacing: 0.01em;
top: 93% !important;
}
.song__cover
{
border: none !important;
width: 100% !important;
height: 100% !important;
position: absolute !important;
padding: 0 !important;
border-radius: 0 !important;
image-rendering: highest !important;
}
.item:hove .song__decoration:before
{
content: "." !important;
width: 100% !important;
height: 100% !important;
background: #fff !important;
position: absolute;
z-index: 1 !important;
top: 0%;
left: 0%;
-webkit-mask-image: url(https://i.imgur.com/lwZJN9r.png);
-webkit-mask-size: 100%;
-webkit-mask-position: contain;
-webkit-mask-repeat: no-repeat;
opacity: 1 !important;;
filter: blur(10em)
}
.item .song__decoration:before
{
content: "." !important;
width: 100% !important;
height: 100% !important;
background: #fff0 !important;
position: absolute;
z-index: 1 !important;
top: 0%;
left: 0%;
-webkit-mask-image: url...