CSS Source
You can view the full source code for jquery.agjCalendar.css and jquery.agjCalendar.themes.css below.
In production environments we recommend you use either jquery.agjCalendar.min.css for integrations with themes or jquery.agjCalendar.min.no-themes.css for integrations without themes.
jquery.agjCalendar.css
/**
* CSS source code of agjCalendar v1.1.0.
*
* Copyright (c) 2013-2024 Andrew G. Johnson <andrew@andrewgjohnson.com>
* Permission is hereby granted, free of charge, to any person obtaining a copy
* of this software and associated documentation files (the "Software"), to
* deal in the Software without restriction, including without limitation the
* rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
* sell copies of the Software, and to permit persons to whom the Software is
* furnished to do so, subject to the following conditions:
* The above copyright notice and this permission notice shall be included in
* all copies or substantial portions of the Software.
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
* FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
* IN THE SOFTWARE.
* @file The CSS source code for the agjCalendar jQuery plugin stylesheet.
* @copyright 2013-2024 Andrew G. Johnson <andrew@andrewgjohnson.com>
* @license MIT
* @see {@link https://github.com/andrewgjohnson/agjCalendar GitHub Repository}
* @see {@link https://agjCalendar.agjjQuery.org/ Online Documentation}
* @author Andrew G. Johnson <andrew@andrewgjohnson.com>
* @version 1.1.0
*/
#agjCalendar-modal-background
{
background-color:#cccccc;
bottom:-100px;
display:none;
filter:alpha(opacity=75);
-khtml-opacity:0.75;
left:-100px;
-moz-opacity:0.75;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
opacity:0.75;
position:fixed;
right:-100px;
top:-100px;
z-index:2147483646
}
div.agjCalendar-modal-background-full
{
background-color:#000000!important;
filter:alpha(opacity=100)!important;
-khtml-opacity:1!important;
-moz-opacity:1!important;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"!important;
opacity:1!important
}
#agjCalendar
{
border:1px solid #999999;
color:#000000;
display:none;
font-family:Verdana,sans-serif;
font-size:12px;
height:231px;
position:absolute;
text-align:left;
z-index:2147483647
}
body.agjCalendar-active #agjCalendar { display:block }
div.agjCalendar-single
{
width:179px
}
div.agjCalendar-double
{
width:353px
}
div.agjCalendar-triple
{
width:527px
}
div.agjCalendar-full
{
background-color:#ffffff;
border:0!important;
bottom:0;
height:auto!important;
left:0;
right:0;
top:0;
width:auto
}
#agjCalendar-header
{
background-color:#eeeeee;
border-bottom:1px solid #999999;
display:block;
font-size:11px;
height:23px;
line-height:22px;
padding:0 0 0 6px;
position:relative;
text-shadow:#ffffff 1px 1px;
text-shadow:rgba(255,255,255,0.5) 1px 1px
}
div.agjCalendar-full #agjCalendar-header
{
background-color:#ffffff;
border-collapse:separate;
bottom:0;
color:#000000;
display:table;
height:10%;
line-height:100%;
left:0;
padding:0;
position:fixed;
text-align:center;
text-decoration:none;
text-indent:0;
width:100%;
z-index:2147483647
}
div.agjCalendar-full #agjCalendar-header-inner
{
display:table-row;
float:none;
height:auto;
width:auto
}
div.agjCalendar-full span
{
display:none
}
#agjCalendar-powered-by
{
color:#0000cc;
outline:0;
text-decoration:underline
}
#agjCalendar-powered-by:hover
{
color:#0000ff;
text-decoration:none
}
div.agjCalendar-full #agjCalendar-powered-by
{
display:none
}
#agjCalendar-hide
{
background-image:url("../agjCalendar/hide.png");
*background-image:url("../agjCalendar/hide.gif");
background-position:0 50%;
background-repeat:no-repeat;
border-radius:9px;
display:block;
float:right;
height:23px;
-moz-border-radius:9px;
outline:0;
overflow:hidden;
position:absolute;
right:6px;
text-indent:-5000px;
top:0;
width:13px
}
@media
only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min--moz-device-pixel-ratio:2),
only screen and (-o-min-device-pixel-ratio:2/1),
only screen and (min-device-pixel-ratio:2),
only screen and (min-resolution:192dpi),
only screen and (min-resolution:2dppx)
{
#agjCalendar-hide { background-image:url("../agjCalendar/hide2x.png");background-size:13px 13px }
}
div.agjCalendar-full #agjCalendar-hide
{
background-image:none;
border-radius:0;
color:#000000;
display:table-cell;
float:none;
height:auto;
-moz-border-radius:0;
position:static;
right:auto;
text-align:center;
text-decoration:none;
text-indent:0;
top:auto;
vertical-align:middle;
width:auto
}
#agjCalendar-body
{
background-color:#ffffff;
border:5px solid #ffffff;
border-right:0;
font-size:11px;
height:197px;
position:relative
}
div.agjCalendar-full #agjCalendar-body
{
border:0;
bottom:0;
height:auto;
left:0;
position:absolute;
right:0;
top:0
}
#agjCalendar-first,#agjCalendar-second,#agjCalendar-third
{
float:left;
height:197px;
width:169px
}
#agjCalendar-second,#agjCalendar-third
{
display:none;
margin:0 0 0 5px
}
div.agjCalendar-double #agjCalendar-second,div.agjCalendar-triple #agjCalendar-second,div.agjCalendar-triple #agjCalendar-third
{
display:block
}
div.agjCalendar-full #agjCalendar-first
{
background-color:#ffffff;
border:none;
border-collapse:separate;
display:table;
float:none;
height:90%;
left:0;
margin:auto;
padding:0;
position:fixed;
top:0;
width:100%;
z-index:2147483647
}
div.agjCalendar-full #agjCalendar-second,div.agjCalendar-full #agjCalendar-third
{
display:none
}
#agjCalendar-body div.agjCalendar-month,#agjCalendar-body div.agjCalendar-days
{
background-color:#eeeeee;
border:0 solid #cccccc;
border-width:0 1px;
display:block;
float:left;
height:23px;
width:167px
}
#agjCalendar-body div.agjCalendar-month
{
border-top-width:1px;
padding:5px 6px 0 5px;
width:156px
}
div.agjCalendar-full #agjCalendar-body div.agjCalendar-month
{
border:0;
display:table;
float:none;
left:0;
height:10%;
padding:0;
position:fixed;
right:0;
top:0;
width:100%
}
div.agjCalendar-full #agjCalendar-body div.agjCalendar-month-inner-1
{
display:table-row
}
div.agjCalendar-full #agjCalendar-body div.agjCalendar-month-inner-2
{
background-color:#ffffff;
display:table-cell;
text-align:center;
vertical-align:middle
}
#agjCalendar-dropdown
{
background-color:#ffffff;
border:1px solid #cccccc;
float:left;
font-family:Verdana,sans-serif;
font-size:12px;
height:18px;
padding:0 3px;
text-transform:uppercase;
width:100px
}
div.agjCalendar-full #agjCalendar-dropdown
{
border:0;
float:none;
height:auto;
padding:10px;
text-transform:none;
width:auto
}
#agjCalendar-body div.agjCalendar-month strong
{
cursor:default;
float:left;
font-size:12px;
font-weight:normal;
height:18px;
line-height:17px;
padding:0 0 0 4px;
text-transform:uppercase
}
#agjCalendar-body div.agjCalendar-month a
{
background-position:0 50%;
background-repeat:no-repeat;
border-radius:9px;
display:block;
float:right;
height:18px;
margin:0 0 0 3px;
-moz-border-radius:9px;
outline:0;
text-indent:-5000px;
width:13px
}
#agjCalendar-body div.agjCalendar-month a.agjCalendar-next-month
{
background-image:url("../agjCalendar/right-arrow.png");*background-image:url("../agjCalendar/right-arrow.gif")
}
@media
only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min--moz-device-pixel-ratio:2),
only screen and (-o-min-device-pixel-ratio:2/1),
only screen and (min-device-pixel-ratio:2),
only screen and (min-resolution:192dpi),
only screen and (min-resolution:2dppx)
{
#agjCalendar-body div.agjCalendar-month a.agjCalendar-next-month { background-image:url("../agjCalendar/right-arrow2x.png");background-size:13px 13px }
}
#agjCalendar-body div.agjCalendar-month a.agjCalendar-previous-month
{
background-image:url("../agjCalendar/left-arrow.png");*background-image:url("../agjCalendar/left-arrow.gif")
}
@media
only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min--moz-device-pixel-ratio:2),
only screen and (-o-min-device-pixel-ratio:2/1),
only screen and (min-device-pixel-ratio:2),
only screen and (min-resolution:192dpi),
only screen and (min-resolution:2dppx)
{
#agjCalendar-body div.agjCalendar-month a.agjCalendar-previous-month { background-image:url("../agjCalendar/left-arrow2x.png");background-size:13px 13px }
}
div.agjCalendar-full #agjCalendar-body div.agjCalendar-month a
{
background-image:none;
border-radius:0;
float:none;
height:1px;
margin:0;
-moz-border-radius:0;
position:absolute;
right:5px;
text-indent:0;
top:50%;
width:1px
}
div.agjCalendar-full #agjCalendar-body div.agjCalendar-month a.agjCalendar-previous-month
{
left:5px;
right:auto
}
div.agjCalendar-full #agjCalendar-body div.agjCalendar-month a span
{
background-image:none;
border-bottom:5px solid transparent;
border-left:10px solid #999999;
border-top:5px solid transparent;
cursor:pointer;
display:block;
float:none;
height:0;
position:absolute;
right:0;
text-indent:-5000px;
top:-5px;
width:0
}
div.agjCalendar-full #agjCalendar-body div.agjCalendar-month a.agjCalendar-previous-month span
{
border-left:0;
border-right:10px solid #999999;
left:0;
right:auto
}
#agjCalendar-body div.agjCalendar-days
{
border-bottom-width:1px
}
div.agjCalendar-full #agjCalendar-body div.agjCalendar-days
{
display:table-row;
float:none;
height:auto;
width:auto
}
#agjCalendar-body div.agjCalendar-days div
{
cursor:default;
display:block;
float:left;
font-weight:normal;
height:23px;
line-height:22px;
padding:0 0 0 1px;
text-align:center;
text-transform:lowercase;
width:23px
}
#agjCalendar-body div.agjCalendar-days div.agjCalendar-sunday
{
padding-left:0
}
div.agjCalendar-full #agjCalendar-body div.agjCalendar-days div
{
display:table-cell;
float:none;
height:auto;
line-height:normal;
vertical-align:middle;
width:14.28%
}
div.agjCalendar-full #agjCalendar-body div.agjCalendar-days div.agjCalendar-sunday
{
width:14.32%
}
#agjCalendar-body div.agjCalendar-week
{
border:0 solid #cccccc;
border-bottom-color:#eeeeee;
border-width:0 1px 1px;
display:block;
float:left;
height:23px;
position:relative;
width:167px
}
#agjCalendar-body div.agjCalendar-week-six
{
border-bottom-color:#cccccc
}
div.agjCalendar-full #agjCalendar-body div.agjCalendar-week
{
display:table-row;
float:none;
height:12.8%
}
div.agjCalendar-full #agjCalendar-body div.agjCalendar-five-weeks div.agjCalendar-week
{
height:14.65%
}
div.agjCalendar-full #agjCalendar-body div.agjCalendar-four-weeks div.agjCalendar-week
{
height:17.1%
}
div.agjCalendar-full #agjCalendar-body div.agjCalendar-four-weeks div.agjCalendar-week-five,div.agjCalendar-full #agjCalendar-body div.agjCalendar-four-weeks div.agjCalendar-week-six,div.agjCalendar-full #agjCalendar-body div.agjCalendar-five-weeks div.agjCalendar-week-six
{
display:none
}
#agjCalendar-body div.agjCalendar-week div
{
background-color:#ffffff;
border-left:1px solid #eeeeee;
color:#cccccc;
cursor:default;
display:block;
float:left;
font-weight:normal;
height:23px;
left:0;
line-height:22px;
position:absolute;
text-align:center;
text-transform:lowercase;
top:0;
width:23px
}
#agjCalendar-body div.agjCalendar-week div.agjCalendar-saturday,
#agjCalendar.agjCalendar-start-week-on-monday div.agjCalendar-week div.agjCalendar-sunday
{
border-left-width:1px;
left:143px
}
#agjCalendar-body div.agjCalendar-week div.agjCalendar-friday,
#agjCalendar.agjCalendar-start-week-on-monday div.agjCalendar-week div.agjCalendar-saturday
{
border-left-width:1px;
left:119px
}
#agjCalendar-body div.agjCalendar-week div.agjCalendar-thursday,
#agjCalendar.agjCalendar-start-week-on-monday div.agjCalendar-week div.agjCalendar-friday
{
border-left-width:1px;
left:95px
}
#agjCalendar-body div.agjCalendar-week div.agjCalendar-wednesday,
#agjCalendar.agjCalendar-start-week-on-monday div.agjCalendar-week div.agjCalendar-thursday
{
border-left-width:1px;
left:71px
}
#agjCalendar-body div.agjCalendar-week div.agjCalendar-tuesday,
#agjCalendar.agjCalendar-start-week-on-monday div.agjCalendar-week div.agjCalendar-wednesday
{
border-left-width:1px;
left:47px
}
#agjCalendar-body div.agjCalendar-week div.agjCalendar-monday,
#agjCalendar.agjCalendar-start-week-on-monday div.agjCalendar-week div.agjCalendar-tuesday
{
border-left-width:1px;
left:23px
}
#agjCalendar-body div.agjCalendar-week div.agjCalendar-sunday,
#agjCalendar.agjCalendar-start-week-on-monday div.agjCalendar-week div.agjCalendar-monday
{
border-left-width:0;
left:0
}
div.agjCalendar-full #agjCalendar-body div.agjCalendar-week div
{
border-bottom:1px solid #eeeeee;
display:table-cell;
float:none;
height:auto;
left:auto!important;
line-height:normal;
position:relative;
top:auto;
vertical-align:middle;
width:auto
}
#agjCalendar-body div.agjCalendar-week div.agjCalendar-blank
{
background-color:#f9f9f9
}
#agjCalendar-body div.agjCalendar-week div.agjCalendar-today
{
font-style:italic
}
#agjCalendar-body div.agjCalendar-week div.agjCalendar-other-active
{
color:#b5b5cc
}
#agjCalendar-body div.agjCalendar-week a
{
background-color:#ffffff;
color:#000000;
display:block;
float:left;
height:23px;
outline:0;
text-decoration:none;
width:23px
}
#agjCalendar-body div.agjCalendar-week div.agjCalendar-in-range,#agjCalendar-body div.agjCalendar-week div.agjCalendar-in-range a
{
background-color:#f4f4ff
}
#agjCalendar-body div.agjCalendar-week div.agjCalendar-other-active,#agjCalendar-body div.agjCalendar-week div.agjCalendar-other-active a
{
background-color:#e8e8ff
}
#agjCalendar-body div.agjCalendar-week div.agjCalendar-active,#agjCalendar-body div.agjCalendar-week div.agjCalendar-active a
{
background-color:#ddddff;
font-weight:bold
}
#agjCalendar-body div.agjCalendar-week div.agjCalendar-today a.agjCalendar-active
{
*font-size:10px
}
div.agjCalendar-full #agjCalendar-body div.agjCalendar-week a
{
float:none;
height:auto;
width:auto
}
div.agjCalendar-full #agjCalendar-body div.agjCalendar-week a:after
{
background-color:#ffffff;
bottom:0;
content:"";
cursor:pointer;
display:block;
filter:alpha(opacity=0);
-khtml-opacity:0;
left:0;
-moz-opacity:0;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
opacity:0;
position:absolute;
right:0;
top:0
}
@-moz-document url-prefix() { div.agjCalendar-full #agjCalendar-body div.agjCalendar-week a:after { display:none!important } }
/* responsive design */
@media only screen and (min-width:240px)
{
div.agjCalendar-full #agjCalendar-header,div.agjCalendar-full #agjCalendar-body,div.agjCalendar-full #agjCalendar-dropdown { font-size:16px }
div.agjCalendar-full #agjCalendar-body div.agjCalendar-month a { right:15px }
div.agjCalendar-full #agjCalendar-body div.agjCalendar-month a.agjCalendar-previous-month { left:15px }
div.agjCalendar-full #agjCalendar-body div.agjCalendar-month a span { border-width:7px 0 7px 15px;top:-7px }
div.agjCalendar-full #agjCalendar-body div.agjCalendar-month a.agjCalendar-previous-month span { border-right-width:15px }
}
@media only screen and (min-width:320px) and (min-height:320px)
{
div.agjCalendar-full #agjCalendar-header,div.agjCalendar-full #agjCalendar-body,div.agjCalendar-full #agjCalendar-dropdown { font-size:22px }
div.agjCalendar-full #agjCalendar-body div.agjCalendar-month a { right:20px }
div.agjCalendar-full #agjCalendar-body div.agjCalendar-month a.agjCalendar-previous-month { left:20px }
div.agjCalendar-full #agjCalendar-body div.agjCalendar-month a span { border-width:10px 0 10px 20px;top:-10px }
div.agjCalendar-full #agjCalendar-body div.agjCalendar-month a.agjCalendar-previous-month span { border-right-width:20px }
}
@media only screen and (min-width:480px) and (min-height:480px)
{
div.agjCalendar-full #agjCalendar-header,div.agjCalendar-full #agjCalendar-body,div.agjCalendar-full #agjCalendar-dropdown { font-size:27px }
div.agjCalendar-full #agjCalendar-body div.agjCalendar-month a { right:30px }
div.agjCalendar-full #agjCalendar-body div.agjCalendar-month a.agjCalendar-previous-month { left:30px }
div.agjCalendar-full #agjCalendar-body div.agjCalendar-month a span { border-width:20px 0 20px 30px;top:-20px }
div.agjCalendar-full #agjCalendar-body div.agjCalendar-month a.agjCalendar-previous-month span { border-right-width:30px }
}
@media only screen and (min-width:640px) and (min-height:640px)
{
div.agjCalendar-full #agjCalendar-header,div.agjCalendar-full #agjCalendar-body,div.agjCalendar-full #agjCalendar-dropdown { font-size:33px }
div.agjCalendar-full #agjCalendar-body div.agjCalendar-month a { right:40px }
div.agjCalendar-full #agjCalendar-body div.agjCalendar-month a.agjCalendar-previous-month { left:40px }
div.agjCalendar-full #agjCalendar-body div.agjCalendar-month a span { border-width:20px 0 20px 40px;top:-20px }
div.agjCalendar-full #agjCalendar-body div.agjCalendar-month a.agjCalendar-previous-month span { border-right-width:40px }
}
jquery.agjCalendar.themes.css
/**
* CSS source code for the themes stylesheet of agjCalendar v1.1.0.
*
* Copyright (c) 2013-2024 Andrew G. Johnson <andrew@andrewgjohnson.com>
* Permission is hereby granted, free of charge, to any person obtaining a copy
* of this software and associated documentation files (the "Software"), to
* deal in the Software without restriction, including without limitation the
* rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
* sell copies of the Software, and to permit persons to whom the Software is
* furnished to do so, subject to the following conditions:
* The above copyright notice and this permission notice shall be included in
* all copies or substantial portions of the Software.
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
* FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
* IN THE SOFTWARE.
* @file The CSS source code for the agjCalendar jQuery plugin themes
* stylesheet.
* @copyright 2013-2024 Andrew G. Johnson <andrew@andrewgjohnson.com>
* @license MIT
* @see {@link https://github.com/andrewgjohnson/agjCalendar GitHub Repository}
* @see {@link https://agjCalendar.agjjQuery.org/ Online Documentation}
* @see {@link https://agjCalendar.agjjQuery.org/themes/ Themes Documentation}
* @author Andrew G. Johnson <andrew@andrewgjohnson.com>
* @version 1.1.0
*/
/* start of agjCalendar `red` theme */
#agjCalendar.agjCalendar-theme-red { border-color:#cc8080 }
div.agjCalendar-theme-red #agjCalendar-header { background-color:#ffe6e6;border-color:#cc8080 }
div.agjCalendar-theme-red #agjCalendar-dropdown { border-color:#eebbbb }
div.agjCalendar-theme-red #agjCalendar-body div.agjCalendar-days,div.agjCalendar-theme-red #agjCalendar-body div.agjCalendar-month { background-color:#ffe6e6;border-color:#eebbbb }
div.agjCalendar-theme-red #agjCalendar-body div.agjCalendar-week { border-color:#eebbbb;border-bottom-color:#ffe6e6 }
div.agjCalendar-theme-red #agjCalendar-body div.agjCalendar-week-six { border-bottom-color:#eebbbb }
div.agjCalendar-theme-red #agjCalendar-body div.agjCalendar-week div { border-color:#ffe6e6 }
div.agjCalendar-theme-red #agjCalendar-body div.agjCalendar-week div.agjCalendar-blank { background-color:#fff6f6 }
div.agjCalendar-full.agjCalendar-theme-red #agjCalendar-body div.agjCalendar-month a span { border-color:transparent #cc8080 }
/* end of agjCalendar `red` theme */
/* start of agjCalendar `orange` theme */
#agjCalendar.agjCalendar-theme-orange { border-color:#cca680 }
div.agjCalendar-theme-orange #agjCalendar-header { background-color:#fff3e6;border-color:#cca680 }
div.agjCalendar-theme-orange #agjCalendar-dropdown { border-color:#eed5bb }
div.agjCalendar-theme-orange #agjCalendar-body div.agjCalendar-days,div.agjCalendar-theme-orange #agjCalendar-body div.agjCalendar-month { background-color:#fff3e6;border-color:#eed5bb }
div.agjCalendar-theme-orange #agjCalendar-body div.agjCalendar-week { border-color:#eed5bb;border-bottom-color:#fff3e6 }
div.agjCalendar-theme-orange #agjCalendar-body div.agjCalendar-week-six { border-bottom-color:#eed5bb }
div.agjCalendar-theme-orange #agjCalendar-body div.agjCalendar-week div { border-color:#fff3e6 }
div.agjCalendar-theme-orange #agjCalendar-body div.agjCalendar-week div.agjCalendar-blank { background-color:#fffaf6 }
div.agjCalendar-full.agjCalendar-theme-orange #agjCalendar-body div.agjCalendar-month a span { border-color:transparent #cca680 }
/* end of agjCalendar `orange` theme */
/* start of agjCalendar `yellow` theme */
#agjCalendar.agjCalendar-theme-yellow { border-color:#cccc80 }
div.agjCalendar-theme-yellow #agjCalendar-header { background-color:#ffffe6;border-color:#cccc80 }
div.agjCalendar-theme-yellow #agjCalendar-dropdown { border-color:#eeeebb }
div.agjCalendar-theme-yellow #agjCalendar-body div.agjCalendar-days,div.agjCalendar-theme-yellow #agjCalendar-body div.agjCalendar-month { background-color:#ffffe6;border-color:#eeeebb }
div.agjCalendar-theme-yellow #agjCalendar-body div.agjCalendar-week { border-color:#eeeebb;border-bottom-color:#ffffe6 }
div.agjCalendar-theme-yellow #agjCalendar-body div.agjCalendar-week-six { border-bottom-color:#eeeebb }
div.agjCalendar-theme-yellow #agjCalendar-body div.agjCalendar-week div { border-color:#ffffe6 }
div.agjCalendar-theme-yellow #agjCalendar-body div.agjCalendar-week div.agjCalendar-blank { background-color:#fffff6 }
div.agjCalendar-full.agjCalendar-theme-yellow #agjCalendar-body div.agjCalendar-month a span { border-color:transparent #cccc80 }
/* end of agjCalendar `yellow` theme */
/* start of agjCalendar `green` theme */
#agjCalendar.agjCalendar-theme-green { border-color:#80cc80 }
div.agjCalendar-theme-green #agjCalendar-header { background-color:#e6ffe6;border-color:#80cc80 }
div.agjCalendar-theme-green #agjCalendar-dropdown { border-color:#bbeebb }
div.agjCalendar-theme-green #agjCalendar-body div.agjCalendar-days,div.agjCalendar-theme-green #agjCalendar-body div.agjCalendar-month { background-color:#e6ffe6;border-color:#bbeebb }
div.agjCalendar-theme-green #agjCalendar-body div.agjCalendar-week { border-color:#bbeebb;border-bottom-color:#e6ffe6 }
div.agjCalendar-theme-green #agjCalendar-body div.agjCalendar-week-six { border-bottom-color:#bbeebb }
div.agjCalendar-theme-green #agjCalendar-body div.agjCalendar-week div { border-color:#e6ffe6 }
div.agjCalendar-theme-green #agjCalendar-body div.agjCalendar-week div.agjCalendar-blank { background-color:#f6fff6 }
div.agjCalendar-full.agjCalendar-theme-green #agjCalendar-body div.agjCalendar-month a span { border-color:transparent #80cc80 }
/* end of agjCalendar `green` theme */
/* start of agjCalendar `cyan` theme */
#agjCalendar.agjCalendar-theme-cyan { border-color:#80cccc }
div.agjCalendar-theme-cyan #agjCalendar-header { background-color:#e6ffff;border-color:#80cccc }
div.agjCalendar-theme-cyan #agjCalendar-dropdown { border-color:#bbeeee }
div.agjCalendar-theme-cyan #agjCalendar-body div.agjCalendar-days,div.agjCalendar-theme-cyan #agjCalendar-body div.agjCalendar-month { background-color:#e6ffff;border-color:#bbeeee }
div.agjCalendar-theme-cyan #agjCalendar-body div.agjCalendar-week { border-color:#bbeeee;border-bottom-color:#e6ffff }
div.agjCalendar-theme-cyan #agjCalendar-body div.agjCalendar-week-six { border-bottom-color:#bbeeee }
div.agjCalendar-theme-cyan #agjCalendar-body div.agjCalendar-week div { border-color:#e6ffff }
div.agjCalendar-theme-cyan #agjCalendar-body div.agjCalendar-week div.agjCalendar-blank { background-color:#f6ffff }
div.agjCalendar-full.agjCalendar-theme-cyan #agjCalendar-body div.agjCalendar-month a span { border-color:transparent #80cccc }
/* end of agjCalendar `cyan` theme */
/* start of agjCalendar `blue` theme */
#agjCalendar.agjCalendar-theme-blue { border-color:#8080cc }
div.agjCalendar-theme-blue #agjCalendar-header { background-color:#e6e6ff;border-color:#8080cc }
div.agjCalendar-theme-blue #agjCalendar-dropdown { border-color:#bbbbee }
div.agjCalendar-theme-blue #agjCalendar-body div.agjCalendar-days,div.agjCalendar-theme-blue #agjCalendar-body div.agjCalendar-month { background-color:#e6e6ff;border-color:#bbbbee }
div.agjCalendar-theme-blue #agjCalendar-body div.agjCalendar-week { border-color:#bbbbee;border-bottom-color:#e6e6ff }
div.agjCalendar-theme-blue #agjCalendar-body div.agjCalendar-week-six { border-bottom-color:#bbbbee }
div.agjCalendar-theme-blue #agjCalendar-body div.agjCalendar-week div { border-color:#e6e6ff }
div.agjCalendar-theme-blue #agjCalendar-body div.agjCalendar-week div.agjCalendar-blank { background-color:#f6f6ff }
div.agjCalendar-full.agjCalendar-theme-blue #agjCalendar-body div.agjCalendar-month a span { border-color:transparent #8080cc }
div.agjCalendar-theme-blue #agjCalendar-body div.agjCalendar-week div.agjCalendar-in-range,div.agjCalendar-theme-blue #agjCalendar-body div.agjCalendar-week div.agjCalendar-in-range a { background-color:#ddffdd }
div.agjCalendar-theme-blue #agjCalendar-body div.agjCalendar-week div.agjCalendar-other-active,div.agjCalendar-theme-blue #agjCalendar-body div.agjCalendar-week div.agjCalendar-other-active a { background-color:#bbffbb }
div.agjCalendar-theme-blue #agjCalendar-body div.agjCalendar-week div.agjCalendar-active,div.agjCalendar-theme-blue #agjCalendar-body div.agjCalendar-week div.agjCalendar-active a { background-color:#99ff99 }
/* end of agjCalendar `blue` theme */
/* start of agjCalendar `purple` theme */
#agjCalendar.agjCalendar-theme-purple { border-color:#cc99cc }
div.agjCalendar-theme-purple #agjCalendar-header { background-color:#ffe6ff;border-color:#cc99cc }
div.agjCalendar-theme-purple #agjCalendar-dropdown { border-color:#ffe6ff }
div.agjCalendar-theme-purple #agjCalendar-body div.agjCalendar-days,div.agjCalendar-theme-purple #agjCalendar-body div.agjCalendar-month { background-color:#ffeeff;border-color:#eeccee }
div.agjCalendar-theme-purple #agjCalendar-body div.agjCalendar-week { border-color:#eeccee;border-bottom-color:#ffe6ff }
div.agjCalendar-theme-purple #agjCalendar-body div.agjCalendar-week-six { border-bottom-color:#eeccee }
div.agjCalendar-theme-purple #agjCalendar-body div.agjCalendar-week div { border-color:#ffe6ff }
div.agjCalendar-theme-purple #agjCalendar-body div.agjCalendar-week div.agjCalendar-blank { background-color:#fff9ff }
div.agjCalendar-full.agjCalendar-theme-purple #agjCalendar-body div.agjCalendar-month a span { border-color:transparent #cc99cc }
/* end of agjCalendar `purple` theme */
/* start of agjCalendar `pink` theme */
#agjCalendar.agjCalendar-theme-pink { border-color:#cc99b3 }
div.agjCalendar-theme-pink #agjCalendar-header { background-color:#ffeef7;border-color:#cc99b3 }
div.agjCalendar-theme-pink #agjCalendar-dropdown { border-color:#eeccdd }
div.agjCalendar-theme-pink #agjCalendar-body div.agjCalendar-days,div.agjCalendar-theme-pink #agjCalendar-body div.agjCalendar-month { background-color:#ffeef7;border-color:#eeccdd }
div.agjCalendar-theme-pink #agjCalendar-body div.agjCalendar-week { border-color:#eeccdd;border-bottom-color:#ffeef7 }
div.agjCalendar-theme-pink #agjCalendar-body div.agjCalendar-week-six { border-bottom-color:#eeccdd }
div.agjCalendar-theme-pink #agjCalendar-body div.agjCalendar-week div { border-color:#ffeef7 }
div.agjCalendar-theme-pink #agjCalendar-body div.agjCalendar-week div.agjCalendar-blank { background-color:#fff9fc }
div.agjCalendar-full.agjCalendar-theme-pink #agjCalendar-body div.agjCalendar-month a span { border-color:transparent #cc99b3 }
/* end of agjCalendar `pink` theme */