diff options
| author | raylu <raylu@mixpanel.com> | 2011-07-10 23:33:55 -0700 |
|---|---|---|
| committer | raylu <raylu@mixpanel.com> | 2011-07-10 23:33:55 -0700 |
| commit | db7bd2d1f511fafe73eccb3bf96a9c1bfdc7d099 (patch) | |
| tree | 82268fc34a2e388b77e3f1cf904bb0cc0d0ca9cc /webroot | |
| parent | 2e6016922cfeaf32e69f65df8178d71387782e2c (diff) | |
| download | otakuhub-db7bd2d1f511fafe73eccb3bf96a9c1bfdc7d099.tar.xz | |
pagination styling
Diffstat (limited to 'webroot')
| -rw-r--r-- | webroot/css/base.css | 29 | ||||
| -rw-r--r-- | webroot/css/pagination.css | 39 |
2 files changed, 39 insertions, 29 deletions
diff --git a/webroot/css/base.css b/webroot/css/base.css index e783306..2e69090 100644 --- a/webroot/css/base.css +++ b/webroot/css/base.css @@ -344,35 +344,6 @@ div#login label, input { margin-right:10px; } -.pagination { - display: inline-block; - font-size: 77%; - text-decoration: none; -} -.pagination a, .pagination .dots { - background:url("../img/grad-grey.gif") repeat-x scroll center top #C3C3C3; - border:1px solid #C3C3C3; - display: inline-block; - color:#444444 !important; - margin-right: 2px; - padding: 6px 8px; - text-decoration:none; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; -} -.pagination a:hover { - background: url("../img/grad-grey-hover.gif") repeat-x scroll center top #C3C3C3; - color: #444444; -} -.pagination a.current { - background: url("../img/grad-grey-rev.gif") repeat-x scroll center top #C3C3C3; - color: #444444; -} -.pagination a.number.current { - color: #444; -} - .table { border:1px solid #CCCCCC; width:100%; diff --git a/webroot/css/pagination.css b/webroot/css/pagination.css new file mode 100644 index 0000000..5ad584e --- /dev/null +++ b/webroot/css/pagination.css @@ -0,0 +1,39 @@ +.pagination { + font-size: 80%; + text-decoration: none; + margin: 15px auto; + width: 800px; + text-align: center; +} +.pagination a, .pagination .dots, .pagination span.disabled { + box-shadow: 0 0 1px #ddd; + border: 1px solid #ccc; + display: inline-block; + color: #444; + margin-right: 3px; + padding: 6px 8px; + text-decoration: none; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; +} +.pagination a, .pagination .dots { + background: #ccc; + background: -moz-linear-gradient(top, #eee, #ddd); + background: -webkit-linear-gradient(top, #eee, #ddd); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#dddddd'); + text-shadow: 0 0 2px #bbb; +} +.pagination span.disabled { + cursor: default; + text-shadow: 0 0 1px #ddd; +} +.pagination a:hover { + background: #ddd; +} +.pagination a.current { + background: #ccc; + background: -moz-linear-gradient(top, #bbb, #ddd); + background: -webkit-linear-gradient(top, #eee, #ddd); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#dddddd'); +} |