diff options
| author | PayBas <contact@paybas.com> | 2014-05-29 23:28:22 +0200 |
|---|---|---|
| committer | PayBas <contact@paybas.com> | 2014-06-05 09:59:31 +0200 |
| commit | c3b24e200566b11e80f96f8186dbe5eab6241d72 (patch) | |
| tree | 243ae8a25f93e6eee62ca2a18273e5a933c49580 /phpBB/styles/prosilver/theme | |
| parent | 49c875413ca2fd1cc438ce42c64e0a00a5044e56 (diff) | |
| download | forums-c3b24e200566b11e80f96f8186dbe5eab6241d72.tar forums-c3b24e200566b11e80f96f8186dbe5eab6241d72.tar.gz forums-c3b24e200566b11e80f96f8186dbe5eab6241d72.tar.bz2 forums-c3b24e200566b11e80f96f8186dbe5eab6241d72.tar.xz forums-c3b24e200566b11e80f96f8186dbe5eab6241d72.zip | |
[ticket/12613] Improved pagination
PHPBB3-12613
Diffstat (limited to 'phpBB/styles/prosilver/theme')
| -rw-r--r-- | phpBB/styles/prosilver/theme/bidi.css | 5 | ||||
| -rw-r--r-- | phpBB/styles/prosilver/theme/colours.css | 4 | ||||
| -rw-r--r-- | phpBB/styles/prosilver/theme/common.css | 77 | ||||
| -rw-r--r-- | phpBB/styles/prosilver/theme/images/icons_pagination.png | bin | 0 -> 786 bytes | |||
| -rw-r--r-- | phpBB/styles/prosilver/theme/responsive.css | 14 |
5 files changed, 91 insertions, 9 deletions
diff --git a/phpBB/styles/prosilver/theme/bidi.css b/phpBB/styles/prosilver/theme/bidi.css index 78b95d902e..907a1dff7e 100644 --- a/phpBB/styles/prosilver/theme/bidi.css +++ b/phpBB/styles/prosilver/theme/bidi.css @@ -226,6 +226,11 @@ position: absolute; } +.pagination li.previous a { background-position: -50px 2px; } +.pagination li.next a { background-position: -30px 2px; } +.pagination li.previous a:hover { background-position: -50px -18px; } +.pagination li.next a:hover { background-position: -30px -18px; } + /* Miscellaneous styles ---------------------------------------- */ .rtl #forum-permissions { diff --git a/phpBB/styles/prosilver/theme/colours.css b/phpBB/styles/prosilver/theme/colours.css index 72c8b5f226..a21cd1e3ec 100644 --- a/phpBB/styles/prosilver/theme/colours.css +++ b/phpBB/styles/prosilver/theme/colours.css @@ -188,6 +188,10 @@ dl.details dd { border-color: #B4BAC0; } +.pagination li.next a, .pagination li.previous a, .pagination li.jump-to a { + background-image: url("./images/icons_pagination.png"); +} + /* Pagination in viewforum for multipage topics */ .row .pagination { background-image: url("./images/icon_pages.gif"); diff --git a/phpBB/styles/prosilver/theme/common.css b/phpBB/styles/prosilver/theme/common.css index b9728729f9..a95ffdcfc5 100644 --- a/phpBB/styles/prosilver/theme/common.css +++ b/phpBB/styles/prosilver/theme/common.css @@ -833,21 +833,61 @@ li.pagination ul { } .pagination ul li, dl .pagination ul li, dl.icon .pagination ul li { - display: inline; + display: inline-block; padding: 0; font-size: 100%; line-height: normal; + vertical-align: middle; } .pagination li a, .pagnation li span, li .pagination li a, li .pagination li span, .pagination li.active span, .pagination li.ellipsis span { - font-weight: normal; - text-decoration: none; - padding: 0 2px; border: 1px solid transparent; + border-radius: 2px; + display: block; font-size: 0.9em; - line-height: 1.5em; + font-weight: normal; + line-height: 13px; + min-width: 10px; + padding: 3px; + text-align: center; + text-decoration: none; +} + +.pagination li.ellipsis span { + border: none; + padding: 0; +} + +.pagination li.jump-to { + margin: 0 5px; +} + +.pagination li.jump-to a, .pagination li.next a, .pagination li.previous a { + font-size: 0; + height: 13px; + width: 11px; +} + +.pagination li.jump-to a { + background-position: 0 2px; + background-repeat: no-repeat; + width: 24px; +} + +.pagination li.next a { + background-position: -50px 2px; + background-repeat: no-repeat; +} + +.pagination li.previous a { + background-position: -30px 2px; + background-repeat: no-repeat; } +.pagination li.jump-to a:hover { background-position: 0 -18px; } +.pagination li.next a:hover { background-position: -50px -18px; } +.pagination li.previous a:hover { background-position: -30px -18px; } + /* Pagination in viewforum for multipage topics */ .row .pagination { display: block; @@ -859,6 +899,11 @@ li.pagination ul { background: none 0 50% no-repeat; } +li .pagination li a, li .pagnation li span { + border-radius: 1px; + padding: 1px; +} + /* jQuery popups ---------------------------------------- */ .phpbb_alert { @@ -1155,3 +1200,25 @@ form > p.post-notice strong { .compact .icon-notification > a > strong, .compact .icon-pm > a > strong { padding-left: 2px; } + +.dropdown-jump-to .dropdown { + top: 20px; +} + +.dropdown-jump-to .dropdown-contents { + margin: 0; +} + +.dropdown-jump-to .dropdown-contents ul { + display: inherit; +} + +.dropdown-jump-to .dropdown-contents li { + display: list-item; + padding-bottom: 4px; + padding-top: 4px; +} + +.dropdown-jump-to input.tiny { + width: 50px; +} diff --git a/phpBB/styles/prosilver/theme/images/icons_pagination.png b/phpBB/styles/prosilver/theme/images/icons_pagination.png Binary files differnew file mode 100644 index 0000000000..c75f8ee1d4 --- /dev/null +++ b/phpBB/styles/prosilver/theme/images/icons_pagination.png diff --git a/phpBB/styles/prosilver/theme/responsive.css b/phpBB/styles/prosilver/theme/responsive.css index b76f6b60cd..e3e4a46fa2 100644 --- a/phpBB/styles/prosilver/theme/responsive.css +++ b/phpBB/styles/prosilver/theme/responsive.css @@ -201,10 +201,12 @@ ul.topiclist li.row dt a.subforum { margin: 5px 0; } -.pagination li a, .pagination li span { - min-width: 10px; - display: inline-block; - text-align: center; +.pagination ul { + margin-top: 5px; +} + +.row .pagination ul { + margin-top: 0; } /* Responsive tables @@ -518,6 +520,10 @@ fieldset.display-actions { padding-bottom: 1px; } + .topic-actions > .pagination li.jump-to { + margin: 0 2px; + } + .topic-actions > div.search-box, p.jumpbox-return { display: none; } |
