/* ═══════════════════════════════════════════════════
انگار که بلا استفادههست و لود نمیشه !!
_shared.css
استایلهای مشترک بین همه footer playerها
═══════════════════════════════════════════════════ */
/* ── Marquee ─────────────────────────────────────── */
.plf-marquee-wrap {
position: relative;
overflow: hidden;
white-space: nowrap;
width: 100%;
direction: rtl;
text-align: right;
}
.plf-marquee-text {
display: inline-block;
white-space: nowrap;
animation: none;
padding-right: 4px;
}
.plf-marquee-wrap:hover .plf-marquee-text,
.currently-playing .plf-marquee-text {
animation: plf-marquee 9s linear infinite;
}
@keyframes plf-marquee {
0%, 25% { transform: translateX(0); }
75%, 100% { transform: translateX(calc(-100% + 10px)); }
}
/* ── Currently Playing ───────────────────────────── */
.currently-playing {
font-weight: 600;
color: var(--e-global-color-primary, #f60);
border-radius: 12px;
padding: 10px 14px 10px 18px;
display: flex;
align-items: center;
gap: 10px;
transition: background .15s ease;
position: relative;
overflow: hidden;
}
.currently-playing::before {
content: "";
position: absolute;
width: 4px;
height: 100%;
background: var(--e-global-color-primary, #f60);
left: 0;
top: 0;
border-radius: 0 2px 2px 0;
}
/* ── Playlist Items (مشترک بین footer1 و footer2) ── */
#plf-playlist li {
display: flex;
align-items: center;
gap: 10px;
padding: 10px 14px;
border-bottom: 1px solid rgba(255, 255, 255, .06);
cursor: pointer;
color: #fff;
transition: background .15s;
direction: rtl;
}
#plf-playlist li:last-child { border-bottom: none; }
#plf-playlist li:hover { background: rgba(255,255,255,.07); }
#plf-playlist li .cover-art {
width: 44px;
height: 44px;
border-radius: 9px;
object-fit: cover;
flex-shrink: 0;
}
/* ── SPA / Page Transition ───────────────────────── */
.elementor {
transition: opacity .35s ease;
}
.plf-loading .elementor {
opacity: .72;
}
/* ── FOOTER PLAYER 3 ───────────────────────── */
#footer-player {
position:fixed;
inset:0;
display:flex;
flex-direction:column;
color:#fff;
z-index:2;
}
/* HEADER */
.plf-header {
display:flex;
gap:14px;
padding:14px;
background:rgba(0,0,0,.4);
backdrop-filter:blur(14px);
}
.plf-header img {
width:86px;
height:86px;
border-radius:12px;
}
.plf-info h2 {
margin:0;
font-size:16px;
}
/* CONTENT */
#plf2-content {
flex:1;
overflow:auto;
}
/* FOOTER */
.plf-footer {
padding:10px;
background:rgba(0,0,0,.5);
backdrop-filter:blur(12px);
}
.plf-controls {
display:flex;
justify-content:space-between;
}
اشکین – رپ تاپ - Rap Top
پرش به محتوا
![]()
Unknown Title
Unknown Artist
📢 تبلیغ
![تبلیغ]()
