Hi, In KDE
when I force to hide/remove titlebar in the kwin manager rules for an app, it results in a no border one window that can't be resize it.
Do you happend to know how can I keep a border window and remove titlebar at the same time.
thanks
Scheduled Maintenance: We are aware of an issue with Google, AOL, and Yahoo services as email providers which are blocking new registrations. We are trying to fix the issue and we have several internal and external support tickets in process to resolve the issue. Please see: viewtopic.php?t=158230
Removing TitleBar and keep border (KDE)
- Head_on_a_Stick
- Posts: 14114
- Joined: 2014-06-01 17:46
- Location: London, England
- Has thanked: 81 times
- Been thanked: 132 times
Re: Removing TitleBar and keep border (KDE)
No (sorry) but I do know that windows can be resized by holding down the <Alt> key & the right mouse button (whilst the pointer is anywhere over the window) and then moving the mouse — does that help?bester69 wrote:when I force to hide/remove titlebar in the kwin manager rules for an app, it results in a no border one window that can't be resize it.
Do you happend to know how can I keep a border window and remove titlebar at the same time
deadbang
Re: Removing TitleBar and keep border (KDE)
I gave it a try and dont like it very much..would have to change keys in settings to feel confortable.. What I do always use Its moving windows with <Alt>+Win..I will try to change keys for resizing windows, I would need them on the right side of keyboard, perhaps Fn+<Alt>.. gonna see If this possible to change in settings.Head_on_a_Stick wrote:No (sorry) but I do know that windows can be resized by holding down the <Alt> key & the right mouse button (whilst the pointer is anywhere over the window) and then moving the mouse — does that help?bester69 wrote:when I force to hide/remove titlebar in the kwin manager rules for an app, it results in a no border one window that can't be resize it.
Do you happend to know how can I keep a border window and remove titlebar at the same time
thanks.
bester69 wrote:STOP 2030 globalists demons, keep the fight for humanity freedom against NWO...
- NFT5
- df -h | grep > 20TiB
- Posts: 597
- Joined: 2014-10-10 11:38
- Location: Canberra, Australia
- Has thanked: 10 times
- Been thanked: 43 times
Re: Removing TitleBar and keep border (KDE)
The title bar properties are defined in the theme files which are generally in /usr/share/themes. For each theme there will be a file that details all the properties of the window and although I haven't tried it, should be able to be changed to what you want.
Probably a good idea to back up first, before you start making changes, or make a copy, rename it and play with that.
For example, this CSS file defines the Arc-Dark properties
Probably a good idea to back up first, before you start making changes, or make a copy, rename it and play with that.
For example, this CSS file defines the Arc-Dark properties
Code: Select all
/* Copyright 2009, 2015 Red Hat, Inc.
*
* Portions adapted from Mx's data/style/default.css
* Copyright 2009 Intel Corporation
*
* This program is free software; you can redistribute it and/or modify it
* under the terms and conditions of the GNU Lesser General Public License,
* version 2.1, as published by the Free Software Foundation.
*
* This program is distributed in the hope it will be useful, but WITHOUT ANY
* WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
* FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for
* more details.
*
* You should have received a copy of the GNU Lesser General Public License
* along with this program; if not, write to the Free Software Foundation,
* Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA.
*/
stage {
font-family: Futura Bk bt, Cantarell, Sans-Serif;
font-size: 9pt;
color: #D3DAE3; }
.button {
min-height: 20px;
padding: 5px 32px;
transition-duration: 0;
border-radius: 2px; }
.button, .notification-banner .notification-button,
.notification-banner:hover .notification-button,
.notification-banner:focus .notification-button, .hotplug-notification-item {
text-shadow: 0 1px rgba(64, 69, 82, 0);
color: #D3DAE3;
background-color: #444a58;
border: 1px solid #2b2e39;
box-shadow: inset 0 1px rgba(68, 74, 88, 0.05); }
.button:focus, .notification-banner .notification-button:focus, .hotplug-notification-item:focus {
text-shadow: 0 1px rgba(64, 69, 82, 0);
color: #D3DAE3;
background-color: #444a58;
border: 1px solid #5294e2;
box-shadow: inset 0 1px rgba(68, 74, 88, 0.05); }
.button:hover, .notification-banner .notification-button:hover, .hotplug-notification-item:hover {
text-shadow: 0 1px rgba(64, 69, 82, 0);
color: #D3DAE3;
background-color: #505666;
border: 1px solid #2b2e39;
box-shadow: inset 0 1px rgba(80, 86, 102, 0.05); }
.button:hover:focus, .notification-banner .notification-button:hover:focus, .hotplug-notification-item:hover:focus {
text-shadow: 0 1px rgba(64, 69, 82, 0);
color: #D3DAE3;
background-color: #444a58;
border: 1px solid #5294e2;
box-shadow: inset 0 1px rgba(68, 74, 88, 0.05); }
.button:active, .notification-banner .notification-button:active, .hotplug-notification-item:active, .button:active:focus, .notification-banner .notification-button:active:focus, .hotplug-notification-item:active:focus {
text-shadow: 0 1px rgba(64, 69, 82, 0);
color: #ffffff;
background-color: #5294e2;
border: 1px solid #2b2e39;
box-shadow: inset 0 1px rgba(82, 148, 226, 0.05); }
.button:insensitive, .notification-banner .notification-button:insensitive, .hotplug-notification-item:insensitive {
text-shadow: 0 1px rgba(64, 69, 82, 0);
color: rgba(211, 218, 227, 0.45);
border: 1px solid rgba(43, 46, 57, 0.55);
background-color: rgba(68, 74, 88, 0.55);
box-shadow: inset 0 1px rgba(68, 74, 88, 0.05); }
StEntry {
padding: 7px;
caret-size: 1px;
caret-color: #D3DAE3;
selection-background-color: #5294e2;
selected-color: #ffffff;
transition-duration: 300ms;
border-radius: 3px;
color: #D3DAE3;
background-color: #404552;
border: 1px solid #2b2e39;
box-shadow: inset 0 2px 4px rgba(64, 69, 82, 0.05); }
StEntry:focus, StEntry:hover {
color: #D3DAE3;
background-color: #404552;
border: 1px solid #5294e2;
box-shadow: inset 0 2px 4px rgba(64, 69, 82, 0.05); }
StEntry:insensitive {
color: rgba(211, 218, 227, 0.45);
background-color: #3c414e;
border-color: 1px solid #313440;
box-shadow: inset 0 2px 4px rgba(60, 65, 78, 0.05); }
StEntry StIcon.capslock-warning {
icon-size: 16px;
warning-color: #F27835;
padding: 0 4px; }
StScrollView.vfade {
-st-vfade-offset: 0px; }
StScrollView.hfade {
-st-hfade-offset: 0px; }
StScrollBar {
padding: 8px; }
StScrollView StScrollBar {
min-width: 5px;
min-height: 5px; }
StScrollBar StBin#trough {
background-color: rgba(64, 69, 82, 0.1);
border-radius: 8px; }
StScrollBar StButton#vhandle, StScrollBar StButton#hhandle {
border-radius: 4px;
background-color: #767b87;
border: 0px solid;
margin: 0px; }
StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover {
background-color: #676b78; }
StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
background-color: #5294e2; }
.slider {
-slider-height: 4px;
-slider-background-color: #2b2e39;
-slider-border-color: transparent;
-slider-active-background-color: #5294e2;
-slider-active-border-color: transparent;
-slider-border-width: 0;
-slider-handle-radius: 0px;
height: 18px;
border: 0 solid transparent;
border-right-width: 1px;
border-left-width: 5px;
color: transparent; }
.popup-menu-item.selected .slider {
-slider-background-color: rgba(0, 0, 0, 0.2);
-slider-active-background-color: #ffffff; }
.check-box StBoxLayout {
spacing: .8em; }
.check-box StBin {
width: 16px;
height: 16px;
background-image: url("dark-assets/checkbox/checkbox-unchecked.svg"); }
.check-box:focus StBin {
background-image: url("dark-assets/checkbox/checkbox-unchecked-focused.svg"); }
.check-box:checked StBin {
background-image: url("dark-assets/checkbox/checkbox-checked.svg"); }
.check-box:focus:checked StBin {
background-image: url("dark-assets/checkbox/checkbox-checked-focused.svg"); }
.toggle-switch {
width: 50px;
height: 20px;
background-size: contain;
background-image: url("dark-assets/switch/switch-off.svg"); }
.toggle-switch:checked {
background-image: url("dark-assets/switch/switch-on.svg"); }
.popup-menu-item.selected .toggle-switch {
background-image: url("common-assets/switch/switch-off-selected.svg"); }
.popup-menu-item.selected .toggle-switch:checked {
background-image: url("common-assets/switch/switch-on-selected.svg"); }
.shell-link {
color: #a9caf1; }
.shell-link:hover {
color: #d5e5f8; }
.headline {
font-size: 110%; }
.lightbox {
background-color: black; }
.flashspot {
background-color: white; }
.modal-dialog {
color: #D3DAE3;
background-color: rgba(56, 60, 74, 0);
border: none;
border-image: url("dark-assets/misc/modal.svg") 9 9 9 67;
padding: 0 5px 6px 5px; }
.modal-dialog .modal-dialog-content-box {
padding: 20px 10px 10px 10px; }
.modal-dialog-linked-button {
height: 38px;
padding: 0;
box-shadow: inset 0 0 black;
border-top-width: 1px;
border-bottom-width: 0;
color: #BAC3CF;
background-color: rgba(53, 57, 69, 0.95);
border-color: rgba(35, 38, 46, 0.95); }
.modal-dialog-linked-button:hover {
background-color: rgba(64, 69, 83, 0.95); }
.modal-dialog-linked-button:focus {
color: #5294e2; }
.modal-dialog-linked-button:active {
color: #ffffff;
background-color: #5294e2; }
.modal-dialog-linked-button:insensitive {
color: rgba(186, 195, 207, 0.5);
background-color: rgba(49, 52, 63, 0.95); }
.modal-dialog-linked-button:first-child {
border-radius: 0px 0px 0px 2px; }
.modal-dialog-linked-button:last-child {
border-right-width: 0px;
border-radius: 0px 0px 2px 0px; }
.modal-dialog-linked-button:first-child:last-child {
border-right-width: 0px;
border-radius: 0px 0px 2px 2px; }
.modal-dialog .run-dialog-entry {
width: 21em; }
.modal-dialog .run-dialog-error-box {
padding-top: 5px;
spacing: 5px; }
.modal-dialog .run-dialog-label {
font-size: 0; }
.show-processes-dialog-subject,
.mount-question-dialog-subject,
.end-session-dialog-subject {
font-size: 11pt;
font-weight: bold;
color: #D3DAE3; }
.end-session-dialog {
spacing: 42px; }
.end-session-dialog-list {
padding-top: 20px; }
.end-session-dialog-layout {
padding-left: 17px; }
.end-session-dialog-layout:rtl {
padding-right: 17px; }
.end-session-dialog-description {
width: 28em;
padding-bottom: 10px; }
.end-session-dialog-description:rtl {
text-align: right; }
.end-session-dialog-warning {
width: 28em;
color: #F27835;
padding-top: 6px; }
.end-session-dialog-warning:rtl {
text-align: right; }
.end-session-dialog-logout-icon {
border: 0px solid transparent;
border-radius: 2px;
width: 48px;
height: 48px;
background-size: contain; }
.end-session-dialog-shutdown-icon {
color: #D3DAE3;
width: 48px;
height: 48px; }
.end-session-dialog-inhibitor-layout {
spacing: 16px;
max-height: 200px;
padding-right: 10px;
padding-left: 10px; }
.end-session-dialog-session-list, .end-session-dialog-app-list {
spacing: 1em; }
.end-session-dialog-list-header {
font-weight: bold; }
.end-session-dialog-list-header:rtl {
text-align: right; }
.end-session-dialog-app-list-item, .end-session-dialog-session-list-item {
spacing: 1em; }
.end-session-dialog-app-list-item-name, .end-session-dialog-session-list-item-name {
font-weight: bold; }
.end-session-dialog-app-list-item-description {
color: #e3e7ed;
font-size: 8pt; }
.end-session-dialog .modal-dialog-linked-button:last-child {
color: white;
background-color: #F04A50; }
.end-session-dialog .modal-dialog-linked-button:last-child:hover {
color: white;
background-color: #f47479; }
.end-session-dialog .modal-dialog-linked-button:last-child:active {
color: white;
background-color: #ee3239; }
.shell-mount-operation-icon {
icon-size: 48px; }
.show-processes-dialog,
.mount-question-dialog {
spacing: 24px; }
.show-processes-dialog-subject,
.mount-question-dialog-subject {
padding-top: 10px;
padding-left: 17px;
padding-bottom: 6px; }
.show-processes-dialog-subject:rtl,
.mount-question-dialog-subject:rtl {
padding-left: 0px;
padding-right: 17px; }
.mount-question-dialog-subject {
max-width: 500px; }
.show-processes-dialog-description,
.mount-question-dialog-description {
padding-left: 17px;
width: 28em; }
.show-processes-dialog-description:rtl,
.mount-question-dialog-description:rtl {
padding-right: 17px; }
.show-processes-dialog-app-list {
font-size: 10pt;
max-height: 200px;
padding-top: 24px;
padding-left: 49px;
padding-right: 32px; }
.show-processes-dialog-app-list:rtl {
padding-right: 49px;
padding-left: 32px; }
.show-processes-dialog-app-list-item {
color: #b4c0cf; }
.show-processes-dialog-app-list-item:hover {
color: #D3DAE3; }
.show-processes-dialog-app-list-item:ltr {
padding-right: 1em; }
.show-processes-dialog-app-list-item:rtl {
padding-left: 1em; }
.show-processes-dialog-app-list-item-icon:ltr {
padding-right: 17px; }
.show-processes-dialog-app-list-item-icon:rtl {
padding-left: 17px; }
.show-processes-dialog-app-list-item-name {
font-size: 10pt; }
.prompt-dialog {
width: 500px; }
.prompt-dialog-main-layout {
spacing: 24px;
padding: 10px; }
.prompt-dialog-message-layout {
spacing: 16px; }
.prompt-dialog-headline {
font-size: 12pt;
font-weight: bold;
color: #D3DAE3; }
.prompt-dialog-descritption:rtl {
text-align: right; }
.prompt-dialog-password-box {
spacing: 1em;
padding-bottom: 1em; }
.prompt-dialog-error-label {
font-size: 9pt;
color: #FC4138;
padding-bottom: 8px; }
.prompt-dialog-info-label {
font-size: 9pt;
padding-bottom: 8px; }
.prompt-dialog-null-label {
font-size: 9pt;
padding-bottom: 8px; }
.hidden {
color: transparent; }
.polkit-dialog-user-layout {
padding-left: 10px;
spacing: 10px; }
.polkit-dialog-user-layout:rtl {
padding-left: 0px;
padding-right: 10px; }
.polkit-dialog-user-root-label {
color: #F27835; }
.polkit-dialog-user-user-icon {
border-radius: 2px;
background-size: contain;
width: 48px;
height: 48px; }
.audio-device-selection-dialog {
spacing: 30px; }
.audio-selection-content {
spacing: 20px;
padding: 24px; }
.audio-selection-title {
font-weight: bold;
text-align: center; }
.audio-selection-box {
spacing: 20px; }
.audio-selection-device {
border: 1px solid #2b2e39;
border-radius: 3px; }
.audio-selection-device:active, .audio-selection-device:hover, .audio-selection-device:focus {
background-color: #5294e2;
border-color: #5294e2; }
.audio-selection-device-box {
padding: 20px;
spacing: 20px; }
.audio-selection-device-icon {
icon-size: 64px; }
.access-dialog {
spacing: 30px; }
.access-dialog-main-layout {
padding: 12px 20px 0;
spacing: 12px; }
.access-dialog-content {
max-width: 28em;
spacing: 20px; }
.access-dialog-icon {
min-width: 48px;
icon-size: 48px; }
.access-dialog-title {
font-weight: bold; }
.access-dialog-subtitle {
color: #D3DAE3;
font-weight: bold; }
.geolocation-dialog {
spacing: 30px; }
.geolocation-dialog-main-layout {
spacing: 12px; }
.geolocation-dialog-content {
spacing: 20px; }
.geolocation-dialog-icon {
icon-size: 48px; }
.geolocation-dialog-title {
font-weight: bold; }
.geolocation-dialog-reason {
color: #D3DAE3;
font-weight: bold; }
.network-dialog-secret-table {
spacing-rows: 15px;
spacing-columns: 1em; }
.keyring-dialog-control-table {
spacing-rows: 15px;
spacing-columns: 1em; }
.popup-menu {
min-width: 15em;
color: #D3DAE3;
border-image: url("dark-assets/menu/menu.svg") 9 9 9 9; }
.popup-menu .popup-sub-menu {
background: none;
box-shadow: none;
border-image: url("dark-assets/menu/submenu.svg") 9 9 9 9; }
.popup-menu .popup-menu-content {
padding: 1em 0em 1em 0em; }
.popup-menu .popup-menu-item {
spacing: 12px; }
.popup-menu .popup-menu-item:ltr {
padding: .4em 3em .4em 0em; }
.popup-menu .popup-menu-item:rtl {
padding: .4em 0em .4em 3em; }
.popup-menu .popup-menu-item:checked {
font-weight: normal;
background: none;
box-shadow: none;
border-image: url("dark-assets/menu/submenu-open.svg") 9 9 9 9; }
.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected {
color: #ffffff;
background-color: transparent;
border-image: url("common-assets/menu/menu-hover.svg") 9 9 1 1; }
.popup-menu .popup-menu-item:insensitive {
color: rgba(211, 218, 227, 0.5);
background: none; }
.popup-menu .popup-inactive-menu-item {
color: #D3DAE3; }
.popup-menu .popup-inactive-menu-item:insensitive {
color: rgba(211, 218, 227, 0.45); }
.popup-menu.panel-menu {
-boxpointer-gap: 0px;
margin-bottom: 1.75em; }
.popup-menu-ornament {
text-align: right;
margin-left: 10px;
width: 16px; }
.popup-menu-boxpointer {
-arrow-border-radius: 2px;
-arrow-background-color: transparent;
-arrow-border-width: 1px;
-arrow-border-color: transparent;
-arrow-base: 0;
-arrow-rise: 0; }
.candidate-popup-boxpointer {
-arrow-border-radius: 2px;
-arrow-background-color: rgba(53, 57, 69, 0.95);
-arrow-border-width: 1px;
-arrow-border-color: rgba(0, 0, 0, 0.4);
-arrow-base: 5;
-arrow-rise: 5; }
.popup-separator-menu-item {
height: 2px;
margin: 0;
background-color: transparent;
border: none;
border-image: url("common-assets/menu/menu-separator.svg") 1 1 1 1; }
.background-menu {
-boxpointer-gap: 4px;
-arrow-rise: 0px; }
.osd-window {
text-align: center;
font-weight: bold;
spacing: 1em;
padding: 20px;
margin: 32px;
min-width: 64px;
min-height: 64px;
color: white;
background: none;
border: none;
border-radius: 5px;
border-image: url("common-assets/misc/osd.svg") 9 9 9 9; }
.osd-window .osd-monitor-label {
font-size: 3em; }
.osd-window .level {
padding: 0;
height: 4px;
background-color: rgba(0, 0, 0, 0.5);
border-radius: 2px;
color: #5294e2; }
.osd-window .level-bar {
background-color: #5294e2;
border-radius: 2px; }
.resize-popup {
color: #BAC3CF;
background: none;
border: none;
border-radius: 5px;
border-image: url("common-assets/misc/osd.svg") 9 9 9 9;
padding: 12px; }
.switcher-popup {
padding: 8px;
spacing: 16px; }
.switcher-list {
background: none;
border: none;
border-image: url("common-assets/misc/bg.svg") 9 9 9 9;
border-radius: 3px;
padding: 20px; }
.switcher-list-item-container {
spacing: 8px; }
.switcher-list .item-box {
padding: 8px;
border-radius: 2px;
border: 1px solid transparent; }
.switcher-list .item-box:outlined {
padding: 8px;
border: 1px solid #5294e2; }
.switcher-list .item-box:selected {
color: #ffffff;
background-color: #5294e2;
border: 1px solid #5294e2; }
.switcher-list .thumbnail-box {
padding: 2px;
spacing: 4px; }
.switcher-list .thumbnail {
width: 256px; }
.switcher-list .separator {
width: 1px;
background: rgba(211, 218, 227, 0.33); }
.switcher-arrow {
border-color: transparent;
color: #BAC3CF; }
.switcher-arrow:highlighted {
color: white; }
.input-source-switcher-symbol {
font-size: 34pt;
width: 96px;
height: 96px; }
.cycler-highlight {
border: 5px solid #5294e2; }
.workspace-switcher {
background: transparent;
border: 0px;
border-radius: 0px;
padding: 0px;
spacing: 8px; }
.workspace-switcher-group {
padding: 12px; }
.workspace-switcher-container {
border-image: url("common-assets/misc/bg.svg") 9 9 9 9;
border-radius: 3px;
padding: 20px;
padding-bottom: 24px; }
.ws-switcher-active-up, .ws-switcher-active-down {
height: 30px;
background-color: #5294e2;
background-size: 96px;
border-radius: 2px;
border: 1px solid #5294e2; }
.ws-switcher-active-up {
background-image: url("common-assets/misc/ws-switch-arrow-up.png"); }
.ws-switcher-active-down {
background-image: url("common-assets/misc/ws-switch-arrow-down.png"); }
.ws-switcher-box {
height: 96px;
background-color: rgba(0, 0, 0, 0.33);
border-color: rgba(0, 0, 0, 0.33);
border-radius: 2px; }
.tile-preview {
background-color: rgba(82, 148, 226, 0.35);
border: 1px solid #5294e2; }
.tile-preview-left.on-primary {
border-radius: 0px 0 0 0; }
.tile-preview-right.on-primary {
border-radius: 0 0px 0 0; }
.tile-preview-left.tile-preview-right.on-primary {
border-radius: 0px 0px 0 0; }
#panel {
font-weight: bold;
height: 2.1em;
min-height: 27px;
background-gradient-direction: none;
background-color: transparent;
border-bottom-width: 0;
border-image: url("common-assets/panel/panel.svg") 1 1 1 1; }
#panel.dynamic-top-bar-white-btn {
border-image: none; }
#panel.unlock-screen, #panel.login-screen, #panel.lock-screen {
background-color: transparent;
border-image: none; }
#panel:overview {
border-image: url("common-assets/panel/panel-overview.svg") 1 1 1 1; }
#panel #panelLeft, #panel #panelCenter {
spacing: 8px; }
#panel .panel-corner {
-panel-corner-radius: 0px;
-panel-corner-background-color: transparent;
-panel-corner-border-width: 0px;
-panel-corner-border-color: black; }
#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus {
-panel-corner-border-color: black; }
#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-cornerunlock-screen {
-panel-corner-radius: 0;
-panel-corner-background-color: transparent;
-panel-corner-border-color: transparent; }
#panel .panel-button {
-natural-hpadding: 10px;
-minimum-hpadding: 6px;
font-weight: bold;
color: white;
transition-duration: 100ms;
border-bottom-width: 1px;
border-color: transparent; }
#panel .panel-button .app-menu-icon {
width: 0;
height: 0;
margin-left: 0px;
margin-right: 0px; }
#panel .panel-button:hover {
color: white;
background-color: rgba(0, 0, 0, 0.17);
border-bottom-width: 1px;
border-color: transparent; }
#panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked {
color: #ffffff;
background-color: #5294e2;
box-shadow: none;
border-bottom-width: 1px;
border-color: black; }
#panel .panel-button:active > .system-status-icon, #panel .panel-button:overview > .system-status-icon, #panel .panel-button:focus > .system-status-icon, #panel .panel-button:checked > .system-status-icon {
icon-shadow: none; }
#panel .panel-button .system-status-icon {
icon-size: 16px;
padding: 0 4px; }
.unlock-screen #panel .panel-button,
.login-screen #panel .panel-button,
.lock-screen #panel .panel-button {
color: #f2f4f7; }
.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active,
.login-screen #panel .panel-button:focus,
.login-screen #panel .panel-button:hover,
.login-screen #panel .panel-button:active,
.lock-screen #panel .panel-button:focus,
.lock-screen #panel .panel-button:hover,
.lock-screen #panel .panel-button:active {
color: #f2f4f7; }
#panel #panelActivities.panel-button {
-natural-hpadding: 12px; }
#panel .panel-status-indicators-box,
#panel .panel-status-menu-box {
spacing: 2px; }
#panel .power-status.panel-status-indicators-box {
spacing: 0; }
#panel .screencast-indicator {
color: #FC4138; }
#panel .clock-display > * > *:last-child {
color: #5294e2;
margin-left: .3em; }
#panel .popup-menu-arrow {
width: 0; }
#panel #panelActivities.panel-button > * {
background-image: url("common-assets/panel/activities.svg");
background-position: center top;
width: 24px;
height: 24px;
background-color: transparent !important;
background-gradient-direction: none !important;
border: 0 solid transparent !important;
text-shadow: 0 0 transparent !important;
transition-duration: 0ms !important;
box-shadow: none !important;
color: transparent; }
#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked {
background-color: transparent;
box-shadow: none;
border-bottom-width: 1px;
border-color: transparent; }
#panel #panelActivities.panel-button:active > *, #panel #panelActivities.panel-button:overview > *, #panel #panelActivities.panel-button:focus > *, #panel #panelActivities.panel-button:checked > * {
background-image: url("common-assets/panel/activities-active.svg"); }
.system-switch-user-submenu-icon {
icon-size: 20px;
padding: 0 2px; }
.system-switch-user-submenu-icon.default-icon {
icon-size: 16px;
padding: 0 4px; }
#appMenu {
spinner-image: url("common-assets/misc/process-working.svg");
spacing: 4px;
padding: 0 8px; }
#appMenu .label-shadow {
color: transparent; }
.aggregate-menu {
min-width: 23.5em; }
.aggregate-menu .popup-menu-icon {
padding: 0 4px; }
.system-menu-action {
padding: 13px;
color: #D3DAE3;
border-radius: 32px;
/* wish we could do 50% */
border: 1px solid transparent; }
.system-menu-action:hover, .system-menu-action:focus {
transition-duration: 100ms;
padding: 13px;
color: #D3DAE3;
background-color: transparent;
border: 1px solid #5294e2; }
.system-menu-action:active {
color: #ffffff;
background-color: #5294e2;
border: 1px solid #5294e2; }
.system-menu-action > StIcon {
icon-size: 16px; }
#calendarArea {
padding: 0.75em 1.0em; }
.calendar {
margin-bottom: 1em; }
.calendar,
.datemenu-today-button,
.datemenu-displays-box,
.message-list-sections {
margin: 0 1.5em; }
.datemenu-calendar-column {
spacing: 0.5em; }
.datemenu-displays-section {
padding-bottom: 3em; }
.datemenu-today-button,
.world-clocks-button,
.message-list-section-title {
border-radius: 3px;
padding: .4em; }
.message-list-section-list:ltr {
padding-left: .4em; }
.message-list-section-list:rtl {
padding-right: .4em; }
.datemenu-today-button,
.world-clocks-button,
.message-list-section-title {
padding: 7px 10px 7px 10px;
border: 1px solid rgba(64, 69, 82, 0); }
.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 {
text-shadow: 0 1px rgba(64, 69, 82, 0);
color: #D3DAE3;
background-color: #505666;
border: 1px solid #2b2e39;
box-shadow: inset 0 1px rgba(80, 86, 102, 0.05); }
.datemenu-today-button:active,
.world-clocks-button:active,
.message-list-section-title:active {
text-shadow: 0 1px rgba(64, 69, 82, 0);
color: #ffffff;
background-color: #5294e2;
border: 1px solid #2b2e39;
box-shadow: inset 0 1px rgba(82, 148, 226, 0.05); }
.datemenu-today-button .date-label {
font-size: 1.5em; }
.world-clocks-header,
.message-list-section-title {
color: rgba(211, 218, 227, 0.4);
font-weight: bold; }
.world-clocks-button:active .world-clocks-header {
color: #ffffff; }
.world-clocks-grid {
spacing-rows: 0.4em; }
.calendar-month-label {
color: #D3DAE3;
font-weight: bold;
padding: 8px 0; }
.pager-button {
color: transparent;
background-color: transparent;
width: 32px;
border-radius: 2px; }
.pager-button:focus, .pager-button:hover, .pager-button:active {
background-color: transparent; }
.calendar-change-month-back {
background-image: url("dark-assets/misc/calendar-arrow-left.svg"); }
.calendar-change-month-back:focus, .calendar-change-month-back:hover {
background-image: url("dark-assets/misc/calendar-arrow-left-hover.svg"); }
.calendar-change-month-back:active {
background-image: url("dark-assets/misc/calendar-arrow-left.svg"); }
.calendar-change-month-back:rtl {
background-image: url("dark-assets/misc/calendar-arrow-right.svg"); }
.calendar-change-month-back:rtl:focus, .calendar-change-month-back:rtl:hover {
background-image: url("dark-assets/misc/calendar-arrow-right-hover.svg"); }
.calendar-change-month-back:rtl:active {
background-image: url("dark-assets/misc/calendar-arrow-right.svg"); }
.calendar-change-month-forward {
background-image: url("dark-assets/misc/calendar-arrow-right.svg"); }
.calendar-change-month-forward:focus, .calendar-change-month-forward:hover {
background-image: url("dark-assets/misc/calendar-arrow-right-hover.svg"); }
.calendar-change-month-forward:active {
background-image: url("dark-assets/misc/calendar-arrow-right.svg"); }
.calendar-change-month-forward:rtl {
background-image: url("dark-assets/misc/calendar-arrow-left.svg"); }
.calendar-change-month-forward:rtl:focus, .calendar-change-month-forward:rtl:hover {
background-image: url("dark-assets/misc/calendar-arrow-left-hover.svg"); }
.calendar-change-month-forward:rtl:active {
background-image: url("dark-assets/misc/calendar-arrow-left.svg"); }
.calendar-day-base {
font-size: 80%;
text-align: center;
width: 25px;
height: 25px;
padding: 0.1em;
margin: 2px;
border-radius: 12.5px; }
.calendar-day-base:hover, .calendar-day-base:focus {
background-color: rgba(0, 0, 0, 0.1); }
.calendar-day-base:active, .calendar-day-base:selected {
color: #D3DAE3;
background-color: rgba(0, 0, 0, 0.15);
border-width: 0; }
.calendar-day-base.calendar-day-heading {
color: rgba(211, 218, 227, 0.85);
margin-top: 1em;
font-size: 70%; }
.calendar-day {
border-width: 0;
color: rgba(211, 218, 227, 0.8); }
.calendar-day-top {
border-top-width: 0; }
.calendar-day-left {
border-left-width: 0; }
.calendar-nonwork-day {
color: #D3DAE3;
font-weight: bold; }
.calendar-today,
.calendar-today:active,
.calendar-today:focus,
.calendar-today:hover {
font-weight: bold;
color: #ffffff;
background-color: #5294e2;
border-width: 0; }
.calendar-day-with-events {
color: #5294e2;
font-weight: bold; }
.calendar-today.calendar-day-with-events {
color: #ffffff; }
.calendar-other-month-day {
color: rgba(211, 218, 227, 0.3);
opacity: 1; }
.calendar-week-number {
font-size: 70%;
font-weight: bold;
width: 2.3em;
height: 1.8em;
border-radius: 2px;
padding: 0.5em 0 0;
margin: 6px;
background-color: rgba(211, 218, 227, 0.3);
color: #383C4A; }
.message-list {
width: 31.5em; }
.message-list-sections {
spacing: 1.5em; }
.message-list-section, .message-list-section-list {
spacing: 0.7em; }
.message-list-section-list-title-box {
spacing: 0.4em; }
.message-list-placeholder StIcon {
width: 0;
height: 0; }
.message-list-placeholder StLabel {
color: rgba(211, 218, 227, 0.45); }
.message-list-section-close > StIcon {
icon-size: 18px;
border-radius: 0px;
color: transparent;
background-color: transparent;
background-image: url("dark-assets/misc/message-close.svg"); }
.message-list-section-close:hover > StIcon {
color: transparent;
background-color: transparent;
background-image: url("dark-assets/misc/message-close-hover.svg"); }
.message-list-section-close:active > StIcon {
color: transparent;
background-color: transparent;
background-image: url("dark-assets/misc/message-close-active.svg"); }
.message {
padding: 4px;
color: #D3DAE3;
border-image: url("dark-assets/misc/message.svg") 9 9 9 9; }
.message:hover, .message:focus {
color: #D3DAE3;
border-image: url("dark-assets/misc/message-hover.svg") 9 9 9 9; }
.message:active {
color: #ffffff;
border-image: url("dark-assets/misc/message-active.svg") 9 9 9 9; }
.message-icon-bin {
padding: 8px 0px 8px 8px; }
.message-icon-bin:rtl {
padding: 8px 8px 8px 0px; }
.message-icon-bin > StIcon {
icon-size: 32px; }
.message-secondary-bin {
color: rgba(211, 218, 227, 0.4); }
.message-secondary-bin:ltr {
padding-left: 8px; }
.message-secondary-bin:rtl {
padding-right: 8px; }
.message-secondary-bin > StIcon {
icon-size: 16px; }
.message-title {
font-weight: bold;
font-size: 1em;
padding: 2px 0 2px 0; }
.message-content {
padding: 8px;
font-size: 1em; }
.message-media-control {
padding: 6px;
color: rgba(211, 218, 227, 0.45); }
.message-media-control:last-child:ltr {
padding-right: 18px; }
.message-media-control:last-child:rtl {
padding-left: 18px; }
.message-media-control:hover {
color: #D3DAE3; }
.message-media-control:active {
color: #5294e2; }
.media-message-cover-icon {
icon-size: 32px; }
.media-message-cover-icon.fallback {
color: rgba(211, 218, 227, 0.45);
background-color: #383C4A;
border-radius: 2px;
icon-size: 16px;
padding: 8px;
border: 1px solid #2b2e39; }
.ripple-box {
width: 52px;
height: 52px;
background-image: url("common-assets/misc/corner-ripple-ltr.svg");
background-size: contain; }
.ripple-box:rtl {
background-image: url("common-assets/misc/corner-ripple-rtl.svg"); }
.popup-menu-arrow {
width: 16px;
height: 16px; }
.popup-menu-icon {
icon-size: 16px; }
.window-close {
background-image: url("common-assets/misc/close.svg");
background-size: 26px;
height: 26px;
width: 26px; }
.window-close:hover {
background-image: url("common-assets/misc/close-hover.svg");
background-size: 26px;
height: 26px;
width: 26px; }
.window-close:active {
background-image: url("common-assets/misc/close-active.svg");
background-size: 26px;
height: 26px;
width: 26px; }
.window-close {
-shell-close-overlap: 11px; }
.nm-dialog {
max-height: 500px;
min-height: 450px;
min-width: 470px; }
.nm-dialog-content {
spacing: 20px;
padding: 10px; }
.nm-dialog-header-hbox {
spacing: 10px; }
.nm-dialog-airplane-box {
spacing: 12px; }
.nm-dialog-airplane-headline {
font-size: 1.1em;
font-weight: bold;
text-align: center; }
.nm-dialog-airplane-text {
color: #D3DAE3; }
.nm-dialog-header-icon {
icon-size: 32px; }
.nm-dialog-scroll-view {
border: 1px solid #2b2e39;
border-radius: 2px;
background-color: #404552; }
.nm-dialog-header {
font-weight: bold;
font-size: 1.2em; }
.nm-dialog-item {
font-size: 1em;
border-bottom: 0px solid;
padding: 12px;
spacing: 0px; }
.nm-dialog-item:selected {
background-color: #5294e2;
color: #ffffff; }
.nm-dialog-icons {
spacing: .5em; }
.nm-dialog-icon {
icon-size: 16px; }
.no-networks-label {
color: rgba(211, 218, 227, 0.45); }
.no-networks-box {
spacing: 12px; }
#overview {
spacing: 24px; }
.overview-controls {
padding-bottom: 32px; }
.window-picker {
-horizontal-spacing: 32px;
-vertical-spacing: 32px;
padding-left: 32px;
padding-right: 32px;
padding-bottom: 48px; }
.window-picker.external-monitor {
padding: 32px; }
.window-clone-border {
border: 3px solid rgba(82, 148, 226, 0.8);
border-radius: 4px;
box-shadow: inset 0px 0px 0px 1px rgba(82, 148, 226, 0); }
.window-caption, .window-caption:hover {
spacing: 25px;
color: #BAC3CF;
background-color: rgba(0, 0, 0, 0.7);
border-radius: 2px;
padding: 4px 12px;
-shell-caption-spacing: 12px; }
.search-entry {
width: 320px;
padding: 7px 9px;
border-radius: 20px;
border: 1px solid rgba(0, 0, 0, 0.25);
background-color: rgba(64, 69, 82, 0.9); }
.search-entry:focus {
padding: 7px 9px; }
.search-entry .search-entry-icon {
icon-size: 16px;
padding: 0 4px;
color: #D3DAE3; }
.search-entry:hover, .search-entry:focus {
color: #ffffff;
caret-color: #ffffff;
background-color: #5294e2;
selection-background-color: #ffffff;
selected-color: #5294e2; }
.search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon {
color: #ffffff; }
#searchResultsBin {
max-width: 1000px; }
#searchResultsContent {
padding-left: 20px;
padding-right: 20px;
spacing: 16px; }
.search-section {
spacing: 16px; }
.search-section-content {
spacing: 32px; }
.list-search-results {
spacing: 3px; }
.search-section-separator {
background-color: rgba(255, 255, 255, 0.2);
-margin-horizontal: 1.5em;
height: 1px; }
.list-search-result-content {
spacing: 12px;
padding: 12px; }
.list-search-result-title {
font-size: 1.5em;
color: white; }
.list-search-result-description {
color: #cccccc; }
.search-provider-icon {
padding: 15px; }
.search-provider-icon-more {
width: 16px;
height: 16px;
background-image: url("common-assets/misc/more-results.svg"); }
#dash {
font-size: 1em;
color: #BAC3CF;
background-color: rgba(53, 57, 69, 0.95);
border-color: rgba(0, 0, 0, 0.4);
padding: 4px 0;
border-radius: 0 3px 3px 0; }
#dash:rtl {
border-radius: 3px 0 0 3px; }
.right #dash, #dash:rtl {
padding: 4px 0; }
.top #dash, .bottom #dash {
padding: 0; }
#dash .placeholder {
background-image: url("common-assets/dash/dash-placeholder.svg");
background-size: contain;
height: 24px; }
#dash .empty-dash-drop-target {
width: 24px;
height: 24px; }
.dash-item-container > StWidget, .dash-item-container > StWidget:rtl, .right .dash-item-container > StWidget {
padding: 4px 8px; }
.top .dash-item-container > StWidget, .bottom .dash-item-container > StWidget {
padding: 6px; }
.dash-label {
border-radius: 3px;
padding: 4px 12px;
color: white;
background-color: rgba(0, 0, 0, 0.7);
text-align: center;
-x-offset: 3px; }
.bottom .dash-label, .top .dash-label {
-y-offset: 3px;
-x-offset: 0; }
#dash .app-well-app:hover .overview-icon,
.right #dash .app-well-app:hover .overview-icon,
.bottom #dash .app-well-app:hover .overview-icon,
.top #dash .app-well-app:hover .overview-icon {
background-color: #5294e2; }
#dash .app-well-app:active .overview-icon,
.right #dash .app-well-app:active .overview-icon,
.bottom #dash .app-well-app:active .overview-icon,
.top #dash .app-well-app:active .overview-icon {
box-shadow: none;
background-color: #2679db; }
#dash .app-well-app-running-dot {
width: 11px;
height: 2px;
margin-bottom: 2px;
background-color: #5294e2; }
#dashtodockContainer .app-well-app-running-dot {
background: none;
width: 28px;
height: 4px; }
#dashtodockContainer .running1 .app-well-app-running-dot {
background-image: url("common-assets/dash/running1.svg"); }
#dashtodockContainer .running2 .app-well-app-running-dot {
background-image: url("common-assets/dash/running2.svg"); }
#dashtodockContainer .running3 .app-well-app-running-dot {
background-image: url("common-assets/dash/running3.svg"); }
#dashtodockContainer .running4 .app-well-app-running-dot {
background-image: url("common-assets/dash/running4.svg"); }
.show-apps .overview-icon {
background-color: rgba(0, 0, 0, 0.5);
border-radius: 2px;
border: 0px solid; }
.show-apps:hover .overview-icon {
background-color: rgba(0, 0, 0, 0.7);
color: #5294e2; }
.show-apps:active .overview-icon,
.show-apps:active .show-apps-icon,
.show-apps:checked .overview-icon,
.show-apps:checked .show-apps-icon {
color: #ffffff;
background-color: #5294e2;
box-shadow: none;
transition-duration: 0ms; }
.icon-grid {
spacing: 30px;
-shell-grid-horizontal-item-size: 136px;
-shell-grid-vertical-item-size: 136px; }
.icon-grid .overview-icon {
icon-size: 96px; }
.app-view-controls {
padding-bottom: 32px; }
.app-view-control {
padding: 4px 32px;
text-shadow: 0 1px rgba(64, 69, 82, 0);
color: #BAC3CF;
border: 1px solid rgba(26, 28, 34, 0.35);
background-color: rgba(102, 109, 132, 0.35);
box-shadow: inset 0 1px rgba(0, 0, 0, 0.05); }
.app-view-control:hover {
text-shadow: 0 1px rgba(64, 69, 82, 0);
color: #BAC3CF;
border: 1px solid rgba(26, 28, 34, 0.35);
background-color: rgba(119, 127, 151, 0.45);
box-shadow: inset 0 1px rgba(0, 0, 0, 0.05); }
.app-view-control:checked {
color: #ffffff;
background-color: #5294e2; }
.app-view-control:first-child:ltr, .app-view-control:last-child:rtl {
border-radius: 2px 0 0 2px;
border-right-width: 0; }
.app-view-control:last-child:ltr, .app-view-control:first-child:rtl {
border-radius: 0 2px 2px 0;
border-left-width: 0; }
.search-provider-icon:active, .search-provider-icon:checked,
.list-search-result:active,
.list-search-result:checked {
background-color: rgba(31, 33, 40, 0.85); }
.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover,
.list-search-result:focus,
.list-search-result:selected,
.list-search-result:hover {
background-color: rgba(186, 195, 207, 0.4);
transition-duration: 200ms; }
.app-well-app:active .overview-icon,
.app-well-app:checked .overview-icon,
.app-well-app.app-folder:active .overview-icon,
.app-well-app.app-folder:checked .overview-icon,
.grid-search-result:active .overview-icon,
.grid-search-result:checked .overview-icon {
background-color: rgba(31, 33, 40, 0.85);
box-shadow: inset 0 0 #5294e2; }
.app-well-app:hover .overview-icon,
.app-well-app:focus .overview-icon,
.app-well-app:selected .overview-icon,
.app-well-app.app-folder:hover .overview-icon,
.app-well-app.app-folder:focus .overview-icon,
.app-well-app.app-folder:selected .overview-icon,
.grid-search-result:hover .overview-icon,
.grid-search-result:focus .overview-icon,
.grid-search-result:selected .overview-icon {
background-color: rgba(186, 195, 207, 0.4);
transition-duration: 0ms;
border-image: none;
background-image: none; }
.app-well-app-running-dot {
width: 20px;
height: 2px;
margin-bottom: 4px;
background-color: #5294e2; }
.search-provider-icon,
.list-search-result, .app-well-app .overview-icon,
.app-well-app.app-folder .overview-icon,
.grid-search-result .overview-icon {
color: white;
border-radius: 2px;
padding: 6px;
border: 1px solid transparent;
transition-duration: 0ms;
text-align: center; }
.app-well-app.app-folder > .overview-icon {
background-color: rgba(35, 38, 46, 0.95);
border: 1px solid rgba(0, 0, 0, 0.45); }
.app-well-app.app-folder:hover > .overview-icon {
background-color: rgba(60, 64, 78, 0.95); }
.app-well-app.app-folder:active > .overview-icon, .app-well-app.app-folder:checked > .overview-icon {
color: #ffffff;
background-color: #5294e2;
box-shadow: none; }
.app-well-app.app-folder:focus > .overview-icon {
background-color: #5294e2; }
.app-folder-popup {
-arrow-border-radius: 2px;
-arrow-background-color: rgba(35, 38, 46, 0.95);
-arrow-border-color: rgba(0, 0, 0, 0.45);
-arrow-border-width: 1px;
-arrow-base: 5;
-arrow-rise: 5; }
.app-folder-popup-bin {
padding: 5px; }
.app-folder-icon {
padding: 5px;
spacing-rows: 5px;
spacing-columns: 5px; }
.page-indicator {
padding: 15px 20px; }
.page-indicator .page-indicator-icon {
width: 18px;
height: 18px;
background-image: url(common-assets/misc/page-indicator-inactive.svg); }
.page-indicator:hover .page-indicator-icon {
background-image: url(common-assets/misc/page-indicator-hover.svg); }
.page-indicator:active .page-indicator-icon {
background-image: url(common-assets/misc/page-indicator-active.svg); }
.page-indicator:checked .page-indicator-icon, .page-indicator:checked:active {
background-image: url(common-assets/misc/page-indicator-checked.svg); }
.app-well-app > .overview-icon.overview-icon-with-label,
.grid-search-result .overview-icon.overview-icon-with-label {
padding: 10px 8px 5px 8px;
spacing: 4px; }
.workspace-thumbnails, .workspace-thumbnails:rtl,
.workspace-thumbnails-left,
.workspace-thumbnails-left:rtl {
visible-width: 40px;
spacing: 11px;
padding: 12px; }
.workspace-thumbnails,
.workspace-thumbnails-left:rtl {
padding-right: 7px;
border-image: url("common-assets/dash/dash-right.svg") 9 9 9 9; }
.workspace-thumbnails:rtl,
.workspace-thumbnails-left {
padding-left: 7px;
border-image: url("common-assets/dash/dash-left.svg") 9 9 9 9; }
.workspace-thumbnail-indicator {
border: 4px solid rgba(82, 148, 226, 0.8);
border-radius: 1px;
padding: 1px; }
.search-display > StBoxLayout,
.all-apps,
.frequent-apps > StBoxLayout {
padding: 0px 88px 10px 88px; }
.search-statustext, .no-frequent-applications-label {
font-size: 2em;
font-weight: bold;
color: #D3DAE3; }
.url-highlighter {
link-color: #a9caf1; }
.notification-banner,
.notification-banner:hover,
.notification-banner:focus {
font-size: 1em;
width: 34em;
margin: 5px;
padding: 10px;
color: #D3DAE3;
background-color: transparent;
border: 1px solid transparent;
border-image: url("dark-assets/menu/menu.svg") 9 9 9 9; }
.notification-banner .notification-icon,
.notification-banner:hover .notification-icon,
.notification-banner:focus .notification-icon {
padding: 5px; }
.notification-banner .notification-content,
.notification-banner:hover .notification-content,
.notification-banner:focus .notification-content {
padding: 5px;
spacing: 5px; }
.notification-banner .secondary-icon,
.notification-banner:hover .secondary-icon,
.notification-banner:focus .secondary-icon {
icon-size: 1.09em; }
.notification-banner .notification-actions,
.notification-banner:hover .notification-actions,
.notification-banner:focus .notification-actions {
background-color: transparent;
padding: 2px 2px 0 2px;
spacing: 3px; }
.notification-banner .notification-button,
.notification-banner:hover .notification-button,
.notification-banner:focus .notification-button {
padding: 4px 4px 5px; }
.notification-banner .notification-button:first-child, .notification-banner .notification-button:last-child,
.notification-banner:hover .notification-button:first-child,
.notification-banner:hover .notification-button:last-child,
.notification-banner:focus .notification-button:first-child,
.notification-banner:focus .notification-button:last-child {
border-radius: 2px; }
.secondary-icon {
icon-size: 1.09em; }
.chat-body {
spacing: 5px; }
.chat-response {
margin: 5px; }
.chat-log-message {
color: #D3DAE3; }
.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: #5294e2; }
.chat-sent:rtl {
padding-left: 0;
padding-right: 18pt; }
.chat-meta-message {
padding-left: 4px;
font-size: 9pt;
font-weight: bold;
color: rgba(211, 218, 227, 0.6); }
.chat-meta-message:rtl {
padding-left: 0;
padding-right: 4px; }
.subscription-message {
font-style: italic; }
.hotplug-transient-box {
spacing: 6px;
padding: 2px 72px 2px 12px; }
.hotplug-notification-item {
padding: 2px 10px; }
.hotplug-notification-item:focus {
padding: 2px 10px; }
.hotplug-notification-item-icon {
icon-size: 24px;
padding: 2px 5px; }
.hotplug-resident-box {
spacing: 8px; }
.hotplug-resident-mount {
spacing: 8px;
border-radius: 4px; }
.hotplug-resident-mount:hover {
background-color: rgba(56, 60, 74, 0.3); }
.hotplug-resident-mount-label {
color: inherit;
padding-left: 6px; }
.hotplug-resident-mount-icon {
icon-size: 24px;
padding-left: 6px; }
.hotplug-resident-eject-icon {
icon-size: 16px; }
.hotplug-resident-eject-button {
padding: 7px;
border-radius: 5px;
color: pink; }
.legacy-tray {
background-color: rgba(43, 46, 55, 0.95); }
.legacy-tray:ltr {
border-radius: 0 2px 0 0;
border-left-width: 0; }
.legacy-tray:rtl {
border-radius: 2px 0 0 0;
border-right-width: 0; }
.legacy-tray-handle,
.legacy-tray-icon {
padding: 6px; }
.legacy-tray-handle StIcon,
.legacy-tray-icon StIcon {
icon-size: 24px; }
.legacy-tray-handle:hover, .legacy-tray-handle:focus,
.legacy-tray-icon:hover,
.legacy-tray-icon:focus {
background-color: rgba(211, 218, 227, 0.1); }
.legacy-tray-icon-box {
spacing: 12px; }
.legacy-tray-icon-box:ltr {
padding-left: 12px; }
.legacy-tray-icon-box:rtl {
padding-right: 12px; }
.legacy-tray-icon-box StButton {
width: 24px;
height: 24px; }
.masterslider.smaller .masterlabel,
.masterslider.smaller .slider {
min-width: 155px; }
.magnifier-zoom-region {
border: 2px solid #5294e2; }
.magnifier-zoom-region.full-screen {
border-width: 0; }
#keyboard {
background-color: rgba(53, 57, 69, 0.95);
border-width: 0;
border-top-width: 1px;
border-color: rgba(0, 0, 0, 0.2); }
.keyboard-layout {
spacing: 10px;
padding: 10px; }
.keyboard-row {
spacing: 15px; }
.keyboard-key {
min-height: 2em;
min-width: 2em;
font-size: 14pt;
font-weight: bold;
border-radius: 3px;
box-shadow: none;
text-shadow: 0 1px rgba(64, 69, 82, 0);
color: #BAC3CF;
border: 1px solid rgba(26, 28, 34, 0.35);
background-color: rgba(102, 109, 132, 0.35);
box-shadow: inset 0 1px rgba(0, 0, 0, 0.05); }
.keyboard-key:hover {
text-shadow: 0 1px rgba(64, 69, 82, 0);
color: #BAC3CF;
border: 1px solid rgba(26, 28, 34, 0.35);
background-color: rgba(119, 127, 151, 0.45);
box-shadow: inset 0 1px rgba(0, 0, 0, 0.05); }
.keyboard-key:active, .keyboard-key:checked {
text-shadow: 0 1px rgba(64, 69, 82, 0);
color: #ffffff;
border: 1px solid rgba(26, 28, 34, 0.35);
background-color: #5294e2;
box-shadow: inset 0 1px rgba(82, 148, 226, 0.05); }
.keyboard-key:grayed {
text-shadow: 0 1px rgba(64, 69, 82, 0);
color: #5d626e;
border: 1px solid rgba(26, 28, 34, 0.35);
background-color: rgba(102, 109, 132, 0.2);
box-shadow: inset 0 1px rgba(0, 0, 0, 0.05); }
.keyboard-subkeys {
color: #BAC3CF;
padding: 5px;
-arrow-border-radius: 2px;
-arrow-background-color: rgba(53, 57, 69, 0.95);
-arrow-border-width: 1px;
-arrow-border-color: rgba(0, 0, 0, 0.4);
-arrow-base: 20px;
-arrow-rise: 10px;
-boxpointer-gap: 5px; }
.candidate-popup-content {
padding: 0.5em;
spacing: 0.3em;
color: #BAC3CF;
font-size: 1.15em; }
.candidate-index {
padding: 0 0.5em 0 0;
color: #d8dde4; }
.candidate-box {
padding: 0.3em 0.5em 0.3em 0.5em;
border-radius: 2px;
color: #BAC3CF; }
.candidate-box:selected, .candidate-box:hover {
background-color: #5294e2;
color: #ffffff; }
.candidate-page-button-box {
height: 2em; }
.vertical .candidate-page-button-box {
padding-top: 0.5em; }
.horizontal .candidate-page-button-box {
padding-left: 0.5em; }
.candidate-page-button {
padding: 4px; }
.candidate-page-button-previous {
border-radius: 2px 0px 0px 2px;
border-right-width: 0; }
.candidate-page-button-next {
border-radius: 0px 2px 2px 0px; }
.candidate-page-button-icon {
icon-size: 1em; }
.framed-user-icon {
background-size: contain;
border: 0px solid transparent;
color: #D3DAE3;
border-radius: 2px; }
.framed-user-icon:hover {
border-color: transparent;
color: white; }
.login-dialog-banner-view {
padding-top: 24px;
max-width: 23em; }
.login-dialog {
border: none;
background-color: transparent; }
.login-dialog .modal-dialog-button-box {
spacing: 3px; }
.login-dialog .modal-dialog-button {
padding: 3px 18px; }
.login-dialog .modal-dialog-button:default {
text-shadow: 0 1px rgba(64, 69, 82, 0);
color: #D3DAE3;
background-color: #444a58;
border: 1px solid #2b2e39;
box-shadow: inset 0 1px rgba(68, 74, 88, 0.05); }
.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus {
text-shadow: 0 1px rgba(64, 69, 82, 0);
color: #D3DAE3;
background-color: #505666;
border: 1px solid #2b2e39;
box-shadow: inset 0 1px rgba(80, 86, 102, 0.05); }
.login-dialog .modal-dialog-button:default:active {
text-shadow: 0 1px rgba(64, 69, 82, 0);
color: #ffffff;
background-color: #5294e2;
border: 1px solid #2b2e39;
box-shadow: inset 0 1px rgba(82, 148, 226, 0.05); }
.login-dialog .modal-dialog-button:default:insensitive {
text-shadow: 0 1px rgba(64, 69, 82, 0);
color: rgba(211, 218, 227, 0.45);
border: 1px solid rgba(43, 46, 57, 0.55);
background-color: rgba(68, 74, 88, 0.55);
box-shadow: inset 0 1px rgba(68, 74, 88, 0.05); }
.login-dialog-logo-bin {
padding: 24px 0px; }
.login-dialog-banner {
color: #9ca9ba; }
.login-dialog-button-box {
spacing: 5px; }
.login-dialog-message-warning {
color: #F27835; }
.login-dialog-message-hint {
padding-top: 0;
padding-bottom: 20px; }
.login-dialog-user-selection-box {
padding: 100px 0px; }
.login-dialog-user-selection-box .login-dialog-not-listed-label {
padding-left: 2px; }
.login-dialog-not-listed-button:focus .login-dialog-user-selection-box .login-dialog-not-listed-label,
.login-dialog-not-listed-button:hover .login-dialog-user-selection-box .login-dialog-not-listed-label {
color: #BAC3CF; }
.login-dialog-not-listed-label {
font-size: 90%;
font-weight: bold;
color: #62758e;
padding-top: 1em; }
.login-dialog-user-list-view {
-st-vfade-offset: 1em; }
.login-dialog-user-list {
spacing: 12px;
padding: .2em;
width: 23em; }
.login-dialog-user-list:expanded .login-dialog-user-list-item:focus {
background-color: #5294e2;
color: #ffffff; }
.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in {
border-right: 2px solid #5294e2; }
.login-dialog-user-list-item {
border-radius: 5px;
padding: .2em;
color: #62758e; }
.login-dialog-user-list-item:ltr {
padding-right: 1em; }
.login-dialog-user-list-item:rtl {
padding-left: 1em; }
.login-dialog-user-list-item:hover {
background-color: #5294e2;
color: #ffffff; }
.login-dialog-user-list-item .login-dialog-timed-login-indicator {
height: 2px;
margin: 2px 0 0 0;
background-color: #BAC3CF; }
.login-dialog-user-list-item:focus .login-dialog-timed-login-indicator {
background-color: #ffffff; }
.login-dialog-username,
.user-widget-label {
color: #BAC3CF;
font-size: 120%;
font-weight: bold;
text-align: left;
padding-left: 15px; }
.user-widget-label:ltr {
padding-left: 18px; }
.user-widget-label:rtl {
padding-right: 18px; }
.login-dialog-prompt-layout {
padding-top: 24px;
padding-bottom: 12px;
spacing: 8px;
width: 23em; }
.login-dialog-prompt-label {
color: #7e8fa5;
font-size: 110%;
padding-top: 1em; }
.login-dialog-session-list-button StIcon {
icon-size: 1.25em; }
.login-dialog-session-list-button {
color: #62758e; }
.login-dialog-session-list-button:hover, .login-dialog-session-list-button:focus {
color: #BAC3CF; }
.login-dialog-session-list-button:active {
color: #394351; }
.screen-shield-arrows {
padding-bottom: 3em; }
.screen-shield-arrows Gjs_Arrow {
color: white;
width: 80px;
height: 48px;
-arrow-thickness: 12px;
-arrow-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); }
.screen-shield-clock {
color: white;
text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.6);
font-weight: bold;
text-align: center;
padding-bottom: 1.5em; }
.screen-shield-clock-time {
font-size: 72pt;
text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4); }
.screen-shield-clock-date {
font-size: 28pt; }
.screen-shield-notifications-container {
spacing: 6px;
width: 30em;
background-color: transparent;
max-height: 500px; }
.screen-shield-notifications-container .summary-notification-stack-scrollview {
padding-top: 0;
padding-bottom: 0; }
.screen-shield-notifications-container .notification,
.screen-shield-notifications-container .screen-shield-notification-source {
padding: 12px 6px;
border: 1px solid rgba(186, 195, 207, 0.2);
background-color: rgba(53, 57, 69, 0.45);
color: #BAC3CF;
border-radius: 4px; }
.screen-shield-notifications-container .notification {
margin-right: 15px; }
.screen-shield-notification-label {
font-weight: bold;
padding: 0px 0px 0px 12px; }
.screen-shield-notification-count-text {
padding: 0px 0px 0px 12px; }
#panel.lock-screen {
background-color: rgba(53, 57, 69, 0.5); }
.screen-shield-background {
background: black;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4); }
#lockDialogGroup {
background: #2e3436 url(misc/noise-texture.png);
background-repeat: repeat; }
#screenShieldNotifications StButton#vhandle, #screenShieldNotifications StButton#hhandle {
background-color: rgba(56, 60, 74, 0.3); }
#screenShieldNotifications StButton#vhandle:hover, #screenShieldNotifications StButton#vhandle:focus, #screenShieldNotifications StButton#hhandle:hover, #screenShieldNotifications StButton#hhandle:focus {
background-color: rgba(56, 60, 74, 0.5); }
#screenShieldNotifications StButton#vhandle:active, #screenShieldNotifications StButton#hhandle:active {
background-color: rgba(82, 148, 226, 0.5); }
#LookingGlassDialog {
spacing: 4px;
padding: 8px 8px 10px 8px;
background-color: rgba(0, 0, 0, 0.7);
border: 1px solid black;
border-image: url("common-assets/misc/bg.svg") 9 9 9 9;
border-radius: 2px;
color: #BAC3CF; }
#LookingGlassDialog > #Toolbar {
padding: 3px;
border: none;
background-color: transparent;
border-radius: 0px; }
#LookingGlassDialog .labels {
spacing: 4px; }
#LookingGlassDialog .notebook-tab {
-natural-hpadding: 12px;
-minimum-hpadding: 6px;
font-weight: bold;
color: #BAC3CF;
transition-duration: 100ms;
padding-left: .3em;
padding-right: .3em; }
#LookingGlassDialog .notebook-tab:hover {
color: white;
text-shadow: black 0px 2px 2px; }
#LookingGlassDialog .notebook-tab:selected {
border-bottom-width: 0px;
color: #5294e2;
text-shadow: black 0px 2px 2px; }
#LookingGlassDialog StBoxLayout#EvalBox {
padding: 4px;
spacing: 4px; }
#LookingGlassDialog StBoxLayout#ResultsArea {
spacing: 4px; }
.lg-dialog StEntry {
caret-color: #ffffff;
selection-background-color: #5294e2;
selected-color: #ffffff;
color: #BAC3CF;
background-color: rgba(102, 109, 132, 0.35);
border: 1px solid rgba(26, 28, 34, 0.35);
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); }
.lg-dialog StEntry:focus {
color: #ffffff;
background-color: #5294e2;
border: 1px solid rgba(26, 28, 34, 0.35);
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05);
selection-background-color: #ffffff;
selected-color: #5294e2; }
.lg-dialog .shell-link {
color: #a9caf1; }
.lg-dialog .shell-link:hover {
color: #d5e5f8; }
.lg-completions-text {
font-size: .9em;
font-style: italic; }
.lg-obj-inspector-title {
spacing: 4px; }
.lg-obj-inspector-button {
border: 1px solid gray;
padding: 4px;
border-radius: 4px; }
.lg-obj-inspector-button:hover {
border: 1px solid #ffffff; }
#lookingGlassExtensions {
padding: 4px; }
.lg-extensions-list {
padding: 4px;
spacing: 6px; }
.lg-extension {
border: 1px solid rgba(0, 0, 0, 0.7);
border-radius: 2px;
background-color: rgba(53, 57, 69, 0.95);
padding: 4px; }
.lg-extension-name {
font-weight: bold; }
.lg-extension-meta {
spacing: 6px; }
#LookingGlassPropertyInspector {
background: rgba(0, 0, 0, 0.7);
border: 1px solid grey;
border-radius: 2px;
padding: 6px; }