/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* case/style.css
 *
 * copyright (c) 2022-2025 drow <drow@bin.sh>
 * all rights reserved
*/

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* case form */

  div.case_sheet {
    margin: 4ex 2em;
    border: 1px solid;
    padding: 1ex 1em;
    padding-top: 4ex;
    font-family: 'Hack';
  }
  div.case_sheet div.row {
    margin-bottom: 2ex;
    display: flex;
  }
  div.case_sheet div.cell {
    flex-grow: 1;
    padding: 0.5ex 0.5em;
  }
  div.case_sheet div.cell:not(:first-child) {
    margin-left: 2ex;
  }
  div.case_header h1 {
    margin: 0px;
    text-align: left;
    text-transform: uppercase;
    font-family: 'Saira Stencil One';
    font-weight: normal;
    font-size: 250%;
  }
  div.case_sheet div.data {
    display: flex;
    border: 1px solid;
  }
  div.data div:not(:first-child) {
    margin-left: 2ex;
  }
  div.case_sheet div.key {
    text-transform: uppercase;
    white-space: nowrap;
    font-family: 'Saira Stencil One';
    font-size: smaller;
    color: #999999;
  }
  div.case_sheet div.entry {
    flex-grow: 1;
    text-align: center;
  }
  div.case_sheet div.icon {
    min-width: 24px;
  }

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* dark mode */

  @media screen {
    body.dark_mode div.case_sheet {
      background-image: url('https://khazad-cdn.com/mines/9a6dc6db9d55543d35a885c8286df0bb-0aaacadf1280ce24ac39bb516d489045.jpg');
      background-size: cover;
      color: #312420;
    }
    body.dark_mode div.key {
      color: #494069;
    }
  }

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* media */

  @media screen {
    .print_only { display: none; }
  }
  @media print {        
    .layout_header { display: none; }
    .layout_footer { display: none; }
    .screen_only { display: none; }
    .print_only { display: block; }
  }   

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