From 922147f05a75d5a0e00b34f0102bc014583df984 Mon Sep 17 00:00:00 2001
From: Drae <paul@starstreak.net>
Date: Wed, 4 Jul 2012 23:19:59 +0100
Subject: [ticket/10968] Render pagination within the template

Since phpBB 2 pagination has been rendered mostly within the source. This
limits just what designers can do with pagination. The current form is also
questionable in terms of "best practice". The aim is to move rendering
completely to the template via the use of a block element. Enabling S_
template vars also allows for control over specific aspects of the
pagination output such as next, previous, active and ellipsis.

Related to this - merging the capabilities of the topic_generate_pagination
with generate_pagination removes an element of duplication.

PHPBB3-10968
---
 phpBB/styles/prosilver/theme/common.css | 39 ++++++++++++++-------------------
 1 file changed, 16 insertions(+), 23 deletions(-)

(limited to 'phpBB/styles/prosilver/theme/common.css')

diff --git a/phpBB/styles/prosilver/theme/common.css b/phpBB/styles/prosilver/theme/common.css
index 3dda343829..d49b54475f 100644
--- a/phpBB/styles/prosilver/theme/common.css
+++ b/phpBB/styles/prosilver/theme/common.css
@@ -483,6 +483,7 @@ dl.details dd {
 	overflow: hidden;
 }
 
+
 /* Pagination
 ---------------------------------------- */
 .pagination {
@@ -493,51 +494,43 @@ dl.details dd {
 	float: right;
 }
 
-.pagination span.page-sep {
-	display: none;
-}
-
 li.pagination {
 	margin-top: 0;
 }
 
-.pagination strong, .pagination b {
-	font-weight: normal;
+.pagination img {
+	vertical-align: middle;
 }
 
-.pagination span strong {
-	padding: 0 2px;
-	margin: 0 2px;
-	font-weight: normal;
-	border: 1px solid transparent;
-	font-size: 0.9em;
+.pagination ul {
+	display: inline-block;
+	*display: inline; /* IE7 inline-block hack */
+	*zoom: 1;
+	margin-left: 0;
+	margin-bottom: 0;
+}
+
+.pagination ul li, dl .pagination ul li, dl.icon .pagination ul li  {
+	display: inline;
+	padding: 0;
 }
 
-.pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:active {
+.pagination li a, .pagnation li span, li .pagination li a, li .pagnation li span, .pagination li.active span, .pagination li.ellipsis span {
 	font-weight: normal;
 	text-decoration: none;
-	margin: 0 2px;
 	padding: 0 2px;
 	border: 1px solid transparent;
 	font-size: 0.9em;
 	line-height: 1.5em;
 }
 
-.pagination span a:hover {
-	text-decoration: none;
-}
-
-.pagination img {
-	vertical-align: middle;
-}
-
 /* Pagination in viewforum for multipage topics */
 .row .pagination {
 	display: block;
 	float: right;
 	width: auto;
 	margin-top: 0;
-	padding: 1px 0 1px 15px;
+	padding: 1px 0 1px 8px;
 	font-size: 0.9em;
 	background: none 0 50% no-repeat;
 }
-- 
cgit v1.2.1