From 6c58c7352ef0b809cbfcfa3182aba934e46ef110 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Florian=20M=C3=BCllner?= Date: Tue, 14 May 2024 16:48:43 +0200 Subject: [PATCH] Pre-generate stylesheet --- stylesheet.css | 1312 ++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 1312 insertions(+) create mode 100644 stylesheet.css diff --git a/stylesheet.css b/stylesheet.css new file mode 100644 index 0000000..2e72399 --- /dev/null +++ b/stylesheet.css @@ -0,0 +1,1312 @@ +.dash-item-container .overview-tile .overview-icon, +.dash-item-container .show-apps .overview-icon { + background-color: rgba(255, 255, 255, 0); } + +.dash-item-container .overview-tile:hover .overview-icon, +.dash-item-container .overview-tile.focused .overview-icon, +.dash-item-container .show-apps:hover .overview-icon { + background-color: rgba(238, 238, 238, 0.2); } + +.dash-item-container .overview-tile .app-grid-running-dot { + margin-bottom: 8px; } + +#dashtodockContainer.bottom #dash { + margin: 0px; + padding: 0px; } + #dashtodockContainer.bottom #dash .dash-background { + margin: 0; + margin-bottom: 4px; + padding: 0; + border-radius: 24px; + spacing: 6px; } + #dashtodockContainer.bottom #dash .dash-separator { + background-color: rgba(255, 255, 255, 0.1); + margin: 0 4px; + width: 1px; + height: 0; + margin-bottom: 4px; } + #dashtodockContainer.bottom #dash #dashtodockDashContainer { + padding: 10px; + padding-bottom: 0; + padding-top: 0; } + #dashtodockContainer.bottom #dash .dash-item-container { + /* Disable all margins defined upstream, we handle them here */ + margin: 0 2px; } + #dashtodockContainer.bottom #dash .dash-item-container > * { + margin: 0; } + #dashtodockContainer.bottom #dash .dash-item-container:ltr:first-child, #dashtodockContainer.bottom #dash .dash-item-container:rtl:last-child { + margin-left: 0; } + #dashtodockContainer.bottom #dash .dash-item-container:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container:rtl:first-child { + margin-right: 0; } + #dashtodockContainer.bottom #dash .dash-item-container .app-well-app, + #dashtodockContainer.bottom #dash .dash-item-container .show-apps, + #dashtodockContainer.bottom #dash .dash-item-container .overview-tile { + padding: 2px 2px; + padding-bottom: 14px; + padding-top: 10px; } + #dashtodockContainer.bottom #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.bottom #dash .dash-item-container .app-well-app:rtl:last-child, + #dashtodockContainer.bottom #dash .dash-item-container .show-apps:ltr:first-child, + #dashtodockContainer.bottom #dash .dash-item-container .show-apps:rtl:last-child, + #dashtodockContainer.bottom #dash .dash-item-container .overview-tile:ltr:first-child, + #dashtodockContainer.bottom #dash .dash-item-container .overview-tile:rtl:last-child { + padding-left: 0; } + #dashtodockContainer.bottom #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container .app-well-app:rtl:first-child, + #dashtodockContainer.bottom #dash .dash-item-container .show-apps:ltr:last-child, + #dashtodockContainer.bottom #dash .dash-item-container .show-apps:rtl:first-child, + #dashtodockContainer.bottom #dash .dash-item-container .overview-tile:ltr:last-child, + #dashtodockContainer.bottom #dash .dash-item-container .overview-tile:rtl:first-child { + padding-right: 0; } + #dashtodockContainer.bottom #dash .dash-item-container .app-well-app.running .overview-icon { + background-image: none; } + #dashtodockContainer.bottom #dash .dash-item-container .app-well-app.focused .overview-icon { + background-color: rgba(238, 238, 238, 0.2); } + #dashtodockContainer.bottom #dash .dash-item-container .app-well-app .app-well-app-running-dot { + margin-bottom: 2px; } + #dashtodockContainer.bottom #dash .dash-item-container > StButton { + transition-duration: 250; + background-size: contain; } + +#dashtodockContainer.bottom.fixed #dash .dash-background { + margin-top: 4px; } + +#dashtodockContainer.bottom.fixed #dash .dash-item-container .app-well-app, +#dashtodockContainer.bottom.fixed #dash .dash-item-container .show-apps { + padding-top: 14px; } + +.dash-label.bottom { + margin-bottom: 10px; + -x-offset: 0; + -y-offset: 0; } + +#dashtodockContainer.bottom.shrink #dash { + margin: 0px; + padding: 0px; } + #dashtodockContainer.bottom.shrink #dash .dash-background { + margin: 0; + margin-bottom: 4px; + padding: 0; + border-radius: 18px; + spacing: 2px; } + #dashtodockContainer.bottom.shrink #dash .dash-separator { + background-color: rgba(255, 255, 255, 0.1); + margin: 0 1px; + width: 1px; + height: 0; + margin-bottom: 4px; } + #dashtodockContainer.bottom.shrink #dash #dashtodockDashContainer { + padding: 3px; + padding-bottom: 0; + padding-top: 0; } + #dashtodockContainer.bottom.shrink #dash .dash-item-container { + /* Disable all margins defined upstream, we handle them here */ + margin: 0 2px; } + #dashtodockContainer.bottom.shrink #dash .dash-item-container > * { + margin: 0; } + #dashtodockContainer.bottom.shrink #dash .dash-item-container:ltr:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container:rtl:last-child { + margin-left: 0; } + #dashtodockContainer.bottom.shrink #dash .dash-item-container:ltr:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container:rtl:first-child { + margin-right: 0; } + #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app, + #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps, + #dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile { + padding: 1px 1px; + padding-bottom: 7px; + padding-top: 3px; } + #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app:rtl:last-child, + #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps:ltr:first-child, + #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps:rtl:last-child, + #dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile:ltr:first-child, + #dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile:rtl:last-child { + padding-left: 0; } + #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app:rtl:first-child, + #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps:ltr:last-child, + #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps:rtl:first-child, + #dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile:ltr:last-child, + #dashtodockContainer.bottom.shrink #dash .dash-item-container .overview-tile:rtl:first-child { + padding-right: 0; } + #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app.running .overview-icon { + background-image: none; } + #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app.focused .overview-icon { + background-color: rgba(238, 238, 238, 0.2); } + #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot { + margin-bottom: 2px; } + #dashtodockContainer.bottom.shrink #dash .dash-item-container > StButton { + transition-duration: 250; + background-size: contain; } + +#dashtodockContainer.bottom.shrink.fixed #dash .dash-background { + margin-top: 1px; } + +#dashtodockContainer.bottom.shrink.fixed #dash .dash-item-container .app-well-app, +#dashtodockContainer.bottom.shrink.fixed #dash .dash-item-container .show-apps { + padding-top: 4px; } + +.dash-label.bottom.shrink { + margin-bottom: 3px; + -x-offset: 0; + -y-offset: 0; } + +#dashtodockContainer.bottom.extended #dash { + margin: 0px; + padding: 0px; } + #dashtodockContainer.bottom.extended #dash .dash-background { + margin: 0; + margin-bottom: 0; + padding: 0; + border-radius: 0; + spacing: 6px; } + #dashtodockContainer.bottom.extended #dash .dash-separator { + background-color: rgba(255, 255, 255, 0.1); + margin: 0 4px; + width: 1px; + height: 0; + margin-bottom: 0; } + #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer { + padding: 0; + padding-bottom: 0; + padding-top: 0; } + #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer > :first-child .show-apps { + padding-left: 8px; } + #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { + padding-left: 8px; } + #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer > :last-child .show-apps { + padding-right: 8px; } + #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { + padding-right: 8px; } + #dashtodockContainer.bottom.extended #dash .dash-item-container { + /* Disable all margins defined upstream, we handle them here */ + margin: 0 2px; } + #dashtodockContainer.bottom.extended #dash .dash-item-container > * { + margin: 0; } + #dashtodockContainer.bottom.extended #dash .dash-item-container:ltr:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container:rtl:last-child { + margin-left: 0; } + #dashtodockContainer.bottom.extended #dash .dash-item-container:ltr:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container:rtl:first-child { + margin-right: 0; } + #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app, + #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps, + #dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile { + padding: 2px 2px; + padding-bottom: 10px; + padding-top: 10px; } + #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app:rtl:last-child, + #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps:ltr:first-child, + #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps:rtl:last-child, + #dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile:ltr:first-child, + #dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile:rtl:last-child { + padding-left: 0; } + #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app:rtl:first-child, + #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps:ltr:last-child, + #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps:rtl:first-child, + #dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile:ltr:last-child, + #dashtodockContainer.bottom.extended #dash .dash-item-container .overview-tile:rtl:first-child { + padding-right: 0; } + #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app.running .overview-icon { + background-image: none; } + #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app.focused .overview-icon { + background-color: rgba(238, 238, 238, 0.2); } + #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app .app-well-app-running-dot { + margin-bottom: 2px; } + #dashtodockContainer.bottom.extended #dash .dash-item-container > StButton { + transition-duration: 250; + background-size: contain; } + +#dashtodockContainer.bottom.extended.fixed #dash .dash-background { + margin-top: 0; } + +#dashtodockContainer.bottom.extended.fixed #dash .dash-item-container .app-well-app, +#dashtodockContainer.bottom.extended.fixed #dash .dash-item-container .show-apps { + padding-top: 10px; } + +.dash-label.bottom { + margin-bottom: 10px; + -x-offset: 0; + -y-offset: 0; } + +#dashtodockContainer.bottom.extended.shrink #dash { + margin: 0px; + padding: 0px; } + #dashtodockContainer.bottom.extended.shrink #dash .dash-background { + margin: 0; + margin-bottom: 0; + padding: 0; + border-radius: 0; + spacing: 2px; } + #dashtodockContainer.bottom.extended.shrink #dash .dash-separator { + background-color: rgba(255, 255, 255, 0.1); + margin: 0 1px; + width: 1px; + height: 0; + margin-bottom: 0; } + #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer { + padding: 0; + padding-bottom: 0; + padding-top: 0; } + #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer > :first-child .show-apps { + padding-left: 6px; } + #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { + padding-left: 6px; } + #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer > :last-child .show-apps { + padding-right: 6px; } + #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { + padding-right: 6px; } + #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container { + /* Disable all margins defined upstream, we handle them here */ + margin: 0 2px; } + #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container > * { + margin: 0; } + #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container:ltr:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container:rtl:last-child { + margin-left: 0; } + #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container:ltr:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container:rtl:first-child { + margin-right: 0; } + #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app, + #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps, + #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .overview-tile { + padding: 1px 1px; + padding-bottom: 3px; + padding-top: 3px; } + #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app:rtl:last-child, + #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps:ltr:first-child, + #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps:rtl:last-child, + #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .overview-tile:ltr:first-child, + #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .overview-tile:rtl:last-child { + padding-left: 0; } + #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app:rtl:first-child, + #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps:ltr:last-child, + #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps:rtl:first-child, + #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .overview-tile:ltr:last-child, + #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .overview-tile:rtl:first-child { + padding-right: 0; } + #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon { + background-image: none; } + #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon { + background-color: rgba(238, 238, 238, 0.2); } + #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot { + margin-bottom: 2px; } + #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container > StButton { + transition-duration: 250; + background-size: contain; } + +#dashtodockContainer.bottom.extended.shrink.fixed #dash .dash-background { + margin-top: 0; } + +#dashtodockContainer.bottom.extended.shrink.fixed #dash .dash-item-container .app-well-app, +#dashtodockContainer.bottom.extended.shrink.fixed #dash .dash-item-container .show-apps { + padding-top: 3px; } + +.dash-label.bottom.shrink { + margin-bottom: 3px; + -x-offset: 0; + -y-offset: 0; } + +.dashtodock-app-well-preview-menu-item.bottom { + padding: 0.5em 0.5em; } + .dashtodock-app-well-preview-menu-item.bottom:ltr:first-child, .dashtodock-app-well-preview-menu-item.bottom:rtl:last-child { + padding-left: 1em; } + .dashtodock-app-well-preview-menu-item.bottom:ltr:last-child, .dashtodock-app-well-preview-menu-item.bottom:rtl:first-child { + padding-right: 1em; } + +#dashtodockContainer.top #dash { + margin: 0px; + padding: 0px; } + #dashtodockContainer.top #dash .dash-background { + margin: 0; + margin-top: 4px; + padding: 0; + border-radius: 24px; + spacing: 6px; } + #dashtodockContainer.top #dash .dash-separator { + background-color: rgba(255, 255, 255, 0.1); + margin: 0 4px; + width: 1px; + height: 0; + margin-top: 4px; } + #dashtodockContainer.top #dash #dashtodockDashContainer { + padding: 10px; + padding-top: 0; + padding-bottom: 0; } + #dashtodockContainer.top #dash .dash-item-container { + /* Disable all margins defined upstream, we handle them here */ + margin: 0 2px; } + #dashtodockContainer.top #dash .dash-item-container > * { + margin: 0; } + #dashtodockContainer.top #dash .dash-item-container:ltr:first-child, #dashtodockContainer.top #dash .dash-item-container:rtl:last-child { + margin-left: 0; } + #dashtodockContainer.top #dash .dash-item-container:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container:rtl:first-child { + margin-right: 0; } + #dashtodockContainer.top #dash .dash-item-container .app-well-app, + #dashtodockContainer.top #dash .dash-item-container .show-apps, + #dashtodockContainer.top #dash .dash-item-container .overview-tile { + padding: 2px 2px; + padding-top: 14px; + padding-bottom: 10px; } + #dashtodockContainer.top #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.top #dash .dash-item-container .app-well-app:rtl:last-child, + #dashtodockContainer.top #dash .dash-item-container .show-apps:ltr:first-child, + #dashtodockContainer.top #dash .dash-item-container .show-apps:rtl:last-child, + #dashtodockContainer.top #dash .dash-item-container .overview-tile:ltr:first-child, + #dashtodockContainer.top #dash .dash-item-container .overview-tile:rtl:last-child { + padding-left: 0; } + #dashtodockContainer.top #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container .app-well-app:rtl:first-child, + #dashtodockContainer.top #dash .dash-item-container .show-apps:ltr:last-child, + #dashtodockContainer.top #dash .dash-item-container .show-apps:rtl:first-child, + #dashtodockContainer.top #dash .dash-item-container .overview-tile:ltr:last-child, + #dashtodockContainer.top #dash .dash-item-container .overview-tile:rtl:first-child { + padding-right: 0; } + #dashtodockContainer.top #dash .dash-item-container .app-well-app.running .overview-icon { + background-image: none; } + #dashtodockContainer.top #dash .dash-item-container .app-well-app.focused .overview-icon { + background-color: rgba(238, 238, 238, 0.2); } + #dashtodockContainer.top #dash .dash-item-container .app-well-app .app-well-app-running-dot { + margin-bottom: 2px; } + #dashtodockContainer.top #dash .dash-item-container > StButton { + transition-duration: 250; + background-size: contain; } + +#dashtodockContainer.top.fixed #dash .dash-background { + margin-bottom: 4px; } + +#dashtodockContainer.top.fixed #dash .dash-item-container .app-well-app, +#dashtodockContainer.top.fixed #dash .dash-item-container .show-apps { + padding-bottom: 14px; } + +.dash-label.top { + margin-top: 10px; + -x-offset: 0; + -y-offset: 0; } + +#dashtodockContainer.top.shrink #dash { + margin: 0px; + padding: 0px; } + #dashtodockContainer.top.shrink #dash .dash-background { + margin: 0; + margin-top: 4px; + padding: 0; + border-radius: 18px; + spacing: 2px; } + #dashtodockContainer.top.shrink #dash .dash-separator { + background-color: rgba(255, 255, 255, 0.1); + margin: 0 1px; + width: 1px; + height: 0; + margin-top: 4px; } + #dashtodockContainer.top.shrink #dash #dashtodockDashContainer { + padding: 3px; + padding-top: 0; + padding-bottom: 0; } + #dashtodockContainer.top.shrink #dash .dash-item-container { + /* Disable all margins defined upstream, we handle them here */ + margin: 0 2px; } + #dashtodockContainer.top.shrink #dash .dash-item-container > * { + margin: 0; } + #dashtodockContainer.top.shrink #dash .dash-item-container:ltr:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container:rtl:last-child { + margin-left: 0; } + #dashtodockContainer.top.shrink #dash .dash-item-container:ltr:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container:rtl:first-child { + margin-right: 0; } + #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app, + #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps, + #dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile { + padding: 1px 1px; + padding-top: 7px; + padding-bottom: 3px; } + #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app:rtl:last-child, + #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps:ltr:first-child, + #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps:rtl:last-child, + #dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile:ltr:first-child, + #dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile:rtl:last-child { + padding-left: 0; } + #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app:rtl:first-child, + #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps:ltr:last-child, + #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps:rtl:first-child, + #dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile:ltr:last-child, + #dashtodockContainer.top.shrink #dash .dash-item-container .overview-tile:rtl:first-child { + padding-right: 0; } + #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app.running .overview-icon { + background-image: none; } + #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app.focused .overview-icon { + background-color: rgba(238, 238, 238, 0.2); } + #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot { + margin-bottom: 2px; } + #dashtodockContainer.top.shrink #dash .dash-item-container > StButton { + transition-duration: 250; + background-size: contain; } + +#dashtodockContainer.top.shrink.fixed #dash .dash-background { + margin-bottom: 1px; } + +#dashtodockContainer.top.shrink.fixed #dash .dash-item-container .app-well-app, +#dashtodockContainer.top.shrink.fixed #dash .dash-item-container .show-apps { + padding-bottom: 4px; } + +.dash-label.top.shrink { + margin-top: 3px; + -x-offset: 0; + -y-offset: 0; } + +#dashtodockContainer.top.extended #dash { + margin: 0px; + padding: 0px; } + #dashtodockContainer.top.extended #dash .dash-background { + margin: 0; + margin-top: 0; + padding: 0; + border-radius: 0; + spacing: 6px; } + #dashtodockContainer.top.extended #dash .dash-separator { + background-color: rgba(255, 255, 255, 0.1); + margin: 0 4px; + width: 1px; + height: 0; + margin-top: 0; } + #dashtodockContainer.top.extended #dash #dashtodockDashContainer { + padding: 0; + padding-top: 0; + padding-bottom: 0; } + #dashtodockContainer.top.extended #dash #dashtodockDashContainer > :first-child .show-apps { + padding-left: 8px; } + #dashtodockContainer.top.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { + padding-left: 8px; } + #dashtodockContainer.top.extended #dash #dashtodockDashContainer > :last-child .show-apps { + padding-right: 8px; } + #dashtodockContainer.top.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { + padding-right: 8px; } + #dashtodockContainer.top.extended #dash .dash-item-container { + /* Disable all margins defined upstream, we handle them here */ + margin: 0 2px; } + #dashtodockContainer.top.extended #dash .dash-item-container > * { + margin: 0; } + #dashtodockContainer.top.extended #dash .dash-item-container:ltr:first-child, #dashtodockContainer.top.extended #dash .dash-item-container:rtl:last-child { + margin-left: 0; } + #dashtodockContainer.top.extended #dash .dash-item-container:ltr:last-child, #dashtodockContainer.top.extended #dash .dash-item-container:rtl:first-child { + margin-right: 0; } + #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app, + #dashtodockContainer.top.extended #dash .dash-item-container .show-apps, + #dashtodockContainer.top.extended #dash .dash-item-container .overview-tile { + padding: 2px 2px; + padding-top: 10px; + padding-bottom: 10px; } + #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app:rtl:last-child, + #dashtodockContainer.top.extended #dash .dash-item-container .show-apps:ltr:first-child, + #dashtodockContainer.top.extended #dash .dash-item-container .show-apps:rtl:last-child, + #dashtodockContainer.top.extended #dash .dash-item-container .overview-tile:ltr:first-child, + #dashtodockContainer.top.extended #dash .dash-item-container .overview-tile:rtl:last-child { + padding-left: 0; } + #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app:rtl:first-child, + #dashtodockContainer.top.extended #dash .dash-item-container .show-apps:ltr:last-child, + #dashtodockContainer.top.extended #dash .dash-item-container .show-apps:rtl:first-child, + #dashtodockContainer.top.extended #dash .dash-item-container .overview-tile:ltr:last-child, + #dashtodockContainer.top.extended #dash .dash-item-container .overview-tile:rtl:first-child { + padding-right: 0; } + #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app.running .overview-icon { + background-image: none; } + #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app.focused .overview-icon { + background-color: rgba(238, 238, 238, 0.2); } + #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app .app-well-app-running-dot { + margin-bottom: 2px; } + #dashtodockContainer.top.extended #dash .dash-item-container > StButton { + transition-duration: 250; + background-size: contain; } + +#dashtodockContainer.top.extended.fixed #dash .dash-background { + margin-bottom: 0; } + +#dashtodockContainer.top.extended.fixed #dash .dash-item-container .app-well-app, +#dashtodockContainer.top.extended.fixed #dash .dash-item-container .show-apps { + padding-bottom: 10px; } + +.dash-label.top { + margin-top: 10px; + -x-offset: 0; + -y-offset: 0; } + +#dashtodockContainer.top.extended.shrink #dash { + margin: 0px; + padding: 0px; } + #dashtodockContainer.top.extended.shrink #dash .dash-background { + margin: 0; + margin-top: 0; + padding: 0; + border-radius: 0; + spacing: 2px; } + #dashtodockContainer.top.extended.shrink #dash .dash-separator { + background-color: rgba(255, 255, 255, 0.1); + margin: 0 1px; + width: 1px; + height: 0; + margin-top: 0; } + #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer { + padding: 0; + padding-top: 0; + padding-bottom: 0; } + #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer > :first-child .show-apps { + padding-left: 6px; } + #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { + padding-left: 6px; } + #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer > :last-child .show-apps { + padding-right: 6px; } + #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { + padding-right: 6px; } + #dashtodockContainer.top.extended.shrink #dash .dash-item-container { + /* Disable all margins defined upstream, we handle them here */ + margin: 0 2px; } + #dashtodockContainer.top.extended.shrink #dash .dash-item-container > * { + margin: 0; } + #dashtodockContainer.top.extended.shrink #dash .dash-item-container:ltr:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container:rtl:last-child { + margin-left: 0; } + #dashtodockContainer.top.extended.shrink #dash .dash-item-container:ltr:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container:rtl:first-child { + margin-right: 0; } + #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app, + #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps, + #dashtodockContainer.top.extended.shrink #dash .dash-item-container .overview-tile { + padding: 1px 1px; + padding-top: 3px; + padding-bottom: 3px; } + #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app:rtl:last-child, + #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps:ltr:first-child, + #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps:rtl:last-child, + #dashtodockContainer.top.extended.shrink #dash .dash-item-container .overview-tile:ltr:first-child, + #dashtodockContainer.top.extended.shrink #dash .dash-item-container .overview-tile:rtl:last-child { + padding-left: 0; } + #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app:rtl:first-child, + #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps:ltr:last-child, + #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps:rtl:first-child, + #dashtodockContainer.top.extended.shrink #dash .dash-item-container .overview-tile:ltr:last-child, + #dashtodockContainer.top.extended.shrink #dash .dash-item-container .overview-tile:rtl:first-child { + padding-right: 0; } + #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon { + background-image: none; } + #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon { + background-color: rgba(238, 238, 238, 0.2); } + #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot { + margin-bottom: 2px; } + #dashtodockContainer.top.extended.shrink #dash .dash-item-container > StButton { + transition-duration: 250; + background-size: contain; } + +#dashtodockContainer.top.extended.shrink.fixed #dash .dash-background { + margin-bottom: 0; } + +#dashtodockContainer.top.extended.shrink.fixed #dash .dash-item-container .app-well-app, +#dashtodockContainer.top.extended.shrink.fixed #dash .dash-item-container .show-apps { + padding-bottom: 3px; } + +.dash-label.top.shrink { + margin-top: 3px; + -x-offset: 0; + -y-offset: 0; } + +.dashtodock-app-well-preview-menu-item.top { + padding: 0.5em 0.5em; } + .dashtodock-app-well-preview-menu-item.top:ltr:first-child, .dashtodock-app-well-preview-menu-item.top:rtl:last-child { + padding-left: 1em; } + .dashtodock-app-well-preview-menu-item.top:ltr:last-child, .dashtodock-app-well-preview-menu-item.top:rtl:first-child { + padding-right: 1em; } + +#dashtodockContainer.left #dash { + margin: 0px; + padding: 0px; } + #dashtodockContainer.left #dash .dash-background { + margin: 0; + margin-left: 4px; + padding: 0; + border-radius: 24px; + spacing: 6px; } + #dashtodockContainer.left #dash .dash-separator { + background-color: rgba(255, 255, 255, 0.1); + width: 0; + height: 1px; + margin: 4px 0; + margin-left: 4px; } + #dashtodockContainer.left #dash #dashtodockDashContainer { + padding: 10px; + padding-left: 0; + padding-right: 0; } + #dashtodockContainer.left #dash .dash-item-container { + /* Disable all margins defined upstream, we handle them here */ + margin: 2px 0; } + #dashtodockContainer.left #dash .dash-item-container > * { + margin: 0; } + #dashtodockContainer.left #dash .dash-item-container:first-child { + margin-top: 0; } + #dashtodockContainer.left #dash .dash-item-container:last-child { + margin-bottom: 0; } + #dashtodockContainer.left #dash .dash-item-container .app-well-app, + #dashtodockContainer.left #dash .dash-item-container .show-apps, + #dashtodockContainer.left #dash .dash-item-container .overview-tile { + padding: 2px 2px; + padding-left: 14px; + padding-right: 10px; } + #dashtodockContainer.left #dash .dash-item-container .app-well-app:first-child, + #dashtodockContainer.left #dash .dash-item-container .show-apps:first-child, + #dashtodockContainer.left #dash .dash-item-container .overview-tile:first-child { + padding-top: 0; } + #dashtodockContainer.left #dash .dash-item-container .app-well-app:last-child, + #dashtodockContainer.left #dash .dash-item-container .show-apps:last-child, + #dashtodockContainer.left #dash .dash-item-container .overview-tile:last-child { + padding-bottom: 0; } + #dashtodockContainer.left #dash .dash-item-container .app-well-app.running .overview-icon { + background-image: none; } + #dashtodockContainer.left #dash .dash-item-container .app-well-app.focused .overview-icon { + background-color: rgba(238, 238, 238, 0.2); } + #dashtodockContainer.left #dash .dash-item-container .app-well-app .app-well-app-running-dot { + margin-bottom: 2px; } + #dashtodockContainer.left #dash .dash-item-container > StButton { + transition-duration: 250; + background-size: contain; } + +#dashtodockContainer.left.fixed #dash .dash-background { + margin-right: 4px; } + +#dashtodockContainer.left.fixed #dash .dash-item-container .app-well-app, +#dashtodockContainer.left.fixed #dash .dash-item-container .show-apps { + padding-right: 14px; } + +.dash-label.left { + margin: 0; + -x-offset: 10px; + -y-offset: 0; } + +#dashtodockContainer.left.shrink #dash { + margin: 0px; + padding: 0px; } + #dashtodockContainer.left.shrink #dash .dash-background { + margin: 0; + margin-left: 4px; + padding: 0; + border-radius: 18px; + spacing: 2px; } + #dashtodockContainer.left.shrink #dash .dash-separator { + background-color: rgba(255, 255, 255, 0.1); + width: 0; + height: 1px; + margin: 1px 0; + margin-left: 4px; } + #dashtodockContainer.left.shrink #dash #dashtodockDashContainer { + padding: 3px; + padding-left: 0; + padding-right: 0; } + #dashtodockContainer.left.shrink #dash .dash-item-container { + /* Disable all margins defined upstream, we handle them here */ + margin: 2px 0; } + #dashtodockContainer.left.shrink #dash .dash-item-container > * { + margin: 0; } + #dashtodockContainer.left.shrink #dash .dash-item-container:first-child { + margin-top: 0; } + #dashtodockContainer.left.shrink #dash .dash-item-container:last-child { + margin-bottom: 0; } + #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app, + #dashtodockContainer.left.shrink #dash .dash-item-container .show-apps, + #dashtodockContainer.left.shrink #dash .dash-item-container .overview-tile { + padding: 1px 1px; + padding-left: 7px; + padding-right: 3px; } + #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app:first-child, + #dashtodockContainer.left.shrink #dash .dash-item-container .show-apps:first-child, + #dashtodockContainer.left.shrink #dash .dash-item-container .overview-tile:first-child { + padding-top: 0; } + #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app:last-child, + #dashtodockContainer.left.shrink #dash .dash-item-container .show-apps:last-child, + #dashtodockContainer.left.shrink #dash .dash-item-container .overview-tile:last-child { + padding-bottom: 0; } + #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app.running .overview-icon { + background-image: none; } + #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app.focused .overview-icon { + background-color: rgba(238, 238, 238, 0.2); } + #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot { + margin-bottom: 2px; } + #dashtodockContainer.left.shrink #dash .dash-item-container > StButton { + transition-duration: 250; + background-size: contain; } + +#dashtodockContainer.left.shrink.fixed #dash .dash-background { + margin-right: 1px; } + +#dashtodockContainer.left.shrink.fixed #dash .dash-item-container .app-well-app, +#dashtodockContainer.left.shrink.fixed #dash .dash-item-container .show-apps { + padding-right: 4px; } + +.dash-label.left.shrink { + margin: 0; + -x-offset: 3px; + -y-offset: 0; } + +#dashtodockContainer.left.extended #dash { + margin: 0px; + padding: 0px; } + #dashtodockContainer.left.extended #dash .dash-background { + margin: 0; + margin-left: 0; + padding: 0; + border-radius: 0; + spacing: 6px; } + #dashtodockContainer.left.extended #dash .dash-separator { + background-color: rgba(255, 255, 255, 0.1); + width: 0; + height: 1px; + margin: 4px 0; + margin-left: 0; } + #dashtodockContainer.left.extended #dash #dashtodockDashContainer { + padding: 0; + padding-left: 0; + padding-right: 0; } + #dashtodockContainer.left.extended #dash #dashtodockDashContainer > :first-child .show-apps { + padding-top: 8px; } + #dashtodockContainer.left.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { + padding-top: 8px; } + #dashtodockContainer.left.extended #dash #dashtodockDashContainer > :last-child .show-apps { + padding-bottom: 8px; } + #dashtodockContainer.left.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { + padding-bottom: 8px; } + #dashtodockContainer.left.extended #dash .dash-item-container { + /* Disable all margins defined upstream, we handle them here */ + margin: 2px 0; } + #dashtodockContainer.left.extended #dash .dash-item-container > * { + margin: 0; } + #dashtodockContainer.left.extended #dash .dash-item-container:first-child { + margin-top: 0; } + #dashtodockContainer.left.extended #dash .dash-item-container:last-child { + margin-bottom: 0; } + #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app, + #dashtodockContainer.left.extended #dash .dash-item-container .show-apps, + #dashtodockContainer.left.extended #dash .dash-item-container .overview-tile { + padding: 2px 2px; + padding-left: 10px; + padding-right: 10px; } + #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app:first-child, + #dashtodockContainer.left.extended #dash .dash-item-container .show-apps:first-child, + #dashtodockContainer.left.extended #dash .dash-item-container .overview-tile:first-child { + padding-top: 0; } + #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app:last-child, + #dashtodockContainer.left.extended #dash .dash-item-container .show-apps:last-child, + #dashtodockContainer.left.extended #dash .dash-item-container .overview-tile:last-child { + padding-bottom: 0; } + #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app.running .overview-icon { + background-image: none; } + #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app.focused .overview-icon { + background-color: rgba(238, 238, 238, 0.2); } + #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app .app-well-app-running-dot { + margin-bottom: 2px; } + #dashtodockContainer.left.extended #dash .dash-item-container > StButton { + transition-duration: 250; + background-size: contain; } + +#dashtodockContainer.left.extended.fixed #dash .dash-background { + margin-right: 0; } + +#dashtodockContainer.left.extended.fixed #dash .dash-item-container .app-well-app, +#dashtodockContainer.left.extended.fixed #dash .dash-item-container .show-apps { + padding-right: 10px; } + +.dash-label.left { + margin: 0; + -x-offset: 10px; + -y-offset: 0; } + +#dashtodockContainer.left.extended.shrink #dash { + margin: 0px; + padding: 0px; } + #dashtodockContainer.left.extended.shrink #dash .dash-background { + margin: 0; + margin-left: 0; + padding: 0; + border-radius: 0; + spacing: 2px; } + #dashtodockContainer.left.extended.shrink #dash .dash-separator { + background-color: rgba(255, 255, 255, 0.1); + width: 0; + height: 1px; + margin: 1px 0; + margin-left: 0; } + #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer { + padding: 0; + padding-left: 0; + padding-right: 0; } + #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer > :first-child .show-apps { + padding-top: 6px; } + #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { + padding-top: 6px; } + #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer > :last-child .show-apps { + padding-bottom: 6px; } + #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { + padding-bottom: 6px; } + #dashtodockContainer.left.extended.shrink #dash .dash-item-container { + /* Disable all margins defined upstream, we handle them here */ + margin: 2px 0; } + #dashtodockContainer.left.extended.shrink #dash .dash-item-container > * { + margin: 0; } + #dashtodockContainer.left.extended.shrink #dash .dash-item-container:first-child { + margin-top: 0; } + #dashtodockContainer.left.extended.shrink #dash .dash-item-container:last-child { + margin-bottom: 0; } + #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app, + #dashtodockContainer.left.extended.shrink #dash .dash-item-container .show-apps, + #dashtodockContainer.left.extended.shrink #dash .dash-item-container .overview-tile { + padding: 1px 1px; + padding-left: 3px; + padding-right: 3px; } + #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app:first-child, + #dashtodockContainer.left.extended.shrink #dash .dash-item-container .show-apps:first-child, + #dashtodockContainer.left.extended.shrink #dash .dash-item-container .overview-tile:first-child { + padding-top: 0; } + #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app:last-child, + #dashtodockContainer.left.extended.shrink #dash .dash-item-container .show-apps:last-child, + #dashtodockContainer.left.extended.shrink #dash .dash-item-container .overview-tile:last-child { + padding-bottom: 0; } + #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon { + background-image: none; } + #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon { + background-color: rgba(238, 238, 238, 0.2); } + #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot { + margin-bottom: 2px; } + #dashtodockContainer.left.extended.shrink #dash .dash-item-container > StButton { + transition-duration: 250; + background-size: contain; } + +#dashtodockContainer.left.extended.shrink.fixed #dash .dash-background { + margin-right: 0; } + +#dashtodockContainer.left.extended.shrink.fixed #dash .dash-item-container .app-well-app, +#dashtodockContainer.left.extended.shrink.fixed #dash .dash-item-container .show-apps { + padding-right: 3px; } + +.dash-label.left.shrink { + margin: 0; + -x-offset: 3px; + -y-offset: 0; } + +.dashtodock-app-well-preview-menu-item.left { + padding: 0.5em 0.5em; } + .dashtodock-app-well-preview-menu-item.left:first-child { + padding-top: 1em; } + .dashtodock-app-well-preview-menu-item.left:last-child { + padding-bottom: 1em; } + +#dashtodockContainer.right #dash { + margin: 0px; + padding: 0px; } + #dashtodockContainer.right #dash .dash-background { + margin: 0; + margin-right: 4px; + padding: 0; + border-radius: 24px; + spacing: 6px; } + #dashtodockContainer.right #dash .dash-separator { + background-color: rgba(255, 255, 255, 0.1); + width: 0; + height: 1px; + margin: 4px 0; + margin-right: 4px; } + #dashtodockContainer.right #dash #dashtodockDashContainer { + padding: 10px; + padding-right: 0; + padding-left: 0; } + #dashtodockContainer.right #dash .dash-item-container { + /* Disable all margins defined upstream, we handle them here */ + margin: 2px 0; } + #dashtodockContainer.right #dash .dash-item-container > * { + margin: 0; } + #dashtodockContainer.right #dash .dash-item-container:first-child { + margin-top: 0; } + #dashtodockContainer.right #dash .dash-item-container:last-child { + margin-bottom: 0; } + #dashtodockContainer.right #dash .dash-item-container .app-well-app, + #dashtodockContainer.right #dash .dash-item-container .show-apps, + #dashtodockContainer.right #dash .dash-item-container .overview-tile { + padding: 2px 2px; + padding-right: 14px; + padding-left: 10px; } + #dashtodockContainer.right #dash .dash-item-container .app-well-app:first-child, + #dashtodockContainer.right #dash .dash-item-container .show-apps:first-child, + #dashtodockContainer.right #dash .dash-item-container .overview-tile:first-child { + padding-top: 0; } + #dashtodockContainer.right #dash .dash-item-container .app-well-app:last-child, + #dashtodockContainer.right #dash .dash-item-container .show-apps:last-child, + #dashtodockContainer.right #dash .dash-item-container .overview-tile:last-child { + padding-bottom: 0; } + #dashtodockContainer.right #dash .dash-item-container .app-well-app.running .overview-icon { + background-image: none; } + #dashtodockContainer.right #dash .dash-item-container .app-well-app.focused .overview-icon { + background-color: rgba(238, 238, 238, 0.2); } + #dashtodockContainer.right #dash .dash-item-container .app-well-app .app-well-app-running-dot { + margin-bottom: 2px; } + #dashtodockContainer.right #dash .dash-item-container > StButton { + transition-duration: 250; + background-size: contain; } + +#dashtodockContainer.right.fixed #dash .dash-background { + margin-left: 4px; } + +#dashtodockContainer.right.fixed #dash .dash-item-container .app-well-app, +#dashtodockContainer.right.fixed #dash .dash-item-container .show-apps { + padding-left: 14px; } + +.dash-label.right { + margin: 0; + -x-offset: 10px; + -y-offset: 0; } + +#dashtodockContainer.right.shrink #dash { + margin: 0px; + padding: 0px; } + #dashtodockContainer.right.shrink #dash .dash-background { + margin: 0; + margin-right: 4px; + padding: 0; + border-radius: 18px; + spacing: 2px; } + #dashtodockContainer.right.shrink #dash .dash-separator { + background-color: rgba(255, 255, 255, 0.1); + width: 0; + height: 1px; + margin: 1px 0; + margin-right: 4px; } + #dashtodockContainer.right.shrink #dash #dashtodockDashContainer { + padding: 3px; + padding-right: 0; + padding-left: 0; } + #dashtodockContainer.right.shrink #dash .dash-item-container { + /* Disable all margins defined upstream, we handle them here */ + margin: 2px 0; } + #dashtodockContainer.right.shrink #dash .dash-item-container > * { + margin: 0; } + #dashtodockContainer.right.shrink #dash .dash-item-container:first-child { + margin-top: 0; } + #dashtodockContainer.right.shrink #dash .dash-item-container:last-child { + margin-bottom: 0; } + #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app, + #dashtodockContainer.right.shrink #dash .dash-item-container .show-apps, + #dashtodockContainer.right.shrink #dash .dash-item-container .overview-tile { + padding: 1px 1px; + padding-right: 7px; + padding-left: 3px; } + #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app:first-child, + #dashtodockContainer.right.shrink #dash .dash-item-container .show-apps:first-child, + #dashtodockContainer.right.shrink #dash .dash-item-container .overview-tile:first-child { + padding-top: 0; } + #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app:last-child, + #dashtodockContainer.right.shrink #dash .dash-item-container .show-apps:last-child, + #dashtodockContainer.right.shrink #dash .dash-item-container .overview-tile:last-child { + padding-bottom: 0; } + #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app.running .overview-icon { + background-image: none; } + #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app.focused .overview-icon { + background-color: rgba(238, 238, 238, 0.2); } + #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot { + margin-bottom: 2px; } + #dashtodockContainer.right.shrink #dash .dash-item-container > StButton { + transition-duration: 250; + background-size: contain; } + +#dashtodockContainer.right.shrink.fixed #dash .dash-background { + margin-left: 1px; } + +#dashtodockContainer.right.shrink.fixed #dash .dash-item-container .app-well-app, +#dashtodockContainer.right.shrink.fixed #dash .dash-item-container .show-apps { + padding-left: 4px; } + +.dash-label.right.shrink { + margin: 0; + -x-offset: 3px; + -y-offset: 0; } + +#dashtodockContainer.right.extended #dash { + margin: 0px; + padding: 0px; } + #dashtodockContainer.right.extended #dash .dash-background { + margin: 0; + margin-right: 0; + padding: 0; + border-radius: 0; + spacing: 6px; } + #dashtodockContainer.right.extended #dash .dash-separator { + background-color: rgba(255, 255, 255, 0.1); + width: 0; + height: 1px; + margin: 4px 0; + margin-right: 0; } + #dashtodockContainer.right.extended #dash #dashtodockDashContainer { + padding: 0; + padding-right: 0; + padding-left: 0; } + #dashtodockContainer.right.extended #dash #dashtodockDashContainer > :first-child .show-apps { + padding-top: 8px; } + #dashtodockContainer.right.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { + padding-top: 8px; } + #dashtodockContainer.right.extended #dash #dashtodockDashContainer > :last-child .show-apps { + padding-bottom: 8px; } + #dashtodockContainer.right.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { + padding-bottom: 8px; } + #dashtodockContainer.right.extended #dash .dash-item-container { + /* Disable all margins defined upstream, we handle them here */ + margin: 2px 0; } + #dashtodockContainer.right.extended #dash .dash-item-container > * { + margin: 0; } + #dashtodockContainer.right.extended #dash .dash-item-container:first-child { + margin-top: 0; } + #dashtodockContainer.right.extended #dash .dash-item-container:last-child { + margin-bottom: 0; } + #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app, + #dashtodockContainer.right.extended #dash .dash-item-container .show-apps, + #dashtodockContainer.right.extended #dash .dash-item-container .overview-tile { + padding: 2px 2px; + padding-right: 10px; + padding-left: 10px; } + #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app:first-child, + #dashtodockContainer.right.extended #dash .dash-item-container .show-apps:first-child, + #dashtodockContainer.right.extended #dash .dash-item-container .overview-tile:first-child { + padding-top: 0; } + #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app:last-child, + #dashtodockContainer.right.extended #dash .dash-item-container .show-apps:last-child, + #dashtodockContainer.right.extended #dash .dash-item-container .overview-tile:last-child { + padding-bottom: 0; } + #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app.running .overview-icon { + background-image: none; } + #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app.focused .overview-icon { + background-color: rgba(238, 238, 238, 0.2); } + #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app .app-well-app-running-dot { + margin-bottom: 2px; } + #dashtodockContainer.right.extended #dash .dash-item-container > StButton { + transition-duration: 250; + background-size: contain; } + +#dashtodockContainer.right.extended.fixed #dash .dash-background { + margin-left: 0; } + +#dashtodockContainer.right.extended.fixed #dash .dash-item-container .app-well-app, +#dashtodockContainer.right.extended.fixed #dash .dash-item-container .show-apps { + padding-left: 10px; } + +.dash-label.right { + margin: 0; + -x-offset: 10px; + -y-offset: 0; } + +#dashtodockContainer.right.extended.shrink #dash { + margin: 0px; + padding: 0px; } + #dashtodockContainer.right.extended.shrink #dash .dash-background { + margin: 0; + margin-right: 0; + padding: 0; + border-radius: 0; + spacing: 2px; } + #dashtodockContainer.right.extended.shrink #dash .dash-separator { + background-color: rgba(255, 255, 255, 0.1); + width: 0; + height: 1px; + margin: 1px 0; + margin-right: 0; } + #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer { + padding: 0; + padding-right: 0; + padding-left: 0; } + #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer > :first-child .show-apps { + padding-top: 6px; } + #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { + padding-top: 6px; } + #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer > :last-child .show-apps { + padding-bottom: 6px; } + #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { + padding-bottom: 6px; } + #dashtodockContainer.right.extended.shrink #dash .dash-item-container { + /* Disable all margins defined upstream, we handle them here */ + margin: 2px 0; } + #dashtodockContainer.right.extended.shrink #dash .dash-item-container > * { + margin: 0; } + #dashtodockContainer.right.extended.shrink #dash .dash-item-container:first-child { + margin-top: 0; } + #dashtodockContainer.right.extended.shrink #dash .dash-item-container:last-child { + margin-bottom: 0; } + #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app, + #dashtodockContainer.right.extended.shrink #dash .dash-item-container .show-apps, + #dashtodockContainer.right.extended.shrink #dash .dash-item-container .overview-tile { + padding: 1px 1px; + padding-right: 3px; + padding-left: 3px; } + #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app:first-child, + #dashtodockContainer.right.extended.shrink #dash .dash-item-container .show-apps:first-child, + #dashtodockContainer.right.extended.shrink #dash .dash-item-container .overview-tile:first-child { + padding-top: 0; } + #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app:last-child, + #dashtodockContainer.right.extended.shrink #dash .dash-item-container .show-apps:last-child, + #dashtodockContainer.right.extended.shrink #dash .dash-item-container .overview-tile:last-child { + padding-bottom: 0; } + #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon { + background-image: none; } + #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon { + background-color: rgba(238, 238, 238, 0.2); } + #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot { + margin-bottom: 2px; } + #dashtodockContainer.right.extended.shrink #dash .dash-item-container > StButton { + transition-duration: 250; + background-size: contain; } + +#dashtodockContainer.right.extended.shrink.fixed #dash .dash-background { + margin-left: 0; } + +#dashtodockContainer.right.extended.shrink.fixed #dash .dash-item-container .app-well-app, +#dashtodockContainer.right.extended.shrink.fixed #dash .dash-item-container .show-apps { + padding-left: 3px; } + +.dash-label.right.shrink { + margin: 0; + -x-offset: 3px; + -y-offset: 0; } + +.dashtodock-app-well-preview-menu-item.right { + padding: 0.5em 0.5em; } + .dashtodock-app-well-preview-menu-item.right:first-child { + padding-top: 1em; } + .dashtodock-app-well-preview-menu-item.right:last-child { + padding-bottom: 1em; } + +#dashtodockContainer.top.shrink #dash .dash-background { + margin-top: 4px; + margin-bottom: 0; } + +#dashtodockContainer.straight-corner #dash .dash-background, +#dashtodockContainer.shrink.straight-corner #dash .dash-background { + border-radius: 0px; } + +/* Scrollview style */ +.bottom #dashtodockDashScrollview, +.top #dashtodockDashScrollview { + -st-hfade-offset: 24px; } + +.left #dashtodockDashScrollview, +.right #dashtodockDashScrollview { + -st-vfade-offset: 24px; } + +#dashtodockContainer.dashtodock #dash .dash-background { + background: #303030; } + +#dashtodockContainer.dashtodock .progress-bar { + /* Customization of the progress bar style. The possible elements + * are: + * + * -XXXXXX-YYYYYY: plain color + * -XXXXXX-YYYYYY-color-start: start color for gradient + * -XXXXXX-YYYYYY-color-end: end color for gradient + * -XXXXXX-YYYYYY-offset-start: offset for start color in gradient (0-1) + * -XXXXXX-YYYYYY-offset-end: offset for end color in gradient (0-1) + * -XXXXXX-line-width: width value for the line used for the border + * + * XXXXXX can be either + * + * progress-bar-track: the "track" over which the progress bar is shown + * progress-bar: the progress bar itself + * + * YYYYYY can be either + * + * background: for the background color + * border: for the border color + * + * plain color entries have priority over gradients, so if both are set for + * an element, the plain color will be used. + * + * Examples: + * + * -progress-bar-track-background: rgba(128, 128, 0, 0.75); + * -progress-bar-track-border: rgba(0, 0, 255, 0.25); + * + * -progress-bar-background: rgba(0, 204, 204, 1); + * -progress-bar-border: rgba(230, 230, 230, 1); + * + * Default values when these entries aren't set are equivalent to: + * -progress-bar-track-background-color-start: 64, 64, 64, 1.0 + * -progress-bar-track-background-color-end: 89, 89, 89, 1.0 + * -progress-bar-track-background-start-offset: 0.4 + * -progress-bar-track-background-end-offset: 0.9 + * -progress-bar-track-border-color-start: 128, 128, 128, 0.1 + * -progress-bar-track-border-color-end: 89, 89, 89, 0.4 + * -progress-bar-track-border-start-offset: 0.5 + * -progress-bar-track-border-end-offset: 0.9 + * -progress-bar-track-line-width: 1 + * -progress-bar-background: 204, 204, 204, 1.0 + * -progress-bar-border: 230, 230, 230, 1.0 + * -progress-bar-line-width: 1 + */ + -progress-bar-track-background: rgba(0, 0, 0, 0.45); + -progress-bar-track-border: rgba(0, 0, 0, 0.7); + -progress-bar-background: white; + -progress-bar-border: white; } + +#dashtodockContainer.top #dash .placeholder, +#dashtodockContainer.bottom #dash .placeholder { + width: 32px; + height: 1px; } + +/* + * This is applied to a dummy actor. Only the alpha value for the background and border color + * and the transition-duration are used + */ +#dashtodockContainer.dummy-opaque { + background-color: rgba(0, 0, 0, 0.8); + border-color: rgba(0, 0, 0, 0.4); + transition-duration: 300ms; } + +/* + * This is applied to a dummy actor. Only the alpha value for the background and border color + * and the transition-duration are used + */ +#dashtodockContainer.dummy-transparent { + background-color: rgba(0, 0, 0, 0.2); + border-color: rgba(0, 0, 0, 0.1); + transition-duration: 500ms; } + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.8); + text-align: center; } + +#dashtodockContainer .notification-badge { + color: white; + background-color: red; + padding: 0.2em 0.5em; + border-radius: 1em; + font-weight: bold; + text-align: center; + margin: 2px; } + +#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { + width: 1px; + height: auto; + border-right-width: 1px; + margin: 32px 0px; } + +#dashtodockContainer .metro .overview-icon { + border-radius: 0px; } + +#dashtodockContainer.bottom .metro.running2.focused, +#dashtodockContainer.top .metro.running2.focused { + background-image: url("./media/highlight_stacked_bg.svg"); + background-position: 0px 0px; + background-size: contain; } + +#dashtodockContainer.left .metro.running2.focused, +#dashtodockContainer.right .metro.running2.focused { + background-image: url("./media/highlight_stacked_bg_h.svg"); + background-position: 0px 0px; + background-size: contain; } + +#dashtodockContainer.bottom .metro.running3.focused, +#dashtodockContainer.top .metro.running3.focused { + background-image: url("./media/highlight_stacked_bg.svg"); + background-position: 0px 0px; + background-size: contain; } + +#dashtodockContainer.left .metro.running3.focused, +#dashtodockContainer.right .metro.running3.focused { + background-image: url("./media/highlight_stacked_bg_h.svg"); + background-position: 0px 0px; + background-size: contain; } + +#dashtodockContainer.bottom .metro.running4.focused, +#dashtodockContainer.top .metro.running4.focused { + background-image: url("./media/highlight_stacked_bg.svg"); + background-position: 0px 0px; + background-size: contain; } + +#dashtodockContainer.left .metro.running4.focused, +#dashtodockContainer.right .metro.running4.focused { + background-image: url("./media/highlight_stacked_bg_h.svg"); + background-position: 0px 0px; + background-size: contain; } -- 2.45.0