ctools-ajax-sample.css 3.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149
  1. div.ctools-sample-modal-content {
  2. background: none;
  3. border: 0;
  4. color: #000;
  5. margin: 0;
  6. padding: 0;
  7. text-align: left;
  8. }
  9. div.ctools-sample-modal-content .modal-scroll {
  10. overflow: hidden;
  11. overflow-y: auto;
  12. }
  13. div.ctools-sample-modal-content #popups-overlay {
  14. background-color: transparent;
  15. }
  16. div.ctools-sample-modal-content #popups-loading {
  17. width: 248px;
  18. position: absolute;
  19. display: none;
  20. opacity: 1;
  21. -moz-border-radius: 8px;
  22. -webkit-border-radius: 8px;
  23. z-index: 99;
  24. }
  25. div.ctools-sample-modal-content #popups-loading span.popups-loading-message {
  26. background: #fff url(../images/loading-large.gif) no-repeat 8px center;
  27. display: block;
  28. color: #444;
  29. font-family: Arial, serif;
  30. font-size: 22px;
  31. font-weight: bold;
  32. height: 36px;
  33. line-height: 36px;
  34. padding: 0 40px;
  35. }
  36. div.ctools-sample-modal-content #popups-loading table,
  37. div.ctools-sample-modal-content .popups-box table {
  38. margin: 0;
  39. }
  40. div.ctools-sample-modal-content #popups-loading tbody,
  41. div.ctools-sample-modal-content .popups-box tbody {
  42. border: none;
  43. }
  44. div.ctools-sample-modal-content .popups-box tr {
  45. background-color: transparent;
  46. }
  47. div.ctools-sample-modal-content td.popups-border {
  48. background: url(../images/popups-border.png);
  49. background-color: transparent;
  50. border: none;
  51. }
  52. div.ctools-sample-modal-content td.popups-tl,
  53. div.ctools-sample-modal-content td.popups-tr,
  54. div.ctools-sample-modal-content td.popups-bl,
  55. div.ctools-sample-modal-content td.popups-br {
  56. background-repeat: no-repeat;
  57. height: 10px;
  58. padding: 0;
  59. }
  60. div.ctools-sample-modal-content td.popups-tl {
  61. background-position: 0 0;
  62. }
  63. div.ctools-sample-modal-content td.popups-t,
  64. div.ctools-sample-modal-content td.popups-b {
  65. background-position: 0 -40px;
  66. background-repeat: repeat-x;
  67. }
  68. div.ctools-sample-modal-content td.popups-tr {
  69. background-position: 0 -10px;
  70. width: 10px;
  71. }
  72. div.ctools-sample-modal-content td.popups-cl,
  73. div.ctools-sample-modal-content td.popups-cr {
  74. background-position: -10px 0;
  75. background-repeat: repeat-y;
  76. width: 10px;
  77. }
  78. div.ctools-sample-modal-content td.popups-cl,
  79. div.ctools-sample-modal-content td.popups-cr,
  80. div.ctools-sample-modal-content td.popups-c {
  81. padding: 0;
  82. border: none;
  83. }
  84. div.ctools-sample-modal-content td.popups-c {
  85. background: #fff;
  86. }
  87. div.ctools-sample-modal-content td.popups-bl {
  88. background-position: 0 -20px;
  89. }
  90. div.ctools-sample-modal-content td.popups-br {
  91. background-position: 0 -30px;
  92. width: 10px;
  93. }
  94. div.ctools-sample-modal-content .popups-box,
  95. div.ctools-sample-modal-content #popups-loading {
  96. border: 0 solid #454545;
  97. opacity: 1;
  98. overflow: hidden;
  99. padding: 0;
  100. background-color: transparent;
  101. }
  102. div.ctools-sample-modal-content .popups-container {
  103. overflow: hidden;
  104. height: 100%;
  105. background-color: #fff;
  106. }
  107. div.ctools-sample-modal-content div.popups-title {
  108. -moz-border-radius-topleft: 0;
  109. -webkit-border-radius-topleft: 0;
  110. margin-bottom: 0;
  111. background-color: #ff7200;
  112. border: 1px solid #ce5c00;
  113. padding: 4px 10px 5px;
  114. color: white;
  115. font-size: 1em;
  116. font-weight: bold;
  117. }
  118. div.ctools-sample-modal-content .popups-body {
  119. background-color: #fff;
  120. padding: 8px;
  121. }
  122. div.ctools-sample-modal-content .popups-box .popups-buttons,
  123. div.ctools-sample-modal-content .popups-box .popups-footer {
  124. background-color: #fff;
  125. }
  126. div.ctools-sample-modal-content .popups-title a.close {
  127. color: #fff;
  128. text-decoration: none;
  129. }
  130. div.ctools-sample-modal-content .popups-close {
  131. font-size: 120%;
  132. float: right;
  133. text-align: right;
  134. }
  135. div.ctools-sample-modal-content .modal-loading-wrapper {
  136. width: 220px;
  137. height: 19px;
  138. margin: 0 auto;
  139. margin-top: 2%;
  140. }
  141. div.ctools-sample-modal-content tbody {
  142. border: none;
  143. }
  144. div.ctools-sample-modal-content .modal-content .modal-throbber-wrapper img {
  145. margin-top: 100px;
  146. }