[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 {
|
||||
box-shadow: 0 0 0 rgba(0,0,0,0.5);
|
||||
display: inline;
|
||||
padding: 3px;
|
||||
}
|
||||
|
||||
|
@ -372,6 +373,10 @@ a, .linkdescription a {
|
|||
padding: 5px;
|
||||
}
|
||||
|
||||
.linksperpage input {
|
||||
width: 2em;
|
||||
}
|
||||
|
||||
.tagfilter input.bigbutton, .searchform input.bigbutton, .addform input.bigbutton {
|
||||
background: linear-gradient(#dedede,#ffffff);
|
||||
background-color: #dedede;
|
||||
|
@ -425,6 +430,7 @@ a, .linkdescription a {
|
|||
.paging a:link {
|
||||
color: #ccc;
|
||||
text-decoration: none;
|
||||
margin: 0 0.2em;
|
||||
}
|
||||
|
||||
.paging a:visited {
|
||||
|
@ -439,13 +445,12 @@ a, .linkdescription a {
|
|||
color: #fff;
|
||||
}
|
||||
|
||||
#paging_privatelinks {
|
||||
.paging_privatelinks {
|
||||
float: left;
|
||||
}
|
||||
|
||||
#paging_linksperpage {
|
||||
.paging_linksperpage {
|
||||
float: right;
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
.paging_current {
|
||||
|
@ -453,14 +458,19 @@ a, .linkdescription a {
|
|||
display: inline;
|
||||
}
|
||||
|
||||
#paging_older {
|
||||
.paging_older {
|
||||
margin-right: 15px;
|
||||
}
|
||||
|
||||
#paging_newer {
|
||||
.paging_newer {
|
||||
margin-left: 15px;
|
||||
}
|
||||
|
||||
.paginNavigation {
|
||||
margin: 0 auto;
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
#headerform {
|
||||
clear: both;
|
||||
color: #ffffff;
|
||||
|
@ -1158,13 +1168,13 @@ a:hover, .linkdescription a:hover, .linktitle a:hover, .linkWallabag a:hover, .l
|
|||
top: -10px;
|
||||
}
|
||||
|
||||
#paging_linksperpage {
|
||||
.paging_linksperpage {
|
||||
float: none;
|
||||
font-size: smaller;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
#paging_older, #paging_newer, #paging_linksperpage a {
|
||||
.paging_older, .paging_newer, .paging_linksperpage a {
|
||||
background-color: #666;
|
||||
border: 1px solid black;
|
||||
border-radius: 5px 5px 5px 5px;
|
||||
|
|
|
@ -360,6 +360,7 @@ a, .linkdescription a {
|
|||
|
||||
.linksperpage {
|
||||
box-shadow: 0 0 0 rgba(0,0,0,0.5);
|
||||
display: inline;
|
||||
padding: 3px;
|
||||
}
|
||||
|
||||
|
@ -371,6 +372,10 @@ a, .linkdescription a {
|
|||
padding: 5px;
|
||||
}
|
||||
|
||||
.linksperpage input {
|
||||
width: 2em;
|
||||
}
|
||||
|
||||
.tagfilter input.bigbutton, .searchform input.bigbutton, .addform input.bigbutton {
|
||||
background: linear-gradient(#dedede,#ffffff);
|
||||
background-color: #dedede;
|
||||
|
@ -424,6 +429,7 @@ a, .linkdescription a {
|
|||
.paging a:link {
|
||||
color: #ccc;
|
||||
text-decoration: none;
|
||||
margin: 0 0.2em;
|
||||
}
|
||||
|
||||
.paging a:visited {
|
||||
|
@ -438,13 +444,12 @@ a, .linkdescription a {
|
|||
color: #fff;
|
||||
}
|
||||
|
||||
#paging_privatelinks {
|
||||
.paging_privatelinks {
|
||||
float: left;
|
||||
}
|
||||
|
||||
#paging_linksperpage {
|
||||
.paging_linksperpage {
|
||||
float: right;
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
.paging_current {
|
||||
|
@ -452,14 +457,19 @@ a, .linkdescription a {
|
|||
display: inline;
|
||||
}
|
||||
|
||||
#paging_older {
|
||||
.paging_older {
|
||||
margin-right: 15px;
|
||||
}
|
||||
|
||||
#paging_newer {
|
||||
.paging_newer {
|
||||
margin-left: 15px;
|
||||
}
|
||||
|
||||
.paginNavigation {
|
||||
margin: 0 auto;
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
#headerform {
|
||||
clear: both;
|
||||
color: #ffffff;
|
||||
|
@ -1121,13 +1131,13 @@ a:hover, .linkdescription a:hover, .linktitle a:hover, .linkWallabag a:hover, .l
|
|||
top: -10px;
|
||||
}
|
||||
|
||||
#paging_linksperpage {
|
||||
.paging_linksperpage {
|
||||
float: none;
|
||||
font-size: smaller;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
#paging_older, #paging_newer, #paging_linksperpage a {
|
||||
.paging_older, .paging_newer, .paging_linksperpage a {
|
||||
background-color: #666;
|
||||
border: 1px solid black;
|
||||
border-radius: 5px 5px 5px 5px;
|
||||
|
|
|
@ -1,20 +1,24 @@
|
|||
<div class="paging">
|
||||
{if="isLoggedIn()"}
|
||||
<div id="paging_privatelinks">
|
||||
<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="isLoggedIn()"}
|
||||
<div class="paging_privatelinks">
|
||||
<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>
|
||||
</div>
|
||||
{/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>
|
||||
{/if}
|
||||
<div id="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" style="display:inline;" class="linksperpage"><input type="text" name="linksperpage" size="2" style="height:15px;"></form>
|
||||
<div class="paginNavigation">
|
||||
{if="$previous_page_url"}
|
||||
<a href="{$previous_page_url}" class="paging_older">◄Older</a>
|
||||
{/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>
|
||||
{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>
|
Loading…
Reference in a new issue