_forms.css 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106
  1. /* TODO: this file is not up to the best standards and will be fixed after an overhaul of the form code */
  2. /**
  3. * This file provides styles for forms in general and specifically
  4. * for ?do=
  5. * - login
  6. * - resendpwd
  7. * - register
  8. * - profile
  9. * - subscribe
  10. */
  11. /* ---------------- forms ------------------------ */
  12. .dokuwiki form {
  13. border: none;
  14. display: inline;
  15. }
  16. .dokuwiki label.block {
  17. display: block;
  18. text-align: right;
  19. font-weight: bold;
  20. }
  21. [dir=rtl] .dokuwiki label.block {
  22. text-align: left;
  23. }
  24. .dokuwiki label.simple {
  25. display: block;
  26. text-align: left;
  27. font-weight: normal;
  28. }
  29. [dir=rtl] .dokuwiki label.simple {
  30. text-align: right;
  31. }
  32. .dokuwiki label.block select,
  33. .dokuwiki label.block input.edit {
  34. width: 50%;
  35. }
  36. .dokuwiki label span {
  37. vertical-align: middle;
  38. }
  39. .dokuwiki fieldset {
  40. width: 400px;
  41. text-align: center;
  42. border: 1px solid var(--ini-border);
  43. padding: 0.5em;
  44. margin: auto;
  45. }
  46. .dokuwiki input.edit,
  47. .dokuwiki select.edit {
  48. vertical-align: middle;
  49. }
  50. .dokuwiki select.edit {
  51. padding: 0.1em 0;
  52. }
  53. .dokuwiki button {
  54. vertical-align: middle;
  55. }
  56. /**
  57. * Styles for auth forms
  58. */
  59. #dw__login label[for="remember__me"] {
  60. margin-left: 50%;
  61. margin-bottom: 1.4em;
  62. }
  63. #dw__login fieldset,
  64. #dw__resendpwd fieldset,
  65. #dw__register fieldset {
  66. padding-bottom: 0.7em;
  67. }
  68. #dw__profiledelete {
  69. display: block;
  70. margin-top: 2.8em;
  71. }
  72. /**
  73. * Styles for the subscription page
  74. */
  75. #subscribe__form {
  76. display: block;
  77. width: 400px;
  78. text-align: center;
  79. }
  80. #subscribe__form fieldset {
  81. text-align: left;
  82. margin: 0.5em 0;
  83. }
  84. [dir=rtl] #subscribe__form fieldset {
  85. text-align: right;
  86. }
  87. #subscribe__form label {
  88. display: block;
  89. margin: 0 0.5em 0.5em;
  90. }