You are here

slick.pager.css in Slickgrid 6

.slick-pager
{
	width: 100%;
	height: 26px;
	border: 1px solid gray;
	border-top: 0;
	background: url('../images/header-columns-bg.gif') repeat-x center bottom;
	vertical-align: middle;
}

.slick-pager .slick-pager-status
{
	display: inline-block;
	padding: 6px;
}

.slick-pager .ui-icon-container
{
	display: inline-block;
	margin: 2px;
	border-color: gray;
}

.slick-pager .slick-pager-nav
{
	display: inline-block;
	float: left;
	padding: 2px;
}

.slick-pager .slick-pager-settings
{
	display: block;
	float: right;
	padding: 2px;
}

.slick-pager .slick-pager-settings *
{
	vertical-align: middle;
}

.slick-pager .slick-pager-settings a
{
	padding: 2px;
	text-decoration: underline;
	cursor: pointer;
}

File

js/slickgrid/controls/slick.pager.css
View source
  1. .slick-pager
  2. {
  3. width: 100%;
  4. height: 26px;
  5. border: 1px solid gray;
  6. border-top: 0;
  7. background: url('../images/header-columns-bg.gif') repeat-x center bottom;
  8. vertical-align: middle;
  9. }
  10. .slick-pager .slick-pager-status
  11. {
  12. display: inline-block;
  13. padding: 6px;
  14. }
  15. .slick-pager .ui-icon-container
  16. {
  17. display: inline-block;
  18. margin: 2px;
  19. border-color: gray;
  20. }
  21. .slick-pager .slick-pager-nav
  22. {
  23. display: inline-block;
  24. float: left;
  25. padding: 2px;
  26. }
  27. .slick-pager .slick-pager-settings
  28. {
  29. display: block;
  30. float: right;
  31. padding: 2px;
  32. }
  33. .slick-pager .slick-pager-settings *
  34. {
  35. vertical-align: middle;
  36. }
  37. .slick-pager .slick-pager-settings a
  38. {
  39. padding: 2px;
  40. text-decoration: underline;
  41. cursor: pointer;
  42. }