Just Dance Boom style for Jd now made by kezo
Just Dance Boom by kezo
Details
Authorkezo
LicenseNo License
Categoryjustdancenow.com
Created
Updated
Size7.0 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
/* ==UserStyle==
@name Just Dance Boom
@namespace justdancenow.com
@version 1.1.0
@description Just Dance Now Style
@author Kezo
==/UserStyle== */
@-moz-document url("justdancenow.com") {
/* Место для CSS кода... */
}
#beat
{
background-image: url(https://cdn.discordapp.com/attachments/1045044164074680350/1055939838748147852/beat.png);
background-image: #fff;
height: 13%;
top: 92%;
border-bottom: 100px;
opacity: 1;
transform: scaleX(0.9);
scale: 0.7;
}
@keyframes fadeOut{
0% {
transform: scaleX(0.9);
}
100% {
transform: scaleX(0.8);
}
}
#pictos
{
box-shadow:0px 4px 2px -2px rgba(0, 0, 0, 0);
border-bottom-color: rgba(255, 255, 255, 0);
}
.danceroom
{
left:-34%;
position:absolute;
z-index: -99999999999999999999 !important
}
.dancercard .player-master
{
visibility: hidden;
}
.dancercard .player-color
{
border-radius: 200px;
height: 5px;
width: 80px;
top: 65px;
left: 55px;
transform:scale(2.5);
}
.avatar-wrapper .avatar
{
visibility:hidden;
}
.dancercard .player-flag__inner
{
visibility:hidden;
}
.coach-selection::after
{
visibility:hidden;
}
#coverflow
{
background-image:none;
}
#just-dance-now
{
background: #fff;
}
.main-header
{
background-image:none;
}
.main
{
background: #fff;
}
.dancercard .player-name
{
color:#fff;
left: -02%;
}
#players .player .controller-coins span
{
color:#404040;
text-shadow: none;
}
.coverflow--container,ul.tabs li.selected::before
{
box-shadow:none;
}
.coach-selection__bgImg img
{
border-radius: 10px;
overflow:visible;
top: 55%;
}
.coach-selection__bgImg
{
top: -23%;
height: 105%;
width: 101%;
left: -0.5%;
border-radius: 15px;
}
.coach-selection__list
{
top: 10%;
}
.coach::before
{
background:none;
}
.coach__player-list
{
background: #fff;
opacity: 1;
color: #313131;
border-radius: 200px;
font-family: Just Dance;
}
.coach__img
{
transform:scale(1.35);
top: 5%
}
.room-info__patch
{
visibility:hidden;
}
.grid-container .item-container
{
height:0%;
width: 19000%;
position: absolute;
top: 70%;
z-index: 1;
}
.tabs--connect
{
top:40%;
}
.particle-system
{
visibility: hidden;
}
.coach-selection__details
{
background: #fff;
position: absolute;
transform: scale(1.5);
left: 7%;
top: -18%;
border-radius: 5px;
width: 100%;
}
#preview
{
top:0%;
height: 50%
}
.coverflow--container
{
height: 130%;
top: -20%;
}
.dancerOfWeek-container
{
left: -140%;
top: -100%;
}
.info-panel
{
left: -110%;
top: -150%;
}
.song-action
{
top: -20%;
}
.song-action__button
{
border-radius: 90px;
}
.coverflow--container
{
height: 120%
}
.coach-selection__title
{
color: #fff;
position:absolute;
}
@font-face
{
font-family:"JD Regular";
src: url('https://dl.dropboxusercontent.com/s/94t0xj3f8dol172/HelveticaNeueLTW1G-65Md.woff?dl=0') format('woff');
}
@font-face
{
font-family:"Just Dance";
src: url('https://dl.dropboxusercontent.com/s/tcjvag8iy02to2w/HelveticaNeueLTW1G-BdCn.woff?dl=0') format('woff');
src: url('https://dl.dropboxusercontent.com/s/63qqnyfy9s1cl60/HelveticaNeueLTW1G-BdCn.woff2?dl=0') format('woff2');
}
.coach-selection__details .coach-selection__details-song
{
color: #3a3a3a;
transform: scale(0.9);
}
.coach-selection__details .coach-selection__details-artist
{
color: #828282;
transform: scale(0.9);
}
#lyrics
{
font-family: "JD Regular";
font-size: 0.17rem;
height: 150%;
}
@keyframes player-color-beat{
0%{
transform:scale(2);
}
100%{
transform:scale(2.02);
}
}
.dancercard .player-color
{
transform:scale(2)
}
#players::before , .coach-selection__button::after, .coach-selection__button::before
{
background:none;
}
#afterdance
{
background-image:none;
}
.state-songselection #room-info
{
opacity: 1;
z-index: -99999999999999999999 !important
}
#room-info
{
opacity: 0;
transition: none !important;
z-index: -1 !important;
background: #fff0;
}
.song-grid--details
{
top: 50%;
}
.connect-phone-info__text
{
color:#000;
left: -25%;
transform:scale(0.7)
}
.section-grid-trainer
{
top:-10%;
height: 120%;
transform:scale(0.85)
}
.coach-selection__bgImg img
{
height:100%;
}
.coach-selection__details
{
font-family:"JD Regular";
}
.state-songselection #players .player.controller #settings .toggles
{
opacity: 1 !important;
visibility: visible !important;
display: block !important;
z-index: 99999999999999999999;
}
.state-songselection #players .player .toggles
{
opacity: 0;
}
#players
{
opacity: 0;
left:10%;
transform:scale(1.2);
top:-4%;
}
.state-songselection #players, .state-dance #players
{
opacity: 1
}
html.state-dance #players
{
left:12%;
}
#just-dance-now .tutorial
{
background-image:none;
}
#just-dance-now .tutorial::before
{
background:none;
}
#just-dance-now .tutorial::after
{
background:none;
}
#just-dance-now .tutorial .tutorial__spinner
{
background:none;
}
#preview .song-details
{
width: 100%;
height: 21%;
border-radius:20px;
left:-40%;
top: 15%;
z-index: 99999999999999999999;
}
#preview .song-details h2, #preview .song-details h3
{
font-family: "Just Dance","Impact","Arial Bold",Gadget,sans-serif;
}
.song-details h3
{
opacity: 0.8;
top:50%;
position:absolute;
width: 200%;
}
.reward__content
{
top:-10%;
position:absolute;
}
.caption.artist,.song__difficulty
{
display:none;
}
.caption
{
position: absolute !important;
left: -25%;
font-family: "Just Dance";
font-size: 65% !important;
font-weight: 100em;
color: #737373;
top: 100%;
letter-spacing: 0.0005em;
text-align:center;
}
.grid-container .item-container .item.item-selected .song__cover
{
border:4px solid #ff00c3;
}
.coach-selection__details-song
{
color: #4b494b;
font-family: Just Dance;
font-size: 14% !important;
left:-3%;
top: 15%;
position:absolute;
}
.coach-selection__details-artist
{
color: #89888a !important;
font-family: JD Regular !important;
font-size: 11% !important;
left:-3%;
top: 58%;
position:absolute;
}
.coach-selection__details
{
background-color: #fff ;
border-radius: 10px;
left: 4%;
width: 21% !important;
height: 8%;
transform: scale(1.3);
top: -19%;
}
.song-grid--details .song-grid--close
{
left: 5%;
top: -280%;
}
.coach-selection__button
{
border-radius: 200px;
background-image:linear-gradient(to right, #f09, #ff003c);
}
.coach-selection__back
{
background-color:#ff0051;
left:0%;
top: 90%;
}
#racetrack .platform
{
opacity: 0;
}
#racetrack .progress-bar
{
border-radius:15px;
}
#lyrics .line.current
{
top: -0.5%
}