forms.css 1.6 KB

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