de.swm.gwt.client.theme.base.css.datepicker.css Maven / Gradle / Ivy

Go to download

Show more of this group Show more artifacts with this name
Show all versions of swm-gwt-client Show documentation

Plain GWT Swm erweiterungen, auch zur benutzung in mobilen Geraeten

The newest version!

@external gwt-DatePicker, datePickerDay, datePickerDay, datePickerWeekendLabel, datePickerMonthSelector, gwt-DateBox, datePickerDays, datePickerWeekdayLabel, datePickerDay, datePickerDayIsToday, datePickerDayIsWeekend, datePickerDayIsFiller, datePickerDayIsSelected, datePickerDayIsDisabled, datePickerDayIsHighlighted, datePickerDayIsSelectedAndHighlighted, datePickerMonth, datePickerPreviousButton, datePickerNextButton;

/*
* Global widget style.
*/
.gwt-DatePicker {
    border: 1px solid #f1f1f1;
    border-bottom: 2px solid #f1f1f1;
    color: #6b6b6b;
    width: 15em;
    cursor: default;
}

.datePickerDay, .datePickerDay, .datePickerWeekendLabel {
    font-family: Arial;
    font-size: 100%;
    padding: 2px;
    text-align: center;
    padding: 2px;
    outline: none;
    cursor: default;
}

.gwt-DatePicker td, .datePickerMonthSelector  td :focus {
    outline: none
}

.gwt-DateBox input {
    width: 11em;
}

/*
* Calendar styles
*/
.datePickerDays {
    background-color: white;
    width: 100%;
}

.datePickerWeekdayLabel {
    background: #dbe6de;
}

.datePickerWeekendLabel {
    background: #dbe7ef;
}

.datePickerDay {
    padding: 2px;
    cursor: hand;
    width: 2em;
}

.datePickerDayIsToday {
    border: 1px solid black;
    padding: 0px;
}

.datePickerDayIsWeekend {
    background: #f1f1f1;
}

.datePickerDayIsFiller {
    color: #bfbfbf;
    padding: 1px;
    cursor: hand;
}

.datePickerDayIsSelected {
    background: #aaccee;
}

.datePickerDayIsDisabled {
    color: graytext;
}

.datePickerDayIsHighlighted {
    border: 1px solid #eeeeee;
    padding: 0px;
}

.datePickerDayIsSelectedAndHighlighted {
    background: #bbddff;
}

/*
* Month selector styles
*/
.datePickerMonthSelector {
    background: #dbe6de;
    width: 100%;
    text-align: center;
}

.datePickerMonth {
    text-align: center;
    vertical-align: center;
    white-space: nowrap;
    font-weight: bold;
    font-size: 100%;
}

.datePickerPreviousButton {
    text-align: left;
}

.datePickerNextButton {
    text-align: right;
}