Admin Control Panel v2.0

✎ Editing: jquery.datepick.css ← Back

/* Default style sheet for jQuery date picker v3.5.1. */

#datepick-div, .datepick-inline {

font-family: Arial,Helvetica,sans-serif;

font-size: 14px;

padding: 0;

margin: 0;

background: #ddd;

color: #000;

width: 185px;

}

#datepick-div {

display: none;

border: 1px solid #777;

z-index: 9005; /*must have*/

}

.datepick-inline {

float: left;

display: block;

border: 0;

}

.datepick-rtl {

direction: rtl;

}

.datepick-dialog {

padding: 5px !important;

border: 4px ridge #ddd !important;

}

.datepick-disabled {

position: absolute;

z-index: 100;

background-color: white;

opacity: 0.5;

filter: alpha(opacity=50);

}

button.datepick-trigger {

width: 25px;

padding: 0px;

}

img.datepick-trigger {

/*margin: 2px;*/

vertical-align: middle;

}

.datepick-prompt {

float: left;

padding: 2px;

}

* html .datepick-prompt {

width: 185px;

}

.datepick-control, .datepick-links, .datepick-header, .datepick {

clear: both;

float: left;

width: 100%;

color: #fff;

}

.datepick-control {

background: #400;

padding: 2px 0px;

}

.datepick-links {

background: #aaa;
	
	padding: 2px 0px;

}

.datepick-control, .datepick-links {

font-weight: bold;

font-size: 80%;

}

.datepick-links label {

padding: 2px 5px;

color: #888;

}

.datepick-clear, .datepick-prev {

float: left;

width: 34%;

}

.datepick-rtl .datepick-clear, .datepick-rtl .datepick-prev {

float: right;

text-align: right;

}

.datepick-current {

float: left;

width: 30%;

text-align: center;

}

.datepick-close, .datepick-next {

float: right;

width: 34%;

text-align: right;

}

.datepick-rtl .datepick-close, .datepick-rtl .datepick-next {

float: left;

text-align: left;

}

.datepick-header {

background: #777;

text-align: center;

font-weight: bold;
	
	height: 15px; 
}

.datepick-header select {

background: #333;

color: #fff;

border: 0px;

font-weight: bold;

}

.datepick-header span {

position: relative;

top: 1px;

}

.datepick {

background: #ccc;

text-align: center;

font-size: 100%;

}

.datepick a {

display: block;

width: 100%;

}

.datepick-title-row {

background: #777;

}

.datepick-title-row th {

text-align: center;
	
	font-size: 9px;

font-weight: normal;

}

.datepick-days-row {

background: #eee;

color: #666;

}

.datepick-week-col {

background: #777;

color: #fff;

}

.datepick-days-cell {

color: #000;

border: 1px solid #ccc;

}

.datepick-days-cell a {

display: block;

}

.datepick-other-month {

background: #fff;

}

.datepick-week-end-cell {

background: #ccc;

}

.datepick-title-row .datepick-week-end-cell {

background: #777;
}

.datepick-week-over {

background: #ddd;

}

.datepick-unselectable {

color: #888;

}

.datepick-today {

font-weight: bold;

}

.datepick-current-day {

background: #999;
	
	color: #fff;

}

.datepick-days-cell-over {

background: #fff;
	
	color: #000;
	
	text-decoration: none;

/*	border: 1px solid #777; */

}

.datepick-status {

background: #ddd;

width: 100%;

font-size: 80%;

text-align: center;

}

#datepick-div a, .datepick-inline a {

cursor: pointer;

margin: 0;

padding: 0;

}

.datepick-inline .datepick-links a {

padding: 0 5px !important;

}

.datepick-control a, .datepick-links a {

padding: 2px 5px !important;

color: #eee;

}

.datepick-title-row a {

color: #eee;

}

.datepick-control a:hover {

background: #fdd;

color: #333;

}

.datepick-links a:hover, .datepick-title-row a:hover {

background: #ddd;

color: #333;
	
	text-decoration: none;

}

.datepick-multi .datepick {

border: 1px solid #777;

}

.datepick-one-month {

float: left;

width: 185px;

}

.datepick-new-row {

clear: left;

}

/* ___________ IE6 IFRAME FIX ________ */

.datepick-cover {

display: none; /*sorry for IE5*/

display/**/: block; /*sorry for IE5*/

position: absolute; /*must have*/

z-index: -1; /*must have*/

filter: mask(); /*must have*/

top: -4px; /*must have*/

left: -4px; /*must have*/

width: 200px; /*must have*/

height: 200px; /*must have*/

}

Cancel