/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* calendar/style.css
 *
 * copyright (c) 2014-2021 drow <drow@bin.sh>
 * all rights reserved
*/

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* calendar */

.monospace { font-family: Monaco, monospace; font-size: 12px; }
.inline { margin: 0px 1em; }

table.calendar { width: 100%; margin: 2ex auto; }

tbody.block table { table-layout: fixed; }
tbody.block table th { border: 1px solid #808080; background: #dedede; }
tbody.block table td.wday { height: 12em; }
tbody.block table td { border: 1px solid #808080; }
tbody.block div.mday { font-size: 200%; }
tbody.block div.moons .lunar { display: inline-block; }

tbody.text td { text-align: center; }

tbody.vertical tr { border-bottom: 1px solid #808080; }
tbody.vertical td { width: 1%; white-space: nowrap; }
tbody.vertical td:last-child { width: 100%; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* lunar icons */

.lunar { display: block; width: 32px; height: 32px;
  background: url('/fantasy/calendar/ma_moonsprite32_32c1r.png');
  text-indent: -1000px; overflow: hidden; }
.lunar.phase-0 { background-position: 0px 0px; }
.lunar.phase-1 { background-position: -128px 0px; }
.lunar.phase-2 { background-position: -256px 0px; }
.lunar.phase-3 { background-position: -384px 0px; }
.lunar.phase-4 { background-position: -512px 0px; }
.lunar.phase-5 { background-position: -640px 0px; }
.lunar.phase-6 { background-position: -768px 0px; }
.lunar.phase-7 { background-position: -896px 0px; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* media tricks */

@media screen {
  .print { display: none; }
  .note { min-height: 64px; }
  .note:hover { background: url('/icons/quill.png');
    background-repeat: no-repeat; }
  div.blackout { position: fixed; left: 0px; top: 0px; z-index: 1001;
    width: 100%; height: 100%;
    background-color: black; opacity: 0.80; filter: alpha(opacity=80); }
  div.modal { position: fixed; left: 50%; top: 30%; z-index: 1002;
    width: 600px; margin-left: -300px;
    border: 3px double; border-radius: 1ex; padding: 2ex 2em;
    background-color: white; }
}
@media print {
  body { width: 1200px; }
  form, .control { display: none; }
  h1 input { padding: 0px; border: none;
    background: inherit; font: inherit; }
  table.calendar { width: 90%; }
  tbody.block table { break-before: page;
    page-break-before: always; page-break-inside: avoid; }
  div.blackout { display: none; }
}

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