You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
131 lines
2.2 KiB
CSS
131 lines
2.2 KiB
CSS
5 years ago
|
.gldp-flatwhite {
|
||
|
|
position: absolute;
|
||
|
|
font-family: 'helvetica';
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Core style for every cell */
|
||
|
|
.gldp-flatwhite .core {
|
||
|
|
box-sizing: border-box;
|
||
|
|
-webkit-box-sizing: border-box;
|
||
|
|
-moz-box-sizing: border-box;
|
||
|
|
position: relative;
|
||
|
|
float: left;
|
||
|
|
padding: 0;
|
||
|
|
margin: 0;
|
||
|
|
font-size: 14px;
|
||
|
|
text-align: center;
|
||
|
|
cursor: pointer;
|
||
|
|
color: #222;
|
||
|
|
background: #ffffff;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Cell border */
|
||
|
|
.gldp-flatwhite .border {
|
||
|
|
border-style: solid;
|
||
|
|
border-width: 0;
|
||
|
|
border-color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Month/Year text and select */
|
||
|
|
.gldp-flatwhite .monyear,
|
||
|
|
.gldp-flatwhite .monyear select {
|
||
|
|
font-size: 16px !important;
|
||
|
|
font-weight: bold;
|
||
|
|
background: #eee;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Month/Year text */
|
||
|
|
.gldp-flatwhite .monyear span {
|
||
|
|
margin: 0 5px 0 5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Prev/Next arrows */
|
||
|
|
.gldp-flatwhite .prev-arrow,
|
||
|
|
.gldp-flatwhite .next-arrow {
|
||
|
|
color: #666;
|
||
|
|
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.75);
|
||
|
|
}
|
||
|
|
|
||
|
|
.gldp-flatwhite .prev-arrow:active,
|
||
|
|
.gldp-flatwhite .next-arrow:active {
|
||
|
|
color: #000;
|
||
|
|
}
|
||
|
|
|
||
|
|
.gldp-flatwhite .prev-arrow-off,
|
||
|
|
.gldp-flatwhite .next-arrow-off {
|
||
|
|
color: #000;
|
||
|
|
opacity: 0.15;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Days of the week */
|
||
|
|
.gldp-flatwhite .dow {
|
||
|
|
color: #222;
|
||
|
|
font-weight: bold;
|
||
|
|
cursor: wait !important;
|
||
|
|
background: #eee;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Weekdays */
|
||
|
|
.gldp-flatwhite .mon,
|
||
|
|
.gldp-flatwhite .tue,
|
||
|
|
.gldp-flatwhite .wed,
|
||
|
|
.gldp-flatwhite .thu,
|
||
|
|
.gldp-flatwhite .fri {
|
||
|
|
font-weight: bold;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Weekend days */
|
||
|
|
.gldp-flatwhite .sat,
|
||
|
|
.gldp-flatwhite .sun {
|
||
|
|
color: #888;
|
||
|
|
font-weight: bold;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Selectable days that are outside of current month being shown */
|
||
|
|
.gldp-flatwhite .outday {
|
||
|
|
color: #aaa !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Hover */
|
||
|
|
.gldp-flatwhite .mon:hover,
|
||
|
|
.gldp-flatwhite .tue:hover,
|
||
|
|
.gldp-flatwhite .wed:hover,
|
||
|
|
.gldp-flatwhite .thu:hover,
|
||
|
|
.gldp-flatwhite .fri:hover,
|
||
|
|
.gldp-flatwhite .sat:hover,
|
||
|
|
.gldp-flatwhite .sun:hover {
|
||
|
|
background: #eee;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Non-Selectable days */
|
||
|
|
.gldp-flatwhite .noday {
|
||
|
|
color: #bbb;
|
||
|
|
font-weight: normal;
|
||
|
|
cursor: wait !important;
|
||
|
|
background: #ddd;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Currently selected day */
|
||
|
|
.gldp-flatwhite .selected {
|
||
|
|
color: #fff;
|
||
|
|
font-weight: bold;
|
||
|
|
border-color: #888;
|
||
|
|
background: #aaa;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Today */
|
||
|
|
.gldp-flatwhite .today {
|
||
|
|
color: #fff;
|
||
|
|
font-weight: bold;
|
||
|
|
border-color: #000;
|
||
|
|
background: #222;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Special */
|
||
|
|
.gldp-flatwhite .special {
|
||
|
|
color: #fff;
|
||
|
|
font-weight: bold;
|
||
|
|
border-color: #444;
|
||
|
|
background: #666;
|
||
|
|
}
|