/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* calendar/style.css
 *
 * copyright (c) 2014 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: 150%; }
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('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: 12px; word-wrap: break-word; color: blue;}
  .noteAlt { min-height: 12px; word-wrap: break-word; color: green;}
  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; }
}

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

/* selection */
body.clearly_highlighting_enabled ::-moz-selection { background: rgba(246, 238, 150, 0.99); }
body.clearly_highlighting_enabled ::selection { background: rgba(246, 238, 150, 0.99); }
    
/* cursor -- cursor and hot-spot position; requires a default cursor, after the URL one */
body.clearly_highlighting_enabled { /* images.css */ }

/* highlight tag */ 
em.clearly_highlight_element { 
    font-style: inherit !important; font-weight: inherit !important; 
    background-repeat: repeat-x; background-position: top left; background-size: 100% 100%; 
    /* images.css */
} 

/* the delete-buttons are positioned relative to this */ 
em.clearly_highlight_element.clearly_highlight_first { position: relative; } 

/* delete buttons */ 
em.clearly_highlight_element a.clearly_highlight_delete_element:hover { background-position: -34px 0px; } 
em.clearly_highlight_element a.clearly_highlight_delete_element { 
    display: none; cursor: pointer; 
    padding: 0; margin: 0; line-height: 0; 
    position: absolute; width: 34px; height: 34px; left: -17px; top: -17px; 
    background-repeat: no-repeat; background-position: 0px 0px; 
    /* images.css */
}

/* retina */ 
@media (min--moz-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { 
    em.clearly_highlight_element { /* images.css */ } 
    em.clearly_highlight_element a.clearly_highlight_delete_element { background-size: 68px 34px; /* images.css */ } 
} 
