style.css 4.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172
  1. /*================================================================================
  2. Item Name: Robust - Responsive Admin Theme
  3. Version: 1.0
  4. Author: PIXINVENT
  5. Author URL: http://www.themeforest.net/user/pixinvent
  6. ================================================================================
  7. NOTE:
  8. ------
  9. PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
  10. WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS. */
  11. div.dataTables_wrapper div.dataTables_filter label,
  12. div.dataTables_wrapper div.dataTables_length label {
  13. margin-top: 1rem;
  14. }
  15. .pagination {
  16. display: inline-block;
  17. padding-left: 0;
  18. margin: 20px 0;
  19. border-radius: 4px;
  20. }
  21. .pagination > li {
  22. display: inline;
  23. }
  24. .pagination > li > a,
  25. .pagination > li > span {
  26. position: relative;
  27. float: left;
  28. padding: 6px 12px;
  29. margin-left: -1px;
  30. line-height: 1.42857143;
  31. color: #337ab7;
  32. text-decoration: none;
  33. background-color: #fff;
  34. border: 1px solid #ddd;
  35. }
  36. .pagination > li:first-child > a,
  37. .pagination > li:first-child > span {
  38. margin-left: 0;
  39. border-top-left-radius: 4px;
  40. border-bottom-left-radius: 4px;
  41. }
  42. .pagination > li:last-child > a,
  43. .pagination > li:last-child > span {
  44. border-top-right-radius: 4px;
  45. border-bottom-right-radius: 4px;
  46. }
  47. .pagination > li > a:hover,
  48. .pagination > li > span:hover,
  49. .pagination > li > a:focus,
  50. .pagination > li > span:focus {
  51. z-index: 2;
  52. color: #23527c;
  53. background-color: #eee;
  54. border-color: #ddd;
  55. }
  56. .pagination > .active > a,
  57. .pagination > .active > span,
  58. .pagination > .active > a:hover,
  59. .pagination > .active > span:hover,
  60. .pagination > .active > a:focus,
  61. .pagination > .active > span:focus {
  62. z-index: 3;
  63. color: #fff;
  64. cursor: default;
  65. background-color: #337ab7;
  66. border-color: #337ab7;
  67. }
  68. .pagination > .disabled > span,
  69. .pagination > .disabled > span:hover,
  70. .pagination > .disabled > span:focus,
  71. .pagination > .disabled > a,
  72. .pagination > .disabled > a:hover,
  73. .pagination > .disabled > a:focus {
  74. color: #777;
  75. cursor: not-allowed;
  76. background-color: #fff;
  77. border-color: #ddd;
  78. }
  79. .pagination-lg > li > a,
  80. .pagination-lg > li > span {
  81. padding: 10px 16px;
  82. font-size: 18px;
  83. line-height: 1.3333333;
  84. }
  85. .pagination-lg > li:first-child > a,
  86. .pagination-lg > li:first-child > span {
  87. border-top-left-radius: 6px;
  88. border-bottom-left-radius: 6px;
  89. }
  90. .pagination-lg > li:last-child > a,
  91. .pagination-lg > li:last-child > span {
  92. border-top-right-radius: 6px;
  93. border-bottom-right-radius: 6px;
  94. }
  95. .pagination-sm > li > a,
  96. .pagination-sm > li > span {
  97. padding: 5px 10px;
  98. font-size: 12px;
  99. line-height: 1.5;
  100. }
  101. .pagination-sm > li:first-child > a,
  102. .pagination-sm > li:first-child > span {
  103. border-top-left-radius: 3px;
  104. border-bottom-left-radius: 3px;
  105. }
  106. .pagination-sm > li:last-child > a,
  107. .pagination-sm > li:last-child > span {
  108. border-top-right-radius: 3px;
  109. border-bottom-right-radius: 3px;
  110. }
  111. .pager {
  112. padding-left: 0;
  113. margin: 20px 0;
  114. text-align: center;
  115. list-style: none;
  116. }
  117. .pager li {
  118. display: inline;
  119. }
  120. .pager li > a,
  121. .pager li > span {
  122. display: inline-block;
  123. padding: 5px 14px;
  124. background-color: #fff;
  125. border: 1px solid #ddd;
  126. border-radius: 15px;
  127. }
  128. .pager li > a:hover,
  129. .pager li > a:focus {
  130. text-decoration: none;
  131. background-color: #eee;
  132. }
  133. .pager .next > a,
  134. .pager .next > span {
  135. float: right;
  136. }
  137. .pager .previous > a,
  138. .pager .previous > span {
  139. float: left;
  140. }
  141. .pager .disabled > a,
  142. .pager .disabled > a:hover,
  143. .pager .disabled > a:focus,
  144. .pager .disabled > span {
  145. color: #777;
  146. cursor: not-allowed;
  147. background-color: #fff;
  148. }