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