/* Flora styling for jQuery Calendars Picker v2.0.0. */ .calendars { background-color: #e0f4d7; color: #000; border: 1px solid #f90; -moz-border-radius: 0.25em; -webkit-border-radius: 0.25em; border-radius: 0.25em; font-family: THSarabunNew; font-size: 19px; } .calendars-rtl { direction: rtl; } .calendars-popup { z-index: 1000; } .calendars-disable { position: absolute; z-index: 100; background-color: white; opacity: 0.5; filter: alpha(opacity=50); } .calendars a { color: #000; text-decoration: none; } .calendars a.calendars-disabled { color: #888; cursor: auto; } .calendars button { margin: 0.25em; padding: 0.125em 0em; background-color: #fc8; border: none; -moz-border-radius: 0.25em; -webkit-border-radius: 0.25em; border-radius: 0.25em; font-weight: bold; } .calendars-nav, .calendars-ctrl { float: left; width: 100%; background-color: #e0f4d7; color: #fff; font-size: 90%; font-weight: bold; } .datepick-ctrl { background-color: #f90; } .calendars-cmd { width: 30%; } .calendars-cmd:hover { background-color: #b1db87; } .calendars-ctrl .calendars-cmd:hover { background-color: #fa4; } .calendars-cmd-prevJump, .calendars-cmd-nextJump { width: 8%; } a.calendars-cmd { height: 1.5em; } button.calendars-cmd { text-align: center; } .calendars-cmd-prev, .calendars-cmd-prevJump, .calendars-cmd-clear { float: left; padding-left: 2%; } .calendars-cmd-current, .calendars-cmd-today { float: left; width: 35%; text-align: center; } .calendars-cmd-next, .calendars-cmd-nextJump, .calendars-cmd-close { float: right; padding-right: 2%; text-align: right; } .calendars-rtl .calendars-cmd-prev, .calendars-rtl .calendars-cmd-prevJump, .calendars-rtl .calendars-cmd-clear { float: right; padding-left: 0%; padding-right: 2%; text-align: right; } .calendars-rtl .calendars-cmd-current, .calendars-rtl .calendars-cmd-today { float: right; } .calendars-rtl .calendars-cmd-next, .calendars-rtl .calendars-cmd-nextJump, .calendars-rtl .calendars-cmd-close { float: left; padding-left: 2%; padding-right: 0%; text-align: left; } .calendars-month-nav { float: left; background-color: #b1db87; text-align: center; } .calendars-month-nav div { float: left; width: 12.5%; margin: 1%; padding: 1%; } .calendars-month-nav span { color: #888; } .calendars-month-row { clear: left; } .calendars-month { float: left; width: 15em; border: 1px solid #83c948; text-align: center; } .calendars-month-header, .calendars-month-header select, .calendars-month-header input { height: 1.5em; background-color: #83c948; color: #fff; font-weight: bold; } .calendars-month-header select, .calendars-month-header input { height: 1.4em; border: none; } .calendars-month-header input { position: absolute; display: none; } .calendars-month table { width: 100%; border-collapse: collapse; } .calendars-month thead { border-bottom: 1px solid #aaa; } .calendars-month th, .calendars-month td { margin: 0em; padding: 0em; font-weight: normal; text-align: center; } .calendars-month th { border: 1px solid #b1db87; } .calendars-month th, .calendars-month th a { background-color: #b1db87; color: #000; border: 1px solid #b1db87; } .calendars-month td { background-color: #fff; color: #666; border: 1px solid #b1db87; } .calendars-month td.calendars-week * { background-color: #b1db87; color: #666; border: none; } .calendars-month a { display: block; width: 100%; padding: 0.125em 0em; text-decoration: none; } .calendars-month span { display: block; width: 100%; padding: 0.125em 0em; } .calendars-month td span { color: #888; } .calendars-month td .calendars-other-month { background-color: #e0f4d7; } .calendars-month td .calendars-weekend { background-color: #e0f4d7; } .calendars-month td .calendars-today { background-color: #b1db87; } .calendars-month td .calendars-highlight { background-color: #fc8; } .calendars-month td .calendars-selected { background-color: #f90; color: #fff; } .calendars-status { clear: both; background-color: #b1db87; text-align: center; } .calendars-clear-fix { clear: both; }