buttons.bootstrap.css 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102
  1. div.dt-button-info {
  2. position: fixed;
  3. top: 50%;
  4. left: 50%;
  5. width: 400px;
  6. margin-top: -100px;
  7. margin-left: -200px;
  8. background-color: white;
  9. border: 2px solid #111;
  10. box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3);
  11. border-radius: 3px;
  12. text-align: center;
  13. z-index: 21;
  14. }
  15. div.dt-button-info h2 {
  16. padding: 0.5em;
  17. margin: 0;
  18. font-weight: normal;
  19. border-bottom: 1px solid #ddd;
  20. background-color: #f3f3f3;
  21. }
  22. div.dt-button-info > div {
  23. padding: 1em;
  24. }
  25. ul.dt-button-collection.dropdown-menu {
  26. display: block;
  27. z-index: 2002;
  28. -webkit-column-gap: 8px;
  29. -moz-column-gap: 8px;
  30. -ms-column-gap: 8px;
  31. -o-column-gap: 8px;
  32. column-gap: 8px;
  33. }
  34. ul.dt-button-collection.dropdown-menu.fixed {
  35. position: fixed;
  36. top: 50%;
  37. left: 50%;
  38. margin-left: -75px;
  39. border-radius: 0;
  40. }
  41. ul.dt-button-collection.dropdown-menu.fixed.two-column {
  42. margin-left: -150px;
  43. }
  44. ul.dt-button-collection.dropdown-menu.fixed.three-column {
  45. margin-left: -225px;
  46. }
  47. ul.dt-button-collection.dropdown-menu.fixed.four-column {
  48. margin-left: -300px;
  49. }
  50. ul.dt-button-collection.dropdown-menu > * {
  51. -webkit-column-break-inside: avoid;
  52. break-inside: avoid;
  53. }
  54. ul.dt-button-collection.dropdown-menu.two-column {
  55. width: 300px;
  56. padding-bottom: 1px;
  57. -webkit-column-count: 2;
  58. -moz-column-count: 2;
  59. -ms-column-count: 2;
  60. -o-column-count: 2;
  61. column-count: 2;
  62. }
  63. ul.dt-button-collection.dropdown-menu.three-column {
  64. width: 450px;
  65. padding-bottom: 1px;
  66. -webkit-column-count: 3;
  67. -moz-column-count: 3;
  68. -ms-column-count: 3;
  69. -o-column-count: 3;
  70. column-count: 3;
  71. }
  72. ul.dt-button-collection.dropdown-menu.four-column {
  73. width: 600px;
  74. padding-bottom: 1px;
  75. -webkit-column-count: 4;
  76. -moz-column-count: 4;
  77. -ms-column-count: 4;
  78. -o-column-count: 4;
  79. column-count: 4;
  80. }
  81. div.dt-button-background {
  82. position: fixed;
  83. top: 0;
  84. left: 0;
  85. width: 100%;
  86. height: 100%;
  87. z-index: 2001;
  88. }
  89. @media screen and (max-width: 767px) {
  90. div.dt-buttons {
  91. float: none;
  92. width: 100%;
  93. text-align: center;
  94. margin-bottom: 0.5em;
  95. }
  96. div.dt-buttons a.btn {
  97. float: none;
  98. }
  99. }