You are here

Home » API reference » Calendar 8

calendar-overlap.css in Calendar 8

Same filename and directory in other branches
  1. 7.3 css/calendar-overlap.css
/**
 * Overlapping week items
 */
.calendar-calendar tr.holder {
  height: 0;
  display: table-row;
}

.calendar-calendar .week-view .full div.item-wrapper,
.calendar-calendar .day-view .full div.item-wrapper {
  background-color: transparent;
  border: 0;
  float: none;
  margin: 0;
  width: 100%;
}

.calendar-calendar td .inner div,
.calendar-calendar td .inner div a {
  background: none;
}

.calendar-calendar .week-view .full div.single-day div.weekview,
.calendar-calendar .day-view .full div.single-day div.dayview {
  background: #ffc;
  width: auto;
  padding: 0 3px;
  overflow: hidden;
}

.calendar-calendar .week-view .full div.single-day div.weekview,
.calendar-calendar .day-view .full div.single-day div.dayview {
  border: 1px solid #e39364;
}

.calendar-calendar .week-view .header-body-divider,
.calendar-calendar .week-view .single-day-footer,
.calendar-calendar .day-view .single-day-footer,
.calendar-calendar .day-view .header-body-divider {
  background: #eeeeee;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  font-size: 1px;
  height: 4px;
  line-height: 1px;
}

.calendar-calendar .week-view #multi-day-container,
.calendar-calendar .week-view #single-day-container,
.calendar-calendar .day-view #multi-day-container,
.calendar-calendar .day-view #single-day-container {
  position: relative;
  background: #ffffff;
  overflow-y: scroll;
  overflow-x: hidden;
  border-left: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}

.calendar-calendar .week-view #multi-day-container,
.calendar-calendar .day-view #multi-day-container {
  border-top: 1px solid #cccccc;
}

.calendar-calendar .week-view #week-header-container,
.calendar-calendar .day-view #day-header-container {
  width: 100%;
  background: #ffffff;
  border-bottom: 1px solid #cccccc;
}

.calendar-calendar .week-view #multi-day-container,
.calendar-calendar .day-view #multi-day-container {
  height: 57px;
}

.calendar-calendar .week-view #multi-day-container .expand {
  height: 100%;
}

.calendar-calendar .week-view #multi-day-container table,
.calendar-calendar .day-view #multi-day-container table {
  height: 100%;
}

.calendar-calendar .week-view #multi-day-container table td,
.calendar-calendar .day-view #multi-day-container table td {
  border-top: 0;
  border-bottom: 0;
  vertical-align: top;
  width: 14%;
}

.calendar-calendar .week-view #multi-day-container table td.calendar-agenda-hour {
  border-right: 1px solid #cccccc;
}

.calendar-calendar .week-view #single-day-container,
.calendar-calendar .day-view #single-day-container {
  border-top: 1px solid #cccccc;
  height: 500px;
}

.calendar-calendar .week-view #single-day-container table td,
.calendar-calendar .day-view #single-day-container table td {
  padding: 0;
  border-top: 0;
  border-bottom: 0;
  width: 14%;
}

.calendar-calendar .week-view td.first,
.calendar-calendar .day-view td.first {
  border-left: 0;
}

.calendar-calendar .week-view td.first,
.calendar-calendar .day-view td.first {
  border-left: 0;
}

.calendar-calendar .week-view td.last,
.calendar-calendar .day-view td.last {
  border-right: 0;
}

.calendar-calendar .week-view #single-day-container div.first,
.calendar-calendar .day-view #single-day-container div.first {
  border-top: 0;
}

.calendar-calendar .week-view #single-day-container div.last,
.calendar-calendar .day-view #single-day-container div.last {
  border-bottom: 0;
}

.calendar-calendar .week-view table.full {
  table-layout: fixed;
  width: 100%;
  margin: 0;
}

.calendar-calendar .day-view table.full {
  table-layout: fixed;
  width: 100%;
  margin: 0;
}

.calendar-calendar td.calendar-agenda-hour .calendar-hour,
.calendar-calendar td.calendar-agenda-hour .calendar-ampm,
.calendar-calendar .week-view .full div.calendar-agenda-hour span,
.calendar-calendar .day-view .full div.calendar-agenda-hour span {
  font-size: .8em;
  font-weight: normal;
  margin-right: 0;
}

.calendar-calendar .week-view .full div.calendar-agenda-hour,
.calendar-calendar .day-view .full div.calendar-agenda-hour,
.calendar-calendar .week-view .full div.calendar-agenda-items,
.calendar-calendar .day-view .full div.calendar-agenda-items {
  height: 47px;
  border-top: 1px solid #cccccc;
  clear: both;
  width: 100%;
}

.calendar-calendar .week-view .full .calendar-agenda-hour {
  width: auto;
}

.calendar-calendar .week-view .full .calendar-agenda-hour div,
.calendar-calendar .day-view .full .calendar-agenda-hour div {
  margin-top: 10px;
}

.calendar-calendar .day-view #header-container td.calendar-time-holder,
.calendar-calendar .day-view #multi-day-container td.calendar-time-holder,
.calendar-calendar .day-view #single-day-container td.calendar-time-holder {
  width: 50px;
  padding: 0;
  border: 0;
}

.calendar-calendar .day-view #header-container td.calendar-day-holder,
.calendar-calendar .day-view #multi-day-container td.calendar-day-holder,
.calendar-calendar .day-view #single-day-container td.calendar-day-holder {
  width: 95%;
}

.calendar-calendar .week-view #header-container td.calendar-time-holder,
.calendar-calendar .week-view #multi-day-container td.calendar-time-holder,
.calendar-calendar .week-view #single-day-container td.calendar-time-holder {
  width: 50px;
  padding: 0;
  border: 0;
}

.calendar-calendar .week-view #header-container td.margin-right {
  width: 14px;
}

.calendar-calendar .week-view .full td.calendar-day-holder {
  padding: 0;
  border: 0;
  width: 14%;
}

.calendar-calendar .day-view .full td.calendar-day-holder {
  padding: 0;
  border: 0;
  width: 95%;
}

.calendar-calendar .week-view .full div.single-day,
.calendar-calendar .day-view .full div.single-day {
  padding: 0;
}

