{loop="$tags"}<option>{$key}</option>{/loop}
</datalist>
</div>
- <div>{'Case sensitive'|t}</div>
+ <div><i class="fa fa-info-circle"></i> {'Case sensitive'|t}</div>
<input type="hidden" name="token" value="{$token}">
<div>
<input type="submit" value="{'Rename'|t}" name="renametag">
transition: max-height 0.75s;
}
-.pure-menu-selected {
- background: #b0ddce;
-}
-
.pure-menu-link,
.pure-menu-link:visited,
.pure-menu-selected .pure-menu-link,
#header {
width: 100%;
height: 150px;
- background: url(../img/noise.png), #1fa67a url(../img/logo2.png) no-repeat fixed 10px 2.5em;
+ background: url(../img/noise.png), #1fa67a url(../img/logo.png) no-repeat fixed 10px 2.5em;
}
#header h1 {
}
.linklist-item-thumbnail {
+ margin-top: 10px;
padding: 10px;
float: left;
}
.page-form select {
color: black;
}
+
/**
* PAGE FORM - LIGHT
*/
font-size: 0.7em;
}
+.page-form-complete input[type="text"],
+.page-form-complete input[type="password"],
+.page-form-complete textarea {
+ margin: 0;
+}
+
.page-form section {
margin-top: 20px;
}
.daily-entry-thumbnail {
float: left;
margin: 15px 5px 5px 5px;
-}
\ No newline at end of file
+}
+
+.daily-entry-description a {
+ text-decoration: none;
+ color: #1b926c;
+}
+
+.daily-entry-description a:hover {
+ text-shadow: 1px 1px #ddd;
+}
+
+.daily-entry-description a:visited {
+ color: #20b988;
+}
});
/**
- * Fold/Expand shaares description.
+ * Fold/Expand shaares description and thumbnail.
*/
var foldButtons = document.querySelectorAll('.fold-button');
[].forEach.call(foldButtons, function(foldButton) {
// Retrieve description
var description = null;
+ var thumbnail = null;
var linklistItem = getParentByClass(foldButton, 'linklist-item');
if (linklistItem != null) {
description = linklistItem.querySelector('.linklist-item-description');
- if (description != null) {
+ thumbnail = linklistItem.querySelector('.linklist-item-thumbnail');
+ if (description != null || thumbnail != null) {
foldButton.style.display = 'inline';
}
}
// Switch fold/expand - up = fold
if (event.target.classList.contains('fa-chevron-up')) {
event.target.title = 'Expand';
- description.style.display = 'none';
+ if (description != null) {
+ description.style.display = 'none';
+ }
+ if (thumbnail != null) {
+ thumbnail.style.display = 'none';
+ }
}
else {
event.target.title = 'Fold';
- description.style.display = 'block';
+ if (description != null) {
+ description.style.display = 'block';
+ }
+ if (thumbnail != null) {
+ thumbnail.style.display = 'block';
+ }
}
event.target.classList.toggle('fa-chevron-down');
event.target.classList.toggle('fa-chevron-up');
<a href="?linksperpage=20">20</a>
<a href="?linksperpage=50">50</a>
<a href="?linksperpage=100">100</a>
- <form method="GET">
+ <form method="GET" class="pure-u-0 pure-u-lg-visible">
<input type="text" name="linksperpage" placeholder="133">
</form>
</div>
<div class="pure-g">
<div class="pure-u-2-24"></div>
<div id="footer" class="pure-u-20-24">
- <strong><a href="https://github.com/shaarli/Shaarli">Shaarli</a></strong> -
- The personal, minimalist, super-fast, database free, bookmarking service by the Shaarli community -
+ <strong><a href="https://github.com/shaarli/Shaarli">Shaarli</a></strong> ·
+ The personal, minimalist, super-fast, database free, bookmarking service by the Shaarli community ·
<a href="doc/Home.html" rel="nofollow">Documentation</a>
{loop="$plugins_footer.text"}
{$value}
<div class="pure-u-1">
<div class="pure-menu menu-transform pure-menu-horizontal pure-g">
<ul class="pure-menu-list pure-u-lg-11-12 pure-u-1">
- <li class="pure-menu-item pure-menu-selected pure-u-0 pure-u-lg-visible">
+ <li class="pure-menu-item pure-u-0 pure-u-lg-visible">
<a href="{$titleLink}" class="pure-menu-link">
<i class="fa fa-home"></i>
</a>
<a href="?do=tools" class="pure-menu-link">{'Tools'|t}</a>
</li>
{/if}
- <li class="pure-menu-item pure-u-lg-0">
- <a href="?do=atom{$searchcrits}" class="pure-menu-link">{'RSS Feed'|t}</a>
- </li>
<li class="pure-menu-item">
<a href="?do=tagcloud" class="pure-menu-link">{'Tag cloud'|t}</a>
</li>
</li>
{/loop}
{if="isLoggedIn()"}
- <li class="pure-menu-item">
+ <li class="pure-menu-item pure-u-lg-0">
<a href="?do=logout" class="pure-menu-link">{'Logout'|t}</a>
</li>
{else}
- <li class="pure-menu-item">
+ <li class="pure-menu-item pure-u-lg-0">
<a href="?do=login" class="pure-menu-link">{'Login'|t}</a>
</li>
{/if}
+ <li class="pure-menu-item pure-u-lg-0">
+ <a href="?do=atom{$searchcrits}" class="pure-menu-link">{'RSS Feed'|t}</a>
+ </li>
</ul>
<div class="header-buttons pure-u-lg-1-12 pure-u-0 pure-u-lg-visible">
<ul class="pure-menu-list">
<div id="header" class="pure-u-0 pure-u-lg-visible">
<h1 id="header-title">
- <a href="{if="{$titleLink}">
+ <a href="$titleLink">
{$shaarlititle}
</a>
</h1>
{if="!empty($search_term)"}
value="{$search_term}"
{/if}
- tabindex="1"
>
<button type="submit" class="search-button"><i class="fa fa-search"></i></button>
</form>
{/if}
autocomplete="off" data-multiple data-minChars="1"
data-list="{loop="$tags"}{$key}, {/loop}"
- tabindex="2"
>
<button type="submit" class="search-button"><i class="fa fa-search"></i></button>
</form>
<div class="pure-g">
<div class="pure-u-lg-1-6 pure-u-1-8"></div>
<div class="pure-u-lg-2-3 pure-u-3-4 page-form page-form-light">
- <h2>{'Plugin configuration'|t}</h2>
+ <h2 class="window-title">{'Plugin configuration'|t}</h2>
<section id="plugin_parameters">
<div>
{if="count($enabledPlugins)==0"}
<label for="{$key}">
<code>{$key}</code>
{if="isset($value.desc)"}
- {$value.desc}
+ · {$value.desc}
{/if}
</label>
</div>
<div class="float_input">
- <input name="{$key}" value="{$value}" id="{$key}" type="text" />
+ <input name="{$key}" value="{$value.value}" id="{$key}" type="text" />
</div>
</div>
{/loop}
<div class="pure-u-lg-1-3 pure-u-1-8"></div>
<div class="pure-u-lg-1-3 pure-u-3-4 page-form page-form-light">
<h2 class="window-title">Bookmarklets</h2>
- <p>
+ <div>
{'Drag one of these button to your bookmarks toolbar or right-click it and "Bookmark This Link"'|t},
{'then click on the bookmarklet in any page you want to share.'|t}
- </p>
+ </div>
<div class="tools-item">
<a title="{'Drag this link to your bookmarks toolbar or right-click it and Bookmark This Link'|t},
{'then click âShaare link button in any page you want to share'|t}"