/* TODO: this file is not up to the best standards and will be fixed after an overhaul of the form code */

/**
 * This file provides styles for forms in general and specifically
 * for ?do=
 * - login
 * - resendpwd
 * - register
 * - profile
 * - subscribe
 */

/* ---------------- forms ------------------------ */

.dokuwiki form {
  border: none;
  display: inline;
}

.dokuwiki label.block {
  display: block;
  text-align: right;
  font-weight: bold;
}
[dir=rtl] .dokuwiki label.block {
	text-align: left;
}

.dokuwiki label.simple {
  display: block;
  text-align: left;
  font-weight: normal;
}
[dir=rtl] .dokuwiki label.simple {
	text-align: right;
}

.dokuwiki label.block select,
.dokuwiki label.block input.edit {
  width: 50%;
}

.dokuwiki label span {
	vertical-align: middle;
}

.dokuwiki fieldset {
  width: 400px;
  text-align: center;
  border: 1px solid @ini_border;
  padding: 0.5em;
  margin: auto;
}

.dokuwiki input[type="text"] {
	& {
		border: @ini_border solid 1px;
		border-radius: 1pt;
		padding: .25em;
	}
	&:focus {
		box-shadow: inset .125em .125em .25em fadeout(@ini_text, 60%);
	}
}
.dokuwiki input[type="checkbox"],
.dokuwiki select {
	& {
		border: @ini_border solid 1px;
		border-radius: 1pt;
		padding: .25em;
	}
	&:hover, &:focus {
		box-shadow: .125em .125em .25em fadeout(@ini_text, 60%);
	}
}

.dokuwiki input.edit,
.dokuwiki select.edit {
  vertical-align: middle;
}

.dokuwiki button {
	vertical-align: middle;
}
.dokuwiki input:focus,
.dokuwiki select:focus,
.dokuwiki button:focus {
	outline:	@ini_focus_color solid 2px;
}
/**
 * Styles for auth forms
 */
#dw__login fieldset,
#dw__resendpwd fieldset,
#dw__register fieldset {
	max-width: calc(100% - 1em);
	padding-bottom: 0.7em;
}

#dw__login fieldset label.block,
#dw__resendpwd fieldset label.block,
#dw__register fieldset label.block {
	width: 100%;
	max-width: 320px;
}
#dw__login label[for="remember__me"] {
	margin: 0 10% 1.4em;
}

#dw__profiledelete {
	display: block;
	margin-top: 2.8em;
}

/**
 * Styles for the subscription page
 */

#subscribe__form {
	display: block;
	width: 400px;
	text-align: center;
}

#subscribe__form fieldset {
	text-align: left;
	margin: 0.5em 0;
}
[dir=rtl] #subscribe__form fieldset {
	text-align: right;
}

#subscribe__form label {
	display: block;
	margin: 0 0.5em 0.5em;
}