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

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

  div.wrapper {
    width: 100%;
  }
  #my_campaign {
    position: relative;
    width: 100%;
    padding-bottom: calc(100% * (3263 / 2475));
    background-image: url('https://khazad-cdn.com/mines/c83f384fe4618c65dd44190151ffaa62-9bfc8076973602ff7c0e7a8bc6974eb1.gif');
    background-size: cover;
  }
  #my_campaign div.canvas {
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
  }

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* input fields */

  #my_campaign input {
    position: absolute;
    border: none;
    background: none;
    padding: 0px;
    font-family: sans-serif;
    font-size: 1.2vw;
  }
  #my_campaign input#world_name {
    font-size: 1.8vw;
  }
  #my_campaign input:hover {
    background: rgba(204, 204, 255, 0.5);
  }
  #my_campaign input:focus {
    background: rgba(204, 204, 255, 0.5);
  }

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

  #my_campaign a {
    position: absolute;
    display: block;
    border: none;
    // border: 1px solid red;
    text-decoration: none;
  }

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* miscellany */

  div.print_note { text-align: center; }
  div.print_note p { text-align: center; }

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

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

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