by roundabout, Wednesday, 22 March 2017, 18:14:24 (1490206464), pushed by roundabout, Sunday, 11 May 2025, 13:22:07 (1746969727)
Author identity: nana-4 <hnmaigo@gmail.com>
8dc2b87594ae3b3ceb8811fbd1fdea64c4cec3c2
src/gnome-shell/3.24/gnome-shell-compact.css
@@ -647,6 +647,10 @@ StScrollBar {
.pad-osd-window {
padding: 32px;
background-color: rgba(0, 0, 0, 0.6); }
.pad-osd-window .pad-osd-title-box {
spacing: 12px; }
.pad-osd-window .pad-osd-title-menu-box {
spacing: 6px; }
.combo-box-label {
width: 15em; }
@@ -818,9 +822,20 @@ StScrollBar {
.datemenu-displays-section {
padding-bottom: 0; }
.datemenu-today-button,
.world-clocks-button,
.message-list-section-title {
.weather-button,
.events-section-title {
min-height: 20px;
padding: 4px 8px;
border-radius: 2px; }
@@ -837,13 +852,16 @@ StScrollBar {
.datemenu-today-button:hover, .datemenu-today-button:focus,
.world-clocks-button:hover,
.world-clocks-button:focus,
.message-list-section-title:hover,
.message-list-section-title:focus {
.weather-button:hover,
.weather-button:focus,
.events-section-title:hover,
.events-section-title:focus {
color: rgba(0, 0, 0, 0.8);
background-color: rgba(0, 0, 0, 0.12); }
.datemenu-today-button:active,
.world-clocks-button:active,
.message-list-section-title:active {
.weather-button:active,
.events-section-title:active {
color: rgba(0, 0, 0, 0.8);
background-color: rgba(0, 0, 0, 0.24); }
@@ -852,13 +870,17 @@ StScrollBar {
font-weight: 400; }
.world-clocks-header,
.message-list-section-title {
.weather-header,
.events-section-title {
color: rgba(0, 0, 0, 0.6);
font-weight: bold; }
.world-clocks-grid {
spacing-rows: 0.4em; }
.calendar-month-label {
height: 16px;
margin: 2px;
@@ -962,6 +984,12 @@ StScrollBar {
.message-list {
width: 420px; }
.message-list-sections {
spacing: 8px; }
@@ -969,26 +997,6 @@ StScrollBar {
.message-list-section-list {
spacing: 8px; }
.message-list-section-title-box {
spacing: 8px; }
.message-list-section-close > StIcon {
icon-size: 16px;
border-radius: 16px;
padding: 6px;
color: rgba(0, 0, 0, 0.6);
background-color: transparent; }
/* FIXME: how do you do this in sass? */
.message-list-section-close:hover > StIcon,
.message-list-section-close:focus > StIcon {
color: rgba(0, 0, 0, 0.8);
background-color: rgba(0, 0, 0, 0.12); }
.message-list-section-close:active > StIcon {
color: rgba(0, 0, 0, 0.8);
background-color: rgba(0, 0, 0, 0.24); }
.message {
min-height: 56px;
background-color: transparent;
@@ -1004,15 +1012,19 @@ StScrollBar {
padding: 8px 8px 8px 0px; }
.message-icon-bin > StIcon {
icon-size: 32px; }
.message-secondary-bin:ltr {
padding-left: 8px; }
.message-secondary-bin:rtl {
padding-right: 8px; }
color: rgba(0, 0, 0, 0.8);
icon-size: 32px;
-st-icon-style: requested; }
.message-secondary-bin {
color: rgba(0, 0, 0, 0.48); }
padding: 0 8px; }
.message-secondary-bin > .event-time {
color: rgba(0, 0, 0, 0.48);
font-size: 1em;
/* HACK: the label should be baseline-aligned with a 1em label,
fake this with some bottom padding */
padding-bottom: 0; }
.message-secondary-bin > StIcon {
icon-size: 16px; }
src/gnome-shell/3.24/gnome-shell-dark-compact.css
@@ -647,6 +647,10 @@ StScrollBar {
.pad-osd-window {
padding: 32px;
background-color: rgba(0, 0, 0, 0.6); }
.pad-osd-window .pad-osd-title-box {
spacing: 12px; }
.pad-osd-window .pad-osd-title-menu-box {
spacing: 6px; }
.combo-box-label {
width: 15em; }
@@ -818,9 +822,20 @@ StScrollBar {
.datemenu-displays-section {
padding-bottom: 0; }
.datemenu-today-button,
.world-clocks-button,
.message-list-section-title {
.weather-button,
.events-section-title {
min-height: 20px;
padding: 4px 8px;
border-radius: 2px; }
@@ -837,13 +852,16 @@ StScrollBar {
.datemenu-today-button:hover, .datemenu-today-button:focus,
.world-clocks-button:hover,
.world-clocks-button:focus,
.message-list-section-title:hover,
.message-list-section-title:focus {
.weather-button:hover,
.weather-button:focus,
.events-section-title:hover,
.events-section-title:focus {
color: #FFFFFF;
background-color: rgba(255, 255, 255, 0.15); }
.datemenu-today-button:active,
.world-clocks-button:active,
.message-list-section-title:active {
.weather-button:active,
.events-section-title:active {
color: #FFFFFF;
background-color: rgba(255, 255, 255, 0.3); }
@@ -852,13 +870,17 @@ StScrollBar {
font-weight: 400; }
.world-clocks-header,
.message-list-section-title {
.weather-header,
.events-section-title {
color: rgba(255, 255, 255, 0.75);
font-weight: bold; }
.world-clocks-grid {
spacing-rows: 0.4em; }
.calendar-month-label {
height: 16px;
margin: 2px;
@@ -962,6 +984,12 @@ StScrollBar {
.message-list {
width: 420px; }
.message-list-sections {
spacing: 8px; }
@@ -969,26 +997,6 @@ StScrollBar {
.message-list-section-list {
spacing: 8px; }
.message-list-section-title-box {
spacing: 8px; }
.message-list-section-close > StIcon {
icon-size: 16px;
border-radius: 16px;
padding: 6px;
color: rgba(255, 255, 255, 0.75);
background-color: transparent; }
/* FIXME: how do you do this in sass? */
.message-list-section-close:hover > StIcon,
.message-list-section-close:focus > StIcon {
color: #FFFFFF;
background-color: rgba(255, 255, 255, 0.15); }
.message-list-section-close:active > StIcon {
color: #FFFFFF;
background-color: rgba(255, 255, 255, 0.3); }
.message {
min-height: 56px;
background-color: transparent;
@@ -1004,15 +1012,19 @@ StScrollBar {
padding: 8px 8px 8px 0px; }
.message-icon-bin > StIcon {
icon-size: 32px; }
.message-secondary-bin:ltr {
padding-left: 8px; }
.message-secondary-bin:rtl {
padding-right: 8px; }
color: #FFFFFF;
icon-size: 32px;
-st-icon-style: requested; }
.message-secondary-bin {
color: rgba(255, 255, 255, 0.6); }
padding: 0 8px; }
.message-secondary-bin > .event-time {
color: rgba(255, 255, 255, 0.6);
font-size: 1em;
/* HACK: the label should be baseline-aligned with a 1em label,
fake this with some bottom padding */
padding-bottom: 0; }
.message-secondary-bin > StIcon {
icon-size: 16px; }
src/gnome-shell/3.24/gnome-shell-dark.css
@@ -647,6 +647,10 @@ StScrollBar {
.pad-osd-window {
padding: 32px;
background-color: rgba(0, 0, 0, 0.6); }
.pad-osd-window .pad-osd-title-box {
spacing: 12px; }
.pad-osd-window .pad-osd-title-menu-box {
spacing: 6px; }
.combo-box-label {
width: 15em; }
@@ -818,9 +822,20 @@ StScrollBar {
.datemenu-displays-section {
padding-bottom: 0; }
.datemenu-today-button,
.world-clocks-button,
.message-list-section-title {
.weather-button,
.events-section-title {
min-height: 24px;
padding: 4px 8px;
border-radius: 2px; }
@@ -837,13 +852,16 @@ StScrollBar {
.datemenu-today-button:hover, .datemenu-today-button:focus,
.world-clocks-button:hover,
.world-clocks-button:focus,
.message-list-section-title:hover,
.message-list-section-title:focus {
.weather-button:hover,
.weather-button:focus,
.events-section-title:hover,
.events-section-title:focus {
color: #FFFFFF;
background-color: rgba(255, 255, 255, 0.15); }
.datemenu-today-button:active,
.world-clocks-button:active,
.message-list-section-title:active {
.weather-button:active,
.events-section-title:active {
color: #FFFFFF;
background-color: rgba(255, 255, 255, 0.3); }
@@ -852,13 +870,17 @@ StScrollBar {
font-weight: 400; }
.world-clocks-header,
.message-list-section-title {
.weather-header,
.events-section-title {
color: rgba(255, 255, 255, 0.75);
font-weight: bold; }
.world-clocks-grid {
spacing-rows: 0.4em; }
.calendar-month-label {
height: 20px;
margin: 2px;
@@ -962,6 +984,12 @@ StScrollBar {
.message-list {
width: 420px; }
.message-list-sections {
spacing: 8px; }
@@ -969,26 +997,6 @@ StScrollBar {
.message-list-section-list {
spacing: 8px; }
.message-list-section-title-box {
spacing: 8px; }
.message-list-section-close > StIcon {
icon-size: 16px;
border-radius: 16px;
padding: 8px;
color: rgba(255, 255, 255, 0.75);
background-color: transparent; }
/* FIXME: how do you do this in sass? */
.message-list-section-close:hover > StIcon,
.message-list-section-close:focus > StIcon {
color: #FFFFFF;
background-color: rgba(255, 255, 255, 0.15); }
.message-list-section-close:active > StIcon {
color: #FFFFFF;
background-color: rgba(255, 255, 255, 0.3); }
.message {
min-height: 64px;
background-color: transparent;
@@ -1004,15 +1012,19 @@ StScrollBar {
padding: 8px 8px 8px 0px; }
.message-icon-bin > StIcon {
icon-size: 32px; }
.message-secondary-bin:ltr {
padding-left: 8px; }
.message-secondary-bin:rtl {
padding-right: 8px; }
color: #FFFFFF;
icon-size: 32px;
-st-icon-style: requested; }
.message-secondary-bin {
color: rgba(255, 255, 255, 0.6); }
padding: 0 8px; }
.message-secondary-bin > .event-time {
color: rgba(255, 255, 255, 0.6);
font-size: 1em;
/* HACK: the label should be baseline-aligned with a 1em label,
fake this with some bottom padding */
padding-bottom: 0; }
.message-secondary-bin > StIcon {
icon-size: 16px; }
src/gnome-shell/3.24/gnome-shell-light-compact.css
@@ -647,6 +647,10 @@ StScrollBar {
.pad-osd-window {
padding: 32px;
background-color: rgba(0, 0, 0, 0.6); }
.pad-osd-window .pad-osd-title-box {
spacing: 12px; }
.pad-osd-window .pad-osd-title-menu-box {
spacing: 6px; }
.combo-box-label {
width: 15em; }
@@ -818,9 +822,20 @@ StScrollBar {
.datemenu-displays-section {
padding-bottom: 0; }
.datemenu-today-button,
.world-clocks-button,
.message-list-section-title {
.weather-button,
.events-section-title {
min-height: 20px;
padding: 4px 8px;
border-radius: 2px; }
@@ -837,13 +852,16 @@ StScrollBar {
.datemenu-today-button:hover, .datemenu-today-button:focus,
.world-clocks-button:hover,
.world-clocks-button:focus,
.message-list-section-title:hover,
.message-list-section-title:focus {
.weather-button:hover,
.weather-button:focus,
.events-section-title:hover,
.events-section-title:focus {
color: rgba(0, 0, 0, 0.8);
background-color: rgba(0, 0, 0, 0.12); }
.datemenu-today-button:active,
.world-clocks-button:active,
.message-list-section-title:active {
.weather-button:active,
.events-section-title:active {
color: rgba(0, 0, 0, 0.8);
background-color: rgba(0, 0, 0, 0.24); }
@@ -852,13 +870,17 @@ StScrollBar {
font-weight: 400; }
.world-clocks-header,
.message-list-section-title {
.weather-header,
.events-section-title {
color: rgba(0, 0, 0, 0.6);
font-weight: bold; }
.world-clocks-grid {
spacing-rows: 0.4em; }
.calendar-month-label {
height: 16px;
margin: 2px;
@@ -962,6 +984,12 @@ StScrollBar {
.message-list {
width: 420px; }
.message-list-sections {
spacing: 8px; }
@@ -969,26 +997,6 @@ StScrollBar {
.message-list-section-list {
spacing: 8px; }
.message-list-section-title-box {
spacing: 8px; }
.message-list-section-close > StIcon {
icon-size: 16px;
border-radius: 16px;
padding: 6px;
color: rgba(0, 0, 0, 0.6);
background-color: transparent; }
/* FIXME: how do you do this in sass? */
.message-list-section-close:hover > StIcon,
.message-list-section-close:focus > StIcon {
color: rgba(0, 0, 0, 0.8);
background-color: rgba(0, 0, 0, 0.12); }
.message-list-section-close:active > StIcon {
color: rgba(0, 0, 0, 0.8);
background-color: rgba(0, 0, 0, 0.24); }
.message {
min-height: 56px;
background-color: transparent;
@@ -1004,15 +1012,19 @@ StScrollBar {
padding: 8px 8px 8px 0px; }
.message-icon-bin > StIcon {
icon-size: 32px; }
.message-secondary-bin:ltr {
padding-left: 8px; }
.message-secondary-bin:rtl {
padding-right: 8px; }
color: rgba(0, 0, 0, 0.8);
icon-size: 32px;
-st-icon-style: requested; }
.message-secondary-bin {
color: rgba(0, 0, 0, 0.48); }
padding: 0 8px; }
.message-secondary-bin > .event-time {
color: rgba(0, 0, 0, 0.48);
font-size: 1em;
/* HACK: the label should be baseline-aligned with a 1em label,
fake this with some bottom padding */
padding-bottom: 0; }
.message-secondary-bin > StIcon {
icon-size: 16px; }
src/gnome-shell/3.24/gnome-shell-light.css
@@ -647,6 +647,10 @@ StScrollBar {
.pad-osd-window {
padding: 32px;
background-color: rgba(0, 0, 0, 0.6); }
.pad-osd-window .pad-osd-title-box {
spacing: 12px; }
.pad-osd-window .pad-osd-title-menu-box {
spacing: 6px; }
.combo-box-label {
width: 15em; }
@@ -818,9 +822,20 @@ StScrollBar {
.datemenu-displays-section {
padding-bottom: 0; }
.datemenu-today-button,
.world-clocks-button,
.message-list-section-title {
.weather-button,
.events-section-title {
min-height: 24px;
padding: 4px 8px;
border-radius: 2px; }
@@ -837,13 +852,16 @@ StScrollBar {
.datemenu-today-button:hover, .datemenu-today-button:focus,
.world-clocks-button:hover,
.world-clocks-button:focus,
.message-list-section-title:hover,
.message-list-section-title:focus {
.weather-button:hover,
.weather-button:focus,
.events-section-title:hover,
.events-section-title:focus {
color: rgba(0, 0, 0, 0.8);
background-color: rgba(0, 0, 0, 0.12); }
.datemenu-today-button:active,
.world-clocks-button:active,
.message-list-section-title:active {
.weather-button:active,
.events-section-title:active {
color: rgba(0, 0, 0, 0.8);
background-color: rgba(0, 0, 0, 0.24); }
@@ -852,13 +870,17 @@ StScrollBar {
font-weight: 400; }
.world-clocks-header,
.message-list-section-title {
.weather-header,
.events-section-title {
color: rgba(0, 0, 0, 0.6);
font-weight: bold; }
.world-clocks-grid {
spacing-rows: 0.4em; }
.calendar-month-label {
height: 20px;
margin: 2px;
@@ -962,6 +984,12 @@ StScrollBar {
.message-list {
width: 420px; }
.message-list-sections {
spacing: 8px; }
@@ -969,26 +997,6 @@ StScrollBar {
.message-list-section-list {
spacing: 8px; }
.message-list-section-title-box {
spacing: 8px; }
.message-list-section-close > StIcon {
icon-size: 16px;
border-radius: 16px;
padding: 8px;
color: rgba(0, 0, 0, 0.6);
background-color: transparent; }
/* FIXME: how do you do this in sass? */
.message-list-section-close:hover > StIcon,
.message-list-section-close:focus > StIcon {
color: rgba(0, 0, 0, 0.8);
background-color: rgba(0, 0, 0, 0.12); }
.message-list-section-close:active > StIcon {
color: rgba(0, 0, 0, 0.8);
background-color: rgba(0, 0, 0, 0.24); }
.message {
min-height: 64px;
background-color: transparent;
@@ -1004,15 +1012,19 @@ StScrollBar {
padding: 8px 8px 8px 0px; }
.message-icon-bin > StIcon {
icon-size: 32px; }
.message-secondary-bin:ltr {
padding-left: 8px; }
.message-secondary-bin:rtl {
padding-right: 8px; }
color: rgba(0, 0, 0, 0.8);
icon-size: 32px;
-st-icon-style: requested; }
.message-secondary-bin {
color: rgba(0, 0, 0, 0.48); }
padding: 0 8px; }
.message-secondary-bin > .event-time {
color: rgba(0, 0, 0, 0.48);
font-size: 1em;
/* HACK: the label should be baseline-aligned with a 1em label,
fake this with some bottom padding */
padding-bottom: 0; }
.message-secondary-bin > StIcon {
icon-size: 16px; }
src/gnome-shell/3.24/gnome-shell.css
@@ -647,6 +647,10 @@ StScrollBar {
.pad-osd-window {
padding: 32px;
background-color: rgba(0, 0, 0, 0.6); }
.pad-osd-window .pad-osd-title-box {
spacing: 12px; }
.pad-osd-window .pad-osd-title-menu-box {
spacing: 6px; }
.combo-box-label {
width: 15em; }
@@ -818,9 +822,20 @@ StScrollBar {
.datemenu-displays-section {
padding-bottom: 0; }
.datemenu-today-button,
.world-clocks-button,
.message-list-section-title {
.weather-button,
.events-section-title {
min-height: 24px;
padding: 4px 8px;
border-radius: 2px; }
@@ -837,13 +852,16 @@ StScrollBar {
.datemenu-today-button:hover, .datemenu-today-button:focus,
.world-clocks-button:hover,
.world-clocks-button:focus,
.message-list-section-title:hover,
.message-list-section-title:focus {
.weather-button:hover,
.weather-button:focus,
.events-section-title:hover,
.events-section-title:focus {
color: rgba(0, 0, 0, 0.8);
background-color: rgba(0, 0, 0, 0.12); }
.datemenu-today-button:active,
.world-clocks-button:active,
.message-list-section-title:active {
.weather-button:active,
.events-section-title:active {
color: rgba(0, 0, 0, 0.8);
background-color: rgba(0, 0, 0, 0.24); }
@@ -852,13 +870,17 @@ StScrollBar {
font-weight: 400; }
.world-clocks-header,
.message-list-section-title {
.weather-header,
.events-section-title {
color: rgba(0, 0, 0, 0.6);
font-weight: bold; }
.world-clocks-grid {
spacing-rows: 0.4em; }
.calendar-month-label {
height: 20px;
margin: 2px;
@@ -962,6 +984,12 @@ StScrollBar {
.message-list {
width: 420px; }
.message-list-sections {
spacing: 8px; }
@@ -969,26 +997,6 @@ StScrollBar {
.message-list-section-list {
spacing: 8px; }
.message-list-section-title-box {
spacing: 8px; }
.message-list-section-close > StIcon {
icon-size: 16px;
border-radius: 16px;
padding: 8px;
color: rgba(0, 0, 0, 0.6);
background-color: transparent; }
/* FIXME: how do you do this in sass? */
.message-list-section-close:hover > StIcon,
.message-list-section-close:focus > StIcon {
color: rgba(0, 0, 0, 0.8);
background-color: rgba(0, 0, 0, 0.12); }
.message-list-section-close:active > StIcon {
color: rgba(0, 0, 0, 0.8);
background-color: rgba(0, 0, 0, 0.24); }
.message {
min-height: 64px;
background-color: transparent;
@@ -1004,15 +1012,19 @@ StScrollBar {
padding: 8px 8px 8px 0px; }
.message-icon-bin > StIcon {
icon-size: 32px; }
.message-secondary-bin:ltr {
padding-left: 8px; }
.message-secondary-bin:rtl {
padding-right: 8px; }
color: rgba(0, 0, 0, 0.8);
icon-size: 32px;
-st-icon-style: requested; }
.message-secondary-bin {
color: rgba(0, 0, 0, 0.48); }
padding: 0 8px; }
.message-secondary-bin > .event-time {
color: rgba(0, 0, 0, 0.48);
font-size: 1em;
/* HACK: the label should be baseline-aligned with a 1em label,
fake this with some bottom padding */
padding-bottom: 0; }
.message-secondary-bin > StIcon {
icon-size: 16px; }
src/gnome-shell/3.24/sass/_common.scss
@@ -705,6 +705,9 @@ StScrollBar {
.pad-osd-window {
padding: 32px;
background-color: $bg_color;
.pad-osd-title-box { spacing: 12px; }
.pad-osd-title-menu-box { spacing: 6px; }
}
.combo-box-label {
@@ -932,10 +935,18 @@ StScrollBar {
.datemenu-calendar-column { spacing: 8px; }
.datemenu-displays-section { padding-bottom: 0; }
.datemenu-displays-box { spacing: 8px; }
.datemenu-calendar-column {
border: 0 solid $border_color;
&:ltr { border-left-width: 0; }
&:rtl { border-right-width: 0; }
}
.datemenu-today-button,
.world-clocks-button,
.message-list-section-title {
.weather-button,
.events-section-title {
min-height: $menuitem_size - 4px * 2;
padding: 4px 8px;
border-radius: 2px;
@@ -955,7 +966,8 @@ StScrollBar {
.datemenu-today-button,
.world-clocks-button,
.message-list-section-title {
.weather-button,
.events-section-title {
&:hover,&:focus { color: $fg_color; background-color: $semi_fill_color; }
&:active {
color: $fg_color;
@@ -971,7 +983,8 @@ StScrollBar {
}
.world-clocks-header,
.message-list-section-title {
.weather-header,
.events-section-title {
color: $secondary_fg_color;
font-weight: bold;
}
@@ -980,6 +993,10 @@ StScrollBar {
spacing-rows: 0.4em;
}
.calendar-month-label {
height: $menuitem_size - 6px * 2;
margin: 2px;
@@ -1081,6 +1098,12 @@ StScrollBar {
width: 420px;
}
.message-list-sections {
spacing: 8px;
}
@@ -1090,30 +1113,6 @@ StScrollBar {
spacing: 8px;
}
.message-list-section-title-box {
spacing: 8px;
}
.message-list-section-close > StIcon {
icon-size: 16px;
border-radius: 16px;
padding: ($menuitem_size - 16px) / 2;
color: $secondary_fg_color;
background-color: transparent;
}
/* FIXME: how do you do this in sass? */
.message-list-section-close:hover > StIcon,
.message-list-section-close:focus > StIcon {
color: $fg_color;
background-color: $semi_fill_color;
}
.message-list-section-close:active > StIcon {
color: $fg_color;
background-color: $fill_color;
}
.message {
min-height: $menuitem_size * 2;
background-color: transparent;
@@ -1128,16 +1127,21 @@ StScrollBar {
}
.message-icon-bin > StIcon {
color: $fg_color;
icon-size: 32px;
-st-icon-style: requested;
}
.message-secondary-bin {
&:ltr { padding-left: 8px; }
&:rtl { padding-right: 8px; }
padding: 0 8px;
}
.message-secondary-bin {
.message-secondary-bin > .event-time {
color: $tertiary_fg_color;
font-size: 1em;
/* HACK: the label should be baseline-aligned with a 1em label,
fake this with some bottom padding */
padding-bottom: 0;
}
.message-secondary-bin > StIcon {