Commit 83594d67 authored by ju1464's avatar ju1464
Browse files

Updated3.36

parent 96ffe95f
...@@ -19,9 +19,7 @@ ...@@ -19,9 +19,7 @@
*/ */
/* GLOBALS */ /* GLOBALS */
stage { stage {
font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif;
font-size: 10.5pt; font-size: 10.5pt;
font-weight: 400;
color: #1c242c; color: #1c242c;
} }
...@@ -214,11 +212,11 @@ StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { ...@@ -214,11 +212,11 @@ StScrollBar StButton#vhandle, StScrollBar StButton#hhandle {
} }
StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover {
background-color: rgba(28, 36, 44, 0.7); background-color: rgba(30, 87, 94, 0.7);
} }
StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
background-color: #1c242c; background-color: #1E575E;
} }
#overview StScrollBar StBin#trough, #screenShieldNotifications StScrollBar StBin#trough { #overview StScrollBar StBin#trough, #screenShieldNotifications StScrollBar StBin#trough {
...@@ -303,24 +301,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { ...@@ -303,24 +301,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
/* Switches */ /* Switches */
.toggle-switch { .toggle-switch {
color: inherit;
width: 40px; width: 40px;
height: 20px; height: 20px;
background-size: contain; background-size: contain;
}
.toggle-switch-us {
background-image: url("assets/toggle-off.svg");
}
.toggle-switch-us:checked {
background-image: url("assets/toggle-on.svg");
}
.toggle-switch-intl {
background-image: url("assets/toggle-off.svg"); background-image: url("assets/toggle-off.svg");
} }
.toggle-switch-intl:checked { .toggle-switch:checked {
background-image: url("assets/toggle-on.svg"); background-image: url("assets/toggle-on.svg");
} }
...@@ -815,8 +803,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { ...@@ -815,8 +803,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
-arrow-background-color: #bbdcdc; -arrow-background-color: #bbdcdc;
-arrow-border-width: 0; -arrow-border-width: 0;
-arrow-border-color: transparent; -arrow-border-color: transparent;
-arrow-base: 9; -arrow-base: 0;
-arrow-rise: 1; -arrow-rise: 0;
-arrow-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); -arrow-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345);
margin: 5px 8px 8px; margin: 5px 8px 8px;
background-color: transparent; background-color: transparent;
...@@ -825,12 +813,26 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { ...@@ -825,12 +813,26 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
} }
.popup-separator-menu-item { .popup-separator-menu-item {
padding: 0;
}
.popup-separator-menu-item .popup-separator-menu-item-separator {
height: 1px; height: 1px;
margin: 0px 0px; margin: 0px 0;
background-color: transparent; background-color: #84aaad;
border-color: #84aaad; }
border-bottom-width: 1px;
border-bottom-style: solid; .popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator {
margin: 0px 0;
background-color: #84aaad;
}
.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator:ltr {
margin-right: 32px;
}
.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator:rtl {
margin-left: 32px;
} }
.background-menu { .background-menu {
...@@ -961,12 +963,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { ...@@ -961,12 +963,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
spacing: 8px; spacing: 8px;
} }
.ws-switcher-active-up, .ws-switcher-active-down { .ws-switcher-active-up,
.ws-switcher-active-down,
.ws-switcher-active-left,
.ws-switcher-active-right {
height: 48px; height: 48px;
background-color: #79a3a6; background-color: #79a3a6;
color: white; color: white;
background-size: 32px; background-size: 32px;
border-radius: 6px; border-radius: 6px;
border-color: transparent;
} }
.ws-switcher-box { .ws-switcher-box {
...@@ -1083,6 +1089,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { ...@@ -1083,6 +1089,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
icon-shadow: none; icon-shadow: none;
} }
#panel .panel-button.clock-display:active, #panel .panel-button.clock-display:overview, #panel .panel-button.clock-display:focus, #panel .panel-button.clock-display:checked {
box-shadow: none;
background-color: transparent;
}
#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock {
background-color: #79a3a6;
box-shadow: none;
color: #00373e;
}
#panel .panel-button .system-status-icon { #panel .panel-button .system-status-icon {
icon-size: 1.14286em; icon-size: 1.14286em;
padding: 0 4px; padding: 0 4px;
...@@ -1153,23 +1170,22 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { ...@@ -1153,23 +1170,22 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
icon-shadow: none; icon-shadow: none;
} }
#calendarArea {
padding: 8px 16px;
}
.calendar { .calendar {
margin-bottom: 0; margin-bottom: 0;
background-color: #cde3ec;
border-color: transparent;
border-radius: 0;
} }
.calendar, .calendar,
.datemenu-today-button, .datemenu-today-button,
.datemenu-displays-box, .datemenu-displays-box,
.message-list-sections { .message-list-sections {
margin: 0 8px; margin: 0 0px;
} }
.datemenu-calendar-column { .datemenu-calendar-column {
spacing: 8px; spacing: 0px;
} }
.datemenu-displays-section { .datemenu-displays-section {
...@@ -1177,7 +1193,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { ...@@ -1177,7 +1193,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
} }
.datemenu-displays-box { .datemenu-displays-box {
spacing: 8px; spacing: 0px;
} }
.datemenu-calendar-column { .datemenu-calendar-column {
...@@ -1373,10 +1389,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { ...@@ -1373,10 +1389,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
.calendar-today { .calendar-today {
font-weight: bold !important; font-weight: bold !important;
border: none; border: none;
background-color: #1E575E;
} }
.calendar-day-with-events { .calendar-day-with-events {
color: #2b7879; color: #a679a3;
font-weight: normal; font-weight: normal;
text-decoration: underline; text-decoration: underline;
background-image: none; background-image: none;
...@@ -1820,7 +1837,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { ...@@ -1820,7 +1837,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
selected-color: white; selected-color: white;
transition-duration: 100ms; transition-duration: 100ms;
background-color: rgba(255, 255, 255, 0.04); background-color: rgba(255, 255, 255, 0.04);
border-color: transparent; border-color: #79a3a6;
border-width: 1px;
box-shadow: none; box-shadow: none;
} }
...@@ -1829,13 +1847,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { ...@@ -1829,13 +1847,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
} }
.search-entry:focus { .search-entry:focus {
border-color: transparent; border-color: #9CBCB4;
box-shadow: none; box-shadow: none;
padding: 0 8px; padding: 0 8px;
border-width: 0; border-width: 1px;
color: white; color: white;
} }
.search-entry StLabel.hint-text {
color: rgba(255, 255, 255, 0.7);
}
.search-entry .search-entry-icon { .search-entry .search-entry-icon {
icon-size: 16px; icon-size: 16px;
padding: 0 0; padding: 0 0;
...@@ -2114,33 +2136,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { ...@@ -2114,33 +2136,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
width: 12px; width: 12px;
height: 12px; height: 12px;
border-radius: 12px; border-radius: 12px;
background-image: none; background-color: #D2ECEE;
background-color: #bbdcdc;
border-color: #bbdcdc;
transition-duration: 100ms;
}
.page-indicator:hover .page-indicator-icon {
background-image: none;
background-color: #79a3a6;
border-color: #79a3a6;
}
.page-indicator:active .page-indicator-icon {
background-image: none;
background-color: #79a3a6;
}
.page-indicator:checked .page-indicator-icon {
background-image: none;
background-color: #1e575e;
border-color: #1e575e;
transition-duration: 0ms;
} }
.page-indicator:checked:active {
background-image: none;
}
.app-well-app > .overview-icon.overview-icon-with-label, .app-well-app > .overview-icon.overview-icon-with-label,
.grid-search-result .overview-icon.overview-icon-with-label { .grid-search-result .overview-icon.overview-icon-with-label {
...@@ -2235,21 +2233,32 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { ...@@ -2235,21 +2233,32 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
} }
.notification-banner .notification-button { .notification-banner .notification-button {
transition-duration: 100ms;
min-height: 32px; min-height: 32px;
border-top: 1px solid #84aaad !important; min-width: 48px;
padding: 0 8px;
border: 0;
border-radius: 0px; border-radius: 0px;
border-color: transparent;
border-top: 1px solid #84aaad !important;
font-size: 10.5pt;
font-weight: 500;
background-color: transparent; background-color: transparent;
color: rgba(28, 36, 44, 0.7); color: rgba(28, 36, 44, 0.7);
font-weight: 500; box-shadow: 0 0 transparent;
text-shadow: none;
icon-shadow: none;
} }
.notification-banner .notification-button:first-child { .notification-banner .notification-button:first-child {
border-radius: 0px 0px, 0px, 6px; border-radius: 0px 0px 0px 6px;
} }
.notification-banner .notification-button:last-child { .notification-banner .notification-button:last-child {
border-radius: 0px, 0px, 6px, 0px; border-radius: 0px 0px 6px 0px;
}
.notification-banner .notification-button:first-child:last-child {
border-radius: 0px 0px 6px 6px;
} }
.notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus { .notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus {
......
...@@ -19,9 +19,7 @@ ...@@ -19,9 +19,7 @@
*/ */
/* GLOBALS */ /* GLOBALS */
stage { stage {
font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif;
font-size: 10.5pt; font-size: 10.5pt;
font-weight: 400;
color: #1c242c; color: #1c242c;
} }
...@@ -214,11 +212,11 @@ StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { ...@@ -214,11 +212,11 @@ StScrollBar StButton#vhandle, StScrollBar StButton#hhandle {
} }
StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover {
background-color: rgba(28, 36, 44, 0.7); background-color: rgba(75, 118, 122, 0.7);
} }
StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
background-color: #1c242c; background-color: #4B767A;
} }
#overview StScrollBar StBin#trough, #screenShieldNotifications StScrollBar StBin#trough { #overview StScrollBar StBin#trough, #screenShieldNotifications StScrollBar StBin#trough {
...@@ -303,24 +301,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { ...@@ -303,24 +301,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
/* Switches */ /* Switches */
.toggle-switch { .toggle-switch {
color: inherit;
width: 40px; width: 40px;
height: 20px; height: 20px;
background-size: contain; background-size: contain;
}
.toggle-switch-us {
background-image: url("assets/toggle-off.svg");
}
.toggle-switch-us:checked {
background-image: url("assets/toggle-on.svg");
}
.toggle-switch-intl {
background-image: url("assets/toggle-off.svg"); background-image: url("assets/toggle-off.svg");
} }
.toggle-switch-intl:checked { .toggle-switch:checked {
background-image: url("assets/toggle-on.svg"); background-image: url("assets/toggle-on.svg");
} }
...@@ -815,8 +803,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { ...@@ -815,8 +803,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
-arrow-background-color: #d2ecee; -arrow-background-color: #d2ecee;
-arrow-border-width: 0; -arrow-border-width: 0;
-arrow-border-color: transparent; -arrow-border-color: transparent;
-arrow-base: 9; -arrow-base: 0;
-arrow-rise: 1; -arrow-rise: 0;
-arrow-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); -arrow-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345);
margin: 5px 8px 8px; margin: 5px 8px 8px;
background-color: transparent; background-color: transparent;
...@@ -825,12 +813,26 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { ...@@ -825,12 +813,26 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
} }
.popup-separator-menu-item { .popup-separator-menu-item {
padding: 0;
}
.popup-separator-menu-item .popup-separator-menu-item-separator {
height: 1px; height: 1px;
margin: 0px 0px; margin: 0px 0;
background-color: transparent; background-color: #86baba;
border-color: #86baba; }
border-bottom-width: 1px;
border-bottom-style: solid; .popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator {
margin: 0px 0;
background-color: #86baba;
}
.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator:ltr {
margin-right: 32px;
}
.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator:rtl {
margin-left: 32px;
} }
.background-menu { .background-menu {
...@@ -961,12 +963,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { ...@@ -961,12 +963,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
spacing: 8px; spacing: 8px;
} }
.ws-switcher-active-up, .ws-switcher-active-down { .ws-switcher-active-up,
.ws-switcher-active-down,
.ws-switcher-active-left,
.ws-switcher-active-right {
height: 48px; height: 48px;
background-color: #7cb4b4; background-color: #7cb4b4;
color: white; color: white;
background-size: 32px; background-size: 32px;
border-radius: 6px; border-radius: 6px;
border-color: transparent;
} }
.ws-switcher-box { .ws-switcher-box {
...@@ -1083,6 +1089,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { ...@@ -1083,6 +1089,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
icon-shadow: none; icon-shadow: none;
} }
#panel .panel-button.clock-display:active, #panel .panel-button.clock-display:overview, #panel .panel-button.clock-display:focus, #panel .panel-button.clock-display:checked {
box-shadow: none;
background-color: transparent;
}
#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock {
background-color: #7cb4b4;
box-shadow: none;
color: #2b565a;
}
#panel .panel-button .system-status-icon { #panel .panel-button .system-status-icon {
icon-size: 1.14286em; icon-size: 1.14286em;
padding: 0 4px; padding: 0 4px;
...@@ -1153,23 +1170,23 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { ...@@ -1153,23 +1170,23 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
icon-shadow: none; icon-shadow: none;
} }
#calendarArea {
padding: 8px 16px;
}
.calendar { .calendar {
margin-bottom: 0; margin-bottom: 0;
background-color: #ecfbfb;
border-color: transparent;
border-radius: 0;
} }
.calendar, .calendar,
.datemenu-today-button, .datemenu-today-button,
.datemenu-displays-box, .datemenu-displays-box,
.message-list-sections { .message-list-sections {
margin: 0 8px; margin: 0 0px;
} }
.datemenu-calendar-column { .datemenu-calendar-column {
spacing: 8px; spacing: 0px;
} }
.datemenu-displays-section { .datemenu-displays-section {
...@@ -1177,7 +1194,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { ...@@ -1177,7 +1194,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
} }
.datemenu-displays-box { .datemenu-displays-box {
spacing: 8px; spacing: 0px;
} }
.datemenu-calendar-column { .datemenu-calendar-column {
...@@ -1373,10 +1390,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { ...@@ -1373,10 +1390,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
.calendar-today { .calendar-today {
font-weight: bold !important; font-weight: bold !important;
border: none; border: none;
background-color: #4B767A;
} }
.calendar-day-with-events { .calendar-day-with-events {
color: #2b7879; color: #B47CB4;
font-weight: normal;