forms.less 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105
  1. // Misago forms
  2. // -------------------------
  3. form {
  4. label {
  5. color: @gray;
  6. font-weight: bold;
  7. cursor: pointer;
  8. }
  9. fieldset {
  10. border-top: 1px solid darken(@bodyBackground, 8%);
  11. margin: 0px;
  12. padding: 0px;
  13. padding-top: 16px;
  14. padding-bottom: 8px;
  15. legend {
  16. margin: 0px;
  17. margin-bottom: -8px;
  18. padding: 0px;
  19. padding-top: 8px;
  20. }
  21. .control-group {
  22. padding-bottom: 4px;
  23. }
  24. .control-group:last-child {
  25. padding-bottom: 0px;
  26. }
  27. }
  28. fieldset.first {
  29. border-top: none;
  30. padding-top: 0px;
  31. }
  32. fieldset.last {
  33. padding-bottom: 0px;
  34. margin-bottom: 0px;
  35. }
  36. .form-actions {
  37. margin-top: -4px;
  38. }
  39. }
  40. // Make textarea resizeable vertically only
  41. // -------------------------
  42. textarea {
  43. resize: vertical;
  44. }
  45. // Lists styling
  46. // -------------------------
  47. .radio-group, .select-multiple, .yes-no-switch {
  48. label {
  49. color: @black;
  50. font-weight: normal;
  51. }
  52. margin-bottom: 8px;
  53. }
  54. .checkbox {
  55. color: @black;
  56. font-weight: normal;
  57. }
  58. // Side-search form
  59. // -------------------------
  60. .side-search {
  61. background: @white;
  62. border: 1px solid darken(@bodyBackground, 15%);
  63. .border-radius(4px);
  64. .box-shadow(0px 0px 0px 3px darken(@bodyBackground, 5%));
  65. padding: 8px;
  66. margin-left: 14px;
  67. margin-right: -14px;
  68. h4 {
  69. border-bottom: 1px solid darken(@bodyBackground, 15%);
  70. padding-top: 0px;
  71. padding-bottom: 8px;
  72. margin-top: 0px;
  73. }
  74. hr {
  75. border-top: 1px solid darken(@bodyBackground, 7%);
  76. margin-bottom: 16px;
  77. }
  78. label.checkbox, label.radio {
  79. font-weight: normal;
  80. }
  81. .form-actions {
  82. background: darken(@bodyBackground, 3%);
  83. .border-radius(0px 0px 3px 3px);
  84. padding: 12px 8px;
  85. margin: -8px;
  86. margin-top: 0px;
  87. }
  88. }