div.timeframe_calendar { display: inline-block; margin: 0; padding: 0; text-align: center; text-shadow: none; } /* Menu */ div.timeframe_calendar ul.timeframe_menu { list-style-type: none; font-weight: bold; margin: auto; padding: 0 0 6px; width: 60px; } div.timeframe_calendar ul.timeframe_menu li { display: inline; } div.timeframe_calendar ul.timeframe_menu li a { display: inline-block; height: 20px; padding: 2px 0 0; text-decoration: none; width: 20px; box-shadow: 0 1px 2px #999; -webkit-box-shadow: 0 1px 2px #999; -moz-box-shadow: 0 1px 2px #999; } div.timeframe_calendar ul.timeframe_menu li a.previous, div.timeframe_calendar ul.timeframe_menu li a.next { background: #fff; color: #468966; } div.timeframe_calendar ul.timeframe_menu li a.previous:hover, div.timeframe_calendar ul.timeframe_menu li a.next:hover { background: #ccc; } div.timeframe_calendar ul.timeframe_menu li a.previous:active, div.timeframe_calendar ul.timeframe_menu li a.next:active { background: #aaa; } div.timeframe_calendar ul.timeframe_menu li a.disabled, div.timeframe_calendar ul.timeframe_menu li a.disabled:hover, div.timeframe_calendar ul.timeframe_menu li a.disabled:active { background: #fff; color: #ccc; cursor: default; } div.timeframe_calendar ul.timeframe_menu li a.today { background: #468966; color: #eee; } div.timeframe_calendar ul.timeframe_menu li a.today:hover { background: #246744; } div.timeframe_calendar ul.timeframe_menu li a.today:active { background: #024522; } div.timeframe_calendar ul.timeframe_menu li a.previous { border-top-left-radius: 10px; border-bottom-left-radius: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-topleft: 11px; -moz-border-radius-bottomleft: 11px; } div.timeframe_calendar ul.timeframe_menu li a.next { border-top-right-radius: 10px; border-bottom-right-radius: 10px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-topright: 11px; -moz-border-radius-bottomright: 11px; } /* Calendar*/ div.timeframe_calendar table { border-collapse: collapse; display: inline; display: inline-block; font-size: 15px; margin: 0 6px 12px; } /* Month names */ div.timeframe_calendar table caption { text-shadow: 0 0 0 #fff; } /* Cell sizes */ div.timeframe_calendar thead th, div.timeframe_calendar tbody td { height: 18px; margin: 0; padding: 2px 1px; width: 20px; } /* Weekday letters */ div.timeframe_calendar thead { background: #222; color: #eee; } /* Days */ div.timeframe_calendar tbody { background: #fff; box-shadow: 0px 2px 6px #999; -webkit-box-shadow: 0px 2px 6px #999; -moz-box-shadow: 0px 2px 6px #999; } div.timeframe_calendar tbody td { cursor: pointer; } /* Hover states not available in IE */ div.timeframe_calendar tbody td.selectable:hover { background-color: #bbb; } div.timeframe_calendar tbody td.selected:hover, div.timeframe_calendar tbody td.stuck:hover { background-color: #e99a27; } /* Selected states */ div.timeframe_calendar tbody td.selected { background-color: #ffb03b; } div.timeframe_calendar tbody td.stuck { background-color: #e99a27; } /* Range markers */ div.timeframe_calendar tbody td.startrange, div.timeframe_calendar tbody td.endrange, div.timeframe_calendar tbody td.startendrange { cursor: col-resize; } div.timeframe_calendar tbody td.startrange { background-image: url(../images/start.png); } div.timeframe_calendar tbody td.endrange { background-image: url(../images/end.png); } div.timeframe_calendar tbody td.startendrange { background-image: url(../images/startend.png); } /* Today */ div.timeframe_calendar tbody td.today { background-color: #468966; color: #eee; } div.timeframe_calendar tbody td.today_selected { background-color: #b64926; } div.timeframe_calendar tbody td.today_stuck { background-color: #8e2800; } /* Post/pre-month */ div.timeframe_calendar tbody td.beyond { background-color: #aaa; background-image: none; color: #ccc; } div.timeframe_calendar tbody td.beyond_selected { background-color: #999; } div.timeframe_calendar tbody td.beyond_stuck { background-color: #888; } div.timeframe_calendar tbody td.unselectable { color: #ccc; cursor: default; } /* Clear button */ div.timeframe_calendar tbody td span.clear { color: transparent; display: block; height: 0; position: absolute; width: 0; } div.timeframe_calendar tbody td span.clear span { background-image: url(../images/closebox.png); cursor: pointer; display: block; height: 30px; left: -18px; position: relative; text-indent: -10000px; top: -18px; width: 30px; } div.timeframe_calendar tbody td span.clear span.active { background-image: url(../images/closebox_selected.png); }