You are here

form-default.css in Open Social 8

form.card__nested-section {
  margin: 0;
  padding: 0;
  background: transparent;
}

form.card__nested-section:last-child {
  margin-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.form-inline {
  margin-bottom: 1rem;
}

@media (min-width: 600px) {
  .form-inline .form-item {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-static {
    display: inline-block;
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-left: 0;
  }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: absolute;
  }
  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-left: 22px;
    margin-right: 25px;
  }
}

File

themes/socialbase/assets/css/form-default.css
View source
  1. form.card__nested-section {
  2. margin: 0;
  3. padding: 0;
  4. background: transparent;
  5. }
  6. form.card__nested-section:last-child {
  7. margin-bottom: 0;
  8. border-bottom-left-radius: 0;
  9. border-bottom-right-radius: 0;
  10. }
  11. .form-inline {
  12. margin-bottom: 1rem;
  13. }
  14. @media (min-width: 600px) {
  15. .form-inline .form-item {
  16. display: inline-block;
  17. margin-bottom: 0;
  18. vertical-align: middle;
  19. }
  20. .form-inline .form-control {
  21. display: inline-block;
  22. width: auto;
  23. vertical-align: middle;
  24. }
  25. .form-inline .form-control-static {
  26. display: inline-block;
  27. }
  28. .form-inline .input-group {
  29. display: inline-table;
  30. vertical-align: middle;
  31. }
  32. .form-inline .input-group .input-group-addon,
  33. .form-inline .input-group .input-group-btn,
  34. .form-inline .input-group .form-control {
  35. width: auto;
  36. }
  37. .form-inline .input-group > .form-control {
  38. width: 100%;
  39. }
  40. .form-inline .control-label {
  41. margin-bottom: 0;
  42. vertical-align: middle;
  43. }
  44. .form-inline .radio,
  45. .form-inline .checkbox {
  46. display: inline-block;
  47. margin-top: 0;
  48. margin-bottom: 0;
  49. vertical-align: middle;
  50. }
  51. .form-inline .radio label,
  52. .form-inline .checkbox label {
  53. padding-left: 0;
  54. }
  55. .form-inline .radio input[type="radio"],
  56. .form-inline .checkbox input[type="checkbox"] {
  57. position: relative;
  58. margin-left: 0;
  59. }
  60. .form-inline .has-feedback .form-control-feedback {
  61. top: 0;
  62. }
  63. .form-inline .radio input[type="radio"],
  64. .form-inline .checkbox input[type="checkbox"] {
  65. position: absolute;
  66. }
  67. .form-inline .radio label,
  68. .form-inline .checkbox label {
  69. padding-left: 22px;
  70. margin-right: 25px;
  71. }
  72. }