[add] new theme and adapte linklist template
This commit is contained in:
parent
88f2ebadca
commit
0b7c7fc069
3 changed files with 1281 additions and 18 deletions
1252
inc/styles/colums.css
Normal file
1252
inc/styles/colums.css
Normal file
File diff suppressed because it is too large
Load diff
|
@ -204,7 +204,11 @@ ul, ol {
|
||||||
}
|
}
|
||||||
|
|
||||||
li p:last-child {
|
li p:last-child {
|
||||||
margin: 0;
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
li p:first-child {
|
||||||
|
margin: 0.6em 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
dd {
|
dd {
|
||||||
|
@ -336,6 +340,7 @@ a, .linkdescription a {
|
||||||
align-self: stretch;
|
align-self: stretch;
|
||||||
flex: 1 0 auto;
|
flex: 1 0 auto;
|
||||||
order: 1;
|
order: 1;
|
||||||
|
width: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.searchform input:nth-child(2), .tagfilter input:nth-child(2), .addform input:nth-child(2) {
|
.searchform input:nth-child(2), .tagfilter input:nth-child(2), .addform input:nth-child(2) {
|
||||||
|
@ -544,6 +549,10 @@ a, .linkdescription a {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.linktitle {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
.linktitle a {
|
.linktitle a {
|
||||||
color: #80AD48;
|
color: #80AD48;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
@ -557,21 +566,23 @@ a, .linkdescription a {
|
||||||
.linkWallabag a {
|
.linkWallabag a {
|
||||||
background-image: url(../../images/logo_wallabag.png);
|
background-image: url(../../images/logo_wallabag.png);
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
color: #E28E3F;
|
|
||||||
padding: 2px 0 3px 20px;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.linkarchive a {
|
.linkarchive a {
|
||||||
background-image: url(../../images/logo_Archive.org.jpg);
|
background-image: url(../../images/logo_Archive.org.jpg);
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
padding: 2px 0 3px 20px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.linkdate a {
|
.linkdate a {
|
||||||
background-image: url(../../images/calendar.png);
|
background-image: url(../../images/calendar.png);
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
|
}
|
||||||
|
|
||||||
|
.linkBottom a {
|
||||||
|
color: #E28E3F;
|
||||||
|
line-height: 1.6em;
|
||||||
padding: 2px 0 3px 20px;
|
padding: 2px 0 3px 20px;
|
||||||
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.linkurl {
|
.linkurl {
|
||||||
|
@ -582,7 +593,7 @@ a, .linkdescription a {
|
||||||
.linkdescription {
|
.linkdescription {
|
||||||
color: #000;
|
color: #000;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
margin-bottom: 12px;
|
margin-bottom: 0.3em;
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
max-height: 400px;
|
max-height: 400px;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
|
@ -595,7 +606,7 @@ a, .linkdescription a {
|
||||||
|
|
||||||
.linktaglist {
|
.linktaglist {
|
||||||
line-height: 200%;
|
line-height: 200%;
|
||||||
padding-top: 10px;
|
padding-top: 0.3em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.linktag {
|
.linktag {
|
||||||
|
@ -715,6 +726,7 @@ a, .linkdescription a {
|
||||||
.favicon {
|
.favicon {
|
||||||
height: 16px;
|
height: 16px;
|
||||||
margin-right: .1em;
|
margin-right: .1em;
|
||||||
|
vertical-align: unset;
|
||||||
width: 16px;
|
width: 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -918,7 +930,7 @@ a:hover, .linkdescription a:hover, .linktitle a:hover, .linkWallabag a:hover, .l
|
||||||
|
|
||||||
.linkdate, .linkarchive, .linkWallabag, .linkshort {
|
.linkdate, .linkarchive, .linkWallabag, .linkshort {
|
||||||
color: #888;
|
color: #888;
|
||||||
font-size: 8pt;
|
font-size: .85em;
|
||||||
}
|
}
|
||||||
|
|
||||||
#changepasswordform, #changetag, #configform {
|
#changepasswordform, #changetag, #configform {
|
||||||
|
@ -1068,7 +1080,7 @@ a:hover, .linkdescription a:hover, .linktitle a:hover, .linkWallabag a:hover, .l
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media handheld, only screen and max-width 480px, only screen and max-device-width 854px {
|
@media handheld, only screen and (max-width: 480px), only screen and (max-device-width: 854px) {
|
||||||
#pageheader a {
|
#pageheader a {
|
||||||
border-radius: 5px 5px 5px 5px;
|
border-radius: 5px 5px 5px 5px;
|
||||||
margin: 3px;
|
margin: 3px;
|
||||||
|
|
|
@ -53,21 +53,20 @@
|
||||||
<input type="hidden" name="token" value="{$token}"><input type="hidden" name="delete_link"><input type="image" alt="Delete" src="images/delete_icon.png#" title="Delete" class="button_delete" onClick="return confirmDeleteLink();"></form>
|
<input type="hidden" name="token" value="{$token}"><input type="hidden" name="delete_link"><input type="image" alt="Delete" src="images/delete_icon.png#" title="Delete" class="button_delete" onClick="return confirmDeleteLink();"></form>
|
||||||
</div>
|
</div>
|
||||||
{/if}
|
{/if}
|
||||||
<span class="linktitle">{function="returnFavicon($value.url)"}<a href="{$redirector}{$value.url|htmlspecialchars}">{$value.title|htmlspecialchars}</a></span>
|
<h3 class="linktitle">{function="returnFavicon($value.url)"}<a href="{$redirector}{$value.url|htmlspecialchars}">{$value.title|htmlspecialchars}</a></h3>
|
||||||
<br>
|
{if="$value.description"}<div class="linkdescription"{if condition="$search_type=='permalink'"}{/if}>{$value.description}</div>{/if}
|
||||||
{if="$value.description"}<div class="linkdescription"{if condition="$search_type=='permalink'"} style="max-height:none !important;"{/if}>{$value.description}</div>{/if}
|
|
||||||
{if condition="isset($value.via) && !empty($value.via)"}<div><a href="{$value.via}">Origine => {$value.via|getJustDomain}</a></div>{/if}
|
{if condition="isset($value.via) && !empty($value.via)"}<div><a href="{$value.via}">Origine => {$value.via|getJustDomain}</a></div>{/if}
|
||||||
{if="!$GLOBALS['config']['HIDE_TIMESTAMPS'] || isLoggedIn()"}
|
{if="!$GLOBALS['config']['HIDE_TIMESTAMPS'] || isLoggedIn()"}
|
||||||
<span class="linkdate" title="Permalink"><a href="?{$value.linkdate|smallHash}">{$value.localdate|htmlspecialchars} - permalink</a> - </span>
|
<span class="linkdate linkBottom" title="Permalink"><a href="?{$value.linkdate|smallHash}">{$value.localdate|htmlspecialchars} - permalink</a> - </span>
|
||||||
{else}
|
{else}
|
||||||
<span class="linkdate" title="Short link here"><a href="?{$value.linkdate|smallHash}">permalink</a> - </span>
|
<span class="linkdate linkBottom" title="Short link here"><a href="?{$value.linkdate|smallHash}">permalink</a> - </span>
|
||||||
{/if}
|
{/if}
|
||||||
<span class="linkarchive"><a href="https://web.archive.org/web/{$value.url|htmlspecialchars}">Archive.org</a> - </span>
|
<span class="linkarchive linkBottom"><a href="https://web.archive.org/web/{$value.url|htmlspecialchars}">Archive.org</a> - </span>
|
||||||
{if="$GLOBALS['config']['WALLABAG_URL'] && isLoggedIn()"}
|
{if="$GLOBALS['config']['WALLABAG_URL'] && isLoggedIn()"}
|
||||||
<span class="linkWallabag"><a href="{$GLOBALS['config']['WALLABAG_URL']}/?plainurl={$value.url|htmlspecialchars}">Save to Wallabag</a> - </span>
|
<span class="linkWallabag linkBottom"><a href="{$GLOBALS['config']['WALLABAG_URL']}/?plainurl={$value.url|htmlspecialchars}">Save to Wallabag</a> - </span>
|
||||||
{/if}
|
{/if}
|
||||||
<div style="position:relative;display:inline;"><a href="http://qrfree.kaywa.com/?l=1&s=8&d={$scripturl|urlencode}%3F{$value.linkdate|smallHash}"
|
<span><a href="http://qrfree.kaywa.com/?l=1&s=8&d={$scripturl|urlencode}%3F{$value.linkdate|smallHash}"
|
||||||
onclick="showQrCode(this); return false;" class="qrcode" data-permalink="{$scripturl}?{$value.linkdate|smallHash}"><img src="images/qrcode.png#" width="13" height="13" title="QR-Code" alt="qrcode logo"></a></div> -
|
onclick="showQrCode(this); return false;" class="qrcode" data-permalink="{$scripturl}?{$value.linkdate|smallHash}"><img src="images/qrcode.png#" width="13" height="13" title="QR-Code" alt="qrcode logo"></a></span> -
|
||||||
<span class="linkurl" title="Short link">{$value.url|htmlspecialchars}</span><br>
|
<span class="linkurl" title="Short link">{$value.url|htmlspecialchars}</span><br>
|
||||||
{if="$value.tags"}
|
{if="$value.tags"}
|
||||||
<div class="linktaglist">
|
<div class="linktaglist">
|
||||||
|
|
Loading…
Reference in a new issue