xref: /plugin/passwd/style.css (revision eb872c2a652d2b4294f9c5ebca2ba18675c61627)

/**
 * PASSWD Plugin — minimal styling for password-protected sections.
 *
 * Ships with the plugin but can be overridden by the template.
 * DokuWiki auto-loads style.css from plugin directories.
 */

.passwd_block {
  margin: 1.5em 0;
  padding: 1em 1.2em;
  border: 1px dashed #bbb;
  background: #fafafa;
  border-radius: 4px;
}

.passwd_prompt {
  font-weight: bold;
  margin: 0 0 0.6em 0;
}

.passwd_input {
  width: 280px;
  max-width: 100%;
  padding: 8px 10px;
  font-size: 1em;
  border: 1px solid #ccc;
  border-radius: 3px;
  box-sizing: border-box;
  display: block;
}

.passwd_input_wrapper {
  display: flex;
  align-items: stretch;
  gap: 4px;
  max-width: 340px;
}

.passwd_input_wrapper .passwd_input {
  width: auto;
  flex: 1;
  margin-bottom: 0;    /* margin handled by wrapper */
}

.passwd_toggle {
  border: 1px solid #ccc;
  border-radius: 3px;
  background: #fff;
  cursor: pointer;
  font-size: 1.1em;
  line-height: 1;
  padding: 4px 10px;
  white-space: nowrap;
  user-select: none;
}

.passwd_toggle:hover {
  background: #f0f0f0;
}

.passwd_error {
  display: block;       /* let it stack vertically */
  clear: both;
  color: #c00 !important;     /* always red, even if template overrides */
  font-size: 0.9em;
  margin: 0.3em 0 0.5em 0;
  display: none;              /* shown by JS on failure */
}

.passwd_captcha {
  margin: 0.3em 0 0.6em 0;
}

.passwd_btn {
  /* inherit button styling from template, just add spacing */
  margin-top: 0.2em;
}