.calendar-calendar .week-view .full div.single-day .inner,
.calendar-calendar .day-view .full div.single-day .inner {
  position: relative;
  z-index: 1;
}

.calendar-calendar .week-view .full td.multi-day {
  padding: 1px 2px 0 2px;
}

.calendar-calendar .day-view .full td.multi-day div.dayview,
.calendar-calendar .week-view .full td.multi-day div.weekview {
  height: 22px !important;
}

.calendar-calendar .day-view .full td.multi-day .calendar.dayview .contents div,
.calendar-calendar .week-view .full td.multi-day .calendar.weekview .contents div {
}

.calendar-calendar .week-view .full td.multi-day .inner .weekview .continuation {
  height: 22px;
  padding-top: 0;
  margin-right: 3px;
}

.calendar-calendar .week-view .full td.multi-day .inner .weekview .continues,
.calendar-calendar .week-view .full td.multi-day .inner .weekview .cutoff,
.calendar-calendar .day-view .full td.multi-day .inner .dayview .continues,
.calendar-calendar .day-view .full td.multi-day .inner .dayview .cutoff {
  height: 22px;
  padding-top: 0;
}

.calendar-calendar .week-view div.single-day .view-item,
.calendar-calendar .day-view div.single-day .view-item {
  width: 100%;
  background: none;
  text-align: left;
  z-index: 1;
  margin-top: -24px;
  max-width: 120px;
  float: left;
}

.calendar-calendar .week-view div.single-day .half-hour,
.calendar-calendar .day-view div.single-day .half-hour {
  font-size: 1px;
  height: 23px;
  width: 100%;
  position: relative;
  z-index: 0;
  top: 0;
  border-bottom: 1px dotted #cccccc;
}

.calendar-calendar .week-view div.single-day .view-item .calendar,
.calendar-calendar .day-view div.single-day .view-item .calendar {
  margin: 0;
}

.calendar-calendar .week-view div.single-day .view-item .contents,
.calendar-calendar .day-view div.single-day .view-item .contents {
  overflow: hidden;
}

.calendar-calendar div.single-day .o_0 .view-item {
  top: 0;
}

.calendar-calendar div.single-day .o_1 .view-item {
  top: 12px;
}

.calendar-calendar div.single-day .o_2 .view-item {
  top: 24px;
}

.calendar-calendar div.single-day .o_3 .view-item {
  top: 36px;
}

.calendar-calendar div.single-day .o_4 .view-item {
  top: 40px;
}

.calendar-calendar div.single-day .d_1 .view-item .calendar {
  height: 10px;
}

.calendar-calendar div.single-day .d_2 .view-item .calendar {
  height: 22px;
}

.calendar-calendar div.single-day .d_3 .view-item .calendar {
  height: 34px;
}

.calendar-calendar div.single-day .d_4 .view-item .calendar {
  height: 46px;
}

.calendar-calendar div.single-day .d_5 .view-item .calendar {
  height: 58px;
}

.calendar-calendar div.single-day .d_6 .view-item .calendar {
  height: 70px;
}

.calendar-calendar div.single-day .d_7 .view-item .calendar {
  height: 82px;
}

.calendar-calendar div.single-day .d_8 .view-item .calendar {
  height: 94px;
}

.calendar-calendar div.single-day .d_9 .view-item .calendar {
  height: 106px;
}

.calendar-calendar div.single-day .d_10 .view-item .calendar {
  height: 118px;
}

.calendar-calendar div.single-day .d_11 .view-item .calendar {
  height: 130px;
}

.calendar-calendar div.single-day .d_12 .view-item .calendar {
  height: 142px;
}

.calendar-calendar div.single-day .d_13 .view-item .calendar {
  height: 154px;
}

.calendar-calendar div.single-day .d_14 .view-item .calendar {
  height: 166px;
}

.calendar-calendar div.single-day .d_15 .view-item .calendar {
  height: 178px;
}

.calendar-calendar div.single-day .d_16 .view-item .calendar {
  height: 190px;
}

.calendar-calendar div.single-day .d_17 .view-item .calendar {
  height: 202px;
}

.calendar-calendar div.single-day .d_18 .view-item .calendar {
  height: 214px;
}

.calendar-calendar div.single-day .d_19 .view-item .calendar {
  height: 226px;
}

.calendar-calendar div.single-day .d_20 .view-item .calendar {
  height: 238px;
}

.calendar-calendar div.single-day .d_21 .view-item .calendar {
  height: 250px;
}

.calendar-calendar div.single-day .d_22 .view-item .calendar {
  height: 262px;
}

.calendar-calendar div.single-day .d_23 .view-item .calendar {
  height: 274px;
}

.calendar-calendar div.single-day .d_24 .view-item .calendar {
  height: 286px;
}

.calendar-calendar div.single-day .d_25 .view-item .calendar {
  height: 298px;
}

.calendar-calendar div.single-day .d_26 .view-item .calendar {
  height: 310px;
}

.calendar-calendar div.single-day .d_27 .view-item .calendar {
  height: 322px;
}

.calendar-calendar div.single-day .d_28 .view-item .calendar {
  height: 334px;
}

.calendar-calendar div.single-day .d_29 .view-item .calendar {
  height: 346px;
}

.calendar-calendar div.single-day .d_30 .view-item .calendar {
  height: 358px;
}

.calendar-calendar div.single-day .d_31 .view-item .calendar {
  height: 370px;
}

.calendar-calendar div.single-day .d_32 .view-item .calendar {
  height: 382px;
}

.calendar-calendar div.single-day .d_33 .view-item .calendar {
  height: 394px;
}

.calendar-calendar div.single-day .d_34 .view-item .calendar {
  height: 406px;
}

.calendar-calendar div.single-day .d_35 .view-item .calendar {
  height: 418px;
}

.calendar-calendar div.single-day .d_36 .view-item .calendar {
  height: 430px;
}

.calendar-calendar div.single-day .d_37 .view-item .calendar {
  height: 442px;
}

.calendar-calendar div.single-day .d_38 .view-item .calendar {
  height: 454px;
}

.calendar-calendar div.single-day .d_39 .view-item .calendar {
  height: 466px;
}

.calendar-calendar div.single-day .d_40 .view-item .calendar {
  height: 478px;
}

