forms.css 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
  1. @import url(../../../template/css/forms.css);
  2. /**
  3. * General
  4. */
  5. select.bx-form-field-type option {
  6. padding-left: 25px;
  7. background-repeat: no-repeat;
  8. background-position: 5px 0px;
  9. }
  10. /**
  11. * Image uploader with with manager
  12. */
  13. div.bx-form-input-preview {}
  14. div.bx-form-input-preview img {
  15. max-width: 768px;
  16. max-height: 256px;
  17. }
  18. div.bx-form-input-preview-empty {}
  19. /**
  20. * Translatable fields.
  21. */
  22. div.bx-form-input-wrapper-textarea {
  23. position: relative;
  24. }
  25. div.bx-form-input-translator {
  26. position: absolute;
  27. top: -22px;
  28. }
  29. .bx-dir-ltr div.bx-form-input-translator {
  30. right: 0px;
  31. }
  32. .bx-dir-rtl div.bx-form-input-translator {
  33. left: 0px;
  34. }
  35. div.bx-form-input-language,
  36. div.bx-form-input-language-current{
  37. position: relative;
  38. height: 17px;
  39. line-height: 17px;
  40. }
  41. div.bx-form-input-language {
  42. white-space: nowrap
  43. }
  44. div.bx-form-input-language-current {
  45. font-weight: bold;
  46. }
  47. /**
  48. * Translatable textarea with Editor switcher.
  49. */
  50. .bx-form-input-wrapper-textarea.bx-form-input-translatable .bx-form-input-translation {
  51. position: relative;
  52. }
  53. .bx-form-input-wrapper-textarea.bx-form-input-translatable .bx-form-input-textarea-switcher {
  54. position: absolute;
  55. bottom: 0;
  56. width: 100%;
  57. }
  58. .bx-form-input-wrapper-textarea.bx-form-input-translatable .bx-form-input-textarea-switcher > div {
  59. top: auto;
  60. bottom: -1.75rem;
  61. }