yo this is a test
Reigen spotify by k0shir
Details
Authork0shir
LicenseNo Permission
Categoryreigen
Created
Updated
Size38 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 Reigen spotify
@namespace USO Archive
@author lavstic ♡
@description enjoy yo
@version 20211009.21.25
@license CC0-1.0
@preprocessor uso
==/UserStyle== */
@-moz-document domain("open.spotify.com") {
._1YMukI_FrE7QRuUVSvq_Qe::after {
content: "";
background: url(https://cdn.wallpapersafari.com/19/80/RGjYUf.jpg)!important;
opacity: 0.5;
top: 0;
left: 0;
bottom: 0;
right: 0;
position: absolute;
z-index: -1;
}
._1YMukI_FrE7QRuUVSvq_Qe {
background-image: linear-gradient(rgb(0, 0, 0), rgb(0, 0, 0) 85%);
}
.progress-bar__fg {
background-color: #ff62d5;
border-radius: 2px;
}
.connect-bar {
background-color: #fff;
}
.connect-bar::after {
border-bottom: 10px solid #fff;
}
._2rScaV3bBHoj7O47a_JnaH,
.Vg0L1vwJXv5JSYn-HUx0C:hover {
color: #fff;
}
.progress-bar:hover .progress-bar__fg {
background-color: #84005f;
}
.control-button {
background-color: transparent;
border: none;
color: #fff;
cursor: pointer;
width: 32px;
min-width: 32px;
height: 32px;
}
.control-button--active {
color: #fff;
}
.control-button--circled:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: 500px;
}
.control-button:hover {
color: #fff;
}
._2rScaV3bBHoj7O47a_JnaH:after,
._2rScaV3bBHoj7O47a_JnaH:hover:after {
background-color: #fff;
}
.navlist-itemlink.is-active {
color: #fff;
}
.btn.btn-green:focus,
.btn.btn-green:hover {
background-color: #fff;
}
.btn.btn-green {
background-color: #fff;
padding: 13px 44px;
}
.inputBox-input {
box-sizing: border-box;
width: 100%;
background-color: transparent;
border: none;
color: #fff;
font-weight: 700;
font-size: 62px;
line-height: 1.2;
text-shadow: 0 0 0 #fff;
-webkit-text-fill-color: transparent;
-moz-text-fill-color: transparent;
-ms-text-fill-color: transparent;
}
.JKKBXFILp09eIN4WugwgY {
background: url(https://64.media.tumblr.com/9f12ccf9f80eca58ee3c486e64644c69/fb737765b4e74cc2-bf/s1280x1920/c219bb42c2481ff87ba671e64ca22faa5201ba1b.png) no-repeat center !important;
}
.now-playing-bar-container {
min-width: 620px;
background-color: #fff;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: auto;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.inputBox {
position: relative;
background-color: #200036;
padding: 1.5em 2em;
}
.navBar {
padding: 24px 24px 95px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
-webkit-user-select: none;
background: #200036;
}
.cover-art .cover-art-playback:hover {
border-color: #fff;
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.cover-art .cover-art-playback {
background-color: transparent;
display: none;
position: absolute;
z-index: 3;
width: 62px;
height: 62px;
margin-left: -31px;
margin-top: -31px;
top: 50%;
left: 50%;
color: #fff;
}
.control-button--circled:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: 500px;
box-shadow: none;
color: #000000;
}
.connect-device-list-item--active {
color: #fff;
}
.connect-device-list-item--active .connect-device-list-item__device-subtitle {
color: #fff;
}
.connect-device-list-item--active .connect-device-list-item__icon {
color: #fff;
}
.control-button--circled:hover:after {
box-shadow: none;
color: #fff;
}
._3pZQC_msqsNA7nsxYWWeGJ {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #fff;
padding-left: 20px;
padding-right: 20px;
position: fixed;
top: 0;
left: 0;
right: 0;
height: 50px;
z-index: 102
}
.tracklist-row.active .duration,
.tracklist-row.active .play-pause,
.tracklist-row.active .position,
.tracklist-row.active .track-name {
color: #fff !important;
}
.btn.btn-fg-green {
color: #fff;
}
body {
text-shadow: 1px 1px #000000 !important;
}
._136vzZKMy7E_xDfv7uATJ_ {
background: 0 0;
border: none;
color: #fff;
cursor: pointer;
-webkit-box-flex: 0;
-ms-flex: 0;
flex: 0;
font-size: 1.5em;
padding-bottom: .2em
}
._12YEAPhRfTVqWOXTnMuQQw {
border-bottom-color: #fff;
font-weight: 700
}
@media (min-width: 1200px) {
.col-lg-3 {
width: 15% !important;
padding: 5px !important;
margin: 25px !important;
border-radius: 5px !important;
}
body {
background-image: url(https://cdn.wallpapersafari.com/19/80/RGjYUf.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
/* DONT TOUCH */
:root {
--borderc: #32333b;
--scrollbar-bg: #1b1d20;
--scrollbar-thumb: #32333b;
--scrollbar-thumb-hover: #3c3d47;
--text: #fff;
--text-dark: #b9b9b9;
--accent: rgb(255, 255, 255);
--shadow-1: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.22);
--shadow-2: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
--shadow-3: 0px 5px 5px 0px rgb(0 0 0 / 30%);
--shadow-4: 0px 4px 8px 0px #0c0d0f59;
--borderrad1: 5px;
--borderrad2: 10px;
}
/* left side */
.Root__nav-bar {
background-color: var(--bg);
}
.d1c9699572913ee01b0280946ab1f470-scss,
.d1c9699572913ee01b0280946ab1f470-scss:focus,
.d1c9699572913ee01b0280946ab1f470-scss:hover {
border-radius: var(--borderrad2);
background-color: var(--bg5);
border-left: 0px transparent;
transition: .1s!important;
}
.e5fbdde4ec1ae3b90af47e3c87b98bb7-scss,
._56457be97556c9daa63940d2affe755c-scss {
border-radius: var(--borderrad1);
background: none;
background-color: var(--accent);
color: var(--text);
}
._752cd60a82eaf0dd41c84e90b6479cbb-scss {
background-color: var(--text-dark);
height: 4px;
border-radius: var(--borderrad1);
}
._7b6273541d969069bb18c4fcae4120e7-scss {
background: none;
}
._9a78420cc4a863b2f413ce55e759a321-scss:link,
._9a78420cc4a863b2f413ce55e759a321-scss:visited {
color: var(--text-dark);
}
.bd0f04911fe4adb022e666269a90a739-scss {
font-weight: 500;
transition: .1s;
}
._5c12c73a4f38b98340ea33803209fdc8-scss {
background-color: var(--accent);
}
[dir=ltr] ._5c12c73a4f38b98340ea33803209fdc8-scss a {
color: var(--text);
margin-left: 18px;
transition: color .12s;
}
[dir=ltr] ._5c12c73a4f38b98340ea33803209fdc8-scss a:hover {
color: #000;
}
#main > div > div.Root__top-container > nav > div.e628850198dd4b611f8d7ebc057a4734-scss > div:nth-child(4) > div > a > span {
font-weight: 700;
}
._27d156a54c9d1301817166eba297be84-scss {
background-color: var(--bg5);
color: var(--text-dark);
height: 32px;
width: 32px;
border-radius: var(--borderrad2);
box-shadow: var(--shadow-4)
}
#main > div > div.Root__top-container > nav > div.e628850198dd4b611f8d7ebc057a4734-scss > div:nth-child(4) > div > a {
background: none;
}
#main > div > div.Root__top-container > nav > div.e628850198dd4b611f8d7ebc057a4734-scss > div:nth-child(4) > div > a > span {
font-weight: 800;
}
/* left side end */
/* bottom */
._82a78ff58d3fcba0cb9b8083fe6dd05c-scss {
background-color: var(--bg2);
border-top: 4px solid var(--borderc);
}
.cover-art .cover-art-image {
border-radius: var(--borderrad2)
}
.cover-art {
background-color: transparent;
}
#main > div > div.Root__top-container > nav > div.e628850198dd4b611f8d7ebc057a4734-scss > div:nth-child(4) > div._4fac214bccd807d7c6fed21d4e0ea6de-scss > div > a > div > div > img {
border-radius: 0px;
}
#main > div > div.Root__top-container > div.Root__now-playing-bar > footer > div.a2d114f8465b4517d0dcdf068d15e9cd-scss > div.b51affc9f26a5c8f65a387abdd375bef-scss > div > div._5c9e3ef76ffc5bc292...