/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* bin_sh.css
 *
 * copyright (c) 2000-2024 drow <drow@bin.sh>
 * all rights reserved.
*/

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* structure */

  body {
    margin: 0px;
    padding: 0px;
  }

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* content */

  h1 { text-align: center; font-size: 150%; font-weight: bold; }
  h2 { margin-top: 3ex; font-size: 120%; font-weight: bold; }
  h2:first-of-type { margin-top: 2ex; }
  h3 { margin: 2ex 1em; font-size: 100%; font-weight: bold; }
  h4, h5, h6 { margin-left: 1em; margin-right: 1em; }

  p { margin: 2ex 2em; text-align: justify; }
  p, li, dt, dd { line-height: 1.5; }

  blockquote { margin: 2ex 4em; text-align: justify; }
  blockquote p { margin: 0ex 0em; }
  blockquote p + p { margin-top: 1ex; }
  blockquote p.attr { text-align: right; }
  blockquote.script { font-family: 'Apple Chancery', script; }

  pre {
    margin: 2ex 2em;
    font-family: Hack, Monaco, monospace; font-size: 80%;
  }
  code {
    font-family: Hack, Monaco, monospace; font-size: 80%;
    white-space: nowrap;
  }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* links */

  a { color: #0000cc; }
  a:visited { color: #0000cc; }
  a img { border: none; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* lists */

  ul, ol { margin: 2ex 2em; padding-left: 2em; }
  ul ul { margin: 0.5ex 0px; }
  li { margin: 0px; padding: 0.5ex; }

  dl { margin: 2ex 2em; }
  dd { margin: 1ex 0em 1ex 2em; text-align: justify; }
  dd p { margin: 1ex 0em; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* tables */

  table { margin: 0px 2em; border: none; border-collapse: collapse; }
  table table { width: 100%; margin: 0px; }
  table table.center { width: auto; }

  th { padding: 0.5ex 0.5em; text-align: left; vertical-align: top; }
  th { background: #dedede; }
  th.key { text-align: right; font-weight: bold; }
  th.label { text-align: right; font-weight: bold; }

  td { padding: 0.5ex 0.5em; text-align: left; vertical-align: top; }
  td.key { text-align: right; font-weight: bold; }
  td.label { text-align: right; font-weight: bold; }
  td.value p { margin-top: 0px; }

  table.compact th { padding: 0.25ex 0.5em; }
  table.compact td { padding: 0.25ex 0.5em; }

  table.scroll tbody { overflow: hidden; overflow-y: auto; }
  table.scroll thead tr th:last-child { padding-right: 40px; }
  table.scroll tbody tr td:last-child { padding-right: 40px; }

  tr + tr.input_table > td { padding-top: 2ex; }
  tr.input_table > td { padding: 0px 0.5em; }
  tr.input_table + tr > td { padding-top: 2ex; }
  td.input_submit_list { padding-top: 4ex; }

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* forms */

  form { margin: 0px; padding: 0px; }
  label { margin: 0px; margin-right: 0.5em; }
  label span { margin-right: 0.5em; }

  input {
    margin: 0px;
    margin-right: 0.5em;
    border: 1px solid #cccccc;
    border-radius: 0.5ex;
    background: #ffffff;
    padding: 0.5ex 0.5em;
    font-size: 80%;
  }
  input:not([type]) { font-family: Hack, Monaco, monospace; }
  input[type="text"] { font-family: Hack, Monaco, monospace; }
  input.num { text-align: right; }
  input[disabled] { background: #f0f0f0; color: #999999; }

  input[type="image"] {
    border: none;
    border-radius: 0px;
    padding: 0px;
  }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* div.input */

  div.input {
    margin: 0px;
    margin-right: 0.5em;
    border: 1px solid #cccccc;
    border-radius: 0.5ex;
    background: #ffffff;
    padding: 0.5ex 0.5em;
    font-size: 80%;
  }
  div.input.num { text-align: right; }
  div.input.text { font-family: Hack, Monaco, monospace; }
  div.input.disabled { background: #f0f0f0; color: #999999; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* textarea */

  textarea {
    margin: 0px;
    margin-right: 0.5em;
    border: 1px solid #cccccc;
    border-radius: 0.5ex;
    background: #ffffff;
    padding: 0.5ex 0.5em;
    font-family: Hack, Monaco, monospace;
    font-size: 80%;
  }
  textarea[disabled] { background: #f0f0f0; color: #999999; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* select */

  select {
    margin: 0px;
    margin-right: 0.5em;
    border: 1px solid;
    border-color: #cccccc;
    border-radius: 0.5ex;
    background: #ffffff;
    // padding: 0.5ex 0.5em;
    font-size: 80%;
  }
  option {
    padding-top: 0.5ex;
    padding-bottom: 0.5ex;
  }
  optgroup {
    font-style: normal;
    font-weight: normal;
    color: #999999;
  }
  optgroup option {
    color: #000000;
  }
  select[disabled] { background: #f0f0f0; color: #999999; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* buttons */

  button {
    padding: 0.5ex 1em;
    background: #f0f0f0;
    font-size: 100%;
    font-weight: bold;
  }
  button:hover { border-color: #666666; }
  button[disabled] { background: #f0f0f0; color: #999999; }

  input[type="button"] {
    padding: 0.5ex 1em;
    background: #f0f0f0;
    font-size: 100%;
    font-weight: bold;
  }
  input[type="button"]:hover { border-color: #666666; }
  input[type="button"][disabled] { background: #f0f0f0; color: #999999; }

  input[type="submit"] {
    padding: 0.5ex 1em;
    background: #f0f0f0;
    font-size: 100%;
    font-weight: bold;
  }
  input[type="submit"]:hover { border-color: #666666; }
  input[type="submit"][disabled] { background: #f0f0f0; color: #999999; }

  input[type="reset"] {
    padding: 0.5ex 1em;
    background: #f0f0f0;
    font-size: 100%;
    font-weight: bold;
  }
  input[type="reset"]:hover { border-color: #cc6666; }
  input[type="reset"][disabled] { background: #f0f0f0; color: #999999; }

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* tricks */

  .h1 { font-size: 150%; font-weight: bold; }
  .h2 { font-size: 120%; font-weight: bold; }
  .h3 { font-size: 100%; font-weight: bold; }

  .inset { margin-left: 4em; margin-right: 4em; }
  .left { text-align: left; }
  .center { text-align: center; }
  table.center { margin-left: auto; margin-right: auto; }
  .right { text-align: right; }
  table.right { margin-left: auto; margin-right: 0px; }

  .illustr {
    clear: right;
    float: right;
    margin: 1ex 0em 4ex 2em;
    text-align: center;
  }
  .illustr:first-of-type { margin-top: 0ex; }
  .illustr img { display: block; }
  .illustr .credit { margin-top: -2ex; text-align: right; font-size: 80%; }

  .sidebar { float: right; margin: 0ex 0em 4ex 2em; text-align: center; }
  .clear { clear: both; }

  .smaller { font-size: smaller; }
  .larger { font-size: larger; }
  .nowrap { white-space: nowrap; }

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* mobile */

  @media screen and (hover: none) {
    input, select, textarea, div.input { font-size: 100%; }
  }

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* print */

  @media print {
    body { font-size: 60%; }
  }

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */