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

Updated3.36

parent 96ffe95f
......@@ -19,9 +19,7 @@
*/
/* GLOBALS */
stage {
font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif;
font-size: 10.5pt;
font-weight: 400;
color: #1c242c;
}
......@@ -214,11 +212,11 @@ StScrollBar StButton#vhandle, StScrollBar StButton#hhandle {
}
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 {
background-color: #1c242c;
background-color: #1E575E;
}
#overview StScrollBar StBin#trough, #screenShieldNotifications StScrollBar StBin#trough {
......@@ -303,24 +301,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
/* Switches */
.toggle-switch {
color: inherit;
width: 40px;
height: 20px;
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");
}
.toggle-switch-intl:checked {
.toggle-switch:checked {
background-image: url("assets/toggle-on.svg");
}
......@@ -815,8 +803,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
-arrow-background-color: #bbdcdc;
-arrow-border-width: 0;
-arrow-border-color: transparent;
-arrow-base: 9;
-arrow-rise: 1;
-arrow-base: 0;
-arrow-rise: 0;
-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;
background-color: transparent;
......@@ -825,12 +813,26 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
}
.popup-separator-menu-item {
padding: 0;
}
.popup-separator-menu-item .popup-separator-menu-item-separator {
height: 1px;
margin: 0px 0px;
background-color: transparent;
border-color: #84aaad;
border-bottom-width: 1px;
border-bottom-style: solid;
margin: 0px 0;
background-color: #84aaad;
}
.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 {
......@@ -961,12 +963,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
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;
background-color: #79a3a6;
color: white;
background-size: 32px;
border-radius: 6px;
border-color: transparent;
}
.ws-switcher-box {
......@@ -1083,6 +1089,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
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 {
icon-size: 1.14286em;
padding: 0 4px;
......@@ -1153,23 +1170,22 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
icon-shadow: none;
}
#calendarArea {
padding: 8px 16px;
}
.calendar {
margin-bottom: 0;
background-color: #cde3ec;
border-color: transparent;
border-radius: 0;
}
.calendar,
.datemenu-today-button,
.datemenu-displays-box,
.message-list-sections {
margin: 0 8px;
margin: 0 0px;
}
.datemenu-calendar-column {
spacing: 8px;
spacing: 0px;
}
.datemenu-displays-section {
......@@ -1177,7 +1193,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
}
.datemenu-displays-box {
spacing: 8px;
spacing: 0px;
}
.datemenu-calendar-column {
......@@ -1373,10 +1389,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
.calendar-today {
font-weight: bold !important;
border: none;
background-color: #1E575E;
}
.calendar-day-with-events {
color: #2b7879;
color: #a679a3;
font-weight: normal;
text-decoration: underline;
background-image: none;
......@@ -1820,7 +1837,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
selected-color: white;
transition-duration: 100ms;
background-color: rgba(255, 255, 255, 0.04);
border-color: transparent;
border-color: #79a3a6;
border-width: 1px;
box-shadow: none;
}
......@@ -1829,13 +1847,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
}
.search-entry:focus {
border-color: transparent;
border-color: #9CBCB4;
box-shadow: none;
padding: 0 8px;
border-width: 0;
border-width: 1px;
color: white;
}
.search-entry StLabel.hint-text {
color: rgba(255, 255, 255, 0.7);
}
.search-entry .search-entry-icon {
icon-size: 16px;
padding: 0 0;
......@@ -2114,33 +2136,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
width: 12px;
height: 12px;
border-radius: 12px;
background-image: none;
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;
background-color: #D2ECEE;
}
.page-indicator:checked:active {
background-image: none;
}
.app-well-app > .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 {
}
.notification-banner .notification-button {
transition-duration: 100ms;
min-height: 32px;
border-top: 1px solid #84aaad !important;
min-width: 48px;
padding: 0 8px;
border: 0;
border-radius: 0px;
border-color: transparent;
border-top: 1px solid #84aaad !important;
font-size: 10.5pt;
font-weight: 500;
background-color: transparent;
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 {
border-radius: 0px 0px, 0px, 6px;
border-radius: 0px 0px 0px 6px;
}
.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 {
......
......@@ -19,9 +19,7 @@
*/
/* GLOBALS */
stage {
font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif;
font-size: 10.5pt;
font-weight: 400;
color: #1c242c;
}
......@@ -214,11 +212,11 @@ StScrollBar StButton#vhandle, StScrollBar StButton#hhandle {
}
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 {
background-color: #1c242c;
background-color: #4B767A;
}
#overview StScrollBar StBin#trough, #screenShieldNotifications StScrollBar StBin#trough {
......@@ -303,24 +301,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
/* Switches */
.toggle-switch {
color: inherit;
width: 40px;
height: 20px;
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");
}
.toggle-switch-intl:checked {
.toggle-switch:checked {
background-image: url("assets/toggle-on.svg");
}
......@@ -815,8 +803,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
-arrow-background-color: #d2ecee;
-arrow-border-width: 0;
-arrow-border-color: transparent;
-arrow-base: 9;
-arrow-rise: 1;
-arrow-base: 0;
-arrow-rise: 0;
-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;
background-color: transparent;
......@@ -825,12 +813,26 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
}
.popup-separator-menu-item {
padding: 0;
}
.popup-separator-menu-item .popup-separator-menu-item-separator {
height: 1px;
margin: 0px 0px;
background-color: transparent;
border-color: #86baba;
border-bottom-width: 1px;
border-bottom-style: solid;
margin: 0px 0;
background-color: #86baba;
}
.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 {
......@@ -961,12 +963,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
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;
background-color: #7cb4b4;
color: white;
background-size: 32px;
border-radius: 6px;
border-color: transparent;
}
.ws-switcher-box {
......@@ -1083,6 +1089,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
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 {
icon-size: 1.14286em;
padding: 0 4px;
......@@ -1153,23 +1170,23 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
icon-shadow: none;
}
#calendarArea {
padding: 8px 16px;
}
.calendar {
margin-bottom: 0;
background-color: #ecfbfb;
border-color: transparent;
border-radius: 0;
}
.calendar,
.datemenu-today-button,
.datemenu-displays-box,
.message-list-sections {
margin: 0 8px;
margin: 0 0px;
}
.datemenu-calendar-column {
spacing: 8px;
spacing: 0px;
}
.datemenu-displays-section {
......@@ -1177,7 +1194,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
}
.datemenu-displays-box {
spacing: 8px;
spacing: 0px;
}
.datemenu-calendar-column {
......@@ -1373,10 +1390,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
.calendar-today {
font-weight: bold !important;
border: none;
background-color: #4B767A;
}
.calendar-day-with-events {
color: #2b7879;
color: #B47CB4;
font-weight: normal;
text-decoration: underline;
background-image: none;
......@@ -1820,7 +1838,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
selected-color: white;
transition-duration: 100ms;
background-color: rgba(255, 255, 255, 0.04);
border-color: transparent;
border-color: #7cb4b4;
border-width: 1px;
box-shadow: none;
}
......@@ -1829,13 +1848,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
}
.search-entry:focus {
border-color: transparent;
border-color: #f4fcfc;
box-shadow: none;
padding: 0 8px;
border-width: 0;
border-width: 1px;
color: white;
}
.search-entry StLabel.hint-text {
color: rgba(255, 255, 255, 0.7);
}
.search-entry .search-entry-icon {
icon-size: 16px;
padding: 0 0;
......@@ -2114,32 +2137,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
width: 12px;
height: 12px;
border-radius: 12px;
background-image: none;
background-color: #d2ecee;
border-color: #d2ecee;
transition-duration: 100ms;
}
.page-indicator:hover .page-indicator-icon {
background-image: none;
background-color: #7cb4b4;
border-color: #7cb4b4;
}
.page-indicator:active .page-indicator-icon {
background-image: none;
background-color: #7cb4b4;
}
.page-indicator:checked .page-indicator-icon {
background-image: none;
background-color: #4b767a;
border-color: #4b767a;
transition-duration: 0ms;
}
.page-indicator:checked:active {
background-image: none;
background-color: #BBDCDC;
}
.app-well-app > .overview-icon.overview-icon-with-label,
......@@ -2235,21 +2233,32 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
}
.notification-banner .notification-button {
transition-duration: 100ms;
min-height: 32px;
border-top: 1px solid #86baba !important;
min-width: 48px;
padding: 0 8px;
border: 0;
border-radius: 0px;
border-color: transparent;
border-top: 1px solid #86baba !important;
font-size: 10.5pt;
font-weight: 500;
background-color: transparent;
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 {
border-radius: 0px 0px, 0px, 6px;
border-radius: 0px 0px 0px 6px;
}
.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 {
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment