Skip to content

Instantly share code, notes, and snippets.

@Nebula-Mechanica
Last active August 30, 2016 13:24
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save Nebula-Mechanica/107ad6ae047abab84b84fa70728a8e55 to your computer and use it in GitHub Desktop.
Save Nebula-Mechanica/107ad6ae047abab84b84fa70728a8e55 to your computer and use it in GitHub Desktop.
Player like old
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("vk.com") {
#top_audio_player {
opacity: 0.7 !important;
position: fixed !important;
color: rgb(40, 84, 115) !important;
bottom: 10px !important;
left: 10px !important;
background: #E1E7ED !important;
width: 220px !important;
transition: 200ms !important;
}
.top_audio_player_title_wrap {
overflow: hidden !important;
background: #E1E7ED !important;
max-width: unset !important;
}
.top_audio_player_title {
/*animation: rightThenLeft infinite alternate 4s !important;*/
}
.top_audio_player_title {
color: rgb(40, 84, 115) !important;
}
@keyframes rightThenLeft {
0% {
transform: translateX(10%);
}
100% {
transform: translateX(-10%);
}
}
.top_audio_player .top_audio_player_play {
padding: 13px 5px 5px !important;
}
.top_audio_player:hover .top_audio_player_play {
position: relative !important;
padding: 13px 5px 5px !important;
}
.top_audio_player .top_audio_player_btn .top_audio_player_btn_icon {
background-image: url('data:image/png;base64,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') !important;
}
.top_audio_player:not(:hover) .top_audio_player_title_wrap {
overflow: hidden !important;
}
.top_audio_player .top_audio_player_prev, .top_audio_player .top_audio_player_next {
display: none !important;
}
top_audio_player_btn_icon {
color: rgb(40, 84, 115) !important;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment