File: dist/css/bootstrap/zebra_datepicker.min.css

Recommend this page to a friend!
  Classes of Stefan Gabos   Zebra Date Picker   dist/css/bootstrap/zebra_datepicker.min.css   Download  
File: dist/css/bootstrap/zebra_datepicker.min.css
Role: Auxiliary data
Content type: text/plain
Description: Auxiliary data
Class: Zebra Date Picker
jQuery plugin to let the user pick dates
Author: By
Last change: Improved functionality on mobile
Date: 1 month ago
Size: 2,743 bytes
 

Contents

Class file image Download
.Zebra_DatePicker{background:#fff;border:1px solid #aaa;border-radius:4px;box-shadow:0 0 10px #ccc;color:#222;font:13px Tahoma,Arial,Helvetica,sans-serif;padding:5px;position:absolute;display:table;z-index:1200}.Zebra_DatePicker *,.Zebra_DatePicker :after,.Zebra_DatePicker :before{box-sizing:content-box!important}.Zebra_DatePicker *{padding:0}.Zebra_DatePicker table{border-collapse:collapse;border-radius:4px;border-spacing:0;width:100%}.Zebra_DatePicker td,.Zebra_DatePicker th{border-radius:4px;padding:5px;cursor:pointer;text-align:center;min-width:25px;width:25px}.Zebra_DatePicker .dp_body .dp_not_in_month{color:#666}.Zebra_DatePicker .dp_body .dp_time_controls_condensed td{width:25%}.Zebra_DatePicker .dp_body .dp_current{color:#3a87ad}.Zebra_DatePicker .dp_body .dp_selected{background:#337ab7;color:#fff}.Zebra_DatePicker .dp_body .dp_disabled{color:#bbb;cursor:text}.Zebra_DatePicker .dp_body .dp_disabled.dp_current{color:#b3d5e5}.Zebra_DatePicker .dp_monthpicker td,.Zebra_DatePicker .dp_timepicker td,.Zebra_DatePicker .dp_yearpicker td{width:33.3333%}.Zebra_DatePicker .dp_timepicker .dp_disabled{border:none;color:#222;font-size:26px;font-weight:700}.Zebra_DatePicker .dp_time_separator div{position:relative}.Zebra_DatePicker .dp_time_separator div:after{content:":";color:#222;font-size:20px;left:100%;margin-left:2px;margin-top:-13px;position:absolute;top:50%;z-index:1}.Zebra_DatePicker .dp_header{margin-bottom:5px}@supports(-ms-ime-align:auto){.Zebra_DatePicker .dp_header{font-family:"Segoe UI Symbol",Tahoma,Arial,Helvetica,sans-serif}}.Zebra_DatePicker .dp_footer{margin-top:5px}.Zebra_DatePicker .dp_footer .dp_icon{width:50%}.Zebra_DatePicker .dp_actions td{border-radius:4px}.Zebra_DatePicker .dp_actions .dp_caption{font-weight:700;width:100%}@media(hover:hover){.Zebra_DatePicker .dp_body .dp_hover{background:#dedede}.Zebra_DatePicker .dp_actions .dp_hover,.Zebra_DatePicker .dp_body .dp_hover.dp_time_control{background-color:#dedede}}.Zebra_DatePicker .dp_daypicker th{cursor:text;font-weight:700}.Zebra_DatePicker.dp_hidden{display:none}.Zebra_DatePicker .dp_icon{height:16px;background-image:url("icons.png");background-repeat:no-repeat;text-indent:-9999px}.Zebra_DatePicker .dp_icon.dp_confirm{background-position:center -123px}.Zebra_DatePicker .dp_icon.dp_view_toggler{background-position:center -91px}.Zebra_DatePicker .dp_icon.dp_view_toggler.dp_calendar{background-position:center -59px}button.Zebra_DatePicker_Icon{background:url("icons.png") center top no-repeat;border:none;cursor:pointer;display:block;height:16px;line-height:0;padding:0;position:absolute;text-indent:-9000px;width:16px}button.Zebra_DatePicker_Icon.Zebra_DatePicker_Icon_Disabled{background-position:center -32px;cursor:default}