You are here

Home » API reference » Calendar 6.2

calendar-overlap.css in Calendar 6.2

Same filename and directory in other branches
  1. 7 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 #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 

  9. .full div.item-wrapper, 

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

  11.   background-color: none;

  12.   border:0px;

  13.   float:none;

  14.   margin:0px;

  15.   width : 100%;

  16.   margin-top : -24px;

  17. }

  18. 

  19. .calendar-calendar td .inner div, 

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

  21.    background : none;

  22. }

  23. 

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

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

  26.   background : #FFD8C0;

  27.   width : auto;

  28.   padding : 0px 3px;

  29.   overflow : hidden;

  30. }

  31. 

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

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

  34.     border : 1px solid #E39364;

  35. }

  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 #multi-day-container table td.calendar-agenda-hour {

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

  102. }

  103. 

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

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

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

  107.   height : 500px;

  108. }

  109. 

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

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

  112.   padding : 0px;

  113.   border-top : 0px;

  114.   border-bottom : 0px;

  115.   width: 14%;

  116. }

  117. 

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

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

  120.    border-left : 0px;

  121. }

  122. 

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

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

  125.    border-left : 0px;

  126. }

  127. 

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

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

  130.    border-right : 0px;

  131. }

  132. 

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

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

  135.   border-top : 0px;

  136. }

  137. 

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

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

  140.    border-bottom : 0px;

  141. }

  142. 

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

  144.   table-layout : fixed;

  145.   width : 100%;

  146.   margin : 0px;

  147. }

  148. 

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

  150.   table-layout : fixed;

  151.   width : 100%;

  152.   margin : 0px;

  153. }

  154. 

  155. .calendar-calendar td.calendar-agenda-hour .calendar-hour,

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

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

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

  159.   font-size : .8em;

  160.   font-weight : normal;

  161.   margin-right: 0px;

  162. }

  163. 

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

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

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

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

  168.   height : 47px;

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

  170. }

  171. 

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

  173.   width : auto;

  174. }

  175. 

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

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

  178.   margin-top : 10px;

  179. }

  180. 

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

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

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

  184.   width : 50px;

  185.   padding : 0px;

  186.   border : 0px;

  187. }

  188. 

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

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

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

  192.   width:95%;

  193. }

  194. 

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

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

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

  198.   width : 50px;

  199.   padding : 0px;

  200.   border : 0px;

  201. }

  202. 

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

  204.   width : 10px;

  205. }

  206. 

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

  208.   padding : 0px;

  209.   border : 0px;

  210.   width : 14%;

  211. }

  212. 

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

  214.   padding : 0px;

  215.   border : 0px;

  216.   width : 95%;

  217. }

  218. 

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

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

  221.   padding : 0px;

  222. }

  223. 

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

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

  226.   position : relative;

  227.   z-index : 1;

  228. }

  229. 

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

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

  232. }

  233. 

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

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

  236.   height : 22px !important;

  237. }

  238. 

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

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

  241.   float : left;

  242. }

  243. 

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

  245.   height : 22px;

  246.   padding-top: 0px;

  247.   margin-right : 3px;

  248. }

  249. 

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

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

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

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

  254.   height : 22px;

  255.   padding-top: 0px;

  256. }

  257. 

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

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

  260.   position : absolute;

  261.   width : 100%;

  262.   background : none;

  263.   text-align : left;

  264.   z-index : 1;

  265. }

  266. 

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

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

  269.   font-size : 1px;

  270.   height : 23px;

  271.   width : 100%;

  272.   position :relative;

  273.   z-index : 0;

  274.   top : 0px;

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

  276. }

  277. 

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

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

  280.   margin : 0px;

  281. }

  282. 

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

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

  285.   overflow : hidden;

  286. }

  287. 

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

  289.   top : 0px;

  290. }

  291. 

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

  293.   top : 12px;

  294. }

  295. 

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

  297.   top : 24px;

  298. }

  299. 

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

  301.   top : 36px;

  302. }

  303. 

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

  305.   top : 40px;

  306. }

  307. 

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

  309.   height : 10px;

  310. }

  311. 

  312. 

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

  314.   height : 22px;

  315. }

  316. 

  317. 

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

  319.   height : 34px;

  320. }

  321. 

  322. 

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

  324.   height : 46px;

  325. }

  326. 

  327. 

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

  329.   height : 58px;

  330. }

  331. 

  332. 

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

  334.   height : 70px;

  335. }

  336. 

  337. 

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

  339.   height : 82px;

  340. }

  341. 

  342. 

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

  344.   height : 94px;

  345. }

  346. 

  347. 

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

  349.   height : 106px;

  350. }

  351. 

  352. 

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

  354.   height : 118px;

  355. }

  356. 

  357. 

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

  359.   height : 130px;

  360. }

  361. 

  362. 

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

  364.   height : 142px;

  365. }

  366. 

  367. 

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

  369.   height : 154px;

  370. }

  371. 

  372. 

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

  374.   height : 166px;

  375. }

  376. 

  377. 

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

  379.   height : 178px;

  380. }

  381. 

  382. 

  383. 

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

  385.   height : 190px;

  386. }

  387. 

  388. 

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

  390.   height : 202px;

  391. }

  392. 

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

  394.   height : 214px;

  395. }

  396. 

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

  398.   height : 226px;

  399. }

  400. 

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

  402.   height : 238px;

  403. }

  404. 

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

  406.   height : 250px;

  407. }

  408. 

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

  410.   height : 262px;

  411. }

  412. 

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

  414.   height : 274px;

  415. }

  416. 

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

  418.   height : 286px;

  419. }

  420. 

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

  422.   height : 298px;

  423. }

  424. 

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

  426.   height : 310px;

  427. }

  428. 

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

  430.   height : 322px;

  431. }

  432. 

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

  434.   height : 334px;

  435. }

  436. 

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

  438.   height : 346px;

  439. }

  440. 

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

  442.   height : 358px;

  443. }

  444. 

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

  446.   height : 370px;

  447. }

  448. 

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

  450.   height : 382px;

  451. }

  452. 

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

  454.   height : 394px;

  455. }

  456. 

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

  458.   height : 406px;

  459. }

  460. 

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

  462.   height : 418px;

  463. }

  464. 

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

  466.   height : 430px;

  467. }

  468. 

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

  470.   height : 442px;

  471. }

  472. 

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

  474.   height : 454px;

  475. }

  476. 

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

  478.   height : 466px;

  479. }

  480. 

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

  482.   height : 478px;

  483. }

  484. 

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

  486.   height : 490px;

  487. }

  488. 

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

  490.   height : 502px;

  491. }

  492. 

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

  494.   height : 514px;

  495. }

  496. 

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

  498.   height : 526px;

  499. }

  500. 

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

  502.   height : 538px;

  503. }

  504. 

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

  506.   height : 550px;

  507. }

  508. 

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

  510.   height : 562px;

  511. }

  512. 

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

  514.   height : 574px;

  515. }

  516. 

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

  518.   height : 586px;

  519. }

  520. 

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

  522.   height : 598px;

  523. }

  524. 

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

  526.   height : 610px;

  527. }

  528. 

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

  530.   height : 622px;

  531. }

  532. 

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

  534.   height : 634px;

  535. }

  536. 

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

  538.   height : 646px;

  539. }

  540. 

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

  542.   height : 658px;

  543. }

  544. 

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

  546.   height : 670px;

  547. }

  548. 

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

  550.   height : 682px;

  551. }

  552. 

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

  554.   height : 694px;

  555. }

  556. 

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

  558.   height : 706px;

  559. }

  560. 

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

  562.   height : 718px;

  563. }

  564. 

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

  566.   height : 730px;

  567. }

  568. 

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

  570.   height : 742px;

  571. }

  572. 

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

  574.   height : 754px;

  575. }

  576. 

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

  578.   height : 766px;

  579. }

  580. 

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

  582.   height : 778px;

  583. }

  584. 

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

  586.   height : 790px;

  587. }

  588. 

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

  590.   height : 802px;

  591. }

  592. 

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

  594.   height : 814px;

  595. }

  596. 

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

  598.   height : 826px;

  599. }

  600. 

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

  602.   height : 838px;

  603. }

  604. 

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

  606.   height : 850px;

  607. }

  608. 

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

  610.   height : 862px;

  611. }

  612. 

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

  614.   height : 874px;

  615. }

  616. 

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

  618.   height : 886px;

  619. }

  620. 

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

  622.   height : 898px;

  623. }

  624. 

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

  626.   height : 910px;

  627. }

  628. 

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

  630.   height : 922px;

  631. }

  632. 

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

  634.   height : 934px;

  635. }

  636. 

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

  638.   height : 946px;

  639. }

  640. 

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

  642.   height : 958px;

  643. }

  644. 

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

  646.   height : 970px;

  647. }

  648. 

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

  650.   height : 982px;

  651. }

  652. 

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

  654.   height : 994px;

  655. }

  656. 

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

  658.   height : 1006px;

  659. }

  660. 

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

  662.   height : 1018px;

  663. }

  664. 

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

  666.   height : 1030px;

  667. }

  668. 

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

  670.   height : 1042px;

  671. }

  672. 

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

  674.   height : 1054px;

  675. }

  676. 

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

  678.   height : 1066px;

  679. }

  680. 

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

  682.   height : 1078px;

  683. }

  684. 

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

  686.   height : 1090px;

  687. }

  688. 

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

  690.   height : 1102px;

  691. }

  692. 

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

  694.   height : 1114px;

  695. }

  696. 

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

  698.   height : 1128px;

  699. }

  700. 

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

  702.   height : 1140px;

  703. }

  704. 

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

  706.   height : 1152px;

  707. }

  708. 

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

  710.   margin-left : 0px;

  711.   width : 50%;

  712. }

  713. 

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

  715.   margin-left : 10%;

  716.   width : 85%;

  717. }

  718. 

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

  720.   margin-left : 16%;

  721.   width : 79%;

  722. }

  723. 

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

  725.   margin-left : 21%;

  726.   width : 74%;

  727. }

  728. 

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

  730.   margin-left : 30%;

  731.   width : 65%;

  732. }

  733. 

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

  735.   margin-left : 34%;

  736.   width : 61%;

  737. }

  738. 

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

  740.   margin-left : 42%;

  741.   width : 53%;

  742. }

  743. 

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

  745.   margin-left : 49%;

  746.   width : 46%;

  747. }

  748. 

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

  750.   margin-left : 55%;

  751.   width : 40%;

  752. }

  753. 

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

  755.   margin-left : 65%;

  756.   width : 30%;

  757. }

  758. 

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

  760.     width : 95% !important;

  761.     width : auto;

  762. }

  763. 

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

  765.     width : 60% !important;

  766.     width : auto;

  767. }

  768. 

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

  770.   margin-left : 2px;

  771.   width : 25% !important;

  772.   width : 97%;

  773. }

  774. 

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

  776.   margin-left : 10%;

  777.   width : 89%;

  778. }

  779. 

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

  781.   margin-left : 20%;

  782.   width : 79%;

  783. }

  784. 

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

  786.   margin-left : 30%;

  787.   width : 69%;

  788. }

  789. 

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

  791.   margin-left : 40%;

  792.   width : 59%;

  793. }

  794. 

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

  796.   margin-left : 50%;

  797.   width : 49%;

  798. }

  799. 

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

  801.   margin-left : 60%;

  802.   width : 39%;

  803. }

  804. 

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

  806.   margin-left : 70%;

  807.   width : 29%;

  808. }

  809. 

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

  811.   margin-left : 75%;

  812.   width : 24%;

  813. }

  814. 

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

  816.   margin-left : 80%;

  817.   width : 19%;

  818. }

  819. 

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

  821.     width : 98% !important;

  822.     width : auto;

  823. }

  824. 

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

  826.     width : 60% !important;

  827.     width : auto;

  828. }

  829. 

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

  831.     width : 40% !important;

  832.     width : auto;

  833. }

  834. 

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

  836.     width : 30% !important;

  837.     width : auto;

  838. }

  839. 

  840. .single-day-footer .grippie,

  841. .header-body-divider .grippie {

  842.   overflow: hidden;

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

  844.   cursor: s-resize;

  845.   height : 3px;

  846. }