dyCalendarJS
CSS used in dyCalendarJS project.
We first need to create a container which will hold the calendar. For this we use the class .dycalendar-container.
.dycalendar-container
<div id="sample-calendar" class="dycalendar-container"></div>
To create round edge calendar use the class .round-edge.
.round-edge
Example
<div id="sample-calendar" class="dycalendar-container skin-blue round-edge"></div>
Following are the list of available round-edge options.
After we have the container div we can apply different skins by putting the class .skin-{name}.
.skin-{name}
<div id="sample-calendar" class="dycalendar-container skin-blue"></div>
Following are the list of available skins options.
After applying different skins we can add the class .gradient to create background color gradient.
.gradient
<div id="sample-calendar" class="dycalendar-container skin-blue gradient"></div>
We can add shadow to the calendar using the class .shadow-{option}.
.shadow-{option}
<div id="sample-calendar" class="dycalendar-container skin-green shadow-default"></div>
Following are the list of available shadow options.