[upd] clean up id and proper css in paging template
This commit is contained in:
parent
f89abe02e8
commit
3c20b1071e
3 changed files with 55 additions and 31 deletions
|
@ -361,6 +361,7 @@ a, .linkdescription a {
|
||||||
|
|
||||||
.linksperpage {
|
.linksperpage {
|
||||||
box-shadow: 0 0 0 rgba(0,0,0,0.5);
|
box-shadow: 0 0 0 rgba(0,0,0,0.5);
|
||||||
|
display: inline;
|
||||||
padding: 3px;
|
padding: 3px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -372,6 +373,10 @@ a, .linkdescription a {
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.linksperpage input {
|
||||||
|
width: 2em;
|
||||||
|
}
|
||||||
|
|
||||||
.tagfilter input.bigbutton, .searchform input.bigbutton, .addform input.bigbutton {
|
.tagfilter input.bigbutton, .searchform input.bigbutton, .addform input.bigbutton {
|
||||||
background: linear-gradient(#dedede,#ffffff);
|
background: linear-gradient(#dedede,#ffffff);
|
||||||
background-color: #dedede;
|
background-color: #dedede;
|
||||||
|
@ -425,6 +430,7 @@ a, .linkdescription a {
|
||||||
.paging a:link {
|
.paging a:link {
|
||||||
color: #ccc;
|
color: #ccc;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
margin: 0 0.2em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.paging a:visited {
|
.paging a:visited {
|
||||||
|
@ -439,13 +445,12 @@ a, .linkdescription a {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
#paging_privatelinks {
|
.paging_privatelinks {
|
||||||
float: left;
|
float: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
#paging_linksperpage {
|
.paging_linksperpage {
|
||||||
float: right;
|
float: right;
|
||||||
padding-right: 5px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.paging_current {
|
.paging_current {
|
||||||
|
@ -453,14 +458,19 @@ a, .linkdescription a {
|
||||||
display: inline;
|
display: inline;
|
||||||
}
|
}
|
||||||
|
|
||||||
#paging_older {
|
.paging_older {
|
||||||
margin-right: 15px;
|
margin-right: 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#paging_newer {
|
.paging_newer {
|
||||||
margin-left: 15px;
|
margin-left: 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.paginNavigation {
|
||||||
|
margin: 0 auto;
|
||||||
|
width: 50%;
|
||||||
|
}
|
||||||
|
|
||||||
#headerform {
|
#headerform {
|
||||||
clear: both;
|
clear: both;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
|
@ -1158,13 +1168,13 @@ a:hover, .linkdescription a:hover, .linktitle a:hover, .linkWallabag a:hover, .l
|
||||||
top: -10px;
|
top: -10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#paging_linksperpage {
|
.paging_linksperpage {
|
||||||
float: none;
|
float: none;
|
||||||
font-size: smaller;
|
font-size: smaller;
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#paging_older, #paging_newer, #paging_linksperpage a {
|
.paging_older, .paging_newer, .paging_linksperpage a {
|
||||||
background-color: #666;
|
background-color: #666;
|
||||||
border: 1px solid black;
|
border: 1px solid black;
|
||||||
border-radius: 5px 5px 5px 5px;
|
border-radius: 5px 5px 5px 5px;
|
||||||
|
|
|
@ -360,6 +360,7 @@ a, .linkdescription a {
|
||||||
|
|
||||||
.linksperpage {
|
.linksperpage {
|
||||||
box-shadow: 0 0 0 rgba(0,0,0,0.5);
|
box-shadow: 0 0 0 rgba(0,0,0,0.5);
|
||||||
|
display: inline;
|
||||||
padding: 3px;
|
padding: 3px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -371,6 +372,10 @@ a, .linkdescription a {
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.linksperpage input {
|
||||||
|
width: 2em;
|
||||||
|
}
|
||||||
|
|
||||||
.tagfilter input.bigbutton, .searchform input.bigbutton, .addform input.bigbutton {
|
.tagfilter input.bigbutton, .searchform input.bigbutton, .addform input.bigbutton {
|
||||||
background: linear-gradient(#dedede,#ffffff);
|
background: linear-gradient(#dedede,#ffffff);
|
||||||
background-color: #dedede;
|
background-color: #dedede;
|
||||||
|
@ -424,6 +429,7 @@ a, .linkdescription a {
|
||||||
.paging a:link {
|
.paging a:link {
|
||||||
color: #ccc;
|
color: #ccc;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
margin: 0 0.2em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.paging a:visited {
|
.paging a:visited {
|
||||||
|
@ -438,13 +444,12 @@ a, .linkdescription a {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
#paging_privatelinks {
|
.paging_privatelinks {
|
||||||
float: left;
|
float: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
#paging_linksperpage {
|
.paging_linksperpage {
|
||||||
float: right;
|
float: right;
|
||||||
padding-right: 5px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.paging_current {
|
.paging_current {
|
||||||
|
@ -452,14 +457,19 @@ a, .linkdescription a {
|
||||||
display: inline;
|
display: inline;
|
||||||
}
|
}
|
||||||
|
|
||||||
#paging_older {
|
.paging_older {
|
||||||
margin-right: 15px;
|
margin-right: 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#paging_newer {
|
.paging_newer {
|
||||||
margin-left: 15px;
|
margin-left: 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.paginNavigation {
|
||||||
|
margin: 0 auto;
|
||||||
|
width: 50%;
|
||||||
|
}
|
||||||
|
|
||||||
#headerform {
|
#headerform {
|
||||||
clear: both;
|
clear: both;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
|
@ -1121,13 +1131,13 @@ a:hover, .linkdescription a:hover, .linktitle a:hover, .linkWallabag a:hover, .l
|
||||||
top: -10px;
|
top: -10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#paging_linksperpage {
|
.paging_linksperpage {
|
||||||
float: none;
|
float: none;
|
||||||
font-size: smaller;
|
font-size: smaller;
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#paging_older, #paging_newer, #paging_linksperpage a {
|
.paging_older, .paging_newer, .paging_linksperpage a {
|
||||||
background-color: #666;
|
background-color: #666;
|
||||||
border: 1px solid black;
|
border: 1px solid black;
|
||||||
border-radius: 5px 5px 5px 5px;
|
border-radius: 5px 5px 5px 5px;
|
||||||
|
|
|
@ -1,20 +1,24 @@
|
||||||
<div class="paging">
|
<div class="paging">
|
||||||
{if="isLoggedIn()"}
|
{if="isLoggedIn()"}
|
||||||
<div id="paging_privatelinks">
|
<div class="paging_privatelinks">
|
||||||
<a href="?privateonly">
|
<a href="?privateonly"> {if="$privateonly"} <img src="images/private_16x16_active.png#" width="16" height="16" title="Click to see all links" alt="Click to see all links"> {else} <img src="images/private_16x16.png#" width="16" height="16" title="Click to see only private links" alt="Click to see only private links"> {/if} </a>
|
||||||
{if="$privateonly"}
|
</div>
|
||||||
<img src="images/private_16x16_active.png#" width="16" height="16" title="Click to see all links" alt="Click to see all links">
|
|
||||||
{else}
|
|
||||||
<img src="images/private_16x16.png#" width="16" height="16" title="Click to see only private links" alt="Click to see only private links">
|
|
||||||
{/if}
|
{/if}
|
||||||
</a>
|
<div class="paging_linksperpage">
|
||||||
|
Links per page: <a href="?linksperpage=20">20</a><a href="?linksperpage=50">50</a><a href="?linksperpage=100">100</a>
|
||||||
|
<form method="GET" class="linksperpage">
|
||||||
|
<input type="text" name="linksperpage">
|
||||||
|
</form>
|
||||||
</div>
|
</div>
|
||||||
{/if}
|
<div class="paginNavigation">
|
||||||
<div id="paging_linksperpage">
|
{if="$previous_page_url"}
|
||||||
Links per page: <a href="?linksperpage=20">20</a> <a href="?linksperpage=50">50</a> <a href="?linksperpage=100">100</a>
|
<a href="{$previous_page_url}" class="paging_older">◄Older</a>
|
||||||
<form method="GET" style="display:inline;" class="linksperpage"><input type="text" name="linksperpage" size="2" style="height:15px;"></form>
|
{/if}
|
||||||
|
<div class="paging_current">
|
||||||
|
page {$page_current} / {$page_max}
|
||||||
|
</div>
|
||||||
|
{if="$next_page_url"}
|
||||||
|
<a href="{$next_page_url}" class="paging_newer">Newer►</a>
|
||||||
|
{/if}
|
||||||
</div>
|
</div>
|
||||||
{if="$previous_page_url"} <a href="{$previous_page_url}" id="paging_older">◄Older</a> {/if}
|
|
||||||
<div class="paging_current">page {$page_current} / {$page_max} </div>
|
|
||||||
{if="$next_page_url"} <a href="{$next_page_url}" id="paging_newer">Newer►</a> {/if}
|
|
||||||
</div>
|
</div>
|
Loading…
Reference in a new issue