Skip to content

Instantly share code, notes, and snippets.

@m4tm4t
Created February 16, 2012 07:45
Show Gist options
  • Save m4tm4t/1843039 to your computer and use it in GitHub Desktop.
Save m4tm4t/1843039 to your computer and use it in GitHub Desktop.
web-app-theme pagination hack for kaminari
/* pagination (base.css) */
.pagination a,span {
float: left;
}
.pagination span.current, span.gap {
padding: 2px 5px;
margin-right: 5px;
border-style: solid;
border-width: 1px;
}
.pagination a {
text-decoration: none;
padding: 2px 5px;
margin-right: 5px;
display: block;
border-style: solid;
border-width: 1px;
}
/* Pagination
* (themes/default/style.css)
*/
.pagination span.current, span.gap {
background: #261f1f;
color: white;
border: 1px solid #261f1f;
padding: 6px;
min-width: 15px;
text-align: center;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}
.pagination a {
border: 1px solid #c3c4ba;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
margin-right: 5px;
padding: 6px;
min-width: 15px;
text-align: center;
background: #dddddd;
background-image: url("/assets/web-app-theme/themes/default/images/button-background.png");
color: #111111;
}
.pagination a:hover {
border: 1px solid #818171;
-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}
.pagination a:active {
background-image: url("/assets/web-app-theme/themes/default/images/button-background-active.png");
outline: none;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment