forms.css 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118
  1. @import url(../../../template/css/forms.css);
  2. /**
  3. * Overwrite default styles
  4. */
  5. .bx-form-value .bx-form-input-slider,
  6. .bx-form-value .bx-form-input-doublerange,
  7. .bx-form-value .bx-form-input-select_multiple,
  8. .bx-form-value .bx-form-input-select,
  9. .bx-form-value .bx-form-input-radio_set,
  10. .bx-form-value .bx-form-input-checkbox_set,
  11. .bx-form-value .bx-form-input-number,
  12. .bx-form-value .bx-form-input-time,
  13. .bx-form-value .bx-form-input-datepicker,
  14. .bx-form-value .bx-form-input-datetime,
  15. .bx-form-value .bx-form-input-textarea,
  16. .bx-form-value .bx-form-input-wrapper-password,
  17. .bx-form-value .bx-form-input-text {
  18. height: 36px;
  19. height: 2.4rem;
  20. box-sizing: border-box;
  21. border-color: rgba(136, 143, 153, 1);
  22. border-width: 1px;
  23. background-color: rgba(255, 255, 255, 1);
  24. font-size: 1.075rem;
  25. }
  26. .bx-form-value .bx-form-input-select_multiple,
  27. .bx-form-value .bx-form-input-radio_set,
  28. .bx-form-value .bx-form-input-checkbox_set {
  29. height:auto;
  30. }
  31. .bx-form-value .bx-form-input-textarea {
  32. height: 150px;
  33. height: 10rem;
  34. padding: 0.5rem;
  35. line-height:normal;
  36. }
  37. .bx-form-value .bx-form-input-slider:focus,
  38. .bx-form-value .bx-form-input-doublerange:focus,
  39. .bx-form-value .bx-form-input-number:focus,
  40. .bx-form-value .bx-form-input-time:focus,
  41. .bx-form-value .bx-form-input-datepicker:focus,
  42. .bx-form-value .bx-form-input-datetime:focus,
  43. .bx-form-value .bx-form-input-textarea:focus,
  44. .bx-form-value .bx-form-input-text:focus,
  45. .bx-form-value .bx-form-input-wrapper-password.bx-form-input-focus {
  46. border-color: rgba(136, 143, 153, 1);
  47. background-color: rgba(255, 255, 255, 1);
  48. }
  49. .bx-form-value .bx-switcher-cont {
  50. border-color: rgba(136, 143, 153, 1);
  51. border-width: 1px;
  52. background-color: rgba(255, 255, 255, 1);
  53. }
  54. .bx-form-value .bx-form-input-select_multiple,
  55. .bx-form-value .bx-form-input-radio_set,
  56. .bx-form-value .bx-form-input-checkbox_set {
  57. height:auto;
  58. }
  59. /**
  60. * General
  61. */
  62. select.bx-form-field-type option {
  63. padding-left: 25px;
  64. background-repeat: no-repeat;
  65. background-position: 5px 0px;
  66. }
  67. /**
  68. * Image uploader with with manager
  69. */
  70. div.bx-form-input-preview {}
  71. div.bx-form-input-preview img {
  72. max-width: 768px;
  73. max-height: 256px;
  74. }
  75. div.bx-form-input-preview-empty {}
  76. /**
  77. * Translatable fields.
  78. */
  79. div.bx-form-input-wrapper-textarea {
  80. position: relative;
  81. }
  82. div.bx-form-input-translator {
  83. position: absolute;
  84. top: -22px;
  85. right: 0px;
  86. }
  87. div.bx-form-input-language,
  88. div.bx-form-input-language-current{
  89. position: relative;
  90. height: 17px;
  91. line-height: 17px;
  92. }
  93. div.bx-form-input-language {
  94. white-space: nowrap
  95. }
  96. div.bx-form-input-language-current {
  97. font-weight: bold;
  98. }