Cinnamon: Update calendar appearance
This commit is contained in:
EliverLara
parent
efa7451ada
commit
d52ff95d72
|
|
@ -628,9 +628,175 @@ StScrollBar {
|
|||
// Calendar
|
||||
//
|
||||
.calendar {
|
||||
padding: .4em 1.75em;
|
||||
spacing-rows: 0px;
|
||||
spacing-columns: 0px;
|
||||
spacing-rows: 0;
|
||||
spacing-columns: 0;
|
||||
}
|
||||
|
||||
.calendar-main-box {
|
||||
margin: 0 .8em .5em .8em;
|
||||
}
|
||||
|
||||
.calendar-events-main-box {
|
||||
height: 300px;
|
||||
margin-right: .5em;
|
||||
padding: .5em;
|
||||
min-width: 350px;
|
||||
border: 1px solid $borders_color;
|
||||
background-color: $base_color;
|
||||
}
|
||||
|
||||
.calendar-events-no-events-box {
|
||||
}
|
||||
|
||||
.calendar-events-no-events-button {
|
||||
margin: 6px 0 6px 0;
|
||||
padding: 6px;
|
||||
|
||||
&:hover {
|
||||
background-color: $selected_bg_color;
|
||||
|
||||
.calendar-events-no-events-icon,
|
||||
.calendar-events-no-events-label {
|
||||
color: $selected_fg_color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.calendar-events-no-events-icon,
|
||||
.calendar-events-no-events-label {
|
||||
font-weight: bold;
|
||||
color: $fg_color;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.calendar-events-date-label {
|
||||
padding: .1em .1em .5em .1em;
|
||||
color: $fg_color;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.calendar-events-event-container {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.calendar-event-button {
|
||||
border: 1px solid rgba(0,0,0,0);
|
||||
|
||||
.calendar-event-time-past {
|
||||
color: transparentize($fg_color, 0.6);
|
||||
font-weight: bold;
|
||||
text-align: left;
|
||||
margin-bottom: .2em;
|
||||
}
|
||||
.calendar-event-time-present {
|
||||
color: $fg_color;
|
||||
font-weight: bold;
|
||||
text-align: left;
|
||||
margin-bottom: .2em;
|
||||
|
||||
&:all-day {
|
||||
color: $selected_bg_color;
|
||||
}
|
||||
}
|
||||
.calendar-event-time-future {
|
||||
color: $fg_color;
|
||||
font-weight: bold;
|
||||
text-align: left;
|
||||
margin-bottom: .2em;
|
||||
}
|
||||
|
||||
.calendar-event-summary {
|
||||
color: $fg_color;
|
||||
text-align: left;
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
.calendar-event-countdown {
|
||||
text-align: right;
|
||||
margin-bottom: .6em;
|
||||
color: $fg_color;
|
||||
|
||||
&:soon {
|
||||
font-weight: bold;
|
||||
}
|
||||
&:imminent {
|
||||
font-weight: bold;
|
||||
color: $warning_color;
|
||||
}
|
||||
&:current {
|
||||
font-weight: bold;
|
||||
color: $selected_bg_color;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background-color: $selected_bg_color;
|
||||
border: 1px solid $borders_color;
|
||||
.calendar-event-time-past,
|
||||
.calendar-event-time-present,
|
||||
.calendar-event-time-future,
|
||||
.calendar-event-summary {
|
||||
color: $selected_fg_color
|
||||
}
|
||||
|
||||
.calendar-event-countdown {
|
||||
text-align: right;
|
||||
margin-bottom: .6em;
|
||||
color: $selected_fg_color;
|
||||
|
||||
&:soon {
|
||||
font-weight: bold;
|
||||
}
|
||||
&:imminent {
|
||||
font-weight: bold;
|
||||
}
|
||||
&:current {
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.calendar-event-row-content {
|
||||
}
|
||||
|
||||
.calendar-event-color-strip {
|
||||
width: 2px;
|
||||
}
|
||||
|
||||
.calendar-today-home-button {
|
||||
padding: 6px;
|
||||
}
|
||||
|
||||
.calendar-today-day-label {
|
||||
font-size: 1.75em;
|
||||
color: $fg_color;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
padding-bottom: .1em;
|
||||
}
|
||||
|
||||
.calendar-today-date-label {
|
||||
font-size: 1.1em;
|
||||
color: $fg_color;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.calendar-today-home-button-enabled {
|
||||
padding: 6px;
|
||||
|
||||
&:hover {
|
||||
background-color: $selected_bg_color;
|
||||
|
||||
.calendar-today-day-label {
|
||||
color: $selected_fg_color
|
||||
}
|
||||
.calendar-today-date-label {
|
||||
color: $selected-fg-color
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.calendar-month-label {
|
||||
|
|
@ -679,33 +845,41 @@ StScrollBar {
|
|||
}
|
||||
}
|
||||
|
||||
.datemenu-date-label {
|
||||
padding: .4em 1.75em;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
color: $fg_color;
|
||||
.calendar-day-event-dot-box {
|
||||
margin-top: 1.7em;
|
||||
max-rows: 1;
|
||||
}
|
||||
|
||||
.calendar-day-event-dot {
|
||||
margin: 1px;
|
||||
border-radius: 2px;
|
||||
width: 4px;
|
||||
height: 4px;
|
||||
}
|
||||
|
||||
.calendar-day-base {
|
||||
font-size: 80%;
|
||||
font-size: 1em;
|
||||
text-align: center;
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
width: 2.2em;
|
||||
height: 2.2em;
|
||||
padding: 0.1em;
|
||||
margin: 2px;
|
||||
border-radius: 12.5px;
|
||||
|
||||
&:hover {
|
||||
font-weight: bold;
|
||||
color: $selected_fg_color;
|
||||
background-color: $selected_bg_color;
|
||||
}
|
||||
}
|
||||
|
||||
.calendar-day-heading {
|
||||
color: transparentize($fg_color, 0.15);
|
||||
margin-top: 1em;
|
||||
font-size: 70%;
|
||||
font-size: 1.05em;
|
||||
}
|
||||
|
||||
.calendar-day {
|
||||
border-width: 0;
|
||||
color: transparentize($fg_color, 0.2);
|
||||
color: transparentize($fg_color, 0.1);
|
||||
}
|
||||
|
||||
.calendar-day-top {
|
||||
|
|
@ -722,14 +896,28 @@ StScrollBar {
|
|||
font-weight: bold;
|
||||
}
|
||||
|
||||
.calendar-today,
|
||||
.calendar-today:active,
|
||||
.calendar-today:focus,
|
||||
.calendar-today:hover {
|
||||
font-weight: bold;
|
||||
color: $selected_fg_color;
|
||||
background-color: $selected_bg_color;
|
||||
.calendar-today {
|
||||
color: $fg_color;
|
||||
background-color: if($variant == 'light', transparentize($selected_bg_color, 0.6), transparentize($selected_bg_color, 0.6));
|
||||
border-width: 0;
|
||||
|
||||
&:selected {
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
|
||||
.calendar-not-today {
|
||||
color: $fg_color;
|
||||
|
||||
&:selected {
|
||||
font-weight: bold;
|
||||
background-color: if($variant == 'light', transparentize($fg_color, 0.7), transparentize($fg_color, 0.6));
|
||||
|
||||
&:hover {
|
||||
font-weight: bold;
|
||||
color: $fg_color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.calendar-other-month-day {
|
||||
|
|
@ -737,9 +925,15 @@ StScrollBar {
|
|||
opacity: 1;
|
||||
}
|
||||
|
||||
.calendar-other-month-day:hover {
|
||||
color: $selected_fg_color;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.calendar-week-number {
|
||||
color: transparentize($fg_color, 0.3);
|
||||
font-size: 80%;
|
||||
color: transparentize($fg_color, 0.15);
|
||||
font-size: 0.8em;
|
||||
margin-top: 0.8em;
|
||||
}
|
||||
|
||||
//
|
||||
|
|
|
|||
|
|
@ -536,9 +536,125 @@ StScrollBar {
|
|||
color: #888; }
|
||||
|
||||
.calendar {
|
||||
padding: .4em 1.75em;
|
||||
spacing-rows: 0px;
|
||||
spacing-columns: 0px; }
|
||||
spacing-rows: 0;
|
||||
spacing-columns: 0; }
|
||||
|
||||
.calendar-main-box {
|
||||
margin: 0 .8em .5em .8em; }
|
||||
|
||||
.calendar-events-main-box {
|
||||
height: 300px;
|
||||
margin-right: .5em;
|
||||
padding: .5em;
|
||||
min-width: 350px;
|
||||
border: 1px solid #161819;
|
||||
background-color: #1E282C; }
|
||||
|
||||
.calendar-events-no-events-button {
|
||||
margin: 6px 0 6px 0;
|
||||
padding: 6px; }
|
||||
.calendar-events-no-events-button:hover {
|
||||
background-color: #00e8b7; }
|
||||
.calendar-events-no-events-button:hover .calendar-events-no-events-icon,
|
||||
.calendar-events-no-events-button:hover .calendar-events-no-events-label {
|
||||
color: #f7f7f7; }
|
||||
|
||||
.calendar-events-no-events-icon,
|
||||
.calendar-events-no-events-label {
|
||||
font-weight: bold;
|
||||
color: #98abb2;
|
||||
text-align: center; }
|
||||
|
||||
.calendar-events-date-label {
|
||||
padding: .1em .1em .5em .1em;
|
||||
color: #98abb2;
|
||||
font-weight: bold;
|
||||
text-align: center; }
|
||||
|
||||
.calendar-events-event-container {
|
||||
padding: 0; }
|
||||
|
||||
.calendar-event-button {
|
||||
border: 1px solid rgba(0, 0, 0, 0); }
|
||||
.calendar-event-button .calendar-event-time-past {
|
||||
color: rgba(152, 171, 178, 0.4);
|
||||
font-weight: bold;
|
||||
text-align: left;
|
||||
margin-bottom: .2em; }
|
||||
.calendar-event-button .calendar-event-time-present {
|
||||
color: #98abb2;
|
||||
font-weight: bold;
|
||||
text-align: left;
|
||||
margin-bottom: .2em; }
|
||||
.calendar-event-button .calendar-event-time-present:all-day {
|
||||
color: #00e8b7; }
|
||||
.calendar-event-button .calendar-event-time-future {
|
||||
color: #98abb2;
|
||||
font-weight: bold;
|
||||
text-align: left;
|
||||
margin-bottom: .2em; }
|
||||
.calendar-event-button .calendar-event-summary {
|
||||
color: #98abb2;
|
||||
text-align: left;
|
||||
width: 200px; }
|
||||
.calendar-event-button .calendar-event-countdown {
|
||||
text-align: right;
|
||||
margin-bottom: .6em;
|
||||
color: #98abb2; }
|
||||
.calendar-event-button .calendar-event-countdown:soon {
|
||||
font-weight: bold; }
|
||||
.calendar-event-button .calendar-event-countdown:imminent {
|
||||
font-weight: bold;
|
||||
color: #F27835; }
|
||||
.calendar-event-button .calendar-event-countdown:current {
|
||||
font-weight: bold;
|
||||
color: #00e8b7; }
|
||||
.calendar-event-button:hover {
|
||||
background-color: #00e8b7;
|
||||
border: 1px solid #161819; }
|
||||
.calendar-event-button:hover .calendar-event-time-past,
|
||||
.calendar-event-button:hover .calendar-event-time-present,
|
||||
.calendar-event-button:hover .calendar-event-time-future,
|
||||
.calendar-event-button:hover .calendar-event-summary {
|
||||
color: #f7f7f7; }
|
||||
.calendar-event-button:hover .calendar-event-countdown {
|
||||
text-align: right;
|
||||
margin-bottom: .6em;
|
||||
color: #f7f7f7; }
|
||||
.calendar-event-button:hover .calendar-event-countdown:soon {
|
||||
font-weight: bold; }
|
||||
.calendar-event-button:hover .calendar-event-countdown:imminent {
|
||||
font-weight: bold; }
|
||||
.calendar-event-button:hover .calendar-event-countdown:current {
|
||||
font-weight: bold; }
|
||||
|
||||
.calendar-event-color-strip {
|
||||
width: 2px; }
|
||||
|
||||
.calendar-today-home-button {
|
||||
padding: 6px; }
|
||||
|
||||
.calendar-today-day-label {
|
||||
font-size: 1.75em;
|
||||
color: #98abb2;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
padding-bottom: .1em; }
|
||||
|
||||
.calendar-today-date-label {
|
||||
font-size: 1.1em;
|
||||
color: #98abb2;
|
||||
font-weight: bold;
|
||||
text-align: center; }
|
||||
|
||||
.calendar-today-home-button-enabled {
|
||||
padding: 6px; }
|
||||
.calendar-today-home-button-enabled:hover {
|
||||
background-color: #00e8b7; }
|
||||
.calendar-today-home-button-enabled:hover .calendar-today-day-label {
|
||||
color: #f7f7f7; }
|
||||
.calendar-today-home-button-enabled:hover .calendar-today-date-label {
|
||||
color: #f7f7f7; }
|
||||
|
||||
.calendar-month-label {
|
||||
color: #98abb2;
|
||||
|
|
@ -576,30 +692,35 @@ StScrollBar {
|
|||
.calendar-change-month-forward:rtl:active {
|
||||
background-image: url("common-assets/misc/calendar-arrow-left.svg"); }
|
||||
|
||||
.datemenu-date-label {
|
||||
padding: .4em 1.75em;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
color: #98abb2;
|
||||
border-radius: 2px; }
|
||||
.calendar-day-event-dot-box {
|
||||
margin-top: 1.7em;
|
||||
max-rows: 1; }
|
||||
|
||||
.calendar-day-event-dot {
|
||||
margin: 1px;
|
||||
border-radius: 2px;
|
||||
width: 4px;
|
||||
height: 4px; }
|
||||
|
||||
.calendar-day-base {
|
||||
font-size: 80%;
|
||||
font-size: 1em;
|
||||
text-align: center;
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
padding: 0.1em;
|
||||
margin: 2px;
|
||||
border-radius: 12.5px; }
|
||||
width: 2.2em;
|
||||
height: 2.2em;
|
||||
padding: 0.1em; }
|
||||
.calendar-day-base:hover {
|
||||
font-weight: bold;
|
||||
color: #f7f7f7;
|
||||
background-color: #00e8b7; }
|
||||
|
||||
.calendar-day-heading {
|
||||
color: rgba(152, 171, 178, 0.85);
|
||||
margin-top: 1em;
|
||||
font-size: 70%; }
|
||||
font-size: 1.05em; }
|
||||
|
||||
.calendar-day {
|
||||
border-width: 0;
|
||||
color: rgba(152, 171, 178, 0.8); }
|
||||
color: rgba(152, 171, 178, 0.9); }
|
||||
|
||||
.calendar-day-top {
|
||||
border-top-width: 0; }
|
||||
|
|
@ -612,22 +733,34 @@ StScrollBar {
|
|||
background-color: transparent;
|
||||
font-weight: bold; }
|
||||
|
||||
.calendar-today,
|
||||
.calendar-today:active,
|
||||
.calendar-today:focus,
|
||||
.calendar-today:hover {
|
||||
font-weight: bold;
|
||||
color: #f7f7f7;
|
||||
background-color: #00e8b7;
|
||||
.calendar-today {
|
||||
color: #98abb2;
|
||||
background-color: rgba(0, 232, 183, 0.4);
|
||||
border-width: 0; }
|
||||
.calendar-today:selected {
|
||||
font-weight: bold; }
|
||||
|
||||
.calendar-not-today {
|
||||
color: #98abb2; }
|
||||
.calendar-not-today:selected {
|
||||
font-weight: bold;
|
||||
background-color: rgba(152, 171, 178, 0.4); }
|
||||
.calendar-not-today:selected:hover {
|
||||
font-weight: bold;
|
||||
color: #98abb2; }
|
||||
|
||||
.calendar-other-month-day {
|
||||
color: rgba(152, 171, 178, 0.3);
|
||||
opacity: 1; }
|
||||
|
||||
.calendar-other-month-day:hover {
|
||||
color: #f7f7f7;
|
||||
opacity: 1; }
|
||||
|
||||
.calendar-week-number {
|
||||
color: rgba(152, 171, 178, 0.7);
|
||||
font-size: 80%; }
|
||||
color: rgba(152, 171, 178, 0.85);
|
||||
font-size: 0.8em;
|
||||
margin-top: 0.8em; }
|
||||
|
||||
#notification {
|
||||
border-radius: 3px;
|
||||
|
|
|
|||
|
|
@ -536,9 +536,125 @@ StScrollBar {
|
|||
color: #888; }
|
||||
|
||||
.calendar {
|
||||
padding: .4em 1.75em;
|
||||
spacing-rows: 0px;
|
||||
spacing-columns: 0px; }
|
||||
spacing-rows: 0;
|
||||
spacing-columns: 0; }
|
||||
|
||||
.calendar-main-box {
|
||||
margin: 0 .8em .5em .8em; }
|
||||
|
||||
.calendar-events-main-box {
|
||||
height: 300px;
|
||||
margin-right: .5em;
|
||||
padding: .5em;
|
||||
min-width: 350px;
|
||||
border: 1px solid #161819;
|
||||
background-color: #1E282C; }
|
||||
|
||||
.calendar-events-no-events-button {
|
||||
margin: 6px 0 6px 0;
|
||||
padding: 6px; }
|
||||
.calendar-events-no-events-button:hover {
|
||||
background-color: #00e8b7; }
|
||||
.calendar-events-no-events-button:hover .calendar-events-no-events-icon,
|
||||
.calendar-events-no-events-button:hover .calendar-events-no-events-label {
|
||||
color: #f7f7f7; }
|
||||
|
||||
.calendar-events-no-events-icon,
|
||||
.calendar-events-no-events-label {
|
||||
font-weight: bold;
|
||||
color: #98abb2;
|
||||
text-align: center; }
|
||||
|
||||
.calendar-events-date-label {
|
||||
padding: .1em .1em .5em .1em;
|
||||
color: #98abb2;
|
||||
font-weight: bold;
|
||||
text-align: center; }
|
||||
|
||||
.calendar-events-event-container {
|
||||
padding: 0; }
|
||||
|
||||
.calendar-event-button {
|
||||
border: 1px solid rgba(0, 0, 0, 0); }
|
||||
.calendar-event-button .calendar-event-time-past {
|
||||
color: rgba(152, 171, 178, 0.4);
|
||||
font-weight: bold;
|
||||
text-align: left;
|
||||
margin-bottom: .2em; }
|
||||
.calendar-event-button .calendar-event-time-present {
|
||||
color: #98abb2;
|
||||
font-weight: bold;
|
||||
text-align: left;
|
||||
margin-bottom: .2em; }
|
||||
.calendar-event-button .calendar-event-time-present:all-day {
|
||||
color: #00e8b7; }
|
||||
.calendar-event-button .calendar-event-time-future {
|
||||
color: #98abb2;
|
||||
font-weight: bold;
|
||||
text-align: left;
|
||||
margin-bottom: .2em; }
|
||||
.calendar-event-button .calendar-event-summary {
|
||||
color: #98abb2;
|
||||
text-align: left;
|
||||
width: 200px; }
|
||||
.calendar-event-button .calendar-event-countdown {
|
||||
text-align: right;
|
||||
margin-bottom: .6em;
|
||||
color: #98abb2; }
|
||||
.calendar-event-button .calendar-event-countdown:soon {
|
||||
font-weight: bold; }
|
||||
.calendar-event-button .calendar-event-countdown:imminent {
|
||||
font-weight: bold;
|
||||
color: #F27835; }
|
||||
.calendar-event-button .calendar-event-countdown:current {
|
||||
font-weight: bold;
|
||||
color: #00e8b7; }
|
||||
.calendar-event-button:hover {
|
||||
background-color: #00e8b7;
|
||||
border: 1px solid #161819; }
|
||||
.calendar-event-button:hover .calendar-event-time-past,
|
||||
.calendar-event-button:hover .calendar-event-time-present,
|
||||
.calendar-event-button:hover .calendar-event-time-future,
|
||||
.calendar-event-button:hover .calendar-event-summary {
|
||||
color: #f7f7f7; }
|
||||
.calendar-event-button:hover .calendar-event-countdown {
|
||||
text-align: right;
|
||||
margin-bottom: .6em;
|
||||
color: #f7f7f7; }
|
||||
.calendar-event-button:hover .calendar-event-countdown:soon {
|
||||
font-weight: bold; }
|
||||
.calendar-event-button:hover .calendar-event-countdown:imminent {
|
||||
font-weight: bold; }
|
||||
.calendar-event-button:hover .calendar-event-countdown:current {
|
||||
font-weight: bold; }
|
||||
|
||||
.calendar-event-color-strip {
|
||||
width: 2px; }
|
||||
|
||||
.calendar-today-home-button {
|
||||
padding: 6px; }
|
||||
|
||||
.calendar-today-day-label {
|
||||
font-size: 1.75em;
|
||||
color: #98abb2;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
padding-bottom: .1em; }
|
||||
|
||||
.calendar-today-date-label {
|
||||
font-size: 1.1em;
|
||||
color: #98abb2;
|
||||
font-weight: bold;
|
||||
text-align: center; }
|
||||
|
||||
.calendar-today-home-button-enabled {
|
||||
padding: 6px; }
|
||||
.calendar-today-home-button-enabled:hover {
|
||||
background-color: #00e8b7; }
|
||||
.calendar-today-home-button-enabled:hover .calendar-today-day-label {
|
||||
color: #f7f7f7; }
|
||||
.calendar-today-home-button-enabled:hover .calendar-today-date-label {
|
||||
color: #f7f7f7; }
|
||||
|
||||
.calendar-month-label {
|
||||
color: #98abb2;
|
||||
|
|
@ -576,30 +692,35 @@ StScrollBar {
|
|||
.calendar-change-month-forward:rtl:active {
|
||||
background-image: url("common-assets/misc/calendar-arrow-left.svg"); }
|
||||
|
||||
.datemenu-date-label {
|
||||
padding: .4em 1.75em;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
color: #98abb2;
|
||||
border-radius: 2px; }
|
||||
.calendar-day-event-dot-box {
|
||||
margin-top: 1.7em;
|
||||
max-rows: 1; }
|
||||
|
||||
.calendar-day-event-dot {
|
||||
margin: 1px;
|
||||
border-radius: 2px;
|
||||
width: 4px;
|
||||
height: 4px; }
|
||||
|
||||
.calendar-day-base {
|
||||
font-size: 80%;
|
||||
font-size: 1em;
|
||||
text-align: center;
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
padding: 0.1em;
|
||||
margin: 2px;
|
||||
border-radius: 12.5px; }
|
||||
width: 2.2em;
|
||||
height: 2.2em;
|
||||
padding: 0.1em; }
|
||||
.calendar-day-base:hover {
|
||||
font-weight: bold;
|
||||
color: #f7f7f7;
|
||||
background-color: #00e8b7; }
|
||||
|
||||
.calendar-day-heading {
|
||||
color: rgba(152, 171, 178, 0.85);
|
||||
margin-top: 1em;
|
||||
font-size: 70%; }
|
||||
font-size: 1.05em; }
|
||||
|
||||
.calendar-day {
|
||||
border-width: 0;
|
||||
color: rgba(152, 171, 178, 0.8); }
|
||||
color: rgba(152, 171, 178, 0.9); }
|
||||
|
||||
.calendar-day-top {
|
||||
border-top-width: 0; }
|
||||
|
|
@ -612,22 +733,34 @@ StScrollBar {
|
|||
background-color: transparent;
|
||||
font-weight: bold; }
|
||||
|
||||
.calendar-today,
|
||||
.calendar-today:active,
|
||||
.calendar-today:focus,
|
||||
.calendar-today:hover {
|
||||
font-weight: bold;
|
||||
color: #f7f7f7;
|
||||
background-color: #00e8b7;
|
||||
.calendar-today {
|
||||
color: #98abb2;
|
||||
background-color: rgba(0, 232, 183, 0.4);
|
||||
border-width: 0; }
|
||||
.calendar-today:selected {
|
||||
font-weight: bold; }
|
||||
|
||||
.calendar-not-today {
|
||||
color: #98abb2; }
|
||||
.calendar-not-today:selected {
|
||||
font-weight: bold;
|
||||
background-color: rgba(152, 171, 178, 0.4); }
|
||||
.calendar-not-today:selected:hover {
|
||||
font-weight: bold;
|
||||
color: #98abb2; }
|
||||
|
||||
.calendar-other-month-day {
|
||||
color: rgba(152, 171, 178, 0.3);
|
||||
opacity: 1; }
|
||||
|
||||
.calendar-other-month-day:hover {
|
||||
color: #f7f7f7;
|
||||
opacity: 1; }
|
||||
|
||||
.calendar-week-number {
|
||||
color: rgba(152, 171, 178, 0.7);
|
||||
font-size: 80%; }
|
||||
color: rgba(152, 171, 178, 0.85);
|
||||
font-size: 0.8em;
|
||||
margin-top: 0.8em; }
|
||||
|
||||
#notification {
|
||||
border-radius: 3px;
|
||||
|
|
|
|||
Loading…
Reference in New Issue