cal1.css

/* fire of God */
/* air of eternity */
/* water of Divine Unity */
/* earth */
body.inTab #pageCal1 {
  --day-width: 44px;
  --month-row-height: 35px;
  --element-height: 18px;
  --font-size: 10pt;
}
#pageCal1 {
  --day-width: 35.7px;
  --month-row-height: 27px;
  --element-height: 14px;
  --font-size: 8.25pt;
  font-size: var(--font-size);
  /*.gd.gAlt {
    border-top: 2px solid rgba(0,0,0,.1);
  }*/
}
#pageCal1 .month {
  position: relative;
  height: var(--month-row-height);
}
#pageCal1 .element {
  transform: rotate(-90deg);
  transform-origin: top right;
  position: absolute;
  right: var(--element-height);
  top: 0;
  line-height: var(--element-height);
  text-align: center;
}
#pageCal1 .bm {
  white-space: nowrap;
}
#pageCal1 .mGroup0 {
  background-color: #fff;
}
#pageCal1 .mGroup1 {
  background-color: #ffe6e6;
  /* fire of God */
}
#pageCal1 .mGroup2 {
  background-color: #fafafa;
  /* air of eternity */
}
#pageCal1 .mGroup3 {
  background-color: #e8e8ff;
  /* water of Divine Unity */
}
#pageCal1 .mGroup4 {
  background-color: #e6ffe6;
  /* earth */
}
#pageCal1 .element.mGroup1 {
  width: calc(3 * var(--month-row-height));
  color: rgba(255, 0, 0, 0.6);
  z-index: 1;
  border-bottom-right-radius: 3px;
}
#pageCal1 .element.mGroup2 {
  width: calc(4 * var(--month-row-height));
  color: rgba(100, 100, 100, 0.8);
  z-index: 2;
}
#pageCal1 .element.mGroup3 {
  width: calc(6 * var(--month-row-height));
  color: rgba(0, 0, 255, 0.6);
  z-index: 3;
}
#pageCal1 .element.mGroup4 {
  width: calc(7 * var(--month-row-height));
  color: #00ff00;
  z-index: 4;
  border-bottom-left-radius: 3px;
}
#pageCal1 .bd,
#pageCal1 .gd {
  display: inline-block;
  width: var(--day-width);
  position: relative;
  overflow: hidden;
  white-space: nowrap;
}
#pageCal1 .bd {
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  padding: 0 0 1px 2px;
}
#pageCal1 .bd:hover {
  background-color: #b7f59a;
  cursor: pointer;
}
#pageCal1 .bd b {
  font-weight: normal;
}
#pageCal1 .bd.dow6 {
  border-left: 1px solid rgba(0, 0, 0, 0.6);
  border-bottom: 1px solid rgba(0, 0, 0, 0.6);
  /* saturday */
}
#pageCal1 .bd.dow6 b {
  font-weight: bold;
}
#pageCal1 .bmName {
  display: inline-block;
  width: calc(2 * var(--day-width));
  text-align: right;
  white-space: nowrap;
  vertical-align: top;
  margin-top: -1px;
}
#pageCal1 .bmName span {
  padding: 0 3px 3px 3px;
  border-radius: 3px;
}
#pageCal1 .bmName i {
  font-style: normal;
  margin-right: 4px;
  font-size: 0.72em;
}
#pageCal1 .gmInitial {
  width: 93px;
  /* bmName width + offset */
  width: calc(2 * var(--day-width) + 2.5em);
  padding-right: 2px;
  text-align: right;
  display: inline-block;
  font-weight: 500;
  overflow: hidden;
}
#pageCal1 .gm {
  font-size: 0.72em;
  margin-top: -4px;
  white-space: nowrap;
}
#pageCal1 .gd {
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  padding-left: 1px;
}
#pageCal1 .gd.gd1 {
  font-weight: bold;
}
#pageCal1 .gd b {
  font-weight: normal;
  padding-right: 3px;
}
#pageCal1 .gd i {
  font-style: normal;
}
#pageCal1 .gd.dow6 {
  background-color: #efefef;
  border-left: 1px solid rgba(0, 0, 0, 0.6);
  /* saturday */
}
#pageCal1 .gd.dow0 {
  background-color: #efefef;
}
#pageCal1 .gma0 {
  color: rgba(0, 0, 255, 0.8);
}
#pageCal1 .gma1 {
  color: rgba(0, 0, 255, 0.8);
  /*color: rgba(83, 205, 0, 0.9);*/
}
#pageCal1 .hdHS,
#pageCal1 .hdHO {
  margin: 0 0 2px 3px;
  width: 14px;
  vertical-align: bottom;
}
#pageCal1 .hdHS .starInner,
#pageCal1 .hdHO .starInner {
  animation: pulse 1s infinite;
  fill: #ffff00;
}
@keyframes pulse {
  0% {
    fill: #ffff00;
    /* Bright yellow */
  }
  50% {
    fill: white;
  }
  100% {
    fill: #ffff00;
  }
}
@media screen {
  #pageCal1 .bd.selected {
    background-color: #77b55a;
  }
  #pageCal1 .bd.selected b {
    color: #fff;
    font-weight: bold;
  }
  #pageCal1 .bm.selected .bmName span {
    background-color: #77b55a;
    color: #fff;
  }
  #pageCal1 .gd.selected {
    background-color: #77b55a;
    color: #fff;
  }
}
@media print {
  body[data-pageid="pageCal1"] #otherPageTitle {
    display: block !important;
  }
  body[data-pageid="pageCal1"] #show {
    display: none !important;
  }
  #pageCal1 {
    padding-top: 0;
  }
  #pageCal1 .bd {
    height: 35px;
  }
  #pageCal1 .element.mGroup1 {
    width: 143px;
  }
  #pageCal1 .element.mGroup2 {
    width: 192px;
  }
  #pageCal1 .element.mGroup3 {
    width: 286px;
  }
  #pageCal1 .element.mGroup4 {
    width: 334px;
  }
}