/** * jQuery calendar plug-in 1.0.2 * Copyright 2012, Digital Fusion * Licensed under the MIT license. * http://teamdf.com/jquery-plugins/license/ * * @docs http://teamdf.com/jquery-plugins/calendar/ * @author Sam Sehnert */ .ui-cal{ overflow: hidden; } .ui-cal-week .ui-cal-wrapper{ /* Styles for element that holds the days and appointments */ position: absolute; top: 22px; left: 61px; bottom: 0px; right: 0px; background-color: #fdfdfd; overflow: scroll; } .ui-cal-week .ui-cal-timeline { /* Style for left bar - contains hour labels, and scroll tools down bottom */ position: absolute; top: 21px; bottom: 0px; left: 0px; width: 60px; background-color: #D1DAE8; border-right: 1px solid #b3b3b3; overflow: hidden; z-index: 3; } .ui-cal-week .ui-cal-timeline .ui-cal-label-time{ /* hour labels for positioning. holds label text */ padding-right: 7px; padding-bottom: 1px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ie-box-sizing: border-box; } .ui-cal-week .ui-cal-timeline .ui-cal-label-time p{ /* hour label text */ position: relative; top: -6px; margin: 0px; padding: 0px; color: #333; text-align: right; text-shadow: rgba(255, 255, 255, 0.5) 0px 1px 0px; } .ui-cal-week .ui-cal-timeline .ui-cal-label-time p span{ /* hour label text for emphasis usually for AM - PM text */ color: #727272; font-size: .95em; } .ui-cal-resources .ui-cal-wrapper, .ui-cal-resources .ui-cal-timeline{ top: 44px; } .ui-cal-week .ui-cal-dateline, .ui-cal .ui-cal-resourceline{ position: absolute; left: 60px; right: 0px; height: 21px; color: #333; cursor: pointer; border-style: solid; border-width: 0; border-bottom-width: 1px; border-left-width: 1px; overflow: hidden; z-index: 5; } .ui-cal-week .ui-cal-dateline{ top: 0px; background: #cacaca repeat-x 0% 0%; border-color: #b3b3b3; } .ui-cal-week .ui-cal-resourceline{ top: 22px; background: #ebebeb repeat-x 0% 0%; border-color: #D1D3D8; } .ui-cal .ui-cal-label-date, .ui-cal .ui-cal-label-resource { /* holds date labels inside dateline div */ position: absolute; margin: 0px; padding: 0px; height: 100%; cursor: default; font-size: 1em; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ie-box-sizing: border-box; } .ui-cal-week .ui-cal-label-date, .ui-cal-week .ui-cal-label-resource{ margin-left: -1px; } .ui-cal .ui-cal-label-date p, .ui-cal .ui-cal-label-resource p{ /* date text label inside the time cell */ position: absolute; top: 1em; width: 100%; margin: -0.5em 0 0 0; padding: 0; font-size: 1em; text-align: center; text-shadow: rgba(255, 255, 255, 0.5) 0px 1px 0px; white-space: pre-wrap; cursor: pointer; overflow: hidden; text-overflow: ellipsis; } .ui-cal .ui-cal-label-date .delimiter{ /* Displays a small white line to separate dateline dates. */ position: absolute; height: 8px; bottom: 0px; width: 100%; border-right: 1px solid #b3b3b3; } .ui-cal .ui-cal-label-resource .delimiter{ /* Displays a small line to separate resourceline resources */ position: absolute; width: 100%; height: 100%; border-right: 1px solid #D1D3D8; } .ui-cal-week .ui-cal-dateline-fill{ position: absolute; top: 0px; left: 0px; width: 100%; height: 21px; color: #333; cursor: pointer; background: #cacaca repeat-x 0% 0%; border-bottom: 1px solid #b3b3b3; z-index: 4; } .ui-cal-week .ui-cal-resourceline-fill{ position: absolute; top: 22px; left: 0px; width: 100%; height: 21px; color: #333; cursor: pointer; background: #ebebeb repeat-x 0% 0%; border-bottom: 1px solid #D1D3D8; z-index: 4; } .ui-cal .ui-cal-date{ /* style for day block - inside viewer, and contains time blocks */ position: absolute; top: 0px; border-right: 1px solid #E5E5E2; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ie-box-sizing: border-box; } .ui-cal .ui-cal-date.ui-cal-today{ background-color: #F2F6FB; } .ui-cal .ui-cal-resource{ border-right: 1px dotted #E5E5E2; } .ui-cal-week .ui-cal-time{ /* base style for time blocks */ border-top: 1px solid #ececec; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ie-box-sizing: border-box; } .ui-cal-week .ui-cal-time[past="00"]{ border-top: 1px solid #D1D3D8; } .ui-cal .ui-cal-event, .ui-cal-month .ui-cal-event.selected{ position: absolute; font-size: 1em; background: transparent repeat-x 0 -3px; cursor: pointer; -webkit-transition: -webkit-box-shadow 0.2s ease-in-out; -moz-transition: -moz-box-shadow 0.2s ease-in-out; transition: box-shadow 0.2s ease-in-out; } .ui-cal-week .ui-cal-event.begin{ -webkit-border-top-right-radius: 6px; -moz-border-radius-topright: 6px; border-top-right-radius: 6px; -webkit-border-top-left-radius: 6px; -moz-border-radius-topleft: 6px; border-top-left-radius: 6px; } .ui-cal-week .ui-cal-event.end, .ui-cal .ui-cal-event.end .details{ -webkit-border-bottom-right-radius: 6px; -moz-border-radius-bottomright: 6px; border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-left-radius: 5px; } .ui-cal-month .ui-cal-event.begin{ -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-left-radius: 5px; -webkit-border-top-left-radius: 6px; -moz-border-radius-topleft: 6px; border-top-left-radius: 6px; } .ui-cal-month .ui-cal-event.end{ -webkit-border-bottom-right-radius: 6px; -moz-border-radius-bottomright: 6px; border-bottom-right-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topright: 6px; border-top-right-radius: 6px; } .ui-cal .ui-cal-event.selected{ /* style for selected appointments */ background-color: #46f; z-index: 2; -webkit-box-shadow: 1px 0px 30px rgba( 80, 80, 80, 0.5 ); /* CSS3 */ -moz-box-shadow: 1px 0px 30px rgba( 80, 80, 80, 0.5 ); /* CSS3 */ box-shadow: 1px 0px 30px rgba( 80, 80, 80, 0.5 ); /* CSS3 */ cursor: pointer; } .ui-cal-month .ui-cal-event{ -webkit-transition: -webkit-box-shadow 0s linear; -moz-transition: -moz-box-shadow 0s linear; transition: box-shadow 0s linear; } .ui-cal .ui-cal-event .details{ /* Style for appointment details section */ position: absolute; left: 2px; right: 2px; top: 0px; bottom: 0px; margin: 0px; padding: 3px; width:expression(this.parentNode.offsetWidth-4+'px'); /* For IEs broken absolute positioning. */ height: expression(this.parentNode.offsetHeight-16+'px'); /* For IEs broken absolute positioning. */ cursor: pointer; overflow: hidden; white-space: pre-wrap; /* css-3 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ color: #fff; font-size: 1.1em; font-family: sans-serif; text-overflow: ellipsis; border: 0; } .ui-cal .ui-cal-event.begin .details{ top: 1.45em; } .ui-cal .ui-cal-event.end .details{ bottom: 2px; } .ui-cal-week .ui-cal-event .resize-top{ /* Style for appointments resize bar (hidden, only for cursor and drag handler )*/ position: absolute; top: -4px; height: 9px; left: 0px; width: 100%; margin: 0; padding: 0; cursor: row-resize; z-index: 1; } .ui-cal-week .ui-cal-event .resize-bottom{ /* Style for appointments resize bar (hidden, only for cursor and drag handler )*/ position: absolute; bottom: -4px; height: 9px; left: 0px; width: 100%; cursor: row-resize; margin: 0; padding: 0; z-index: 1; } .ui-cal .ui-cal-event span.button-remove{ position: absolute; top: 3px; right: 3px; width: 10px; height: 10px; background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAKCAYAAABmBXS+AAAC7mlDQ1BJQ0MgUHJvZmlsZQAAeAGFVM9rE0EU/jZuqdAiCFprDrJ4kCJJWatoRdQ2/RFiawzbH7ZFkGQzSdZuNuvuJrWliOTi0SreRe2hB/+AHnrwZC9KhVpFKN6rKGKhFy3xzW5MtqXqwM5+8943731vdt8ADXLSNPWABOQNx1KiEWlsfEJq/IgAjqIJQTQlVdvsTiQGQYNz+Xvn2HoPgVtWw3v7d7J3rZrStpoHhP1A4Eea2Sqw7xdxClkSAog836Epx3QI3+PY8uyPOU55eMG1Dys9xFkifEA1Lc5/TbhTzSXTQINIOJT1cVI+nNeLlNcdB2luZsbIEL1PkKa7zO6rYqGcTvYOkL2d9H5Os94+wiHCCxmtP0a4jZ71jNU/4mHhpObEhj0cGDX0+GAVtxqp+DXCFF8QTSeiVHHZLg3xmK79VvJKgnCQOMpkYYBzWkhP10xu+LqHBX0m1xOv4ndWUeF5jxNn3tTd70XaAq8wDh0MGgyaDUhQEEUEYZiwUECGPBoxNLJyPyOrBhuTezJ1JGq7dGJEsUF7Ntw9t1Gk3Tz+KCJxlEO1CJL8Qf4qr8lP5Xn5y1yw2Fb3lK2bmrry4DvF5Zm5Gh7X08jjc01efJXUdpNXR5aseXq8muwaP+xXlzHmgjWPxHOw+/EtX5XMlymMFMXjVfPqS4R1WjE3359sfzs94i7PLrXWc62JizdWm5dn/WpI++6qvJPmVflPXvXx/GfNxGPiKTEmdornIYmXxS7xkthLqwviYG3HCJ2VhinSbZH6JNVgYJq89S9dP1t4vUZ/DPVRlBnM0lSJ93/CKmQ0nbkOb/qP28f8F+T3iuefKAIvbODImbptU3HvEKFlpW5zrgIXv9F98LZua6N+OPwEWDyrFq1SNZ8gvAEcdod6HugpmNOWls05Uocsn5O66cpiUsxQ20NSUtcl12VLFrOZVWLpdtiZ0x1uHKE5QvfEp0plk/qv8RGw/bBS+fmsUtl+ThrWgZf6b8C8/UXAeIuJAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAvElEQVQYGU2QLQvCUBiF793CitH/IGhRMK34V0wu+Iu0idUoCAaLzWAYjAVtwyIDh01Qr8+Zd7ADz85533v2wYxBzrkIZnCEq3fNkc5VCGEBjb5NwJcQqpT45QPPfb7gpc+JSqkfNngMa5jACqRUpXcd/5e5/4Rpa/cKWFY6QBnoNT28gDNIlUrbOhpzx0dwghg0Szu9rg9F6/HteGMY1FXCEPbwAUl+gLEKlhBYa/VvOsy6qwsl5OyfOv8B52rwq5FQN5gAAAAASUVORK5CYII=) no-repeat 50% 50%; cursor: pointer; opacity: 0.6; -webkit-transition: opacity 0.3s linear; } .ui-cal .ui-cal-event span.button-remove:hover, .ui-cal .ui-cal-event.selected span.button-remove{ opacity: 1; } .ui-cal .ui-cal-event p.title{ /* style for time display in appointments */ font-weight: bold; font-size: 1em; line-height: 1.6em; margin: 0px; margin-left: 3px; margin-right: 13px; padding: 0px; overflow: hidden; white-space: pre; cursor: pointer; text-overflow: ellipsis; } .ui-cal .ui-cal-event textarea.details{ /* Style for textarea which allows user to edit the description for an appointment */ color: #222; -webkit-resize: none; resize: none; outline: none; overflow-y: auto; } .ui-cal-month .ui-cal-wrapper{ /* Styles for element that holds the days and appointments */ position: absolute; top: 22px; left: 0px; bottom: 0px; right: 0px; background-color: #fdfdfd; overflow: none; } .ui-cal-month .ui-cal-dateline{ position: absolute; left: 0px; right: 0px; top: 0px; height: 21px; color: #333; cursor: pointer; background: #cacaca repeat-x 0% 0%; border-bottom: 1px solid #b3b3b3; overflow: hidden; z-index: 4; } .ui-cal-month .ui-cal-date{ /* style for day block - inside viewer, and contains time blocks */ border-right: 1px solid #E5E5E2; border-bottom: 1px solid #E5E5E2; } .ui-cal-month .ui-cal-date p { margin: 0; padding: 5px; color: #777; } .ui-cal-month .ui-cal-date.non-month p { color: #ccc; } .ui-cal-month .ui-cal-label-date .delimiter{ box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ie-box-sizing: border-box; } .ui-cal .ui-cal-dateline, .ui-cal .ui-cal-dateline-fill, .ui-cal .ui-cal-event, .ui-cal .ui-cal-event.selected{ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAUCAYAAABMDlehAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADlJREFUeNp0y6sNACAAxNALBs0ArM9QbMEnJKiD4jEvNZXtEiRVEBg2LJgwoEN7pbtlSBBBX44AAwARiCdWebcYiAAAAABJRU5ErkJggg==); } .ui-cal-week .ui-cal-resourceline, .ui-cal-week .ui-cal-resourceline-fill{ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAUCAYAAABMDlehAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAJElEQVQIHWNgYGBQZAISf0DEXzgLwQWL/WUGyjKBCEYQQRoAACCgByRDdQsFAAAAAElFTkSuQmCC); }