[add] new theme and adapte linklist template

This commit is contained in:
Knah Tsaeb 2015-07-03 13:48:53 +02:00
parent 88f2ebadca
commit 0b7c7fc069
3 changed files with 1281 additions and 18 deletions

1252
inc/styles/colums.css Normal file

File diff suppressed because it is too large Load diff

View file

@ -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;

View file

@ -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&amp;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&amp;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">