[class*="cal-cell"] { float: left; margin-left: 0; min-height: 1px; } .cal-row-fluid { width: 100%; *zoom: 1; } .cal-row-fluid:before, .cal-row-fluid:after { display: table; content: ""; line-height: 0; } .cal-row-fluid:after { clear: both; } .cal-row-fluid [class*="cal-cell"] { display: block; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; margin-left: 0%; *margin-left: -0.05213764337851929%; } .cal-row-fluid [class*="cal-cell"]:first-child { margin-left: 0; } .cal-row-fluid .controls-row [class*="cal-cell"] + [class*="cal-cell"] { margin-left: 0%; } .cal-row-fluid .cal-cell7 { width: 100%; *width: 99.94669509594883%; } .cal-row-fluid .cal-cell6 { width: 85.71428571428571%; *width: 85.66098081023453%; } .cal-row-fluid .cal-cell5 { width: 71.42857142857142%; *width: 71.37526652452024%; } .cal-row-fluid .cal-cell4 { width: 57.14285714285714%; *width: 57.089552238805965%; } .cal-row-fluid .cal-cell3 { width: 42.857142857142854%; *width: 42.80383795309168%; } .cal-row-fluid .cal-cell2 { width: 28.57142857142857%; *width: 28.518123667377395%; } .cal-row-fluid .cal-cell1 { width: 14.285714285714285%; *width: 14.232409381663112%; } .cal-week-box .cal-offset7, .cal-row-fluid .cal-offset7, .cal-row-fluid .cal-offset7:first-child { margin-left: 100%; *margin-left: 99.89339019189765%; } .cal-week-box .cal-offset6, .cal-row-fluid .cal-offset6, .cal-row-fluid .cal-offset6:first-child { margin-left: 85.71428571428571%; *margin-left: 85.60767590618336%; } .cal-week-box .cal-offset5, .cal-row-fluid .cal-offset5, .cal-row-fluid .cal-offset5:first-child { margin-left: 71.42857142857142%; *margin-left: 71.32196162046907%; } .cal-week-box .cal-offset4, .cal-row-fluid .cal-offset4, .cal-row-fluid .cal-offset4:first-child { margin-left: 57.14285714285714%; *margin-left: 57.03624733475479%; } .cal-week-box .cal-offset3, .cal-row-fluid .cal-offset3, .cal-row-fluid .cal-offset3:first-child { margin-left: 42.857142857142854%; *margin-left: 42.750533049040506%; } .cal-week-box .cal-offset2, .cal-row-fluid .cal-offset2, .cal-row-fluid .cal-offset2:first-child { margin-left: 28.57142857142857%; *margin-left: 28.46481876332622%; } .cal-week-box .cal-offset1, .cal-row-fluid .cal-offset1, .cal-row-fluid .cal-offset1:first-child { margin-left: 14.285714285714285%; *margin-left: 14.17910447761194%; } .cal-row-fluid .cal-cell1 { width: 14.285714285714285%; *width: 14.233576642335766%; } [class*="cal-cell"].hide, .cal-row-fluid [class*="cal-cell"].hide { display: none; } [class*="cal-cell"].pull-right, .cal-row-fluid [class*="cal-cell"].pull-right { float: right; } .cal-row-head [class*="cal-cell"]:first-child, .cal-row-head [class*="cal-cell"] { min-height: auto; overflow: hidden; text-overflow: ellipsis; } .cal-events-num { margin-top: 20px; } .cal-month-day { position: relative; display: block; width: 100%; } #cal-week-box { position: absolute; width: 70px; left: -71px; top: -1px; padding: 8px 5px; cursor: pointer; } #cal-day-tick { position: absolute; right: 50%; bottom: -21px; padding: 0px 5px; cursor: pointer; z-index: 5; text-align: center; width: 26px; margin-right: -17px; } .cal-year-box #cal-day-tick { margin-right: -7px; } #cal-slide-box { position: relative; } #cal-slide-tick { position: absolute; width: 16px; margin-left: -7px; height: 9px; top: -1px; z-index: 1; } #cal-slide-tick.tick-month1 { left: 12.5%; } #cal-slide-tick.tick-month2 { left: 37.5%; } #cal-slide-tick.tick-month3 { left: 62.5%; } #cal-slide-tick.tick-month4 { left: 87.5%; } #cal-slide-tick.tick-day1 { left: 7.14285714285715%; } #cal-slide-tick.tick-day2 { left: 21.42857142857143%; } #cal-slide-tick.tick-day3 { left: 35.71428571428572%; } #cal-slide-tick.tick-day4 { left: 50%; } #cal-slide-tick.tick-day5 { left: 64.2857142857143%; } #cal-slide-tick.tick-day6 { left: 78.57142857142859%; } #cal-slide-tick.tick-day7 { left: 92.85714285714285%; } .events-list { position: absolute; bottom: 0; left: 0; overflow: hidden; } #cal-slide-content ul.unstyled { margin-bottom: 0; } .cal-week-box { position: relative; } .cal-week-box [data-event-class] { white-space: nowrap; height: 30px; margin: 1px 1px; line-height: 30px; text-overflow: ellipsis; overflow: hidden; padding-left: 10px; } .cal-week-box .cal-column { position: absolute; height: 100%; z-index: -1; } .cal-week-box .arrow-before, .cal-week-box .arrow-after { position: relative; } .cal-week-box .arrow-after:after { content: ""; position: absolute; top: 0px; width: 0; height: 0; right: 0; border-top: 15px solid #ffffff; border-left: 8px solid; border-bottom: 15px solid #FFFFFF; } .cal-week-box .arrow-before:before { content: ""; position: absolute; top: 0px; width: 0; height: 0; left: 1px; border-top: 15px solid transparent; border-left: 8px solid #FFFFFF; border-bottom: 15px solid transparent; } #cal-day-box { text-wrap: none; } #cal-day-box .cal-day-hour-part { height: 30px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-bottom: thin dashed #e1e1e1; } #cal-day-box .cal-day-hour .day-highlight { height: 30px; } #cal-day-box .cal-hours { font-weight: bolder; } #cal-day-box .cal-day-hour:nth-child(odd) { background-color: #fafafa; } #cal-day-box #cal-day-panel { position: relative; padding-left: 60px; } #cal-day-box #cal-day-panel-hour { position: absolute; width: 100%; margin-left: -60px; } #cal-day-box .day-event { position: relative; max-width: 200px; overflow: hidden; } #cal-day-box .day-highlight { line-height: 30px; padding-left: 8px; padding-right: 8px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border: 1px solid #c3c3c3; margin: 1px 1px; overflow: hidden; text-overflow: ellipsis; } #cal-day-box .day-highlight.dh-event-important { border: 1px solid #ad2121; } #cal-day-box .day-highlight.dh-event-warning { border: 1px solid #e3bc08; } #cal-day-box .day-highlight.dh-event-info { border: 1px solid #1e90ff; } #cal-day-box .day-highlight.dh-event-inverse { border: 1px solid #1b1b1b; } #cal-day-box .day-highlight.dh-event-success { border: 1px solid #006400; } #cal-day-box .day-highlight.dh-event-special { background-color: #ffe6ff; border: 1px solid #800080; } .event { display: block; background-color: #c3c3c3; width: 20px; height: 20px; margin-right: 2px; margin-bottom: 2px; -webkit-box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.4); box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.4); border-radius: 15px; border: 1px solid #ffffff; } .event-block { display: block; background-color: #c3c3c3; width: 20px; height: 100%; } .cal-event-list .event.pull-left { margin-top: 3px; } .event-important { //background-color: #ad2121; background-color: #000; } .event-info { background-color: #1e90ff; } .event-warning { background-color: #e3bc08; } .event-inverse { background-color: #1b1b1b; } .event-success { //background-color: #006400; background-color: #e07000; } .event-special { background-color: #800080; } .day-highlight:hover, .day-highlight { background-color: #dddddd; } .day-highlight.dh-event-important:hover, .day-highlight.dh-event-important { background-color: #fae3e3; } .day-highlight.dh-event-warning:hover, .day-highlight.dh-event-warning { background-color: #fdf1ba; } .day-highlight.dh-event-info:hover, .day-highlight.dh-event-info { background-color: #d1e8ff; } .day-highlight.dh-event-inverse:hover, .day-highlight.dh-event-inverse { background-color: #c1c1c1; } .day-highlight.dh-event-success:hover, .day-highlight.dh-event-success { background-color: #caffca; } .day-highlight.dh-event-special:hover, .day-highlight.dh-event-special { background-color: #ffe6ff; } .cal-row-head [class*="cal-cell"]:first-child, .cal-row-head [class*="cal-cell"] { font-weight: bolder; text-align: center; border: 0px solid; padding: 5px 0; } .cal-row-head [class*="cal-cell"] small { font-weight: normal; } .cal-year-box .row-fluid:hover, .cal-row-fluid:hover { background-color: #fafafa; } .cal-month-day { height: 80px; } [class*="cal-cell"]:hover { background-color: #ededed; } .cal-year-box [class*="span"], .cal-month-box [class*="cal-cell"] { min-height: 80px; border-right: 1px solid #e1e1e1; position: relative; } .cal-year-box [class*="span"] { min-height: 60px; } .cal-year-box .row-fluid [class*="span"]:last-child, .cal-month-box .cal-row-fluid [class*="cal-cell"]:last-child { border-right: 0px; } .cal-year-box .row-fluid, .cal-month-box .cal-row-fluid { border-bottom: 1px solid #e1e1e1; margin-left: 0px; margin-right: 0px; } .cal-year-box .row-fluid:last-child, .cal-month-box .cal-row-fluid:last-child { border-bottom: 0px; } .cal-month-box, .cal-year-box, .cal-week-box { border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1; border-radius: 2px; } span[data-cal-date] { font-size: 1.2em; font-weight: normal; opacity: 0.5; cursor: pointer; transition: all 0.3s ease-in-out; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; margin-top: 15px; margin-right: 15px; } span[data-cal-date]:hover { opacity: 1; } .cal-day-outmonth span[data-cal-date] { opacity: 0.1; cursor: default; } .cal-day-today { background-color: #e8fde7; } .cal-day-today span[data-cal-date] { color: darkgreen; } .cal-month-box .cal-day-today span[data-cal-date] { font-size: 1.9em; } .cal-day-holiday span[data-cal-date] { color: #800080; } .cal-day-weekend span[data-cal-date] { color: darkred; } #cal-week-box { border: 1px solid #e1e1e1; border-right: 0px; border-radius: 5px 0 0 5px; background-color: #fafafa; text-align: right; } #cal-day-tick { border: 1px solid #e1e1e1; border-top: 0px solid; border-radius: 0 0 5px 5px; background-color: #ededed; text-align: center; } #cal-slide-box { border-top: 0px solid #8c8c8c; } #cal-slide-content { padding: 20px; color: #ffffff; background-image: url("../img/dark_wood.png"); -webkit-box-shadow: inset 0px 0px 15px 0px rgba(0, 0, 0, 0.5); box-shadow: inset 0px 0px 15px 0px rgba(0, 0, 0, 0.5); } #cal-slide-tick { background-image: url("../img/tick.png?2"); } #cal-slide-content:hover { background-color: transparent; } #cal-slide-content a.event-item { color: #ffffff; font-weight: normal; line-height: 22px; } .events-list { max-height: 47px; padding-left: 5px; } .cal-column { border-left: 1px solid #e1e1e1; } a.cal-event-week { text-decoration: none; color: #151515; } .badge-important { background-color: #b94a48; }