File manager - Edit - /home/verseaumee/TF89388/wp-content/plugins/noisa-toolkit/assets/css/scamp.player.light.compact.css
Back
/* ---------------------------------------------------------------------- Scamp Player - Light Compact Skin ---------------------------------------------------------------------- */ .sp-player-container { height: 48px; } .sp-buttons-container {height: 48px;padding-top: 14px;} .sp-track-details { height: 40px; } .sp-buttons-container a { font-size: 22px; line-height: 22px; margin-right:0; } .sp-buttons-container a.sp-play-button:before, #scamp_player.playing .sp-buttons-container a.sp-play-button:before, .sp-buttons-container a.sp-play-button:before, #scamp_player.sp-queue-loading .sp-buttons-container a.sp-queue-button:before, #scamp_player.loading .sp-buttons-container a.sp-play-button:before, .sp-buttons-container a.sp-queue-button:before, #scamp_player.sp-show-list .sp-buttons-container a.sp-queue-button:before { font-size: 22px; } .sp-buttons-container a.sp-play-button { width:18px; margin:0 20px } .sp-volume-container { margin-left: 20px; } .sp-buttons-container .sp-queue-button-container { margin-right: 0px; } .sp-badge { top:-14px; left:-10px; font-size:11px; } .sp-progress { height:8px; margin-top: 24px; } .sp-progress .sp-loading, .sp-progress .sp-position { height: 2px; } .sp-time-elapsed, .sp-time-total { top: 5px; } .sp-track-cover .sp-track-artwork, .sp-cover-artwork img { max-width: 36px; max-height: 36px; } .sp-track-title, .sp-track-artist { padding-left:45px; margin: 0; } .sp-progress-container:after { content:''; display:block; background-color: #ddd; position:absolute; left:0; top: 24px; width:100%; height: 2px; } .sp-track-artist, .sp-track-artist:hover { top: 20px; } .sp-track-title, .sp-track-artist { font-size:11px } #sp-queue-scroll th { padding: 18px 10px; } .sp-queue .sp-icon:before { font-size: 18px; } .sp-title a { display: block; font-size: 12px; } .sp-title a.sp-title-button { font-weight: bold; font-size: 12px; } .sp-title a.sp-title-button, .sp-title a.sp-artist-button { font-weight:normal; text-transform:none } .sp-progress-mobile .sp-progress { margin-top: 20px; } .sp-marquee strong { font-weight:normal } .sp-progress .sp-position:after{ content:''; width:8px; height:8px; border-radius:100%; background-color:#ff6239; position:absolute; top:-3px; right:-5px; transition: opacity 150ms; opacity:0; } .sp-progress:hover .sp-position:after{ opacity:1; } .sp-queue-container { padding: 16px 10px 6px 10px; } .sp-progress-mobile:before { display:none; } #sp-queue-scroll td { padding:6px 14px; } #sp-queue-scroll th { padding: 20px 10px; } .sp-progress-mobile .sp-progress { margin-top: 0px; padding-top: 0px; } .sp-progress-mobile { background-color: #FFFFFF; z-index: 2; margin-top: 0px; overflow: hidden; height: 48px; padding-top: 20px; } .sp-time-elapsed { left: 0px; } .sp-time-total { right: 0px; } .sp-progress-mobile:after { content: ''; display: block; background-color: #DCDCDC; position: absolute; left: 0px; top: 20px; width: 100%; height: 2px; margin-right:10px; } #sp-toggle:after { content: "\002B"; } #scamp_player.sp-show-player #sp-toggle:after { content: "\00D7"; } .sp-buttons-container a.sp-play-button:before {content: "\f04b";} #scamp_player.playing.sp-muted .sp-buttons-container a.sp-play-button:before { content: "\f04b";} #scamp_player.playing .sp-buttons-container a.sp-play-button:before {content: "\f04c";} #scamp_player.loading .sp-buttons-container a.sp-play-button:before { content: "\f110"; } .sp-buttons-container a.sp-next-button:before {content: "\f051";} .sp-buttons-container a.sp-prev-button:before {content: "\f048";} .sp-buttons-container a.sp-volume-button:before { content: "\e61b"; } .sp-buttons-container a.sp-queue-button:before {content: "\f0c9"; } #scamp_player.sp-show-list .sp-buttons-container a.sp-queue-button:before {content: "\f00d";} #scamp_player.sp-queue-loading .sp-buttons-container a.sp-queue-button:before { content: "\e620"; } .sp-track-control:before {content: "\f04b";} .sp-track.playing .sp-track-control:before {content: "\f04c";} .sp-cart-button:before {content: "\f291";} .sp-cart-button.sp-download-button:before {content: "\f019";} .sp-queue .sp-remove-button:before {content: "\f00d";} .sp-buttons-container a.sp-volume-button.sp-vol-max:before {content: "\f028";} .sp-buttons-container a.sp-volume-button.sp-vol-medium:before {content: "\f027";} .sp-buttons-container a.sp-volume-button.sp-vol-off:before {content: "\f026";} #scamp_player.sp-show-list .sp-buttons-container a.sp-queue-button:before { color:#ff6239} #sp-toggle { background-color:#f2f2f2; color: #666; border-radius 2px; border-radius: 4px 4px 0 0; margin-right: 10px; font-size: 16px; width: 24px; height: 18px; font-weight: bold; } .sp-show-list .sp-player-container:before { border-bottom: none; } .sp-player-container {background-color: #f2f2f2;/* background-color: rgba(238,238,238,0.9); */} #scamp_player.sp-show-list .sp-player-container {} .sp-progress-mobile:before { background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */ border-color: #ddd; } .sp-buttons-container { color: #222; } .sp-buttons-container a {color: #222;} .sp-buttons-container a:hover { color:#222; } .sp-volume-bar-container, .sp-volume-bar-container:after {background: #f2f2f2;} .sp-volume-slider { background-color: #999; } .sp-volume-position { background-color: #222; } .sp-badge { background-color: #e05d6f; color: #fff; } .sp-progress {background-color: transparent;} .sp-progress:before, .sp-progress:after { display:none } .sp-progress .sp-loading {background-color: #aaa;} .sp-progress .sp-position { background-color: #ff6239 } #scamp_player.paused .sp-position { background-color: #ff6239 } .sp-time-elapsed { color: #ff6239; } .sp-time-total { color: #777; } .sp-track-title, .sp-track-title:hover { color: #333; } .sp-track-artist, .sp-track-artist:hover {color: #999;} .sp-marquee-container {color: #999;} .sp-marquee strong {color:#222 } .sp-queue-container { background-color: #fff; } .sp-queue .sp-icon:before { color: #999; } .sp-track.playing, .sp-track.paused, .sp-track.loading { background-color: rgba(111,111,111,0.1); } .sp-track:hover { background-color: rgba(111,111,111,0.1); } .sp-track.playing .sp-icon:before, .sp-track.paused .sp-icon:before, .sp-track.loading .sp-icon:before {color: #222;} #sp-queue-scroll tr {border-color: #eee;} #sp-queue-scroll th { color: #222;} .sp-title a.sp-title-button { color: #222; } .sp-title a.sp-artist-button { color: #999; } .sp-queue .sp-icon:hover { color: #222; } .sp-queue .sp-icon:hover:before { color: #666 } #sp-scroller .iScrollIndicator {background-color: #CECECE;} #scamp-mobile-init { background-color: #333; } /* Vol */ .sp-volume-slider { background-color: transparent; margin-top:14px } .sp-volume-slider:after { content:''; background-color: #ddd; position:absolute; width:100%; height:2px; } .sp-volume-position { height:2px; background-color: #ff6239; } .sp-volume-slider:hover .sp-volume-position:after{ opacity:1; } .sp-volume-position:after{ content:''; width:8px; height:8px; border-radius:100%; background-color:#ff6239; position:absolute; top:-3px; right:-5px; transition: opacity 150ms; opacity:0; } .sp-volume-bar-container { top: -54px; height: 30px; } #sp-empty-queue { text-transform: uppercase; background-color: #222; font-size: 9px; padding: 2px 8px; line-height: normal; color: #fff; border-radius:999em; letter-spacing: 0.08em; cursor: pointer; }
| ver. 1.4 |
Github
|
.
| PHP 8.5.7 | Generation time: 0 |
proxy
|
phpinfo
|
Settings