fl-theme-builder-layout-admin-edit.css 4.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230
  1. /* Meta Box Heading
  2. ------------------------------------------------------*/
  3. .postbox h2.hndle .spinner {
  4. float: none;
  5. margin: 0 0 0 5px;
  6. position: absolute;
  7. visibility: visible;
  8. }
  9. /* Meta Box Tables
  10. ------------------------------------------------------*/
  11. /* Table */
  12. table.fl-mb-table {
  13. border: none;
  14. border-bottom: 5px solid #f0f0f0;
  15. }
  16. table.fl-mb-table:last-of-type {
  17. border-bottom-width: 0;
  18. }
  19. table.fl-mb-table *,
  20. table.fl-mb-table *:before,
  21. table.fl-mb-table *:after {
  22. -webkit-box-sizing: border-box;
  23. -moz-box-sizing: border-box;
  24. box-sizing: border-box;
  25. }
  26. /* Rows */
  27. tr.fl-mb-row td:before,
  28. tr.fl-mb-row td:after {
  29. display: table;
  30. content: " ";
  31. }
  32. tr.fl-mb-row td:after {
  33. clear: both;
  34. }
  35. tr.fl-mb-row td {
  36. border-bottom: 1px solid #f0f0f0;
  37. zoom:1;
  38. }
  39. tr.fl-mb-row:last-child td {
  40. border-bottom: none;
  41. }
  42. /* Row Heading */
  43. td.fl-mb-row-heading {
  44. background: #F9F9F9;
  45. border-right: 1px solid #E1E1E1;
  46. padding: 13px 15px;
  47. width: 24%;
  48. }
  49. td.fl-mb-row-heading label {
  50. display: inline-block;
  51. font-size: 13px;
  52. line-height: 1.4em;
  53. font-weight: bold;
  54. padding: 0;
  55. margin: 0 0 3px;
  56. color: #333;
  57. }
  58. .fl-mb-row-heading-help {
  59. color: #b3b3b3;
  60. cursor: help;
  61. float: right;
  62. font-size: 18px;
  63. }
  64. /* Row Content */
  65. td.fl-mb-row-content {
  66. padding: 13px 15px;
  67. position: relative;
  68. width: 75%;
  69. }
  70. td.fl-mb-row-content p:last-child {
  71. margin-bottom: 0;
  72. }
  73. /* Row Inputs */
  74. td.fl-mb-row-content select,
  75. td.fl-mb-row-content .select2 {
  76. width: 100%;
  77. }
  78. td.fl-mb-row-content .select2 .select2-selection {
  79. border-color: #ccc;
  80. }
  81. li.select2-results__option {
  82. margin: 0;
  83. }
  84. /* Loading Overlay */
  85. .fl-mb-loading {
  86. background-color: rgba(255,255,255,0.9);
  87. background-image: url('../img/spinner.gif');
  88. background-position: center center;
  89. background-repeat: no-repeat;
  90. position: absolute;
  91. top: 0;
  92. bottom: 0;
  93. left: 0;
  94. right: 0;
  95. z-index: 1;
  96. }
  97. /* TipTip
  98. ------------------------------------------------------*/
  99. #tiptip_arrow_inner {
  100. border-bottom-color: #333 !important;
  101. }
  102. #tiptip_content {
  103. background: #333;
  104. box-shadow: none;
  105. }
  106. /* Settings Meta Box
  107. ------------------------------------------------------*/
  108. #fl-theme-builder-settings .inside {
  109. margin: 0;
  110. padding: 0;
  111. }
  112. /* Builder Buttons Meta Box
  113. ------------------------------------------------------*/
  114. #fl-theme-builder-buttons .inside {
  115. margin: 0;
  116. padding: 15px;
  117. }
  118. #fl-theme-builder-buttons .button {
  119. margin-right: 5px;
  120. }
  121. /* Publish Meta Box
  122. ------------------------------------------------------*/
  123. .misc-pub-visibility,
  124. .misc-pub-curtime,
  125. #minor-publishing-actions,
  126. #preview-action,
  127. #edit-slug-box {
  128. display: none;
  129. }
  130. /* Layout Settings
  131. ------------------------------------------------------*/
  132. .fl-theme-layout-order-row,
  133. .fl-theme-layout-hook-row {
  134. display: none;
  135. }
  136. .fl-theme-layout-order-row input {
  137. max-width: 50px;
  138. }
  139. #fl-theme-layout-order {
  140. width: 60px;
  141. }
  142. /* Header Settings */
  143. .fl-theme-layout-header-sticky,
  144. .fl-theme-layout-header-shrink,
  145. .fl-theme-layout-header-overlay,
  146. .fl-theme-layout-header-overlay-bg {
  147. display: none;
  148. }
  149. /* Rule Settings
  150. ------------------------------------------------------*/
  151. /* Rule Forms */
  152. .fl-theme-builder-saved-rule {
  153. display: flex;
  154. padding: 0 0 8px 0;
  155. }
  156. .fl-theme-builder-saved-rule-select {
  157. width: 100%;
  158. }
  159. .fl-theme-builder-rule-objects,
  160. .fl-theme-builder-rule-objects + .select2 {
  161. display: none;
  162. }
  163. .fl-theme-builder-rule-objects-visible {
  164. display: flex;
  165. }
  166. td.fl-mb-row-content .fl-theme-builder-rule-objects-visible select,
  167. td.fl-mb-row-content .fl-theme-builder-rule-objects-visible .select2 {
  168. width: 50%;
  169. }
  170. .fl-theme-builder-rule-objects-visible .fl-theme-builder-rule-objects,
  171. .fl-theme-builder-rule-objects-visible .fl-theme-builder-rule-objects + .select2 {
  172. display: inline;
  173. margin-left: 7px;
  174. }
  175. .fl-theme-builder-remove-rule-button {
  176. display: none;
  177. margin-top: 5px;
  178. text-align: right;
  179. width: 33px;
  180. }
  181. .fl-theme-builder-remove-rule {
  182. color: #000;
  183. cursor: pointer;
  184. opacity: 0.2;
  185. }
  186. .fl-theme-builder-remove-rule:hover {
  187. color: #d54e21;
  188. opacity: 1;
  189. }
  190. div.fl-theme-builder-add-rule {
  191. float: left;
  192. margin-right: 8px;
  193. min-width: 150px;
  194. }
  195. div.fl-theme-builder-add-rule .button {
  196. text-align: center;
  197. width: 100%;
  198. }
  199. /* Location Rules */
  200. .fl-theme-builder-locations-form {
  201. display: none;
  202. }
  203. /* Exclusion Rules */
  204. .fl-theme-builder-exclusion-rules {
  205. display: none;
  206. }