You are here

Home » API reference » Calendar 7.3

calendar-overlap.css in Calendar 7.3

Same filename and directory in other branches
  1. 8 css/calendar-overlap.css
/**
 * 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: #ffc;
  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 {
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.calendar-calendar .day-view div.single-day .i_0.md_3 .view-item {
  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

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

  2.  * Overlapping week items

  3.  */

  4. .calendar-calendar tr.holder {

  5.   height: 0px;

  6.   display: table-row !important;

  7.   display: none;

  8. }

  9. 

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

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

  12.   background-color: none;

  13.   border: 0px;

  14.   float: none;

  15.   margin: 0px;

  16.   width: 100%;

  17.   margin-top: -24px;

  18. }

  19. 

  20. .calendar-calendar td .inner div,

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

  22.   background: none;

  23. }

  24. 

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

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

  27.   background: #ffc;

  28.   width: auto;

  29.   padding: 0px 3px;

  30.   overflow: hidden;

  31. }

  32. 

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

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

  35.   border: 1px solid #E39364;

  36. }

  37. 

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

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

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

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

  42.   background: #eeeeee;

  43.   border-left: 1px solid #CCCCCC;

  44.   border-right: 1px solid #CCCCCC;

  45.   font-size: 1px;

  46.   height: 4px;

  47.   line-height: 1px;

  48. }

  49. 

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

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

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

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

  54.   position: relative;

  55.   background: #ffffff;

  56.   overflow-y: scroll;

  57.   overflow-x: hidden;

  58.   border-left: 1px solid #CCCCCC;

  59.   border-bottom: 1px solid #CCCCCC;

  60. }

  61. 

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

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

  64.     border-top: 1px solid #CCCCCC;

  65. }

  66. 

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

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

  69.   width: 100%;

  70.   background: #ffffff;

  71.   border-bottom: 1px solid #CCCCCC;

  72. }

  73. 

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

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

  76.   height: 57px;

  77. }

  78. 

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

  80.   height: 100%;

  81. }

  82. 

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

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

  85.   height: 100%;

  86. }

  87. 

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

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

  90.   border-top: 0px;

  91.   border-bottom: 0px;

  92.   vertical-align: top;

  93.   width: 14%;

  94. }

  95. 

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

  97. 	border-right: 1px solid #CCCCCC;

  98. }

  99. 

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

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

  102.   border-top: 1px solid #CCCCCC;

  103.   height: 500px;

  104. }

  105. 

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

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

  108.   padding: 0px;

  109.   border-top: 0px;

  110.   border-bottom: 0px;

  111.   width: 14%;

  112. }

  113. 

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

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

  116.   border-left: 0px;

  117. }

  118. 

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

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

  121.   border-left: 0px;

  122. }

  123. 

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

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

  126.   border-right: 0px;

  127. }

  128. 

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

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

  131.   border-top: 0px;

  132. }

  133. 

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

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

  136.   border-bottom: 0px;

  137. }

  138. 

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

  140.   table-layout: fixed;

  141.   width: 100%;

  142.   margin: 0px;

  143. }

  144. 

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

  146.   table-layout: fixed;

  147.   width: 100%;

  148.   margin: 0px;

  149. }

  150. 

  151. .calendar-calendar td.calendar-agenda-hour .calendar-hour,

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

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

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

  155.   font-size: .8em;

  156.   font-weight: normal;

  157.   margin-right: 0px;

  158. }

  159. 

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

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

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

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

  164.   height: 47px;

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

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

  182.   border: 0px;

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

  196.   border: 0px;

  197. }

  198. 

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

  200.   width: 10px;

  201. }

  202. 

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

  204.   padding: 0px;

  205.   border: 0px;

  206.   width: 14%;

  207. }

  208. 

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

  210.   padding: 0px;

  211.   border: 0px;

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

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

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

  251. }

  252. 

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

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

  255.   position: absolute;

  256.   width: 100%;

  257.   background: none;

  258.   text-align: left;

  259.   z-index: 1;

  260. }

  261. 

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

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

  264.   font-size: 1px;

  265.   height: 23px;

  266.   width: 100%;

  267.   position:relative;

  268.   z-index: 0;

  269.   top: 0px;

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

  271. }

  272. 

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

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

  275.   margin: 0px;

  276. }

  277. 

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

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

  280.   overflow: hidden;

  281. }

  282. 

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

  284.   top: 0px;

  285. }

  286. 

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

  288.   top: 12px;

  289. }

  290. 

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

  292.   top: 24px;

  293. }

  294. 

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

  296.   top: 36px;

  297. }

  298. 

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

  300.   top: 40px;

  301. }

  302. 

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

  304.   height: 10px;

  305. }

  306. 

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

  308.   height: 22px;

  309. }

  310. 

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

  312.   height: 34px;

  313. }

  314. 

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

  316.   height: 46px;

  317. }

  318. 

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

  320.   height: 58px;

  321. }

  322. 

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

  324.   height: 70px;

  325. }

  326. 

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

  328.   height: 82px;

  329. }

  330. 

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

  332.   height: 94px;

  333. }

  334. 

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

  336.   height: 106px;

  337. }

  338. 

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

  340.   height: 118px;

  341. }

  342. 

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

  344.   height: 130px;

  345. }

  346. 

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

  348.   height: 142px;

  349. }

  350. 

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

  352.   height: 154px;

  353. }

  354. 

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

  356.   height: 166px;

  357. }

  358. 

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

  360.   height: 178px;

  361. }

  362. 

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

  364.   height: 190px;

  365. }

  366. 

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

  368.   height: 202px;

  369. }

  370. 

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

  372.   height: 214px;

  373. }

  374. 

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

  376.   height: 226px;

  377. }

  378. 

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

  380.   height: 238px;

  381. }

  382. 

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

  384.   height: 250px;

  385. }

  386. 

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

  388.   height: 262px;

  389. }

  390. 

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

  392.   height: 274px;

  393. }

  394. 

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

  396.   height: 286px;

  397. }

  398. 

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

  400.   height: 298px;

  401. }

  402. 

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

  404.   height: 310px;

  405. }

  406. 

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

  408.   height: 322px;

  409. }

  410. 

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

  412.   height: 334px;

  413. }

  414. 

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

  416.   height: 346px;

  417. }

  418. 

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

  420.   height: 358px;

  421. }

  422. 

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

  424.   height: 370px;

  425. }

  426. 

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

  428.   height: 382px;

  429. }

  430. 

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

  432.   height: 394px;

  433. }

  434. 

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

  436.   height: 406px;

  437. }

  438. 

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

  440.   height: 418px;

  441. }

  442. 

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

  444.   height: 430px;

  445. }

  446. 

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

  448.   height: 442px;

  449. }

  450. 

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

  452.   height: 454px;

  453. }

  454. 

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

  456.   height: 466px;

  457. }

  458. 

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

  460.   height: 478px;

  461. }

  462. 

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

  464.   height: 490px;

  465. }

  466. 

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

  468.   height: 502px;

  469. }

  470. 

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

  472.   height: 514px;

  473. }

  474. 

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

  476.   height: 526px;

  477. }

  478. 

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

  480.   height: 538px;

  481. }

  482. 

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

  484.   height: 550px;

  485. }

  486. 

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

  488.   height: 562px;

  489. }

  490. 

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

  492.   height: 574px;

  493. }

  494. 

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

  496.   height: 586px;

  497. }

  498. 

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

  500.   height: 598px;

  501. }

  502. 

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

  504.   height: 610px;

  505. }

  506. 

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

  508.   height: 622px;

  509. }

  510. 

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

  512.   height: 634px;

  513. }

  514. 

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

  516.   height: 646px;

  517. }

  518. 

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

  520.   height: 658px;

  521. }

  522. 

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

  524.   height: 670px;

  525. }

  526. 

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

  528.   height: 682px;

  529. }

  530. 

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

  532.   height: 694px;

  533. }

  534. 

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

  536.   height: 706px;

  537. }

  538. 

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

  540.   height: 718px;

  541. }

  542. 

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

  544.   height: 730px;

  545. }

  546. 

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

  548.   height: 742px;

  549. }

  550. 

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

  552.   height: 754px;

  553. }

  554. 

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

  556.   height: 766px;

  557. }

  558. 

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

  560.   height: 778px;

  561. }

  562. 

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

  564.   height: 790px;

  565. }

  566. 

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

  568.   height: 802px;

  569. }

  570. 

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

  572.   height: 814px;

  573. }

  574. 

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

  576.   height: 826px;

  577. }

  578. 

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

  580.   height: 838px;

  581. }

  582. 

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

  584.   height: 850px;

  585. }

  586. 

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

  588.   height: 862px;

  589. }

  590. 

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

  592.   height: 874px;

  593. }

  594. 

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

  596.   height: 886px;

  597. }

  598. 

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

  600.   height: 898px;

  601. }

  602. 

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

  604.   height: 910px;

  605. }

  606. 

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

  608.   height: 922px;

  609. }

  610. 

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

  612.   height: 934px;

  613. }

  614. 

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

  616.   height: 946px;

  617. }

  618. 

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

  620.   height: 958px;

  621. }

  622. 

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

  624.   height: 970px;

  625. }

  626. 

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

  628.   height: 982px;

  629. }

  630. 

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

  632.   height: 994px;

  633. }

  634. 

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

  636.   height: 1006px;

  637. }

  638. 

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

  640.   height: 1018px;

  641. }

  642. 

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

  644.   height: 1030px;

  645. }

  646. 

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

  648.   height: 1042px;

  649. }

  650. 

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

  652.   height: 1054px;

  653. }

  654. 

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

  656.   height: 1066px;

  657. }

  658. 

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

  660.   height: 1078px;

  661. }

  662. 

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

  664.   height: 1090px;

  665. }

  666. 

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

  668.   height: 1102px;

  669. }

  670. 

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

  672.   height: 1114px;

  673. }

  674. 

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

  676.   height: 1128px;

  677. }

  678. 

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

  680.   height: 1140px;

  681. }

  682. 

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

  684.   height: 1152px;

  685. }

  686. 

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

  688.   left: 0px;

  689.   width: 50%;

  690. }

  691. 

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

  693.   left: 10%;

  694.   width: 85%;

  695. }

  696. 

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

  698.   left: 16%;

  699.   width: 79%;

  700. }

  701. 

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

  703.   left: 21%;

  704.   width: 74%;

  705. }

  706. 

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

  708.   left: 30%;

  709.   width: 65%;

  710. }

  711. 

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

  713.   left: 34%;

  714.   width: 61%;

  715. }

  716. 

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

  718.   left: 42%;

  719.   width: 53%;

  720. }

  721. 

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

  723.   left: 49%;

  724.   width: 46%;

  725. }

  726. 

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

  728.   left: 55%;

  729.   width: 40%;

  730. }

  731. 

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

  733.   left: 65%;

  734.   width: 30%;

  735. }

  736. 

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

  738.   width: 95% !important;

  739.   width: auto;

  740. }

  741. 

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

  743.   width: 60% !important;

  744.   width: auto;

  745. }

  746. 

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

  748.   left: 2px;

  749.   width: 25% !important;

  750.   width: 97%;

  751. }

  752. 

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

  754.   left: 10%;

  755.   width: 89%;

  756. }

  757. 

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

  759.   left: 20%;

  760.   width: 79%;

  761. }

  762. 

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

  764.   left: 30%;

  765.   width: 69%;

  766. }

  767. 

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

  769.   left: 40%;

  770.   width: 59%;

  771. }

  772. 

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

  774.   left: 50%;

  775.   width: 49%;

  776. }

  777. 

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

  779.   left: 60%;

  780.   width: 39%;

  781. }

  782. 

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

  784.   left: 70%;

  785.   width: 29%;

  786. }

  787. 

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

  789.   left: 75%;

  790.   width: 24%;

  791. }

  792. 

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

  794.   left: 80%;

  795.   width: 19%;

  796. }

  797. 

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

  799.   width: 98% !important;

  800.   width: auto;

  801. }

  802. 

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

  804.   width: 60% !important;

  805.   width: auto;

  806. }

  807. 

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

  809.   width: 40% !important;

  810.   width: auto;

  811. }

  812. 

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

  814.   width: 30% !important;

  815.   width: auto;

  816. }

  817. 

  818. .single-day-footer .grippie,

  819. .header-body-divider .grippie {

  820.   overflow: hidden;

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

  822.   cursor: s-resize;

  823.   height: 3px;

  824. }