Updated pagination to use semantic html

git-svn-id: http://code.elgg.org/elgg/trunk@7573 36083f99-b078-4883-b0ff-0f9b5a30f544

1 files changed, 21 insertions, 66 deletions

diff --git a/views/default/css/screen.php b/views/default/css/screen.php
index 6092aa5aa..1e9c41391 100644
--- a/views/default/css/screen.php
+++ b/views/default/css/screen.php
@@ -796,82 +796,37 @@ li.navigation-more ul li {
 /* ***************************************
 	PAGINATION
 *************************************** */
-.pagination {
-	margin:5px 0 5px 0;
-	padding:5px 0;
-}
-.pagination .pagination-number {
-	display:block;
-	float:left;
-	background:#ffffff;
-	border:1px solid #4690d6;
+.elgg-pagination {
+	margin: 10px 0;
+	display: block;
 	text-align: center;
-	color:#4690d6;
-	font-size: 12px;
-	font-weight: normal;
-	margin:0 6px 0 0;
-	padding:0px 4px;
-	cursor: pointer;
-	-webkit-border-radius: 4px;
-	-moz-border-radius: 4px;
 }
-.pagination .pagination-number:hover {
-	background:#4690d6;
-	color:white;
-	text-decoration: none;
-}
-.pagination .pagination-more {
-	display:block;
-	float:left;
-	background:#ffffff;
-	border:1px solid #ffffff;
+.elgg-pagination li {
+	display: inline;
+	margin: 0 6px 0 0;
 	text-align: center;
-	color:#4690d6;
-	font-size: 12px;
-	font-weight: normal;
-	margin:0 6px 0 0;
-	padding:0px 4px;
-	-webkit-border-radius: 4px;
-	-moz-border-radius: 4px;
 }
-.pagination .pagination-previous,
-.pagination .pagination-next {
-	display:block;
-	float:left;
-	border:1px solid #cccccc;
-	color:#4690d6;
-	text-align: center;
-	font-size: 12px;
-	font-weight: normal;
-	margin:0 6px 0 0;
-	padding:0px 4px;
-	cursor: pointer;
+.elgg-pagination a, .elgg-pagination span {
+	padding: 2px 6px;
 	-webkit-border-radius: 4px;
 	-moz-border-radius: 4px;
+	color: #4690d6;
+	border: 1px solid #4690d6;
+	font-size: 12px;
 }
-.pagination .pagination-previous:hover,
-.pagination .pagination-next:hover {
-	background:#4690d6;
-	border:1px solid #4690d6;
-	color:white;
+.elgg-pagination a:hover {
+	background: #4690d6;
+	color: white;
 	text-decoration: none;
 }
-.pagination .pagination-currentpage {
-	display:block;
-	float:left;
-	background:#4690d6;
-	border:1px solid #4690d6;
-	text-align: center;
-	color:white;
-	font-size: 12px;
-	font-weight: bold;
-	margin:0 6px 0 0;
-	padding:0px 4px;
-	cursor: pointer;
-	-webkit-border-radius: 4px;
-	-moz-border-radius: 4px;
+.elgg-pagination .inactive {
+	color: #CCCCCC;
+	border-color: #CCCCCC;
+}
+.elgg-pagination .active {
+	color: #555555;
+	border-color: #555555;
 }
-
 
 /* ***************************************
 	ELGG TABBED PAGE NAVIGATION