|
|
|
@@ -1414,29 +1414,137 @@ stage {
|
|
|
|
|
|
|
|
|
|
/*NOTIFICATIONS*/
|
|
|
|
|
.notification-banner {
|
|
|
|
|
min-height: 64px;
|
|
|
|
|
width: 34em;
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
width: 25em;
|
|
|
|
|
min-height: 65px;
|
|
|
|
|
color: rgba(138, 173, 244, 0.7);
|
|
|
|
|
background-color: rgba(36, 39, 58, 0.95);
|
|
|
|
|
text-shadow: none;
|
|
|
|
|
border: 2px solid #8aadf4;
|
|
|
|
|
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25);
|
|
|
|
|
margin: 20px 20px 10px;
|
|
|
|
|
border-radius: 12px;
|
|
|
|
|
margin: 10px;
|
|
|
|
|
background-color: #181926;
|
|
|
|
|
border: 1px solid rgba(255, 255, 255, 0.05);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.notification-banner:hover {
|
|
|
|
|
min-height: 64px;
|
|
|
|
|
width: 34em;
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
border-radius: 12px;
|
|
|
|
|
margin: 10px;
|
|
|
|
|
background-color: #181926;
|
|
|
|
|
border: 1px solid rgba(255, 255, 255, 0.05);
|
|
|
|
|
color: #8aadf4;
|
|
|
|
|
background-color: rgba(36, 39, 58, 0.95);
|
|
|
|
|
border: 2px solid #8aadf4;
|
|
|
|
|
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25);
|
|
|
|
|
margin: 20px 20px 10px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.notification-banner:focus {
|
|
|
|
|
color: #8aadf4;
|
|
|
|
|
background-color: rgba(36, 39, 58, 0.95);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.notification-banner .notification-actions {
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
padding-top: 0;
|
|
|
|
|
border-top: 1px solid rgba(138, 173, 244, 0.12);
|
|
|
|
|
spacing: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.notification-banner .notification-button {
|
|
|
|
|
min-height: 44px;
|
|
|
|
|
padding: 0 18px;
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
color: rgba(138, 173, 244, 0.7);
|
|
|
|
|
font-weight: 500;
|
|
|
|
|
border-width: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.notification-banner .notification-button:first-child {
|
|
|
|
|
border-radius: 0 0 0 12px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.notification-banner .notification-button:last-child {
|
|
|
|
|
border-radius: 0 0 12px 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.notification-banner .notification-button:only-child,
|
|
|
|
|
.notification-banner .notification-button:first-child:last-child {
|
|
|
|
|
border-radius: 0 0 12px 12px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.notification-banner .notification-button:focus {
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
color: #8aadf4;
|
|
|
|
|
box-shadow: inset 0 0 0 2px rgba(138, 173, 244, 0.12);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.notification-banner .notification-button:hover,
|
|
|
|
|
.notification-banner .notification-button:focus:hover {
|
|
|
|
|
background-color: rgba(138, 173, 244, 0.12);
|
|
|
|
|
color: #8aadf4;
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.notification-banner .notification-button:active {
|
|
|
|
|
background-color: rgba(138, 173, 244, 0.3);
|
|
|
|
|
color: #8aadf4;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.summary-source-counter {
|
|
|
|
|
font-size: fontsize(10);
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
height: 1.6em;
|
|
|
|
|
width: 1.6em;
|
|
|
|
|
-shell-counter-overlap-x: 3px;
|
|
|
|
|
-shell-counter-overlap-y: 3px;
|
|
|
|
|
background-color: #7dc4e4;
|
|
|
|
|
color: rgba(0, 0, 0, 0.87);
|
|
|
|
|
border: 2px solid rgba(138, 173, 244, 0.3);
|
|
|
|
|
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
|
|
|
|
|
border-radius: 0.9em;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.chat-body {
|
|
|
|
|
spacing: 5px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.chat-response {
|
|
|
|
|
margin: 5px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.chat-log-message {
|
|
|
|
|
color: rgba(138, 173, 244, 0.7);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.chat-new-group {
|
|
|
|
|
padding-top: 1em;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.chat-received {
|
|
|
|
|
padding-left: 4px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.chat-received:rtl {
|
|
|
|
|
padding-left: 0px;
|
|
|
|
|
padding-right: 4px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.chat-sent {
|
|
|
|
|
padding-left: 18pt;
|
|
|
|
|
color: rgba(138, 173, 244, 0.7);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.chat-sent:rtl {
|
|
|
|
|
padding-left: 0;
|
|
|
|
|
padding-right: 18pt;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.chat-meta-message {
|
|
|
|
|
padding-left: 4px;
|
|
|
|
|
font-size: 9pt;
|
|
|
|
|
color: rgba(138, 173, 244, 0.5);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.chat-meta-message:rtl {
|
|
|
|
|
padding-left: 0;
|
|
|
|
|
padding-right: 4px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/*MEDIA CONTORLS*/
|
|
|
|
|
|
|
|
|
@@ -2186,8 +2294,7 @@ StScrollBar StButton#hhandle:active {
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.modal-dialog .modal-dialog-linked-button,
|
|
|
|
|
.hotplug-notification-item,
|
|
|
|
|
.notification-banner .notification-button {
|
|
|
|
|
.hotplug-notification-item {
|
|
|
|
|
padding: 10px;
|
|
|
|
|
font-weight: bold !important;
|
|
|
|
|
transition: 200ms;
|
|
|
|
@@ -2198,44 +2305,38 @@ StScrollBar StButton#hhandle:active {
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.modal-dialog .modal-dialog-linked-button:hover,
|
|
|
|
|
.hotplug-notification-item:hover,
|
|
|
|
|
.notification-banner .notification-button:hover {
|
|
|
|
|
.hotplug-notification-item:hover {
|
|
|
|
|
transition: 200ms;
|
|
|
|
|
color: #181926;
|
|
|
|
|
background-color: #8aadf4;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.modal-dialog .modal-dialog-linked-button:active,
|
|
|
|
|
.hotplug-notification-item:active,
|
|
|
|
|
.notification-banner .notification-button:active {
|
|
|
|
|
.hotplug-notification-item:active {
|
|
|
|
|
transition: 200ms;
|
|
|
|
|
color: #cad3f5;
|
|
|
|
|
background-color: rgba(255, 255, 255, 0.05);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.modal-dialog .modal-dialog-linked-button:checked,
|
|
|
|
|
.hotplug-notification-item:checked,
|
|
|
|
|
.notification-banner .notification-button:checked {
|
|
|
|
|
.hotplug-notification-item:checked {
|
|
|
|
|
transition: 200ms;
|
|
|
|
|
color: #cad3f5;
|
|
|
|
|
background-color: rgba(255, 255, 255, 0.1);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.modal-dialog .modal-dialog-linked-button:checked:hover,
|
|
|
|
|
.hotplug-notification-item:checked:hover,
|
|
|
|
|
.notification-banner .notification-button:checked:hover {
|
|
|
|
|
.hotplug-notification-item:checked:hover {
|
|
|
|
|
background-color: rgba(255, 255, 255, 0.15);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.modal-dialog .modal-dialog-linked-button:checked:active,
|
|
|
|
|
.hotplug-notification-item:checked:active,
|
|
|
|
|
.notification-banner .notification-button:checked:active {
|
|
|
|
|
.hotplug-notification-item:checked:active {
|
|
|
|
|
background-color: rgba(255, 255, 255, 0.1);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.modal-dialog .modal-dialog-linked-button:focus,
|
|
|
|
|
.hotplug-notification-item:focus,
|
|
|
|
|
.notification-banner .notification-button:focus {
|
|
|
|
|
.hotplug-notification-item:focus {
|
|
|
|
|
transition: 200ms;
|
|
|
|
|
color: #cad3f5;
|
|
|
|
|
background-color: rgba(255, 255, 255, 0.1);
|
|
|
|
@@ -2243,22 +2344,19 @@ StScrollBar StButton#hhandle:active {
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.modal-dialog .modal-dialog-linked-button:focus:hover,
|
|
|
|
|
.hotplug-notification-item:focus:hover,
|
|
|
|
|
.notification-banner .notification-button:focus:hover {
|
|
|
|
|
.hotplug-notification-item:focus:hover {
|
|
|
|
|
background-color: rgba(255, 255, 255, 0.1);
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.modal-dialog .modal-dialog-linked-button:focus:active,
|
|
|
|
|
.hotplug-notification-item:focus:active,
|
|
|
|
|
.notification-banner .notification-button:focus:active {
|
|
|
|
|
.hotplug-notification-item:focus:active {
|
|
|
|
|
background-color: rgba(255, 255, 255, 0.05);
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.modal-dialog .modal-dialog-linked-button:insensitive,
|
|
|
|
|
.hotplug-notification-item:insensitive,
|
|
|
|
|
.notification-banner .notification-button:insensitive {
|
|
|
|
|
.hotplug-notification-item:insensitive {
|
|
|
|
|
transition: 200ms;
|
|
|
|
|
color: #8aadf4;
|
|
|
|
|
background-color: rgba(255, 255, 255, 0.05);
|
|
|
|
@@ -4676,7 +4774,7 @@ StWidget.focused .app-well-app-running-dot {
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.unlock-dialog-notifications-container {
|
|
|
|
|
margin: 12px;
|
|
|
|
|
margin: 12px 0;
|
|
|
|
|
spacing: 6px;
|
|
|
|
|
width: 23em;
|
|
|
|
|
background-color: transparent;
|
|
|
|
@@ -4689,7 +4787,7 @@ StWidget.focused .app-well-app-running-dot {
|
|
|
|
|
|
|
|
|
|
.unlock-dialog-notifications-container .notification,
|
|
|
|
|
.unlock-dialog-notifications-container .unlock-dialog-notification-source {
|
|
|
|
|
padding: 12px 16px;
|
|
|
|
|
padding: 12px 6px;
|
|
|
|
|
border: none;
|
|
|
|
|
background-color: rgba(255, 255, 255, 0.1);
|
|
|
|
|
color: #cad3f5;
|
|
|
|
@@ -4702,18 +4800,16 @@ StWidget.focused .app-well-app-running-dot {
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.unlock-dialog-notification-label {
|
|
|
|
|
padding-left: 12px;
|
|
|
|
|
padding-right: 0;
|
|
|
|
|
padding: 0 0 0 12px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.unlock-dialog-notification-label:rtl {
|
|
|
|
|
padding-right: 12px;
|
|
|
|
|
padding-left: 0;
|
|
|
|
|
padding: 0 0 0 12px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.unlock-dialog-notification-count-text {
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
padding: 0 12px;
|
|
|
|
|
padding: 0 6px;
|
|
|
|
|
color: #cad3f5;
|
|
|
|
|
background-color: rgba(255, 255, 255, 0.1);
|
|
|
|
|
border-radius: 99px;
|
|
|
|
|