.calendar-calendar div.single-day .d_41 .view-item .calendar {
  height: 490px;
}

.calendar-calendar div.single-day .d_42 .view-item .calendar {
  height: 502px;
}

.calendar-calendar div.single-day .d_43 .view-item .calendar {
  height: 514px;
}

.calendar-calendar div.single-day .d_44 .view-item .calendar {
  height: 526px;
}

.calendar-calendar div.single-day .d_45 .view-item .calendar {
  height: 538px;
}

.calendar-calendar div.single-day .d_46 .view-item .calendar {
  height: 550px;
}

.calendar-calendar div.single-day .d_47 .view-item .calendar {
  height: 562px;
}

.calendar-calendar div.single-day .d_48 .view-item .calendar {
  height: 574px;
}

.calendar-calendar div.single-day .d_49 .view-item .calendar {
  height: 586px;
}

.calendar-calendar div.single-day .d_50 .view-item .calendar {
  height: 598px;
}

.calendar-calendar div.single-day .d_51 .view-item .calendar {
  height: 610px;
}

.calendar-calendar div.single-day .d_52 .view-item .calendar {
  height: 622px;
}

.calendar-calendar div.single-day .d_53 .view-item .calendar {
  height: 634px;
}

.calendar-calendar div.single-day .d_54 .view-item .calendar {
  height: 646px;
}

.calendar-calendar div.single-day .d_55 .view-item .calendar {
  height: 658px;
}

.calendar-calendar div.single-day .d_56 .view-item .calendar {
  height: 670px;
}

.calendar-calendar div.single-day .d_57 .view-item .calendar {
  height: 682px;
}

.calendar-calendar div.single-day .d_58 .view-item .calendar {
  height: 694px;
}

.calendar-calendar div.single-day .d_59 .view-item .calendar {
  height: 706px;
}

.calendar-calendar div.single-day .d_60 .view-item .calendar {
  height: 718px;
}

.calendar-calendar div.single-day .d_61 .view-item .calendar {
  height: 730px;
}

.calendar-calendar div.single-day .d_62 .view-item .calendar {
  height: 742px;
}

.calendar-calendar div.single-day .d_63 .view-item .calendar {
  height: 754px;
}

.calendar-calendar div.single-day .d_64 .view-item .calendar {
  height: 766px;
}

.calendar-calendar div.single-day .d_65 .view-item .calendar {
  height: 778px;
}

.calendar-calendar div.single-day .d_66 .view-item .calendar {
  height: 790px;
}

.calendar-calendar div.single-day .d_67 .view-item .calendar {
  height: 802px;
}

.calendar-calendar div.single-day .d_68 .view-item .calendar {
  height: 814px;
}

.calendar-calendar div.single-day .d_69 .view-item .calendar {
  height: 826px;
}

.calendar-calendar div.single-day .d_70 .view-item .calendar {
  height: 838px;
}

.calendar-calendar div.single-day .d_71 .view-item .calendar {
  height: 850px;
}

.calendar-calendar div.single-day .d_72 .view-item .calendar {
  height: 862px;
}

.calendar-calendar div.single-day .d_73 .view-item .calendar {
  height: 874px;
}

.calendar-calendar div.single-day .d_74 .view-item .calendar {
  height: 886px;
}

.calendar-calendar div.single-day .d_75 .view-item .calendar {
  height: 898px;
}

.calendar-calendar div.single-day .d_76 .view-item .calendar {
  height: 910px;
}

.calendar-calendar div.single-day .d_77 .view-item .calendar {
  height: 922px;
}

.calendar-calendar div.single-day .d_78 .view-item .calendar {
  height: 934px;
}

.calendar-calendar div.single-day .d_79 .view-item .calendar {
  height: 946px;
}

.calendar-calendar div.single-day .d_80 .view-item .calendar {
  height: 958px;
}

.calendar-calendar div.single-day .d_81 .view-item .calendar {
  height: 970px;
}

.calendar-calendar div.single-day .d_82 .view-item .calendar {
  height: 982px;
}

.calendar-calendar div.single-day .d_83 .view-item .calendar {
  height: 994px;
}

.calendar-calendar div.single-day .d_84 .view-item .calendar {
  height: 1006px;
}

.calendar-calendar div.single-day .d_85 .view-item .calendar {
  height: 1018px;
}

.calendar-calendar div.single-day .d_86 .view-item .calendar {
  height: 1030px;
}

.calendar-calendar div.single-day .d_87 .view-item .calendar {
  height: 1042px;
}

.calendar-calendar div.single-day .d_88 .view-item .calendar {
  height: 1054px;
}

.calendar-calendar div.single-day .d_89 .view-item .calendar {
  height: 1066px;
}

.calendar-calendar div.single-day .d_90 .view-item .calendar {
  height: 1078px;
}

.calendar-calendar div.single-day .d_91 .view-item .calendar {
  height: 1090px;
}

.calendar-calendar div.single-day .d_92 .view-item .calendar {
  height: 1102px;
}

.calendar-calendar div.single-day .d_93 .view-item .calendar {
  height: 1114px;
}

.calendar-calendar div.single-day .d_94 .view-item .calendar {
  height: 1128px;
}

.calendar-calendar div.single-day .d_95 .view-item .calendar {
  height: 1140px;
}

.calendar-calendar div.single-day .d_96 .view-item .calendar {
  height: 1152px;
}

.calendar-calendar .week-view div.single-day .i_0 .view-item .calendar {
  margin-left: 0px;
  width: 50%;
}

.calendar-calendar .week-view div.single-day .i_1 .view-item .calendar {
  margin-left: 10%;
  width: 85%;
}

.calendar-calendar .week-view div.single-day .i_2 .view-item .calendar {
  margin-left: 16%;
  width: 79%;
}

.calendar-calendar .week-view div.single-day .i_3 .view-item .calendar {
  margin-left: 21%;
  width: 74%;
}

.calendar-calendar .week-view div.single-day .i_4 .view-item .calendar {
  margin-left: 30%;
  width: 65%;
}

.calendar-calendar .week-view div.single-day .i_5 .view-item .calendar {
  margin-left: 34%;
  width: 61%;
}

