You are here

form-default.css in Open Social 8.4

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;
}

.form-item-data-policy .glyphicon-spin {
  margin: -2px 0;
  vertical-align: middle;
}

.card__block .form-item-data-policy .form-item--error-message {
  display: block;
  max-width: 23rem;
}

.card__block .form-item-data-policy label a {
  text-decoration: underline;
}

@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. .form-item-data-policy .glyphicon-spin {
  15. margin: -2px 0;
  16. vertical-align: middle;
  17. }
  18. .card__block .form-item-data-policy .form-item--error-message {
  19. display: block;
  20. max-width: 23rem;
  21. }
  22. .card__block .form-item-data-policy label a {
  23. text-decoration: underline;
  24. }
  25. @media (min-width: 600px) {
  26. .form-inline .form-item {
  27. display: inline-block;
  28. margin-bottom: 0;
  29. vertical-align: middle;
  30. }
  31. .form-inline .form-control {
  32. display: inline-block;
  33. width: auto;
  34. vertical-align: middle;
  35. }
  36. .form-inline .form-control-static {
  37. display: inline-block;
  38. }
  39. .form-inline .input-group {
  40. display: inline-table;
  41. vertical-align: middle;
  42. }
  43. .form-inline .input-group .input-group-addon,
  44. .form-inline .input-group .input-group-btn,
  45. .form-inline .input-group .form-control {
  46. width: auto;
  47. }
  48. .form-inline .input-group > .form-control {
  49. width: 100%;
  50. }
  51. .form-inline .control-label {
  52. margin-bottom: 0;
  53. vertical-align: middle;
  54. }
  55. .form-inline .radio,
  56. .form-inline .checkbox {
  57. display: inline-block;
  58. margin-top: 0;
  59. margin-bottom: 0;
  60. vertical-align: middle;
  61. }
  62. .form-inline .radio label,
  63. .form-inline .checkbox label {
  64. padding-left: 0;
  65. }
  66. .form-inline .radio input[type="radio"],
  67. .form-inline .checkbox input[type="checkbox"] {
  68. position: relative;
  69. margin-left: 0;
  70. }
  71. .form-inline .has-feedback .form-control-feedback {
  72. top: 0;
  73. }
  74. .form-inline .radio input[type="radio"],
  75. .form-inline .checkbox input[type="checkbox"] {
  76. position: absolute;
  77. }
  78. .form-inline .radio label,
  79. .form-inline .checkbox label {
  80. padding-left: 22px;
  81. margin-right: 25px;
  82. }
  83. }