You are here

calendar-overlap.css in Calendar 7

/** Overlapping week items **/
.calendar-calendar tr.holder {
  height : 0px;
   display: table-row !important;
   display : none;
}

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

.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 : #FFD8C0;
  width : auto;
  padding : 0px 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 : 0px;
  border-bottom : 0px;
  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 : 0px;
  border-top : 0px;
  border-bottom : 0px;
  width: 14%;
}

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

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

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

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

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

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

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

.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: 0px;
}

.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;
}

.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 : 0px;
  border : 0px;
}

.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 : 0px;
  border : 0px;
}

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

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

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

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

.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 0px 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 {
  float : left;
}

.calendar-calendar .week-view .full td.multi-day .inner .weekview .continuation {
  height : 22px;
  padding-top: 0px;
  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: 0px;
}

.calendar-calendar .week-view div.single-day .view-item,
.calendar-calendar .day-view div.single-day .view-item {
  position : absolute;
  width : 100%;
  background : none;
  text-align : left;
  z-index : 1;
}

.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 : 0px;
  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 : 0px;
}

.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 : 0px;
}

.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% !important;
    width : auto;
}

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

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

.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% !important;
    width : auto;
}

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

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

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

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

File

calendar_multiday/calendar-overlap.css
View source
  1. /** Overlapping week items **/
  2. .calendar-calendar tr.holder {
  3. height : 0px;
  4. display: table-row !important;
  5. display : none;
  6. }
  7. .calendar-calendar .week-view .full div.item-wrapper,
  8. .calendar-calendar .day-view .full div.item-wrapper {
  9. background-color: none;
  10. border:0px;
  11. float:none;
  12. margin:0px;
  13. width : 100%;
  14. margin-top : -24px;
  15. }
  16. .calendar-calendar td .inner div,
  17. .calendar-calendar td .inner div a {
  18. background : none;
  19. }
  20. .calendar-calendar .week-view .full div.single-day div.weekview,
  21. .calendar-calendar .day-view .full div.single-day div.dayview {
  22. background : #FFD8C0;
  23. width : auto;
  24. padding : 0px 3px;
  25. overflow : hidden;
  26. }
  27. .calendar-calendar .week-view .full div.single-day div.weekview,
  28. .calendar-calendar .day-view .full div.single-day div.dayview {
  29. border : 1px solid #E39364;
  30. }
  31. .calendar-calendar .week-view .header-body-divider,
  32. .calendar-calendar .week-view .single-day-footer,
  33. .calendar-calendar .day-view .single-day-footer,
  34. .calendar-calendar .day-view .header-body-divider {
  35. background : #eeeeee;
  36. border-left : 1px solid #CCCCCC;
  37. border-right : 1px solid #CCCCCC;
  38. font-size : 1px;
  39. height : 4px;
  40. line-height : 1px;
  41. }
  42. .calendar-calendar .week-view #multi-day-container,
  43. .calendar-calendar .week-view #single-day-container,
  44. .calendar-calendar .day-view #multi-day-container,
  45. .calendar-calendar .day-view #single-day-container {
  46. position : relative;
  47. background : #ffffff;
  48. overflow-y : scroll;
  49. overflow-x : hidden;
  50. border-left : 1px solid #CCCCCC;
  51. border-bottom : 1px solid #CCCCCC;
  52. }
  53. .calendar-calendar .week-view #multi-day-container,
  54. .calendar-calendar .day-view #multi-day-container {
  55. border-top : 1px solid #CCCCCC;
  56. }
  57. .calendar-calendar .week-view #week-header-container,
  58. .calendar-calendar .day-view #day-header-container {
  59. width : 100%;
  60. background : #ffffff;
  61. border-bottom : 1px solid #CCCCCC;
  62. }
  63. .calendar-calendar .week-view #multi-day-container,
  64. .calendar-calendar .day-view #multi-day-container {
  65. height : 57px;
  66. }
  67. .calendar-calendar .week-view #multi-day-container .expand {
  68. height : 100%;
  69. }
  70. .calendar-calendar .week-view #multi-day-container table,
  71. .calendar-calendar .day-view #multi-day-container table {
  72. height : 100%;
  73. }
  74. .calendar-calendar .week-view #multi-day-container table td,
  75. .calendar-calendar .day-view #multi-day-container table td {
  76. border-top : 0px;
  77. border-bottom : 0px;
  78. vertical-align : top;
  79. width: 14%;
  80. }
  81. .calendar-calendar .week-view #multi-day-container table td.calendar-agenda-hour {
  82. border-right : 1px solid #CCCCCC;
  83. }
  84. .calendar-calendar .week-view #single-day-container,
  85. .calendar-calendar .day-view #single-day-container {
  86. border-top : 1px solid #CCCCCC;
  87. height : 500px;
  88. }
  89. .calendar-calendar .week-view #single-day-container table td,
  90. .calendar-calendar .day-view #single-day-container table td {
  91. padding : 0px;
  92. border-top : 0px;
  93. border-bottom : 0px;
  94. width: 14%;
  95. }
  96. .calendar-calendar .week-view td.first,
  97. .calendar-calendar .day-view td.first {
  98. border-left : 0px;
  99. }
  100. .calendar-calendar .week-view td.first,
  101. .calendar-calendar .day-view td.first {
  102. border-left : 0px;
  103. }
  104. .calendar-calendar .week-view td.last,
  105. .calendar-calendar .day-view td.last {
  106. border-right : 0px;
  107. }
  108. .calendar-calendar .week-view #single-day-container div.first,
  109. .calendar-calendar .day-view #single-day-container div.first {
  110. border-top : 0px;
  111. }
  112. .calendar-calendar .week-view #single-day-container div.last,
  113. .calendar-calendar .day-view #single-day-container div.last {
  114. border-bottom : 0px;
  115. }
  116. .calendar-calendar .week-view table.full {
  117. table-layout : fixed;
  118. width : 100%;
  119. margin : 0px;
  120. }
  121. .calendar-calendar .day-view table.full {
  122. table-layout : fixed;
  123. width : 100%;
  124. margin : 0px;
  125. }
  126. .calendar-calendar td.calendar-agenda-hour .calendar-hour,
  127. .calendar-calendar td.calendar-agenda-hour .calendar-ampm,
  128. .calendar-calendar .week-view .full div.calendar-agenda-hour span,
  129. .calendar-calendar .day-view .full div.calendar-agenda-hour span {
  130. font-size : .8em;
  131. font-weight : normal;
  132. margin-right: 0px;
  133. }
  134. .calendar-calendar .week-view .full div.calendar-agenda-hour,
  135. .calendar-calendar .day-view .full div.calendar-agenda-hour,
  136. .calendar-calendar .week-view .full div.calendar-agenda-items,
  137. .calendar-calendar .day-view .full div.calendar-agenda-items {
  138. height : 47px;
  139. border-top : 1px solid #cccccc;
  140. }
  141. .calendar-calendar .week-view .full .calendar-agenda-hour {
  142. width : auto;
  143. }
  144. .calendar-calendar .week-view .full .calendar-agenda-hour div,
  145. .calendar-calendar .day-view .full .calendar-agenda-hour div {
  146. margin-top : 10px;
  147. }
  148. .calendar-calendar .day-view #header-container td.calendar-time-holder,
  149. .calendar-calendar .day-view #multi-day-container td.calendar-time-holder,
  150. .calendar-calendar .day-view #single-day-container td.calendar-time-holder {
  151. width : 50px;
  152. padding : 0px;
  153. border : 0px;
  154. }
  155. .calendar-calendar .day-view #header-container td.calendar-day-holder,
  156. .calendar-calendar .day-view #multi-day-container td.calendar-day-holder,
  157. .calendar-calendar .day-view #single-day-container td.calendar-day-holder {
  158. width:95%;
  159. }
  160. .calendar-calendar .week-view #header-container td.calendar-time-holder,
  161. .calendar-calendar .week-view #multi-day-container td.calendar-time-holder,
  162. .calendar-calendar .week-view #single-day-container td.calendar-time-holder {
  163. width : 50px;
  164. padding : 0px;
  165. border : 0px;
  166. }
  167. .calendar-calendar .week-view #header-container td.margin-right {
  168. width : 10px;
  169. }
  170. .calendar-calendar .week-view .full td.calendar-day-holder {
  171. padding : 0px;
  172. border : 0px;
  173. width : 14%;
  174. }
  175. .calendar-calendar .day-view .full td.calendar-day-holder {
  176. padding : 0px;
  177. border : 0px;
  178. width : 95%;
  179. }
  180. .calendar-calendar .week-view .full div.single-day,
  181. .calendar-calendar .day-view .full div.single-day {
  182. padding : 0px;
  183. }
  184. .calendar-calendar .week-view .full div.single-day .inner,
  185. .calendar-calendar .day-view .full div.single-day .inner {
  186. position : relative;
  187. z-index : 1;
  188. }
  189. .calendar-calendar .week-view .full td.multi-day {
  190. padding : 1px 2px 0px 2px;
  191. }
  192. .calendar-calendar .day-view .full td.multi-day div.dayview,
  193. .calendar-calendar .week-view .full td.multi-day div.weekview {
  194. height : 22px !important;
  195. }
  196. .calendar-calendar .day-view .full td.multi-day .calendar.dayview .contents div,
  197. .calendar-calendar .week-view .full td.multi-day .calendar.weekview .contents div {
  198. float : left;
  199. }
  200. .calendar-calendar .week-view .full td.multi-day .inner .weekview .continuation {
  201. height : 22px;
  202. padding-top: 0px;
  203. margin-right : 3px;
  204. }
  205. .calendar-calendar .week-view .full td.multi-day .inner .weekview .continues,
  206. .calendar-calendar .week-view .full td.multi-day .inner .weekview .cutoff,
  207. .calendar-calendar .day-view .full td.multi-day .inner .dayview .continues,
  208. .calendar-calendar .day-view .full td.multi-day .inner .dayview .cutoff {
  209. height : 22px;
  210. padding-top: 0px;
  211. }
  212. .calendar-calendar .week-view div.single-day .view-item,
  213. .calendar-calendar .day-view div.single-day .view-item {
  214. position : absolute;
  215. width : 100%;
  216. background : none;
  217. text-align : left;
  218. z-index : 1;
  219. }
  220. .calendar-calendar .week-view div.single-day .half-hour,
  221. .calendar-calendar .day-view div.single-day .half-hour {
  222. font-size : 1px;
  223. height : 23px;
  224. width : 100%;
  225. position :relative;
  226. z-index : 0;
  227. top : 0px;
  228. border-bottom : 1px dotted #cccccc;
  229. }
  230. .calendar-calendar .week-view div.single-day .view-item .calendar,
  231. .calendar-calendar .day-view div.single-day .view-item .calendar {
  232. margin : 0px;
  233. }
  234. .calendar-calendar .week-view div.single-day .view-item .contents,
  235. .calendar-calendar .day-view div.single-day .view-item .contents {
  236. overflow : hidden;
  237. }
  238. .calendar-calendar div.single-day .o_0 .view-item {
  239. top : 0px;
  240. }
  241. .calendar-calendar div.single-day .o_1 .view-item {
  242. top : 12px;
  243. }
  244. .calendar-calendar div.single-day .o_2 .view-item {
  245. top : 24px;
  246. }
  247. .calendar-calendar div.single-day .o_3 .view-item {
  248. top : 36px;
  249. }
  250. .calendar-calendar div.single-day .o_4 .view-item {
  251. top : 40px;
  252. }
  253. .calendar-calendar div.single-day .d_1 .view-item .calendar {
  254. height : 10px;
  255. }
  256. .calendar-calendar div.single-day .d_2 .view-item .calendar {
  257. height : 22px;
  258. }
  259. .calendar-calendar div.single-day .d_3 .view-item .calendar {
  260. height : 34px;
  261. }
  262. .calendar-calendar div.single-day .d_4 .view-item .calendar {
  263. height : 46px;
  264. }
  265. .calendar-calendar div.single-day .d_5 .view-item .calendar {
  266. height : 58px;
  267. }
  268. .calendar-calendar div.single-day .d_6 .view-item .calendar {
  269. height : 70px;
  270. }
  271. .calendar-calendar div.single-day .d_7 .view-item .calendar {
  272. height : 82px;
  273. }
  274. .calendar-calendar div.single-day .d_8 .view-item .calendar {
  275. height : 94px;
  276. }
  277. .calendar-calendar div.single-day .d_9 .view-item .calendar {
  278. height : 106px;
  279. }
  280. .calendar-calendar div.single-day .d_10 .view-item .calendar {
  281. height : 118px;
  282. }
  283. .calendar-calendar div.single-day .d_11 .view-item .calendar {
  284. height : 130px;
  285. }
  286. .calendar-calendar div.single-day .d_12 .view-item .calendar {
  287. height : 142px;
  288. }
  289. .calendar-calendar div.single-day .d_13 .view-item .calendar {
  290. height : 154px;
  291. }
  292. .calendar-calendar div.single-day .d_14 .view-item .calendar {
  293. height : 166px;
  294. }
  295. .calendar-calendar div.single-day .d_15 .view-item .calendar {
  296. height : 178px;
  297. }
  298. .calendar-calendar div.single-day .d_16 .view-item .calendar {
  299. height : 190px;
  300. }
  301. .calendar-calendar div.single-day .d_17 .view-item .calendar {
  302. height : 202px;
  303. }
  304. .calendar-calendar div.single-day .d_18 .view-item .calendar {
  305. height : 214px;
  306. }
  307. .calendar-calendar div.single-day .d_19 .view-item .calendar {
  308. height : 226px;
  309. }
  310. .calendar-calendar div.single-day .d_20 .view-item .calendar {
  311. height : 238px;
  312. }
  313. .calendar-calendar div.single-day .d_21 .view-item .calendar {
  314. height : 250px;
  315. }
  316. .calendar-calendar div.single-day .d_22 .view-item .calendar {
  317. height : 262px;
  318. }
  319. .calendar-calendar div.single-day .d_23 .view-item .calendar {
  320. height : 274px;
  321. }
  322. .calendar-calendar div.single-day .d_24 .view-item .calendar {
  323. height : 286px;
  324. }
  325. .calendar-calendar div.single-day .d_25 .view-item .calendar {
  326. height : 298px;
  327. }
  328. .calendar-calendar div.single-day .d_26 .view-item .calendar {
  329. height : 310px;
  330. }
  331. .calendar-calendar div.single-day .d_27 .view-item .calendar {
  332. height : 322px;
  333. }
  334. .calendar-calendar div.single-day .d_28 .view-item .calendar {
  335. height : 334px;
  336. }
  337. .calendar-calendar div.single-day .d_29 .view-item .calendar {
  338. height : 346px;
  339. }
  340. .calendar-calendar div.single-day .d_30 .view-item .calendar {
  341. height : 358px;
  342. }
  343. .calendar-calendar div.single-day .d_31 .view-item .calendar {
  344. height : 370px;
  345. }
  346. .calendar-calendar div.single-day .d_32 .view-item .calendar {
  347. height : 382px;
  348. }
  349. .calendar-calendar div.single-day .d_33 .view-item .calendar {
  350. height : 394px;
  351. }
  352. .calendar-calendar div.single-day .d_34 .view-item .calendar {
  353. height : 406px;
  354. }
  355. .calendar-calendar div.single-day .d_35 .view-item .calendar {
  356. height : 418px;
  357. }
  358. .calendar-calendar div.single-day .d_36 .view-item .calendar {
  359. height : 430px;
  360. }
  361. .calendar-calendar div.single-day .d_37 .view-item .calendar {
  362. height : 442px;
  363. }
  364. .calendar-calendar div.single-day .d_38 .view-item .calendar {
  365. height : 454px;
  366. }
  367. .calendar-calendar div.single-day .d_39 .view-item .calendar {
  368. height : 466px;
  369. }
  370. .calendar-calendar div.single-day .d_40 .view-item .calendar {
  371. height : 478px;
  372. }
  373. .calendar-calendar div.single-day .d_41 .view-item .calendar {
  374. height : 490px;
  375. }
  376. .calendar-calendar div.single-day .d_42 .view-item .calendar {
  377. height : 502px;
  378. }
  379. .calendar-calendar div.single-day .d_43 .view-item .calendar {
  380. height : 514px;
  381. }
  382. .calendar-calendar div.single-day .d_44 .view-item .calendar {
  383. height : 526px;
  384. }
  385. .calendar-calendar div.single-day .d_45 .view-item .calendar {
  386. height : 538px;
  387. }
  388. .calendar-calendar div.single-day .d_46 .view-item .calendar {
  389. height : 550px;
  390. }
  391. .calendar-calendar div.single-day .d_47 .view-item .calendar {
  392. height : 562px;
  393. }
  394. .calendar-calendar div.single-day .d_48 .view-item .calendar {
  395. height : 574px;
  396. }
  397. .calendar-calendar div.single-day .d_49 .view-item .calendar {
  398. height : 586px;
  399. }
  400. .calendar-calendar div.single-day .d_50 .view-item .calendar {
  401. height : 598px;
  402. }
  403. .calendar-calendar div.single-day .d_51 .view-item .calendar {
  404. height : 610px;
  405. }
  406. .calendar-calendar div.single-day .d_52 .view-item .calendar {
  407. height : 622px;
  408. }
  409. .calendar-calendar div.single-day .d_53 .view-item .calendar {
  410. height : 634px;
  411. }
  412. .calendar-calendar div.single-day .d_54 .view-item .calendar {
  413. height : 646px;
  414. }
  415. .calendar-calendar div.single-day .d_55 .view-item .calendar {
  416. height : 658px;
  417. }
  418. .calendar-calendar div.single-day .d_56 .view-item .calendar {
  419. height : 670px;
  420. }
  421. .calendar-calendar div.single-day .d_57 .view-item .calendar {
  422. height : 682px;
  423. }
  424. .calendar-calendar div.single-day .d_58 .view-item .calendar {
  425. height : 694px;
  426. }
  427. .calendar-calendar div.single-day .d_59 .view-item .calendar {
  428. height : 706px;
  429. }
  430. .calendar-calendar div.single-day .d_60 .view-item .calendar {
  431. height : 718px;
  432. }
  433. .calendar-calendar div.single-day .d_61 .view-item .calendar {
  434. height : 730px;
  435. }
  436. .calendar-calendar div.single-day .d_62 .view-item .calendar {
  437. height : 742px;
  438. }
  439. .calendar-calendar div.single-day .d_63 .view-item .calendar {
  440. height : 754px;
  441. }
  442. .calendar-calendar div.single-day .d_64 .view-item .calendar {
  443. height : 766px;
  444. }
  445. .calendar-calendar div.single-day .d_65 .view-item .calendar {
  446. height : 778px;
  447. }
  448. .calendar-calendar div.single-day .d_66 .view-item .calendar {
  449. height : 790px;
  450. }
  451. .calendar-calendar div.single-day .d_67 .view-item .calendar {
  452. height : 802px;
  453. }
  454. .calendar-calendar div.single-day .d_68 .view-item .calendar {
  455. height : 814px;
  456. }
  457. .calendar-calendar div.single-day .d_69 .view-item .calendar {
  458. height : 826px;
  459. }
  460. .calendar-calendar div.single-day .d_70 .view-item .calendar {
  461. height : 838px;
  462. }
  463. .calendar-calendar div.single-day .d_71 .view-item .calendar {
  464. height : 850px;
  465. }
  466. .calendar-calendar div.single-day .d_72 .view-item .calendar {
  467. height : 862px;
  468. }
  469. .calendar-calendar div.single-day .d_73 .view-item .calendar {
  470. height : 874px;
  471. }
  472. .calendar-calendar div.single-day .d_74 .view-item .calendar {
  473. height : 886px;
  474. }
  475. .calendar-calendar div.single-day .d_75 .view-item .calendar {
  476. height : 898px;
  477. }
  478. .calendar-calendar div.single-day .d_76 .view-item .calendar {
  479. height : 910px;
  480. }
  481. .calendar-calendar div.single-day .d_77 .view-item .calendar {
  482. height : 922px;
  483. }
  484. .calendar-calendar div.single-day .d_78 .view-item .calendar {
  485. height : 934px;
  486. }
  487. .calendar-calendar div.single-day .d_79 .view-item .calendar {
  488. height : 946px;
  489. }
  490. .calendar-calendar div.single-day .d_80 .view-item .calendar {
  491. height : 958px;
  492. }
  493. .calendar-calendar div.single-day .d_81 .view-item .calendar {
  494. height : 970px;
  495. }
  496. .calendar-calendar div.single-day .d_82 .view-item .calendar {
  497. height : 982px;
  498. }
  499. .calendar-calendar div.single-day .d_83 .view-item .calendar {
  500. height : 994px;
  501. }
  502. .calendar-calendar div.single-day .d_84 .view-item .calendar {
  503. height : 1006px;
  504. }
  505. .calendar-calendar div.single-day .d_85 .view-item .calendar {
  506. height : 1018px;
  507. }
  508. .calendar-calendar div.single-day .d_86 .view-item .calendar {
  509. height : 1030px;
  510. }
  511. .calendar-calendar div.single-day .d_87 .view-item .calendar {
  512. height : 1042px;
  513. }
  514. .calendar-calendar div.single-day .d_88 .view-item .calendar {
  515. height : 1054px;
  516. }
  517. .calendar-calendar div.single-day .d_89 .view-item .calendar {
  518. height : 1066px;
  519. }
  520. .calendar-calendar div.single-day .d_90 .view-item .calendar {
  521. height : 1078px;
  522. }
  523. .calendar-calendar div.single-day .d_91 .view-item .calendar {
  524. height : 1090px;
  525. }
  526. .calendar-calendar div.single-day .d_92 .view-item .calendar {
  527. height : 1102px;
  528. }
  529. .calendar-calendar div.single-day .d_93 .view-item .calendar {
  530. height : 1114px;
  531. }
  532. .calendar-calendar div.single-day .d_94 .view-item .calendar {
  533. height : 1128px;
  534. }
  535. .calendar-calendar div.single-day .d_95 .view-item .calendar {
  536. height : 1140px;
  537. }
  538. .calendar-calendar div.single-day .d_96 .view-item .calendar {
  539. height : 1152px;
  540. }
  541. .calendar-calendar .week-view div.single-day .i_0 .view-item .calendar {
  542. margin-left : 0px;
  543. width : 50%;
  544. }
  545. .calendar-calendar .week-view div.single-day .i_1 .view-item .calendar {
  546. margin-left : 10%;
  547. width : 85%;
  548. }
  549. .calendar-calendar .week-view div.single-day .i_2 .view-item .calendar {
  550. margin-left : 16%;
  551. width : 79%;
  552. }
  553. .calendar-calendar .week-view div.single-day .i_3 .view-item .calendar {
  554. margin-left : 21%;
  555. width : 74%;
  556. }
  557. .calendar-calendar .week-view div.single-day .i_4 .view-item .calendar {
  558. margin-left : 30%;
  559. width : 65%;
  560. }
  561. .calendar-calendar .week-view div.single-day .i_5 .view-item .calendar {
  562. margin-left : 34%;
  563. width : 61%;
  564. }
  565. .calendar-calendar .week-view div.single-day .i_6 .view-item .calendar {
  566. margin-left : 42%;
  567. width : 53%;
  568. }
  569. .calendar-calendar .week-view div.single-day .i_7 .view-item .calendar {
  570. margin-left : 49%;
  571. width : 46%;
  572. }
  573. .calendar-calendar .week-view div.single-day .i_8 .view-item .calendar {
  574. margin-left : 55%;
  575. width : 40%;
  576. }
  577. .calendar-calendar .week-view div.single-day .i_9 .view-item .calendar {
  578. margin-left : 65%;
  579. width : 30%;
  580. }
  581. .calendar-calendar .week-view div.single-day .i_0.md_0 .view-item .calendar {
  582. width : 95% !important;
  583. width : auto;
  584. }
  585. .calendar-calendar .week-view div.single-day .i_0.md_1 .view-item .calendar {
  586. width : 60% !important;
  587. width : auto;
  588. }
  589. .calendar-calendar .day-view div.single-day .i_0 .view-item .calendar {
  590. margin-left : 2px;
  591. width : 25% !important;
  592. width : 97%;
  593. }
  594. .calendar-calendar .day-view div.single-day .i_1 .view-item .calendar {
  595. margin-left : 10%;
  596. width : 89%;
  597. }
  598. .calendar-calendar .day-view div.single-day .i_2 .view-item .calendar {
  599. margin-left : 20%;
  600. width : 79%;
  601. }
  602. .calendar-calendar .day-view div.single-day .i_3 .view-item .calendar {
  603. margin-left : 30%;
  604. width : 69%;
  605. }
  606. .calendar-calendar .day-view div.single-day .i_4 .view-item .calendar {
  607. margin-left : 40%;
  608. width : 59%;
  609. }
  610. .calendar-calendar .day-view div.single-day .i_5 .view-item .calendar {
  611. margin-left : 50%;
  612. width : 49%;
  613. }
  614. .calendar-calendar .day-view div.single-day .i_6 .view-item .calendar {
  615. margin-left : 60%;
  616. width : 39%;
  617. }
  618. .calendar-calendar .day-view div.single-day .i_7 .view-item .calendar {
  619. margin-left : 70%;
  620. width : 29%;
  621. }
  622. .calendar-calendar .day-view div.single-day .i_8 .view-item .calendar {
  623. margin-left : 75%;
  624. width : 24%;
  625. }
  626. .calendar-calendar .day-view div.single-day .i_9 .view-item .calendar {
  627. margin-left : 80%;
  628. width : 19%;
  629. }
  630. .calendar-calendar .day-view div.single-day .i_0.md_0 .view-item .calendar {
  631. width : 98% !important;
  632. width : auto;
  633. }
  634. .calendar-calendar .day-view div.single-day .i_0.md_1 .view-item .calendar {
  635. width : 60% !important;
  636. width : auto;
  637. }
  638. .calendar-calendar .day-view div.single-day .i_0.md_2 .view-item .calendar {
  639. width : 40% !important;
  640. width : auto;
  641. }
  642. .calendar-calendar .day-view div.single-day .i_0.md_3 .view-item .calendar {
  643. width : 30% !important;
  644. width : auto;
  645. }
  646. .single-day-footer .grippie,
  647. .header-body-divider .grippie {
  648. overflow: hidden;
  649. background: #eee url(/misc/grippie.png) no-repeat center 2px;
  650. cursor: s-resize;
  651. height : 3px;
  652. }