Icontem

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: Adjusted font size for the time picker and fixed spacing issues when having a time format with hours, minutes, seconds and am/pm
Date: 1 month ago
Size: 2,870 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;*width:255px;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:#b4d5e6}.Zebra_DatePicker .dp_body .dp_hover{background:#dedede}.Zebra_DatePicker .dp_body .dp_hover.dp_time_control{background-color:#dedede}.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%}.Zebra_DatePicker .dp_actions .dp_next,.Zebra_DatePicker .dp_actions .dp_previous{*padding:0 10px}.Zebra_DatePicker .dp_actions .dp_hover{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;*text-indent:0}.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}