You are here

Home » API reference » Calendar 7

calendar-overlap.css in Calendar 7

Same filename and directory in other branches
  1. 6.2 calendar_multiday/calendar-overlap.css
  2. 7.2 calendar_multiday/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 : #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. 

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

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

  10.   background-color: none;

  11.   border:0px;

  12.   float:none;

  13.   margin:0px;

  14.   width : 100%;

  15.   margin-top : -24px;

  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 : #FFD8C0;

  26.   width : auto;

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

  89.   border-bottom : 0px;

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

  107.   border-top : 0px;

  108.   border-bottom : 0px;

  109.   width: 14%;

  110. }

  111. 

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

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

  114.    border-left : 0px;

  115. }

  116. 

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

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

  119.    border-left : 0px;

  120. }

  121. 

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

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

  124.    border-right : 0px;

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

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

  135. }

  136. 

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

  138.   table-layout : fixed;

  139.   width : 100%;

  140.   margin : 0px;

  141. }

  142. 

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

  144.   table-layout : fixed;

  145.   width : 100%;

  146.   margin : 0px;

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

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

  165. 

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

  167.   width : auto;

  168. }

  169. 

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

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

  172.   margin-top : 10px;

  173. }

  174. 

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

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

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

  178.   width : 50px;

  179.   padding : 0px;

  180.   border : 0px;

  181. }

  182. 

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

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

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

  186.   width:95%;

  187. }

  188. 

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

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

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

  192.   width : 50px;

  193.   padding : 0px;

  194.   border : 0px;

  195. }

  196. 

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

  198.   width : 10px;

  199. }

  200. 

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

  202.   padding : 0px;

  203.   border : 0px;

  204.   width : 14%;

  205. }

  206. 

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

  208.   padding : 0px;

  209.   border : 0px;

  210.   width : 95%;

  211. }

  212. 

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

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

  215.   padding : 0px;

  216. }

  217. 

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

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

  220.   position : relative;

  221.   z-index : 1;

  222. }

  223. 

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

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

  226. }

  227. 

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

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

  230.   height : 22px !important;

  231. }

  232. 

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

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

  235.   float : left;

  236. }

  237. 

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

  239.   height : 22px;

  240.   padding-top: 0px;

  241.   margin-right : 3px;

  242. }

  243. 

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

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

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

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

  248.   height : 22px;

  249.   padding-top: 0px;

  250. }

  251. 

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

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

  254.   position : absolute;

  255.   width : 100%;

  256.   background : none;

  257.   text-align : left;

  258.   z-index : 1;

  259. }

  260. 

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

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

  263.   font-size : 1px;

  264.   height : 23px;

  265.   width : 100%;

  266.   position :relative;

  267.   z-index : 0;

  268.   top : 0px;

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

  270. }

  271. 

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

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

  274.   margin : 0px;

  275. }

  276. 

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

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

  279.   overflow : hidden;

  280. }

  281. 

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

  283.   top : 0px;

  284. }

  285. 

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

  287.   top : 12px;

  288. }

  289. 

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

  291.   top : 24px;

  292. }

  293. 

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

  295.   top : 36px;

  296. }

  297. 

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

  299.   top : 40px;

  300. }

  301. 

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

  303.   height : 10px;

  304. }

  305. 

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

  307.   height : 22px;

  308. }

  309. 

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

  311.   height : 34px;

  312. }

  313. 

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

  315.   height : 46px;

  316. }

  317. 

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

  319.   height : 58px;

  320. }

  321. 

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

  323.   height : 70px;

  324. }

  325. 

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

  327.   height : 82px;

  328. }

  329. 

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

  331.   height : 94px;

  332. }

  333. 

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

  335.   height : 106px;

  336. }

  337. 

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

  339.   height : 118px;

  340. }

  341. 

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

  343.   height : 130px;

  344. }

  345. 

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

  347.   height : 142px;

  348. }

  349. 

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

  351.   height : 154px;

  352. }

  353. 

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

  355.   height : 166px;

  356. }

  357. 

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

  359.   height : 178px;

  360. }

  361. 

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

  363.   height : 190px;

  364. }

  365. 

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

  367.   height : 202px;

  368. }

  369. 

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

  371.   height : 214px;

  372. }

  373. 

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

  375.   height : 226px;

  376. }

  377. 

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

  379.   height : 238px;

  380. }

  381. 

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

  383.   height : 250px;

  384. }

  385. 

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

  387.   height : 262px;

  388. }

  389. 

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

  391.   height : 274px;

  392. }

  393. 

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

  395.   height : 286px;

  396. }

  397. 

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

  399.   height : 298px;

  400. }

  401. 

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

  403.   height : 310px;

  404. }

  405. 

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

  407.   height : 322px;

  408. }

  409. 

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

  411.   height : 334px;

  412. }

  413. 

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

  415.   height : 346px;

  416. }

  417. 

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

  419.   height : 358px;

  420. }

  421. 

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

  423.   height : 370px;

  424. }

  425. 

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

  427.   height : 382px;

  428. }

  429. 

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

  431.   height : 394px;

  432. }

  433. 

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

  435.   height : 406px;

  436. }

  437. 

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

  439.   height : 418px;

  440. }

  441. 

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

  443.   height : 430px;

  444. }

  445. 

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

  447.   height : 442px;

  448. }

  449. 

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

  451.   height : 454px;

  452. }

  453. 

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

  455.   height : 466px;

  456. }

  457. 

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

  459.   height : 478px;

  460. }

  461. 

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

  463.   height : 490px;

  464. }

  465. 

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

  467.   height : 502px;

  468. }

  469. 

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

  471.   height : 514px;

  472. }

  473. 

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

  475.   height : 526px;

  476. }

  477. 

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

  479.   height : 538px;

  480. }

  481. 

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

  483.   height : 550px;

  484. }

  485. 

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

  487.   height : 562px;

  488. }

  489. 

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

  491.   height : 574px;

  492. }

  493. 

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

  495.   height : 586px;

  496. }

  497. 

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

  499.   height : 598px;

  500. }

  501. 

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

  503.   height : 610px;

  504. }

  505. 

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

  507.   height : 622px;

  508. }

  509. 

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

  511.   height : 634px;

  512. }

  513. 

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

  515.   height : 646px;

  516. }

  517. 

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

  519.   height : 658px;

  520. }

  521. 

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

  523.   height : 670px;

  524. }

  525. 

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

  527.   height : 682px;

  528. }

  529. 

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

  531.   height : 694px;

  532. }

  533. 

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

  535.   height : 706px;

  536. }

  537. 

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

  539.   height : 718px;

  540. }

  541. 

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

  543.   height : 730px;

  544. }

  545. 

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

  547.   height : 742px;

  548. }

  549. 

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

  551.   height : 754px;

  552. }

  553. 

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

  555.   height : 766px;

  556. }

  557. 

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

  559.   height : 778px;

  560. }

  561. 

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

  563.   height : 790px;

  564. }

  565. 

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

  567.   height : 802px;

  568. }

  569. 

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

  571.   height : 814px;

  572. }

  573. 

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

  575.   height : 826px;

  576. }

  577. 

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

  579.   height : 838px;

  580. }

  581. 

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

  583.   height : 850px;

  584. }

  585. 

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

  587.   height : 862px;

  588. }

  589. 

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

  591.   height : 874px;

  592. }

  593. 

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

  595.   height : 886px;

  596. }

  597. 

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

  599.   height : 898px;

  600. }

  601. 

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

  603.   height : 910px;

  604. }

  605. 

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

  607.   height : 922px;

  608. }

  609. 

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

  611.   height : 934px;

  612. }

  613. 

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

  615.   height : 946px;

  616. }

  617. 

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

  619.   height : 958px;

  620. }

  621. 

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

  623.   height : 970px;

  624. }

  625. 

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

  627.   height : 982px;

  628. }

  629. 

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

  631.   height : 994px;

  632. }

  633. 

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

  635.   height : 1006px;

  636. }

  637. 

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

  639.   height : 1018px;

  640. }

  641. 

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

  643.   height : 1030px;

  644. }

  645. 

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

  647.   height : 1042px;

  648. }

  649. 

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

  651.   height : 1054px;

  652. }

  653. 

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

  655.   height : 1066px;

  656. }

  657. 

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

  659.   height : 1078px;

  660. }

  661. 

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

  663.   height : 1090px;

  664. }

  665. 

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

  667.   height : 1102px;

  668. }

  669. 

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

  671.   height : 1114px;

  672. }

  673. 

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

  675.   height : 1128px;

  676. }

  677. 

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

  679.   height : 1140px;

  680. }

  681. 

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

  683.   height : 1152px;

  684. }

  685. 

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

  687.   margin-left : 0px;

  688.   width : 50%;

  689. }

  690. 

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

  692.   margin-left : 10%;

  693.   width : 85%;

  694. }

  695. 

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

  697.   margin-left : 16%;

  698.   width : 79%;

  699. }

  700. 

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

  702.   margin-left : 21%;

  703.   width : 74%;

  704. }

  705. 

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

  707.   margin-left : 30%;

  708.   width : 65%;

  709. }

  710. 

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

  712.   margin-left : 34%;

  713.   width : 61%;

  714. }

  715. 

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

  717.   margin-left : 42%;

  718.   width : 53%;

  719. }

  720. 

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

  722.   margin-left : 49%;

  723.   width : 46%;

  724. }

  725. 

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

  727.   margin-left : 55%;

  728.   width : 40%;

  729. }

  730. 

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

  732.   margin-left : 65%;

  733.   width : 30%;

  734. }

  735. 

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

  737.     width : 95% !important;

  738.     width : auto;

  739. }

  740. 

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

  742.     width : 60% !important;

  743.     width : auto;

  744. }

  745. 

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

  747.   margin-left : 2px;

  748.   width : 25% !important;

  749.   width : 97%;

  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% !important;

  799.     width : auto;

  800. }

  801. 

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

  803.     width : 60% !important;

  804.     width : auto;

  805. }

  806. 

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

  808.     width : 40% !important;

  809.     width : auto;

  810. }

  811. 

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

  813.     width : 30% !important;

  814.     width : auto;

  815. }

  816. 

  817. .single-day-footer .grippie,

  818. .header-body-divider .grippie {

  819.   overflow: hidden;

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

  821.   cursor: s-resize;

  822.   height : 3px;

  823. }