mirrors
/
TiddlyWiki5
mirror of https://github.com/Jermolene/TiddlyWiki5
1
0
Fork 0
Code Issues Releases Wiki Activity

Tweaks to link panels 

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
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
tags: HelloThumbnail
color: #58FFB9
background-color: #39CBB6
icon: {{$:/core/images/plugin-generic-theme}}
background-color: #E5DE41
icon: {{$:/core/images/theme-button}}
caption: Developers
link: Developers

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

@ -1,7 +1,7 @@
title: HelloThumbnail - GettingStarted
tags: HelloThumbnail
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>
caption: Beginners Start Here
link: GettingStarted

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

@ -1,7 +1,7 @@
title: HelloThumbnail - News
tags: HelloThumbnail
color: #D5B7EA
background-color: #E44A4A
background-color: #EF54E1
icon: {{$:/core/images/globe}}
caption: Latest News
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
color: #D5B7EA
background-color: #E44AE4
icon: {{Motovun Jack.svg}}
image: Motovun Jack.svg
caption: Install ~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 {
text-align: center;
overflow: hidden;
}
.tc-thumbnail-image svg,
.tc-thumbnail-image img {
filter: alpha(opacity=0.6);
opacity: 0.6;
max-width: 100%;
max-height: 100%;
filter: alpha(opacity=1);
opacity: 1;
min-width: 100%;
min-height: 100%;
}
.tc-thumbnail-wrapper:hover .tc-thumbnail-image svg,
.tc-thumbnail-wrapper:hover .tc-thumbnail-image img {
filter: alpha(opacity=1);
opacity: 1;
filter: alpha(opacity=0.8);
opacity: 0.8;
}
.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 img {
width: 2em;
height: 2em;
width: 3em;
height: 3em;
<<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;
top: 50%;
left: 50%;
margin-left: -1em;
margin-top: -1em;
margin-left: -1.5em;
margin-top: -1.5em;
}
.tc-thumbnail-caption {
position: absolute;
background-color: #666;
color: white;
background-color: #777;
color: #fff;
text-align: center;
bottom: 0;
width: 100%;
filter: alpha(opacity=0.6);
opacity: 0.6;
filter: alpha(opacity=0.9);
opacity: 0.9;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
border: 1px solid #666;
line-height: 1.4;
}
.tc-thumbnail-wrapper:hover .tc-thumbnail-caption {