diff options
Diffstat (limited to 'tpl/default')
-rw-r--r-- | tpl/default/css/shaarli.css | 88 | ||||
-rw-r--r-- | tpl/default/linklist.html | 5 | ||||
-rw-r--r-- | tpl/default/linklist.paging.html | 68 |
3 files changed, 135 insertions, 26 deletions
diff --git a/tpl/default/css/shaarli.css b/tpl/default/css/shaarli.css index 4ec976b1..2fd477b3 100644 --- a/tpl/default/css/shaarli.css +++ b/tpl/default/css/shaarli.css | |||
@@ -195,11 +195,97 @@ body { | |||
195 | } | 195 | } |
196 | 196 | ||
197 | /** | 197 | /** |
198 | * CONTENT | 198 | * CONTENT - GENERAL |
199 | */ | 199 | */ |
200 | #content { | 200 | #content { |
201 | position: relative; | 201 | position: relative; |
202 | box-shadow: 0 -2px 1em #797979; | 202 | box-shadow: 0 -2px 1em #797979; |
203 | z-index: 2; | 203 | z-index: 2; |
204 | background: url(../img/noise.png) #979797; | 204 | background: url(../img/noise.png) #979797; |
205 | } | ||
206 | |||
207 | /** | ||
208 | * CONTENT - LINKLIST PAGING | ||
209 | */ | ||
210 | @media screen and (min-width: 35.5em) { | ||
211 | .linklist-paging { | ||
212 | margin: 2.1em 0 0 0; | ||
213 | } | ||
214 | } | ||
215 | |||
216 | @media screen and (min-width: 64em) { | ||
217 | .linklist-paging { | ||
218 | margin: 0; | ||
219 | } | ||
220 | } | ||
221 | |||
222 | .linklist-filters { | ||
223 | margin: 10px 0; | ||
224 | color: #252525; | ||
225 | } | ||
226 | |||
227 | .linklist-filters span { | ||
228 | margin: 0 0 0 10px; | ||
229 | } | ||
230 | |||
231 | .linklist-filters a { | ||
232 | padding: 2px 5px; | ||
233 | text-decoration: none; | ||
234 | } | ||
235 | |||
236 | .linklist-filters .filter-off { | ||
237 | color: #252525; | ||
238 | background: #c8c8c8; | ||
239 | } | ||
240 | |||
241 | .linklist-filters .filter-on { | ||
242 | color: #b0ddce; | ||
243 | background: #1b926c; | ||
244 | } | ||
245 | |||
246 | .linklist-pages { | ||
247 | margin: 10px 0; | ||
248 | color: #252525; | ||
249 | text-align: center; | ||
250 | } | ||
251 | |||
252 | .linklist-pages a { | ||
253 | color: #252525; | ||
254 | text-decoration: none; | ||
255 | } | ||
256 | |||
257 | .linklist-pages a:hover { | ||
258 | color: #fff; | ||
259 | } | ||
260 | |||
261 | .linksperpage { | ||
262 | margin: 10px 0; | ||
263 | text-align: right; | ||
264 | color: #252525; | ||
265 | } | ||
266 | |||
267 | .linksperpage a { | ||
268 | padding: 2px 5px; | ||
269 | text-decoration: none; | ||
270 | color: #252525; | ||
271 | background: #c8c8c8; | ||
272 | border: solid 1px #979797; | ||
273 | } | ||
274 | |||
275 | .linksperpage form { | ||
276 | display: inline; | ||
277 | margin: 0 10px 0 0; | ||
278 | } | ||
279 | |||
280 | .linksperpage input[type="text"] { | ||
281 | width: 28px; | ||
282 | height: 20px; | ||
283 | margin: 0 0 5px 0; | ||
284 | padding: 3px 5px 3px 8px; | ||
285 | background: #c8c8c8; | ||
286 | border: medium none currentColor; | ||
287 | border-radius: 25px; | ||
288 | box-shadow: 0 1px 0 rgba(255, 255, 255, 0.078), 0 1px 4px rgba(0, 0, 0, 0.298) inset; | ||
289 | color: #252525; | ||
290 | font-size: 0.8em; | ||
205 | } \ No newline at end of file | 291 | } \ No newline at end of file |
diff --git a/tpl/default/linklist.html b/tpl/default/linklist.html index 48de2e54..c42245e4 100644 --- a/tpl/default/linklist.html +++ b/tpl/default/linklist.html | |||
@@ -6,12 +6,9 @@ | |||
6 | <body> | 6 | <body> |
7 | {include="page.header"} | 7 | {include="page.header"} |
8 | 8 | ||
9 | <div id="headerform" class="search"> | ||
10 | |||
11 | <!--{loop="$plugins_header.fields_toolbar"} | 9 | <!--{loop="$plugins_header.fields_toolbar"} |
12 | {$value} | 10 | {$value} |
13 | {/loop}--> | 11 | {/loop}--> |
14 | </div> | ||
15 | 12 | ||
16 | <div id="linklist"> | 13 | <div id="linklist"> |
17 | 14 | ||
@@ -19,7 +16,7 @@ | |||
19 | 16 | ||
20 | <div id="plugin_zone_start_linklist" class="plugin_zone"> | 17 | <div id="plugin_zone_start_linklist" class="plugin_zone"> |
21 | {loop="$plugin_start_zone"} | 18 | {loop="$plugin_start_zone"} |
22 | {$value} | 19 | {$value} |
23 | {/loop} | 20 | {/loop} |
24 | </div> | 21 | </div> |
25 | 22 | ||
diff --git a/tpl/default/linklist.paging.html b/tpl/default/linklist.paging.html index e91c8f86..57ee1657 100644 --- a/tpl/default/linklist.paging.html +++ b/tpl/default/linklist.paging.html | |||
@@ -1,25 +1,51 @@ | |||
1 | <div class="paging"> | 1 | <div class="linklist-paging"> |
2 | {if="isLoggedIn()"} | 2 | <div class="paging pure-g"> |
3 | <div class="paging_privatelinks"> | 3 | <div class="linklist-filters pure-u-1-3"> |
4 | <a href="?privateonly"> | 4 | {if="isLoggedIn() or !empty($action_plugin)"} |
5 | {if="$privateonly"} | 5 | <span class="linklist-filters-text"> |
6 | <img src="images/private_16x16_active.png#" width="16" height="16" title="Click to see all links" alt="Click to see all links"> | 6 | Filters: |
7 | {else} | 7 | </span> |
8 | <img src="images/private_16x16.png#" width="16" height="16" title="Click to see only private links" alt="Click to see only private links"> | 8 | {if="isLoggedIn()"} |
9 | {/if} | 9 | <a href="?privateonly" title="Click to see all links" |
10 | </a> | 10 | class={if="$privateonly"}"filter-on"{else}"filter-off"{/if} |
11 | ><i class="fa fa-key"></i></a> | ||
12 | {/if} | ||
13 | {loop="$action_plugin"} | ||
14 | <!-- FIXME! Plugin update to handle that. --> | ||
15 | <a href="?privateonly" title="{$value.title}" class= | ||
16 | {if="$value.on"} | ||
17 | "filter-on" | ||
18 | {else} | ||
19 | "filter-off" | ||
20 | {/if} | ||
21 | >{$value.url}</a> | ||
22 | {/loop} | ||
23 | {/if} | ||
24 | </div> | ||
11 | 25 | ||
12 | 26 | ||
27 | <div class="linklist-pages pure-u-1-3"> | ||
28 | {if="$previous_page_url"} | ||
29 | <a href="{$previous_page_url}" class="paging_older"> | ||
30 | <i class="fa fa-long-arrow-left"></i> Older | ||
31 | </a> | ||
32 | {/if} | ||
33 | {if="$page_max>1"}{$page_current} / {$page_max}{/if} | ||
34 | {if="$next_page_url"} | ||
35 | <a href="{$next_page_url}" class="paging_newer"> | ||
36 | Newer <i class="fa fa-long-arrow-right"></i> | ||
37 | </a> | ||
38 | {/if} | ||
13 | </div> | 39 | </div> |
14 | {/if} | 40 | |
15 | {loop="$action_plugin"} | 41 | <div class="linksperpage pure-u-1-3"> |
16 | {$value} | 42 | Links per page: |
17 | {/loop} | 43 | <a href="?linksperpage=20">20</a> |
18 | <div class="paging_linksperpage"> | 44 | <a href="?linksperpage=50">50</a> |
19 | Links per page: <a href="?linksperpage=20">20</a> <a href="?linksperpage=50">50</a> <a href="?linksperpage=100">100</a> | 45 | <a href="?linksperpage=100">100</a> |
20 | <form method="GET" class="linksperpage"><input type="text" name="linksperpage" size="2"></form> | 46 | <form method="GET"> |
47 | <input type="text" name="linksperpage" size="2"> | ||
48 | </form> | ||
21 | </div> | 49 | </div> |
22 | {if="$previous_page_url"} <a href="{$previous_page_url}" class="paging_older">◄Older</a> {/if} | 50 | </div> |
23 | <div class="paging_current">page {$page_current} / {$page_max} </div> | 51 | </div> \ No newline at end of file |
24 | {if="$next_page_url"} <a href="{$next_page_url}" class="paging_newer">Newer►</a> {/if} | ||
25 | </div> | ||