You are here

form-default.css in Open Social 8.2

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

.user-register-form .card__block .form-item-data-policy {
  padding: 1.25rem 1.25rem 0;
  margin: 0rem -1.25rem;
  border-top: 1px solid lightgrey;
}

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