.calendar-calendar .week-view div.single-day .i_6 .view-item .calendar {
  margin-left: 42%;
  width: 53%;
}

.calendar-calendar .week-view div.single-day .i_7 .view-item .calendar {
  margin-left: 49%;
  width: 46%;
}

.calendar-calendar .week-view div.single-day .i_8 .view-item .calendar {
  margin-left: 55%;
  width: 40%;
}

.calendar-calendar .week-view div.single-day .i_9 .view-item .calendar {
  margin-left: 65%;
  width: 30%;
}

.calendar-calendar .week-view div.single-day .i_0.md_0 .view-item .calendar {
  width: 95%;
}

.calendar-calendar .week-view div.single-day .i_0.md_1 .view-item .calendar {
  width: 60%;
}

.calendar-calendar .day-view div.single-day .i_0 .view-item .calendar {
  margin-left: 2px;
  width: 25%;
}

.calendar-calendar .day-view div.single-day .i_1 .view-item .calendar {
  margin-left: 10%;
  width: 89%;
}

.calendar-calendar .day-view div.single-day .i_2 .view-item .calendar {
  margin-left: 20%;
  width: 79%;
}

.calendar-calendar .day-view div.single-day .i_3 .view-item .calendar {
  margin-left: 30%;
  width: 69%;
}

.calendar-calendar .day-view div.single-day .i_4 .view-item .calendar {
  margin-left: 40%;
  width: 59%;
}

.calendar-calendar .day-view div.single-day .i_5 .view-item .calendar {
  margin-left: 50%;
  width: 49%;
}

.calendar-calendar .day-view div.single-day .i_6 .view-item .calendar {
  margin-left: 60%;
  width: 39%;
}

.calendar-calendar .day-view div.single-day .i_7 .view-item .calendar {
  margin-left: 70%;
  width: 29%;
}

.calendar-calendar .day-view div.single-day .i_8 .view-item .calendar {
  margin-left: 75%;
  width: 24%;
}

.calendar-calendar .day-view div.single-day .i_9 .view-item .calendar {
  margin-left: 80%;
  width: 19%;
}

.calendar-calendar .day-view div.single-day .i_0.md_0 .view-item .calendar {
  width: 98%;
}

.calendar-calendar .day-view div.single-day .i_0.md_1 .view-item .calendar {
  width: 60%;
}

.calendar-calendar .day-view div.single-day .i_0.md_2 .view-item .calendar {
  width: 40%;
}

.calendar-calendar .day-view div.single-day .i_0.md_3 .view-item .calendar {
  width: 30%;
}

.single-day-footer .grippie,
.header-body-divider .grippie {
  overflow: hidden;
  background: #eee url("../images/grippie.png") no-repeat center 2px;
  cursor: s-resize;
  height: 3px;
}

File

