/*! * # Fomantic-UI 2.9.3 - Calendar * https://github.com/fomantic/Fomantic-UI/ * * * Released under the MIT license * https://opensource.org/licenses/MIT * */ /******************************* Popup *******************************/ .ui.calendar.popup { max-width: none; padding: 0; border: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .ui.calendar.popup.inverted::before { background: #2b2b2b; } /******************************* Calendar *******************************/ .ui.calendar .calendar:focus, .ui.calendar.popup:focus { outline: 0; } /******************************* Grid *******************************/ .ui.calendar.popup .ui.grid { display: block; white-space: nowrap; } .ui.calendar.popup .ui.grid > .column { width: auto; } /******************************* Table *******************************/ .ui.calendar .ui.table.year, .ui.calendar .ui.table.month, .ui.calendar .ui.table.minute { min-width: 15em; } .ui.calendar .ui.table.day { min-width: 18em; } .ui.calendar .ui.table.day.andweek { min-width: 22em; } .ui.calendar .ui.table.hour { min-width: 20em; } .ui.calendar .ui.table tr th, .ui.calendar .ui.table tr td { padding: 0.5em; white-space: nowrap; } .ui.calendar .ui.table tr th { border-left: none; } .ui.calendar .ui.table tr th i.icon { margin: 0; } .ui.calendar .ui.table tr:first-child th { position: relative; padding-left: 0; padding-right: 0; } .ui.calendar .ui.table.day tr:first-child th { border: none; } .ui.calendar .ui.table.day tr:nth-child(2) th { padding-top: 0.2em; padding-bottom: 0.3em; } .ui.calendar .ui.table tr td { padding-left: 0.1em; padding-right: 0.1em; } .ui.calendar .ui.table tr .link { cursor: pointer; } .ui.calendar .ui.table tr .prev.link { width: 14.28571%; position: absolute; left: 0; } .ui.calendar .ui.table tr .next.link { width: 14.28571%; position: absolute; right: 0; } .ui.ui.calendar .ui.table tr .disabled { pointer-events: auto; cursor: default; color: rgba(40, 40, 40, 0.3); } .ui.calendar .ui.table tr .adjacent:not(.disabled):not(.active) { color: rgba(0, 0, 0, 0.6); background: rgba(0, 0, 0, 0.03); } /* -------------- States --------------- */ .ui.calendar .ui.table tr td.today { font-weight: bold; } .ui.calendar .ui.table tr td.range { background: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.95); box-shadow: none; } .ui.calendar:not(.disabled):focus .ui.table tbody tr td.focus, .ui.calendar:not(.disabled).popup.active .ui.table tbody tr td.focus { box-shadow: inset 0 0 0 1px #a285df; } .ui.inverted.calendar .ui.table.inverted tr td.range { background: rgba(255, 255, 255, 0.08); color: #ffffff; box-shadow: none; } .ui.inverted.calendar:not(.disabled) .calendar:focus .ui.table.inverted tbody tr td.focus, .ui.inverted.calendar:not(.disabled).popup.active .ui.table.inverted tbody tr td.focus { box-shadow: inset 0 0 0 1px #a285df; } .ui.inverted.calendar .ui.ui.ui.inverted.table tr .disabled { color: rgba(225, 225, 225, 0.3); } .ui.inverted.calendar .ui.inverted.table tr .adjacent:not(.disabled):not(.active) { color: rgba(255, 255, 255, 0.8); background: rgba(255, 255, 255, 0.02); } .ui.calendar.popup > .ui.ui.grid { margin: -1rem; } .ui.calendar.popup > .ui.ui.grid > .column:not(:first-child) { padding-left: 0; } .ui.calendar.popup > .ui.ui.grid > .column:not(:first-child) > .ui.table { border-top-left-radius: 0; border-bottom-left-radius: 0; } .ui.calendar.popup > .ui.ui.grid > .column:not(:last-child) { padding-right: 0; } .ui.calendar.popup > .ui.ui.grid > .column:not(:last-child) > .ui.table { border-top-right-radius: 0; border-bottom-right-radius: 0; } /******************************* States *******************************/ /* -------------------- Disabled --------------------- */ .ui.disabled.calendar { opacity: 0.45; } .ui.disabled.calendar > .input, .ui.disabled.calendar .ui.table tr .link { pointer-events: none; } /******************************* Theme Overrides *******************************/ /******************************* User Overrides *******************************/