From 4d7cd1b0e2ff3c4ac5df03774640164f681b5e96 Mon Sep 17 00:00:00 2001 From: ArthurHoaro Date: Sat, 27 Feb 2016 23:21:11 +0100 Subject: Linklist paging --- tpl/default/css/shaarli.css | 88 +++++++++++++++++++++++++++++++++++++++- tpl/default/linklist.html | 5 +-- 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 { } /** - * CONTENT + * CONTENT - GENERAL */ #content { position: relative; box-shadow: 0 -2px 1em #797979; z-index: 2; background: url(../img/noise.png) #979797; +} + +/** + * CONTENT - LINKLIST PAGING + */ +@media screen and (min-width: 35.5em) { + .linklist-paging { + margin: 2.1em 0 0 0; + } +} + +@media screen and (min-width: 64em) { + .linklist-paging { + margin: 0; + } +} + +.linklist-filters { + margin: 10px 0; + color: #252525; +} + +.linklist-filters span { + margin: 0 0 0 10px; +} + +.linklist-filters a { + padding: 2px 5px; + text-decoration: none; +} + +.linklist-filters .filter-off { + color: #252525; + background: #c8c8c8; +} + +.linklist-filters .filter-on { + color: #b0ddce; + background: #1b926c; +} + +.linklist-pages { + margin: 10px 0; + color: #252525; + text-align: center; +} + +.linklist-pages a { + color: #252525; + text-decoration: none; +} + +.linklist-pages a:hover { + color: #fff; +} + +.linksperpage { + margin: 10px 0; + text-align: right; + color: #252525; +} + +.linksperpage a { + padding: 2px 5px; + text-decoration: none; + color: #252525; + background: #c8c8c8; + border: solid 1px #979797; +} + +.linksperpage form { + display: inline; + margin: 0 10px 0 0; +} + +.linksperpage input[type="text"] { + width: 28px; + height: 20px; + margin: 0 0 5px 0; + padding: 3px 5px 3px 8px; + background: #c8c8c8; + border: medium none currentColor; + border-radius: 25px; + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.078), 0 1px 4px rgba(0, 0, 0, 0.298) inset; + color: #252525; + font-size: 0.8em; } \ 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 @@ {include="page.header"} -