File: dist/css/bootstrap/zebra_datepicker.css

Recommend this page to a friend!
  Classes of Stefan Gabos   Zebra Date Picker   dist/css/bootstrap/zebra_datepicker.css   Download  
File: dist/css/bootstrap/zebra_datepicker.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: Updated using latest packages
Date: 7 days ago
Size: 3,325 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: #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_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 } .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 }