.datePickerHolder-dark {
-moz-border-radius: 6px;
-moz-box-shadow: rgb(79, 79, 79) 2px 3px 6px 1px;
-webkit-border-radius: 6px;
-webkit-box-shadow: rgb(79, 79, 79) 2px 3px 6px 1px;
background-color: #232833;
border: 0px solid rgb(255, 255, 255);
border-radius: 6px;
box-shadow: rgb(79, 79, 79) 2px 3px 6px 1px;
display: inline-block;
font-size: 16px;
margin: 3px;
overflow: hidden;
position: absolute;
}
.datePicker-dark {
-webkit-box-shadow: 0 1px #181c21, 0 2px #14171b, 0 3px 3px rgba(0, 0, 0, 0.3);
background: #242930;
border: 1px solid #0e1013;
border-collapse: separate;
border-radius: 4px 4px 3px 3px;
box-shadow: 0 1px #181c21, 0 2px #14171b, 0 3px 3px rgba(0, 0, 0, 0.3);
padding: 4px;
text-align: center;
}
.datePicker-dark .previous,
.datePicker-dark .next {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
opacity: 0.5;
}
.datePicker-dark .weekend { }
.datePicker-dark caption {
-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0,);
background: #333941;
background-image: -webkit-linear-gradient(top, #414b56, #323841 50%, #2b323a 50%, #252a31);
background-image: -moz-linear-gradient(top, #414b56, #323841 50%, #2b323a 50%, #252a31);
background-image: -o-linear-gradient(top, #414b56, #323841 50%, #2b323a 50%, #252a31);
background-image: linear-gradient(to bottom, #414b56, #323841 50%, #2b323a 50%, #252a31);
border: 1px solid #1b1e24;
border-bottom-color: #181b21;
border-radius: 3px 3px 0 0;
padding-bottom: 5px;
}
.datePicker-dark .nexti,
.datePicker-dark .geti,
.datePicker-dark .previ,
.datePicker-dark .remove {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
cursor: pointer;
float: right;
height: .8em;
margin: 0.2em;
margin-top: .4em;
opacity: 0.5;
padding: 2px;
}
.datePicker-dark .nexti:active,
.datePicker-dark .geti:active,
.datePicker-dark .previ:active,
.datePicker-dark .remove:active { background-color: #3C444E !important }
.datePicker-dark .nexti:hover,
.datePicker-dark .geti:hover,
.datePicker-dark .previ:hover,
.datePicker-dark .remove:hover {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
opacity: 1 !important;
}
.datePicker-dark select {
background: #272D34;
border: 0;
color: #18b165;
float: left;
font-weight: 700;
margin-left: 8px;
margin-top: 8px;
outline: 0;
padding: 2px;
}
.datePicker-dark tbody {
background: #404854;
border: 1px solid #1b1e25;
border-radius: 0 0 3px 3px;
border-top: 0;
}
.datePicker-dark th,
.datePicker-dark td {
color: black;
font-weight: bold;
overflow: hidden;
padding: 3px;
}
.datePicker-dark td:active {
background-color: #3C444E !important;
color: green !important;
}
.datePicker-dark td:hover { color: #18b165 }
.datePicker-dark td {
-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.06);
border-bottom: 1px solid #323841;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.06);
color: #8ba0b8;
cursor: pointer;
line-height: 26px;
padding-bottom: 1px;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
width: 28px;
}
.datePicker-dark th {
border-bottom: 1px solid #232833;
color: #18b165;
font-weight: bold;
padding-bottom: 1px;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
width: 36px;
}
.datePickerHolder-white {
background-color: whitesmoke;
display: inline-block;
font-size: 16px;
margin: 3px;
position: absolute;
}
.datePicker-white {
border: 1px solid white;
border-radius: 4px 4px 3px 3px;
padding: 4px;
text-align: center;
}
.datePicker-white .previous,
.datePicker-white .next {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
opacity: 0.5;
}
.datePicker-white .weekend { }
.datePicker-white caption {
-moz-box-shadow: inset 0 1px 0 #484848, 0 -1px 5px rgba(0,0,0,0.3);
-webkit-box-shadow: inset 0 1px 0 #484848, 0 -1px 5px rgba(0,0,0,0.3);
background: #383838;
border: 1px solid #373737;
box-shadow: inset 0 1px 0 #484848, 0 -1px 5px rgba(0,0,0,0.3);
color: #e0e0e0;
font-size: 14px;
padding: 4px 0 4px 0;
text-align: center;
text-shadow: 0 -1px 0 #000;
}
.datePicker-white select {
background: #272D34;
border: 0;
color: #F5F5F5;
float: left;
font-size: 0.85em;
font-weight: 700;
margin-left: 8px;
margin-top: 8px;
outline: 0;
padding: 2px;
}
.datePicker-white .nexti,
.datePicker-white .geti,
.datePicker-white .previ,
.datePicker-white .remove {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
cursor: pointer;
float: right;
height: .8em;
margin: 0.2em;
margin-top: .4em;
opacity: 0.5;
padding: 2px;
}
.datePicker-white .nexti:active,
.datePicker-white .geti:active,
.datePicker-white .previ:active,
.datePicker-white .remove:active { background-color: #3C444E !important }
.datePicker-white .nexti:hover,
.datePicker-white .geti:hover,
.datePicker-white .previ:hover,
.datePicker-white .remove:hover {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
opacity: 1 !important;
}
.datePicker-white tbody {
background: #404854;
border: 1px solid #1b1e25;
border-radius: 0 0 3px 3px;
border-top: 0;
}
.datePicker-white td {
background: #ededed;
background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#dedede));
background: -moz-linear-gradient(top, #ededed, #dedede);
border: 1px solid;
border-color: #fff #bbbbbb #bbbbbb #fff;
color: #666;
cursor: pointer;
font-weight: bold;
padding: 10px;
text-align: center;
text-shadow: 0 1px 0 rgba(255,255,255,0.5);
}
.datePicker-white td:active {
background: #6eafbf;
background: -moz-radial-gradient(50% 50% 0deg,ellipse cover, #6eafbf, #569EB1);
background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 20, from(#6eafbf), to(#569EB1));
border: 1px solid #467b89;
color: #fff !important;
text-shadow: 0 1px 0 rgba(0,0,0,0.3);
}
.datePicker-white td:hover { color: #6eafbf }
.datePicker-white th {
background: #f7f7f7;
background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#f1f1f1));
background: -moz-linear-gradient(top, #f7f7f7, #f1f1f1);
border-bottom: 1px solid #bbbbbb;
color: #666;
font-size: 1em;
padding: 5px 0;
text-shadow: 0 1px 0 rgba(255,255,255,0.5);
text-transform: uppercase;
}
|
Download
