From 4e5b0e185e8cc9df3a77361380a44b16689fd2f7 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 29 Jan 2012 13:12:13 -0800 Subject: [PATCH] refined pager styles to give a border on the links and improved hover state --- docs/assets/css/bootstrap.css | 9 +++++++-- less/pager.less | 9 +++++++-- 2 files changed, 14 insertions(+), 4 deletions(-) diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 60383fba05..3f36aaa4d6 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -2707,12 +2707,17 @@ button.btn.small, input[type="submit"].btn.small { } .pager a { display: inline-block; - padding: 6px 15px; - background-color: #f5f5f5; + padding: 5px 14px; + background-color: #fff; + border: 1px solid #ddd; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } +.pager a:hover { + text-decoration: none; + background-color: #f5f5f5; +} .pager .next a { float: right; } diff --git a/less/pager.less b/less/pager.less index de009afdaa..104e41cab0 100644 --- a/less/pager.less +++ b/less/pager.less @@ -13,10 +13,15 @@ } .pager a { display: inline-block; - padding: 6px 15px; - background-color: #f5f5f5; + padding: 5px 14px; + background-color: #fff; + border: 1px solid #ddd; .border-radius(15px); } +.pager a:hover { + text-decoration: none; + background-color: #f5f5f5; +} .pager .next a { float: right; }