diff options
author | Drae <paul@starstreak.net> | 2012-07-04 23:19:59 +0100 |
---|---|---|
committer | Drae <paul@starstreak.net> | 2012-07-18 14:30:20 +0100 |
commit | 922147f05a75d5a0e00b34f0102bc014583df984 (patch) | |
tree | 29f003d8e803ec8994ecf660d03c12514084040b /phpBB/styles/prosilver/theme/colours.css | |
parent | Merge branch 'develop-olympus' into develop (diff) | |
download | phpbb-922147f05a75d5a0e00b34f0102bc014583df984.tar.gz phpbb-922147f05a75d5a0e00b34f0102bc014583df984.tar.bz2 phpbb-922147f05a75d5a0e00b34f0102bc014583df984.zip |
[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
Diffstat (limited to 'phpBB/styles/prosilver/theme/colours.css')
-rw-r--r-- | phpBB/styles/prosilver/theme/colours.css | 23 |
1 files changed, 14 insertions, 9 deletions
diff --git a/phpBB/styles/prosilver/theme/colours.css b/phpBB/styles/prosilver/theme/colours.css index fe6a7a7fda..29968cbb14 100644 --- a/phpBB/styles/prosilver/theme/colours.css +++ b/phpBB/styles/prosilver/theme/colours.css @@ -145,25 +145,30 @@ dl.details dd { /* Pagination ---------------------------------------- */ -.pagination span strong { - color: #FFFFFF; - background-color: #4692BF; - border-color: #4692BF; -} - -.pagination span a, .pagination span a:link, .pagination span a:visited { +.pagination li a, .pagination li a:link, .pagination li a:visited { color: #5C758C; background-color: #ECEDEE; border-color: #B4BAC0; } -.pagination span a:hover { +.pagination li.ellipsis span { + background-color: transparent; + color: #000 +} + +.pagination li.active span { + color: #FFFFFF; + background-color: #4692BF; + border-color: #4692BF; +} + +.pagination li a:hover, .pagination .active a:hover { border-color: #368AD2; background-color: #368AD2; color: #FFF; } -.pagination span a:active { +.pagination li a:active, .pagination li.active a:active { color: #5C758C; background-color: #ECEDEE; border-color: #B4BAC0; |