forms.less 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  1. //
  2. // Form page
  3. // --------------------------------------------------
  4. //== Form container
  5. //
  6. //**
  7. .form-panel {
  8. background: @form-panel-bg;
  9. border: 1px solid @form-panel-border;
  10. border-radius: @border-radius-large;
  11. box-shadow: 0px 0px 0px 3px @form-panel-shadow;
  12. form {
  13. margin: 0px;
  14. padding: 0px;
  15. }
  16. }
  17. //== Form header
  18. //
  19. //**
  20. .form-panel {
  21. .form-header {
  22. padding: @form-panel-padding;
  23. h1, h2 {
  24. margin: 0px;
  25. }
  26. h1 {
  27. font-size: @font-size-large * 1.6;
  28. }
  29. h2 {
  30. font-size: @font-size-large * 1.2;
  31. }
  32. p {
  33. margin: (@line-height-computed / 2) 0px 0px 0px;
  34. }
  35. }
  36. }
  37. //== Form body
  38. //
  39. //**
  40. .form-panel {
  41. .form-body {
  42. fieldset {
  43. margin: 0px;
  44. padding-bottom: @form-panel-padding-vertical;
  45. legend {
  46. border-top: 1px solid @form-panel-border;
  47. border-bottom: 0px;
  48. padding: @form-panel-padding;
  49. padding-bottom: 0px;
  50. }
  51. .form-group {
  52. margin-left: @form-panel-padding-horizontal;
  53. margin-right: @form-panel-padding-horizontal;
  54. }
  55. .help-block {
  56. color: @field-help-block-color;
  57. }
  58. }
  59. }
  60. }
  61. //== Form footer
  62. //
  63. //**
  64. .form-panel {
  65. .form-footer {
  66. border-top: 1px solid @form-panel-border;
  67. padding: @form-panel-padding;
  68. }
  69. }