mirrors/TiddlyWiki5
1
0
Fork 0
mirror of https://github.com/Jermolene/TiddlyWiki5 synced 2024-06-24 22:33:16 +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;
}
.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 img {
width: 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 {
@ -1674,7 +1688,6 @@ body.tc-dirty span.tc-dirty-indicator, body.tc-dirty span.tc-dirty-indicator svg
margin-top: -1.5em;
}
/*
** Errors
*/