eu.future.earth.gwt.public.FtrGwtDatePicker.css Maven / Gradle / Ivy

Go to download
Show more of this group Show more artifacts with this name
Show all versions of ftr-gwt-calendar-ui Show documentation
The Gwt Calendar UI
There is a newer version: 3.3

.ftrgwtdatepicker-dialog {
	border: 3px solid #E3E3E3;
}

.ftrgwtdatepicker-day {
	padding: 0px;
	width: 100%;
	height: 100%;
	background: #FFFFFF none repeat scroll 0%;
	vertical-align: middle;
	
	cursor: pointer;
	border: 1px solid;
	border-color: #FFFFFF;
}

.ftrgwtdatepicker-day:hover {
	border: 1px solid;
	border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205)
		rgb(232, 241, 255);
}

.ftrgwtdatepicker-day-today {
	background: #557799 none repeat scroll 0% !important;
	border-color: #224466 rgb(153, 187, 221) rgb(153, 187, 221)
		rgb(34, 68, 102) !important;
	border-style: solid !important;
	border-width: 1px !important;
	color: #FFFFFF;
}

.ftrgwtdatepicker-day-selected {
	background: #C3D9FF none repeat scroll 0% !important;
	border-color: #224466 rgb(153, 187, 221) rgb(153, 187, 221)
		rgb(34, 68, 102) !important;
	border-style: solid !important;
	border-width: 1px !important;
	color: #000000;
}

.ftrgwtdatepicker-day-label {
	padding: 0px;
	width: 100%;
	text-align: center;
	cursor: pointer;
}

.ftrgwtdatepicker-day-data {
	font-weight: bold !important;
}

.ftrgwtdatepicker-day-visible {
	font-weight: bold !important;
}

.ftrgwtdatepicker-day-weekend {
	background: #E8EEF7 none repeat scroll 0%;
	border-style: solid !important;
	border-width: 1px !important;		
}

.ftrgwtdatepicker-day-other {
	background: #d9dbdd none repeat scroll 0%;
	border-style: solid !important;
	border-width: 1px !important;
	
		
}

.ftrgwtdatepicker-day-disabled {
	padding: 0px;
	width: 100%;
	text-align: center;
	vertical-align: middle;
	border: 1px solid;
	border-color: #f6f6f6;
}

.ftrgwtdatepicker-month {
	text-align: center;
	padding: 0;
	margin: 0; 
	font-size : 85%;
	width: 100%;
	background: #f6f6f6 none repeat scroll 0%;
	font-size: 85%;
}

.ftrgwtdatepicker-month-select {
	width: 100%;
	height: 100%;
}

.ftrgwtdatepicker-month-nav {
	line-height: 18px;
	width: 100%;
	background: #f6f6f6 none repeat scroll 0%;
	cursor: pointer;
	color: #404040;
	cursor: pointer;
	
	
}

.ftrgwtdatepicker-month-nav .next {
	font-size: 85%;
}

.ftrgwtdatepicker-month-nav .prev {
	font-size: 85%;
}

.ftrgwtdatepicker-month-nav.touch {
	line-height: 24px;
	height: 24px;
}

.arrow-e {
	padding-top:3px;
}	

.arrow-w {
	padding-top:3px;
}	

.arrow-e div,
.arrow-w div {
  border-style: dashed;
  border-color: transparent;
  border-width: 0.53em;
 
}

.arrow-e div {
  width: 0;
  height: 0;
  border-left-width: 1em;
  border-left-style: solid;
  border-left-color: #404040;
  left: 0.25em;
}
                    
.arrow-w div {
  width: 0;
  height: 0;	
  border-right-width: 1em;
  border-right-style: solid;
  border-right-color: #404040;
  right: 0.25em;
}



.ftrgwtdatepicker-image-button {
	cursor: pointer;
}