css/calendar-overlap.css
View source 
  1. /**

  2.  * Overlapping week items

  3.  */

  4. .calendar-calendar tr.holder {

  5.   height: 0;

  6.   display: table-row;

  7. }

  8. 

  9. .calendar-calendar .week-view .full div.item-wrapper,

  10. .calendar-calendar .day-view .full div.item-wrapper {

  11.   background-color: transparent;

  12.   border: 0;

  13.   float: none;

  14.   margin: 0;

  15.   width: 100%;

  16. }

  17. 

  18. .calendar-calendar td .inner div,

  19. .calendar-calendar td .inner div a {

  20.   background: none;

  21. }

  22. 

  23. .calendar-calendar .week-view .full div.single-day div.weekview,

  24. .calendar-calendar .day-view .full div.single-day div.dayview {

  25.   background: #ffc;

  26.   width: auto;

  27.   padding: 0 3px;

  28.   overflow: hidden;

  29. }

  30. 

  31. .calendar-calendar .week-view .full div.single-day div.weekview,

  32. .calendar-calendar .day-view .full div.single-day div.dayview {

  33.   border: 1px solid #e39364;

  34. }

  35. 

  36. .calendar-calendar .week-view .header-body-divider,

  37. .calendar-calendar .week-view .single-day-footer,

  38. .calendar-calendar .day-view .single-day-footer,

  39. .calendar-calendar .day-view .header-body-divider {

  40.   background: #eeeeee;

  41.   border-left: 1px solid #cccccc;

  42.   border-right: 1px solid #cccccc;

  43.   font-size: 1px;

  44.   height: 4px;

  45.   line-height: 1px;

  46. }

  47. 

  48. .calendar-calendar .week-view #multi-day-container,

  49. .calendar-calendar .week-view #single-day-container,

  50. .calendar-calendar .day-view #multi-day-container,

  51. .calendar-calendar .day-view #single-day-container {

  52.   position: relative;

  53.   background: #ffffff;

  54.   overflow-y: scroll;

  55.   overflow-x: hidden;

  56.   border-left: 1px solid #cccccc;

  57.   border-bottom: 1px solid #cccccc;

  58. }

  59. 

  60. .calendar-calendar .week-view #multi-day-container,

  61. .calendar-calendar .day-view #multi-day-container {

  62.   border-top: 1px solid #cccccc;

  63. }

  64. 

  65. .calendar-calendar .week-view #week-header-container,

  66. .calendar-calendar .day-view #day-header-container {

  67.   width: 100%;

  68.   background: #ffffff;

  69.   border-bottom: 1px solid #cccccc;

  70. }

  71. 

  72. .calendar-calendar .week-view #multi-day-container,

  73. .calendar-calendar .day-view #multi-day-container {

  74.   height: 57px;

  75. }

  76. 

  77. .calendar-calendar .week-view #multi-day-container .expand {

  78.   height: 100%;

  79. }

  80. 

  81. .calendar-calendar .week-view #multi-day-container table,

  82. .calendar-calendar .day-view #multi-day-container table {

  83.   height: 100%;

  84. }

  85. 

  86. .calendar-calendar .week-view #multi-day-container table td,

  87. .calendar-calendar .day-view #multi-day-container table td {

  88.   border-top: 0;

  89.   border-bottom: 0;

  90.   vertical-align: top;

  91.   width: 14%;

  92. }

  93. 

  94. .calendar-calendar .week-view #multi-day-container table td.calendar-agenda-hour {

  95.   border-right: 1px solid #cccccc;

  96. }

  97. 

  98. .calendar-calendar .week-view #single-day-container,

  99. .calendar-calendar .day-view #single-day-container {

  100.   border-top: 1px solid #cccccc;

  101.   height: 500px;

  102. }

  103. 

  104. .calendar-calendar .week-view #single-day-container table td,

  105. .calendar-calendar .day-view #single-day-container table td {

  106.   padding: 0;

  107.   border-top: 0;

  108.   border-bottom: 0;

  109.   width: 14%;

  110. }

  111. 

  112. .calendar-calendar .week-view td.first,

  113. .calendar-calendar .day-view td.first {

  114.   border-left: 0;

  115. }

  116. 

  117. .calendar-calendar .week-view td.first,

  118. .calendar-calendar .day-view td.first {

  119.   border-left: 0;

  120. }

  121. 

  122. .calendar-calendar .week-view td.last,

  123. .calendar-calendar .day-view td.last {

  124.   border-right: 0;

  125. }

  126. 

  127. .calendar-calendar .week-view #single-day-container div.first,

  128. .calendar-calendar .day-view #single-day-container div.first {

  129.   border-top: 0;

  130. }

  131. 

  132. .calendar-calendar .week-view #single-day-container div.last,

  133. .calendar-calendar .day-view #single-day-container div.last {

  134.   border-bottom: 0;

  135. }

  136. 

  137. .calendar-calendar .week-view table.full {

  138.   table-layout: fixed;

  139.   width: 100%;

  140.   margin: 0;

  141. }

  142. 

  143. .calendar-calendar .day-view table.full {

  144.   table-layout: fixed;

  145.   width: 100%;

  146.   margin: 0;

  147. }

  148. 

  149. .calendar-calendar td.calendar-agenda-hour .calendar-hour,

  150. .calendar-calendar td.calendar-agenda-hour .calendar-ampm,

  151. .calendar-calendar .week-view .full div.calendar-agenda-hour span,

  152. .calendar-calendar .day-view .full div.calendar-agenda-hour span {

  153.   font-size: .8em;

  154.   font-weight: normal;

  155.   margin-right: 0;

  156. }

  157. 

  158. .calendar-calendar .week-view .full div.calendar-agenda-hour,

  159. .calendar-calendar .day-view .full div.calendar-agenda-hour,

  160. .calendar-calendar .week-view .full div.calendar-agenda-items,

  161. .calendar-calendar .day-view .full div.calendar-agenda-items {

  162.   height: 47px;

  163.   border-top: 1px solid #cccccc;

  164.   clear: both;

  165.   width: 100%;

  166. }

  167. 

  168. .calendar-calendar .week-view .full .calendar-agenda-hour {

  169.   width: auto;

  170. }

  171. 

  172. .calendar-calendar .week-view .full .calendar-agenda-hour div,

  173. .calendar-calendar .day-view .full .calendar-agenda-hour div {

  174.   margin-top: 10px;

  175. }

  176. 

  177. .calendar-calendar .day-view #header-container td.calendar-time-holder,

  178. .calendar-calendar .day-view #multi-day-container td.calendar-time-holder,

  179. .calendar-calendar .day-view #single-day-container td.calendar-time-holder {

  180.   width: 50px;

  181.   padding: 0;

  182.   border: 0;

  183. }

  184. 

  185. .calendar-calendar .day-view #header-container td.calendar-day-holder,

  186. .calendar-calendar .day-view #multi-day-container td.calendar-day-holder,

  187. .calendar-calendar .day-view #single-day-container td.calendar-day-holder {

  188.   width: 95%;

  189. }

  190. 

  191. .calendar-calendar .week-view #header-container td.calendar-time-holder,

  192. .calendar-calendar .week-view #multi-day-container td.calendar-time-holder,

  193. .calendar-calendar .week-view #single-day-container td.calendar-time-holder {

  194.   width: 50px;

  195.   padding: 0;

  196.   border: 0;

  197. }

  198. 

  199. .calendar-calendar .week-view #header-container td.margin-right {

  200.   width: 14px;

  201. }

  202. 

  203. .calendar-calendar .week-view .full td.calendar-day-holder {

  204.   padding: 0;

  205.   border: 0;

  206.   width: 14%;

  207. }

  208. 

  209. .calendar-calendar .day-view .full td.calendar-day-holder {

  210.   padding: 0;

  211.   border: 0;

  212.   width: 95%;

  213. }

  214. 

  215. .calendar-calendar .week-view .full div.single-day,

  216. .calendar-calendar .day-view .full div.single-day {

  217.   padding: 0;

  218. }

  219. 

  220. .calendar-calendar .week-view .full div.single-day .inner,

  221. .calendar-calendar .day-view .full div.single-day .inner {

  222.   position: relative;

  223.   z-index: 1;

  224. }

  225. 

  226. .calendar-calendar .week-view .full td.multi-day {

  227.   padding: 1px 2px 0 2px;

  228. }

  229. 

  230. .calendar-calendar .day-view .full td.multi-day div.dayview,

  231. .calendar-calendar .week-view .full td.multi-day div.weekview {

  232.   height: 22px !important;

  233. }

  234. 

  235. .calendar-calendar .day-view .full td.multi-day .calendar.dayview .contents div,

  236. .calendar-calendar .week-view .full td.multi-day .calendar.weekview .contents div {

  237. }

  238. 

  239. .calendar-calendar .week-view .full td.multi-day .inner .weekview .continuation {

  240.   height: 22px;

  241.   padding-top: 0;

  242.   margin-right: 3px;

  243. }

  244. 

  245. .calendar-calendar .week-view .full td.multi-day .inner .weekview .continues,

  246. .calendar-calendar .week-view .full td.multi-day .inner .weekview .cutoff,

  247. .calendar-calendar .day-view .full td.multi-day .inner .dayview .continues,

  248. .calendar-calendar .day-view .full td.multi-day .inner .dayview .cutoff {

  249.   height: 22px;

  250.   padding-top: 0;

  251. }

  252. 

  253. .calendar-calendar .week-view div.single-day .view-item,

  254. .calendar-calendar .day-view div.single-day .view-item {

  255.   width: 100%;

  256.   background: none;

  257.   text-align: left;

  258.   z-index: 1;

  259.   margin-top: -24px;

  260.   max-width: 120px;

  261.   float: left;

  262. }

  263. 

  264. .calendar-calendar .week-view div.single-day .half-hour,

  265. .calendar-calendar .day-view div.single-day .half-hour {

  266.   font-size: 1px;

  267.   height: 23px;

  268.   width: 100%;

  269.   position: relative;

  270.   z-index: 0;

  271.   top: 0;

  272.   border-bottom: 1px dotted #cccccc;

  273. }

  274. 

  275. .calendar-calendar .week-view div.single-day .view-item .calendar,

  276. .calendar-calendar .day-view div.single-day .view-item .calendar {

  277.   margin: 0;

  278. }

  279. 

  280. .calendar-calendar .week-view div.single-day .view-item .contents,

  281. .calendar-calendar .day-view div.single-day .view-item .contents {

  282.   overflow: hidden;

  283. }

  284. 

  285. .calendar-calendar div.single-day .o_0 .view-item {

  286.   top: 0;

  287. }

  288. 

  289. .calendar-calendar div.single-day .o_1 .view-item {

  290.   top: 12px;

  291. }

  292. 

  293. .calendar-calendar div.single-day .o_2 .view-item {

  294.   top: 24px;

  295. }

  296. 

  297. .calendar-calendar div.single-day .o_3 .view-item {

  298.   top: 36px;

  299. }

  300. 

  301. .calendar-calendar div.single-day .o_4 .view-item {

  302.   top: 40px;

  303. }

  304. 

  305. .calendar-calendar div.single-day .d_1 .view-item .calendar {

  306.   height: 10px;

  307. }

  308. 

  309. .calendar-calendar div.single-day .d_2 .view-item .calendar {

  310.   height: 22px;

  311. }

  312. 

  313. .calendar-calendar div.single-day .d_3 .view-item .calendar {

  314.   height: 34px;

  315. }

  316. 

  317. .calendar-calendar div.single-day .d_4 .view-item .calendar {

  318.   height: 46px;

  319. }

  320. 

  321. .calendar-calendar div.single-day .d_5 .view-item .calendar {

  322.   height: 58px;

  323. }

  324. 

  325. .calendar-calendar div.single-day .d_6 .view-item .calendar {

  326.   height: 70px;

  327. }

  328. 

  329. .calendar-calendar div.single-day .d_7 .view-item .calendar {

  330.   height: 82px;

  331. }

  332. 

  333. .calendar-calendar div.single-day .d_8 .view-item .calendar {

  334.   height: 94px;

  335. }

  336. 

  337. .calendar-calendar div.single-day .d_9 .view-item .calendar {

  338.   height: 106px;

  339. }

  340. 

  341. .calendar-calendar div.single-day .d_10 .view-item .calendar {

  342.   height: 118px;

  343. }

  344. 

  345. .calendar-calendar div.single-day .d_11 .view-item .calendar {

  346.   height: 130px;

  347. }

  348. 

  349. .calendar-calendar div.single-day .d_12 .view-item .calendar {

  350.   height: 142px;

  351. }

  352. 

  353. .calendar-calendar div.single-day .d_13 .view-item .calendar {

  354.   height: 154px;

  355. }

  356. 

  357. .calendar-calendar div.single-day .d_14 .view-item .calendar {

  358.   height: 166px;

  359. }

  360. 

  361. .calendar-calendar div.single-day .d_15 .view-item .calendar {

  362.   height: 178px;

  363. }

  364. 

  365. .calendar-calendar div.single-day .d_16 .view-item .calendar {

  366.   height: 190px;

  367. }

  368. 

  369. .calendar-calendar div.single-day .d_17 .view-item .calendar {

  370.   height: 202px;

  371. }

  372. 

  373. .calendar-calendar div.single-day .d_18 .view-item .calendar {

  374.   height: 214px;

  375. }

  376. 

  377. .calendar-calendar div.single-day .d_19 .view-item .calendar {

  378.   height: 226px;

  379. }

  380. 

  381. .calendar-calendar div.single-day .d_20 .view-item .calendar {

  382.   height: 238px;

  383. }

  384. 

  385. .calendar-calendar div.single-day .d_21 .view-item .calendar {

  386.   height: 250px;

  387. }

  388. 

  389. .calendar-calendar div.single-day .d_22 .view-item .calendar {

  390.   height: 262px;

  391. }

  392. 

  393. .calendar-calendar div.single-day .d_23 .view-item .calendar {

  394.   height: 274px;

  395. }

  396. 

  397. .calendar-calendar div.single-day .d_24 .view-item .calendar {

  398.   height: 286px;

  399. }

  400. 

  401. .calendar-calendar div.single-day .d_25 .view-item .calendar {

  402.   height: 298px;

  403. }

  404. 

  405. .calendar-calendar div.single-day .d_26 .view-item .calendar {

  406.   height: 310px;

  407. }

  408. 

  409. .calendar-calendar div.single-day .d_27 .view-item .calendar {

  410.   height: 322px;

  411. }

  412. 

  413. .calendar-calendar div.single-day .d_28 .view-item .calendar {

  414.   height: 334px;

  415. }

  416. 

  417. .calendar-calendar div.single-day .d_29 .view-item .calendar {

  418.   height: 346px;

  419. }

  420. 

  421. .calendar-calendar div.single-day .d_30 .view-item .calendar {

  422.   height: 358px;

  423. }

  424. 

  425. .calendar-calendar div.single-day .d_31 .view-item .calendar {

  426.   height: 370px;

  427. }

  428. 

  429. .calendar-calendar div.single-day .d_32 .view-item .calendar {

  430.   height: 382px;

  431. }

  432. 

  433. .calendar-calendar div.single-day .d_33 .view-item .calendar {

  434.   height: 394px;

  435. }

  436. 

  437. .calendar-calendar div.single-day .d_34 .view-item .calendar {

  438.   height: 406px;

  439. }

  440. 

  441. .calendar-calendar div.single-day .d_35 .view-item .calendar {

  442.   height: 418px;

  443. }

  444. 

  445. .calendar-calendar div.single-day .d_36 .view-item .calendar {

  446.   height: 430px;

  447. }

  448. 

  449. .calendar-calendar div.single-day .d_37 .view-item .calendar {

  450.   height: 442px;

  451. }

  452. 

  453. .calendar-calendar div.single-day .d_38 .view-item .calendar {

  454.   height: 454px;

  455. }

  456. 

  457. .calendar-calendar div.single-day .d_39 .view-item .calendar {

  458.   height: 466px;

  459. }

  460. 

  461. .calendar-calendar div.single-day .d_40 .view-item .calendar {

  462.   height: 478px;

  463. }

  464. 

  465. .calendar-calendar div.single-day .d_41 .view-item .calendar {

  466.   height: 490px;

  467. }

  468. 

  469. .calendar-calendar div.single-day .d_42 .view-item .calendar {

  470.   height: 502px;

  471. }

  472. 

  473. .calendar-calendar div.single-day .d_43 .view-item .calendar {

  474.   height: 514px;

  475. }

  476. 

  477. .calendar-calendar div.single-day .d_44 .view-item .calendar {

  478.   height: 526px;

  479. }

  480. 

  481. .calendar-calendar div.single-day .d_45 .view-item .calendar {

  482.   height: 538px;

  483. }

  484. 

  485. .calendar-calendar div.single-day .d_46 .view-item .calendar {

  486.   height: 550px;

  487. }

  488. 

  489. .calendar-calendar div.single-day .d_47 .view-item .calendar {

  490.   height: 562px;

  491. }

  492. 

  493. .calendar-calendar div.single-day .d_48 .view-item .calendar {

  494.   height: 574px;

  495. }

  496. 

  497. .calendar-calendar div.single-day .d_49 .view-item .calendar {

  498.   height: 586px;

  499. }

  500. 

  501. .calendar-calendar div.single-day .d_50 .view-item .calendar {

  502.   height: 598px;

  503. }

  504. 

  505. .calendar-calendar div.single-day .d_51 .view-item .calendar {

  506.   height: 610px;

  507. }

  508. 

  509. .calendar-calendar div.single-day .d_52 .view-item .calendar {

  510.   height: 622px;

  511. }

  512. 

  513. .calendar-calendar div.single-day .d_53 .view-item .calendar {

  514.   height: 634px;

  515. }

  516. 

  517. .calendar-calendar div.single-day .d_54 .view-item .calendar {

  518.   height: 646px;

  519. }

  520. 

  521. .calendar-calendar div.single-day .d_55 .view-item .calendar {

  522.   height: 658px;

  523. }

  524. 

  525. .calendar-calendar div.single-day .d_56 .view-item .calendar {

  526.   height: 670px;

  527. }

  528. 

  529. .calendar-calendar div.single-day .d_57 .view-item .calendar {

  530.   height: 682px;

  531. }

  532. 

  533. .calendar-calendar div.single-day .d_58 .view-item .calendar {

  534.   height: 694px;

  535. }

  536. 

  537. .calendar-calendar div.single-day .d_59 .view-item .calendar {

  538.   height: 706px;

  539. }

  540. 

  541. .calendar-calendar div.single-day .d_60 .view-item .calendar {

  542.   height: 718px;

  543. }

  544. 

  545. .calendar-calendar div.single-day .d_61 .view-item .calendar {

  546.   height: 730px;

  547. }

  548. 

  549. .calendar-calendar div.single-day .d_62 .view-item .calendar {

  550.   height: 742px;

  551. }

  552. 

  553. .calendar-calendar div.single-day .d_63 .view-item .calendar {

  554.   height: 754px;

  555. }

  556. 

  557. .calendar-calendar div.single-day .d_64 .view-item .calendar {

  558.   height: 766px;

  559. }

  560. 

  561. .calendar-calendar div.single-day .d_65 .view-item .calendar {

  562.   height: 778px;

  563. }

  564. 

  565. .calendar-calendar div.single-day .d_66 .view-item .calendar {

  566.   height: 790px;

  567. }

  568. 

  569. .calendar-calendar div.single-day .d_67 .view-item .calendar {

  570.   height: 802px;

  571. }

  572. 

  573. .calendar-calendar div.single-day .d_68 .view-item .calendar {

  574.   height: 814px;

  575. }

  576. 

  577. .calendar-calendar div.single-day .d_69 .view-item .calendar {

  578.   height: 826px;

  579. }

  580. 

  581. .calendar-calendar div.single-day .d_70 .view-item .calendar {

  582.   height: 838px;

  583. }

  584. 

  585. .calendar-calendar div.single-day .d_71 .view-item .calendar {

  586.   height: 850px;

  587. }

  588. 

  589. .calendar-calendar div.single-day .d_72 .view-item .calendar {

  590.   height: 862px;

  591. }

  592. 

  593. .calendar-calendar div.single-day .d_73 .view-item .calendar {

  594.   height: 874px;

  595. }

  596. 

  597. .calendar-calendar div.single-day .d_74 .view-item .calendar {

  598.   height: 886px;

  599. }

  600. 

  601. .calendar-calendar div.single-day .d_75 .view-item .calendar {

  602.   height: 898px;

  603. }

  604. 

  605. .calendar-calendar div.single-day .d_76 .view-item .calendar {

  606.   height: 910px;

  607. }

  608. 

  609. .calendar-calendar div.single-day .d_77 .view-item .calendar {

  610.   height: 922px;

  611. }

  612. 

  613. .calendar-calendar div.single-day .d_78 .view-item .calendar {

  614.   height: 934px;

  615. }

  616. 

  617. .calendar-calendar div.single-day .d_79 .view-item .calendar {

  618.   height: 946px;

  619. }

  620. 

  621. .calendar-calendar div.single-day .d_80 .view-item .calendar {

  622.   height: 958px;

  623. }

  624. 

  625. .calendar-calendar div.single-day .d_81 .view-item .calendar {

  626.   height: 970px;

  627. }

  628. 

  629. .calendar-calendar div.single-day .d_82 .view-item .calendar {

  630.   height: 982px;

  631. }

  632. 

  633. .calendar-calendar div.single-day .d_83 .view-item .calendar {

  634.   height: 994px;

  635. }

  636. 

  637. .calendar-calendar div.single-day .d_84 .view-item .calendar {

  638.   height: 1006px;

  639. }

  640. 

  641. .calendar-calendar div.single-day .d_85 .view-item .calendar {

  642.   height: 1018px;

  643. }

  644. 

  645. .calendar-calendar div.single-day .d_86 .view-item .calendar {

  646.   height: 1030px;

  647. }

  648. 

  649. .calendar-calendar div.single-day .d_87 .view-item .calendar {

  650.   height: 1042px;

  651. }

  652. 

  653. .calendar-calendar div.single-day .d_88 .view-item .calendar {

  654.   height: 1054px;

  655. }

  656. 

  657. .calendar-calendar div.single-day .d_89 .view-item .calendar {

  658.   height: 1066px;

  659. }

  660. 

  661. .calendar-calendar div.single-day .d_90 .view-item .calendar {

  662.   height: 1078px;

  663. }

  664. 

  665. .calendar-calendar div.single-day .d_91 .view-item .calendar {

  666.   height: 1090px;

  667. }

  668. 

  669. .calendar-calendar div.single-day .d_92 .view-item .calendar {

  670.   height: 1102px;

  671. }

  672. 

  673. .calendar-calendar div.single-day .d_93 .view-item .calendar {

  674.   height: 1114px;

  675. }

  676. 

  677. .calendar-calendar div.single-day .d_94 .view-item .calendar {

  678.   height: 1128px;

  679. }

  680. 

  681. .calendar-calendar div.single-day .d_95 .view-item .calendar {

  682.   height: 1140px;

  683. }

  684. 

  685. .calendar-calendar div.single-day .d_96 .view-item .calendar {

  686.   height: 1152px;

  687. }

  688. 

  689. .calendar-calendar .week-view div.single-day .i_0 .view-item .calendar {

  690.   margin-left: 0px;

  691.   width: 50%;

  692. }

  693. 

  694. .calendar-calendar .week-view div.single-day .i_1 .view-item .calendar {

  695.   margin-left: 10%;

  696.   width: 85%;

  697. }

  698. 

  699. .calendar-calendar .week-view div.single-day .i_2 .view-item .calendar {

  700.   margin-left: 16%;

  701.   width: 79%;

  702. }

  703. 

  704. .calendar-calendar .week-view div.single-day .i_3 .view-item .calendar {

  705.   margin-left: 21%;

  706.   width: 74%;

  707. }

  708. 

  709. .calendar-calendar .week-view div.single-day .i_4 .view-item .calendar {

  710.   margin-left: 30%;

  711.   width: 65%;

  712. }

  713. 

  714. .calendar-calendar .week-view div.single-day .i_5 .view-item .calendar {

  715.   margin-left: 34%;

  716.   width: 61%;

  717. }

  718. 

  719. .calendar-calendar .week-view div.single-day .i_6 .view-item .calendar {

  720.   margin-left: 42%;

  721.   width: 53%;

  722. }

  723. 

  724. .calendar-calendar .week-view div.single-day .i_7 .view-item .calendar {

  725.   margin-left: 49%;

  726.   width: 46%;

  727. }

  728. 

  729. .calendar-calendar .week-view div.single-day .i_8 .view-item .calendar {

  730.   margin-left: 55%;

  731.   width: 40%;

  732. }

  733. 

  734. .calendar-calendar .week-view div.single-day .i_9 .view-item .calendar {

  735.   margin-left: 65%;

  736.   width: 30%;

  737. }

  738. 

  739. .calendar-calendar .week-view div.single-day .i_0.md_0 .view-item .calendar {

  740.   width: 95%;

  741. }

  742. 

  743. .calendar-calendar .week-view div.single-day .i_0.md_1 .view-item .calendar {

  744.   width: 60%;

  745. }

  746. 

  747. .calendar-calendar .day-view div.single-day .i_0 .view-item .calendar {

  748.   margin-left: 2px;

  749.   width: 25%;

  750. }

  751. 

  752. .calendar-calendar .day-view div.single-day .i_1 .view-item .calendar {

  753.   margin-left: 10%;

  754.   width: 89%;

  755. }

  756. 

  757. .calendar-calendar .day-view div.single-day .i_2 .view-item .calendar {

  758.   margin-left: 20%;

  759.   width: 79%;

  760. }

  761. 

  762. .calendar-calendar .day-view div.single-day .i_3 .view-item .calendar {

  763.   margin-left: 30%;

  764.   width: 69%;

  765. }

  766. 

  767. .calendar-calendar .day-view div.single-day .i_4 .view-item .calendar {

  768.   margin-left: 40%;

  769.   width: 59%;

  770. }

  771. 

  772. .calendar-calendar .day-view div.single-day .i_5 .view-item .calendar {

  773.   margin-left: 50%;

  774.   width: 49%;

  775. }

  776. 

  777. .calendar-calendar .day-view div.single-day .i_6 .view-item .calendar {

  778.   margin-left: 60%;

  779.   width: 39%;

  780. }

  781. 

  782. .calendar-calendar .day-view div.single-day .i_7 .view-item .calendar {

  783.   margin-left: 70%;

  784.   width: 29%;

  785. }

  786. 

  787. .calendar-calendar .day-view div.single-day .i_8 .view-item .calendar {

  788.   margin-left: 75%;

  789.   width: 24%;

  790. }

  791. 

  792. .calendar-calendar .day-view div.single-day .i_9 .view-item .calendar {

  793.   margin-left: 80%;

  794.   width: 19%;

  795. }

  796. 

  797. .calendar-calendar .day-view div.single-day .i_0.md_0 .view-item .calendar {

  798.   width: 98%;

  799. }

  800. 

  801. .calendar-calendar .day-view div.single-day .i_0.md_1 .view-item .calendar {

  802.   width: 60%;

  803. }

  804. 

  805. .calendar-calendar .day-view div.single-day .i_0.md_2 .view-item .calendar {

  806.   width: 40%;

  807. }

  808. 

  809. .calendar-calendar .day-view div.single-day .i_0.md_3 .view-item .calendar {

  810.   width: 30%;

  811. }

  812. 

  813. .single-day-footer .grippie,

  814. .header-body-divider .grippie {

  815.   overflow: hidden;

  816.   background: #eee url("../images/grippie.png") no-repeat center 2px;

  817.   cursor: s-resize;

  818.   height: 3px;

  819. }