mirror of
https://github.com/imarkoff/Marble-shell-theme.git
synced 2025-10-24 09:31:48 -07:00
165 lines
3.1 KiB
CSS
165 lines
3.1 KiB
CSS
/* calendar */
|
|
#calendarArea {
|
|
padding: 0;
|
|
}
|
|
|
|
.datemenu-calendar-column {
|
|
spacing: 5px;
|
|
}
|
|
|
|
.datemenu-calendar-column:ltr {
|
|
padding-left: 6px;
|
|
}
|
|
|
|
.datemenu-calendar-column:rtl {
|
|
padding-right: 6px;
|
|
}
|
|
|
|
.datemenu-calendar-column .datemenu-displays-box {
|
|
spacing: 5px;
|
|
}
|
|
|
|
|
|
.calendar {
|
|
border-radius: 14px;
|
|
background-color: SECTION-COLOR;
|
|
box-shadow: inset 0 0 0 1px BORDER-SHADOW !important;
|
|
padding: 5px;
|
|
}
|
|
|
|
|
|
/* calendar header */
|
|
.datemenu-today-button {
|
|
color: TEXT-SECONDARY-COLOR;
|
|
background-color: none;
|
|
border-radius: 12px;
|
|
}
|
|
|
|
.datemenu-today-button:hover {
|
|
transition-duration: 100ms;
|
|
background-color: ACCENT-DISABLED-COLOR;
|
|
}
|
|
|
|
.datemenu-today-button:focus {
|
|
transition-duration: 100ms;
|
|
background-color: ACCENT-DISABLED-COLOR;
|
|
box-shadow: inset 0 0 0 2px ACCENT-SECONDARY-COLOR !important;
|
|
}
|
|
|
|
.day-label {
|
|
font-weight: 600;
|
|
}
|
|
|
|
.date-label {
|
|
font-weight: 700;
|
|
}
|
|
|
|
|
|
/* calendar-days */
|
|
.calendar-day-base,
|
|
.calendar-month-header .pager-button {
|
|
color: TEXT-PRIMARY-COLOR;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
.calendar-month-label {
|
|
color: TEXT-PRIMARY-COLOR;
|
|
}
|
|
|
|
.calendar-day-base,
|
|
.calendar .calendar-month-header .pager-button {
|
|
transition-duration: 100ms;
|
|
}
|
|
|
|
.calendar-day-base:hover,
|
|
.calendar-day-base:focus,
|
|
.calendar-day-base:active:hover,
|
|
.calendar-day-base:selected:hover,
|
|
.calendar .calendar-month-header .pager-button:hover,
|
|
.calendar .calendar-month-header .pager-button:focus {
|
|
background-color: ACCENT-DISABLED_HOVER;
|
|
color: TEXT-PRIMARY-COLOR;
|
|
box-shadow: inset 0 0 0 1px BORDER-SHADOW;
|
|
}
|
|
|
|
.calendar-day-base:active,
|
|
.calendar-day-base:selected {
|
|
background: ACCENT-DISABLED_HOVER;
|
|
box-shadow: inset 0 0 0 1px BORDER-SHADOW;
|
|
}
|
|
|
|
.calendar-today,
|
|
.calendar-today:selected {
|
|
background-color: ACCENT-COLOR;
|
|
color: TEXT-PRIMARY-COLOR !important;
|
|
box-shadow: inset 0 0 0 1px BORDER-SHADOW;
|
|
}
|
|
|
|
.calendar-today:hover,
|
|
.calendar-today:selected:hover {
|
|
background-color: ACCENT_HOVER;
|
|
}
|
|
|
|
.calendar .calendar-day-with-events {
|
|
background-image: url("calendar-today.svg");
|
|
background-size: contain;
|
|
font-weight: 700;
|
|
}
|
|
|
|
.calendar .calendar-nonwork-day {
|
|
color: TEXT-SECONDARY-COLOR;
|
|
}
|
|
|
|
.calendar .calendar-other-month-day {
|
|
color: TEXT-DISABLED-COLOR;
|
|
}
|
|
|
|
|
|
/* events */
|
|
.events-button,
|
|
.world-clocks-button,
|
|
.weather-button {
|
|
background-color: SECTION-COLOR;
|
|
color: TEXT-SECONDARY-COLOR;
|
|
border-radius: 14px;
|
|
box-shadow: inset 0 0 0 1px BORDER-SHADOW;
|
|
}
|
|
|
|
.events-button:hover,
|
|
.world-clocks-button:hover,
|
|
.weather-button:hover {
|
|
background-color: ACCENT-DISABLED-COLOR;
|
|
}
|
|
|
|
.events-button:focus,
|
|
.world-clocks-button:focus,
|
|
.weather-button:focus {
|
|
box-shadow: inset 0 0 0 2px ACCENT-SECONDARY-COLOR !important;
|
|
}
|
|
|
|
.weather-button .weather-header,
|
|
.events-button .events-title,
|
|
.world-clocks-button .world-clocks-header {
|
|
color: TEXT-PRIMARY-COLOR;
|
|
}
|
|
|
|
.events-button .event-time {
|
|
color: TEXT-SECONDARY-COLOR;
|
|
}
|
|
|
|
.events-button:active,
|
|
.world-clock-button:active,
|
|
.weather-button:active {
|
|
background-color: ACCENT-DISABLED_HOVER;
|
|
}
|
|
|
|
.world-clocks-button .world-clocks-time,
|
|
.world-clocks-button .world-clocks-city,
|
|
.world-clocks-button .world-clocks-timezone {
|
|
color: TEXT-SECONDARY-COLOR;
|
|
}
|
|
|
|
.weather-button .weather-forecast-time {
|
|
color: TEXT-SECONDARY-COLOR;
|
|
}
|