fl-builder-admin-settings.css 5.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298
  1. /* Heading
  2. ----------------------------------------------------------- */
  3. .fl-settings-heading img {
  4. height: 40px;
  5. margin-right: 5px;
  6. vertical-align: middle;
  7. }
  8. .fl-settings-heading span {
  9. vertical-align: middle;
  10. }
  11. /* Nav
  12. ----------------------------------------------------------- */
  13. .fl-settings-nav {
  14. float: left;
  15. margin: 15px 2% 0 0;
  16. width: 19%;
  17. }
  18. .fl-settings-nav ul {
  19. background: #fff;
  20. border: 1px solid #e5e5e5;
  21. }
  22. .fl-settings-nav ul li {
  23. display: block;
  24. margin: 0;
  25. }
  26. .fl-settings-nav ul li.fl-settings-nav-heading {
  27. background: #f5f5f5;
  28. border-bottom: 1px solid #d5d5d5;
  29. display: block;
  30. padding: 5px 10px;
  31. }
  32. .fl-settings-nav ul li a {
  33. border-bottom: 1px solid #eee;
  34. display: block;
  35. padding: 10px;
  36. }
  37. .fl-settings-nav ul li a:hover,
  38. .fl-settings-nav ul li a.fl-active {
  39. background: #f5f5f5;
  40. }
  41. .fl-settings-nav ul li:last-child a {
  42. border-bottom: none;
  43. }
  44. .fl-settings-nav a {
  45. text-decoration: none;
  46. }
  47. .fl-settings-nav .fl-settings-save {
  48. padding: 0 2px;
  49. }
  50. .fl-settings-nav .button-primary {
  51. width: 100%;
  52. }
  53. /* Content
  54. ----------------------------------------------------------- */
  55. .fl-settings-content {
  56. float: left;
  57. margin-top: 15px;
  58. width: 78%;
  59. }
  60. .fl-settings-form-content h4 {
  61. font-size: 14px;
  62. margin: 30px 0 5px;
  63. }
  64. /* Settings Forms
  65. ----------------------------------------------------------- */
  66. .fl-settings-form {
  67. display: none;
  68. max-width: 450px;
  69. }
  70. .fl-settings-form-header {
  71. margin-bottom: 20px !important;
  72. }
  73. .fl-settings-form .form-table {
  74. margin: 12px 0;
  75. }
  76. .fl-settings-form th {
  77. font-weight: bold;
  78. vertical-align: middle;
  79. }
  80. .fl-settings-form th,
  81. .fl-settings-form td {
  82. font-size: 13px;
  83. font-weight: normal;
  84. padding: 12px;
  85. }
  86. .fl-settings-form-content {
  87. display: none;
  88. }
  89. .fl-settings-network-admin .fl-settings-form-content,
  90. .fl-settings-single-install .fl-settings-form-content {
  91. display: block;
  92. }
  93. /* Multi-Select
  94. ----------------------------------------------------------- */
  95. body .ms-options-wrap > button,
  96. body .ms-options-wrap > button:focus {
  97. border: 1px solid #ccc;
  98. border-radius: 3px;
  99. padding-left: 10px;
  100. }
  101. body .ms-options-wrap > button:after {
  102. border: 5px solid rgba(0, 0, 0, 0);
  103. border-top-color: #ccc;
  104. }
  105. body .ms-options-wrap > .ms-options {
  106. border: 1px solid #ccc;
  107. border-top: none;
  108. margin-top: -2px;
  109. padding: 5px;
  110. }
  111. body .ms-options-wrap > .ms-options .ms-selectall {
  112. box-shadow: none !important;
  113. -webkit-box-shadow: none !important;
  114. text-transform: none;
  115. }
  116. body .ms-options-wrap > .ms-options li {
  117. margin-bottom: 0;
  118. }
  119. body .ms-options-wrap > .ms-options > ul label {
  120. border: none !important;
  121. padding: 8px !important;
  122. }
  123. body .ms-options-wrap > .ms-options > ul label.focused,
  124. body .ms-options-wrap > .ms-options > ul li.selected label {
  125. background: none;
  126. }
  127. body .ms-options-wrap > .ms-options > ul input[type="checkbox"] {
  128. margin: -4px 8px 0 0;
  129. position: static;
  130. }
  131. /* TipTip
  132. ------------------------------------------------------*/
  133. #tiptip_arrow_inner {
  134. border-bottom-color: #333 !important;
  135. }
  136. #tiptip_content {
  137. background: #333 !important;
  138. box-shadow: none !important;
  139. }
  140. /* Welcome Page
  141. ----------------------------------------------------------- */
  142. #fl-welcome-form {
  143. max-width: none;
  144. }
  145. .fl-welcome-page-content {
  146. max-width: 880px;
  147. }
  148. .fl-upgrade-page-content ul,
  149. .fl-welcome-page-content ul {
  150. list-style-type: disc;
  151. margin: 15px 0 20px 35px;
  152. }
  153. .fl-welcome-page-content hr {
  154. clear: both;
  155. margin: 20px 0 5px;
  156. }
  157. .fl-welcome-page-content .fl-welcome-col-wrap {
  158. clear:both;
  159. }
  160. .fl-welcome-page-content .fl-welcome-col {
  161. box-sizing: border-box;
  162. display: inline-block;
  163. width: 49.7%;
  164. vertical-align: text-top;
  165. }
  166. .fl-welcome-page-content .fl-welcome-col:first-child {
  167. padding-right: 30px;
  168. }
  169. .fl-welcome-page-content .fl-welcome-col:last-child {
  170. padding-left: 30px;
  171. }
  172. .fl-welcome-page-content .fl-welcome-big-link {
  173. font-weight: 600;
  174. font-size: 14px;
  175. }
  176. .fl-welcome-page-content .fl-welcome-img {
  177. max-width: 100%;
  178. display: inline-block;
  179. }
  180. /* Templates
  181. ----------------------------------------------------------- */
  182. .fl-templates-override-nodes {
  183. display: none;
  184. }
  185. /* Icons
  186. ----------------------------------------------------------- */
  187. .fl-delete-icon-set {
  188. color: #d34e2a;
  189. }
  190. /* User Access
  191. ----------------------------------------------------------- */
  192. #fl-user-access-form {
  193. max-width: none;
  194. }
  195. .fl-user-access-group {
  196. background: #fff;
  197. border: 1px solid #e5e5e5;
  198. margin-bottom: 30px;
  199. margin-top: 10px;
  200. }
  201. .fl-user-access-group h3 {
  202. border-bottom: 1px solid #e5e5e5;
  203. margin: 0;
  204. padding: 15px;
  205. }
  206. .fl-user-access-setting {
  207. -webkit-box-sizing: border-box;
  208. -moz-box-sizing: border-box;
  209. box-sizing: border-box;
  210. float: left;
  211. padding: 15px;
  212. width: 50%;
  213. }
  214. .fl-user-access-setting h4 {
  215. margin-top: 0;
  216. }
  217. .fl-user-access-setting h4 i {
  218. color: #555;
  219. cursor: help;
  220. font-size: 18px;
  221. position: relative;
  222. }
  223. .fl-ua-override-ms-label {
  224. display: inline-block;
  225. margin: 7px 0 14px;
  226. }
  227. /* Media Query - Max Width 900px
  228. ----------------------------------------------------------- */
  229. @media (max-width: 900px) {
  230. /* Nav
  231. ----------------------------------------------------------- */
  232. .fl-settings-nav {
  233. float: none;
  234. margin: 15px 0 0 0;
  235. width: 100%;
  236. }
  237. /* Content
  238. ----------------------------------------------------------- */
  239. .fl-settings-content {
  240. float: none;
  241. margin-top: 15px;
  242. width: 100%;
  243. }
  244. .fl-settings-content .fl-settings-save {
  245. float: none;
  246. width: 100%;
  247. }
  248. .fl-settings-content .fl-settings-save .button-primary {
  249. width: 100%;
  250. }
  251. /* User Access
  252. ----------------------------------------------------------- */
  253. .fl-user-access-setting {
  254. float: none;
  255. width: 100%;
  256. }
  257. }
  258. /* Media Query - Max Width 782px
  259. ----------------------------------------------------------- */
  260. @media (max-width: 782px) {
  261. /* Settings Forms
  262. ----------------------------------------------------------- */
  263. .fl-settings-form th,
  264. .fl-settings-form td {
  265. padding: 5px 17px;
  266. }
  267. }