_jquerydatatable.scss 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
  1. .dataTables_wrapper {
  2. position: relative;
  3. select {
  4. border: none;
  5. border-bottom: 1px solid #ddd;
  6. @include border-radius(0);
  7. @include box-shadow(none);
  8. &:active,
  9. &:focus {
  10. @include box-shadow(none);
  11. }
  12. }
  13. input[type="search"] {
  14. @include border-radius(0);
  15. @include box-shadow(none);
  16. border: none;
  17. font-size: 12px;
  18. border-bottom: 1px solid #ddd;
  19. &:focus,
  20. &:active {
  21. border-bottom: 2px solid #1f91f3;
  22. }
  23. }
  24. .dt-buttons {
  25. float: left;
  26. a.dt-button {
  27. background-color: #607D8B;
  28. color: #fff;
  29. padding: 7px 12px;
  30. margin-right: 5px;
  31. text-decoration: none;
  32. box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12);
  33. @include border-radius(2px);
  34. border: none;
  35. font-size: 13px;
  36. outline: none;
  37. &:active {
  38. opacity: 0.8;
  39. }
  40. }
  41. }
  42. }
  43. .dt-button-info {
  44. position: fixed;
  45. top: 50%;
  46. left: 50%;
  47. min-width: 400px;
  48. text-align: center;
  49. background-color: #fff;
  50. border: 2px solid #999;
  51. @include border-radius(3px);
  52. margin-top: -100px;
  53. margin-left: -200px;
  54. z-index: 21;
  55. h2 {
  56. color: #777;
  57. }
  58. div {
  59. color: #777;
  60. margin-bottom: 20px;
  61. }
  62. }