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

Tweaks to link panels

Browse Source 
Taking into account some of @pmario’s feedback
This commit is contained in:
Jermolene 2015-03-23 19:40:52 +00:00
parent 32c6d01943
commit 843871e195
8 changed files with 29 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
editions/tw5.com/tiddlers/hellothere/HelloThumbnail.tid
View File

@ -1,2 +1,2 @@
title: HelloThumbnail title: HelloThumbnail
list: list: [[HelloThumbnail - Introduction Video]] [[HelloThumbnail - GettingStarted]] [[HelloThumbnail - TiddlyFox]] [[HelloThumbnail - News]] [[HelloThumbnail - Follow TiddlyWiki on Twitter]] [[HelloThumbnail - HelpingTiddlyWiki]] [[HelloThumbnail - Classic]] [[HelloThumbnail - Developers]]

7
editions/tw5.com/tiddlers/hellothere/thumbnails/HelloThumbnail - Classic.tid Normal file
View File

@ -0,0 +1,7 @@
title: HelloThumbnail - Classic
tags: HelloThumbnail
color: #D5B7EA
background-color: #4A4AE4
image: TiddlyWiki Classic.png
caption: ~TiddlyWiki Classic
link: TiddlyWikiClassic

4
editions/tw5.com/tiddlers/hellothere/thumbnails/HelloThumbnail - Developers.tid
View File

@ -1,7 +1,7 @@
title: HelloThumbnail - Developers title: HelloThumbnail - Developers
tags: HelloThumbnail tags: HelloThumbnail
color: #58FFB9 color: #58FFB9
background-color: #39CBB6 background-color: #E5DE41
icon: {{$:/core/images/plugin-generic-theme}} icon: {{$:/core/images/theme-button}}
caption: Developers caption: Developers
link: Developers link: Developers

2
editions/tw5.com/tiddlers/hellothere/thumbnails/HelloThumbnail - GettingStarted.tid
View File

@ -1,7 +1,7 @@
title: HelloThumbnail - GettingStarted title: HelloThumbnail - GettingStarted
tags: HelloThumbnail tags: HelloThumbnail
color: #cfc color: #cfc
background-color: #2c2 background-color: #54EF98
icon: <div style="font-weight:bold;color:white;background-color:#2a2;border-radius:16em;padding:0 9px 0 9px;">Go</div> icon: <div style="font-weight:bold;color:white;background-color:#2a2;border-radius:16em;padding:0 9px 0 9px;">Go</div>
caption: Beginners Start Here caption: Beginners Start Here
link: GettingStarted link: GettingStarted

2
editions/tw5.com/tiddlers/hellothere/thumbnails/HelloThumbnail - News.tid
View File

@ -1,7 +1,7 @@
title: HelloThumbnail - News title: HelloThumbnail - News
tags: HelloThumbnail tags: HelloThumbnail
color: #D5B7EA color: #D5B7EA
background-color: #E44A4A background-color: #EF54E1
icon: {{$:/core/images/globe}} icon: {{$:/core/images/globe}}
caption: Latest News caption: Latest News
link: Community link: Community

7
editions/tw5.com/tiddlers/hellothere/thumbnails/HelloThumbnail - TiddlyDesktop.tid
View File

@ -1,7 +0,0 @@
title: HelloThumbnail - TiddlyDesktop
tags: HelloThumbnail
color: #D5B7EA
background-color: #4A4AE4
icon: {{Motovun Jack.svg}}
caption: Install ~TiddlyDesktop
link: TiddlyDesktop

2
editions/tw5.com/tiddlers/hellothere/thumbnails/HelloThumbnail - TiddlyFox.tid
View File

@ -2,6 +2,6 @@ title: HelloThumbnail - TiddlyFox
tags: HelloThumbnail tags: HelloThumbnail
color: #D5B7EA color: #D5B7EA
background-color: #E44AE4 background-color: #E44AE4
icon: {{Motovun Jack.svg}} image: Motovun Jack.svg
caption: Install ~TiddlyFox caption: Install ~TiddlyFox
link: TiddlyFox link: TiddlyFox

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

@ -1667,20 +1667,21 @@ body.tc-dirty span.tc-dirty-indicator, body.tc-dirty span.tc-dirty-indicator svg
.tc-thumbnail-image { .tc-thumbnail-image {
text-align: center; text-align: center;
overflow: hidden;
} }
.tc-thumbnail-image svg, .tc-thumbnail-image svg,
.tc-thumbnail-image img { .tc-thumbnail-image img {
filter: alpha(opacity=0.6); filter: alpha(opacity=1);
opacity: 0.6; opacity: 1;
max-width: 100%; min-width: 100%;
max-height: 100%; min-height: 100%;
} }
.tc-thumbnail-wrapper:hover .tc-thumbnail-image svg, .tc-thumbnail-wrapper:hover .tc-thumbnail-image svg,
.tc-thumbnail-wrapper:hover .tc-thumbnail-image img { .tc-thumbnail-wrapper:hover .tc-thumbnail-image img {
filter: alpha(opacity=1); filter: alpha(opacity=0.8);
opacity: 1; opacity: 0.8;
} }
.tc-thumbnail-background { .tc-thumbnail-background {
@ -1690,8 +1691,8 @@ body.tc-dirty span.tc-dirty-indicator, body.tc-dirty span.tc-dirty-indicator svg
.tc-thumbnail-icon svg, .tc-thumbnail-icon svg,
.tc-thumbnail-icon img { .tc-thumbnail-icon img {
width: 2em; width: 3em;
height: 2em; height: 3em;
<<filter "drop-shadow(2px 2px 2px rgba(0,0,0,0.3))">> <<filter "drop-shadow(2px 2px 2px rgba(0,0,0,0.3))">>
} }
@ -1705,22 +1706,22 @@ body.tc-dirty span.tc-dirty-indicator, body.tc-dirty span.tc-dirty-indicator svg
position: absolute; position: absolute;
top: 50%; top: 50%;
left: 50%; left: 50%;
margin-left: -1em; margin-left: -1.5em;
margin-top: -1em; margin-top: -1.5em;
} }
.tc-thumbnail-caption { .tc-thumbnail-caption {
position: absolute; position: absolute;
background-color: #666; background-color: #777;
color: white; color: #fff;
text-align: center; text-align: center;
bottom: 0; bottom: 0;
width: 100%; width: 100%;
filter: alpha(opacity=0.6); filter: alpha(opacity=0.9);
opacity: 0.6; opacity: 0.9;
border-bottom-left-radius: 2px; border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px; border-bottom-right-radius: 2px;
border: 1px solid #666; line-height: 1.4;
} }
.tc-thumbnail-wrapper:hover .tc-thumbnail-caption { .tc-thumbnail-wrapper:hover .tc-thumbnail-caption {