[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 { 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;

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> <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&amp;s=8&d={$scripturl|urlencode}%3F{$value.linkdate|smallHash}" <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></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">