[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 {
|
||||
margin: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
li p:first-child {
|
||||
margin: 0.6em 0;
|
||||
}
|
||||
|
||||
dd {
|
||||
|
@ -336,6 +340,7 @@ a, .linkdescription a {
|
|||
align-self: stretch;
|
||||
flex: 1 0 auto;
|
||||
order: 1;
|
||||
width: 1em;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
.linktitle {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.linktitle a {
|
||||
color: #80AD48;
|
||||
text-decoration: none;
|
||||
|
@ -557,21 +566,23 @@ a, .linkdescription a {
|
|||
.linkWallabag a {
|
||||
background-image: url(../../images/logo_wallabag.png);
|
||||
background-repeat: no-repeat;
|
||||
color: #E28E3F;
|
||||
padding: 2px 0 3px 20px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.linkarchive a {
|
||||
background-image: url(../../images/logo_Archive.org.jpg);
|
||||
background-repeat: no-repeat;
|
||||
padding: 2px 0 3px 20px;
|
||||
}
|
||||
|
||||
.linkdate a {
|
||||
background-image: url(../../images/calendar.png);
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.linkBottom a {
|
||||
color: #E28E3F;
|
||||
line-height: 1.6em;
|
||||
padding: 2px 0 3px 20px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.linkurl {
|
||||
|
@ -582,7 +593,7 @@ a, .linkdescription a {
|
|||
.linkdescription {
|
||||
color: #000;
|
||||
font-weight: normal;
|
||||
margin-bottom: 12px;
|
||||
margin-bottom: 0.3em;
|
||||
margin-top: 0;
|
||||
max-height: 400px;
|
||||
overflow: auto;
|
||||
|
@ -595,7 +606,7 @@ a, .linkdescription a {
|
|||
|
||||
.linktaglist {
|
||||
line-height: 200%;
|
||||
padding-top: 10px;
|
||||
padding-top: 0.3em;
|
||||
}
|
||||
|
||||
.linktag {
|
||||
|
@ -715,6 +726,7 @@ a, .linkdescription a {
|
|||
.favicon {
|
||||
height: 16px;
|
||||
margin-right: .1em;
|
||||
vertical-align: unset;
|
||||
width: 16px;
|
||||
}
|
||||
|
||||
|
@ -918,7 +930,7 @@ a:hover, .linkdescription a:hover, .linktitle a:hover, .linkWallabag a:hover, .l
|
|||
|
||||
.linkdate, .linkarchive, .linkWallabag, .linkshort {
|
||||
color: #888;
|
||||
font-size: 8pt;
|
||||
font-size: .85em;
|
||||
}
|
||||
|
||||
#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 {
|
||||
border-radius: 5px 5px 5px 5px;
|
||||
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>
|
||||
</div>
|
||||
{/if}
|
||||
<span class="linktitle">{function="returnFavicon($value.url)"}<a href="{$redirector}{$value.url|htmlspecialchars}">{$value.title|htmlspecialchars}</a></span>
|
||||
<br>
|
||||
{if="$value.description"}<div class="linkdescription"{if condition="$search_type=='permalink'"} style="max-height:none !important;"{/if}>{$value.description}</div>{/if}
|
||||
<h3 class="linktitle">{function="returnFavicon($value.url)"}<a href="{$redirector}{$value.url|htmlspecialchars}">{$value.title|htmlspecialchars}</a></h3>
|
||||
{if="$value.description"}<div class="linkdescription"{if condition="$search_type=='permalink'"}{/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="!$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}
|
||||
<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}
|
||||
<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()"}
|
||||
<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}
|
||||
<div style="position:relative;display:inline;"><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> -
|
||||
<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></span> -
|
||||
<span class="linkurl" title="Short link">{$value.url|htmlspecialchars}</span><br>
|
||||
{if="$value.tags"}
|
||||
<div class="linktaglist">
|
||||
|
|
Loading…
Reference in a new issue