You are here

Home » API reference » Availability Calendars 6

availability_calendars.css in Availability Calendars 6

Same filename and directory in other branches
  1. 5 availability_calendars.css
table.sticky-header{font-size:80%;z-index:2;}
table.cal{width:200px;display:inline;display:inline-table;/* for Safari */float:left;font-size:80%;margin:0 6px 6px;}
table.cal tr.odd,table.cal tr.even{background:#FFFFFF;height:29px;}
div.month_title{margin:6px 6px 0;border-bottom:1px solid #DDDDDD;}
div.calmonth-wrapper{float:left;}
tr.caldays,tr.odd.caldays,tr.even.caldays{color:#CCCCCC;}
th.dayofweek{text-align:center;}
td.calnote,tr.odd td.calnote,tr.even td.calnote{color:#000000;}
td.calother,tr.odd td.calother,tr.even td.calother{background:#FFFFFF;}
td.keystatus,tr.odd td.keystatus,tr.even td.keystatus{padding-left:2px;}
td.calsplit,tr.odd td.calsplit,tr.even td.calsplit{padding-left:0;line-height:22px;}
.cal-split-date,.cal-split-bg{position:absolute;}
.cal-split-date{height:15px;margin-top:-22px;padding:2px 0 1px;text-align:center;width:25px;z-index:1;}
.cal-split-bg{border-style:solid;border-width:13px;float:left;line-height:0;margin-top:-25px;width:0;z-index:0;}
/* statuses */
td.calavailable,tr.odd td.calavailable,tr.even td.calavailable{color:#000;background:#90EE90;text-align:center;}
td.calnotavailable,tr.odd td.calnotavailable,tr.even td.calnotavailable{color:#fff;text-align:center;background:#FFB6C1;}
td.calnotavailableprov,tr.odd td.calnotavailableprov,tr.even td.calnotavailableprov{color:#ccc;text-align:center;background:#FFFFE0;}
td.caltoday,tr.odd td.caltoday,tr.even td.caltoday{border:1px solid #A00000;}
/* split day statuses */
td.cal-available_notavailable,tr.odd td.cal-available_notavailable,tr.even td.cal-available_notavailable{background:#FFB6C1;}
td.cal-available_notavailable > .cal-split-bg{border-color:#90EE90 #FFB6C1 #FFB6C1 #90EE90;}
td.cal-available_notavailableprov,tr.odd td.cal-available_notavailableprov,tr.even td.cal-available_notavailableprov{background:#FFFFE0;}
td.cal-available_notavailableprov > .cal-split-bg{border-color:#90EE90 #FFFFE0 #FFFFE0 #90EE90;}
td.cal-notavailable_available,tr.odd td.cal-notavailable_available, tr.even td.cal-notavailable_available{background:#90EE90;}
td.cal-notavailable_available > .cal-split-bg{border-color:#FFB6C1 #90EE90 #90EE90 #FFB6C1;}
td.cal-notavailable_notavailableprov,tr.odd td.cal-notavailable_notavailableprov,tr.even td.cal-notavailable_notavailableprov{background:#FFFFE0;}
td.cal-notavailable_notavailableprov > .cal-split-bg{border-color:#FFB6C1 #FFFFE0 #FFFFE0 #FFB6C1;}
td.cal-notavailableprov_available,tr.odd td.cal-notavailableprov_available,tr.even td.cal-notavailableprov_available{background:#90EE90;}
td.cal-notavailableprov_available > .cal-split-bg{border-color:#FFFFE0 #90EE90 #90EE90 #FFFFE0;}
td.cal-notavailableprov_notavailable,tr.odd td.cal-notavailableprov_notavailable,tr.even td.cal-notavailableprov_notavailable{background:#FFB6C1;}
td.cal-notavailableprov_notavailable > .cal-split-bg{border-color:#FFFFE0 #FFB6C1 #FFB6C1 #FFFFE0;}

File

availability_calendars.css
View source 
  1. table.sticky-header{font-size:80%;z-index:2;}

  2. table.cal{width:200px;display:inline;display:inline-table;/* for Safari */float:left;font-size:80%;margin:0 6px 6px;}

  3. table.cal tr.odd,table.cal tr.even{background:#FFFFFF;height:29px;}

  4. div.month_title{margin:6px 6px 0;border-bottom:1px solid #DDDDDD;}

  5. div.calmonth-wrapper{float:left;}

  6. tr.caldays,tr.odd.caldays,tr.even.caldays{color:#CCCCCC;}

  7. th.dayofweek{text-align:center;}

  8. td.calnote,tr.odd td.calnote,tr.even td.calnote{color:#000000;}

  9. td.calother,tr.odd td.calother,tr.even td.calother{background:#FFFFFF;}

  10. td.keystatus,tr.odd td.keystatus,tr.even td.keystatus{padding-left:2px;}

  11. td.calsplit,tr.odd td.calsplit,tr.even td.calsplit{padding-left:0;line-height:22px;}

  12. .cal-split-date,.cal-split-bg{position:absolute;}

  13. .cal-split-date{height:15px;margin-top:-22px;padding:2px 0 1px;text-align:center;width:25px;z-index:1;}

  14. .cal-split-bg{border-style:solid;border-width:13px;float:left;line-height:0;margin-top:-25px;width:0;z-index:0;}

  15. /* statuses */

  16. td.calavailable,tr.odd td.calavailable,tr.even td.calavailable{color:#000;background:#90EE90;text-align:center;}

  17. td.calnotavailable,tr.odd td.calnotavailable,tr.even td.calnotavailable{color:#fff;text-align:center;background:#FFB6C1;}

  18. td.calnotavailableprov,tr.odd td.calnotavailableprov,tr.even td.calnotavailableprov{color:#ccc;text-align:center;background:#FFFFE0;}

  19. td.caltoday,tr.odd td.caltoday,tr.even td.caltoday{border:1px solid #A00000;}

  20. /* split day statuses */

  21. td.cal-available_notavailable,tr.odd td.cal-available_notavailable,tr.even td.cal-available_notavailable{background:#FFB6C1;}

  22. td.cal-available_notavailable > .cal-split-bg{border-color:#90EE90 #FFB6C1 #FFB6C1 #90EE90;}

  23. td.cal-available_notavailableprov,tr.odd td.cal-available_notavailableprov,tr.even td.cal-available_notavailableprov{background:#FFFFE0;}

  24. td.cal-available_notavailableprov > .cal-split-bg{border-color:#90EE90 #FFFFE0 #FFFFE0 #90EE90;}

  25. td.cal-notavailable_available,tr.odd td.cal-notavailable_available, tr.even td.cal-notavailable_available{background:#90EE90;}

  26. td.cal-notavailable_available > .cal-split-bg{border-color:#FFB6C1 #90EE90 #90EE90 #FFB6C1;}

  27. td.cal-notavailable_notavailableprov,tr.odd td.cal-notavailable_notavailableprov,tr.even td.cal-notavailable_notavailableprov{background:#FFFFE0;}

  28. td.cal-notavailable_notavailableprov > .cal-split-bg{border-color:#FFB6C1 #FFFFE0 #FFFFE0 #FFB6C1;}

  29. td.cal-notavailableprov_available,tr.odd td.cal-notavailableprov_available,tr.even td.cal-notavailableprov_available{background:#90EE90;}

  30. td.cal-notavailableprov_available > .cal-split-bg{border-color:#FFFFE0 #90EE90 #90EE90 #FFFFE0;}

  31. td.cal-notavailableprov_notavailable,tr.odd td.cal-notavailableprov_notavailable,tr.even td.cal-notavailableprov_notavailable{background:#FFB6C1;}

  32. td.cal-notavailableprov_notavailable > .cal-split-bg{border-color:#FFFFE0 #FFB6C1 #FFB6C1 #FFFFE0;}