Knah-Tsaeb/MyShaarli
Knah-Tsaeb/MyShaarli
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

[upd] clean up id and proper css in paging template

Browse source
This commit is contained in:
Knah Tsaeb 2015-07-03 14:32:04 +02:00
parent f89abe02e8
commit 3c20b1071e
3 changed files with 55 additions and 31 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
inc/styles/colums.css
View file

@ -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;

24
inc/styles/myShaarli.css
View file

@ -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;

34
tpl/linklist.paging.html
View file

@ -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">&#x25C4;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&#x25BA;</a>
{/if}
</div> </div>
{if="$previous_page_url"} <a href="{$previous_page_url}" id="paging_older">&#x25C4;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&#x25BA;</a> {/if}
</div> </div>