It gives you a horizontal spotify media player.......
Horizontal player for Spotify by him

Details
Authorhim
LicenseNo License
Categoryspotify.com
Created
Updated
Code size1.7 kB
Code checksumd8fde1cd
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
/* ==UserStyle==
@name Horizontal player for Spotify
@namespace userstyles.world/user/him
@version 1.0.0
@description Spotify Horizon player
@author Him
@preprocessor stylus
@var color mainText "Main Text Color" #191414
@var color lightText "Light Text Color" #535353
@var color lightGrey "Light Gray Color" #b3b3b3
@var color accentColor "Accent Color" #1db954
@var color lightColor "Light Color" #f3f2f2
@var number blurRadius "Blur Radius" [20, 0, 'px']
@var checkbox compactPlayer "Horizontal Playing Bar" 1
==/UserStyle== */
// @var checkbox lightTheme "Light Theme" 1
@-moz-document domain("spotify.com") {
playerHeight=90px;
if compactPlayer==1 {
playerHeight=56px;
.XrZ1iHVHAPMya3jkB2sa, .gItY2hnfCB4TsDJCkPiO {
flex-direction: row;
}
.player-controls__buttons {
margin: 0 12px 0 0;
}
.now-playing-bar,
.a2d114f8465b4517d0dcdf068d15e9cd-scss {
height: auto;
padding-left: 0;
}
[dir=ltr] .b63c05e4f277a01813677f1aa11b8aa3-scss {
webkit-transform: translateX(-58px);
transform: translateX(-58px);
}
.now-playing {
transition: .5s ease-in-out;
}
.now-playing.now-playing--cover-expanded {
padding-left: 16px;
transition: .5s ease-in-out;
}
.now-playing-bar__left,
.now-playing-bar__right {
width: 25%;
}
}
box-shadow() {
box-shadow: 0 0 10px 0 transparentify(mainText, #fff, 0.1);
transition: 0.3s ease-in-out;
&:hover {
box-shadow: 0 5px 10px 2px transparentify(mainText, #fff, 0.15);
transition: 0.3s ease-in-out;
}
}
.CmkY1Ag0tJDfnFXbGgju{
border-radius: 10px
}
}