[Summary view] [Print] [Text view]

   1  /**
   2   * @provides phui-calendar-month-css
   3   */
   4  
   5  .phui-calendar-view {
   6    width: 100%;
   7    border-collapse: collapse;
   8    background: #fff;
   9  }
  10  
  11  tr.phui-calendar-day-of-week-header th {
  12    text-align: center;
  13    font-size: 11px;
  14    padding: 3px;
  15    color: {$lightbluetext};
  16    background: {$lightgreybackground};
  17  }
  18  
  19  table.phui-calendar-view td {
  20    border: 1px solid #dfdfdf;
  21    width: 14.2857%; /* This is one seventh, approximately. */
  22  }
  23  
  24  table.phui-calendar-view td div.phui-calendar-day {
  25    min-height: 125px;
  26    position: relative;
  27  }
  28  
  29  .phui-calendar-holiday {
  30    color: {$greytext};
  31    padding: .5em;
  32    max-height: 1em;
  33    overflow: hidden;
  34  }
  35  
  36  table.phui-calendar-view td.phui-calendar-month-weekstart {
  37    border-left: none;
  38  }
  39  
  40  .phui-calendar-date-number {
  41    font-weight: normal;
  42    color: {$lightgreytext};
  43    padding: 4px;
  44    border-color: {$thinblueborder};
  45    border-style: solid;
  46    border-width: 0 0 1px 1px;
  47    position: absolute;
  48    background: #ffffff;
  49    width: 16px;
  50    height: 16px;
  51    text-align: center;
  52    top: 0;
  53    right: 0;
  54  }
  55  
  56  .phui-calendar-not-work-day {
  57    background-color: {$lightgreybackground};
  58  }
  59  
  60  .phui-calendar-today {
  61    background-color: {$lightgreen};
  62  }
  63  
  64  .phui-calendar-empty {
  65    background-color: {$greybackground};
  66  }
  67  
  68  .phui-calendar-event-empty {
  69    border-color: transparent;
  70    background: transparent;
  71  }
  72  
  73  .phui-calendar-view .phui-calendar-list {
  74    padding: 8px;
  75  }
  76  
  77  .phui-calendar-view .phui-calendar-list li:first-child {
  78    margin-right: 16px;
  79  }
  80  
  81  .phui-calendar-view .phui-calendar-list-dot {
  82    width: 3px;
  83    height: 3px;
  84    margin-right: 4px;
  85    border-radius: 10px;
  86    position: absolute;
  87    top: 5px;
  88    left: 0;
  89  }
  90  
  91  .phui-calendar-view .phui-calendar-list-title {
  92    width: auto;
  93    margin-left: 10px;
  94    white-space: normal;
  95    word-break: break-word;
  96  }
  97  
  98  .phui-calendar-view .phui-calendar-list-time {
  99    display: none;
 100  }