wishthis/semantic/dist/components/calendar.css

194 lines
4.2 KiB
CSS
Raw Normal View History

2022-03-15 09:43:53 +00:00
/*!
2022-10-10 08:26:02 +00:00
* # Fomantic-UI 2.9.0 - Calendar
2022-03-15 09:43:53 +00:00
* http://github.com/fomantic/Fomantic-UI/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
/*******************************
Popup
*******************************/
.ui.calendar .ui.popup {
max-width: none;
padding: 0;
border: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/*******************************
Calendar
*******************************/
.ui.calendar .calendar:focus {
outline: 0;
}
/*******************************
Grid
*******************************/
.ui.calendar .ui.popup .ui.grid {
display: block;
white-space: nowrap;
}
.ui.calendar .ui.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.28571429%;
position: absolute;
left: 0;
}
.ui.calendar .ui.table tr .next.link {
width: 14.28571429%;
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);
-webkit-box-shadow: none;
box-shadow: none;
}
.ui.calendar:not(.disabled) .calendar:focus .ui.table tbody tr td.focus,
.ui.calendar:not(.disabled) .calendar.active .ui.table tbody tr td.focus {
2022-08-08 07:43:24 +00:00
-webkit-box-shadow: inset 0 0 0 1px #a285df;
box-shadow: inset 0 0 0 1px #a285df;
2022-03-15 09:43:53 +00:00
}
.ui.inverted.calendar .ui.table.inverted tr td.range {
background: rgba(255, 255, 255, 0.08);
color: #ffffff;
-webkit-box-shadow: none;
box-shadow: none;
}
.ui.inverted.calendar:not(.disabled) .calendar:focus .ui.table.inverted tbody tr td.focus,
.ui.inverted.calendar:not(.disabled) .calendar.active .ui.table.inverted tbody tr td.focus {
2022-08-08 07:43:24 +00:00
-webkit-box-shadow: inset 0 0 0 1px #a285df;
box-shadow: inset 0 0 0 1px #a285df;
2022-03-15 09:43:53 +00:00
}
.ui.inverted.calendar .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);
}
2022-08-05 09:25:53 +00:00
.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;
}
2022-03-15 09:43:53 +00:00
/*******************************
States
*******************************/
/*--------------------
Disabled
---------------------*/
.ui.disabled.calendar {
opacity: 0.45;
}
.ui.disabled.calendar > .input,
.ui.disabled.calendar .ui.table tr .link {
pointer-events: none;
}
/*******************************
Theme Overrides
*******************************/