oss/FrankerFaceZ
oss/FrankerFaceZ
1
0
Fork 0
mirror of https://github.com/FrankerFaceZ/FrankerFaceZ.git synced 2025-08-02 16:08:31 +00:00
Code Wiki Activity

Added CSS to display the info bar when hovering over the stream in Theater Mode

Browse source
This commit is contained in:
Dan Salvato 2015-01-26 20:13:57 -05:00
parent 3d68cd45ab
commit d6619af92e
1 changed files with 44 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

44
style.css
View file

@ -137,3 +137,47 @@
overflow: hidden;
margin-bottom: -5px;
}
/* Theater Mode hover bar */
.app-main.theatre .player-column:focus .stats-and-actions, .app-main.theatre .player-column:hover .stats-and-actions {
background-color: #19191f;
color: #aaa;
position: absolute;
bottom: 10px;
right: 10px;
z-index: 7;
padding: 10px;
opacity: 0.95;
}
.app-main.theatre .channel-stats .stat { color: #aaa; }
.app-main.theatre .channel-stats span:not(.live-count) svg path {
fill: rgba(255,255,255,0.35) !important;
}
.app-main.theatre .follow-button .notify:before, .app-main.theatre .button.drop:after, .app-main.theatre .follow-button .drop.follow:after {
border: 5px solid rgba(255,255,255,0.35);
border-left-color: transparent;
border-right-color: transparent;
border-bottom-color: transparent;
}
.app-main.theatre .follow-button .notify {
background-color: #25252a;
}
.app-main.theatre .button {
color: #a68ed2;
}
.app-main.theatre .button.glyph-only svg path {
fill: #a68ed2;
}
.app-main.theatre .button.primary.subscribe-button {
color: #fff;
}