wcui/js/lib/datepicker/style.scss

@charset "UTF-8";
/**
 * 
 * @authors yutent (yutent@doui.cc)
 * @date    2016-02-14 14:00:06
 * 
 */
@import "../../../css/var.scss";
.do-datepicker {position:relative;z-index:65534;width:100%;height:100%;

    a {text-decoration:none;}
    .date-input {display:block;width:100%;height:100%;padding:0 5px;line-height:18px;border:1px solid nth($cp, 1);@include ts();
        
        &:focus {border-color:nth($ct, 1)}
    }

    .calendar-box {position:absolute;left:0;top:100%;width:267px;height:auto;min-height:60px;padding:10px;line-height:35px;border:1px solid #ddd;background:#fff;font-size:14px;color:nth($cgr, 1);text-align:center;box-shadow:0 1px 5px rgba(0,0,0,.1);
        
        dt.title {width:100%;height:35px;background:#e7e8eb;}
        dd.contrl {position:relative;width:90%;height:35px;margin:0 5%;

            a {position:absolute;left:0;top:0;width:35px;height:35px;color:nth($cgr, 1);font-weight:bold;}
            a:hover {color:nth($ct, 1)}
            a.prev-month {left:35px;}
            a.next-month {left:auto;right:35px;}
            a.next-year {left:auto;right:0;}
        }

        dd.calendar {width:100%;height:auto;
            
            .week {width:100%;height:35px;margin-bottom:5px;border-bottom:1px solid #eee;}
            span.td {float:left;width:35px;}
            .list span.td {height:30px;line-height:30px;cursor:pointer;@include ts();

                &:hover {background:nth($cp, 1);}
                &.weeken {color:nth($cr, 1)}
                &.selected {background:nth($ct, 2);color:#fff}
                &.disabled {color:nth($cp, 3);cursor:default;}
                &.disabled:hover {background:none;}
            }
        }
        dd.time {position:relative;width:100%;height:41px;padding:5px 0;margin-top:5px;line-height:30px;border-top:1px solid #eee;

            label {float:left;width:60px;height:30px;
                input {width:30px;height:30px;border:1px solid nth($cp, 1);text-align:center;}
            }
            .now {float:right;width:50px;height:30px;border-radius:3px;background:nth($ct, 1);color:#fff;text-align:center;
                
                &:hover {background:nth($ct, 2);}
                &:active {background:nth($ct, 3);}
            }
        }
        dd.tips {position:absolute;z-index:65535;left:25%;top:40%;width:50%;height:30px;line-height:30px;background:rgba(0,0,0,.7);color:#fff;font-size:12px;text-align:center;}
    }
    
}