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

Recommend this page to a friend!
  Classes of Stefan Gabos   Zebra Date Picker   dist/css/metallic/zebra_datepicker.min.css   Download  
File: dist/css/metallic/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: 2 months ago
Size: 3,398 bytes
 

Contents

Class file image Download
.Zebra_DatePicker{background:#373737;border-radius:4px;box-shadow:0 0 10px #888;color:#fff;font:13px Tahoma,Arial,Helvetica,sans-serif;padding:3px;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{padding:5px;cursor:pointer;text-align:center;min-width:25px;width:25px}.Zebra_DatePicker .dp_body td,.Zebra_DatePicker .dp_body th{border:1px solid #bbb}.Zebra_DatePicker .dp_body td:first-child,.Zebra_DatePicker .dp_body th:first-child{border-left:none}.Zebra_DatePicker .dp_body td:last-child,.Zebra_DatePicker .dp_body th:last-child{border-right:none}.Zebra_DatePicker .dp_body tr:first-child td,.Zebra_DatePicker .dp_body tr:first-child th{border-top:none}.Zebra_DatePicker .dp_body tr:last-child td,.Zebra_DatePicker .dp_body tr:last-child th{border-bottom:none}.Zebra_DatePicker .dp_body td{background:#dedede;color:#666}.Zebra_DatePicker .dp_body .dp_weekend{background:#d1d1d1}.Zebra_DatePicker .dp_body .dp_not_in_month{background:#eaeaea}.Zebra_DatePicker .dp_body .dp_time_controls_condensed td{width:25%}.Zebra_DatePicker .dp_body .dp_current{color:#e26261}.Zebra_DatePicker .dp_body .dp_selected{background:#e26262;color:#fff}.Zebra_DatePicker .dp_body .dp_disabled{background:#ececec;color:#ccc;cursor:text}.Zebra_DatePicker .dp_body .dp_disabled.dp_current{color:#f5cbcb}@media(hover:hover){.Zebra_DatePicker .dp_body .dp_hover{color:#fff;background:#67aabb}.Zebra_DatePicker .dp_actions .dp_hover,.Zebra_DatePicker .dp_body .dp_hover.dp_time_control{background-color:#5d5d5d}}.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:#666;font-size:26px;font-weight:700}.Zebra_DatePicker .dp_time_separator div{position:relative}.Zebra_DatePicker .dp_time_separator div:after{content:":";color:1px solid #bbb;font-size:20px;left:100%;margin-left:2px;margin-top:-13px;position:absolute;top:50%;z-index:1}.Zebra_DatePicker .dp_header{margin-bottom:3px}@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:3px}.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%}.Zebra_DatePicker .dp_daypicker th{background:#f1f1f1;color:#666;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}