From bc7fd582edd592bc3061f37c59e381fc5ec85187 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 16 Jan 2013 13:07:08 -0800 Subject: [PATCH] restore pagination and pager --- docs/assets/css/bootstrap.css | 152 ++++++++++++++++++++++++++++++++++ less/bootstrap.less | 2 + less/pager.less | 2 +- 3 files changed, 155 insertions(+), 1 deletion(-) diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 316b297b5a..1fd513afea 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3573,6 +3573,158 @@ button.close { color: #999999; } +.pagination { + display: inline-block; + margin: 20px 0; + border-radius: 4px; +} + +.pagination > li { + display: inline; +} + +.pagination > li > a, +.pagination > li > span { + float: left; + padding: 4px 12px; + line-height: 20px; + text-decoration: none; + background-color: #ffffff; + border: 1px solid #dddddd; + border-left-width: 0; +} + +.pagination > li > a:hover, +.pagination > .active > a, +.pagination > .active > span { + background-color: #f5f5f5; +} + +.pagination > .active > a, +.pagination > .active > span { + color: #999999; + cursor: default; +} + +.pagination > .disabled > span, +.pagination > .disabled > a, +.pagination > .disabled > a:hover { + color: #999999; + cursor: default; + background-color: transparent; +} + +.pagination > li:first-child > a, +.pagination > li:first-child > span { + border-left-width: 1px; + border-bottom-left-radius: 4px; + border-top-left-radius: 4px; +} + +.pagination > li:last-child > a, +.pagination > li:last-child > span { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +.pagination-large > li > a, +.pagination-large > li > span { + padding: 11px 19px; + font-size: 17.5px; +} + +.pagination-large > li:first-child > a, +.pagination-large > li:first-child > span { + border-bottom-left-radius: 6px; + border-top-left-radius: 6px; +} + +.pagination-large > li:last-child > a, +.pagination-large > li:last-child > span { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} + +.pagination-mini > li:first-child > a, +.pagination-small > li:first-child > a, +.pagination-mini > li:first-child > span, +.pagination-small > li:first-child > span { + border-bottom-left-radius: 3px; + border-top-left-radius: 3px; +} + +.pagination-mini > li:last-child > a, +.pagination-small > li:last-child > a, +.pagination-mini > li:last-child > span, +.pagination-small > li:last-child > span { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.pagination-small > li > a, +.pagination-small > li > span { + padding: 2px 10px; + font-size: 11.9px; +} + +.pagination-mini > li > a, +.pagination-mini > li > span { + padding: 0 6px; + font-size: 10.5px; +} + +.pager { + margin: 20px 0; + text-align: center; + list-style: none; +} + +.pager:before, +.pager:after { + display: table; + content: " "; +} + +.pager:after { + clear: both; +} + +.pager li { + display: inline; +} + +.pager li > a, +.pager li > span { + display: inline-block; + padding: 5px 14px; + background-color: #fff; + border: 1px solid #ddd; + border-radius: 15px; +} + +.pager li > a:hover { + text-decoration: none; + background-color: #f5f5f5; +} + +.pager .next > a, +.pager .next > span { + float: right; +} + +.pager .previous > a, +.pager .previous > span { + float: left; +} + +.pager .disabled > a, +.pager .disabled > a:hover, +.pager .disabled > span { + color: #999999; + cursor: default; + background-color: #fff; +} + @media screen and (min-width: 768px) { [class^="span"] { float: left; diff --git a/less/bootstrap.less b/less/bootstrap.less index 38117ce5da..dc8d6769bf 100644 --- a/less/bootstrap.less +++ b/less/bootstrap.less @@ -37,6 +37,8 @@ @import "navbar.less"; @import "button-groups.less"; @import "breadcrumbs.less"; +@import "pagination.less"; +@import "pager.less"; diff --git a/less/pager.less b/less/pager.less index be72b8078d..c0ee472480 100644 --- a/less/pager.less +++ b/less/pager.less @@ -7,7 +7,7 @@ margin: @line-height-base 0; list-style: none; text-align: center; - .clearfix(); + .clear_float(); } .pager li { display: inline;