/* Stylesheet for DokuWiki Nuropa template
 * by Sascha Leib
 * File name: _config.css
 */

/* login form */
#dw__login {
	fieldset {
		& {
			background-color: @ini_background_alt;
		}
		legend {
		}
		label {
			width: 80%;
		}
		label.block {
			& {
				display: inline-grid;
				gap: .5em;
				grid-template-columns: 1fr 2fr;
				align-items: center;	
				margin: .25em 0;
			}
			span {
				justify-self: end;
			}
		}
		label[for=remember__me] {
			display: inline-block;
			width: 100%;
		}
		button {
			margin: 1em auto 0 auto;
		}
	}
}

/* admin homepage UI */
main .ui-admin {
	& {
		display: grid;
		grid-template-columns: 1fr 1fr;
		margin-bottom: 1em;
	}
	h1, h2, & > div {
		grid-column: 1 / span 2;
	}
	ul {
		& {
			list-style: none inside;
			padding: 0;
		}
		li {
			& { }
			&:hover {
				background-color: @ini_background_alt;
				border-radius: .5em;
			}
			a:link, a:visited {
				display: flex;
				align-items: center;
				gap: .35em;
				color: @ini_form_btn_text;
				background-color: @ini_form_btn_bg;
				border: @ini_border_color solid 1px;
				border-radius: .25em;
				text-decoration: none;
				padding: .4em;
			}
			a:hover {
				filter: ~"brightness(85%) contrast(120%)";
			}
			.icon {
				height: 1.25rem;
			}
			.prompt {
				line-height: 1.25rem;
			}
			svg {
				fill: @ini_form_btn_text;
				height: 1.25rem;
			}
		}
	}
}

/* account profile page */
#dw__register, #dw__profiletoken {
	fieldset {
		& {
			background-color: @ini_background_alt;
			font-size: smaller;
		}
		label.block {
			& {
				display: inline-grid;
				grid-template-columns: 1fr 2fr;
				align-items: center;
				gap: .5em;
				width: ~"calc(100% - .25em)";
				padding: .25em 0;
			}
			span {
				text-align: right;
			}
		}
		button {
			margin: 1em;
		}
	}
}
