jquery.calendar.css

/**
 * 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);
}