From 2bcd1ed3374c8c5ba2a1a7b81fb9bbe6a8da9204 Mon Sep 17 00:00:00 2001 From: Rinaldus Date: Sat, 24 Jan 2026 14:20:59 +0300 Subject: [PATCH] =?UTF-8?q?=D0=94=D0=BB=D1=8F=20=D1=83=D1=81=D1=82=D1=80?= =?UTF-8?q?=D0=B0=D0=BD=D0=B5=D0=BD=D0=B8=D1=8F=20=D0=BD=D0=B5=D0=BA=D0=BE?= =?UTF-8?q?=D1=82=D0=BE=D1=80=D1=8B=D1=85=20=D0=BF=D1=80=D0=BE=D0=B1=D0=BB?= =?UTF-8?q?=D0=B5=D0=BC=20=D0=B2=20=D0=BD=D0=BE=D0=B2=D1=8B=D1=85=20=D0=B2?= =?UTF-8?q?=D0=B5=D1=80=D1=81=D0=B8=D1=8F=D1=85=20=D0=B1=D1=8B=D0=BB=20?= =?UTF-8?q?=D0=B2=D0=B7=D1=8F=D1=82=20=D0=BD=D0=BE=D0=B2=D1=8B=D0=B9=20?= =?UTF-8?q?=D1=84=D0=B0=D0=B9=D0=BB=20cinnamon.css=20=D0=B8=D0=B7=20=D1=82?= =?UTF-8?q?=D0=B5=D0=BC=D1=8B=20Mint-Y-Blue.=20=D0=92=20=D1=81=D1=82=D0=B8?= =?UTF-8?q?=D0=BB=D0=B5=20".grouped-window-list-item-box:hover,=20.grouped?= =?UTF-8?q?-window-list-item-box:focus"=20=D0=B1=D1=8B=D0=BB=D0=BE=20?= =?UTF-8?q?=D0=B8=D0=B7=D0=BC=D0=B5=D0=BD=D0=B5=D0=BD=D0=BE=20=D0=B7=D0=BD?= =?UTF-8?q?=D0=B0=D1=87=D0=B5=D0=BD=D0=B8=D0=B5=20"background-color:=20#9c?= =?UTF-8?q?e9ff;"?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- cinnamon/cinnamon.css | 3047 ++++++++++++++++++++++++++++------------- 1 file changed, 2117 insertions(+), 930 deletions(-) diff --git a/cinnamon/cinnamon.css b/cinnamon/cinnamon.css index 0db0520..567c7f7 100644 --- a/cinnamon/cinnamon.css +++ b/cinnamon/cinnamon.css @@ -1,930 +1,2117 @@ -/* This file is part of plata-theme Copyright (C) 2018-2020 Tista This program is free software; you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation; either version 2 of the License, or (at your option) any later version. */ -* { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.17s; text-shadow: none; icon-shadow: none; } - -stage { color: #111111; font-family: Roboto, Sans-Serif; font-weight: 400; font-size: 10pt; } - -.label-shadow { color: transparent; } - -.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { min-height: 2em; padding: 7px 16px 8px; border-radius: 2.5px; font-weight: 500; border: none; background-color: rgba(255, 255, 255, 0.01); color: rgba(17, 17, 17, 0.87); box-shadow: inset 0 0 0 2px transparent; } - -.menu #notification .notification-button:focus, .menu #notification .notification-icon-button:focus, .popup-menu #notification .notification-button:focus, .popup-menu #notification .notification-icon-button:focus { border: none; color: #111111; box-shadow: inset 0 0 0 2px rgba(17, 17, 17, 0.2); } - -.menu #notification .notification-button:hover, .menu #notification .notification-icon-button:hover, .popup-menu #notification .notification-button:hover, .popup-menu #notification .notification-icon-button:hover { border: none; background-color: rgba(17, 17, 17, 0.12); color: #111111; } - -.menu #notification .notification-button:active, .menu #notification .notification-icon-button:active, .popup-menu #notification .notification-button:active, .popup-menu #notification .notification-icon-button:active { border: none; background-color: rgba(17, 17, 17, 0.25); color: #111111; box-shadow: 0 0 transparent; } - -.menu #notification .notification-button:insensitive, .menu #notification .notification-icon-button:insensitive, .popup-menu #notification .notification-button:insensitive, .popup-menu #notification .notification-icon-button:insensitive { border: none; background-color: rgba(0, 0, 0, 0.01); color: rgba(17, 17, 17, 0.28); box-shadow: 0 0 transparent; } - -.notification-button, .notification-icon-button { min-height: 2.5em; padding: 9px 16px 10px; border: 0 none transparent; border-radius: 2.5px; border: none; background-color: rgba(255, 255, 255, 0.01); color: rgba(17, 17, 17, 0.87); box-shadow: inset 0 0 0 2px transparent; } - -.notification-button:focus, .notification-icon-button:focus { border: none; color: #111111; box-shadow: inset 0 0 0 2px rgba(17, 17, 17, 0.2); } - -.notification-button:hover, .notification-icon-button:hover { border: none; background-color: rgba(17, 17, 17, 0.12); color: #111111; } - -.notification-button:active, .notification-icon-button:active { border: none; background-color: rgba(17, 17, 17, 0.25); color: #111111; box-shadow: 0 0 transparent; } - -.notification-button:insensitive, .notification-icon-button:insensitive { border: none; background-color: rgba(0, 0, 0, 0.01); color: rgba(17, 17, 17, 0.28); box-shadow: 0 0 transparent; } - -#menu-search-entry, .menu #notification StEntry, .popup-menu #notification StEntry { min-height: 1.2em; padding: 7px 8px 8px; border-radius: 4.5px 4.5px 0 0; border: 0 none transparent; caret-size: 1px; transition: none; selection-background-color: #3f51b5; selected-color: white; background-color: rgba(17, 17, 17, 0.06); color: rgba(17, 17, 17, 0.87); caret-color: rgba(17, 17, 17, 0.87); box-shadow: inset 0 -2px rgba(17, 17, 17, 0.2); } - -#menu-search-entry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover { background-color: rgba(17, 17, 17, 0.12); color: #111111; box-shadow: inset 0 -2px rgba(17, 17, 17, 0.2); } - -#menu-search-entry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus { background-color: rgba(17, 17, 17, 0.12); color: #111111; caret-color: #111111; box-shadow: inset 0 -2px #3f51b5; } - -#menu-search-entry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning { icon-size: 16px; padding: 0 2px; warning-color: #ff9800; } - -.run-dialog-entry, .notification StEntry { min-height: 1.2em; padding: 7px 8px 8px; border-radius: 4.5px 4.5px 0 0; border: 0 none transparent; caret-size: 1px; selection-background-color: #3f51b5; selected-color: white; background-color: rgba(17, 17, 17, 0.06); color: rgba(17, 17, 17, 0.87); caret-color: rgba(17, 17, 17, 0.87); box-shadow: inset 0 -2px rgba(17, 17, 17, 0.2); } - -.run-dialog-entry:hover, .notification StEntry:hover { background-color: rgba(17, 17, 17, 0.12); color: #111111; box-shadow: inset 0 -2px rgba(17, 17, 17, 0.2); } - -.run-dialog-entry:focus, .notification StEntry:focus { background-color: rgba(17, 17, 17, 0.12); color: #111111; caret-color: #111111; box-shadow: inset 0 -2px #3f51b5; } - -.run-dialog-entry:insensitive, .notification StEntry:insensitive { background-color: rgba(17, 17, 17, 0.0168); color: rgba(17, 17, 17, 0.28); box-shadow: 0 0 transparent; } - -StScrollView.vfade { -st-vfade-offset: 0; } - -StScrollView.hfade { -st-hfade-offset: 0; } - -StScrollBar { padding: 0; } - -StScrollView StScrollBar { min-width: 0.75em; min-height: 0.75em; } - -StScrollBar StBin#trough { margin: 0; border-radius: 0; background-color: white; } - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { margin: 0; border-radius: 0; background-color: rgba(17, 17, 17, 0.2916); } - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: rgba(17, 17, 17, 0.4698); } - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-color: #111111; } - -.separator { height: 1px; margin: 0; padding: 0; border-color: rgba(0, 0, 0, 0.15); border-bottom-width: 1px; border-bottom-style: solid; background-color: transparent; } - -.popup-slider-menu-item, .slider { height: 16px; min-width: 15em; border: 0 solid transparent; border-right-width: 3px; border-left-width: 3px; color: #7986cb; -slider-height: 2px; -slider-background-color: rgba(17, 17, 17, 0.2); -slider-border-color: transparent; -slider-active-background-color: #7986cb; -slider-active-border-color: transparent; -slider-border-width: 0; -slider-handle-radius: 8px; } - -.radiobutton CinnamonGenericContainer, .check-box CinnamonGenericContainer { min-height: 26.66px; spacing: 0.4em; padding-top: 5.33px; } - -.radiobutton StLabel, .check-box StLabel { padding-top: 0.1em; padding-bottom: 0.2em; font-weight: 400; font-size: 100%; } - -.check-box StBin { width: 16px; height: 16px; background-image: url("assets/checkbox/checkbox-unchecked.svg"); } - -.check-box:checked StBin { background-image: url("assets/checkbox/checkbox-checked.svg"); } - -.radiobutton StBin { width: 16px; height: 16px; background-image: url("assets/checkbox/radiobutton-unchecked.svg"); } - -.radiobutton:checked StBin { background-image: url("assets/checkbox/radiobutton-checked.svg"); } - -.toggle-switch { width: 40px; height: 20px; background-size: contain; } - -.toggle-switch-us, .toggle-switch-intl { background-image: url("assets/switch/switch-off.svg"); } - -.toggle-switch-us:checked, .toggle-switch-intl:checked { background-image: url("assets/switch/switch-on.svg"); } - -.cinnamon-link { border-radius: 2.5px; color: #2196f3; text-decoration: underline; } - -.cinnamon-link:hover { color: #2196f3; background-color: pacity(#2196f3, 0.12); } - -.cinnamon-link:active { color: #2196f3; background-color: rgba(33, 150, 243, 0.25); } - -#Tooltip { padding: 7px 8px 8px; border-radius: 2.5px; background-color: rgba(189, 189, 189, 0.93); color: #111111; box-shadow: 0 0 transparent; font-weight: 400; font-size: 100%; text-align: center; } - -.popup-menu, .menu { min-width: 0; } - -.popup-menu-arrow, .menu-arrow { icon-size: 16px; } - -.popup-menu .popup-sub-menu, .menu .popup-sub-menu { min-width: 0; padding-bottom: 1px; border-bottom: 1px solid rgba(0, 0, 0, 0.15); background-color: #f8f8f8; background-gradient-direction: none; box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.12); } - -.popup-menu .popup-sub-menu StScrollBar, .menu .popup-sub-menu StScrollBar { padding: 4px; } - -.popup-menu .popup-sub-menu StScrollBar StBin#trough, .popup-menu .popup-sub-menu StScrollBar StBin#vhandle, .menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle { border-width: 0; } - -.popup-menu .popup-menu-content, .menu .popup-menu-content { margin: 3px 5px 10px; padding: 0.3em 0; border-radius: 4.5px; border: 1px solid lightgray; background-color: #e7e7e7; color: rgba(17, 17, 17, 0.87); box-shadow: 0 4.5px 5.5px rgba(0, 0, 0, 0.38); } - -.popup-menu .popup-menu-item, .menu .popup-menu-item { padding: 0.4em 1.75em; spacing: 1em; border: 0 none transparent; color: rgba(17, 17, 17, 0.87); } - -.popup-menu .popup-menu-item:active, .menu .popup-menu-item:active { background-color: rgba(17, 17, 17, 0.12); color: #111111; } - -.popup-menu .popup-menu-item:insensitive, .menu .popup-menu-item:insensitive { color: rgba(17, 17, 17, 0.28); background: none; } - -.popup-menu .popup-menu-item StLabel, .menu .popup-menu-item StLabel { max-width: 45em; } - -.popup-menu .popup-inactive-menu-item, .menu .popup-inactive-menu-item { color: rgba(17, 17, 17, 0.87); } - -.popup-menu .popup-inactive-menu-item:insensitive, .menu .popup-inactive-menu-item:insensitive { color: rgba(17, 17, 17, 0.28); } - -.popup-menu-icon, .menu-icon { icon-size: 16px; } - -.popup-menu-boxpointer { -arrow-border-radius: 0; -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-base: 0; -arrow-rise: 0; -arrow-box-shadow: 0 0 transparent; } - -.popup-combo-menu { padding: 1em; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4.5px; color: #111111; background-color: rgba(231, 231, 231, 0.93); } - -.popup-combobox-item { spacing: 1em; } - -.popup-separator-menu-item { height: 1px; margin: 0; padding: 0; border-color: rgba(0, 0, 0, 0.15); border-bottom-width: 1px; border-bottom-style: solid; background-color: transparent; -gradient-start: transparent; -gradient-end: transparent; } - -.popup-alternating-menu-item:alternate { font-weight: 500; } - -.popup-device-menu-item { spacing: 0.5em; } - -.popup-subtitle-menu-item { font-weight: 500; } - -.popup-menu-item-dot { color: #3f51b5; } - -.nm-menu-item-icons { spacing: 0.5em; } - -#panel { min-width: 32px; min-height: 28px; width: 2.25em; height: 1.95em; color: #111111; background-color: #e0e0e0; font-weight: 700; font-size: 100%; } - -#panel:highlight { background-color: rgba(30, 52, 166, 0.25); } - -#panelLeft, .panelLeft { spacing: 4px; } - -#panelLeft:dnd, .panelLeft:dnd { background-gradient-direction: vertical; background-gradient-start: rgba(244, 67, 54, 0.4); background-gradient-end: rgba(244, 67, 54, 0.4); } - -#panelLeft:ltr, .panelLeft:ltr { padding-right: 4px; } - -#panelLeft:rtl, .panelLeft:rtl { padding-left: 4px; } - -#panelLeft.vertical, .panelLeft.vertical { padding: 0; spacing: 0; } - -#panelRight:dnd, .panelRight:dnd { background-gradient-direction: vertical; background-gradient-start: rgba(33, 150, 243, 0.4); background-gradient-end: rgba(33, 150, 243, 0.4); } - -#panelRight:ltr, .panelRight:ltr { padding-left: 4px; spacing: 0; } - -#panelRight:rtl, .panelRight:rtl { padding-right: 4px; spacing: 0; } - -#panelRight.vertical, .panelRight.vertical { padding: 0; spacing: 0; } - -#panelCenter, .panelCenter { spacing: 4px; } - -#panelCenter:dnd, .panelCenter:dnd { background-gradient-direction: vertical; background-gradient-start: rgba(76, 175, 80, 0.4); background-gradient-end: rgba(76, 175, 80, 0.4); } - -#panelCenter.vertical, .panelCenter.vertical { padding: 0; spacing: 0; } - -.panel { padding: 0; } - -.panel-dummy { background-color: rgba(224, 224, 224, 0.4); } - -.panel-dummy:entered { background-color: rgba(30, 52, 166, 0.25); } - -.panel-status-button { height: 22px; -natural-hpadding: 3px; -minimum-hpadding: 3px; border-width: 0; font-weight: 700; color: #111111; } - -.panel-status-button:hover { color: black; } - -.panel-button { -natural-hpadding: 6px; -minimum-hpadding: 3px; background-color: rgba(0, 0, 0, 0.01); color: #111111; font-weight: 700; transition-duration: 0.17s; } - -.panel-button:hover, .panel-button:active { color: black; background-color: rgba(0, 0, 0, 0.01); } - -.panel-top .panel-button:hover, .panel-top .panel-status-button:hover { box-shadow: inset 0 2px 0 rgba(17, 17, 17, 0.2); } - -.panel-top .panel-button:active, .panel-top .panel-status-button:active { box-shadow: inset 0 2px 0 #3f51b5; } - -.panel-bottom .panel-button:hover, .panel-bottom .panel-status-button:hover { box-shadow: inset 0 -2px 0 rgba(17, 17, 17, 0.2); } - -.panel-bottom .panel-button:active, .panel-bottom .panel-status-button:active { box-shadow: inset 0 -2px 0 #3f51b5; } - -.panel-left .panel-button, .panel-left .panel-status-button { -natural-hpadding: 0; -minimum-hpadding: 0; -natural-vpadding: 2px; -minimum-vpadding: 2px; } - -.panel-left .panel-button:hover, .panel-left .panel-status-button:hover { box-shadow: inset 2px 0 0 rgba(17, 17, 17, 0.2); } - -.panel-left .panel-button:active, .panel-left .panel-status-button:active { box-shadow: inset 2px 0 0 #3f51b5; } - -.panel-right .panel-button, .panel-right .panel-status-button { -natural-hpadding: 0; -minimum-hpadding: 0; -natural-vpadding: 2px; -minimum-vpadding: 2px; } - -.panel-right .panel-button:hover, .panel-right .panel-status-button:hover { box-shadow: inset -2px 0 0 rgba(17, 17, 17, 0.2); } - -.panel-right .panel-button:active, .panel-right .panel-status-button:active { box-shadow: inset -2px 0 0 #3f51b5; } - -.panel StIcon { icon-size: 16px; } - -.panel-corner, .panel-corner:active, .panel-corner:overview, .panel-corner:focus { -panel-corner-radius: 0; -panel-corner-background-color: #e0e0e0; -panel-corner-inner-border-width: 0; -panel-corner-inner-border-color: transparent; -panel-corner-outer-border-width: 0; -panel-corner-outer-border-color: transparent; } - -.panel-menu { -boxpointer-gap: 4px; } - -.system-status-icon { icon-size: 16px; margin: 0; spacing: 0; padding-left: 0; padding-right: 0; } - -.system-status-icon.warning { color: #ff9800; } - -.system-status-icon.error { color: #f44336; } - -#overview { spacing: 12px; } - -.window-border { border: 4px solid rgba(255, 255, 255, 0.12); border-radius: 2.5px 2.5px 0 0; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12); } - -.window-caption { max-width: 20em; -cinnamon-caption-spacing: 12px; spacing: 25px; padding: 0.3em 0.9em 0.4em; border-radius: 2.5px; color: #111111; background-color: rgba(231, 231, 231, 0.93); box-shadow: 0 0 transparent; } - -#selected.window-caption, .window-caption:focus { spacing: 25px; color: #111111; background-color: rgba(17, 17, 17, 0.12); box-shadow: 0 0 transparent; } - -.workspace-controls { visible-height: 2.25em; } - -.workspace-thumbnails { spacing: 2.25em; } - -.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { padding: 8px; } - -.workspace-thumbnail-indicator { outline: 0 none transparent; border: 2px solid #3f51b5; } - -.workspace-add-button { height: 200px; width: 35px; background-image: url("assets/misc/add-workspace.svg"); transition-duration: 0.17s; } - -.workspace-add-button:hover { background-image: url("assets/misc/add-workspace-hover.svg"); transition-duration: 0.17s; } - -.workspace-add-button:active { background-image: url("assets/misc/add-workspace-active.svg"); transition-duration: 0.17s; } - -.workspace-overview-background-shade { background-color: rgba(255, 255, 255, 0.28); } - -.workspace-close-button, .window-close { height: 36px; width: 36px; -cinnamon-close-overlap: 24px; background-image: url("assets/misc/close.svg"); background-size: 36px; } - -.workspace-close-button:hover, .window-close:hover { height: 36px; width: 36px; background-image: url("assets/misc/close-hover.svg"); background-size: 36px; } - -.workspace-close-button:active, .window-close:active { height: 36px; width: 36px; background-image: url("assets/misc/close-active.svg"); background-size: 36px; } - -.window-close-area { width: 400px; height: 120px; background-image: url("assets/misc/trash-icon.svg"); } - -.overview-icon { padding: 9px; border: none; border-radius: 2.5px; color: #111111; transition-duration: 0.17s; text-align: center; } - -.overview-icon StLabel { padding-top: 6px; } - -.overview-empty-placeholder { color: rgba(255, 255, 255, 0.54); font-size: 200%; } - -#LookingGlassDialog { spacing: 4px; padding: 6px; border: none; border-radius: 8.5px; background-color: rgba(231, 231, 231, 0.93); color: #111111; box-shadow: 0 10px 14px rgba(0, 0, 0, 0.44); } - -.calendar { padding: 0.4em 1.75em; spacing-rows: 0; spacing-columns: 0; } - -.calendar-month-label { margin: 0 0.2em; padding-top: 0.35em; color: #111111; font-weight: 400; font-size: 90%; } - -.calendar-change-month-back, .calendar-change-month-forward { width: 2em; height: 2em; margin: 0; padding: 0; border-radius: 999px; font-size: 90%; } - -.calendar-change-month-back:hover, .calendar-change-month-forward:hover { background-color: rgba(17, 17, 17, 0.12); } - -.calendar-change-month-back:active, .calendar-change-month-forward:active { background-color: rgba(17, 17, 17, 0.25); } - -.calendar-change-month-back { background-image: url("assets/misc/calendar-arrow-left.svg"); } - -.calendar-change-month-back:rtl { background-image: url("assets/misc/calendar-arrow-right.svg"); } - -.calendar-change-month-forward { background-image: url("assets/misc/calendar-arrow-right.svg"); } - -.calendar-change-month-forward:rtl { background-image: url("assets/misc/calendar-arrow-left.svg"); } - -.datemenu-date-label { padding: 0.4em 0; border-radius: 2.5px; color: #111111; font-weight: 700; text-align: center; } - -.calendar-day { border-width: 0; color: #111111; } - -.calendar-day-base { width: 2.4em; height: 2.4em; padding: 0; margin: 0.2em; border-radius: 999px; font-size: 90%; text-align: center; } - -.calendar-day-heading { width: 2.4em; height: 1.9em; margin-top: 0.2em; padding: 0.5em 0 0; background-color: transparent; color: rgba(17, 17, 17, 0.54); font-weight: 500; font-size: 90%; text-align: center; } - -.calendar-day-top { border-top-width: 0; } - -.calendar-day-left { border-left-width: 0; } - -.calendar-day-with-events { background-image: none; color: #2196f3; font-weight: 500; text-decoration: underline; } - -.calendar-week-number { width: 2.4em; height: 1.9em; margin: 0.2em; padding: 0.5em 0 0; background-color: transparent; color: rgba(17, 17, 17, 0.54); font-weight: 500; font-size: inherit; text-align: center; } - -.calendar-nonwork-day { color: rgba(17, 17, 17, 0.87); background-color: transparent; } - -.calendar-today { border-width: 0; color: white; background-color: #3f51b5; font-weight: 700; } - -.calendar-other-month-day { color: rgba(17, 17, 17, 0.2916); } - -#notification { width: 34em; spacing-rows: 10px; spacing-columns: 10px; margin-from-right-edge-of-screen: 20px; padding: 13px; border-radius: 8.5px; background-color: rgba(189, 189, 189, 0.93); color: #111111; box-shadow: 0 10px 14px rgba(0, 0, 0, 0.44); } - -.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { padding: 9px; border-radius: 0; border: 1px solid rgba(0, 0, 0, 0.15); background-color: white; color: #111111; box-shadow: 0 0 transparent; } - -.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { padding: 5px; } - -#notification.multi-line-notification { padding-bottom: 13px; color: #111111; } - -#notification-scrollview { max-height: 10em; } - -#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { height: 1em; } - -#notification-scrollview:ltr > StScrollBar { padding-left: 6px; } - -#notification-scrollview:rtl > StScrollBar { padding-right: 6px; } - -#notification-body { spacing: 5px; } - -#notification-actions { spacing: 10px; } - -.notification-with-image { min-height: 159px; color: #111111; } - -.notification-button, .notification-icon-button { padding: 5px; } - -.notification-icon-button > StIcon { icon-size: 36px; } - -.grouped-window-list-thumbnail-menu .item-box, .switcher-list .item-box { padding: 8px; border-radius: 2.5px; } - -.grouped-window-list-thumbnail-menu .item-box:outlined, .switcher-list .item-box:outlined { padding: 6px; border: 2px solid rgba(17, 17, 17, 0.2); } - -.grouped-window-list-thumbnail-menu .item-box:selected, .switcher-list .item-box:selected { background-color: rgba(30, 52, 166, 0.25); color: #1e34a6; } - -.grouped-window-list-thumbnail-menu .thumbnail, .switcher-list .thumbnail { width: 256px; } - -.grouped-window-list-thumbnail-menu .thumbnail-box, .switcher-list .thumbnail-box { padding: 2px; spacing: 4px; } - -.grouped-window-list-thumbnail-menu .separator, .switcher-list .separator { width: 1px; background: rgba(0, 0, 0, 0.15); } - -#altTabPopup { padding: 8px; spacing: 16px; } - -.switcher-list { padding: 20px; border: none; border-radius: 8.5px; color: #111111; background-color: rgba(231, 231, 231, 0.93); box-shadow: 0 10px 14px rgba(0, 0, 0, 0.44); } - -.switcher-list > StBoxLayout { padding: 4px; } - -.switcher-list-item-container { spacing: 8px; } - -.switcher-arrow { border-color: transparent; color: #111111; } - -.thumbnail-scroll-gradient-left { width: 60px; border-radius: 24px; border-radius-topright: 0; border-radius-bottomright: 0; background-color: transparent; } - -.thumbnail-scroll-gradient-right { width: 60px; border-radius: 24px; border-radius-topleft: 0; border-radius-bottomleft: 0; background-color: transparent; } - -.ripple-box:ltr, .ripple-box:rtl { width: 104px; height: 104px; border-radius: 104px; background-image: none; background-color: rgba(121, 134, 203, 0.54); box-shadow: 0 0 transparent; } - -.modal-dialog { padding: 0 5px 6px 5px; border: none; border-radius: 8.5px; color: #111111; background-color: rgba(231, 231, 231, 0.93); box-shadow: 0 10px 14px rgba(0, 0, 0, 0.44); } - -.modal-dialog > StBoxLayout:first-child { padding: 20px 10px 10px 10px; } - -.modal-dialog-button-box { spacing: 0; margin: 0; padding: 14px 10px; border: none; background: none; } - -.modal-dialog-button-box .modal-dialog-button { padding: 7px 16px 8px; border: 0 none transparent; border-radius: 2.5px; font-weight: 700; border: none; background-color: rgba(255, 255, 255, 0.01); color: rgba(30, 52, 166, 0.87); box-shadow: inset 0 0 0 2px transparent; } - -.modal-dialog-button-box .modal-dialog-button:hover { border: none; background-color: rgba(30, 52, 166, 0.12); color: #1e34a6; } - -.modal-dialog-button-box .modal-dialog-button:focus { border: none; color: #1e34a6; box-shadow: inset 0 0 0 2px rgba(30, 52, 166, 0.2); } - -.modal-dialog-button-box .modal-dialog-button:active { border: none; background-color: rgba(30, 52, 166, 0.25); color: #1e34a6; box-shadow: 0 0 transparent; } - -.modal-dialog-button-box .modal-dialog-button:insensitive { border: none; background-color: rgba(0, 0, 0, 0.01); color: rgba(17, 17, 17, 0.28); box-shadow: 0 0 transparent; } - -.run-dialog { padding: 0 15px 10px 15px; border-radius: 8.5px; background-color: rgba(231, 231, 231, 0.93); box-shadow: 0 10px 14px rgba(0, 0, 0, 0.44); } - -.run-dialog > * { padding: 0; } - -.run-dialog-label { padding-bottom: 0; color: rgba(17, 17, 17, 0.54); font-weight: 400; font-size: 90%; } - -.run-dialog-error-label { color: #f44336; } - -.run-dialog-error-box { padding-top: 15px; spacing: 5px; color: #f44336; font-size: 90%; } - -.run-dialog-completion-box { padding-left: 15px; font-size: 100%; } - -.run-dialog-entry { width: 28em; padding: 7px; border-radius: 4.5px 4.5px 0 0; caret-color: #111111; selected-color: white; selection-background-color: #3f51b5; } - -.run-dialog .modal-dialog-button-box { border: none; background: none; background-gradient-direction: none; box-shadow: 0 0 transparent; } - -.cinnamon-mount-operation-icon { icon-size: 48px; } - -.mount-password-reask { color: #ff9800; } - -.show-processes-dialog, .mount-question-dialog { spacing: 24px; } - -.show-processes-dialog-subject, .mount-question-dialog-subject { padding-top: 10px; padding-bottom: 6px; } - -.show-processes-dialog-subject:ltr, .mount-question-dialog-subject:ltr { padding-left: 17px; } - -.show-processes-dialog-subject:rtl, .mount-question-dialog-subject:rtl { padding-right: 17px; } - -.show-processes-dialog-description, .mount-question-dialog-description { width: 28em; } - -.show-processes-dialog-description:ltr, .mount-question-dialog-description:ltr { padding-left: 17px; } - -.show-processes-dialog-description:rtl, .mount-question-dialog-description:rtl { padding-right: 17px; } - -.show-processes-dialog-app-list { max-height: 200px; padding-top: 24px; } - -.show-processes-dialog-app-list:ltr { 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: rgba(17, 17, 17, 0.87); } - -.show-processes-dialog-app-list-item:hover { color: #111111; } - -.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: 110%; } - -.magnifier-zoom-region { border: 2px solid #3f51b5; } - -.magnifier-zoom-region.full-screen { border-width: 0; } - -#keyboard { border-width: 0; background-color: rgba(255, 255, 255, 0.28); } - -.keyboard-layout { spacing: 3.999px; padding: 3.999px; } - -.keyboard-row { spacing: 3.999px; } - -.keyboard-key { min-height: 26.66px; min-width: 26.66px; border-radius: 2.5px; border: 1px solid rgba(205, 205, 205, 0.9805); background-color: #e7e7e7; color: rgba(17, 17, 17, 0.87); box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; font-size: 26.66px; font-weight: 700; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } - -.keyboard-key:focus, .keyboard-key:hover, .keyboard-key:checked { color: #111111; border-color: #cbcbcb; background-color: #cbcbcb; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } - -.keyboard-key:active { border-color: #b2b2b2; background-color: #b2b2b2; color: #111111; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } - -.keyboard-key:grayed { border-color: rgba(224, 224, 224, 0.99454); background-color: #e0e0e0; color: rgba(17, 17, 17, 0.54); transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } - -.keyboard-subkeys { padding: 0; border-radius: 2.5px; -arrow-border-radius: 0; -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-base: 0; -arrow-rise: 0; -boxpointer-gap: 3.999px; background-color: #673ab7; color: white; box-shadow: 0 2.5px 4.5px rgba(0, 0, 0, 0.34); } - -.keyboard-subkeys .keyboard-key { border: 0 none transparent; background-color: rgba(0, 0, 0, 0.01); color: rgba(255, 255, 255, 0.9); box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.2); } - -.keyboard-subkeys .keyboard-key:focus, .keyboard-subkeys .keyboard-key:hover, .keyboard-subkeys .keyboard-key:checked { border: 0 none transparent; background-color: rgba(255, 255, 255, 0.12); color: white; box-shadow: 0 0 transparent; } - -.keyboard-subkeys .keyboard-key:active { border: 0 none transparent; background-color: rgba(255, 255, 255, 0.25); color: white; box-shadow: 0 0 transparent; } - -.menu-favorites-box { padding: 7px; border-radius: 0; border: 0 none transparent; background-color: transparent; } - -.menu-favorites-box .popup-menu-item { padding: 10px; } - -.menu-favorites-button { padding: 10px; border-radius: 2.5px; border: 0 none transparent; } - -.menu-favorites-button:hover { border: none; background-color: rgba(17, 17, 17, 0.12); color: #111111; } - -.menu-places-box { padding: 7px; } - -.menu-places-button { padding: 10px; border-radius: 2.5px; border: 0 none transparent; } - -.menu-categories-box { padding: 7px 7px 0 7px; border: 0 solid rgba(0, 0, 0, 0.15); } - -.menu-categories-box:ltr { border-right-width: 1px; } - -.menu-categories-box:rtl { border-left-width: 1px; } - -.menu-applications-outer-box:ltr { padding: 7px 14px 0 7px; } - -.menu-applications-outer-box:rtl { padding: 7px 7px 0 14px; } - -.menu-applications-inner-box { padding: 7px 7px 0 7px; } - -.menu-application-button { padding: 0 7px; border: 0 none transparent; color: rgba(17, 17, 17, 0.87); } - -.menu-application-button:highlighted { font-weight: 700; } - -.menu-application-button-selected { border: none; background-color: rgba(17, 17, 17, 0.12); color: #111111; padding: 0 7px; border-radius: 2.5px; } - -.menu-application-button-selected:highlighted { font-weight: 700; } - -.menu-application-button-label:ltr { padding: 6px 0 7px 5px; } - -.menu-application-button-label:rtl { padding: 6px 5px 7px 0; } - -.menu StScrollView.menu-application-button { padding: 0; border-radius: 4.5px; border: 1px solid rgba(0, 0, 0, 0.15); background-color: #f8f8f8; } - -.menu StScrollView.menu-application-button .popup-menu-item { padding: 0; spacing: 0; } - -.menu StScrollView.menu-application-button .popup-menu-item:ltr { padding-left: 7px; } - -.menu StScrollView.menu-application-button .popup-menu-item:rtl { padding-right: 7px; } - -.menu StScrollView.menu-application-button .popup-menu-item:first-child { border-radius: 4.5px 4.5px 0 0; } - -.menu StScrollView.menu-application-button .popup-menu-item:last-child { border-radius: 0 0 4.5px 4.5px; } - -.menu StScrollView.menu-application-button .popup-menu-item:active { border-image: none; background-color: rgba(17, 17, 17, 0.12); } - -.menu StScrollView.menu-application-button .popup-menu-item StIcon { min-width: 22px; } - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { padding: 6px 0 7px 5px; } - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { padding: 6px 5px 7px 0; } - -.menu-category-button { color: rgba(17, 17, 17, 0.87); } - -.menu-category-button, .menu-category-button-hover, .menu-category-button-selected, .menu-category-button-greyed { padding: 0 7px; border-radius: 2.5px; border: 0 none transparent; font-weight: 500; } - -.menu-category-button-hover, .menu-category-button-selected { background-color: rgba(63, 81, 181, 0.12); color: #3f51b5; } - -.menu-category-button-hover:ltr, .menu-category-button-selected:ltr { border-radius: 2.5px 999px 999px 2.5px; } - -.menu-category-button-hover:rtl, .menu-category-button-selected:rtl { border-radius: 999px 2.5px 2.5px 999px; } - -.menu-category-button-greyed { color: rgba(17, 17, 17, 0.28); } - -.menu-category-button-greyed StIcon { opacity: 0.54; } - -.menu-category-button-label:ltr { padding: 6px 0 7px 5px; } - -.menu-category-button-label:rtl { padding: 6px 5px 7px 0; } - -.menu-selected-app-box { margin-bottom: 1.06em; padding: 0 30px; text-align: right; } - -.menu-selected-app-title { margin-top: 0.4em; color: rgba(17, 17, 17, 0.87); font-weight: 700; font-size: 90%; } - -.menu-selected-app-description { max-width: 150px; color: rgba(17, 17, 17, 0.54); font-size: 90%; } - -.menu-top-box { spacing: 7px; } - -.menu-search-box:ltr { padding: 0 0 7px 7px; } - -.menu-search-box:rtl { padding: 0 7px 7px 0; } - -.menu-search-entry-icon { icon-size: 16px; color: #111111; } - -#menu-search-entry { width: 24em; caret-color: #111111; font-weight: 400; } - -.info-osd { spacing: 1em; padding: 16px; border-radius: 8.5px; background-color: rgba(231, 231, 231, 0.93); color: #111111; box-shadow: 0 10px 14px rgba(0, 0, 0, 0.44); text-align: center; font-weight: 700; } - -.osd-window { min-width: 64px; min-height: 64px; spacing: 1em; margin: 0; padding: 20px; border: none; border-radius: 8.5px; color: #111111; background-color: rgba(231, 231, 231, 0.93); box-shadow: 0 10px 14px rgba(0, 0, 0, 0.44); font-weight: 700; text-align: center; } - -.osd-window .osd-monitor-label { font-size: 300%; } - -.osd-window .level { height: 3px; padding: 0; border-radius: 0; background-color: rgba(17, 17, 17, 0.2); color: #4caf50; } - -.osd-window .level-bar { border-radius: 0; background-color: #4caf50; } - -.grouped-window-list-item-box, .window-list-item-box { border: 0 none transparent; border-image: none; background-image: none; background-color: rgba(0, 0, 0, 0.01); color: #111111; box-shadow: 0 0 transparent; font-weight: 400; } - -.grouped-window-list-item-box StLabel, .window-list-item-box StLabel { font-weight: 400; } - -.panel-top .grouped-window-list-item-box StLabel:ltr, .panel-top .window-list-item-box StLabel:ltr, .panel-bottom .grouped-window-list-item-box StLabel:ltr, .panel-bottom .window-list-item-box StLabel:ltr { padding: 0 4px 0 0; } - -.panel-top .grouped-window-list-item-box StLabel:rtl, .panel-top .window-list-item-box StLabel:rtl, .panel-bottom .grouped-window-list-item-box StLabel:rtl, .panel-bottom .window-list-item-box StLabel:rtl { padding: 0 0 0 4px; } - -.grouped-window-list-item-box:hover, .window-list-item-box:hover { background-color: rgba(17, 17, 17, 0.12); color: black; } - -.grouped-window-list-item-box:active:focus, .grouped-window-list-item-box:checked:focus, .window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:focus, .window-list-item-box:running { background-color: rgba(54, 154, 255, 0.50); color: black; } - -.panel-top .grouped-window-list-item-box:active:focus, .panel-top .grouped-window-list-item-box:checked:focus, .panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:focus, .panel-top .window-list-item-box:running { box-shadow: inset 0 -2px #3f51b5; } - -.panel-bottom .grouped-window-list-item-box:active:focus, .panel-bottom .grouped-window-list-item-box:checked:focus, .panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:focus, .panel-bottom .window-list-item-box:running { box-shadow: inset 0 -2px #3f51b5; } - -.panel-left .grouped-window-list-item-box:active:focus, .panel-left .grouped-window-list-item-box:checked:focus, .panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:focus, .panel-left .window-list-item-box:running { box-shadow: inset 2px 0 #3f51b5; } - -.panel-right .grouped-window-list-item-box:active:focus, .panel-right .grouped-window-list-item-box:checked:focus, .panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:focus, .panel-right .window-list-item-box:running { box-shadow: inset -2px 0 #3f51b5; } - -.grouped-window-list-item-box:hover:active:focus, .grouped-window-list-item-box:hover:checked:focus, .window-list-item-box:hover:active, .window-list-item-box:hover:checked, .window-list-item-box:hover:focus, .window-list-item-box:hover:running { background-color: rgba(41, 51, 240, 1); color: black; } - -.panel-top .grouped-window-list-item-box:hover:active:focus, .panel-top .grouped-window-list-item-box:hover:checked:focus, .panel-top .window-list-item-box:hover:active, .panel-top .window-list-item-box:hover:checked, .panel-top .window-list-item-box:hover:focus, .panel-top .window-list-item-box:hover:running { box-shadow: inset 0 -2px #3f51b5; } - -.panel-bottom .grouped-window-list-item-box:hover:active:focus, .panel-bottom .grouped-window-list-item-box:hover:checked:focus, .panel-bottom .window-list-item-box:hover:active, .panel-bottom .window-list-item-box:hover:checked, .panel-bottom .window-list-item-box:hover:focus, .panel-bottom .window-list-item-box:hover:running { box-shadow: inset 0 -2px #3f51b5; } - -.panel-left .grouped-window-list-item-box:hover:active:focus, .panel-left .grouped-window-list-item-box:hover:checked:focus, .panel-left .window-list-item-box:hover:active, .panel-left .window-list-item-box:hover:checked, .panel-left .window-list-item-box:hover:focus, .panel-left .window-list-item-box:hover:running { box-shadow: inset 2px 0 #3f51b5; } - -.panel-right .grouped-window-list-item-box:hover:active:focus, .panel-right .grouped-window-list-item-box:hover:checked:focus, .panel-right .window-list-item-box:hover:active, .panel-right .window-list-item-box:hover:checked, .panel-right .window-list-item-box:hover:focus, .panel-right .window-list-item-box:hover:running { box-shadow: inset -2px 0 #3f51b5; } - -.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked { background-color: rgba(0, 0, 0, 0.01); color: black; } - -.grouped-window-list-item-box:hover:active, .grouped-window-list-item-box:hover:checked { background-color: rgba(41, 51, 240, 1); } - -.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked { box-shadow: inset 0 -2px rgba(41, 51, 240, 1); } - -.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked { box-shadow: inset 0 -2px rgba(41, 51, 240, 1); } - -.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked { box-shadow: inset 2px 0 rgba(41, 51, 240, 1); } - -.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked { box-shadow: inset -2px 0 rgba(41, 51, 240, 1); } - -.grouped-window-list-item-box .progress, .window-list-item-box:progress, .window-list-item-box .progress, .grouped-window-list-item-demands-attention, .window-list-item-demands-attention { background-color: rgba(250, 155, 244, 1); } - -.grouped-window-list-item-demands-attention, .window-list-item-demands-attention { color: black; } - -.panel-top .grouped-window-list-item-demands-attention, .panel-top .window-list-item-demands-attention { box-shadow: inset 0 -2px #3f51b5; } - -.panel-bottom .grouped-window-list-item-demands-attention, .panel-bottom .window-list-item-demands-attention { box-shadow: inset 0 -2px #3f51b5; } - -.panel-left .grouped-window-list-item-demands-attention, .panel-left .window-list-item-demands-attention { box-shadow: inset 2px 0 #3f51b5; } - -.panel-right .grouped-window-list-item-demands-attention, .panel-right .window-list-item-demands-attention { box-shadow: inset -2px 0 #3f51b5; } - -.window-list-preview { padding: 12px; spacing: 8px; border: none; border-radius: 8.5px; color: #111111; background-color: rgba(231, 231, 231, 0.93); box-shadow: 0 10px 14px rgba(0, 0, 0, 0.44); } - -.window-list-box { spacing: 0; } - -.panel-top .window-list-box:ltr, .panel-bottom .window-list-box:ltr { padding: 0 0 0 8px; } - -.panel-top .window-list-box:rtl, .panel-bottom .window-list-box:rtl { padding: 0 8px 0 0; } - -.window-list-box.vertical { padding: 6px 0 0 0; } - -.window-list-box:highlight { background-color: rgba(30, 52, 166, 0.25); } - -.panel-top .window-list-item-box StIcon, .panel-bottom .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-bottom .window-list-item-box StBin { padding: 0 4px; } - -.window-list-item-box.vertical StIcon, .window-list-item-box.vertical StBin { padding: 0; } - -.grouped-window-list-thumbnail-label:ltr { padding-left: 4px; } - -.grouped-window-list-thumbnail-label:rtl { padding-right: 4px; } - -.grouped-window-list-thumbnail-alert { background: rgba(30, 52, 166, 0.25); } - -.grouped-window-list-thumbnail-menu { margin: 0.6em; border: none; border-radius: 8.5px; color: #111111; background-color: rgba(231, 231, 231, 0.93); box-shadow: 0 10px 14px rgba(0, 0, 0, 0.44); } - -.grouped-window-list-number-label { margin: 0.1em 0 0; padding: 0; color: #111111; font-size: 10px; font-weight: 700; text-shadow: none; } - -.grouped-window-list-item-box:active:focus .grouped-window-list-number-label { color: white; } - -.grouped-window-list-badge { border-radius: 999px; background-color: rgba(189, 189, 189, 0.93); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.28); } - -.grouped-window-list-badge:ltr { margin: 1px 0 0 1px; } - -.grouped-window-list-badge:rtl { margin: 1px 1px 0 0; } - -.grouped-window-list-item-box:active:focus .grouped-window-list-badge { background-color: #3f51b5; } - -.grouped-window-list-button-label:ltr { padding-left: 4px; } - -.grouped-window-list-button-label:rtl { padding-right: 4px; } - -.sound-player { padding: 0 3px; } - -.sound-player > StBoxLayout:first-child { padding: 0.4em 1em 0.8em; } - -.sound-player > StBoxLayout:first-child StLabel { padding: 0 0.4em 1px; } - -.sound-player > StBoxLayout:first-child StButton:small { width: 16px; height: 16px; padding: 1px 0.4em 0; } - -.sound-player > StBoxLayout:first-child StButton:small StIcon { icon-size: 16px; } - -.sound-player-generic-coverart { background-color: #f8f8f8; } - -.sound-player-overlay { width: 290px; height: 70px; padding: 0.4em 1em 1.2em; spacing: 5px; border: 0 solid #e7e7e7; border-bottom-width: 1px; color: #111111; background: rgba(231, 231, 231, 0.93); } - -.sound-player-overlay StButton { width: 32px; height: 32px; padding: 0; border-radius: 999px; border: 0 none transparent; color: rgba(17, 17, 17, 0.87); } - -.sound-player-overlay StButton:hover { border: none; background-color: rgba(17, 17, 17, 0.12); color: #111111; } - -.sound-player-overlay StButton:active { border: none; background-color: rgba(17, 17, 17, 0.25); color: #111111; box-shadow: 0 0 transparent; } - -.sound-player-overlay StButton StIcon { icon-size: 16px; } - -.sound-player-overlay StLabel { padding: 0 5px 1px; } - -.sound-player .slider { height: 4px; padding: 0; border: 0 none transparent; -slider-height: 4px; -slider-background-color: #d1d4e1; -slider-border-color: transparent; -slider-active-background-color: #7986cb; -slider-active-border-color: transparent; -slider-border-width: 0; -slider-handle-radius: 0; } - -.spacer-box { border-radius: 0; border: 0 none transparent; } - -.spacer-box:highlight { background-color: rgba(30, 52, 166, 0.25); } - -.panelLeft:dnd .spacer-box.edit-mode, .panelLeft:dnd .spacer-box.edit-mode:highlight, #panelLeft:dnd .spacer-box.edit-mode, #panelLeft:dnd .spacer-box.edit-mode:highlight { background-color: rgba(244, 67, 54, 0.25); box-shadow: inset 0 0 0 1px #f44336; } - -.panelRight:dnd .spacer-box.edit-mode, .panelRight:dnd .spacer-box.edit-mode:highlight, #panelRight:dnd .spacer-box.edit-mode, #panelRight:dnd .spacer-box.edit-mode:highlight { background-color: rgba(33, 150, 243, 0.25); box-shadow: inset 0 0 0 1px #2196f3; } - -.panelCenter:dnd .spacer-box.edit-mode, .panelCenter:dnd .spacer-box.edit-mode:highlight, #panelCenter:dnd .spacer-box.edit-mode, #panelCenter:dnd .spacer-box.edit-mode:highlight { background-color: rgba(76, 175, 80, 0.25); box-shadow: inset 0 0 0 1px #4caf50; } - -#workspaceSwitcher { spacing: 0; padding: 3px; } - -.panel-top .workspace-switcher, .panel-bottom .workspace-switcher { padding-left: 3px; padding-right: 3px; } - -.panel-left .workspace-switcher, .panel-right .workspace-switcher { padding-top: 3px; padding-bottom: 3px; } - -.workspace-button { width: 20px; height: 10px; color: #111111; background-color: rgba(0, 0, 0, 0.01); transition-duration: 0.17s; } - -.workspace-button:hover { color: black; } - -.panel-top .workspace-button:hover { box-shadow: inset 0 2px 0 #3f51b5; } - -.panel-bottom .workspace-button:hover { box-shadow: inset 0 -2px 0 #3f51b5; } - -.panel-left .workspace-button:hover { box-shadow: inset 2px 0 0 #3f51b5; } - -.panel-right .workspace-button:hover { box-shadow: inset -2px 0 0 #3f51b5; } - -.workspace-button:outlined { color: #3f51b5; } - -.panel-top .workspace-button:outlined, .panel-top .workspace-button:outlined:hover { box-shadow: inset 0 2px 0 #3f51b5; } - -.panel-bottom .workspace-button:outlined, .panel-bottom .workspace-button:outlined:hover { box-shadow: inset 0 -2px 0 #3f51b5; } - -.panel-left .workspace-button:outlined, .panel-left .workspace-button:outlined:hover { box-shadow: inset 2px 0 0 #3f51b5; } - -.panel-right .workspace-button:outlined, .panel-right .workspace-button:outlined:hover { box-shadow: inset -2px 0 0 #3f51b5; } - -.workspace-button:shaded { color: rgba(17, 17, 17, 0.54); } - -.workspace-button:shaded:hover { color: rgba(17, 17, 17, 0.87); } - -.workspace-graph { padding: 3px; spacing: 3px; } - -.workspace-graph .workspace { border: 1px solid rgba(17, 17, 17, 0.2); background-gradient-direction: none; background-color: #e0e0e0; } - -.workspace-graph .workspace:active { border: 1px solid #3f51b5; background-gradient-direction: none; background-color: #a4abd3; } - -.workspace-graph .workspace .windows { -active-window-background: #b2b2b2; -active-window-border: rgba(17, 17, 17, 0.2); -inactive-window-background: #cdcdcd; -inactive-window-border: rgba(17, 17, 17, 0.2); } - -.workspace-graph .workspace:active .windows { -active-window-background: #3f51b5; -active-window-border: #3f51b5; -inactive-window-background: #a4abd3; -inactive-window-border: #3f51b5; } - -#panel-launchers-box { padding: 0 7px; } - -.panel-launcher { border: 0 solid transparent; } - -.panel-top .panel-launcher { padding: 0 4px 2px 4px; border-top-width: 2px; } - -.panel-bottom .panel-launcher { padding: 2px 4px 0 4px; border-bottom-width: 2px; } - -.panel-left .panel-launcher { padding: 2px 2px 2px 0; border-left-width: 2px; } - -.panel-right .panel-launcher { padding: 2px 0 2px 2px; border-right-width: 2px; } - -.panel-launcher:hover { border: 0 solid #3f51b5; background-gradient-direction: none; } - -.panel-top .panel-launcher:hover { padding: 0 4px 2px 4px; border-top-width: 2px; } - -.panel-bottom .panel-launcher:hover { padding: 2px 4px 0 4px; border-bottom-width: 2px; } - -.panel-left .panel-launcher:hover { padding: 2px 2px 2px 0; border-left-width: 2px; } - -.panel-right .panel-launcher:hover { padding: 2px 0 2px 2px; border-right-width: 2px; } - -.launcher { padding: 2px; spacing: 2px; transition-duration: 0.17s; } - -.launcher:hover { border: 0 solid #3f51b5; background-gradient-direction: none; } - -.panel-top .launcher:hover { padding-top: 0; border-top-width: 2px; } - -.panel-bottom .launcher:hover { padding-bottom: 0; border-bottom-width: 2px; } - -.panel-left .launcher:hover { padding-left: 0; border-left-width: 2px; } - -.panel-right .launcher:hover { padding-right: 0; border-right-width: 2px; } - -.launcher .icon-box { padding: 0 2px; } - -.launcher .icon-box.vertical { padding: 2px 0; } - -.panel-launchers { padding: 0 0 0 4px; spacing: 2px; } - -.panel-launchers.vertical { padding: 2px 0 0 0; spacing: 2px; } - -.panel-launchers .launcher .icon-box { padding: 0 2px; } - -.panel-launchers .launcher .icon-box.vertical { padding: 2px 0; } - -#overview-corner { background-image: url("assets/misc/overview.svg"); } - -#overview-corner:hover { background-image: url("assets/misc/overview-hover.svg"); } - -.applet-separator { padding: 1px 4px; } - -.applet-separator-line { width: 1px; background: rgba(17, 17, 17, 0.2); } - -.applet-separator-line-vertical { height: 1px; background: rgba(17, 17, 17, 0.2); } - -.applet-box { color: #111111; text-shadow: none; } - -.applet-box:hover, .applet-box:checked { color: black; background-color: rgba(0, 0, 0, 0.01); } - -.applet-box:highlight { background-color: rgba(30, 52, 166, 0.25); } - -.panel-top .applet-box { padding: 0 6px; spacing: 2px; } - -.panel-bottom .applet-box { padding: 0 6px; spacing: 2px; } - -.panel-left .applet-box { padding: 2px 0; spacing: 2px; } - -.panel-right .applet-box { padding: 2px 0; spacing: 2px; } - -.applet-label { color: #111111; font-weight: 700; } - -.applet-label:hover, .applet-box:hover .applet-label, .applet-box:checked .applet-label { color: black; text-shadow: none; } - -.applet-icon { icon-size: 16px; color: #111111; } - -.applet-icon:hover, .applet-box:hover > .applet-icon, .applet-box:checked > .applet-icon { color: black; text-shadow: none; } - -.user-icon { width: 32px; height: 32px; border: none; border-radius: 0; background-color: transparent; } - -.user-label { margin: 0; color: #111111; font-weight: 700; font-size: 100%; } - -.photoframe-box, .desklet-with-borders, .desklet-with-borders-and-header, .desklet-header { padding: 6px; border: 0 none transparent; background-color: rgba(231, 231, 231, 0.54); color: #111111; box-shadow: 0 2.5px 4.5px rgba(0, 0, 0, 0.34); } - -.photoframe-box:highlight, .desklet:highlight, .desklet:highlight-with-borders, .desklet:highlight-with-borders-and-header { background-color: rgba(0, 0, 0, 0.01); box-shadow: 0 0 0 2px #7986cb; } - -.desklet { color: rgba(17, 17, 17, 0.87); } - -.desklet-with-borders { border-radius: 8.5px; } - -.desklet-with-borders-and-header { border-radius-bottomleft: 8.5px; border-radius-bottomright: 8.5px; } - -.desklet-header { border-radius-topleft: 8.5px; border-radius-topright: 8.5px; font-size: 100%; } - -.desklet-drag-placeholder { background-color: rgba(121, 134, 203, 0.2); box-shadow: inset 0 0 0 2px #7986cb; } - -.photoframe-box { border-radius: 8.5px; } - -.about-content { width: 550px; height: 250px; spacing: 8px; padding-bottom: 10px; } - -.about-title { font-weight: 700; font-size: 200%; } - -.about-uuid { color: rgba(17, 17, 17, 0.54); font-size: 100%; } - -.about-icon { padding-right: 20px; padding-bottom: 14px; } - -.about-scrollBox { padding: 4px; padding-right: 0; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0; background-color: white; } - -.about-scrollBox-innerBox { padding: 1.2em; spacing: 1.2em; } - -.about-description { padding-top: 4px; padding-bottom: 16px; } - -.about-version { padding-left: 7px; color: rgba(17, 17, 17, 0.54); font-size: 100%; } - -.workspace-osd { padding: 0.2em 0.8em; border-radius: 8.5px; background-color: rgba(231, 231, 231, 0.93); color: #111111; box-shadow: 0 10px 14px rgba(0, 0, 0, 0.44); font-weight: 400; font-size: 300%; text-shadow: none; } - -.expo-workspaces-name-entry { -cinnamon-caption-spacing: 12px; height: 1.9em; padding: 0 8px; border-radius: 0; border-top: 0.1em solid transparent; border-bottom: 0.25em solid transparent; background-color: rgba(0, 0, 0, 0.01); color: rgba(17, 17, 17, 0.87); caret-color: rgba(17, 17, 17, 0.87); caret-size: 1px; selection-background-color: #3f51b5; selected-color: white; font-weight: 700; font-size: 90%; } - -.expo-workspaces-name-entry:focus { background-color: rgba(17, 17, 17, 0.12); color: #111111; caret-color: #111111; box-shadow: inset 0 -2px #3f51b5; } - -#selected.expo-workspaces-name-entry { color: #111111; caret-color: #111111; } - -.expo-workspace-thumbnail-frame { border-radius: 2.5px; border: 2px solid rgba(17, 17, 17, 0.2); background-color: transparent; } - -#active.expo-workspace-thumbnail-frame { border-radius: 2.5px; border: 2px solid #3f51b5; } - -.expo-background { background-color: rgba(255, 255, 255, 0.28); } - -.notification-applet-padding { padding: 0.5em 1em; } - -.notification-applet-container { max-height: 100px; } - -.flashspot { background-color: white; } - -.tile-preview, .tile-preview.snap, .tile-hud, .tile-hud.snap { border: 1px solid #3f51b5; border-radius: 0; background-color: rgba(63, 81, 181, 0.2); } - -.xkcd-box { padding: 6px; border: none; border-radius: 0; background-color: transparent; } - -.systray, #CinnamonTrayIcon { spacing: 0; padding: 0; } - -.slingshot.popup-menu-content { margin: 0 3px; padding: 0.45em 0; } - -.slingshot .button { padding: 4px; border-radius: 2.5px; border-color: lightgray; background-color: white; } - -.slingshot .button:hover { background-color: rgba(17, 17, 17, 0.12); color: #111111; } - -.slingshot .button:checked, .slingshot .button:checked:hover, .slingshot .button:active:checked, .slingshot .button:active:checked:hover { background-color: #3f51b5; color: white; } - -.slingshot .button:insensitive { background-color: rgba(0, 0, 0, 0.01); color: rgba(17, 17, 17, 0.28); } - -.slingshot .sidebar .button, .slingshot .button.app { background-color: rgba(0, 0, 0, 0.01); } - -.slingshot .sidebar .button:hover, .slingshot .button.app:hover { background-color: rgba(17, 17, 17, 0.12); color: #111111; } - -.slingshot .sidebar .button:checked, .slingshot .sidebar .button:checked:hover, .slingshot .sidebar .button:active:checked, .slingshot .sidebar .button:active:checked:hover, .slingshot .button.app:checked, .slingshot .button.app:checked:hover, .slingshot .button.app:active:checked, .slingshot .button.app:active:checked:hover { border-color: transparent; background-color: rgba(63, 81, 181, 0.25); color: #3f51b5; } - -.slingshot .entry { min-height: 24px; padding: 0 8px; border-radius: 2.5px; border-color: transparent; background-color: white; color: rgba(17, 17, 17, 0.87); caret-color: rgba(17, 17, 17, 0.87); box-shadow: inset 0 0 0 1px lightgray; } - -.slingshot .entry:ltr { margin-right: 3px; } - -.slingshot .entry:rtl { margin-left: 3px; } - -.slingshot .entry:focus, .slingshot .entry:focus:hover { border-color: transparent; background-color: white; color: #111111; caret-color: #111111; box-shadow: inset 0 0 0 1px #3f51b5; } - -.slingshot .entry:insensitive { border-color: transparent; background-color: rgba(0, 0, 0, 0.01); color: rgba(17, 17, 17, 0.28); box-shadow: inset 0 0 0 1px lightgray; } - -.slingshot > StBoxLayout > StBoxLayout { margin: 3px 0; } - -.panel-top .applet-box .window-list-item-box StIcon, .panel-top .applet-box .window-list-item-box StBin, .panel-bottom .applet-box .window-list-item-box StIcon, .panel-bottom .applet-box .window-list-item-box StBin, .panel-left .applet-box .window-list-item-box StIcon, .panel-left .applet-box .window-list-item-box StBin, .panel-right .applet-box .window-list-item-box StIcon, .panel-right .applet-box .window-list-item-box StBin { padding: 0; } - -.panel-top .applet-box .window-list-item-box { spacing: 0; padding: 0; border: 0 none transparent; border-image: none; background-color: rgba(0, 0, 0, 0.01); box-shadow: inset 0 2px rgba(17, 17, 17, 0.2); } - -.panel-top .applet-box .window-list-item-box:hover { background-color: rgba(17, 17, 17, 0.12); box-shadow: inset 0 2px rgba(17, 17, 17, 0.2); } - -.panel-top .applet-box .window-list-item-box:focus, .panel-top .applet-box .window-list-item-box:active, .panel-top .applet-box .window-list-item-box:checked { background-color: rgba(17, 17, 17, 0.12); box-shadow: inset 0 2px #3f51b5; } - -.panel-top .applet-box .window-list-item-box:closed, .panel-top .applet-box .window-list-item-box:closed:hover, .panel-top .applet-box .window-list-item-box:closed:focus, .panel-top .applet-box .window-list-item-box:closed:active, .panel-top .applet-box .window-list-item-box:closed:checked { background-color: rgba(0, 0, 0, 0.01); box-shadow: 0 0 transparent; } - -.panel-bottom .applet-box .window-list-item-box { spacing: 0; padding: 0; border: 0 none transparent; border-image: none; background-color: rgba(0, 0, 0, 0.01); box-shadow: inset 0 -2px rgba(17, 17, 17, 0.2); } - -.panel-bottom .applet-box .window-list-item-box:hover { background-color: rgba(17, 17, 17, 0.12); box-shadow: inset 0 -2px rgba(17, 17, 17, 0.2); } - -.panel-bottom .applet-box .window-list-item-box:focus, .panel-bottom .applet-box .window-list-item-box:active, .panel-bottom .applet-box .window-list-item-box:checked { background-color: rgba(17, 17, 17, 0.12); box-shadow: inset 0 -2px #3f51b5; } - -.panel-bottom .applet-box .window-list-item-box:closed, .panel-bottom .applet-box .window-list-item-box:closed:hover, .panel-bottom .applet-box .window-list-item-box:closed:focus, .panel-bottom .applet-box .window-list-item-box:closed:active, .panel-bottom .applet-box .window-list-item-box:closed:checked { background-color: rgba(0, 0, 0, 0.01); box-shadow: 0 0 transparent; } - -.panel-left .applet-box .window-list-item-box { spacing: 0; padding: 0; border: 0 none transparent; border-image: none; background-color: rgba(0, 0, 0, 0.01); box-shadow: inset 2px 0 rgba(17, 17, 17, 0.2); } - -.panel-left .applet-box .window-list-item-box:hover { background-color: rgba(17, 17, 17, 0.12); box-shadow: inset 2px 0 rgba(17, 17, 17, 0.2); } - -.panel-left .applet-box .window-list-item-box:focus, .panel-left .applet-box .window-list-item-box:active, .panel-left .applet-box .window-list-item-box:checked { background-color: rgba(17, 17, 17, 0.12); box-shadow: inset 2px 0 #3f51b5; } - -.panel-left .applet-box .window-list-item-box:closed, .panel-left .applet-box .window-list-item-box:closed:hover, .panel-left .applet-box .window-list-item-box:closed:focus, .panel-left .applet-box .window-list-item-box:closed:active, .panel-left .applet-box .window-list-item-box:closed:checked { background-color: rgba(0, 0, 0, 0.01); box-shadow: 0 0 transparent; } - -.panel-right .applet-box .window-list-item-box { spacing: 0; padding: 0; border: 0 none transparent; border-image: none; background-color: rgba(0, 0, 0, 0.01); box-shadow: inset -2px 0 rgba(17, 17, 17, 0.2); } - -.panel-right .applet-box .window-list-item-box:hover { background-color: rgba(17, 17, 17, 0.12); box-shadow: inset -2px 0 rgba(17, 17, 17, 0.2); } - -.panel-right .applet-box .window-list-item-box:focus, .panel-right .applet-box .window-list-item-box:active, .panel-right .applet-box .window-list-item-box:checked { background-color: rgba(17, 17, 17, 0.12); box-shadow: inset -2px 0 #3f51b5; } - -.panel-right .applet-box .window-list-item-box:closed, .panel-right .applet-box .window-list-item-box:closed:hover, .panel-right .applet-box .window-list-item-box:closed:focus, .panel-right .applet-box .window-list-item-box:closed:active, .panel-right .applet-box .window-list-item-box:closed:checked { background-color: rgba(0, 0, 0, 0.01); box-shadow: 0 0 transparent; } - -.applet-box .window-icon-list-numlabel { color: black; font-weight: 700; font-size: 90%; } - -StBin.popup-menu StBoxLayout.switcher-list, StBin.menu StBoxLayout.switcher-list { margin: 3px 5px 10px; border-radius: 8.5px; background-color: rgba(231, 231, 231, 0.93); } - -StBin.popup-menu StBoxLayout.switcher-list .item-box, StBin.menu StBoxLayout.switcher-list .item-box { margin: 0.3em; background-color: rgba(0, 0, 0, 0.01); border-radius: 4.5px; } - -StBin.popup-menu StBoxLayout.switcher-list .item-box:selected, StBin.menu StBoxLayout.switcher-list .item-box:selected { background-color: rgba(121, 134, 203, 0.25); } - -StBin.popup-menu StBoxLayout.switcher-list .item-box > StBoxLayout:ltr, StBin.menu StBoxLayout.switcher-list .item-box > StBoxLayout:ltr { margin: 6px 0 0 6px; } - -StBin.popup-menu StBoxLayout.switcher-list .item-box > StBoxLayout:rtl, StBin.menu StBoxLayout.switcher-list .item-box > StBoxLayout:rtl { margin: 6px 6px 0 0; } - -StBin.popup-menu StBoxLayout.switcher-list .item-box > StBoxLayout StLabel, StBin.menu StBoxLayout.switcher-list .item-box > StBoxLayout StLabel { padding-bottom: 0.1em; } - -StBin.popup-menu StBoxLayout.switcher-list .item-box > StButton:ltr, StBin.menu StBoxLayout.switcher-list .item-box > StButton:ltr { margin: 6px 6px 0 0; } - -StBin.popup-menu StBoxLayout.switcher-list .item-box > StButton:rtl, StBin.menu StBoxLayout.switcher-list .item-box > StButton:rtl { margin: 6px 0 0 6px; } - -StBin.popup-menu StBoxLayout.switcher-list .item-box > StBin.thumbnail, StBin.menu StBoxLayout.switcher-list .item-box > StBin.thumbnail { margin: 6px; } +stage { + color: #303030; } + +.label-shadow { + color: rgba(0, 0, 0, 0); } + +.sound-button, .notification-button, .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 0; + color: #303030; + background-color: #b0b0b8; + border: 1px solid #b5b5bd; + box-shadow: inset 0 2px 4px rgba(176, 176, 184, 0.05); } + .sound-button, .notification-button, .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { + border-radius: 2px; } + .sound-button:focus, .notification-button:focus, .notification-icon-button:focus, .popup-menu #notification .notification-button:focus, .popup-menu #notification .notification-icon-button:focus { + color: #303030; + background-color: #b0b0b8; + border: 1px solid #0c75de; + box-shadow: inset 0 2px 4px rgba(176, 176, 184, 0.05); } + .sound-button:hover, .notification-button:hover, .notification-icon-button:hover, .popup-menu #notification .notification-button:hover, .popup-menu #notification .notification-icon-button:hover { + color: #303030; + background-color: #bdbdc4; + border: 1px solid #b5b5bd; + box-shadow: inset 0 2px 4px rgba(189, 189, 196, 0.05); } + .sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, .popup-menu #notification .notification-button:hover:focus, .popup-menu #notification .notification-icon-button:hover:focus { + color: #303030; + background-color: #bdbdc4; + border: 1px solid #0c75de; + box-shadow: inset 0 2px 4px rgba(176, 176, 184, 0.05); } + .sound-button:active, .notification-button:active, .notification-icon-button:active, .popup-menu #notification .notification-button:active, .popup-menu #notification .notification-icon-button:active { + color: #ffffff; + background-color: #0c75de; + border: 1px solid #0c75de; + box-shadow: inset 0 2px 4px #0c75de; } + .sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, .popup-menu #notification .notification-button:insensitive, .popup-menu #notification .notification-icon-button:insensitive { + color: rgba(48, 48, 48, 0.55); + border: 1px solid rgba(181, 181, 189, 0.55); + background-color: rgba(176, 176, 184, 0.55); + box-shadow: inset 0 2px 4px rgba(176, 176, 184, 0.05); } + +.prompt-dialog-password-entry, .run-dialog-entry, #appmenu-search-entry, #menu-search-entry, .popup-menu #notification StEntry { + padding: 7px; + caret-size: 1px; + selection-background-color: #0c75de; + selected-color: #ffffff; + transition-duration: 300ms; + border-radius: 3px; + color: #303030; + background-color: #d3d3d7; + border: 1px solid #cfd6e6; + box-shadow: inset 0 2px 4px rgba(211, 211, 215, 0.05); } + .prompt-dialog-password-entry:focus, .run-dialog-entry:focus, #appmenu-search-entry:focus, #menu-search-entry:focus, .popup-menu #notification StEntry:focus, .prompt-dialog-password-entry:hover, .run-dialog-entry:hover, #appmenu-search-entry:hover, #menu-search-entry:hover, .popup-menu #notification StEntry:hover { + color: #303030; + background-color: #d3d3d7; + border: 1px solid #0c75de; + box-shadow: inset 0 2px 4px rgba(211, 211, 215, 0.05); } + .prompt-dialog-password-entry:insensitive, .run-dialog-entry:insensitive, #appmenu-search-entry:insensitive, #menu-search-entry:insensitive, .popup-menu #notification StEntry:insensitive { + color: rgba(48, 48, 48, 0.55); + background-color: #dedee1; + border-color: 1px solid #dcdfe9; + box-shadow: inset 0 2px 4px rgba(222, 222, 225, 0.05); } + .prompt-dialog-password-entry StIcon.capslock-warning, .run-dialog-entry StIcon.capslock-warning, #appmenu-search-entry StIcon.capslock-warning, #menu-search-entry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 4px; } + .prompt-dialog-password-entry StLabel.hint-text, .run-dialog-entry StLabel.hint-text, #appmenu-search-entry StLabel.hint-text, #menu-search-entry StLabel.hint-text, .popup-menu #notification StEntry StLabel.hint-text { + color: rgba(48, 48, 48, 0.3); } + .prompt-dialog-password-entry StIcon.peek-password, .run-dialog-entry StIcon.peek-password, #appmenu-search-entry StIcon.peek-password, #menu-search-entry StIcon.peek-password, .popup-menu #notification StEntry StIcon.peek-password { + icon-size: 16px; + color: #303030; } + +.notification StEntry { + padding: 7px; + caret-size: 1px; + caret-color: #c3c3c3; + selection-background-color: #0c75de; + selected-color: #ffffff; + transition-duration: 300ms; + border-radius: 3px; + color: #c3c3c3; + background-color: rgba(104, 104, 104, 0.4); + border: 1px solid rgba(17, 17, 17, 0.4); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); } + .notification StEntry:focus { + color: #ffffff; + background-color: #0c75de; + border: 1px solid #0c75de; + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); } + .notification StEntry:insensitive { + color: rgba(195, 195, 195, 0.55); + background-color: rgba(104, 104, 104, 0.25); + border: 1px solid rgba(17, 17, 17, 0.4); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); } + +StScrollView.vfade { + -st-vfade-offset: 68px; } + +StScrollView.hfade { + -st-hfade-offset: 68px; } + +StScrollBar { + padding: 8px; } + StScrollView StScrollBar { + min-width: 5px; + min-height: 5px; } + StScrollBar StBin#trough { + background-color: rgba(211, 211, 215, 0.1); + border-radius: 8px; } + StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 2px; + background-color: #d3d3d7; + border: 0px solid; + margin: 0px; } + StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #b0b0b8; } + StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #0c75de; } + +.separator { + -gradient-height: 1px; + -gradient-start: rgba(0, 0, 0, 0); + -gradient-end: rgba(0, 0, 0, 0); + -margin-horizontal: 1.5em; + height: 1em; } + +.ripple-pointer-location { + width: 50px; + height: 50px; + border-radius: 25px; + background-color: rgba(12, 117, 222, 0.3); + box-shadow: 0 0 2px 2px #0c75de; } + +.popup-slider-menu-item, +.slider { + -slider-height: 0.3em; + -slider-background-color: #cfd6e6; + -slider-border-color: rgba(235, 235, 237, 0.3); + -slider-active-background-color: #0c75de; + -slider-active-border-color: rgba(235, 235, 237, 0.3); + -slider-border-width: 1px; + -slider-handle-radius: 0.5em; + height: 1em; + min-width: 15em; + border: 0 solid transparent; + border-right-width: 1px; + border-left-width: 5px; } + +.check-box CinnamonGenericContainer { + spacing: .2em; + min-height: 30px; + padding-top: 2px; } + +.check-box StLabel { + font-weight: normal; } + +.check-box StBin { + width: 16px; + height: 16px; + background-image: url("light-assets/checkbox/checkbox-unchecked.svg"); } + +.check-box:focus StBin { + background-image: url("light-assets/checkbox/checkbox-unchecked-focused.svg"); } + +.check-box:checked StBin { + background-image: url("light-assets/checkbox/checkbox-checked.svg"); } + +.check-box:focus:checked StBin { + background-image: url("light-assets/checkbox/checkbox-checked-focused.svg"); } + +.radiobutton CinnamonGenericContainer { + spacing: .2em; + height: 26px; + padding-top: 2px; } + +.radiobutton StLabel { + padding-top: 4px; + font-size: 0.9em; + box-shadow: none; } + +.radiobutton StBin { + width: 16px; + height: 16px; + background-image: url("light-assets/checkbox/radio-unchecked.svg"); } + +.radiobutton:focus StBin { + background-image: url("light-assets/checkbox/radio-unchecked.svg"); } + +.radiobutton:checked StBin { + background-image: url("light-assets/checkbox/radio-checked.svg"); } + +.radiobutton:focus:checked StBin { + background-image: url("light-assets/checkbox/radio-checked.svg"); } + +.toggle-switch { + width: 50px; + height: 20px; + background-size: contain; } + .toggle-switch-us, .toggle-switch-intl { + background-image: url("light-assets/switch/switch-off.svg"); } + .toggle-switch-us:checked, .toggle-switch-intl:checked { + background-image: url("light-assets/switch/switch-on.svg"); } + +.cinnamon-link { + color: #095cae; + text-decoration: underline; } + .cinnamon-link:hover { + color: #0c75de; } + +#Tooltip { + border: none; + border-radius: 5px; + padding: 12px 12px; + background-color: rgba(11, 111, 211, 0.95); + color: #ffffff; + font-size: 1em; + font-weight: normal; + text-align: center; + margin: 3px; } + +#LookingGlassDialog { + color: #303030; + border: 1px solid #b5b5bd; + border-radius: 3px; + background-color: #ebebed; + spacing: 4px; + padding: 8px; } + +.menu { + color: #303030; + background-color: #ebebed; + box-shadow: 0 0 6px rgba(0, 0, 0, 0.5); } + .menu-top { + border-radius: 0 0 6px 6px; } + .menu-bottom { + border-radius: 6px 6px 0 0; } + .menu-left { + border-radius: 0 6px 6px 0; } + .menu-right { + border-radius: 6px 0 0 6px; } + +.popup-sub-menu { + background-color: #ebebed; + box-shadow: none; } + .popup-sub-menu .popup-menu-item:ltr { + padding-left: 2.5em; } + .popup-sub-menu .popup-menu-item:rtl { + padding-right: 2.5em; } + .popup-sub-menu StScrollBar { + padding: 4px; } + .popup-sub-menu StScrollBar StBin#trough, .popup-sub-menu StScrollBar StBin#vhandle { + border-width: 0; } + +.popup-menu-content { + padding: 1em 0em 1em 0em; } + +.popup-menu-item { + padding: .4em 1.75em; + spacing: 1em; + border-left-width: 0; + border-right-width: 0; } + .popup-menu-item:active { + color: #303030; + background-color: #d3d3d7; } + .popup-menu-item:insensitive { + color: rgba(48, 48, 48, 0.5); + background: none; } + +.popup-inactive-menu-item { + color: #303030; } + .popup-inactive-menu-item:insensitive { + color: rgba(48, 48, 48, 0.55); } + +/*Scale view context menu*/ +.popup-combo-menu { + color: #303030; + border: 1px solid #b5b5bd; + border-radius: 3px; + background-color: #d3d3d7; + box-shadow: none; + padding: 1em 0em 1em 0em; } + +.popup-combobox-item { + spacing: 1em; + padding: .4em 1.75em; + border: 1px solid transparent; + border-left-width: 0; + border-right-width: 0; } + +.popup-separator-menu-item { + -gradient-height: 1px; + -gradient-start: #c3c3c9; + -gradient-end: #c3c3c9; + -margin-horizontal: 0; + height: 1px; } + +.popup-alternating-menu-item:alternate { + font-weight: normal; } + +.popup-device-menu-item { + spacing: .5em; + font-weight: bold; + color: #303030; } + .popup-device-menu-item:insensitive { + color: #303030; + spacing: 1em; } + .popup-device-menu-item .popup-inactive-menu-item { + font-weight: normal; + color: #303030; } + +.popup-subtitle-menu-item { + font-weight: normal; } + +.nm-menu-item-icons { + spacing: .5em; } + +#panel { + font-weight: bold; + /* sets the height of horizontal panels */ + height: 40px; + /* sets the width of vertical panels */ + width: 32px; + /* Set the symbolic foreground color for icons, and importantly, the system tray applet icons */ + color: #303030; } + #panelLeft { + spacing: 4px; } + #panelLeft:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(255, 0, 0, 0.05); + background-gradient-end: rgba(255, 0, 0, 0.2); } + #panelLeft:ltr { + padding-right: 4px; } + #panelLeft:rtl { + padding-left: 4px; } + #panelLeft.vertical { + padding: 0px; } + #panelLeft.vertical:ltr { + padding-right: 0px; } + #panelLeft.vertical:rtl { + padding-left: 0px; } + #panelRight:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(0, 0, 255, 0.05); + background-gradient-end: rgba(0, 0, 255, 0.2); } + #panelRight:ltr { + padding-left: 4px; + spacing: 0px; } + #panelRight:rtl { + padding-right: 4px; + spacing: 0px; } + #panelRight.vertical { + padding: 0px; } + #panelRight.vertical:ltr { + padding-right: 0px; } + #panelRight.vertical:rtl { + padding-left: 0px; } + #panelCenter { + spacing: 4px; } + #panelCenter:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(0, 255, 0, 0.05); + background-gradient-end: rgba(0, 255, 0, 0.2); } + #panel:highlight { + border-image: none; + background-color: rgba(252, 65, 56, 0.5); } + +.panelLeft { + spacing: 4px; } + .panelLeft:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(255, 0, 0, 0.05); + background-gradient-end: rgba(255, 0, 0, 0.2); } + .panelLeft:ltr { + padding-right: 4px; } + .panelLeft:rtl { + padding-left: 4px; } + .panelLeft.vertical { + padding: 0px; } + .panelLeft.vertical:ltr { + padding-right: 0px; } + .panelLeft.vertical:rtl { + padding-left: 0px; } + +.panelRight:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(0, 0, 255, 0.05); + background-gradient-end: rgba(0, 0, 255, 0.2); } + +.panelRight:ltr { + padding-left: 4px; + spacing: 0px; } + +.panelRight:rtl { + padding-right: 4px; + spacing: 0px; } + +.panelRight.vertical { + padding: 0px; } + .panelRight.vertical:ltr { + padding-left: 0px; + spacing: 0px; } + .panelRight.vertical:rtl { + padding-right: 0px; + spacing: 0px; } + +.panelCenter { + spacing: 4px; } + .panelCenter.vertical { + padding-left: 0px; + padding-right: 0px; } + .panelCenter:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(0, 255, 0, 0.05); + background-gradient-end: rgba(0, 255, 0, 0.2); } + +.panel-top, .panel-bottom, .panel-left, .panel-right { + color: #ffffff; + border: none; + background-color: rgba(243, 243, 244, 0.99); + font-size: 1em; + padding: 0px; } + +.panel-top { + box-shadow: 0 1px #ebebed; } + +.panel-bottom { + box-shadow: 0 -1px #ebebed; } + +.panel-left { + box-shadow: 1px 0 #ebebed; } + +.panel-right { + box-shadow: -1px 0 #ebebed; } + +.panel-dummy { + background-color: rgba(252, 65, 56, 0.5); } + .panel-dummy:entered { + background-color: rgba(252, 65, 56, 0.6); } + +.panel-status-button { + border-width: 0; + -natural-hpadding: 3px; + -minimum-hpadding: 3px; + font-weight: bold; + color: #303030; } + +.panel-button { + -natural-hpadding: 6px; + -minimum-hpadding: 2px; + font-weight: bold; + color: green; + transition-duration: 100; } + +.system-status-icon { + icon-size: 16px; + padding: 0 1px; } + .system-status-icon.warning { + color: #F27835; } + .system-status-icon.error { + color: #FC4138; } + +#overview { + spacing: 12px; } + +.window-caption { + background-color: #303030; + border: 1px solid #303030; + color: #c3c3c3; + spacing: 8px; + border-radius: 2px; + font-size: 0.9em; + padding: 5px 8px; + -cinnamon-caption-spacing: 8px; } + .window-caption:focus { + background-color: #0c75de; + color: #ffffff; + border: 1px solid #0c75de; } + +.window-border { + border: 3px #0c75de; + border-radius: 2px; + background-color: rgba(255, 255, 255, 0.05); + /* Cover rounded corners and some bad adjustment gaps */ + box-shadow: 0 0 0 1px #0c75de inset; } + +.overview-empty-placeholder { + color: #ffffff; + font-size: 2em; } + +.expo-workspaces-name-entry, +.expo-workspaces-name-entry#selected { + height: 1.5em; + border-radius: 2px; + font-size: 1em; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; + color: #c3c3c3; + background-color: rgba(104, 104, 104, 0.4); + border: 1px solid rgba(17, 17, 17, 0.4); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); } + .expo-workspaces-name-entry:focus, + .expo-workspaces-name-entry#selected:focus { + border: 1px solid #0c75de; + background-color: #0c75de; + color: #ffffff; + font-style: italic; + transition-duration: 300; + selection-background-color: #ffffff; + selected-color: #0c75de; } + +.expo-workspace-thumbnail-frame { + border: 4px solid rgba(255, 255, 255, 0); + background-color: rgba(255, 255, 255, 0); + border-radius: 2px; } + .expo-workspace-thumbnail-frame#active { + border: 4px solid #0c75de; + background-color: black; + border-radius: 2px; } + +.expo-background { + background-color: #303030; } + +.workspace-thumbnails { + spacing: 26px; } + .workspace-thumbnails-background, .workspace-thumbnails-background:rtl { + padding: 8px; } + +.workspace-add-button { + background-image: url("common-assets/misc/add-workspace.svg"); + height: 200px; + width: 35px; + transition-duration: 100; } + .workspace-add-button:hover { + background-image: url("common-assets/misc/add-workspace-hover.svg"); + transition-duration: 100; } + .workspace-add-button:active { + background-image: url("common-assets/misc/add-workspace-active.svg"); + transition-duration: 100; } + +.workspace-overview-background-shade { + background-color: rgba(0, 0, 0, 0.5); } + +.workspace-close-button, +.window-close { + background-image: url("common-assets/misc/close.svg"); + background-size: 26px; + height: 26px; + width: 26px; + -cinnamon-close-overlap: 12px; } + .workspace-close-button:hover, + .window-close:hover { + background-image: url("common-assets/misc/close-hover.svg"); + background-size: 26px; + height: 26px; + width: 26px; } + .workspace-close-button:active, + .window-close:active { + background-image: url("common-assets/misc/close-active.svg"); + background-size: 26px; + height: 26px; + width: 26px; } + +.window-close-area { + background-image: url("common-assets/misc/trash-icon.svg"); + height: 120px; + width: 400px; } + +.calendar { + spacing-rows: 0; + spacing-columns: 0; } + +.calendar-main-box { + margin: 0 .8em .5em .8em; } + +.calendar-events-main-box { + height: 300px; + margin-right: .5em; + padding: .5em; + min-width: 350px; + border: 1px solid rgba(0, 0, 0, 0); + background-color: #d3d3d7; + border-radius: 6px; } + +.calendar-events-no-events-button { + margin: 6px 0 6px 0; + padding: 6px; } + .calendar-events-no-events-button:hover { + background-color: #0c75de; + border-radius: 6px; } + .calendar-events-no-events-button:hover .calendar-events-no-events-icon, + .calendar-events-no-events-button:hover .calendar-events-no-events-label { + color: #ffffff; } + +.calendar-events-no-events-icon, +.calendar-events-no-events-label { + font-weight: bold; + color: #303030; + text-align: center; } + +.calendar-events-date-label { + padding: .1em .1em .5em .1em; + color: #303030; + font-weight: bold; + text-align: center; } + +.calendar-events-event-container { + padding: 0; } + +.calendar-event-button { + border: 1px solid rgba(0, 0, 0, 0); + border-radius-topright: 6px; + border-radius-bottomright: 6px; } + .calendar-event-button .calendar-event-time-past { + color: rgba(48, 48, 48, 0.4); + font-weight: bold; + text-align: left; + margin-bottom: .2em; } + .calendar-event-button .calendar-event-time-present { + color: #303030; + font-weight: bold; + text-align: left; + margin-bottom: .2em; } + .calendar-event-button .calendar-event-time-present:all-day { + color: #0c75de; } + .calendar-event-button .calendar-event-time-future { + color: #303030; + font-weight: bold; + text-align: left; + margin-bottom: .2em; } + .calendar-event-button .calendar-event-summary { + color: #303030; + text-align: left; + width: 200px; } + .calendar-event-button .calendar-event-countdown { + text-align: right; + margin-bottom: .6em; + color: #303030; } + .calendar-event-button .calendar-event-countdown:soon { + font-weight: bold; } + .calendar-event-button .calendar-event-countdown:imminent { + font-weight: bold; + color: #F27835; } + .calendar-event-button .calendar-event-countdown:current { + font-weight: bold; + color: #0c75de; } + .calendar-event-button:hover { + background-color: #0c75de; + border: 1px solid #b5b5bd; } + .calendar-event-button:hover .calendar-event-time-past, + .calendar-event-button:hover .calendar-event-time-present, + .calendar-event-button:hover .calendar-event-time-future, + .calendar-event-button:hover .calendar-event-summary { + color: #ffffff; } + .calendar-event-button:hover .calendar-event-countdown { + text-align: right; + margin-bottom: .6em; + color: #ffffff; } + .calendar-event-button:hover .calendar-event-countdown:soon { + font-weight: bold; } + .calendar-event-button:hover .calendar-event-countdown:imminent { + font-weight: bold; } + .calendar-event-button:hover .calendar-event-countdown:current { + font-weight: bold; } + +.calendar-event-color-strip { + width: 3px; } + +.calendar-today-home-button { + padding: 6px; } + +.calendar-today-day-label { + font-size: 1.75em; + color: #303030; + font-weight: bold; + text-align: center; + padding-bottom: .1em; } + +.calendar-today-date-label { + font-size: 1.1em; + color: #303030; + font-weight: bold; + text-align: center; } + +.calendar-today-home-button-enabled { + padding: 6px; + border-radius: 6px; } + .calendar-today-home-button-enabled:hover { + background-color: #0c75de; } + .calendar-today-home-button-enabled:hover .calendar-today-day-label { + color: #ffffff; } + .calendar-today-home-button-enabled:hover .calendar-today-date-label { + color: #ffffff; } + +.calendar-month-label { + color: #303030; + font-weight: bold; + padding: 8px 0; } + +.calendar-change-month-back, +.calendar-change-month-forward { + width: 16px; + height: 16px; } + +.calendar-change-month-back { + background-image: url("common-assets/misc/calendar-arrow-left.svg"); } + .calendar-change-month-back:focus, .calendar-change-month-back:hover { + background-image: url("common-assets/misc/calendar-arrow-left-hover.svg"); } + .calendar-change-month-back:active { + background-image: url("common-assets/misc/calendar-arrow-left.svg"); } + .calendar-change-month-back:rtl { + background-image: url("common-assets/misc/calendar-arrow-right.svg"); } + .calendar-change-month-back:rtl:focus, .calendar-change-month-back:rtl:hover { + background-image: url("common-assets/misc/calendar-arrow-right-hover.svg"); } + .calendar-change-month-back:rtl:active { + background-image: url("common-assets/misc/calendar-arrow-right.svg"); } + +.calendar-change-month-forward { + background-image: url("common-assets/misc/calendar-arrow-right.svg"); } + .calendar-change-month-forward:focus, .calendar-change-month-forward:hover { + background-image: url("common-assets/misc/calendar-arrow-right-hover.svg"); } + .calendar-change-month-forward:active { + background-image: url("common-assets/misc/calendar-arrow-right.svg"); } + .calendar-change-month-forward:rtl { + background-image: url("common-assets/misc/calendar-arrow-left.svg"); } + .calendar-change-month-forward:rtl:focus, .calendar-change-month-forward:rtl:hover { + background-image: url("common-assets/misc/calendar-arrow-left-hover.svg"); } + .calendar-change-month-forward:rtl:active { + background-image: url("common-assets/misc/calendar-arrow-left.svg"); } + +.calendar-day-event-dot-box { + margin-top: 1.7em; + max-rows: 1; } + +.calendar-day-event-dot { + margin: 1px; + border-radius: 2px; + width: 4px; + height: 4px; } + +.calendar-day-base { + font-size: 1em; + text-align: center; + width: 2.2em; + height: 2.2em; + padding: 0.1em; } + .calendar-day-base:hover { + font-weight: bold; + color: #ffffff; + background-color: #0c75de; + border-radius: 6px; } + +.calendar-day-heading { + color: rgba(48, 48, 48, 0.85); + margin-top: 1em; + font-size: 1.05em; } + +.calendar-day { + border-width: 0; + color: rgba(48, 48, 48, 0.9); } + +.calendar-day-top { + border-top-width: 0; } + +.calendar-day-left { + border-left-width: 0; } + +.calendar-nonwork-day { + color: #303030; + background-color: transparent; + font-weight: bold; } + +.calendar-today { + color: #303030; + background-color: rgba(12, 117, 222, 0.4); + border-width: 0; + border-radius: 6px; } + .calendar-today:selected { + font-weight: bold; } + +.calendar-not-today { + color: #303030; + border-radius: 6px; } + .calendar-not-today:selected { + font-weight: bold; + background-color: rgba(48, 48, 48, 0.3); } + .calendar-not-today:selected:hover { + font-weight: bold; + color: #303030; } + +.calendar-other-month-day { + color: rgba(48, 48, 48, 0.3); + opacity: 1; } + +.calendar-other-month-day:hover { + color: #ffffff; + opacity: 1; } + +.calendar-week-number { + color: rgba(48, 48, 48, 0.85); + font-size: 0.8em; + margin-top: 0.8em; } + +#notification { + box-shadow: 0 1px 15px 4px #b5b5bd; + border-top-color: #0c75de; + border-top: 4px; + border-radius: 5px; + background-color: #ebebed; + padding: 13px; + spacing-rows: 10px; + spacing-columns: 10px; + margin-from-right-edge-of-screen: 20px; + width: 34em; + color: #303030; } + .popup-menu #notification { + color: #303030; + border-image: url("light-assets/misc/message.svg") 9 9 9 9; } + .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { + padding: 5px; } + #notification.multi-line-notification { + padding-bottom: 13px; + color: #303030; } + #notification-scrollview { + max-height: 10em; } + #notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { + height: 1em; } + #notification-scrollview:ltr > StScrollBar { + padding-left: 6px; } + #notification-scrollview:rtl > StScrollBar { + padding-right: 6px; } + #notification-body { + spacing: 5px; } + #notification-actions { + spacing: 10px; } + +.notification-with-image { + min-height: 159px; + color: #303030; } + +.notification-button, .notification-icon-button { + padding: 5px; } + +.notification-icon-button > StIcon { + icon-size: 32px; } + +#altTabPopup { + padding: 8px; + spacing: 16px; } + +.switcher-list { + color: #303030; + border: 1px solid #b5b5bd; + background-color: #f3f3f4; + border-radius: 6px; + padding: 20px; } + .switcher-list > StBoxLayout { + padding: 4px; } + .switcher-list-item-container { + spacing: 8px; } + .switcher-list .item-box { + padding: 8px; + border-radius: 6px; } + .switcher-list .item-box:outlined { + padding: 8px; + border: 1px solid #0c75de; } + .switcher-list .item-box:selected { + background-color: #c0c0c6; + border: 0px solid #0c75de; } + .switcher-list .thumbnail { + width: 256px; } + .switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; } + .switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.2); } + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #303030; } + .switcher-arrow:highlighted { + border-color: rgba(0, 0, 0, 0); + color: #ffffff; } + +.thumbnail-scroll-gradient-left { + background-color: rgba(0, 0, 0, 0); + border-radius: 24px; + border-radius-topright: 0px; + border-radius-bottomright: 0px; + width: 60px; } + +.thumbnail-scroll-gradient-right { + background-color: rgba(0, 0, 0, 0); + border-radius: 24px; + border-radius-topleft: 0px; + border-radius-bottomleft: 0px; + width: 60px; } + +.ripple-box { + width: 104px; + height: 104px; + background-image: url("common-assets/misc/corner-ripple.svg"); + background-size: contain; } + .ripple-box:rtl { + background-image: url("common-assets/misc/corner-ripple.svg"); } + +.magnifier-zoom-region { + border: 2px solid maroon; } + .magnifier-zoom-region .full-screen { + border-width: 0px; } + +.menu-favorites-box { + padding: 10px; + transition-duration: 300; + background-color: #d3d3d7; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 6px; } + +.menu-favorites-button { + padding: .9em 1em; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 6px; } + .menu-favorites-button:hover { + background-color: #b0b0b8; + border: 1px solid rgba(0, 0, 0, 0); } + +.menu-places-box { + padding: 10px; + border: 0px solid red; } + +.menu-places-button { + padding: 10px; } + +.menu-categories-box { + padding: 10px 30px 10px 30px; } + +.menu-applications-inner-box, .menu-applications-outer-box { + margin: 10px 10px 0 10px; } + +.menu-application-button { + padding: 7px; + border: 1px solid rgba(0, 0, 0, 0); } + .menu-application-button:highlighted { + font-weight: bold; } + .menu-application-button-selected { + padding: 7px; + color: #303030; + background-color: #d3d3d7; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 6px; } + .menu-application-button-selected:highlighted { + font-weight: bold; } + .menu-application-button-label:ltr { + padding-left: 5px; } + .menu-application-button-label:rtl { + padding-right: 5px; } + +.menu-category-button { + padding: 7px; + border: 1px solid rgba(0, 0, 0, 0); } + .menu-category-button-selected { + padding: 7px; + color: #303030; + background-color: #d3d3d7; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 6px; } + .menu-category-button-greyed { + padding: 7px; + color: rgba(48, 48, 48, 0.55); + border: 1px solid rgba(0, 0, 0, 0); } + .menu-category-button:hover { + padding: 7px; + color: #303030; + background-color: #d3d3d7; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 6px; } + .menu-category-button-label:ltr { + padding-left: 5px; } + .menu-category-button-label:rtl { + padding-right: 5px; } + +.menu-selected-app-box { + padding-right: 30px; + padding-left: 28px; + text-align: right; + height: 2.2em; } + .menu-selected-app-box:rtl { + padding-top: 10px; + height: 2.2em; } + +.menu-selected-app-title { + font-weight: bold; } + +.menu-selected-app-description { + max-width: 150px; } + +.menu-search-box:ltr { + padding-left: 30px; } + +.menu-search-box-rtl { + padding-right: 30px; } + +#menu-search-entry { + width: 250px; + min-height: 16px; + font-weight: normal; + caret-color: #303030; + border-radius: 6px; } + +.menu-search-entry-icon { + icon-size: 1em; + color: #303030; } + +/* Context menu (at the moment only for favorites) */ +.appmenu-category-button-greyed, .appmenu-category-button-selected, .appmenu-category-button, .appmenu-application-button-selected, .appmenu-application-button, .appmenu-sidebar-button { + padding: 7px; + spacing: 5px; + border-radius: 6px; } + +.appmenu-background .popup-menu-content { + padding: 0; } + +.appmenu-main-box { + spacing: 10px; } + +.appmenu-right-box { + spacing: 5px; + padding: 10px 10px; } + +.appmenu-categories-applications-box { + spacing: 15px; } + .appmenu-categories-applications-box:top { + padding-top: 5px; } + +.appmenu-applications-box { + padding-right: 5px; } + +.appmenu-search-box { + spacing: 10px; } + +.appmenu-sidebar { + padding: 15px 0px; + background-color: #d3d3d7; + border-radius: 6px 0 0 0; + border-right-width: 1px; + border-color: #b5b5bd; + spacing: 5px; } + .menu-top .appmenu-sidebar { + border-radius: 0 0 0 6px; } + .menu-bottom .appmenu-sidebar { + border-radius: 6px 0 0 0; } + .menu-left .appmenu-sidebar { + border-radius: 0; } + .menu-right .appmenu-sidebar { + border-radius: 0; } + .appmenu-sidebar .appmenu-system-button { + background-color: #eeeeef; } + .appmenu-sidebar .appmenu-system-button-lock:hover { + background-color: #fbfbfb; } + .appmenu-sidebar .appmenu-system-button-logout:hover { + background-color: #fbfbfb; } + .appmenu-sidebar .appmenu-system-button-shutdown { + color: white; + background-color: #F04A50; } + .appmenu-sidebar .appmenu-system-button-shutdown:hover { + color: white; + background-color: #f26267; } + +.appmenu-system-box { + spacing: 10px; } + +.appmenu-sidebar-button { + padding: 4px 7px; + margin: 0 10px; } + .appmenu-sidebar-button:hover { + background-color: #b0b0b8; + border-color: #b5b5bd; } + +.appmenu-system-button { + padding: 8.4px; + border: 1px solid #b5b5bd; + border-radius: 9999px; + background-color: #e0e0e3; } + .appmenu-system-button-shutdown { + color: white; + background-color: #F04A50; } + .appmenu-system-button-lock:hover { + background-color: #eeeeef; } + .appmenu-system-button-logout:hover { + background-color: #eeeeef; } + .appmenu-system-button-shutdown:hover { + color: white; + background-color: #f26267; } + +.appmenu-application-button-label { + padding: 0; } + +.appmenu-application-button-description { + color: #636363; } + +.appmenu-application-button:highlighted { + font-weight: bold; } + +.appmenu-application-button-selected { + background-color: #d3d3d7; } + .appmenu-application-button-selected:highlighted { + font-weight: bold; } + +.appmenu-category-button-label { + padding: 0; } + +.appmenu-category-button:hover { + background-color: #b0b0b8; } + +.appmenu-category-button-selected { + background-color: #d3d3d7; } + +.appmenu-category-button-greyed { + color: rgba(48, 48, 48, 0.55); + font-style: italic; } + .appmenu-category-button-greyed StIcon { + opacity: 0.5; } + +.appmenu-search-entry-icon { + icon-size: 1em; } + +.window-list-box { + spacing: 6px; + padding-left: 10px; + padding-top: 1px; } + .window-list-box.vertical { + spacing: 2px; + padding-left: 0px; + padding-right: 0px; + padding-top: 10px; + padding-bottom: 10px; } + .window-list-box:highlight { + background-color: rgba(252, 65, 56, 0.5); } + +.window-list-item-label { + font-weight: bold; + width: 15em; + min-width: 5px; } + +.window-list-item-box { + font-weight: bold; + background-image: none; + padding-top: 0; + padding-left: 8px; + padding-right: 8px; + transition-duration: 100; + color: rgba(48, 48, 48, 0.8); } + .window-list-item-box.top, .window-list-item-box.bottom { + border-bottom-width: 2px; } + .window-list-item-box.top StLabel, .window-list-item-box.bottom StLabel { + padding-left: 2px; } + .window-list-item-box.right { + padding-left: 0px; + padding-right: 0px; + border-right-width: 2px; } + .window-list-item-box.right StBin { + padding-right: 0; } + .window-list-item-box.left { + padding-left: 0px; + padding-right: 0px; + border-left-width: 2px; } + .window-list-item-box.left StBin { + padding-left: 1px; } + .window-list-item-box:hover, .window-list-item-box:groupFocus { + color: #303030; + background-color: rgba(48, 48, 48, 0.2); } + .window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:focus, .window-list-item-box:running { + color: #303030; + border-color: #0c75de; + background-color: rgba(48, 48, 48, 0.2); } + .window-list-item-box .progress { + background-color: rgba(12, 117, 222, 0.8); } + +.window-list-item-demands-attention { + background-gradient-direction: vertical; + background-gradient-start: #F04A50; + background-gradient-end: #F04A50; } + +.window-list-preview { + spacing: 6px; + color: #303030; + border: 1px solid rgba(0, 0, 0, 0); + background-color: #ebebed; + border-radius: 3px; + padding: 6px 12px 12px 12px; + font-size: 1em; } + +.grouped-window-list-item-label { + font-weight: bold; + width: 15em; + min-width: 5px; } + +.grouped-window-list-item-box { + text-align: left; + font-weight: bold; + background-image: none; + padding-top: 0; + padding-left: 8px; + padding-right: 8px; + transition-duration: 100; + color: rgba(48, 48, 48, 0.8); } + .grouped-window-list-item-box.top, .grouped-window-list-item-box.bottom { + border-bottom-width: 2px; } + .grouped-window-list-item-box.right { + padding-left: 0px; + padding-right: 0px; + border-right-width: 2px; } + .grouped-window-list-item-box.right StBin { + padding-right: 0; } + .grouped-window-list-item-box.left { + padding-left: 0px; + padding-right: 0px; + border-left-width: 2px; } + .grouped-window-list-item-box.left StBin { + padding-left: 1px; } + .grouped-window-list-item-box:hover, .grouped-window-list-item-box:focus { + color: #303030; + background-color: #9ce9ff; } + .grouped-window-list-item-box:active, .grouped-window-list-item-box:checked { + color: #303030; + border-color: #0c75de; } + .grouped-window-list-item-box .progress { + background-color: rgba(12, 117, 222, 0.8); } + +.grouped-window-list-item-demands-attention { + background-gradient-direction: vertical; + background-gradient-start: #F04A50; + background-gradient-end: #F04A50; } + +.grouped-window-list-thumbnail-label { + padding-left: 4px; } + +.grouped-window-list-number-label { + font-size: 12px; + color: #ffffff; } + +.grouped-window-list-badge { + border-radius: 99px; + background-color: #0c75de; + margin: 0; } + +.grouped-window-list-notifications-badge-label { + font-size: 12px; } + +.grouped-window-list-button-label { + padding-left: 4px; } + +.grouped-window-list-thumbnail-alert { + background: rgba(255, 52, 52, 0.3); } + +.grouped-window-list-thumbnail-menu { + color: #303030; + border: 1px solid rgba(0, 0, 0, 0); + background-color: #ebebed; + border-radius: 3px; + padding: 0px; } + .grouped-window-list-thumbnail-menu > StBoxLayout { + padding: 4px; } + .grouped-window-list-thumbnail-menu .item-box { + padding: 10px; + border-radius: 2px; + spacing: 4px; } + .grouped-window-list-thumbnail-menu .item-box:outlined { + padding: 8px; + border: 1px solid #0c75de; } + .grouped-window-list-thumbnail-menu .item-box:selected { + border: 1px solid #0c75de; } + .grouped-window-list-thumbnail-menu .thumbnail { + width: 256px; } + .grouped-window-list-thumbnail-menu .separator { + width: 1px; + background: rgba(255, 255, 255, 0.2); } + +.sound-button { + width: 22px; + height: 13px; + padding: 8px; } + .sound-button-container { + padding-right: 3px; + padding-left: 3px; } + .sound-button StIcon { + icon-size: 1.4em; } + +.sound-track-infos { + padding: 5px; } + +.sound-track-info { + padding-top: 2px; + padding-bottom: 2px; } + .sound-track-info StIcon { + icon-size: 16px; } + .sound-track-info StLabel { + padding-left: 5px; + padding-right: 5px; } + +.sound-track-box { + padding-left: 15px; + padding-right: 15px; + max-width: 220px; } + +.sound-seek-box { + padding-left: 15px; } + .sound-seek-box StLabel { + padding-top: 2px; } + .sound-seek-box StIcon { + icon-size: 16px; } + +.sound-seek-slider { + width: 140px; } + +.sound-volume-menu-item { + padding: .4em 1.75em; } + .sound-volume-menu-item StIcon { + icon-size: 1.14em; + padding-left: 8px; + padding-right: 8px; } + +.sound-playback-control { + padding: 5px 10px 10px 10px; } + +.sound-player > StBoxLayout:first-child { + padding: 5px 10px 12px 10px; + spacing: 0.5em; } + .sound-player > StBoxLayout:first-child StButton:small { + width: 20px; + height: 20px; + border: 1px solid transparent; } + .sound-player > StBoxLayout:first-child StButton:small StIcon { + icon-size: 12px; } + .sound-player > StBoxLayout:first-child StButton:small:hover { + color: #303030; + background-color: #bdbdc4; + border: 1px solid #b5b5bd; + box-shadow: inset 0 2px 4px rgba(189, 189, 196, 0.05); } + .sound-player > StBoxLayout:first-child StButton:small:active { + color: #ffffff; + background-color: #0c75de; + border: 1px solid #0c75de; + box-shadow: inset 0 2px 4px #0c75de; } + +.sound-player-generic-coverart { + background: rgba(0, 0, 0, 0.2); } + +.sound-player-overlay { + width: 290px; + padding: 15px; + spacing: 0.5em; + background: rgba(235, 235, 237, 0.9); + border-top: 1px solid #b5b5bd; + color: #303030; } + .sound-player-overlay StButton { + width: 22px; + height: 13px; + padding: 5px; + color: #303030; + border-radius: 2px; + border: 1px solid transparent; } + .sound-player-overlay StButton StIcon { + icon-size: 16px; } + .sound-player-overlay StButton:hover { + color: #303030; + background-color: #bdbdc4; + border: 1px solid #b5b5bd; + box-shadow: inset 0 2px 4px rgba(189, 189, 196, 0.05); } + .sound-player-overlay StButton:active { + color: #ffffff; + background-color: #0c75de; + border: 1px solid #0c75de; + box-shadow: inset 0 2px 4px #0c75de; } + .sound-player-overlay StBoxLayout { + padding-top: 2px; } + .sound-player-overlay > StBoxLayout { + spacing: 5px; } + +.sound-player .slider { + height: 0.5em; + padding: 0; + border: none; + -slider-height: 0.5em; + -slider-background-color: #cfd6e6; + -slider-border-color: rgba(0, 0, 0, 0); + -slider-active-background-color: #0c75de; + -slider-active-border-color: rgba(0, 0, 0, 0); + -slider-border-width: 0px; + -slider-handle-radius: 0px; } + +.panel-top .workspace-switcher, +.panel-bottom .workspace-switcher { + padding: 0 4px; } + +.workspace-button { + border: 1px solid #b5b5bd; + width: 2em; + color: rgba(48, 48, 48, 0.55); + background-color: rgba(48, 48, 48, 0.05); } + .workspace-button.vertical { + height: 2em; } + .workspace-button:outlined { + background-color: #d3d3d7; + color: #303030; } + .workspace-button:outlined:hover { + background-color: #b0b0b8; } + .workspace-button:hover { + background-color: #d3d3d7; } + .workspace-button:shaded { + background-color: #dedee1; } + +.workspace-graph { + padding: 4px; + spacing: 4px; } + .workspace-graph .workspace { + border: 1px solid rgba(48, 48, 48, 0.2); + background-color: #ebebed; } + .workspace-graph .workspace:active { + border-color: #0c75de; } + .workspace-graph .workspace:active .windows { + -active-window-background: rgba(0, 0, 0, 0.3); + -active-window-border: rgba(0, 0, 0, 0.35); + -inactive-window-background: rgba(0, 0, 0, 0.1); + -inactive-window-border: rgba(0, 0, 0, 0.15); } + .workspace-graph .workspace .windows { + -active-window-background: rgba(0, 0, 0, 0.3); + -active-window-border: rgba(0, 0, 0, 0.35); + -inactive-window-background: rgba(0, 0, 0, 0.1); + -inactive-window-border: rgba(0, 0, 0, 0.15); } + +.panel-launchers { + padding-left: 7px; + spacing: 2px; } + .panel-launchers .launcher { + padding-left: 2px; + padding-right: 2px; + padding-bottom: 2px; + transition-duration: 200; } + .panel-launchers .launcher:hover { + background-color: #d3d3d7; } + .panel-launchers.vertical { + padding-top: 2px; + padding-bottom: 2px; + padding-left: 0px; + padding-right: 0px; + spacing: 1px; } + .panel-launchers.vertical .launcher { + padding-top: 2px; + padding-bottom: 2px; } + +#overview-corner { + background-image: url("common-assets/misc/overview.png"); } + #overview-corner:hover { + background-image: url("common-assets/misc/overview-hover.png"); } + +.applet-separator { + padding: 1px 4px; } + .applet-separator.vertical { + padding: 4px 1px; } + +.applet-separator-line { + width: 1px; + background: #b5b5bd; } + .applet-separator-line-vertical { + height: 1px; + background: #b5b5bd; } + +.applet-box { + padding: 0 5px; + spacing: 5px; + color: #303030; + text-shadow: none; + transition-duration: 100; + text-align: center; } + .applet-box.vertical { + padding: 5px 0; } + .applet-box:hover, .applet-box:checked { + color: #303030; + background-color: #d3d3d7; } + .applet-box:highlight { + background-image: none; + border-image: none; + background-color: rgba(252, 65, 56, 0.5); } + +.applet-label { + font-weight: bold; + color: #303030; } + .applet-label:hover, .applet-label:checked, .applet-box:hover .applet-label, .applet-box:checked .applet-label { + color: #303030; + text-shadow: none; } + +.applet-icon { + color: #303030; + icon-size: 22px; } + .applet-icon:hover, .applet-icon:checked, .applet-box:hover > .applet-icon, .applet-box:checked > .applet-icon { + color: #303030; + text-shadow: none; } + +.user-icon { + background-size: contain; + border-radius: 99px; + color: #303030; + border-color: transparent; } + .user-icon StIcon { + border: 1px solid transparent; + border-radius: 99px; + padding: 14px; } + .user-icon StIcon.highlighted { + border: 1px solid #303030; + border-radius: 99px; + padding: 14px; } + .user-icon.user-avatar { + border: 1px solid transparent; + border-radius: 99px; } + +.user-label { + color: #303030; + font-size: 1em; + font-weight: bold; + margin: 0px; } + +.user-widget.horizontal { + spacing: 7px; } + +.user-widget.vertical { + spacing: 10px; } + +.user-widget.vertical .user-widget-label { + color: #303030; + text-align: center; } + +.applet-cornerbar { + width: 8px; + background-color: #b5b5bd; + border: 1px solid #b5b5bd; } + .applet-cornerbar.vertical { + height: 8px; } + .applet-cornerbar-box { + background: none; } + +.applet-cornerbar-box:hover > .applet-cornerbar { + background-color: #9a9aa5; } + +.desklet { + color: #303030; } + .desklet:highlight { + background-color: rgba(252, 65, 56, 0.5); } + .desklet-with-borders { + border: 1px solid #b5b5bd; + border-radius: 5px; + background-color: #ebebed; + color: #303030; + padding: 12px; + padding-bottom: 16px; } + .desklet-with-borders:highlight { + background-color: rgba(252, 65, 56, 0.5); } + .desklet-with-borders-and-header { + border: 1px solid #b5b5bd; + border-top-width: 0; + border-radius: 0 0 5px 5px; + background-color: #ebebed; + color: #303030; + border-radius: 0; + border-radius-topleft: 0; + border-radius-topright: 0; + padding: 12px; + padding-bottom: 17px; } + .desklet-with-borders-and-header:highlight { + background-color: rgba(252, 65, 56, 0.5); } + .desklet-header { + border: 1px solid #b5b5bd; + border-radius: 5px 5px 0 0; + background-color: #e3e3e6; + color: #303030; + font-size: 1em; + padding: 12px; + padding-bottom: 6px; } + .desklet-drag-placeholder { + border: 2px solid #0c75de; + background-color: rgba(12, 117, 222, 0.3); } + +.photoframe-box { + border: 1px solid #b5b5bd; + border-radius: 5px; + background-color: #ebebed; + color: #303030; + padding: 12px; + padding-bottom: 16px; } + +.notification-applet-padding { + padding: .5em 1em; } + +.notification-applet-container { + max-height: 100px; } + +.tile-preview { + background-color: rgba(12, 117, 222, 0.3); + border: 1px solid #0c75de; } + .tile-preview.snap { + background-color: rgba(12, 117, 222, 0.6); } + +.tile-hud { + background-color: rgba(12, 117, 222, 0.3); + border: 1px solid #0c75de; } + .tile-hud.snap { + background-color: rgba(12, 117, 222, 0.6); } + .tile-hud:top { + border-top-width: 0px; } + .tile-hud:bottom { + border-bottom-width: 0px; } + .tile-hud:left { + border-left-width: 0px; } + .tile-hud:right { + border-right-width: 0px; } + .tile-hud:top-left { + border-top-width: 0px; + border-left-width: 0px; } + .tile-hud:top-right { + border-top-width: 0px; + border-right-width: 0px; } + .tile-hud:bottom-left { + border-bottom-width: 0px; + border-left-width: 0px; } + .tile-hud:bottom-right { + border-bottom-width: 0px; + border-right-width: 0px; } + +.xkcd-box { + padding: 6px; + border: 0px; + background-color: rgba(0, 0, 0, 0); + border-radius: 0px; } + +.prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label, .run-dialog-description, .message-dialog-content .message-dialog-caption, .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description, .appmenu-application-button-description { + font-weight: 400; + font-size: 0.818em; } + +.message-dialog-content .message-dialog-title, .dialog .confirm-dialog-title { + font-weight: 800; + font-size: 1.364em; } + +.workspace-switch-osd, .media-keys-osd, .message-dialog-content .message-dialog-title.lightweight, .user-widget.vertical .user-widget-label { + font-weight: 700; + font-size: 1.182em; } + +.polkit-dialog-user-combo, .dialog-list .dialog-list-title { + font-weight: 700; + font-size: 1em; } + +.audio-device-selection-dialog .audio-selection-box .audio-selection-device, .polkit-dialog-user-combo { + border: 1px solid #ebebed; + color: #303030; + background-color: #ebebed; } + .audio-device-selection-dialog .audio-selection-box .audio-selection-device:focus, .polkit-dialog-user-combo:focus { + border: 1px solid #ebebed; + color: #303030; + background-color: #ebebed; + border: 1px solid #9a9aa5; } + .audio-device-selection-dialog .audio-selection-box .audio-selection-device:hover, .polkit-dialog-user-combo:hover { + border: 1px solid #ebebed; + color: #303030; + background-color: #d0d0d5; } + .audio-device-selection-dialog .audio-selection-box .audio-selection-device:insensitive, .polkit-dialog-user-combo:insensitive { + border: 1px solid #ebebed; + color: rgba(48, 48, 48, 0.5); + background-color: #ebebed; } + .audio-device-selection-dialog .audio-selection-box .audio-selection-device:selected, .polkit-dialog-user-combo:selected, .audio-device-selection-dialog .audio-selection-box .audio-selection-device:active, .polkit-dialog-user-combo:active { + border: 1px solid #ebebed; + color: #303030; + background-color: #dedee1; } + .audio-device-selection-dialog .audio-selection-box .audio-selection-device:checked, .polkit-dialog-user-combo:checked { + border: 1px solid #ebebed; + color: #303030; + background-color: #dedee1; } + +.dialog .dialog-button, .dialog .dialog-button:destructive-action, .dialog .dialog-button:default { + font-weight: bold; + padding: 12px; + border-radius: 18px; + border: 1px solid #b0b0b8; + color: #303030; + background-color: #b0b0b8; } + .dialog .dialog-button:focus { + border: 1px solid #b0b0b8; + color: #303030; + background-color: #b0b0b8; + border: 1px solid #62626d; } + .dialog .dialog-button:hover { + border: 1px solid #b0b0b8; + color: #303030; + background-color: #9595a0; } + .dialog .dialog-button:active { + border: 1px solid #b0b0b8; + color: #303030; + background-color: #a3a3ac; } + .dialog .dialog-button:checked { + border: 1px solid #b0b0b8; + color: #303030; + background-color: #a3a3ac; } + .dialog .dialog-button:insensitive { + border: 1px solid #b0b0b8; + color: rgba(48, 48, 48, 0.5); + background-color: #b8b8bf; } + +.dialog .dialog-button:default { + border: 1px solid #0c75de; + color: #303030; + background-color: #0c75de; } + .dialog .dialog-button:focus:default { + border: 1px solid #0c75de; + color: #303030; + background-color: #0c75de; + border: 1px solid #04294d; } + .dialog .dialog-button:hover:default { + border: 1px solid #0c75de; + color: #303030; + background-color: #095cae; } + .dialog .dialog-button:active:default { + border: 1px solid #0c75de; + color: #303030; + background-color: #0b68c6; } + .dialog .dialog-button:checked:default { + border: 1px solid #0c75de; + color: #303030; + background-color: #0b68c6; } + .dialog .dialog-button:insensitive:default { + border-color: #b5b5bd; + border: 1px solid #b0b0b8; + color: rgba(48, 48, 48, 0.5); + background-color: #b8b8bf; } + +.dialog .dialog-button:destructive-action { + border: 1px solid #F04A50; + color: #303030; + background-color: #F04A50; } + .dialog .dialog-button:focus:destructive-action { + border: 1px solid #F04A50; + color: #303030; + background-color: #F04A50; + border: 1px solid #950c11; } + .dialog .dialog-button:hover:destructive-action { + border: 1px solid #F04A50; + color: #303030; + background-color: #ec1b22; } + .dialog .dialog-button:active:destructive-action { + border: 1px solid #F04A50; + color: #303030; + background-color: #ee3239; } + .dialog .dialog-button:checked:destructive-action { + border: 1px solid #F04A50; + color: #303030; + background-color: #ee3239; } + .dialog .dialog-button:insensitive:destructive-action { + border-color: #b5b5bd; + border: 1px solid #b0b0b8; + color: rgba(48, 48, 48, 0.5); + background-color: #b8b8bf; } + +.dialog { + background-color: #ebebed; + border-radius: 18px; + border: 1px solid #b5b5bd; + padding: 18px; } + .dialog .dialog-content-box { + margin-top: 8px; + margin-bottom: 16px; + spacing: 32px; + max-width: 28em; } + .dialog .confirm-dialog-title { + text-align: center; } + +.dialog-list { + spacing: 18px; } + .dialog-list .dialog-list-title { + text-align: center; } + .dialog-list .dialog-list-scrollview { + max-height: 200px; } + .dialog-list .dialog-list-box { + spacing: 1em; } + .dialog-list .dialog-list-box .dialog-list-item { + spacing: 1em; } + .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { + font-weight: bold; } + .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { + color: #232323; } + +.end-session-dialog { + min-width: 40em; } + .end-session-dialog .dialog-content-box { + spacing: 0; } + .end-session-dialog .dialog-list { + spacing: 0; } + .end-session-dialog .dialog-list .dialog-list-title { + color: #F27835; + background-color: tranparentize(#F27835, 0.9); + padding: 9px; + border-radius: 20px; + margin: 4px 0; } + +.message-dialog-content { + spacing: 18px; } + .message-dialog-content .message-dialog-title { + text-align: center; } + .message-dialog-content .message-dialog-description { + text-align: center; } + .message-dialog-content .message-dialog-caption { + text-align: center; } + +.run-dialog .dialog-content-box { + margin: 4px; } + +.run-dialog-description { + text-align: center; + color: black; } + .run-dialog-description.error { + color: #FC4138; } + +.run-dialog-completion-box { + padding-top: 6px; + padding-left: 12px; } + +.run-dialog-entry { + width: 20em; + height: 1.2em; } + +.prompt-dialog { + width: 28em; } + .prompt-dialog .dialog-content-box { + spacing: 16px; + margin-bottom: 12px; } + .prompt-dialog-password-entry { + width: 20em; } + .prompt-dialog-password-layout { + spacing: 8px; } + .prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label { + text-align: center; } + .prompt-dialog-error-label { + color: #FC4138; } + +.polkit-dialog-user-layout { + text-align: center; + spacing: 2px; } + +.polkit-dialog-user-combo { + border-radius: 6px; + padding: 6px 36px; } + .polkit-dialog-user-combo:insensitive { + color: #303030; } + +.audio-device-selection-dialog { + min-width: 24em; } + .audio-device-selection-dialog .audio-selection-box { + spacing: 12px; } + .audio-device-selection-dialog .audio-selection-box .audio-selection-device { + border-radius: 20px; } + .audio-device-selection-dialog .audio-selection-box .audio-selection-device .audio-selection-device-box { + padding: 12px; + spacing: 12px; } + .audio-device-selection-dialog .audio-selection-box .audio-selection-device .audio-selection-device-icon { + icon-size: 64px; } + +.workspace-switch-osd, .info-osd, .media-keys-osd { + background-color: #ebebed; + border: 1px solid #b5b5bd; + border-radius: 20px; + text-align: center; + padding: 24px; } + +.media-keys-osd { + margin-bottom: 1em; + border-radius: 20px; + font-weight: bold; + spacing: 12px; + padding: 12px 24px; } + .media-keys-osd > * { + spacing: 12px; } + .media-keys-osd StIcon { + icon-size: 32px; } + .media-keys-osd StLabel:ltr { + margin-right: 6px; } + .media-keys-osd StLabel:rtl { + margin-left: 6px; } + .media-keys-osd .level { + min-width: 160px; + -barlevel-height: 6px; + -barlevel-background-color: #d3d3d7; + -barlevel-active-background-color: #303030; + -barlevel-amplify-color: #F27835; + -barlevel-amplify-separator-width: 3px; } + .media-keys-osd .level:ltr { + margin-right: 6px; } + .media-keys-osd .level:rtl { + margin-left: 6px; } + .media-keys-osd .level-bar { + border-radius: 20px; + background-color: #303030; } + +.info-osd { + font-size: 1.2em; + font-weight: 700; + text-align: center; } + +.workspace-switch-osd { + min-width: 140px; + margin-bottom: 1em; + border-radius: 20px; + font-weight: bold; + padding: 12px 36px 0 36px; } + .workspace-switch-osd-indicator-box { + spacing: 12px; } + .workspace-switch-osd-indicator { + background-color: rgba(48, 48, 48, 0.5); + padding: 3px; + margin: 15px; + border-radius: 36px; } + .workspace-switch-osd-indicator:active { + background-color: #0c75de; + padding: 6px; + margin: 12px; } + +.monitor-label { + border-radius: 0; + color: black; + padding: 12px; + text-align: center; } + +.resize-popup { + color: #303030; + background-color: #ebebed; + border-radius: 6px; + padding: 12px; } + +/* +On-Screen Keyboard (>= Cinnamon 6.6) +*/ +#virtual-keyboard { + background-color: #f3f3f4; + box-shadow: inset 0 1px 0 0 #b5b5bd; } + +.vkeyboard-key-container { + padding: 4px; + spacing: 4px; } + +.vkeyboard-key { + color: #303030; + background-color: #b0b0b8; + border: 1px solid #b5b5bd; + box-shadow: inset 0 2px 4px rgba(176, 176, 184, 0.05); + font-size: 1.364em; + border-width: 1px; + border-style: solid; + border-radius: 6px; + background-color: #d3d3d7; } + .vkeyboard-key:focus { + color: #303030; + background-color: #b0b0b8; + border: 1px solid #0c75de; + box-shadow: inset 0 2px 4px rgba(176, 176, 184, 0.05); } + .vkeyboard-key:hover, .vkeyboard-key:checked { + color: #303030; + background-color: #bdbdc4; + border: 1px solid #b5b5bd; + box-shadow: inset 0 2px 4px rgba(189, 189, 196, 0.05); } + .vkeyboard-key:active { + color: #ffffff; + background-color: #0c75de; + border: 1px solid #0c75de; + box-shadow: inset 0 2px 4px #0c75de; } + .vkeyboard-key.shift-key-uppercase { + background-color: #9a9aa5; } + .vkeyboard-key.enter-key { + border-color: #0c75de; + background-color: #c0c0c6; + border-width: 3px; } + .vkeyboard-key.shift-key-lowercase, .vkeyboard-key.escape-key, .vkeyboard-key.hide-key, .vkeyboard-key.non-alpha-key { + background-color: #c0c0c6; } + .vkeyboard-key.shift-key-lowercase:focus, .vkeyboard-key.escape-key:focus, .vkeyboard-key.hide-key:focus, .vkeyboard-key.non-alpha-key:focus { + color: #303030; + background-color: #b0b0b8; + border: 1px solid #0c75de; + box-shadow: inset 0 2px 4px rgba(176, 176, 184, 0.05); } + .vkeyboard-key.shift-key-lowercase:hover, .vkeyboard-key.shift-key-lowercase:checked, .vkeyboard-key.escape-key:hover, .vkeyboard-key.escape-key:checked, .vkeyboard-key.hide-key:hover, .vkeyboard-key.hide-key:checked, .vkeyboard-key.non-alpha-key:hover, .vkeyboard-key.non-alpha-key:checked { + color: #303030; + background-color: #bdbdc4; + border: 1px solid #b5b5bd; + box-shadow: inset 0 2px 4px rgba(189, 189, 196, 0.05); } + .vkeyboard-key.shift-key-lowercase:active, .vkeyboard-key.escape-key:active, .vkeyboard-key.hide-key:active, .vkeyboard-key.non-alpha-key:active { + color: #ffffff; + background-color: #0c75de; + border: 1px solid #0c75de; + box-shadow: inset 0 2px 4px #0c75de; } + .vkeyboard-key.modifier-key { + background-color: #c0c0c6; } + .vkeyboard-key.modifier-key:hover, .vkeyboard-key.modifier-key:checked { + color: #303030; + background-color: #bdbdc4; + border: 1px solid #b5b5bd; + box-shadow: inset 0 2px 4px rgba(189, 189, 196, 0.05); } + .vkeyboard-key.modifier-key:latched { + background-color: #9a9aa5; } + .vkeyboard-key StIcon { + icon-size: 1.125em; } + +.vkeyboard-subkeys { + color: #303030; + -arrow-border-radius: 8px; + -arrow-background-color: #ebebed; + -arrow-border-width: 1px; + -arrow-border-color: white; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 6px; } + +.word-suggestions { + font-size: 1.227em; + spacing: 20px; + min-height: 20pt; } + +.candidate-popup-boxpointer { + -arrow-border-radius: 8px; + -arrow-background-color: #ebebed; + -arrow-border-width: 1px; + -arrow-border-color: #b5b5bd; + -arrow-base: 12px; + -arrow-rise: 6px; + -arrow-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); } + +.candidate-popup-content { + padding: 0.5em; + spacing: 0.3em; } + +.candidate-index { + padding: 0 0.5em 0 0; + color: #171717; } + +.candidate-box { + padding: 0.3em 0.5em 0.3em 0.5em; + border-radius: 6px; + color: #303030; } + .candidate-box:selected, .candidate-box:hover { + background-color: #c0c0c6; } + +.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: 6px 0px 0px 6px; + border-right-width: 0; } + +.candidate-page-button-next { + border-radius: 0px 6px 6px 0px; } + +.candidate-page-button-icon { + icon-size: 1em; } + +/* +****** DEPRECATED + +On-Screen Keyboard (<= Cinnamon 6.4) +*/ +#keyboard { + background-color: #303030; + border-width: 0; + border-top-width: 1px; + border-color: rgba(0, 0, 0, 0.4); } + +.keyboard-layout { + spacing: 10px; + padding: 10px; } + +.keyboard-row { + spacing: 15px; } + +.keyboard-key { + min-height: 2em; + min-width: 2em; + font-size: 1.4em; + font-weight: bold; + border-radius: 3px; + box-shadow: none; + color: #c3c3c3; + border: 1px solid #b5b5bd; + background-color: rgba(104, 104, 104, 0.4); } + .keyboard-key:hover { + color: #c3c3c3; + border: 1px solid rgba(0, 0, 0, 0.4); + background-color: rgba(122, 122, 122, 0.5); } + .keyboard-key:active, .keyboard-key:checked { + color: #ffffff; + border: 1px solid #0c75de; + background-color: #0c75de; } + .keyboard-key:grayed { + color: #5c5c5c; + border: 1px solid rgba(0, 0, 0, 0.4); + background-color: rgba(104, 104, 104, 0.25); } + +.keyboard-subkeys { + color: #c3c3c3; + padding: 5px; + -arrow-border-radius: 2px; + -arrow-background-color: #303030; + -arrow-border-width: 1px; + -arrow-border-color: rgba(0, 0, 0, 0.4); + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; } + +/* ****** DEPRECATED */