You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
73 lines
2.4 KiB
73 lines
2.4 KiB
.clndr {
|
|
width: 100%;
|
|
background-color: #F4F5FA;
|
|
-moz-box-shadow: 0px 4px 0 #272727;
|
|
-webkit-box-shadow: 0px 4px 0 #272727;
|
|
box-shadow: 0px 4px 0 #272727; }
|
|
.clndr .clndr-controls {
|
|
padding: 14px;
|
|
background-color: #28D094;
|
|
color: white;
|
|
text-align: center; }
|
|
.clndr .clndr-controls .clndr-previous-button {
|
|
float: left;
|
|
text-align: left; }
|
|
.clndr .clndr-controls .clndr-next-button {
|
|
float: right;
|
|
text-align: right; }
|
|
.clndr .clndr-controls .clndr-previous-button, .clndr .clndr-controls .clndr-next-button {
|
|
width: 30px;
|
|
cursor: pointer; }
|
|
.clndr .clndr-controls .clndr-previous-button:hover, .clndr .clndr-controls .clndr-next-button:hover {
|
|
opacity: 0.5; }
|
|
.clndr .clndr-grid {
|
|
float: left;
|
|
width: 65%;
|
|
background-color: #FFFFFF; }
|
|
.clndr .clndr-grid .days-of-the-week {
|
|
width: 100%;
|
|
background-color: #FF9149; }
|
|
.clndr .clndr-grid .days-of-the-week .header-day {
|
|
float: left;
|
|
width: 14.2857%;
|
|
padding: 14px;
|
|
text-align: center;
|
|
color: white; }
|
|
.clndr .clndr-grid .days {
|
|
width: 100%; }
|
|
.clndr .clndr-grid .days .day, .clndr .clndr-grid .days .empty {
|
|
float: left;
|
|
width: 14.2857%;
|
|
padding: 12px 0;
|
|
text-align: center;
|
|
color: #4f4f4f; }
|
|
.clndr .clndr-grid .days .day.event .day-number, .clndr .clndr-grid .days .empty.event .day-number {
|
|
border: 1px solid #FF9149;
|
|
border-radius: 50%;
|
|
padding: 6px 9px; }
|
|
.clndr .clndr-grid .days .day.adjacent-month .day-number, .clndr .clndr-grid .days .day.inactive .day-number, .clndr .clndr-grid .days .empty.adjacent-month .day-number {
|
|
opacity: 0.3;
|
|
cursor: pointer; }
|
|
.clndr .clndr-grid .days .day.selected {
|
|
background-color: #FF4961;
|
|
color: white; }
|
|
.clndr .clndr-grid .days .today {
|
|
background-color: #28D094;
|
|
color: white;
|
|
background-image: none; }
|
|
.clndr .event-listing {
|
|
float: left;
|
|
width: 35%; }
|
|
.clndr .event-listing .event-listing-title {
|
|
padding: 15.5px;
|
|
font-size: 0.88rem;
|
|
background-color: #ff7216;
|
|
text-align: center;
|
|
color: white;
|
|
letter-spacing: 1px; }
|
|
.clndr .event-listing .event-item {
|
|
padding: 6px 14px;
|
|
color: #4f4f4f; }
|
|
.clndr .event-listing .event-item-location {
|
|
font-weight: 400; }
|