mirrors/TiddlyWiki5
1
0
Fork 0
mirror of https://github.com/Jermolene/TiddlyWiki5 synced 2025-08-07 22:33:50 +00:00
Code Issues Releases Wiki Activity

Add hover effects to youtube thumbnails

Browse Source
This commit is contained in:
Jermolene 2015-03-22 17:52:09 +00:00
parent 542372c722
commit ec598d5cf4
1 changed files with 16 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
themes/tiddlywiki/vanilla/base.tid
View File

@ -1656,14 +1656,28 @@ body.tc-dirty span.tc-dirty-indicator, body.tc-dirty span.tc-dirty-indicator svg
display: inline-block; display: inline-block;
} }
.tc-youtube-thumbnail { .tc-youtube-thumbnail svg,
.tc-youtube-thumbnail img {
filter: alpha(opacity=0.6);
opacity: 0.6;
}
.tc-youtube-wrapper:hover .tc-youtube-thumbnail svg,
.tc-youtube-wrapper:hover .tc-youtube-thumbnail img {
filter: alpha(opacity=1);
opacity: 1;
} }
.tc-youtube-play-symbol svg, .tc-youtube-play-symbol svg,
.tc-youtube-play-symbol img { .tc-youtube-play-symbol img {
width: 3em; width: 3em;
height: 3em; height: 3em;
fill: red; fill: #f44;
}
.tc-youtube-wrapper:hover .tc-youtube-play-symbol svg,
.tc-youtube-wrapper:hover .tc-youtube-play-symbol img {
fill: #f00;
} }
.tc-youtube-play-symbol { .tc-youtube-play-symbol {
@ -1674,7 +1688,6 @@ body.tc-dirty span.tc-dirty-indicator, body.tc-dirty span.tc-dirty-indicator svg
margin-top: -1.5em; margin-top: -1.5em;
} }
/* /*
** Errors ** Errors
*/ */