forms.css 2.6 KB

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