Skip to content

Instantly share code, notes, and snippets.

@rubysolo
Created May 8, 2013 19:06
Show Gist options
  • Save rubysolo/5542798 to your computer and use it in GitHub Desktop.
Save rubysolo/5542798 to your computer and use it in GitHub Desktop.
jQuery Tablesorter Bootstrap styles
/* see http://joshmcarthur.com/2012/05/14/bootstrap-tablesorter-styles.html */
table .header {
cursor: pointer;
}
table .header:after {
content: "";
float: right;
margin-top: 7px;
border-width: 0 4px 4px;
border-style: solid;
border-color: #000000 transparent;
visibility: hidden;
}
table .headerSortUp, table .headerSortDown {
background-color: #f7f7f9;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
}
table .header:hover:after {
visibility: visible;
}
table .headerSortDown:after, table .headerSortDown:hover:after {
visibility: visible;
filter: alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}
table .headerSortUp:after {
border-bottom: none;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid #000000;
visibility: visible;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
filter: alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment