ninja-forms-admin.css 22 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962
  1. /* ---------------------------------
  2. / Generic styles & classes
  3. ----------------------------------*/
  4. .nf-box {
  5. background: #fff;
  6. border: 1px solid #ccc;
  7. border-radius: 4px;
  8. padding: 10px;
  9. }
  10. /* ---------------------------------
  11. / Styles for specific admin pages
  12. ----------------------------------*/
  13. .no-padding {
  14. padding: 0 !important;
  15. }
  16. div.field-wrap.list-wrap {
  17. display: block;
  18. }
  19. #wpwrap:after {
  20. content: "";
  21. clear: both;
  22. display: table;
  23. }
  24. .ninja-forms-save-data {
  25. clear: both;
  26. float: none;
  27. }
  28. #nav-menus-frame .ninja-forms-new-field,
  29. #nav-menus-frame .ninja-forms-insert-def-field,
  30. #nav-menus-frame .ninja-forms-insert-fav-field {
  31. display: block;
  32. text-align: center;
  33. }
  34. a.ninja-forms-field-add-fav {
  35. display: block;
  36. text-decoration: none;
  37. color: #444;
  38. }
  39. a.ninja-forms-field-add-fav:hover span:before {
  40. content: "\f155";
  41. }
  42. a.ninja-forms-field-add-fav span:before {
  43. content: "\f154";
  44. }
  45. a.ninja-forms-field-remove-fav {
  46. display: block;
  47. text-decoration: none;
  48. color: #444;
  49. }
  50. a.ninja-forms-field-remove-fav:hover span:before {
  51. content: "\f154";
  52. }
  53. a.ninja-forms-field-remove-fav span:before {
  54. content: "\f155";
  55. }
  56. #editor-toolbar #edButtonHTML, #ed_toolbar, #edButtonPreview {
  57. display: none;
  58. }
  59. #menu-management-liquid #menu-management .menu-edit,
  60. #menu-management-liquid #menu-management #nav-menu-header,
  61. #menu-management-liquid #menu-management #nav-menu-footer,
  62. #menu-management-liquid #menu-management .menu-item-settings {
  63. border-color: #DFDFDF;
  64. margin: 0;
  65. }
  66. .nav-menus-php #post-body-content {
  67. float: left;
  68. }
  69. #post-body-content .description{
  70. margin-top: 10px;
  71. margin-bottom: 10px;
  72. }
  73. #post-body-content .description-wide{
  74. width: 500px;
  75. }
  76. #post-body-content .description-thin{
  77. width: 240px;
  78. }
  79. #post-body-content .menu-item-handle{
  80. width: 510px;
  81. }
  82. #post-body-content .menu-item-settings{
  83. width: 500px;
  84. padding: 10px;
  85. }
  86. #post-body-content .checkbox {
  87. background: none;
  88. }
  89. .postbox {
  90. margin: 5px 0;
  91. }
  92. .postbox .inside, .stuffbox .inside {
  93. padding: 5px 10px 10px;
  94. }
  95. .postbox .inside::after, .stuffbox .inside::after {
  96. clear: both;
  97. content: "";
  98. display: block;
  99. }
  100. #menu-settings-column .button-controls {
  101. clear: none;
  102. float: left;
  103. width: 46%;
  104. margin: 0 2% 3px 2% !important;
  105. padding: 0;
  106. }
  107. #menu-settings-column .button-controls a.button {
  108. /*border: 1px solid #999;
  109. display: block;
  110. margin: 0;
  111. padding: 0;*/
  112. text-align: center;
  113. width: 96%;
  114. }
  115. #menu-settings-column .field-controls {
  116. margin: 0;
  117. padding: 0;
  118. }
  119. .ninja-forms-field-list-options {
  120. margin-bottom: 10px;
  121. }
  122. .list-options {
  123. background: #fcfcfc;
  124. border-bottom: 1px solid #ddd;
  125. padding: 2px 10px;
  126. width: 100%;
  127. }
  128. #field-info {
  129. padding-top:10px;
  130. width: 100%;
  131. }
  132. .nf-preview {
  133. margin-left: 10px !important;
  134. }
  135. .nav-menus-php .item-edit {
  136. border-bottom-color: transparent;
  137. }
  138. #side-sortables .item-edit {
  139. color: #fff;
  140. top: -4px;
  141. }
  142. #side-sortables .item-edit::before {
  143. color: #ccc !important;
  144. }
  145. #ninja_forms_admin_metaboxes .item-edit {
  146. top: -4px;
  147. text-indent: -9999px;
  148. }
  149. #ninja_forms_admin_metaboxes .item-edit::before {
  150. position: absolute;
  151. top: 6px;
  152. right: 10px;
  153. }
  154. #ninja_forms_admin_metaboxes textarea {
  155. min-height: 100px;
  156. padding: 5px;
  157. width: 100%;
  158. }
  159. .menu-item-settings.list li {
  160. display:block;
  161. }
  162. .ninja_error {
  163. border: 1px solid red;
  164. }
  165. .widefat {
  166. padding: 5px;
  167. }
  168. .wrap-left {
  169. float: left;
  170. width: 60%;
  171. }
  172. .wrap-right {
  173. background: #464646;
  174. color: #fff;
  175. float: right;
  176. margin: 0 auto;
  177. padding: 10px;
  178. width: 263px;
  179. }
  180. .wrap-right img {
  181. margin: 0 auto;
  182. }
  183. .wrap-right h2 {
  184. color: #fff;
  185. text-shadow: black 0 1px 0;
  186. }
  187. .wrap-right ul {
  188. background: #fff;
  189. color: #333;
  190. list-style: disc;
  191. list-style-position: inside;
  192. padding: 20px;
  193. }
  194. .form-section {
  195. background: #F4F4F4;
  196. border: 1px solid #DFDFDF;
  197. margin-bottom: 10px;
  198. padding: 20px;
  199. }
  200. #plugin_settings_upload_size {
  201. text-align:right;
  202. }
  203. #icon-ninja-custom-forms {
  204. background-image: url('../images/wpnj-ninja-head.png') !important;
  205. }
  206. #poststuff {
  207. padding: 10px;
  208. }
  209. #poststuff .ninja-forms-field-list .inside {
  210. margin: 0;
  211. }
  212. #poststuff #post-body {
  213. border: 0;
  214. }
  215. #poststuff h2 {
  216. margin-top: 0;
  217. }
  218. .forms_page_ninja-forms-subs #poststuff {
  219. float: left;
  220. }
  221. .menu {
  222. padding-top: 0;
  223. }
  224. #poststuff h3.section-title {
  225. background: #F4F4F4;
  226. border-style: solid;
  227. border-color: #DFDFDF #DFDFDF white;
  228. border-width: 1px 1px 0;
  229. color: #AAA;
  230. text-shadow: rgba(255, 255, 255, 1) 0 1px 0;
  231. font-size: 12px;
  232. line-height: 16px;
  233. display: inline-block;
  234. padding: 4px 14px 6px;
  235. text-decoration: none;
  236. margin: 0 6px -1px 0;
  237. -moz-border-radius: 3px 3px 0 0;
  238. -webkit-border-top-left-radius: 3px;
  239. -webkit-border-top-right-radius: 3px;
  240. -khtml-border-top-left-radius: 3px;
  241. -khtml-border-top-right-radius: 3px;
  242. border-top-left-radius: 3px;
  243. border-top-right-radius: 3px;
  244. }
  245. #layout-elements {
  246. background-color: whiteSmoke;
  247. border-color: #444;
  248. -moz-box-shadow: inset 0 1px 0 #666666;
  249. -webkit-box-shadow: inset 0 1px 0 #666666;
  250. box-shadow: inset 0 1px 0 #666666;
  251. -moz-border-radius: 3px;
  252. -khtml-border-radius: 3px;
  253. -webkit-border-radius: 3px;
  254. border-radius: 3px;
  255. }
  256. #layout-elements h3 {
  257. background-color: #777777;
  258. background-image: -ms-linear-gradient(bottom,#666666,#777777);
  259. background-image: -moz-linear-gradient(bottom,#666666,#777777);
  260. background-image: -o-linear-gradient(bottom,#666666,#777777);
  261. background-image: -webkit-gradient(linear,left bottom,left top,from(#666666),to(#777777));
  262. background-image: -webkit-linear-gradient(bottom,#666666,#777777);
  263. background-image: linear-gradient(bottom,#666666,#777777);
  264. border-bottom-color: #444;
  265. -moz-box-shadow: inset 0 1px 0 #777777;
  266. -webkit-box-shadow: inset 0 1px 0 #777777;
  267. box-shadow: inset 0 1px 0 #777777;
  268. color: #fff;
  269. text-shadow: 0 1px 0 #000;
  270. }
  271. .menu-item-handle.heading,
  272. .menu-item-handle.desc,
  273. .menu-item-handle.hr {
  274. background-color: #777777;
  275. background-image: -ms-linear-gradient(bottom,#666666,#777777);
  276. background-image: -moz-linear-gradient(bottom,#666666,#777777);
  277. background-image: -o-linear-gradient(bottom,#666666,#777777);
  278. background-image: -webkit-gradient(linear,left bottom,left top,from(#666666),to(#777777));
  279. background-image: -webkit-linear-gradient(bottom,#666666,#777777);
  280. background-image: linear-gradient(bottom,#666666,#777777);
  281. border: 1px solid #444;
  282. -moz-box-shadow: inset 0 1px 0 #999;
  283. -webkit-box-shadow: inset 0 1px 0 #999;
  284. box-shadow: inset 0 1px 0 #999;
  285. }
  286. .menu-item-handle.heading .item-title,
  287. .menu-item-handle.desc .item-title,
  288. .menu-item-handle.hr .item-title {
  289. color: #fff;
  290. font-size: 12px;
  291. font-weight: bold;
  292. padding: 7px 0;
  293. line-height: 20px;
  294. display: block;
  295. margin-right: 13em;
  296. text-shadow: 0 1px 0 #000;
  297. }
  298. .menu-item-handle.heading .item-controls,
  299. .menu-item-handle.desc .item-controls,
  300. .menu-item-handle.hr .item-controls {
  301. color: #eee;
  302. font-size: 12px;
  303. position: absolute;
  304. right: 20px;
  305. top: -1px;
  306. text-shadow: 0 1px 0 #000;
  307. }
  308. .menu-item-handle.heading .item-type,
  309. .menu-item-handle.desc .item-type,
  310. .menu-item-handle.hr .item-type {
  311. color: #eee;
  312. text-shadow: 0 1px 0 #000;
  313. }
  314. .menu-item-settings.heading,
  315. .menu-item-settings.desc,
  316. .menu-item-settings.hr {
  317. background-color: whiteSmoke;
  318. border: 1px solid #444;
  319. }
  320. #multi-part {
  321. background-color: whiteSmoke;
  322. border-color: #a23511;
  323. -moz-box-shadow: inset 0 1px 0 #b94119;
  324. -webkit-box-shadow: inset 0 1px 0 #b94119;
  325. box-shadow: inset 0 1px 0 #b94119;
  326. -moz-border-radius: 3px;
  327. -khtml-border-radius: 3px;
  328. -webkit-border-radius: 3px;
  329. border-radius: 3px;
  330. }
  331. #multi-part h3 {
  332. background-color: #d54e21;
  333. background-image: -ms-linear-gradient(bottom,#b94119,#d54e21);
  334. background-image: -moz-linear-gradient(bottom,#b94119,#d54e21);
  335. background-image: -o-linear-gradient(bottom,#b94119,#d54e21);
  336. background-image: -webkit-gradient(linear,left bottom,left top,from(#b94119),to(#d54e21));
  337. background-image: -webkit-linear-gradient(bottom,#b94119,#d54e21);
  338. background-image: linear-gradient(bottom,#b94119,#d54e21);
  339. border-bottom-color: #a23511;
  340. -moz-box-shadow: inset 0 1px 0 #d54e21;
  341. -webkit-box-shadow: inset 0 1px 0 #d54e21;
  342. box-shadow: inset 0 1px 0 #d54e21;
  343. color: #fff;
  344. text-shadow: 0 1px 0 #000;
  345. }
  346. #multi-part .howto, #multi-part label, #multi-part .button-controls {
  347. color: #666;
  348. }
  349. .menu-item-handle.steps,
  350. .menu-item-handle.progressbar,
  351. .menu-item-handle.divider {
  352. background-color: #d54e21;
  353. background-image: -ms-linear-gradient(bottom,#b94119,#d54e21);
  354. background-image: -moz-linear-gradient(bottom,#b94119,#d54e21);
  355. background-image: -o-linear-gradient(bottom,#b94119,#d54e21);
  356. background-image: -webkit-gradient(linear,left bottom,left top,from(#b94119),to(#d54e21));
  357. background-image: -webkit-linear-gradient(bottom,#b94119,#d54e21);
  358. background-image: linear-gradient(bottom,#b94119,#d54e21);
  359. border: 1px solid #a23511;
  360. -moz-box-shadow: inset 0 1px 0 #eb5e2f;
  361. -webkit-box-shadow: inset 0 1px 0 #eb5e2f;
  362. box-shadow: inset 0 1px 0 #eb5e2f;
  363. }
  364. .menu-item-handle.steps .item-title,
  365. .menu-item-handle.progressbar .item-title,
  366. .menu-item-handle.divider .item-title {
  367. color: #fff;
  368. font-size: 12px;
  369. font-weight: bold;
  370. padding: 7px 0;
  371. line-height: 20px;
  372. display: block;
  373. margin-right: 13em;
  374. text-shadow: 0 1px 0 #000;
  375. }
  376. .menu-item-handle.steps .item-controls,
  377. .menu-item-handle.progressbar .item-controls,
  378. .menu-item-handle.divider .item-controls {
  379. color: #eee;
  380. font-size: 12px;
  381. position: absolute;
  382. right: 20px;
  383. top: -1px;
  384. text-shadow: 0 1px 0 #000;
  385. }
  386. .menu-item-handle.steps .item-type,
  387. .menu-item-handle.progressbar .item-type,
  388. .menu-item-handle.divider .item-type {
  389. color: #eee;
  390. text-shadow: 0 1px 0 #000;
  391. }
  392. .menu-item-settings.steps,
  393. .menu-item-settings.progressbar,
  394. .menu-item-settings.divider {
  395. background-color: whiteSmoke;
  396. border: 1px solid #a23511;
  397. }
  398. #defined-fields {
  399. background-color: whiteSmoke;
  400. border-color: #12516e;
  401. -moz-box-shadow: inset 0 1px 0 #1a6485;
  402. -webkit-box-shadow: inset 0 1px 0 #1a6485;
  403. box-shadow: inset 0 1px 0 #1a6485;
  404. -moz-border-radius: 3px;
  405. -khtml-border-radius: 3px;
  406. -webkit-border-radius: 3px;
  407. border-radius: 3px;
  408. }
  409. #defined-fields h3 {
  410. background-color: #21759b;
  411. background-image: -ms-linear-gradient(bottom,#1a6485,#21759b);
  412. background-image: -moz-linear-gradient(bottom,#1a6485,#21759b);
  413. background-image: -o-linear-gradient(bottom,#1a6485,#d54e21);
  414. background-image: -webkit-gradient(linear,left bottom,left top,from(#1a6485),to(#21759b));
  415. background-image: -webkit-linear-gradient(bottom,#1a6485,#21759b);
  416. background-image: linear-gradient(bottom,#1a6485,#21759b);
  417. border-bottom-color: #12516e;
  418. -moz-box-shadow: inset 0 1px 0 #21759b;
  419. -webkit-box-shadow: inset 0 1px 0 #21759b;
  420. box-shadow: inset 0 1px 0 #21759b;
  421. color: #fff;
  422. text-shadow: 0 1px 0 #000;
  423. }
  424. #defined-fields .howto, #defined-fields label, #defined-fields .button-controls {
  425. color: #666;
  426. }
  427. .menu-item-handle.spam,
  428. .menu-item-handle.submitbutton {
  429. background-color: #21759b;
  430. background-image: -ms-linear-gradient(bottom,#1a6485,#21759b);
  431. background-image: -moz-linear-gradient(bottom,#1a6485,#21759b);
  432. background-image: -o-linear-gradient(bottom,#1a6485,#d54e21);
  433. background-image: -webkit-gradient(linear,left bottom,left top,from(#1a6485),to(#21759b));
  434. background-image: -webkit-linear-gradient(bottom,#1a6485,#21759b);
  435. background-image: linear-gradient(bottom,#1a6485,#21759b);
  436. border: 1px solid #12516e;
  437. -moz-box-shadow: inset 0 1px 0 #3593bd;
  438. -webkit-box-shadow: inset 0 1px 0 #3593bd;
  439. box-shadow: inset 0 1px 0 #3593bd;
  440. }
  441. .menu-item-handle.spam .item-title,
  442. .menu-item-handle.submitbutton .item-title {
  443. color: #fff;
  444. font-size: 12px;
  445. font-weight: bold;
  446. padding: 7px 0;
  447. line-height: 20px;
  448. display: block;
  449. margin-right: 13em;
  450. text-shadow: 0 1px 0 #000;
  451. }
  452. .menu-item-handle.spam .item-controls,
  453. .menu-item-handle.submitbutton .item-controls {
  454. color: #eee;
  455. font-size: 12px;
  456. position: absolute;
  457. right: 20px;
  458. top: -1px;
  459. text-shadow: 0 1px 0 #000;
  460. }
  461. .menu-item-handle.spam .item-type,
  462. .menu-item-handle.submitbutton .item-type {
  463. color: #eee;
  464. text-shadow: 0 1px 0 #000;
  465. }
  466. .menu-item-settings.spam,
  467. .menu-item-settings.submitbutton {
  468. background-color: whiteSmoke;
  469. border: 1px solid #12516e;
  470. }
  471. #post-elements {
  472. background-color: whiteSmoke;
  473. border-color: #83acd0;
  474. -moz-box-shadow: inset 0 1px 0 #e6f3fe;
  475. -webkit-box-shadow: inset 0 1px 0 #e6f3fe;
  476. box-shadow: inset 0 1px 0 #e6f3fe;
  477. -moz-border-radius: 3px;
  478. -khtml-border-radius: 3px;
  479. -webkit-border-radius: 3px;
  480. border-radius: 3px;
  481. }
  482. #post-elements h3 {
  483. background-color: #D3E7F8;
  484. background-image: -ms-linear-gradient(top,#e6f3fe,#D3E7F8);
  485. background-image: -moz-linear-gradient(top,#e6f3fe,#D3E7F8);
  486. background-image: -o-linear-gradient(top,#e6f3fe,#d54e21);
  487. background-image: -webkit-gradient(linear,left top,left bottom,from(#e6f3fe),to(#D3E7F8));
  488. background-image: -webkit-linear-gradient(top,#e6f3fe,#D3E7F8);
  489. background-image: linear-gradient(top,#e6f3fe,#D3E7F8);
  490. border-bottom-color: #a1caec;
  491. color: #464646;
  492. text-shadow: 0 1px 0 #fff;
  493. }
  494. #post-elements .howto, #post-elements label, #post-elements .button-controls {
  495. color: #666;
  496. }
  497. .menu-item-handle.posttitle,
  498. .menu-item-handle.postcontent,
  499. .menu-item-handle.postexcerpt,
  500. .menu-item-handle.postcat,
  501. .menu-item-handle.posttags {
  502. background-color: #D3E7F8;
  503. background-image: -ms-linear-gradient(top,#e6f3fe,#D3E7F8);
  504. background-image: -moz-linear-gradient(top,#e6f3fe,#D3E7F8);
  505. background-image: -o-linear-gradient(top,#e6f3fe,#D3E7F8);
  506. background-image: -webkit-gradient(linear,left top,left bottom,from(#e6f3fe),to(#D3E7F8));
  507. background-image: -webkit-linear-gradient(top,#e6f3fe,#D3E7F8);
  508. background-image: linear-gradient(top,#e6f3fe,#D3E7F8);
  509. border: 1px solid #8ab5d9;
  510. }
  511. .menu-item-handle.posttitle .item-title,
  512. .menu-item-handle.postcontent .item-title,
  513. .menu-item-handle.postexcerpt .item-title,
  514. .menu-item-handle.postcategory .item-title,
  515. .menu-item-handle.posttags .item-title {
  516. color: #464646;
  517. font-size: 12px;
  518. font-weight: bold;
  519. padding: 7px 0;
  520. line-height: 20px;
  521. display: block;
  522. margin-right: 13em;
  523. text-shadow: 0 1px 0 #fff;
  524. }
  525. .menu-item-handle.posttitle .item-controls,
  526. .menu-item-handle.postcontent .item-controls,
  527. .menu-item-handle.postexcerpt .item-controls,
  528. .menu-item-handle.postcategory .item-controls,
  529. .menu-item-handle.posttags .item-controls {
  530. color: #999;
  531. font-size: 12px;
  532. position: absolute;
  533. right: 20px;
  534. top: -1px;
  535. }
  536. .menu-item-handle.posttitle .item-type,
  537. .menu-item-handle.postcontent .item-type,
  538. .menu-item-handle.postexcerpt .item-type,
  539. .menu-item-handle.postcategory .item-type,
  540. .menu-item-handle.posttags .item-type {
  541. color: #999;
  542. }
  543. .menu-item-settings.posttitle,
  544. .menu-item-settings.postcontent,
  545. .menu-item-settings.postexcerpt,
  546. .menu-item-settings.postcategory,
  547. .menu-item-settings.posttags {
  548. background-color: whiteSmoke;
  549. border: 1px solid #83acd0;
  550. }
  551. .form-list-inactive {
  552. background-color: red;
  553. }
  554. .ninja-forms-drag {
  555. cursor: move;
  556. }
  557. ul.ninja-forms-field-list, ul.ninja-forms-field-list ul {
  558. margin: 0 0 0 25px;
  559. padding: 0;
  560. list-style-type: none;
  561. }
  562. ul.ninja-forms-field-list {
  563. margin: 1em 0;
  564. }
  565. li.test {
  566. display: inline;
  567. }
  568. a.tooltip {outline:none; }
  569. a.tooltip strong {line-height:30px;}
  570. a.tooltip:hover {text-decoration:none;}
  571. a.tooltip span {
  572. z-index:10;display:none; padding:14px 20px;
  573. margin-top:-30px; margin-left:28px;
  574. width:240px; line-height:16px;
  575. }
  576. a.tooltip:hover span{
  577. display:inline; position:absolute; color:#111;
  578. border:1px solid #DCA; background:#fffAF0;}
  579. .callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;}
  580. /*CSS3 extras*/
  581. a.tooltip span
  582. {
  583. border-radius:4px;
  584. -moz-border-radius: 4px;
  585. -webkit-border-radius: 4px;
  586. -moz-box-shadow: 5px 5px 8px #CCC;
  587. -webkit-box-shadow: 5px 5px 8px #CCC;
  588. box-shadow: 5px 5px 8px #CCC;
  589. }
  590. .nf-brand-header {
  591. background: #EF4748;
  592. border-left: 4px solid #424242;
  593. }
  594. .nf-brand-header:after {
  595. clear: both;
  596. content: "";
  597. display: block;
  598. }
  599. .nf-brand-header .nf-logo {
  600. background-image: url("https://ninjaforms.com/wp-content/themes/ninja-brand/images/ninja-forms-logo-header.png");
  601. background-size: 410px 600px;
  602. background-position: 40px 80px;
  603. float: left;
  604. height: 80px;
  605. width: 410px;
  606. }
  607. .nf-brand-header .wpn-logo {
  608. background: #fff;
  609. background-image: url("../images/wpninjas-logo.png");
  610. background-size: 83px 70px;
  611. background-position: 0 10px;
  612. background-repeat: no-repeat;
  613. float: right;
  614. font-size: 8px;
  615. height: 80px;
  616. width: 83px;
  617. text-align: center;
  618. }
  619. .nf-extend {
  620. float: left;
  621. margin: 0 20px 20px 0;
  622. width: 300px;
  623. position: relative;
  624. }
  625. .nf-extend img {
  626. margin-bottom: 10px;
  627. max-width: 100%;
  628. height: auto;
  629. }
  630. .nf-extend-content p {
  631. min-height: 60px;
  632. }
  633. .nf-extend .nf-button {
  634. float: right;
  635. }
  636. .nf-extend .nf-doc-button {
  637. float: left;
  638. }
  639. .mp6 .nf-extend {
  640. background: #fff;
  641. border: 1px solid #ccc;
  642. border-radius: 4px;
  643. float: left;
  644. margin: 0 20px 20px 0;
  645. padding: 10px;
  646. position: relative;
  647. width: 300px;
  648. height: 350px;
  649. }
  650. .branch-3-8 .nf-extend {
  651. background: #fff;
  652. }
  653. .forms_page_ninja-forms-style h2 .nav-tab {
  654. font-size: 16px;
  655. }
  656. #TB_window {
  657. overflow: auto !important;
  658. }
  659. .list-import-textarea {
  660. width: 100%;
  661. height: 200px;
  662. }
  663. .ninja-forms-list-option-label-td input {
  664. width: 170px;
  665. }
  666. .ninja-forms-list-option-value-td input {
  667. width: 100px;
  668. }
  669. .ninja-forms-list-option-calc-td input {
  670. width: 50px;
  671. }
  672. .ninja-forms-calculations .label {
  673. border-radius: 4px;
  674. padding: 5px;
  675. overflow: hidden;
  676. }
  677. .ninja-forms-calculations {
  678. border: 1px solid #ccc;
  679. border-radius: 5px;
  680. clear: both;
  681. float: none;
  682. overflow: hidden;
  683. }
  684. .ninja-forms-calculations .label {
  685. background: #ccc;
  686. display: block;
  687. }
  688. .ninja-forms-calc-row {
  689. background: #ddd;
  690. margin: 10px;
  691. padding: 10px;
  692. }
  693. .ninja-forms-calc-row input{
  694. width: 50px;
  695. }
  696. #wpfooter {
  697. /*display: none;*/
  698. }
  699. /* ---------------------------------
  700. / System Status Page
  701. ----------------------------------*/
  702. #debug-report {
  703. display: none;
  704. }
  705. #debug-report textarea {
  706. height: 200px;
  707. width: 300px;
  708. }
  709. p.debug-report {
  710. display: inline-block;
  711. padding: .5em 0;
  712. }
  713. .nf-status-table {
  714. background: #f1f1f1;
  715. border-radius: 4px 4px 0 0;
  716. width: 100%;
  717. }
  718. .nf-status-table th {
  719. border-color: #ccc;
  720. border-style: solid;
  721. border-width: 1px 1px 0 1px;
  722. border-radius: 4px 4px 0 0;
  723. font-size: 1.4em;
  724. font-weight: normal;
  725. padding: .5em 0;
  726. width: 100%;
  727. }
  728. .nf-status-table thead:first-child th {
  729. border-radius: 4px 4px 0 0;
  730. }
  731. .nf-status-table td {
  732. border-color: #ccc;
  733. border-style: solid;
  734. border-width: 1px 1px 0px 1px;
  735. padding: .5em;
  736. }
  737. .nf-status-table td:first-child {
  738. border-left: 1px solid #ccc;
  739. border-right-width: 0;
  740. }
  741. .nf-status-table tbody:last-child td {
  742. border-bottom-width: 1px;
  743. }
  744. /* ---------------------------------
  745. / WP 3.8 styles
  746. ----------------------------------*/
  747. .branch-3-8 #post-body .menu-item-handle,
  748. .branch-3-9 #post-body .menu-item-handle,
  749. .branch-4 #post-body .menu-item-handle,
  750. .branch-4-1 #post-body .menu-item-handle,
  751. .branch-4-2 #post-body .menu-item-handle,
  752. .branch-4-3 #post-body .menu-item-handle,
  753. .branch-4-4 #post-body .menu-item-handle,
  754. .branch-4-5 #post-body .menu-item-handle,
  755. .branch-4-6 #post-body .menu-item-handle,
  756. .branch-4-7 #post-body .menu-item-handle {
  757. background: #fff;
  758. padding: 10px 5px 10px 10px;
  759. }
  760. .branch-3-8 #post-body .menu-item-settings,
  761. .branch-3-9 #post-body .menu-item-settings,
  762. .branch-4 #post-body .menu-item-settings,
  763. .branch-4-1 #post-body .menu-item-settings,
  764. .branch-4-2 #post-body .menu-item-settings,
  765. .branch-4-3 #post-body .menu-item-settings,
  766. .branch-4-4 #post-body .menu-item-settings,
  767. .branch-4-5 #post-body .menu-item-settings,
  768. .branch-4-6 #post-body .menu-item-settings,
  769. .branch-4-7 #post-body .menu-item-settings {
  770. background: #fff;
  771. padding: 12px;
  772. }
  773. .branch-3-8 #post-body #post-body-content h3,
  774. .branch-3-9 #post-body #post-body-content h3,
  775. .branch-4 #post-body #post-body-content h3,
  776. .branch-4-1 #post-body #post-body-content h3,
  777. .branch-4-2 #post-body #post-body-content h3,
  778. .branch-4-3 #post-body #post-body-content h3,
  779. .branch-4-4 #post-body #post-body-content h3,
  780. .branch-4-5 #post-body #post-body-content h3,
  781. .branch-4-6 #post-body #post-body-content h3,
  782. .branch-4-7 #post-body #post-body-content h3 {
  783. margin-top: 0;
  784. }
  785. /*.branch-3-8 .item-controls {
  786. top: 5px;
  787. }*/
  788. .branch-3-8 #TB_window .item-controls,
  789. .branch-3-9 #TB_window .item-controls,
  790. .branch-4 #TB_window .item-controls,
  791. .branch-4-1 #TB_window .item-controls,
  792. .branch-4-2 #TB_window .item-controls,
  793. .branch-4-3 #TB_window .item-controls,
  794. .branch-4-4 #TB_window .item-controls,
  795. .branch-4-5 #TB_window .item-controls,
  796. .branch-4-6 #TB_window .item-controls,
  797. .branch-4-7 #TB_window .item-controls {
  798. top: -5px;
  799. }
  800. .branch-4-5 .inside::after,
  801. .branch-4-6 .inside::after,
  802. .branch-4-7 .inside::after {
  803. clear: both;
  804. content: "";
  805. display: block;
  806. }
  807. .branch-4-5.nav-menus-php .item-edit,
  808. .branch-4-6.nav-menus-php .item-edit,
  809. .branch-4-7.nav-menus-php .item-edit {
  810. visibility: hidden;
  811. }
  812. .branch-4-5.nav-menus-php .item-edit::before,
  813. .branch-4-6.nav-menus-php .item-edit::before,
  814. .branch-4-7.nav-menus-php .item-edit::before {
  815. visibility: visible;
  816. }
  817. .nf-more-actions {
  818. display: inline-block;
  819. padding-top: 6px;
  820. }
  821. .nf-more-actions a span {
  822. font-size: 14px;
  823. text-decoration: none;
  824. padding-top: 2px;
  825. }
  826. .nf-preview,
  827. .nf-subs {
  828. text-decoration: none;
  829. }
  830. .nf-preview span,
  831. .nf-subs span {
  832. font-size: 20px;
  833. width: 30px;
  834. height: 28px;
  835. padding-top: 3px;
  836. margin-left: -5px;
  837. }
  838. .nf-subs-svg {
  839. height: 27px;
  840. }
  841. .nf-remove-list-option {
  842. color: #444;
  843. text-decoration:none;
  844. }
  845. .nf-remove-list-option:hover {
  846. color:gray;
  847. }
  848. .nf-field-settings {
  849. overflow: auto;
  850. margin-top: 5px !important;
  851. margin-bottom: 5px !important;
  852. }
  853. .nf-field-settings .title {
  854. background: #f1f1f1;
  855. padding: 5px 10px;
  856. cursor: pointer;
  857. }
  858. .nf-field-settings .dashicons {
  859. float: right;
  860. cursor: pointer;
  861. }
  862. .item-edit.open:before {
  863. content: '\f142' ! important;
  864. }
  865. /*.nf-field-settings .inside {
  866. background: #f1f1f1;
  867. padding: 5px;
  868. }
  869. .nf-field-settings .inside:after {
  870. clear: both;
  871. content: '';
  872. display: block;
  873. }*/
  874. .nf-nuke-warning {
  875. font-weight: bold;
  876. text-decoration: underline;
  877. }
  878. .about-overview {
  879. padding: 20px;
  880. }
  881. .about-overview iframe {
  882. display: block;
  883. margin: 0 auto;
  884. }
  885. .querystring-error {
  886. color: red;
  887. }
  888. input[type=text].error {
  889. border: solid red;
  890. }