forms.css 2.6 KB

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