From 9a2359fc439b0336b7dee82afb47aa21d24b98a6 Mon Sep 17 00:00:00 2001 From: B Stack Date: Tue, 11 Feb 2020 17:26:20 -0500 Subject: initial commit --- .../bgstack15-red/cinnamon/add-workspace-hover.png | Bin 0 -> 474 bytes .../bgstack15-red/cinnamon/add-workspace.png | Bin 0 -> 427 bytes .../bgstack15-red/cinnamon/calendar-arrow-left.svg | 4 + .../cinnamon/calendar-arrow-right.svg | 4 + .../bgstack15-red/cinnamon/calendar-today.svg | 11 + .../themes/bgstack15-red/cinnamon/changes.txt | 2 + .../themes/bgstack15-red/cinnamon/checkbox-off.svg | 98 ++ .../themes/bgstack15-red/cinnamon/checkbox.svg | 104 ++ .../themes/bgstack15-red/cinnamon/cinnamon.css | 1830 ++++++++++++++++++++ .../cinnamon/cinnamon.css.2016-12-28.01 | 1823 +++++++++++++++++++ .../cinnamon/cinnamon.css.2016-12-28.02 | 1830 ++++++++++++++++++++ .../cinnamon/cinnamon.css.2016-12-28.03 | 1830 ++++++++++++++++++++ .../themes/bgstack15-red/cinnamon/close-window.svg | 21 + .../share/themes/bgstack15-red/cinnamon/close.svg | 10 + .../bgstack15-red/cinnamon/corner-ripple.png | Bin 0 -> 4981 bytes .../bgstack15-red/cinnamon/menu-symbolic.svg | 45 + .../bgstack15-red/cinnamon/overview-hover.png | Bin 0 -> 838 bytes .../themes/bgstack15-red/cinnamon/overview.png | Bin 0 -> 585 bytes .../bgstack15-red/cinnamon/process-working.svg | 32 + .../bgstack15-red/cinnamon/radiobutton-off.svg | 91 + .../themes/bgstack15-red/cinnamon/radiobutton.svg | 97 ++ .../bgstack15-red/cinnamon/scroll-hhandle.svg | 8 + .../bgstack15-red/cinnamon/scroll-vhandle.svg | 8 + .../bgstack15-red/cinnamon/thumbnail-generic.png | Bin 0 -> 61937 bytes .../themes/bgstack15-red/cinnamon/thumbnail.png | Bin 0 -> 36301 bytes .../bgstack15-red/cinnamon/toggle-off-intl.svg | 57 + .../bgstack15-red/cinnamon/toggle-off-us.svg | 69 + .../bgstack15-red/cinnamon/toggle-on-intl.svg | 55 + .../themes/bgstack15-red/cinnamon/toggle-on-us.svg | 63 + .../themes/bgstack15-red/cinnamon/trash-icon.png | Bin 0 -> 2846 bytes 30 files changed, 8092 insertions(+) create mode 100644 src/usr/share/themes/bgstack15-red/cinnamon/add-workspace-hover.png create mode 100644 src/usr/share/themes/bgstack15-red/cinnamon/add-workspace.png create mode 100644 src/usr/share/themes/bgstack15-red/cinnamon/calendar-arrow-left.svg create mode 100644 src/usr/share/themes/bgstack15-red/cinnamon/calendar-arrow-right.svg create mode 100644 src/usr/share/themes/bgstack15-red/cinnamon/calendar-today.svg create mode 100644 src/usr/share/themes/bgstack15-red/cinnamon/changes.txt create mode 100644 src/usr/share/themes/bgstack15-red/cinnamon/checkbox-off.svg create mode 100644 src/usr/share/themes/bgstack15-red/cinnamon/checkbox.svg create mode 100644 src/usr/share/themes/bgstack15-red/cinnamon/cinnamon.css create mode 100644 src/usr/share/themes/bgstack15-red/cinnamon/cinnamon.css.2016-12-28.01 create mode 100644 src/usr/share/themes/bgstack15-red/cinnamon/cinnamon.css.2016-12-28.02 create mode 100644 src/usr/share/themes/bgstack15-red/cinnamon/cinnamon.css.2016-12-28.03 create mode 100644 src/usr/share/themes/bgstack15-red/cinnamon/close-window.svg create mode 100644 src/usr/share/themes/bgstack15-red/cinnamon/close.svg create mode 100644 src/usr/share/themes/bgstack15-red/cinnamon/corner-ripple.png create mode 100644 src/usr/share/themes/bgstack15-red/cinnamon/menu-symbolic.svg create mode 100644 src/usr/share/themes/bgstack15-red/cinnamon/overview-hover.png create mode 100644 src/usr/share/themes/bgstack15-red/cinnamon/overview.png create mode 100644 src/usr/share/themes/bgstack15-red/cinnamon/process-working.svg create mode 100644 src/usr/share/themes/bgstack15-red/cinnamon/radiobutton-off.svg create mode 100644 src/usr/share/themes/bgstack15-red/cinnamon/radiobutton.svg create mode 100644 src/usr/share/themes/bgstack15-red/cinnamon/scroll-hhandle.svg create mode 100644 src/usr/share/themes/bgstack15-red/cinnamon/scroll-vhandle.svg create mode 100644 src/usr/share/themes/bgstack15-red/cinnamon/thumbnail-generic.png create mode 100644 src/usr/share/themes/bgstack15-red/cinnamon/thumbnail.png create mode 100644 src/usr/share/themes/bgstack15-red/cinnamon/toggle-off-intl.svg create mode 100644 src/usr/share/themes/bgstack15-red/cinnamon/toggle-off-us.svg create mode 100644 src/usr/share/themes/bgstack15-red/cinnamon/toggle-on-intl.svg create mode 100644 src/usr/share/themes/bgstack15-red/cinnamon/toggle-on-us.svg create mode 100644 src/usr/share/themes/bgstack15-red/cinnamon/trash-icon.png (limited to 'src/usr/share/themes/bgstack15-red/cinnamon') diff --git a/src/usr/share/themes/bgstack15-red/cinnamon/add-workspace-hover.png b/src/usr/share/themes/bgstack15-red/cinnamon/add-workspace-hover.png new file mode 100644 index 0000000..129bad2 Binary files /dev/null and b/src/usr/share/themes/bgstack15-red/cinnamon/add-workspace-hover.png differ diff --git a/src/usr/share/themes/bgstack15-red/cinnamon/add-workspace.png b/src/usr/share/themes/bgstack15-red/cinnamon/add-workspace.png new file mode 100644 index 0000000..0b70195 Binary files /dev/null and b/src/usr/share/themes/bgstack15-red/cinnamon/add-workspace.png differ diff --git a/src/usr/share/themes/bgstack15-red/cinnamon/calendar-arrow-left.svg b/src/usr/share/themes/bgstack15-red/cinnamon/calendar-arrow-left.svg new file mode 100644 index 0000000..54a9f2d --- /dev/null +++ b/src/usr/share/themes/bgstack15-red/cinnamon/calendar-arrow-left.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/usr/share/themes/bgstack15-red/cinnamon/calendar-arrow-right.svg b/src/usr/share/themes/bgstack15-red/cinnamon/calendar-arrow-right.svg new file mode 100644 index 0000000..8d9047b --- /dev/null +++ b/src/usr/share/themes/bgstack15-red/cinnamon/calendar-arrow-right.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/usr/share/themes/bgstack15-red/cinnamon/calendar-today.svg b/src/usr/share/themes/bgstack15-red/cinnamon/calendar-today.svg new file mode 100644 index 0000000..5f80fe6 --- /dev/null +++ b/src/usr/share/themes/bgstack15-red/cinnamon/calendar-today.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/src/usr/share/themes/bgstack15-red/cinnamon/changes.txt b/src/usr/share/themes/bgstack15-red/cinnamon/changes.txt new file mode 100644 index 0000000..cf74363 --- /dev/null +++ b/src/usr/share/themes/bgstack15-red/cinnamon/changes.txt @@ -0,0 +1,2 @@ +rgba(80,80,80,0.9) = rgba(80,40,40,0.9) +#a5a5a5 = #a57575 diff --git a/src/usr/share/themes/bgstack15-red/cinnamon/checkbox-off.svg b/src/usr/share/themes/bgstack15-red/cinnamon/checkbox-off.svg new file mode 100644 index 0000000..b836f31 --- /dev/null +++ b/src/usr/share/themes/bgstack15-red/cinnamon/checkbox-off.svg @@ -0,0 +1,98 @@ + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/src/usr/share/themes/bgstack15-red/cinnamon/checkbox.svg b/src/usr/share/themes/bgstack15-red/cinnamon/checkbox.svg new file mode 100644 index 0000000..d7c9681 --- /dev/null +++ b/src/usr/share/themes/bgstack15-red/cinnamon/checkbox.svg @@ -0,0 +1,104 @@ + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/src/usr/share/themes/bgstack15-red/cinnamon/cinnamon.css b/src/usr/share/themes/bgstack15-red/cinnamon/cinnamon.css new file mode 100644 index 0000000..907f076 --- /dev/null +++ b/src/usr/share/themes/bgstack15-red/cinnamon/cinnamon.css @@ -0,0 +1,1830 @@ +/* ################################################################### + * Section common with Gnome Shell + * ... contains a few cinnamon specific styles (rare occurrences) + * ###################################################################*/ +stage { + font-family: sans, sans-serif; +} +.cinnamon-link { + color: #0000ff; + text-decoration: underline; +} +.cinnamon-link:hover { + color: #0000e0; +} +.label-shadow { + color: rgba(0,0,0,0.5); +} +StScrollBar { + padding: 0px; +} +StScrollView.vfade { + -st-vfade-offset: 68px; +} +StScrollView StScrollBar { + min-width: 16px; + min-height: 16px; +} + +StScrollBar StBin#trough { + background-color: rgba(0,0,0,0); + border: 1px solid #553333; + border-radius: 4px; +} +StScrollBar StButton#vhandle { + background-image: url("scroll-vhandle.svg"); + background-color: rgba(204,204,204,0.3); + border: 1px solid #553333; + border-radius: 4px; +} +StScrollBar StButton#hhandle { + background-image: url("scroll-hhandle.svg"); + background-color: rgba(204,204,204,0.3); + border: 1px solid #553333; + border-radius: 4px; +} +StScrollBar StButton#hhandle:hover, +StScrollBar StButton#vhandle:hover { + background-color: rgba(204,204,204,0.5); +} +.separator { + -gradient-height: 2px; + -gradient-start: rgba(85,35,35,1); + -gradient-end: #553333; + -margin-horizontal: 1.5em; + height: 1em; +} +.slider { + height: 1em; + min-width: 15em; + -slider-height: 0.3em; + -slider-background-color: #666666; + -slider-border-color: #553333; + -slider-active-background-color: #CCCCCC; + -slider-active-border-color: #DDDDDD; + -slider-border-width: 1px; + -slider-handle-radius: 0.5em; +} +#Tooltip { + border: 1px solid rgba(212,185,67,1.0); + border-radius: 4px; + padding: 2px 12px; + background-gradient-end: rgba(251,234,159,0.9); + background-gradient-start: rgba(254,245,198,0.9); + background-gradient-direction: vertical; + color: #000000; + font-size: 8.5pt; + font-weight: normal; + text-align: center; +} +/* =================================================================== + * Shared button properties + * ===================================================================*/ +.notification-button, .notification-icon-button, +.modal-dialog-button, +.sound-player-overlay StButton { + color: white; + border: 1px solid #8b8b8b; + background-gradient-direction: vertical; + background-gradient-start: rgba(255, 255, 255, 0.2); + background-gradient-end: rgba(255, 255, 255, 0); +} +.notification-button:hover, +.notification-icon-button:hover, .modal-dialog-button:hover, +.sound-player-overlay StButton:hover { + background-gradient-start: rgba(255, 255, 255, 0.3); + background-gradient-end: rgba(255, 255, 255, 0.1); +} +.notification-button:focus, +.notification-icon-button:focus, +.modal-dialog-button:focus, +.sound-player-overlay StButton:focus { + border: 2px solid #8b8b8b; +} +.notification-button:active, .notification-icon-button:active, +.modal-dialog-button:active, .modal-dialog-button:pressed, +.sound-player-overlay StButton:active { + background-gradient-start: rgba(255, 255, 255, 0); + background-gradient-end: rgba(255, 255, 255, 0.2); +} +/* =================================================================== + * PopupMenu (popupMenu.js) + * ===================================================================*/ + /* .popup-menu-boxpointer and .popup-menu are kept for compatibility + with cinnamon version under 3.2. Use .menu in version 3.2 and above */ +.popup-menu-boxpointer { + -arrow-border-radius: 3px; + -arrow-background-color: rgba(40,40,40,0.9); + -arrow-border-width: 2px; + -arrow-border-color: #a57575; + -arrow-base: 24px; + -arrow-rise: 11px; +} +.popup-menu { + color: #ffffff; + font-size: 9.5pt; + min-width: 100px; +} +.menu { + border-radius: 8px; + background-color: rgba(80,40,40,0.9); + border-width: 2px; + border-color: #a57575; + color: #ffffff; + font-size: 9.5pt; + min-width: 100px; +} +.popup-menu-arrow { + icon-size: 1.14em; +} +.popup-submenu-menu-item:open { + background-color: #8c2c2c; +} +.popup-sub-menu { + background-gradient-start: rgba(40,40,40,0.3); + background-gradient-end: rgba(40,40,40,0.7); + background-gradient-direction: vertical; +} +.popup-sub-menu .popup-menu-item:ltr { + padding-right: 1.75em; +} +.popup-sub-menu .popup-menu-item:rtl { + padding-left: 1.75em; +} +.popup-sub-menu StScrollBar { + padding: 4px; +} +.popup-sub-menu StScrollBar StBin#trough { + border-width: 0px; +} +.popup-sub-menu StScrollBar StBin#vhandle { + background-color: #4c4c4c; + border-width: 0px; +} +.popup-combo-menu { + background-color: rgba(0,0,0,0.9); + padding: 1em 0em; + color: #ffffff; + font-size: 10.5pt; + border: 1px solid #5f5f5f; + border-radius: 9px; +} +/* The remaining popup-menu sizing is all done in ems, so that if you + * override .popup-menu.font-size, everything else will scale with it. + */ +.popup-menu-content { + padding: 1em 0em; +} +.popup-menu-item { + padding: .4em 1.75em; + spacing: 1em; +} +.popup-menu-item:active { + background-color: #6c2c2c; +} +.popup-menu-item:insensitive { + color: #9f5f5f; +} +.popup-image-menu-item { +} +.popup-combobox-item { + spacing: 1em; +} +.popup-separator-menu-item { + -gradient-height: 2px; + -gradient-start: rgba(85,35,35,1); + -gradient-end: #553333; + -margin-horizontal: 1.5em; + height: 1em; +} +.popup-alternating-menu-item:alternate { + font-weight: bold; +} +.popup-slider-menu-item { + height: 1em; + min-width: 15em; + -slider-height: 0.3em; + -slider-background-color: #664444; + -slider-border-color: #553333; + -slider-active-background-color: #CC6666; + -slider-active-border-color: #DD7777; + -slider-border-width: 1px; + -slider-handle-radius: 0.5em; +} +.popup-device-menu-item { + spacing: .5em; +} +.popup-inactive-menu-item { + font-weight: normal; + color: #944; +} +.popup-subtitle-menu-item { + font-weight: bold; +} +.popup-menu-icon { + icon-size: 1.14em; +} +/* Switches (to be used in menus) */ +.toggle-switch { + width: 65px; + height: 22px; +} +.toggle-switch-us { + background-image: url("toggle-off-us.svg"); +} +.toggle-switch-us:checked { + background-image: url("toggle-on-us.svg"); +} +.toggle-switch-intl { + background-image: url("toggle-off-intl.svg"); +} +.toggle-switch-intl:checked { + background-image: url("toggle-on-intl.svg"); +} +.nm-menu-item-icons { + spacing: .5em; +} +/* =================================================================== + * Panel (panel.js) + * ===================================================================*/ +#panel { + color: #ffffff; + background-color: #553333; + font-size: 8.5pt; + font-weight: normal; + height: 26px; + width: 32px; +} +#panel:highlight { + background-color: #aa5555; +} +.panel-dummy { + background-color: rgba(50, 50, 50, 0.4); +} +.panel-dummy:entered { + background-color: rgba(255, 35, 35, 0.4); +} +.panelLeft { + spacing: 4px; +} +.panelCenter { + spacing: 4px; +} +.panelRight { + 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); +} +.panelCenter:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(0,255,0,0.05); + background-gradient-end: rgba(0,255,0,0.2); +} +.panelRight:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(0,0,255,0.05); + background-gradient-end: rgba(0,0,255,0.2); +} +.panelLeft:ltr { + padding-right: 4px; +} +.panelLeft:rtl { + padding-left: 4px; +} +.panelRight:ltr { + padding-left: 0px; + spacing: 0px; +} +.panelRight:rtl { + padding-right: 0px; + spacing: 0px; +} +.panelLeft.vertical { + padding: 0px; +} +.panelRight.vertical { + padding: 0px; +} +.panelCenter.vertical { + padding-left: 0px; + padding-right: 0px; +} +.panelLeft.vertical:dnd { +} +.panelCenter.vertical:dnd { +} +.panelRight.vertical:dnd { +} +.panel-top { +} +.panel-bottom { +} +.panel-left { +} +.panel-right { +} +.panel-status-button { + border: 0px solid #8b8b8b; + -natural-hpadding: 3px; + -minimum-hpadding: 3px; + font-weight: bold; + color: #ccc; + height: 22px; +} +.panel-status-button:hover { + color: white; +} +.system-status-icon { + padding-left: 0px; + padding-right: 0px; + spacing: 0px; + margin: 0px; +} + +.panel-corner { + -panel-corner-radius: 0px; + -panel-corner-background-color: black; + -panel-corner-inner-border-width: 2px; + -panel-corner-inner-border-color: transparent; + -panel-corner-outer-border-width: 1px; + -panel-corner-outer-border-color: #536272; +} +.panel-corner:active, +.panel-corner:overview, +.panel-corner:focus { + -panel-corner-inner-border-color: rgba(255,255,255,0.8); +} +#appMenu { + spacing: 4px; +} +.panel-button #appMenuIcon { + app-icon-bottom-clip: 1px; +} +.panel-button:active #appMenuIcon, +.panel-button:checked #appMenuIcon, +.panel-button:focus #appMenuIcon { + app-icon-bottom-clip: 2px; +} +.panel-button { + -natural-hpadding: 6px; + -minimum-hpadding: 2px; + font-weight: bold; + color: #ccc; + transition-duration: 100; +} +.panel-button:hover { + color: white; + text-shadow: black 0px 2px 2px; +} +.panel-button:active, +.panel-button:overview, +.panel-button:focus { + +} +.panel-button:active > .system-status-icon, +.panel-button:checked > .system-status-icon, +.panel-button:focus > .system-status-icon { + icon-shadow: black 0px 2px 2px; +} +.panel-menu { + -boxpointer-gap: 4px +} +.popup-menu-item-dot { +} +.system-status-icon { + icon-size: 1.14em; +} +/* =================================================================== + * Overview + * ===================================================================*/ +#overview { + spacing: 12px; +} +.window-caption { + background-color: black; + color: white; + spacing: 25px; +} + +.window-caption#selected { + background-color: white; + color: black; + spacing: 25px; +} + +.workspace-controls { + visible-height: 32px; /* Amount visible before hovering */ +} +.workspace-thumbnails-background { + border: 1px solid rgba(128, 128, 128, 0.4); + border-right: 0px; + border-radius: 9px 9px 0px 0px; + background-color: rgba(0, 0, 0, 0.5); + padding: 8px; +} +.workspace-thumbnails-background:rtl { + border-right: 1px; + border-left: 0px; + border-radius: 9px 9px 0px 0px; +} +.workspace-thumbnails { + spacing: 14px; +} +.workspace-add-button { + background-image: url("add-workspace.png"); + height: 200px; + width: 35px; + transition-duration: 300; +} +.workspace-add-button:hover { + background-image: url("add-workspace-hover.png"); + transition-duration: 300; +} + +.workspace-close-button { + background-image: url("close-window.svg"); + height: 34px; + width: 34px; + -cinnamon-close-overlap: 20px; +} + +.workspace-thumbnail-indicator { + outline: 2px solid white; + border: 1px solid #888; +} +.window-caption { + background: rgba(85,35,35,0.8); + border: 1px solid rgba(128,128,128,0.40); + border-radius: 4px; + font-size: 9pt; + padding: 2px 8px; + -cinnamon-caption-spacing: 4px; +} +.window-close { + background-image: url("close-window.svg"); + height: 34px; + width: 34px; + -cinnamon-close-overlap: 20px; +} +.window-close:rtl { + -st-background-image-shadow: 2px 2px 6px rgba(0,0,0,0.5); +} + +.window-close-area { + background-image: url("trash-icon.png"); + background-size: 100px; + background-color: rgba(60, 60, 60, 0.8); + border: 4px solid rgba(128,128,128,0.8); + border-bottom-width: 0px; + border-radius: 20px 20px 0px 0px; + height: 120px; + width: 400px; +} + +.overview-icon { + border-radius: 4px; + padding: 3px; + border: 1px rgba(0,0,0,0); + font-size: 7.5pt; + color: white; + transition-duration: 100; + text-align: center; +} + +.expo-background { + background-gradient-start: #000; + background-gradient-end: #AAA; + background-gradient-direction: vertical +} + +.workspace-overview-background-shade { + background-color: rgba(0,0,0,0.4); +} + +.expo-workspace-thumbnail-frame { + border: 1px, rgba(64,64,64,0.9); + background-color: rgba(64,64,64,0.9); +} + +.expo-workspace-thumbnail-frame#active { + border: 2px, rgba(32,32,32,0.9); + background-color: rgba(32,32,32,0.9); +} + +/* =================================================================== + * Looking Glass + * ===================================================================*/ +#LookingGlassDialog { + background-color: rgba(85,35,35,0.85); + spacing: 4px; + padding: 4px; + border: 2px solid grey; + border-radius: 4px; + color: #CCCCCC; +} +/* =================================================================== + * Date applet + * ===================================================================*/ +.calendar { + padding: .4em 1.75em; + spacing-rows: 0px; + spacing-columns: 0px; +} +.calendar-month-label { + color: #cccccc; + font-size: 7.5pt; + padding-bottom: 8px; + padding-top: 8px; + font-weight: bold; +} +.calendar-change-month-back { + width: 18px; + height: 12px; + background-image: url("calendar-arrow-left.svg"); + border-radius: 4px; +} +.calendar-change-month-back:rtl { + background-image: url("calendar-arrow-right.svg"); +} +.calendar-change-month-back:hover { + background-color: #999999; +} +.calendar-change-month-back:active { + background-color: #aaaaaa; +} +.calendar-change-month-forward { + width: 18px; + height: 12px; + background-image: url("calendar-arrow-right.svg"); + border-radius: 4px; +} +.calendar-change-month-forward:rtl { + background-image: url("calendar-arrow-left.svg"); +} +.calendar-change-month-forward:hover { + background-color: #999999; +} +.calendar-change-month-forward:active { + background-color: #aaaaaa; +} +.datemenu-date-label { + padding: .4em 1.75em; + font-size: 10.5pt; + color: #cccccc; + font-weight: bold; +} +.calendar-day-base { + font-size: 7.5pt; + text-align: center; + width: 2.4em; + height: 2.4em; +} +.calendar-day-base:hover { + background-color: #777777; + color: #fff; +} +.calendar-day-base:active { + background-color: #553333; +} +.calendar-day-heading { + color: #cccccc; + padding-top: 1em; +} +.calendar-week-number { + color: #cccccc; + font-weight: bold; +} +/* Hack used in lieu of border-collapse - see calendar.js */ +.calendar-day:ltr { + border: 1px solid #333333; + color: #cccccc; + border-top-width: 0; + border-left-width: 0; +} +.calendar-day-top:ltr { + border-top-width: 1px; +} +.calendar-day-left:ltr { + border-left-width: 1px; +} +.calendar-day:rtl { + border: 1px solid #333333; + color: #cccccc; + border-top-width: 0; + border-right-width: 0; +} +.calendar-day-top:rtl { + border-top-width: 1px; +} +.calendar-day-left:rtl { + border-right-width: 1px; +} +.calendar-work-day { +} +.calendar-nonwork-day { + background-color: rgba(128, 128, 128, .1); +} +.calendar-today { + background-image: url("calendar-today.svg"); + text-shadow: black 0px 2px 2px; + color: #ffffff; + font-weight: bold; +} +.calendar-other-month-day { + color: #888888; + background-color: rgba(64, 64, 64, .5); +} +.calendar-day-with-events { + font-weight: bold; + color: #cccccc; +} +/* =================================================================== + * Notifications + * ===================================================================*/ +#notification { + font-size: 8.5pt; + border-radius: 8px 8px 8px 8px; + border: 2px solid #a57575; + background-gradient-direction: vertical; + background-gradient-start: rgba(85,35,35,0.8); + background-gradient-end: rgba(85,35,35,0.8); + padding: 8px 8px 8px 8px; + spacing-rows: 10px; + spacing-columns: 10px; + margin-from-right-edge-of-screen: 20px; + width: 34em; + color: white; +} +#notification.multi-line-notification { + padding-bottom: 8px; + color: white; +} +/* We use row-span = 2 for the image cell, which prevents its height preferences to be + taken into account during allocation, so its height ends up being limited by the height + of the content in the other rows. To avoid showing a stretched image, we set the minimum + height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 = 159 */ +.notification-with-image { + min-height: 159px; + color: white; +} +#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-button { + border-radius: 5px; + padding: 4px 8px 5px; +} +.notification-button:focus { + padding: 3px 8px 4px; +} +.notification-icon-button { + border-radius: 5px; + padding: 5px; +} +.notification-icon-button:focus { + padding: 4px; +} +.notification-icon-button > StIcon { + icon-size: 36px; +} +#notification StEntry { + padding: 4px; + border-radius: 4px; + color: #a8a8a8; + selected-color: black; + border: 1px solid rgba(245,245,245,0.2); + background-gradient-direction: vertical; + background-gradient-start: rgb(200,200,200); + background-gradient-end: white; + transition-duration: 300; + box-shadow: inset 0px 2px 4px rgba(0,0,0,0.6); + caret-color: #a8a8a8; + caret-size: 1px; +} +#notification StEntry:focus { + border: 1px solid #8b8b8b; + color: #333333; + background-gradient-direction: vertical; + background-gradient-start: rgb(200,200,200); + background-gradient-end: white; + caret-color: #545454; + selection-background-color: #808080; +} +/* =================================================================== + * Alt Tab + * ===================================================================*/ +#altTabPopup { + padding: 8px; + spacing: 16px; +} +.switcher-list { + background: rgba(70,35,35,0.8); + border: 2px solid #a57575; + border-radius: 8px; + padding: 20px; + font-size: 9pt; + color: white; + text-shadow: black 0px 0px 2px; +} +.switcher-list-item-container { + spacing: 8px; +} +.thumbnail-scroll-gradient-left { + background-gradient-direction: horizontal; + background-gradient-start: rgba(51, 51, 51, 1.0); + background-gradient-end: rgba(51, 51, 51, 0); + border-radius: 24px; + border-radius-topright: 0px; + border-radius-bottomright: 0px; + width: 60px; +} +.thumbnail-scroll-gradient-right { + background-gradient-direction: horizontal; + background-gradient-start: rgba(51, 51, 51, 0); + background-gradient-end: rgba(51, 51, 51, 1.0); + border-radius: 24px; + border-radius-topleft: 0px; + border-radius-bottomleft: 0px; + width: 60px; +} +.switcher-list .item-box { + padding: 8px; + border-radius: 8px; +} +.switcher-list .item-box:outlined { + padding: 6px; + border: 2px solid rgba(85,35,35,1.0); +} +.switcher-list .item-box:selected { + background: rgba(255,180,180,0.33); +} +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} +.switcher-list .thumbnail { + width: 256px; +} +.switcher-list .separator { + width: 1px; + background: rgba(255,255,255,0.33); +} +.ripple-box { + width: 104px; + height: 104px; + background-image: url("corner-ripple.png"); +} +.ripple-box:rtl { + background-image: url("corner-ripple.png"); +} +.switcher-arrow { + border-color: rgba(0,0,0,0); + color: #808080; +} +.switcher-arrow:highlighted { + border-color: rgba(0,0,0,0); + color: white; +} +.switcher-preview-backdrop { + background-color: rgba(25,25,25,0.65); +} + +/* =================================================================== + * Modal dialogs + * ===================================================================*/ +.modal-dialog { + font-size: 12pt; + border-radius: 24px; + background-color: rgba(85, 35, 35, 0.9); + border: 2px solid #865656; + color: #babdb6; + padding-right: 42px; + padding-left: 42px; + padding-bottom: 30px; + padding-top: 30px; +} +.modal-dialog-button-box { + spacing: 21px; +} +.modal-dialog-button { + border-radius: 18px; + font-size: 11pt; + color: white; + margin-left: 10px; + margin-right: 10px; + padding: 4px 32px 5px; +} +.modal-dialog-button:disabled { + color: rgb(60, 60, 60); +} +.modal-dialog-button:focus { + padding: 3px 31px 4px; +} + +/* Info OSD popup */ +.info-osd { + font-size: 18pt; + border-radius: 24px; + background-color: rgba(85, 35, 35, 0.9); + border: 2px solid #865656; + color: #ba6d66; + padding-right: 20px; + padding-left: 20px; + padding-bottom: 20px; + padding-top: 20px; + text-align: center; +} + +/* =================================================================== + * Run dialog + * ===================================================================*/ +.run-dialog-label { + font-size: 9pt; + color: white; +} +.run-dialog-error-label { + font-size: 9pt; + color: white; +} +.run-dialog-error-box { + padding-top: 15px; + spacing: 5px; +} +.run-dialog-completion-box { + padding-left: 15px; + font-size: 10px; +} +.run-dialog-entry { + font-size: 10.5pt; + font-weight: bold; + width: 23em; + color: white; + selection-background-color: white; + selected-color: black; +} +.run-dialog { + border-radius: 16px; + padding-right: 21px; + padding-left: 21px; + padding-bottom: 15px; + padding-top: 15px; +} +.lightbox { + background-color: rgba(0, 0, 0, 0.4); +} + +/* CinnamonMountOperation Dialogs */ +.cinnamon-mount-operation-icon { + icon-size: 48px; +} +.mount-password-reask { + color: red; +} +.show-processes-dialog, +.mount-question-dialog { + spacing: 24px; +} +.show-processes-dialog-subject, +.mount-question-dialog-subject { + font-size: 12pt; + font-weight: bold; + color: #666666; + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; +} +.show-processes-dialog-subject:rtl, +.mount-question-dialog-subject:rtl { + padding-left: 0px; + padding-right: 17px; +} +.show-processes-dialog-description, +.mount-question-dialog-description { + font-size: 10pt; + color: white; + padding-left: 17px; + width: 28em; +} +.show-processes-dialog-description:rtl, +.mount-question-dialog-description:rtl { + padding-right: 17px; +} +.show-processes-dialog-app-list { + font-size: 10pt; + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} +.show-processes-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} +.show-processes-dialog-app-list-item { + color: #ccc; +} +.show-processes-dialog-app-list-item:hover { + color: white; +} +.show-processes-dialog-app-list-item:ltr { + padding-right: 1em; +} +.show-processes-dialog-app-list-item:rtl { + padding-left: 1em; +} +.show-processes-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} +.show-processes-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} +.show-processes-dialog-app-list-item-name { + font-size: 10pt; +} +/* =================================================================== + * Magnifier + * ===================================================================*/ + +.magnifier-zoom-region { + border: 2px solid rgba(128, 0, 0, 255); +} +.magnifier-zoom-region.full-screen { + border-width: 0px; +} +/* =================================================================== + * On screen keyboard + * ===================================================================*/ + +#keyboard { + background-color: #553333; +} +.keyboard-layout { + spacing: 10px; + padding: 10px; +} +.keyboard-row { + spacing: 15px; +} +.keyboard-key { + min-height: 30px; + min-width: 30px; + background-gradient-start: rgba(255,245,245,0.4); + background-gradient-end: rgba(105,105,105,0.1); + background-gradient-direction: vertical; + font-size: 14pt; + font-weight: bold; + border-radius: 10px; + border: 2px solid #a0a0a0; + color: white; +} +.keyboard-key:grayed { + color: #808080; + border-color: #808080; +} +.keyboard-key:checked, +.keyboard-key:hover { + background: #303030; + border: 3px solid white; +} +.keyboard-key:active { + background: #808080; +} +.keyboard-subkeys { + color: white; + padding: 5px; + -arrow-border-radius: 3px; + -arrow-background-color: #090909; + -arrow-border-width: 2px; + -arrow-border-color: white; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; +} +/* ################################################################### + * Cinnamon Specific Section + * ###################################################################*/ +/* =================================================================== + * Menu (menu.js) + * ===================================================================*/ +/* Main menu title */ + +.menu-favorites-box { + margin: auto; + padding: 10px; + border: 1px solid #644; + border-radius: 8px; + background-gradient-direction: vertical; + background-gradient-start: rgba(85,35,35,0.8); + background-gradient-end: rgba(85,35,35,0.2); + transition-duration: 300; +} +.menu-favorites-button { + padding-top: 10px; + padding-left: 10px; + padding-right: 10px; + padding-bottom: 10px; +} +.menu-favorites-button:hover { + color: white; + background-gradient-direction: vertical; + /*background-gradient-start: rgba(255,255,255,0.2); + background-gradient-end: rgba(255,255,255,0.08);*/ + background-gradient-start: rgba(180,80,80,0.2); + background-gradient-end: rgba(180,80,80,0.08); + box-shadow: inset 0px 0px 1px 1px rgba(255,128,128,0.06); + border-radius: 4px; +} +.menu-places-box { + margin: auto; + padding: 10px; + border: 0px solid #644; +} +.menu-places-button { + padding-top: 10px; + padding-left: 10px; + padding-right: 10px; + padding-bottom: 10px; +} +.menu-categories-box { + padding-top: 10px; + padding-left: 30px; + padding-right: 30px; + padding-bottom: 10px; +} +.menu-applications-inner-box { + padding-top: 10px; + padding-left: 10px; + padding-right: 10px; + padding-bottom: 0px; +} +.menu-applications-outer-box { + padding-top: 10px; + padding-left: 10px; + padding-right: 10px; + padding-bottom: 0px; +} +.menu-application-button { + padding-top: 7px; + padding-left: 7px; + padding-right: 7px; + padding-bottom: 7px; +} +.menu-application-button:highlighted { + /* This style is used in menu application buttons for applications which were newly installed */ + font-weight: bold; +} +.menu-application-button-selected { + padding-top: 7px; + padding-left: 7px; + padding-right: 7px; + padding-bottom: 7px; + color: white; + background-gradient-direction: vertical; + background-gradient-start: rgba(255,255,255,0.2); + background-gradient-end: rgba(255,255,255,0.08); + box-shadow: inset 0px 0px 1px 1px rgba(255,255,255,0.06); + border-radius: 4px; +} +.menu-application-button-selected:highlighted { + /* This style is used in menu application buttons for applications which were newly installed */ + font-weight: bold; +} +.menu-application-button-label:ltr { + padding-left: 5px; +} +.menu-application-button-label:rtl { + padding-right: 5px; +} +.menu-category-button { + padding-top: 7px; + padding-left: 7px; + padding-right: 7px; + padding-bottom: 7px; +} +.menu-category-button-greyed { + padding-top: 7px; + padding-left: 7px; + padding-right: 7px; + padding-bottom: 7px; + color: #9C7C7C; + font-style: italic; +} +.menu-category-button-selected { + padding-top: 7px; + padding-left: 7px; + padding-right: 7px; + padding-bottom: 7px; + color: white; + background-gradient-direction: vertical; + /*background-gradient-start: rgba(255,255,255,0.2); + background-gradient-end: rgba(255,255,255,0.08);*/ + background-gradient-start: rgba(180,80,80,0.2); + background-gradient-end: rgba(180,80,80,0.08); + box-shadow: inset 0px 0px 1px 1px rgba(255,255,255,0.06); + border-radius: 4px; +} +.menu-category-button-label:ltr { + padding-left: 5px; +} +.menu-category-button-label:rtl { + padding-right: 5px; + +} +.menu-category-button-button:hover { + background-color: #966666; + border-radius: 8px; +} +/* Name and description of the currently hovered item in the menu + * This appears on the bottom right hand corner of the menu*/ +.menu-selected-app-box { + padding-right: 30px; + padding-left: 28px; + text-align: right; + height: 30px; +} + +.menu-selected-app-box:rtl { + padding-top: 10px; + height: 30px; +} + +.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 { + padding: 5px; + border-radius: 4px; + color: rgb(128, 128, 128); + border: 2px solid rgba(245,162,162,0.2); + background-gradient-start: rgba(5,5,6,0.1); + background-gradient-end: rgba(254,254,254,0.1); + background-gradient-direction: vertical; + selected-color: black; + caret-color: rgb(128, 64, 64); + caret-size: 1px; + width: 250px; + height: 15px; + transition-duration: 300; + box-shadow: inset 0px 2px 4px rgba(0,0,0,0.6); +} +#menu-search-entry:focus, +#menu-search-entry:hover { + border: 2px solid rgb(136,69,69); + background-gradient-start: rgb(200,200,200); + background-gradient-end: white; + background-gradient-direction: vertical; +} +#menu-search-entry:hover { + transition-duration: 300; +} +#menu-search-entry:focus { + color: rgb(64, 32, 32); + font-weight: bold; + transition-duration: 0; +} +.menu-search-entry-icon { + icon-size: 1em; + color: #8d8f8a; +} +/* Context menu (at the moment only for favorites) */ +.menu-context-menu { +} +/* =================================================================== + * Window list (windowList.js) + * ===================================================================*/ +.window-list-box { + spacing: 2px; + padding-left: 10px; + padding-top: 0px; +} +.window-list-box.vertical { + spacing: 3px; + padding-left: 0px; + padding-right: 0px; + padding-top: 10px; + padding-bottom: 10px; +} +.window-list-box.vertical #appMenuIcon { + padding-top: 3px; +} +.window-list-item-label { + font-weight: bold; + width: 15em; + min-width: 5px; +} +.window-list-item-box { + color: rgba(255,255,255,1.0); + /*background-gradient-direction: vertical; + background-gradient-start: rgba(255,255,255,0.05); + background-gradient-end: rgba(255,255,255,0.2);*/ + box-shadow: inset 0px 0px 1px 1px rgba(170,90,90,0.5); + border-radius: 2px 2px 0px 0px; + transition-duration: 100; +} +.window-list-item-box:active, +.window-list-item-box:checked, +.window-list-item-box:focus { + /*background-gradient-direction: vertical; + background-gradient-start: rgba(226,226,226,0.5); + background-gradient-end: rgba(122,122,122,0.5);*/ + background-color: rgba(229,119,82,0.5); + box-shadow: inset 0px 0px 1px 1px rgba(170,90,90,0.5); + border-radius: 2px 2px 0px 0px; + font-weight: bold; +} +.window-list-item-box:hover { + background-color: rgba(229,119,82,0.25); + box-shadow: inset 0px 0px 1px 1px rgba(170,90,90,1.0); + border-radius: 2px 2px 0px 0px; +} +.window-list-item-demands-attention { + background-gradient-start: rgba(255,52,52,0.5); + background-gradient-end: rgba(255,144,144,0.5); +} +/* =================================================================== + * Sound Applet (sound@cinnamon.org) + * ===================================================================*/ + +.sound-player StButton { + width: 22px; + height: 13px; + padding: 5px; + color: #aaa; +} + +.sound-player StButton:small { + width: 16px; + height: 8px; + padding: 1px; +} + +.sound-player StButton:small StIcon { + icon-size: 1em; +} + +.sound-player StButton StIcon { + icon-size: 1.5em; +} + +.sound-player StButton:hover, .sound-player StButton:active { + color: #fff; +} + +.sound-player .slider { + height: 0.5em; + -slider-height: 0.5em; + -slider-background-color: #3c3c3c; + -slider-border-color: rgba(0,0,0,0); + -slider-active-background-color: #a57575; + -slider-active-border-color: rgba(0,0,0,0); + -slider-border-width: 0px; + -slider-handle-radius: 0px; +} + +.sound-player StBoxLayout { + spacing: 0.5em; +} + +.sound-player>StBoxLayout { + padding: 5px; +} + +.sound-player-overlay { + width: 300px; + padding: 12px 16px; + spacing: 0.5em; + background-color: rgba(80,80,80,0.9); + color: #ffffff; + border-top: 2px solid #a57575; +} + +.sound-player-overlay StButton { + border-radius: 5px; + padding: 8px; +} + +.sound-player-overlay StButton > StIcon { + icon-size: 16px; +} + +.sound-player-overlay StBoxLayout { + padding-top: 2px; +} + +.sound-player-generic-coverart { + background: rgba(0,0,0,0.2); +} + +/* =================================================================== + * Workspace Switcher applet (workspaceSwitcher.js) + * ===================================================================*/ +/* Controls the styling when using the "Simple buttons" option */ +.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: #cccccc; + border: 1px; + border-color: #a6a6a6; + padding-top: 2px; + transition-duration: 300; +} + +.workspace-button:outlined { + background: #cccccc; + color: #553333; + box-shadow: inset 0px 0px 8px 1px rgba(255,255,255, 0.7); +} + +/* Controls the style when using the "Visual representation" option */ +.workspace-graph { + padding: 3px; + spacing: 3px; +} + +.workspace-graph .workspace { + border: 1px solid #666; + background-gradient-direction: vertical; + background-gradient-start: #222; + background-gradient-end: #4d4d4d; +} + +.workspace-graph .workspace:active { + border: 1px solid #ccc; + background-gradient-direction: vertical; + background-gradient-start: #111; + background-gradient-end: #3d3d3d; +} + +.workspace-graph .workspace .windows { + -active-window-background: rgba(140, 140, 140, 1.0); + -active-window-border: rgba(0, 0, 0, 0.7); + -inactive-window-background: rgba(140, 140, 140, 1.0); + -inactive-window-border: rgba(0, 0, 0, 0.7); +} + +.workspace-graph .workspace:active .windows { + -active-window-background: rgba(255, 255, 255, 1.0); + -active-window-border: rgba(0, 0, 0, 0.9); + -inactive-window-background: rgba(140, 140, 140, 1.0); + -inactive-window-border: rgba(0, 0, 0, 0.7); +} + +/* =================================================================== + * Panel Launchers Applet (panelLaunchers.js) + * ===================================================================*/ +.panel-launchers { + padding-left: 7px; + spacing: 2px; +} + +.panel-launchers.vertical { + padding-top: 2px; + padding-bottom: 2px; + padding-left: 0px; + padding-right: 0px; + spacing: 3px; +} + +.launcher { + padding-left: 1px; + padding-right: 1px; + border-bottom-width: 1px; + transition-duration: 300; +} + +.launcher .icon-box { + padding-top: 2px; +} + +.panel-launchers.vertical .launcher .icon-box { + padding-top: 0; +} + +.panel-launchers .launcher:hover { + background-gradient-direction: vertical; + background-gradient-start: rgba(255,255,255,0.0); + background-gradient-end: rgba(255,255,255,0.2); + border: 0px solid rgba(255,255,255,0.5); + border-bottom-width: 1px; +} + +.panel-launcher-add-dialog-content-box { + padding: 6px; + spacing: 20px; +} + +.panel-launcher-add-dialog-content-box-left { + padding: 6px; + spacing: 20px; +} + +.panel-launcher-add-dialog-content-box-right { + padding: 6px; + spacing: 10px; +} + +.panel-launcher-add-dialog-entry { + padding: 5px; + border-radius: 4px; + color: rgb(128, 128, 128); + border: 2px solid rgba(245,245,245,0.2); + background-gradient-start: rgba(5,5,6,0.1); + background-gradient-end: rgba(254,254,254,0.1); + background-gradient-direction: vertical; + selected-color: black; + caret-color: rgb(128, 128, 128); + caret-size: 1px; + width: 250px; + transition-duration: 300; + box-shadow: inset 0px 2px 4px rgba(0,0,0,0.6); +} + +.panel-launcher-add-dialog-entry:focus, +.panel-launcher-add-dialog-entry:hover { + border: 2px solid rgb(136,138,133); + background-gradient-start: rgb(200,200,200); + background-gradient-end: white; + background-gradient-direction: vertical; +} + +.panel-launcher-add-dialog-entry:hover { + transition-duration: 300; +} + +.panel-launcher-add-dialog-entry:focus { + color: rgb(64, 64, 64); + font-weight: bold; + transition-duration: 0; +} + +/* =================================================================== + * Overview corner + * ===================================================================*/ +#overview-corner { + background-image: url("overview.png"); +} +#overview-corner:hover { + background-image: url("overview-hover.png"); +} +/* =================================================================== + * Applets (applet.js) + * ===================================================================*/ +.applet-separator { + padding: 5px 4px; +} +.applet-separator-line { + width: 2px; + background: rgba(255,255,255,.5); +} +.applet-separator-line-vertical { + border: 0px solid rgba(255,255,255,0.5); + border-bottom-width: 2px; +} +.applet-box { + padding-left: 3px; + padding-right: 3px; + color: #ccc; + text-shadow: black 0px 0px 2px; + transition-duration: 300; +} +.applet-box:hover { + color: #fff; +} +.applet-box.vertical { + padding-left: 0px; + padding-right: 0px; + padding-top: 3px; + padding-bottom: 3px; +} +.applet-box.vertical:hover { +} +.applet-box:highlight { + background-color: #aa5555; +} +.applet-label { + font-weight: bold; + color: #ccc; +} +.applet-box:hover > .applet-label { + color: #fff; + text-shadow: white 0px 0px 5px; +} +.applet-box.vertical:hover > .applet-label { +} +.applet-icon { + color: #ccc; + icon-size: 22px; +} +.applet-box:hover .applet-icon { + color: #fff; + icon-shadow: white 0px 0px 3px; +} +.applet-box.vertical:hover .applet-icon { +} +/* =================================================================== + * Desklets (desklet.js) + * ===================================================================*/ +.desklet { + color: #fff; +} + +.desklet:highlight, .desklet:highlight-with-borders, .desklet:highlight-with-borders-and-header { + background-color: #aa5555; +} + +.desklet-with-borders { + border: 2px solid #a57575; + background-color: rgba(80, 80, 80, 0.8); + color: #fff; + border-radius-bottomleft: 12px; + border-radius-bottomright: 12px; + border-radius-topleft: 12px; + border-radius-topright: 12px; +} + +.desklet-with-borders-and-header { + border: 2px solid #a57575; + background-color: rgba(80, 80, 80, 0.8); + color: #fff; + border-top: 1px; + border-radius-bottomleft: 12px; + border-radius-bottomright: 12px; +} + +.desklet-header { + border-radius-topleft: 12px; + border-radius-topright: 12px; + font-size: 10.5pt; + border: 2px solid #a57575; + border-bottom: 0px; + background-color: rgba(80, 80, 80, 0.8); + color: #fff; + padding: 6px; +} + +.desklet-drag-placeholder { + border: 2px solid #6daa00; + background-color: rgba(109,170, 0, 0.3); +} +/* =================================================================== + * About Dialog (applet.js and desklet.js) + * ===================================================================*/ +.about-content { + width: 550px; + height: 250px; + spacing: 8px; + padding-bottom: 16px; +} + +.about-title { + font-size: 2em; + font-weight: bold; +} + +.about-uuid { + font-size: .8em; +} + +.about-icon { + padding-right: 20px; +} + +.about-scrollBox { + border: solid 1px grey; + border-radius: 4px; +} + +.about-scrollBox-innerBox { + padding: 1.2em; + spacing: 1.2em; +} + +.about-description { + padding-top: 4px; +} + +.about-version { + padding-left: 7px; +} + + +/* =================================================================== + * Clock Desklet (desklet.js) + * ===================================================================*/ +.clock-desklet-label { +} + +/* =================================================================== + * Workspace OSD + * ===================================================================*/ + +.workspace-osd { + color: #ffffff; + text-shadow: black 5px 5px 5px; + font-weight: bold; + font-size: 48pt; +} + +.expo-workspaces-name-entry { + padding: 5px; + border-radius: 4px; + color: rgb(200, 200, 200); + border: 2px solid rgb(136,138,133); + background-gradient-start: rgb(128,128,128); + background-gradient-end: rgb(85,35,35); + background-gradient-direction: vertical; + selected-color: black; + caret-color: rgb(128, 128, 128); + caret-size: 1px; + width: 250px; + height: 15px; + box-shadow: inset 0px 2px 4px rgba(0,0,0,0.6); + text-align: center; +} + +.expo-workspaces-name-entry#selected { + background-gradient-start: rgb(200,200,200); + background-gradient-end: white; + font-weight: bold; + color: rgb(0, 0, 0); +} + +.expo-workspaces-name-entry:focus { + color: rgb(0, 0, 0); + font-weight: bold; + font-style: italic; + transition-duration: 300; +} + +/* =================================================================== + * Notification Applet + * ===================================================================*/ + +.notification-applet-padding { + padding: .5em 1em; +} + +.notification-applet-container { + max-height: 100px; +} + +/* Check Boxes */ +.check-box CinnamonGenericContainer { + spacing: .2em; +} + +.check-box StBin, +.check-box:focus StBin { + width: 16px; + height: 16px; + background-image: url("checkbox-off.svg"); +} + +.check-box:checked StBin, +.check-box:focus:checked StBin { + background-image: url("checkbox.svg"); +} + +.check-box StLabel { + font-weight: normal; +} + +.radiobutton CinnamonGenericContainer { + spacing: .2em; + height: 18px; + padding-top: 2px; +} + +.radiobutton StBin, +.radiobutton:focus StBin { + width: 16px; + height: 16px; + background-image: url("radiobutton-off.svg"); + border-radius: 15px; +} + +.radiobutton:checked StBin, +.radiobutton:focus:checked StBin { + background-image: url("radiobutton.svg"); +} + +.radiobutton StLabel { + padding-top: 4px; + font-size: 0.9em; + box-shadow: none; +} + +.flashspot { + background-color: white; +} + +/* Media keys OSD popup */ +.osd-window { + background: rgba(60,20,20,0.8); + border: 2px solid #a57575; + border-radius: 8px; + padding: 20px; + color: white; + spacing: 1em; +} + +.osd-window .level { + height: 0.7em; + border-radius: 0.3em; + background-color: rgba(190,90,90,0.2); +} + +.tile-preview, +.tile-hud { + background-color: rgba(85, 85, 85, 0.5); + border: 2px solid rgba(134, 134, 134, 0.8); +} + +.tile-preview.snap, +.tile-hud.snap { + background-color: rgba(134, 134, 170, 0.5); + border: 2px solid rgba(85, 85, 85, 0.8); +} + +.tile-hud:top { + border-top-width: 0px; + border-radius: 0px 0px 8px 8px; +} + +.tile-hud:bottom { + border-bottom-width: 0px; + border-radius: 8px 8px 0px 0px; +} + +.tile-hud:left { + border-left-width: 0px; + border-radius: 0px 8px 8px 0px; +} + +.tile-hud:right { + border-right-width: 0px; + border-radius: 8px 0px 0px 8px; +} + +.tile-hud:top-left { + border-top-width: 0px; + border-left-width: 0px; + border-radius: 0px 0px 8px 0px; +} + +.tile-hud:top-right { + border-top-width: 0px; + border-right-width: 0px; + border-radius: 0px 0px 0px 8px; +} + +.tile-hud:bottom-left { + border-bottom-width: 0px; + border-left-width: 0px; + border-radius: 0px 8px 0px 0px; +} + +.tile-hud:bottom-right { + border-bottom-width: 0px; + border-right-width: 0px; + border-radius: 8px 0px 0px 0px; +} diff --git a/src/usr/share/themes/bgstack15-red/cinnamon/cinnamon.css.2016-12-28.01 b/src/usr/share/themes/bgstack15-red/cinnamon/cinnamon.css.2016-12-28.01 new file mode 100644 index 0000000..10942c4 --- /dev/null +++ b/src/usr/share/themes/bgstack15-red/cinnamon/cinnamon.css.2016-12-28.01 @@ -0,0 +1,1823 @@ +/* ################################################################### + * Section common with Gnome Shell + * ... contains a few cinnamon specific styles (rare occurrences) + * ###################################################################*/ +stage { + font-family: sans, sans-serif; +} +.cinnamon-link { + color: #0000ff; + text-decoration: underline; +} +.cinnamon-link:hover { + color: #0000e0; +} +.label-shadow { + color: rgba(0,0,0,0.5); +} +StScrollBar { + padding: 0px; +} +StScrollView.vfade { + -st-vfade-offset: 68px; +} +StScrollView StScrollBar { + min-width: 16px; + min-height: 16px; +} + +StScrollBar StBin#trough { + background-color: rgba(0,0,0,0); + border: 1px solid #555555; + border-radius: 4px; +} +StScrollBar StButton#vhandle { + background-image: url("scroll-vhandle.svg"); + background-color: rgba(204,204,204,0.3); + border: 1px solid #555555; + border-radius: 4px; +} +StScrollBar StButton#hhandle { + background-image: url("scroll-hhandle.svg"); + background-color: rgba(204,204,204,0.3); + border: 1px solid #555555; + border-radius: 4px; +} +StScrollBar StButton#hhandle:hover, +StScrollBar StButton#vhandle:hover { + background-color: rgba(204,204,204,0.5); +} +.separator { + -gradient-height: 2px; + -gradient-start: rgba(85,85,85,1); + -gradient-end: #555555; + -margin-horizontal: 1.5em; + height: 1em; +} +.slider { + height: 1em; + min-width: 15em; + -slider-height: 0.3em; + -slider-background-color: #666666; + -slider-border-color: #555555; + -slider-active-background-color: #CCCCCC; + -slider-active-border-color: #DDDDDD; + -slider-border-width: 1px; + -slider-handle-radius: 0.5em; +} +#Tooltip { + border: 1px solid rgba(212,185,67,1.0); + border-radius: 4px; + padding: 2px 12px; + background-gradient-end: rgba(251,234,159,0.9); + background-gradient-start: rgba(254,245,198,0.9); + background-gradient-direction: vertical; + color: #000000; + font-size: 8.5pt; + font-weight: normal; + text-align: center; +} +/* =================================================================== + * Shared button properties + * ===================================================================*/ +.notification-button, .notification-icon-button, +.modal-dialog-button, +.sound-player-overlay StButton { + color: white; + border: 1px solid #8b8b8b; + background-gradient-direction: vertical; + background-gradient-start: rgba(255, 255, 255, 0.2); + background-gradient-end: rgba(255, 255, 255, 0); +} +.notification-button:hover, +.notification-icon-button:hover, .modal-dialog-button:hover, +.sound-player-overlay StButton:hover { + background-gradient-start: rgba(255, 255, 255, 0.3); + background-gradient-end: rgba(255, 255, 255, 0.1); +} +.notification-button:focus, +.notification-icon-button:focus, +.modal-dialog-button:focus, +.sound-player-overlay StButton:focus { + border: 2px solid #8b8b8b; +} +.notification-button:active, .notification-icon-button:active, +.modal-dialog-button:active, .modal-dialog-button:pressed, +.sound-player-overlay StButton:active { + background-gradient-start: rgba(255, 255, 255, 0); + background-gradient-end: rgba(255, 255, 255, 0.2); +} +/* =================================================================== + * PopupMenu (popupMenu.js) + * ===================================================================*/ + /* .popup-menu-boxpointer and .popup-menu are kept for compatibility + with cinnamon version under 3.2. Use .menu in version 3.2 and above */ +.popup-menu-boxpointer { + -arrow-border-radius: 8px; + -arrow-background-color: rgba(80,80,80,0.9); + -arrow-border-width: 2px; + -arrow-border-color: #a5a5a5; + -arrow-base: 24px; + -arrow-rise: 11px; +} +.popup-menu { + color: #ffffff; + font-size: 9.5pt; + min-width: 100px; +} +.menu { + border-radius: 8px; + background-color: rgba(80,80,80,0.9); + border-width: 2px; + border-color: #a5a5a5; + color: #ffffff; + font-size: 9.5pt; + min-width: 100px; +} +.popup-menu-arrow { + icon-size: 1.14em; +} +.popup-submenu-menu-item:open { + background-color: #4c4c4c; +} +.popup-sub-menu { + background-gradient-start: rgba(80,80,80,0.3); + background-gradient-end: rgba(80,80,80,0.7); + background-gradient-direction: vertical; +} +.popup-sub-menu .popup-menu-item:ltr { + padding-right: 1.75em; +} +.popup-sub-menu .popup-menu-item:rtl { + padding-left: 1.75em; +} +.popup-sub-menu StScrollBar { + padding: 4px; +} +.popup-sub-menu StScrollBar StBin#trough { + border-width: 0px; +} +.popup-sub-menu StScrollBar StBin#vhandle { + background-color: #4c4c4c; + border-width: 0px; +} +.popup-combo-menu { + background-color: rgba(0,0,0,0.9); + padding: 1em 0em; + color: #ffffff; + font-size: 10.5pt; + border: 1px solid #5f5f5f; + border-radius: 9px; +} +/* The remaining popup-menu sizing is all done in ems, so that if you + * override .popup-menu.font-size, everything else will scale with it. + */ +.popup-menu-content { + padding: 1em 0em; +} +.popup-menu-item { + padding: .4em 1.75em; + spacing: 1em; +} +.popup-menu-item:active { + background-color: #4c4c4c; +} +.popup-menu-item:insensitive { + color: #9f9f9f; +} +.popup-image-menu-item { +} +.popup-combobox-item { + spacing: 1em; +} +.popup-separator-menu-item { + -gradient-height: 2px; + -gradient-start: rgba(85,85,85,1); + -gradient-end: #555555; + -margin-horizontal: 1.5em; + height: 1em; +} +.popup-alternating-menu-item:alternate { + font-weight: bold; +} +.popup-slider-menu-item { + height: 1em; + min-width: 15em; + -slider-height: 0.3em; + -slider-background-color: #666666; + -slider-border-color: #555555; + -slider-active-background-color: #CCCCCC; + -slider-active-border-color: #DDDDDD; + -slider-border-width: 1px; + -slider-handle-radius: 0.5em; +} +.popup-device-menu-item { + spacing: .5em; +} +.popup-inactive-menu-item { + font-weight: normal; + color: #999; +} +.popup-subtitle-menu-item { + font-weight: bold; +} +.popup-menu-icon { + icon-size: 1.14em; +} +/* Switches (to be used in menus) */ +.toggle-switch { + width: 65px; + height: 22px; +} +.toggle-switch-us { + background-image: url("toggle-off-us.svg"); +} +.toggle-switch-us:checked { + background-image: url("toggle-on-us.svg"); +} +.toggle-switch-intl { + background-image: url("toggle-off-intl.svg"); +} +.toggle-switch-intl:checked { + background-image: url("toggle-on-intl.svg"); +} +.nm-menu-item-icons { + spacing: .5em; +} +/* =================================================================== + * Panel (panel.js) + * ===================================================================*/ +#panel { + color: #ffffff; + background-color: #555555; + font-size: 8.5pt; + font-weight: normal; + height: 26px; + width: 32px; +} +#panel:highlight { + background-color: #aa5555; +} +.panel-dummy { + background-color: rgba(50, 50, 50, 0.4); +} +.panel-dummy:entered { + background-color: rgba(255, 35, 35, 0.4); +} +.panelLeft { + spacing: 4px; +} +.panelCenter { + spacing: 4px; +} +.panelRight { + 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); +} +.panelCenter:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(0,255,0,0.05); + background-gradient-end: rgba(0,255,0,0.2); +} +.panelRight:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(0,0,255,0.05); + background-gradient-end: rgba(0,0,255,0.2); +} +.panelLeft:ltr { + padding-right: 4px; +} +.panelLeft:rtl { + padding-left: 4px; +} +.panelRight:ltr { + padding-left: 0px; + spacing: 0px; +} +.panelRight:rtl { + padding-right: 0px; + spacing: 0px; +} +.panelLeft.vertical { + padding: 0px; +} +.panelRight.vertical { + padding: 0px; +} +.panelCenter.vertical { + padding-left: 0px; + padding-right: 0px; +} +.panelLeft.vertical:dnd { +} +.panelCenter.vertical:dnd { +} +.panelRight.vertical:dnd { +} +.panel-top { +} +.panel-bottom { +} +.panel-left { +} +.panel-right { +} +.panel-status-button { + border: 0px solid #8b8b8b; + -natural-hpadding: 3px; + -minimum-hpadding: 3px; + font-weight: bold; + color: #ccc; + height: 22px; +} +.panel-status-button:hover { + color: white; +} +.system-status-icon { + padding-left: 0px; + padding-right: 0px; + spacing: 0px; + margin: 0px; +} + +.panel-corner { + -panel-corner-radius: 0px; + -panel-corner-background-color: black; + -panel-corner-inner-border-width: 2px; + -panel-corner-inner-border-color: transparent; + -panel-corner-outer-border-width: 1px; + -panel-corner-outer-border-color: #536272; +} +.panel-corner:active, +.panel-corner:overview, +.panel-corner:focus { + -panel-corner-inner-border-color: rgba(255,255,255,0.8); +} +#appMenu { + spacing: 4px; +} +.panel-button #appMenuIcon { + app-icon-bottom-clip: 1px; +} +.panel-button:active #appMenuIcon, +.panel-button:checked #appMenuIcon, +.panel-button:focus #appMenuIcon { + app-icon-bottom-clip: 2px; +} +.panel-button { + -natural-hpadding: 6px; + -minimum-hpadding: 2px; + font-weight: bold; + color: #ccc; + transition-duration: 100; +} +.panel-button:hover { + color: white; + text-shadow: black 0px 2px 2px; +} +.panel-button:active, +.panel-button:overview, +.panel-button:focus { + +} +.panel-button:active > .system-status-icon, +.panel-button:checked > .system-status-icon, +.panel-button:focus > .system-status-icon { + icon-shadow: black 0px 2px 2px; +} +.panel-menu { + -boxpointer-gap: 4px +} +.popup-menu-item-dot { +} +.system-status-icon { + icon-size: 1.14em; +} +/* =================================================================== + * Overview + * ===================================================================*/ +#overview { + spacing: 12px; +} +.window-caption { + background-color: black; + color: white; + spacing: 25px; +} + +.window-caption#selected { + background-color: white; + color: black; + spacing: 25px; +} + +.workspace-controls { + visible-height: 32px; /* Amount visible before hovering */ +} +.workspace-thumbnails-background { + border: 1px solid rgba(128, 128, 128, 0.4); + border-right: 0px; + border-radius: 9px 9px 0px 0px; + background-color: rgba(0, 0, 0, 0.5); + padding: 8px; +} +.workspace-thumbnails-background:rtl { + border-right: 1px; + border-left: 0px; + border-radius: 9px 9px 0px 0px; +} +.workspace-thumbnails { + spacing: 14px; +} +.workspace-add-button { + background-image: url("add-workspace.png"); + height: 200px; + width: 35px; + transition-duration: 300; +} +.workspace-add-button:hover { + background-image: url("add-workspace-hover.png"); + transition-duration: 300; +} + +.workspace-close-button { + background-image: url("close-window.svg"); + height: 34px; + width: 34px; + -cinnamon-close-overlap: 20px; +} + +.workspace-thumbnail-indicator { + outline: 2px solid white; + border: 1px solid #888; +} +.window-caption { + background: rgba(85,85,85,0.8); + border: 1px solid rgba(128,128,128,0.40); + border-radius: 4px; + font-size: 9pt; + padding: 2px 8px; + -cinnamon-caption-spacing: 4px; +} +.window-close { + background-image: url("close-window.svg"); + height: 34px; + width: 34px; + -cinnamon-close-overlap: 20px; +} +.window-close:rtl { + -st-background-image-shadow: 2px 2px 6px rgba(0,0,0,0.5); +} + +.window-close-area { + background-image: url("trash-icon.png"); + background-size: 100px; + background-color: rgba(60, 60, 60, 0.8); + border: 4px solid rgba(128,128,128,0.8); + border-bottom-width: 0px; + border-radius: 20px 20px 0px 0px; + height: 120px; + width: 400px; +} + +.overview-icon { + border-radius: 4px; + padding: 3px; + border: 1px rgba(0,0,0,0); + font-size: 7.5pt; + color: white; + transition-duration: 100; + text-align: center; +} + +.expo-background { + background-gradient-start: #000; + background-gradient-end: #AAA; + background-gradient-direction: vertical +} + +.workspace-overview-background-shade { + background-color: rgba(0,0,0,0.4); +} + +.expo-workspace-thumbnail-frame { + border: 1px, rgba(64,64,64,0.9); + background-color: rgba(64,64,64,0.9); +} + +.expo-workspace-thumbnail-frame#active { + border: 2px, rgba(32,32,32,0.9); + background-color: rgba(32,32,32,0.9); +} + +/* =================================================================== + * Looking Glass + * ===================================================================*/ +#LookingGlassDialog { + background-color: rgba(85,85,85,0.85); + spacing: 4px; + padding: 4px; + border: 2px solid grey; + border-radius: 4px; + color: #CCCCCC; +} +/* =================================================================== + * Date applet + * ===================================================================*/ +.calendar { + padding: .4em 1.75em; + spacing-rows: 0px; + spacing-columns: 0px; +} +.calendar-month-label { + color: #cccccc; + font-size: 7.5pt; + padding-bottom: 8px; + padding-top: 8px; + font-weight: bold; +} +.calendar-change-month-back { + width: 18px; + height: 12px; + background-image: url("calendar-arrow-left.svg"); + border-radius: 4px; +} +.calendar-change-month-back:rtl { + background-image: url("calendar-arrow-right.svg"); +} +.calendar-change-month-back:hover { + background-color: #999999; +} +.calendar-change-month-back:active { + background-color: #aaaaaa; +} +.calendar-change-month-forward { + width: 18px; + height: 12px; + background-image: url("calendar-arrow-right.svg"); + border-radius: 4px; +} +.calendar-change-month-forward:rtl { + background-image: url("calendar-arrow-left.svg"); +} +.calendar-change-month-forward:hover { + background-color: #999999; +} +.calendar-change-month-forward:active { + background-color: #aaaaaa; +} +.datemenu-date-label { + padding: .4em 1.75em; + font-size: 10.5pt; + color: #cccccc; + font-weight: bold; +} +.calendar-day-base { + font-size: 7.5pt; + text-align: center; + width: 2.4em; + height: 2.4em; +} +.calendar-day-base:hover { + background-color: #777777; + color: #fff; +} +.calendar-day-base:active { + background-color: #555555; +} +.calendar-day-heading { + color: #cccccc; + padding-top: 1em; +} +.calendar-week-number { + color: #cccccc; + font-weight: bold; +} +/* Hack used in lieu of border-collapse - see calendar.js */ +.calendar-day:ltr { + border: 1px solid #333333; + color: #cccccc; + border-top-width: 0; + border-left-width: 0; +} +.calendar-day-top:ltr { + border-top-width: 1px; +} +.calendar-day-left:ltr { + border-left-width: 1px; +} +.calendar-day:rtl { + border: 1px solid #333333; + color: #cccccc; + border-top-width: 0; + border-right-width: 0; +} +.calendar-day-top:rtl { + border-top-width: 1px; +} +.calendar-day-left:rtl { + border-right-width: 1px; +} +.calendar-work-day { +} +.calendar-nonwork-day { + background-color: rgba(128, 128, 128, .1); +} +.calendar-today { + background-image: url("calendar-today.svg"); + text-shadow: black 0px 2px 2px; + color: #ffffff; + font-weight: bold; +} +.calendar-other-month-day { + color: #888888; + background-color: rgba(64, 64, 64, .5); +} +.calendar-day-with-events { + font-weight: bold; + color: #cccccc; +} +/* =================================================================== + * Notifications + * ===================================================================*/ +#notification { + font-size: 8.5pt; + border-radius: 8px 8px 8px 8px; + border: 2px solid #a5a5a5; + background-gradient-direction: vertical; + background-gradient-start: rgba(85,85,85,0.8); + background-gradient-end: rgba(85,85,85,0.8); + padding: 8px 8px 8px 8px; + spacing-rows: 10px; + spacing-columns: 10px; + margin-from-right-edge-of-screen: 20px; + width: 34em; + color: white; +} +#notification.multi-line-notification { + padding-bottom: 8px; + color: white; +} +/* We use row-span = 2 for the image cell, which prevents its height preferences to be + taken into account during allocation, so its height ends up being limited by the height + of the content in the other rows. To avoid showing a stretched image, we set the minimum + height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 = 159 */ +.notification-with-image { + min-height: 159px; + color: white; +} +#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-button { + border-radius: 5px; + padding: 4px 8px 5px; +} +.notification-button:focus { + padding: 3px 8px 4px; +} +.notification-icon-button { + border-radius: 5px; + padding: 5px; +} +.notification-icon-button:focus { + padding: 4px; +} +.notification-icon-button > StIcon { + icon-size: 36px; +} +#notification StEntry { + padding: 4px; + border-radius: 4px; + color: #a8a8a8; + selected-color: black; + border: 1px solid rgba(245,245,245,0.2); + background-gradient-direction: vertical; + background-gradient-start: rgb(200,200,200); + background-gradient-end: white; + transition-duration: 300; + box-shadow: inset 0px 2px 4px rgba(0,0,0,0.6); + caret-color: #a8a8a8; + caret-size: 1px; +} +#notification StEntry:focus { + border: 1px solid #8b8b8b; + color: #333333; + background-gradient-direction: vertical; + background-gradient-start: rgb(200,200,200); + background-gradient-end: white; + caret-color: #545454; + selection-background-color: #808080; +} +/* =================================================================== + * Alt Tab + * ===================================================================*/ +#altTabPopup { + padding: 8px; + spacing: 16px; +} +.switcher-list { + background: rgba(80,80,80,0.8); + border: 2px solid #a5a5a5; + border-radius: 8px; + padding: 20px; + font-size: 9pt; + color: white; + text-shadow: black 0px 0px 2px; +} +.switcher-list-item-container { + spacing: 8px; +} +.thumbnail-scroll-gradient-left { + background-gradient-direction: horizontal; + background-gradient-start: rgba(51, 51, 51, 1.0); + background-gradient-end: rgba(51, 51, 51, 0); + border-radius: 24px; + border-radius-topright: 0px; + border-radius-bottomright: 0px; + width: 60px; +} +.thumbnail-scroll-gradient-right { + background-gradient-direction: horizontal; + background-gradient-start: rgba(51, 51, 51, 0); + background-gradient-end: rgba(51, 51, 51, 1.0); + border-radius: 24px; + border-radius-topleft: 0px; + border-radius-bottomleft: 0px; + width: 60px; +} +.switcher-list .item-box { + padding: 8px; + border-radius: 8px; +} +.switcher-list .item-box:outlined { + padding: 6px; + border: 2px solid rgba(85,85,85,1.0); +} +.switcher-list .item-box:selected { + background: rgba(255,255,255,0.33); +} +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} +.switcher-list .thumbnail { + width: 256px; +} +.switcher-list .separator { + width: 1px; + background: rgba(255,255,255,0.33); +} +.ripple-box { + width: 104px; + height: 104px; + background-image: url("corner-ripple.png"); +} +.ripple-box:rtl { + background-image: url("corner-ripple.png"); +} +.switcher-arrow { + border-color: rgba(0,0,0,0); + color: #808080; +} +.switcher-arrow:highlighted { + border-color: rgba(0,0,0,0); + color: white; +} +.switcher-preview-backdrop { + background-color: rgba(25,25,25,0.65); +} + +/* =================================================================== + * Modal dialogs + * ===================================================================*/ +.modal-dialog { + font-size: 12pt; + border-radius: 24px; + background-color: rgba(85, 85, 85, 0.9); + border: 2px solid #868686; + color: #babdb6; + padding-right: 42px; + padding-left: 42px; + padding-bottom: 30px; + padding-top: 30px; +} +.modal-dialog-button-box { + spacing: 21px; +} +.modal-dialog-button { + border-radius: 18px; + font-size: 11pt; + color: white; + margin-left: 10px; + margin-right: 10px; + padding: 4px 32px 5px; +} +.modal-dialog-button:disabled { + color: rgb(60, 60, 60); +} +.modal-dialog-button:focus { + padding: 3px 31px 4px; +} + +/* Info OSD popup */ +.info-osd { + font-size: 18pt; + border-radius: 24px; + background-color: rgba(85, 85, 85, 0.9); + border: 2px solid #868686; + color: #babdb6; + padding-right: 20px; + padding-left: 20px; + padding-bottom: 20px; + padding-top: 20px; + text-align: center; +} + +/* =================================================================== + * Run dialog + * ===================================================================*/ +.run-dialog-label { + font-size: 9pt; + color: white; +} +.run-dialog-error-label { + font-size: 9pt; + color: white; +} +.run-dialog-error-box { + padding-top: 15px; + spacing: 5px; +} +.run-dialog-completion-box { + padding-left: 15px; + font-size: 10px; +} +.run-dialog-entry { + font-size: 10.5pt; + font-weight: bold; + width: 23em; + color: white; + selection-background-color: white; + selected-color: black; +} +.run-dialog { + border-radius: 16px; + padding-right: 21px; + padding-left: 21px; + padding-bottom: 15px; + padding-top: 15px; +} +.lightbox { + background-color: rgba(0, 0, 0, 0.4); +} + +/* CinnamonMountOperation Dialogs */ +.cinnamon-mount-operation-icon { + icon-size: 48px; +} +.mount-password-reask { + color: red; +} +.show-processes-dialog, +.mount-question-dialog { + spacing: 24px; +} +.show-processes-dialog-subject, +.mount-question-dialog-subject { + font-size: 12pt; + font-weight: bold; + color: #666666; + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; +} +.show-processes-dialog-subject:rtl, +.mount-question-dialog-subject:rtl { + padding-left: 0px; + padding-right: 17px; +} +.show-processes-dialog-description, +.mount-question-dialog-description { + font-size: 10pt; + color: white; + padding-left: 17px; + width: 28em; +} +.show-processes-dialog-description:rtl, +.mount-question-dialog-description:rtl { + padding-right: 17px; +} +.show-processes-dialog-app-list { + font-size: 10pt; + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} +.show-processes-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} +.show-processes-dialog-app-list-item { + color: #ccc; +} +.show-processes-dialog-app-list-item:hover { + color: white; +} +.show-processes-dialog-app-list-item:ltr { + padding-right: 1em; +} +.show-processes-dialog-app-list-item:rtl { + padding-left: 1em; +} +.show-processes-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} +.show-processes-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} +.show-processes-dialog-app-list-item-name { + font-size: 10pt; +} +/* =================================================================== + * Magnifier + * ===================================================================*/ + +.magnifier-zoom-region { + border: 2px solid rgba(128, 0, 0, 255); +} +.magnifier-zoom-region.full-screen { + border-width: 0px; +} +/* =================================================================== + * On screen keyboard + * ===================================================================*/ + +#keyboard { + background-color: #555555; +} +.keyboard-layout { + spacing: 10px; + padding: 10px; +} +.keyboard-row { + spacing: 15px; +} +.keyboard-key { + min-height: 30px; + min-width: 30px; + background-gradient-start: rgba(255,245,245,0.4); + background-gradient-end: rgba(105,105,105,0.1); + background-gradient-direction: vertical; + font-size: 14pt; + font-weight: bold; + border-radius: 10px; + border: 2px solid #a0a0a0; + color: white; +} +.keyboard-key:grayed { + color: #808080; + border-color: #808080; +} +.keyboard-key:checked, +.keyboard-key:hover { + background: #303030; + border: 3px solid white; +} +.keyboard-key:active { + background: #808080; +} +.keyboard-subkeys { + color: white; + padding: 5px; + -arrow-border-radius: 10px; + -arrow-background-color: #090909; + -arrow-border-width: 2px; + -arrow-border-color: white; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; +} +/* ################################################################### + * Cinnamon Specific Section + * ###################################################################*/ +/* =================================================================== + * Menu (menu.js) + * ===================================================================*/ +/* Main menu title */ + +.menu-favorites-box { + margin: auto; + padding: 10px; + border: 1px solid #666; + border-radius: 8px; + background-gradient-direction: vertical; + background-gradient-start: rgba(85,85,85,0.8); + background-gradient-end: rgba(85,85,85,0.2); + transition-duration: 300; +} +.menu-favorites-button { + padding-top: 10px; + padding-left: 10px; + padding-right: 10px; + padding-bottom: 10px; +} +.menu-favorites-button:hover { + color: white; + background-gradient-direction: vertical; + background-gradient-start: rgba(255,255,255,0.2); + background-gradient-end: rgba(255,255,255,0.08); + box-shadow: inset 0px 0px 1px 1px rgba(255,255,255,0.06); + border-radius: 4px; +} +.menu-places-box { + margin: auto; + padding: 10px; + border: 0px solid #666; +} +.menu-places-button { + padding-top: 10px; + padding-left: 10px; + padding-right: 10px; + padding-bottom: 10px; +} +.menu-categories-box { + padding-top: 10px; + padding-left: 30px; + padding-right: 30px; + padding-bottom: 10px; +} +.menu-applications-inner-box { + padding-top: 10px; + padding-left: 10px; + padding-right: 10px; + padding-bottom: 0px; +} +.menu-applications-outer-box { + padding-top: 10px; + padding-left: 10px; + padding-right: 10px; + padding-bottom: 0px; +} +.menu-application-button { + padding-top: 7px; + padding-left: 7px; + padding-right: 7px; + padding-bottom: 7px; +} +.menu-application-button:highlighted { + /* This style is used in menu application buttons for applications which were newly installed */ + font-weight: bold; +} +.menu-application-button-selected { + padding-top: 7px; + padding-left: 7px; + padding-right: 7px; + padding-bottom: 7px; + color: white; + background-gradient-direction: vertical; + background-gradient-start: rgba(255,255,255,0.2); + background-gradient-end: rgba(255,255,255,0.08); + box-shadow: inset 0px 0px 1px 1px rgba(255,255,255,0.06); + border-radius: 4px; +} +.menu-application-button-selected:highlighted { + /* This style is used in menu application buttons for applications which were newly installed */ + font-weight: bold; +} +.menu-application-button-label:ltr { + padding-left: 5px; +} +.menu-application-button-label:rtl { + padding-right: 5px; +} +.menu-category-button { + padding-top: 7px; + padding-left: 7px; + padding-right: 7px; + padding-bottom: 7px; +} +.menu-category-button-greyed { + padding-top: 7px; + padding-left: 7px; + padding-right: 7px; + padding-bottom: 7px; + color: #9C9C9C; + font-style: italic; +} +.menu-category-button-selected { + padding-top: 7px; + padding-left: 7px; + padding-right: 7px; + padding-bottom: 7px; + color: white; + background-gradient-direction: vertical; + background-gradient-start: rgba(255,255,255,0.2); + background-gradient-end: rgba(255,255,255,0.08); + box-shadow: inset 0px 0px 1px 1px rgba(255,255,255,0.06); + border-radius: 4px; +} +.menu-category-button-label:ltr { + padding-left: 5px; +} +.menu-category-button-label:rtl { + padding-right: 5px; + +} +.menu-category-button-button:hover { + background-color: #969696; + border-radius: 8px; +} +/* Name and description of the currently hovered item in the menu + * This appears on the bottom right hand corner of the menu*/ +.menu-selected-app-box { + padding-right: 30px; + padding-left: 28px; + text-align: right; + height: 30px; +} + +.menu-selected-app-box:rtl { + padding-top: 10px; + height: 30px; +} + +.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 { + padding: 5px; + border-radius: 4px; + color: rgb(128, 128, 128); + border: 2px solid rgba(245,245,245,0.2); + background-gradient-start: rgba(5,5,6,0.1); + background-gradient-end: rgba(254,254,254,0.1); + background-gradient-direction: vertical; + selected-color: black; + caret-color: rgb(128, 128, 128); + caret-size: 1px; + width: 250px; + height: 15px; + transition-duration: 300; + box-shadow: inset 0px 2px 4px rgba(0,0,0,0.6); +} +#menu-search-entry:focus, +#menu-search-entry:hover { + border: 2px solid rgb(136,138,133); + background-gradient-start: rgb(200,200,200); + background-gradient-end: white; + background-gradient-direction: vertical; +} +#menu-search-entry:hover { + transition-duration: 300; +} +#menu-search-entry:focus { + color: rgb(64, 64, 64); + font-weight: bold; + transition-duration: 0; +} +.menu-search-entry-icon { + icon-size: 1em; + color: #8d8f8a; +} +/* Context menu (at the moment only for favorites) */ +.menu-context-menu { +} +/* =================================================================== + * Window list (windowList.js) + * ===================================================================*/ +.window-list-box { + spacing: 2px; + padding-left: 10px; + padding-top: 0px; +} +.window-list-box.vertical { + spacing: 3px; + padding-left: 0px; + padding-right: 0px; + padding-top: 10px; + padding-bottom: 10px; +} +.window-list-box.vertical #appMenuIcon { + padding-top: 3px; +} +.window-list-item-label { + font-weight: bold; + width: 15em; + min-width: 5px; +} +.window-list-item-box { + color: rgba(255,255,255,1.0); + background-gradient-direction: vertical; + background-gradient-start: rgba(255,255,255,0.05); + background-gradient-end: rgba(255,255,255,0.2); + box-shadow: inset 0px 0px 1px 1px rgba(170,170,170,0.5); + border-radius: 2px 2px 0px 0px; + transition-duration: 100; +} +.window-list-item-box:active, +.window-list-item-box:checked, +.window-list-item-box:focus { + background-gradient-direction: vertical; + background-gradient-start: rgba(226,226,226,0.5); + background-gradient-end: rgba(122,122,122,0.5); + box-shadow: inset 0px 0px 1px 1px rgba(170,170,170,0.5); + border-radius: 2px 2px 0px 0px; +} +.window-list-item-box:hover { + box-shadow: inset 0px 0px 1px 1px rgba(170,170,170,1.0); + border-radius: 2px 2px 0px 0px; +} +.window-list-item-demands-attention { + background-gradient-start: rgba(255,52,52,0.5); + background-gradient-end: rgba(255,144,144,0.5); +} +/* =================================================================== + * Sound Applet (sound@cinnamon.org) + * ===================================================================*/ + +.sound-player StButton { + width: 22px; + height: 13px; + padding: 5px; + color: #aaa; +} + +.sound-player StButton:small { + width: 16px; + height: 8px; + padding: 1px; +} + +.sound-player StButton:small StIcon { + icon-size: 1em; +} + +.sound-player StButton StIcon { + icon-size: 1.5em; +} + +.sound-player StButton:hover, .sound-player StButton:active { + color: #fff; +} + +.sound-player .slider { + height: 0.5em; + -slider-height: 0.5em; + -slider-background-color: #3c3c3c; + -slider-border-color: rgba(0,0,0,0); + -slider-active-background-color: #a5a5a5; + -slider-active-border-color: rgba(0,0,0,0); + -slider-border-width: 0px; + -slider-handle-radius: 0px; +} + +.sound-player StBoxLayout { + spacing: 0.5em; +} + +.sound-player>StBoxLayout { + padding: 5px; +} + +.sound-player-overlay { + width: 300px; + padding: 12px 16px; + spacing: 0.5em; + background-color: rgba(80,80,80,0.9); + color: #ffffff; + border-top: 2px solid #a5a5a5; +} + +.sound-player-overlay StButton { + border-radius: 5px; + padding: 8px; +} + +.sound-player-overlay StButton > StIcon { + icon-size: 16px; +} + +.sound-player-overlay StBoxLayout { + padding-top: 2px; +} + +.sound-player-generic-coverart { + background: rgba(0,0,0,0.2); +} + +/* =================================================================== + * Workspace Switcher applet (workspaceSwitcher.js) + * ===================================================================*/ +/* Controls the styling when using the "Simple buttons" option */ +.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: #cccccc; + border: 1px; + border-color: #a6a6a6; + padding-top: 2px; + transition-duration: 300; +} + +.workspace-button:outlined { + background: #cccccc; + color: #555555; + box-shadow: inset 0px 0px 8px 1px rgba(255,255,255, 0.7); +} + +/* Controls the style when using the "Visual representation" option */ +.workspace-graph { + padding: 3px; + spacing: 3px; +} + +.workspace-graph .workspace { + border: 1px solid #666; + background-gradient-direction: vertical; + background-gradient-start: #222; + background-gradient-end: #4d4d4d; +} + +.workspace-graph .workspace:active { + border: 1px solid #ccc; + background-gradient-direction: vertical; + background-gradient-start: #111; + background-gradient-end: #3d3d3d; +} + +.workspace-graph .workspace .windows { + -active-window-background: rgba(140, 140, 140, 1.0); + -active-window-border: rgba(0, 0, 0, 0.7); + -inactive-window-background: rgba(140, 140, 140, 1.0); + -inactive-window-border: rgba(0, 0, 0, 0.7); +} + +.workspace-graph .workspace:active .windows { + -active-window-background: rgba(255, 255, 255, 1.0); + -active-window-border: rgba(0, 0, 0, 0.9); + -inactive-window-background: rgba(140, 140, 140, 1.0); + -inactive-window-border: rgba(0, 0, 0, 0.7); +} + +/* =================================================================== + * Panel Launchers Applet (panelLaunchers.js) + * ===================================================================*/ +.panel-launchers { + padding-left: 7px; + spacing: 2px; +} + +.panel-launchers.vertical { + padding-top: 2px; + padding-bottom: 2px; + padding-left: 0px; + padding-right: 0px; + spacing: 3px; +} + +.launcher { + padding-left: 1px; + padding-right: 1px; + border-bottom-width: 1px; + transition-duration: 300; +} + +.launcher .icon-box { + padding-top: 2px; +} + +.panel-launchers.vertical .launcher .icon-box { + padding-top: 0; +} + +.panel-launchers .launcher:hover { + background-gradient-direction: vertical; + background-gradient-start: rgba(255,255,255,0.0); + background-gradient-end: rgba(255,255,255,0.2); + border: 0px solid rgba(255,255,255,0.5); + border-bottom-width: 1px; +} + +.panel-launcher-add-dialog-content-box { + padding: 6px; + spacing: 20px; +} + +.panel-launcher-add-dialog-content-box-left { + padding: 6px; + spacing: 20px; +} + +.panel-launcher-add-dialog-content-box-right { + padding: 6px; + spacing: 10px; +} + +.panel-launcher-add-dialog-entry { + padding: 5px; + border-radius: 4px; + color: rgb(128, 128, 128); + border: 2px solid rgba(245,245,245,0.2); + background-gradient-start: rgba(5,5,6,0.1); + background-gradient-end: rgba(254,254,254,0.1); + background-gradient-direction: vertical; + selected-color: black; + caret-color: rgb(128, 128, 128); + caret-size: 1px; + width: 250px; + transition-duration: 300; + box-shadow: inset 0px 2px 4px rgba(0,0,0,0.6); +} + +.panel-launcher-add-dialog-entry:focus, +.panel-launcher-add-dialog-entry:hover { + border: 2px solid rgb(136,138,133); + background-gradient-start: rgb(200,200,200); + background-gradient-end: white; + background-gradient-direction: vertical; +} + +.panel-launcher-add-dialog-entry:hover { + transition-duration: 300; +} + +.panel-launcher-add-dialog-entry:focus { + color: rgb(64, 64, 64); + font-weight: bold; + transition-duration: 0; +} + +/* =================================================================== + * Overview corner + * ===================================================================*/ +#overview-corner { + background-image: url("overview.png"); +} +#overview-corner:hover { + background-image: url("overview-hover.png"); +} +/* =================================================================== + * Applets (applet.js) + * ===================================================================*/ +.applet-separator { + padding: 5px 4px; +} +.applet-separator-line { + width: 2px; + background: rgba(255,255,255,.5); +} +.applet-separator-line-vertical { + border: 0px solid rgba(255,255,255,0.5); + border-bottom-width: 2px; +} +.applet-box { + padding-left: 3px; + padding-right: 3px; + color: #ccc; + text-shadow: black 0px 0px 2px; + transition-duration: 300; +} +.applet-box:hover { + color: #fff; +} +.applet-box.vertical { + padding-left: 0px; + padding-right: 0px; + padding-top: 3px; + padding-bottom: 3px; +} +.applet-box.vertical:hover { +} +.applet-box:highlight { + background-color: #aa5555; +} +.applet-label { + font-weight: bold; + color: #ccc; +} +.applet-box:hover > .applet-label { + color: #fff; + text-shadow: white 0px 0px 5px; +} +.applet-box.vertical:hover > .applet-label { +} +.applet-icon { + color: #ccc; + icon-size: 22px; +} +.applet-box:hover .applet-icon { + color: #fff; + icon-shadow: white 0px 0px 3px; +} +.applet-box.vertical:hover .applet-icon { +} +/* =================================================================== + * Desklets (desklet.js) + * ===================================================================*/ +.desklet { + color: #fff; +} + +.desklet:highlight, .desklet:highlight-with-borders, .desklet:highlight-with-borders-and-header { + background-color: #aa5555; +} + +.desklet-with-borders { + border: 2px solid #a5a5a5; + background-color: rgba(80, 80, 80, 0.8); + color: #fff; + border-radius-bottomleft: 12px; + border-radius-bottomright: 12px; + border-radius-topleft: 12px; + border-radius-topright: 12px; +} + +.desklet-with-borders-and-header { + border: 2px solid #a5a5a5; + background-color: rgba(80, 80, 80, 0.8); + color: #fff; + border-top: 1px; + border-radius-bottomleft: 12px; + border-radius-bottomright: 12px; +} + +.desklet-header { + border-radius-topleft: 12px; + border-radius-topright: 12px; + font-size: 10.5pt; + border: 2px solid #a5a5a5; + border-bottom: 0px; + background-color: rgba(80, 80, 80, 0.8); + color: #fff; + padding: 6px; +} + +.desklet-drag-placeholder { + border: 2px solid #6daa00; + background-color: rgba(109,170, 0, 0.3); +} +/* =================================================================== + * About Dialog (applet.js and desklet.js) + * ===================================================================*/ +.about-content { + width: 550px; + height: 250px; + spacing: 8px; + padding-bottom: 16px; +} + +.about-title { + font-size: 2em; + font-weight: bold; +} + +.about-uuid { + font-size: .8em; +} + +.about-icon { + padding-right: 20px; +} + +.about-scrollBox { + border: solid 1px grey; + border-radius: 4px; +} + +.about-scrollBox-innerBox { + padding: 1.2em; + spacing: 1.2em; +} + +.about-description { + padding-top: 4px; +} + +.about-version { + padding-left: 7px; +} + + +/* =================================================================== + * Clock Desklet (desklet.js) + * ===================================================================*/ +.clock-desklet-label { +} + +/* =================================================================== + * Workspace OSD + * ===================================================================*/ + +.workspace-osd { + color: #ffffff; + text-shadow: black 5px 5px 5px; + font-weight: bold; + font-size: 48pt; +} + +.expo-workspaces-name-entry { + padding: 5px; + border-radius: 4px; + color: rgb(200, 200, 200); + border: 2px solid rgb(136,138,133); + background-gradient-start: rgb(128,128,128); + background-gradient-end: rgb(85,85,85); + background-gradient-direction: vertical; + selected-color: black; + caret-color: rgb(128, 128, 128); + caret-size: 1px; + width: 250px; + height: 15px; + box-shadow: inset 0px 2px 4px rgba(0,0,0,0.6); + text-align: center; +} + +.expo-workspaces-name-entry#selected { + background-gradient-start: rgb(200,200,200); + background-gradient-end: white; + font-weight: bold; + color: rgb(0, 0, 0); +} + +.expo-workspaces-name-entry:focus { + color: rgb(0, 0, 0); + font-weight: bold; + font-style: italic; + transition-duration: 300; +} + +/* =================================================================== + * Notification Applet + * ===================================================================*/ + +.notification-applet-padding { + padding: .5em 1em; +} + +.notification-applet-container { + max-height: 100px; +} + +/* Check Boxes */ +.check-box CinnamonGenericContainer { + spacing: .2em; +} + +.check-box StBin, +.check-box:focus StBin { + width: 16px; + height: 16px; + background-image: url("checkbox-off.svg"); +} + +.check-box:checked StBin, +.check-box:focus:checked StBin { + background-image: url("checkbox.svg"); +} + +.check-box StLabel { + font-weight: normal; +} + +.radiobutton CinnamonGenericContainer { + spacing: .2em; + height: 18px; + padding-top: 2px; +} + +.radiobutton StBin, +.radiobutton:focus StBin { + width: 16px; + height: 16px; + background-image: url("radiobutton-off.svg"); + border-radius: 15px; +} + +.radiobutton:checked StBin, +.radiobutton:focus:checked StBin { + background-image: url("radiobutton.svg"); +} + +.radiobutton StLabel { + padding-top: 4px; + font-size: 0.9em; + box-shadow: none; +} + +.flashspot { + background-color: white; +} + +/* Media keys OSD popup */ +.osd-window { + background: rgba(80,80,80,0.8); + border: 2px solid #a5a5a5; + border-radius: 8px; + padding: 20px; + color: white; + spacing: 1em; +} + +.osd-window .level { + height: 0.7em; + border-radius: 0.3em; + background-color: rgba(190,190,190,0.2); +} + +.tile-preview, +.tile-hud { + background-color: rgba(85, 85, 85, 0.5); + border: 2px solid rgba(134, 134, 134, 0.8); +} + +.tile-preview.snap, +.tile-hud.snap { + background-color: rgba(134, 134, 170, 0.5); + border: 2px solid rgba(85, 85, 85, 0.8); +} + +.tile-hud:top { + border-top-width: 0px; + border-radius: 0px 0px 8px 8px; +} + +.tile-hud:bottom { + border-bottom-width: 0px; + border-radius: 8px 8px 0px 0px; +} + +.tile-hud:left { + border-left-width: 0px; + border-radius: 0px 8px 8px 0px; +} + +.tile-hud:right { + border-right-width: 0px; + border-radius: 8px 0px 0px 8px; +} + +.tile-hud:top-left { + border-top-width: 0px; + border-left-width: 0px; + border-radius: 0px 0px 8px 0px; +} + +.tile-hud:top-right { + border-top-width: 0px; + border-right-width: 0px; + border-radius: 0px 0px 0px 8px; +} + +.tile-hud:bottom-left { + border-bottom-width: 0px; + border-left-width: 0px; + border-radius: 0px 8px 0px 0px; +} + +.tile-hud:bottom-right { + border-bottom-width: 0px; + border-right-width: 0px; + border-radius: 8px 0px 0px 0px; +} diff --git a/src/usr/share/themes/bgstack15-red/cinnamon/cinnamon.css.2016-12-28.02 b/src/usr/share/themes/bgstack15-red/cinnamon/cinnamon.css.2016-12-28.02 new file mode 100644 index 0000000..ba2a92a --- /dev/null +++ b/src/usr/share/themes/bgstack15-red/cinnamon/cinnamon.css.2016-12-28.02 @@ -0,0 +1,1830 @@ +/* ################################################################### + * Section common with Gnome Shell + * ... contains a few cinnamon specific styles (rare occurrences) + * ###################################################################*/ +stage { + font-family: sans, sans-serif; +} +.cinnamon-link { + color: #0000ff; + text-decoration: underline; +} +.cinnamon-link:hover { + color: #0000e0; +} +.label-shadow { + color: rgba(0,0,0,0.5); +} +StScrollBar { + padding: 0px; +} +StScrollView.vfade { + -st-vfade-offset: 68px; +} +StScrollView StScrollBar { + min-width: 16px; + min-height: 16px; +} + +StScrollBar StBin#trough { + background-color: rgba(0,0,0,0); + border: 1px solid #553333; + border-radius: 4px; +} +StScrollBar StButton#vhandle { + background-image: url("scroll-vhandle.svg"); + background-color: rgba(204,204,204,0.3); + border: 1px solid #553333; + border-radius: 4px; +} +StScrollBar StButton#hhandle { + background-image: url("scroll-hhandle.svg"); + background-color: rgba(204,204,204,0.3); + border: 1px solid #553333; + border-radius: 4px; +} +StScrollBar StButton#hhandle:hover, +StScrollBar StButton#vhandle:hover { + background-color: rgba(204,204,204,0.5); +} +.separator { + -gradient-height: 2px; + -gradient-start: rgba(85,35,35,1); + -gradient-end: #553333; + -margin-horizontal: 1.5em; + height: 1em; +} +.slider { + height: 1em; + min-width: 15em; + -slider-height: 0.3em; + -slider-background-color: #666666; + -slider-border-color: #553333; + -slider-active-background-color: #CCCCCC; + -slider-active-border-color: #DDDDDD; + -slider-border-width: 1px; + -slider-handle-radius: 0.5em; +} +#Tooltip { + border: 1px solid rgba(212,185,67,1.0); + border-radius: 4px; + padding: 2px 12px; + background-gradient-end: rgba(251,234,159,0.9); + background-gradient-start: rgba(254,245,198,0.9); + background-gradient-direction: vertical; + color: #000000; + font-size: 8.5pt; + font-weight: normal; + text-align: center; +} +/* =================================================================== + * Shared button properties + * ===================================================================*/ +.notification-button, .notification-icon-button, +.modal-dialog-button, +.sound-player-overlay StButton { + color: white; + border: 1px solid #8b8b8b; + background-gradient-direction: vertical; + background-gradient-start: rgba(255, 255, 255, 0.2); + background-gradient-end: rgba(255, 255, 255, 0); +} +.notification-button:hover, +.notification-icon-button:hover, .modal-dialog-button:hover, +.sound-player-overlay StButton:hover { + background-gradient-start: rgba(255, 255, 255, 0.3); + background-gradient-end: rgba(255, 255, 255, 0.1); +} +.notification-button:focus, +.notification-icon-button:focus, +.modal-dialog-button:focus, +.sound-player-overlay StButton:focus { + border: 2px solid #8b8b8b; +} +.notification-button:active, .notification-icon-button:active, +.modal-dialog-button:active, .modal-dialog-button:pressed, +.sound-player-overlay StButton:active { + background-gradient-start: rgba(255, 255, 255, 0); + background-gradient-end: rgba(255, 255, 255, 0.2); +} +/* =================================================================== + * PopupMenu (popupMenu.js) + * ===================================================================*/ + /* .popup-menu-boxpointer and .popup-menu are kept for compatibility + with cinnamon version under 3.2. Use .menu in version 3.2 and above */ +.popup-menu-boxpointer { + -arrow-border-radius: 3px; + -arrow-background-color: rgba(40,40,40,0.9); + -arrow-border-width: 2px; + -arrow-border-color: #a57575; + -arrow-base: 24px; + -arrow-rise: 11px; +} +.popup-menu { + color: #ffffff; + font-size: 9.5pt; + min-width: 100px; +} +.menu { + border-radius: 8px; + background-color: rgba(80,40,40,0.9); + border-width: 2px; + border-color: #a57575; + color: #ffffff; + font-size: 9.5pt; + min-width: 100px; +} +.popup-menu-arrow { + icon-size: 1.14em; +} +.popup-submenu-menu-item:open { + background-color: #4c4c4c; +} +.popup-sub-menu { + background-gradient-start: rgba(40,40,40,0.3); + background-gradient-end: rgba(40,40,40,0.7); + background-gradient-direction: vertical; +} +.popup-sub-menu .popup-menu-item:ltr { + padding-right: 1.75em; +} +.popup-sub-menu .popup-menu-item:rtl { + padding-left: 1.75em; +} +.popup-sub-menu StScrollBar { + padding: 4px; +} +.popup-sub-menu StScrollBar StBin#trough { + border-width: 0px; +} +.popup-sub-menu StScrollBar StBin#vhandle { + background-color: #4c4c4c; + border-width: 0px; +} +.popup-combo-menu { + background-color: rgba(0,0,0,0.9); + padding: 1em 0em; + color: #ffffff; + font-size: 10.5pt; + border: 1px solid #5f5f5f; + border-radius: 9px; +} +/* The remaining popup-menu sizing is all done in ems, so that if you + * override .popup-menu.font-size, everything else will scale with it. + */ +.popup-menu-content { + padding: 1em 0em; +} +.popup-menu-item { + padding: .4em 1.75em; + spacing: 1em; +} +.popup-menu-item:active { + background-color: #4c4c4c; +} +.popup-menu-item:insensitive { + color: #9f9f9f; +} +.popup-image-menu-item { +} +.popup-combobox-item { + spacing: 1em; +} +.popup-separator-menu-item { + -gradient-height: 2px; + -gradient-start: rgba(85,35,35,1); + -gradient-end: #553333; + -margin-horizontal: 1.5em; + height: 1em; +} +.popup-alternating-menu-item:alternate { + font-weight: bold; +} +.popup-slider-menu-item { + height: 1em; + min-width: 15em; + -slider-height: 0.3em; + -slider-background-color: #666666; + -slider-border-color: #553333; + -slider-active-background-color: #CCCCCC; + -slider-active-border-color: #DDDDDD; + -slider-border-width: 1px; + -slider-handle-radius: 0.5em; +} +.popup-device-menu-item { + spacing: .5em; +} +.popup-inactive-menu-item { + font-weight: normal; + color: #999; +} +.popup-subtitle-menu-item { + font-weight: bold; +} +.popup-menu-icon { + icon-size: 1.14em; +} +/* Switches (to be used in menus) */ +.toggle-switch { + width: 65px; + height: 22px; +} +.toggle-switch-us { + background-image: url("toggle-off-us.svg"); +} +.toggle-switch-us:checked { + background-image: url("toggle-on-us.svg"); +} +.toggle-switch-intl { + background-image: url("toggle-off-intl.svg"); +} +.toggle-switch-intl:checked { + background-image: url("toggle-on-intl.svg"); +} +.nm-menu-item-icons { + spacing: .5em; +} +/* =================================================================== + * Panel (panel.js) + * ===================================================================*/ +#panel { + color: #ffffff; + background-color: #553333; + font-size: 8.5pt; + font-weight: normal; + height: 26px; + width: 32px; +} +#panel:highlight { + background-color: #aa5555; +} +.panel-dummy { + background-color: rgba(50, 50, 50, 0.4); +} +.panel-dummy:entered { + background-color: rgba(255, 35, 35, 0.4); +} +.panelLeft { + spacing: 4px; +} +.panelCenter { + spacing: 4px; +} +.panelRight { + 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); +} +.panelCenter:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(0,255,0,0.05); + background-gradient-end: rgba(0,255,0,0.2); +} +.panelRight:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(0,0,255,0.05); + background-gradient-end: rgba(0,0,255,0.2); +} +.panelLeft:ltr { + padding-right: 4px; +} +.panelLeft:rtl { + padding-left: 4px; +} +.panelRight:ltr { + padding-left: 0px; + spacing: 0px; +} +.panelRight:rtl { + padding-right: 0px; + spacing: 0px; +} +.panelLeft.vertical { + padding: 0px; +} +.panelRight.vertical { + padding: 0px; +} +.panelCenter.vertical { + padding-left: 0px; + padding-right: 0px; +} +.panelLeft.vertical:dnd { +} +.panelCenter.vertical:dnd { +} +.panelRight.vertical:dnd { +} +.panel-top { +} +.panel-bottom { +} +.panel-left { +} +.panel-right { +} +.panel-status-button { + border: 0px solid #8b8b8b; + -natural-hpadding: 3px; + -minimum-hpadding: 3px; + font-weight: bold; + color: #ccc; + height: 22px; +} +.panel-status-button:hover { + color: white; +} +.system-status-icon { + padding-left: 0px; + padding-right: 0px; + spacing: 0px; + margin: 0px; +} + +.panel-corner { + -panel-corner-radius: 0px; + -panel-corner-background-color: black; + -panel-corner-inner-border-width: 2px; + -panel-corner-inner-border-color: transparent; + -panel-corner-outer-border-width: 1px; + -panel-corner-outer-border-color: #536272; +} +.panel-corner:active, +.panel-corner:overview, +.panel-corner:focus { + -panel-corner-inner-border-color: rgba(255,255,255,0.8); +} +#appMenu { + spacing: 4px; +} +.panel-button #appMenuIcon { + app-icon-bottom-clip: 1px; +} +.panel-button:active #appMenuIcon, +.panel-button:checked #appMenuIcon, +.panel-button:focus #appMenuIcon { + app-icon-bottom-clip: 2px; +} +.panel-button { + -natural-hpadding: 6px; + -minimum-hpadding: 2px; + font-weight: bold; + color: #ccc; + transition-duration: 100; +} +.panel-button:hover { + color: white; + text-shadow: black 0px 2px 2px; +} +.panel-button:active, +.panel-button:overview, +.panel-button:focus { + +} +.panel-button:active > .system-status-icon, +.panel-button:checked > .system-status-icon, +.panel-button:focus > .system-status-icon { + icon-shadow: black 0px 2px 2px; +} +.panel-menu { + -boxpointer-gap: 4px +} +.popup-menu-item-dot { +} +.system-status-icon { + icon-size: 1.14em; +} +/* =================================================================== + * Overview + * ===================================================================*/ +#overview { + spacing: 12px; +} +.window-caption { + background-color: black; + color: white; + spacing: 25px; +} + +.window-caption#selected { + background-color: white; + color: black; + spacing: 25px; +} + +.workspace-controls { + visible-height: 32px; /* Amount visible before hovering */ +} +.workspace-thumbnails-background { + border: 1px solid rgba(128, 128, 128, 0.4); + border-right: 0px; + border-radius: 9px 9px 0px 0px; + background-color: rgba(0, 0, 0, 0.5); + padding: 8px; +} +.workspace-thumbnails-background:rtl { + border-right: 1px; + border-left: 0px; + border-radius: 9px 9px 0px 0px; +} +.workspace-thumbnails { + spacing: 14px; +} +.workspace-add-button { + background-image: url("add-workspace.png"); + height: 200px; + width: 35px; + transition-duration: 300; +} +.workspace-add-button:hover { + background-image: url("add-workspace-hover.png"); + transition-duration: 300; +} + +.workspace-close-button { + background-image: url("close-window.svg"); + height: 34px; + width: 34px; + -cinnamon-close-overlap: 20px; +} + +.workspace-thumbnail-indicator { + outline: 2px solid white; + border: 1px solid #888; +} +.window-caption { + background: rgba(85,35,35,0.8); + border: 1px solid rgba(128,128,128,0.40); + border-radius: 4px; + font-size: 9pt; + padding: 2px 8px; + -cinnamon-caption-spacing: 4px; +} +.window-close { + background-image: url("close-window.svg"); + height: 34px; + width: 34px; + -cinnamon-close-overlap: 20px; +} +.window-close:rtl { + -st-background-image-shadow: 2px 2px 6px rgba(0,0,0,0.5); +} + +.window-close-area { + background-image: url("trash-icon.png"); + background-size: 100px; + background-color: rgba(60, 60, 60, 0.8); + border: 4px solid rgba(128,128,128,0.8); + border-bottom-width: 0px; + border-radius: 20px 20px 0px 0px; + height: 120px; + width: 400px; +} + +.overview-icon { + border-radius: 4px; + padding: 3px; + border: 1px rgba(0,0,0,0); + font-size: 7.5pt; + color: white; + transition-duration: 100; + text-align: center; +} + +.expo-background { + background-gradient-start: #000; + background-gradient-end: #AAA; + background-gradient-direction: vertical +} + +.workspace-overview-background-shade { + background-color: rgba(0,0,0,0.4); +} + +.expo-workspace-thumbnail-frame { + border: 1px, rgba(64,64,64,0.9); + background-color: rgba(64,64,64,0.9); +} + +.expo-workspace-thumbnail-frame#active { + border: 2px, rgba(32,32,32,0.9); + background-color: rgba(32,32,32,0.9); +} + +/* =================================================================== + * Looking Glass + * ===================================================================*/ +#LookingGlassDialog { + background-color: rgba(85,35,35,0.85); + spacing: 4px; + padding: 4px; + border: 2px solid grey; + border-radius: 4px; + color: #CCCCCC; +} +/* =================================================================== + * Date applet + * ===================================================================*/ +.calendar { + padding: .4em 1.75em; + spacing-rows: 0px; + spacing-columns: 0px; +} +.calendar-month-label { + color: #cccccc; + font-size: 7.5pt; + padding-bottom: 8px; + padding-top: 8px; + font-weight: bold; +} +.calendar-change-month-back { + width: 18px; + height: 12px; + background-image: url("calendar-arrow-left.svg"); + border-radius: 4px; +} +.calendar-change-month-back:rtl { + background-image: url("calendar-arrow-right.svg"); +} +.calendar-change-month-back:hover { + background-color: #999999; +} +.calendar-change-month-back:active { + background-color: #aaaaaa; +} +.calendar-change-month-forward { + width: 18px; + height: 12px; + background-image: url("calendar-arrow-right.svg"); + border-radius: 4px; +} +.calendar-change-month-forward:rtl { + background-image: url("calendar-arrow-left.svg"); +} +.calendar-change-month-forward:hover { + background-color: #999999; +} +.calendar-change-month-forward:active { + background-color: #aaaaaa; +} +.datemenu-date-label { + padding: .4em 1.75em; + font-size: 10.5pt; + color: #cccccc; + font-weight: bold; +} +.calendar-day-base { + font-size: 7.5pt; + text-align: center; + width: 2.4em; + height: 2.4em; +} +.calendar-day-base:hover { + background-color: #777777; + color: #fff; +} +.calendar-day-base:active { + background-color: #553333; +} +.calendar-day-heading { + color: #cccccc; + padding-top: 1em; +} +.calendar-week-number { + color: #cccccc; + font-weight: bold; +} +/* Hack used in lieu of border-collapse - see calendar.js */ +.calendar-day:ltr { + border: 1px solid #333333; + color: #cccccc; + border-top-width: 0; + border-left-width: 0; +} +.calendar-day-top:ltr { + border-top-width: 1px; +} +.calendar-day-left:ltr { + border-left-width: 1px; +} +.calendar-day:rtl { + border: 1px solid #333333; + color: #cccccc; + border-top-width: 0; + border-right-width: 0; +} +.calendar-day-top:rtl { + border-top-width: 1px; +} +.calendar-day-left:rtl { + border-right-width: 1px; +} +.calendar-work-day { +} +.calendar-nonwork-day { + background-color: rgba(128, 128, 128, .1); +} +.calendar-today { + background-image: url("calendar-today.svg"); + text-shadow: black 0px 2px 2px; + color: #ffffff; + font-weight: bold; +} +.calendar-other-month-day { + color: #888888; + background-color: rgba(64, 64, 64, .5); +} +.calendar-day-with-events { + font-weight: bold; + color: #cccccc; +} +/* =================================================================== + * Notifications + * ===================================================================*/ +#notification { + font-size: 8.5pt; + border-radius: 8px 8px 8px 8px; + border: 2px solid #a57575; + background-gradient-direction: vertical; + background-gradient-start: rgba(85,35,35,0.8); + background-gradient-end: rgba(85,35,35,0.8); + padding: 8px 8px 8px 8px; + spacing-rows: 10px; + spacing-columns: 10px; + margin-from-right-edge-of-screen: 20px; + width: 34em; + color: white; +} +#notification.multi-line-notification { + padding-bottom: 8px; + color: white; +} +/* We use row-span = 2 for the image cell, which prevents its height preferences to be + taken into account during allocation, so its height ends up being limited by the height + of the content in the other rows. To avoid showing a stretched image, we set the minimum + height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 = 159 */ +.notification-with-image { + min-height: 159px; + color: white; +} +#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-button { + border-radius: 5px; + padding: 4px 8px 5px; +} +.notification-button:focus { + padding: 3px 8px 4px; +} +.notification-icon-button { + border-radius: 5px; + padding: 5px; +} +.notification-icon-button:focus { + padding: 4px; +} +.notification-icon-button > StIcon { + icon-size: 36px; +} +#notification StEntry { + padding: 4px; + border-radius: 4px; + color: #a8a8a8; + selected-color: black; + border: 1px solid rgba(245,245,245,0.2); + background-gradient-direction: vertical; + background-gradient-start: rgb(200,200,200); + background-gradient-end: white; + transition-duration: 300; + box-shadow: inset 0px 2px 4px rgba(0,0,0,0.6); + caret-color: #a8a8a8; + caret-size: 1px; +} +#notification StEntry:focus { + border: 1px solid #8b8b8b; + color: #333333; + background-gradient-direction: vertical; + background-gradient-start: rgb(200,200,200); + background-gradient-end: white; + caret-color: #545454; + selection-background-color: #808080; +} +/* =================================================================== + * Alt Tab + * ===================================================================*/ +#altTabPopup { + padding: 8px; + spacing: 16px; +} +.switcher-list { + background: rgba(70,35,35,0.8); + border: 2px solid #a57575; + border-radius: 8px; + padding: 20px; + font-size: 9pt; + color: white; + text-shadow: black 0px 0px 2px; +} +.switcher-list-item-container { + spacing: 8px; +} +.thumbnail-scroll-gradient-left { + background-gradient-direction: horizontal; + background-gradient-start: rgba(51, 51, 51, 1.0); + background-gradient-end: rgba(51, 51, 51, 0); + border-radius: 24px; + border-radius-topright: 0px; + border-radius-bottomright: 0px; + width: 60px; +} +.thumbnail-scroll-gradient-right { + background-gradient-direction: horizontal; + background-gradient-start: rgba(51, 51, 51, 0); + background-gradient-end: rgba(51, 51, 51, 1.0); + border-radius: 24px; + border-radius-topleft: 0px; + border-radius-bottomleft: 0px; + width: 60px; +} +.switcher-list .item-box { + padding: 8px; + border-radius: 8px; +} +.switcher-list .item-box:outlined { + padding: 6px; + border: 2px solid rgba(85,35,35,1.0); +} +.switcher-list .item-box:selected { + background: rgba(255,180,180,0.33); +} +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} +.switcher-list .thumbnail { + width: 256px; +} +.switcher-list .separator { + width: 1px; + background: rgba(255,255,255,0.33); +} +.ripple-box { + width: 104px; + height: 104px; + background-image: url("corner-ripple.png"); +} +.ripple-box:rtl { + background-image: url("corner-ripple.png"); +} +.switcher-arrow { + border-color: rgba(0,0,0,0); + color: #808080; +} +.switcher-arrow:highlighted { + border-color: rgba(0,0,0,0); + color: white; +} +.switcher-preview-backdrop { + background-color: rgba(25,25,25,0.65); +} + +/* =================================================================== + * Modal dialogs + * ===================================================================*/ +.modal-dialog { + font-size: 12pt; + border-radius: 24px; + background-color: rgba(85, 35, 35, 0.9); + border: 2px solid #865656; + color: #babdb6; + padding-right: 42px; + padding-left: 42px; + padding-bottom: 30px; + padding-top: 30px; +} +.modal-dialog-button-box { + spacing: 21px; +} +.modal-dialog-button { + border-radius: 18px; + font-size: 11pt; + color: white; + margin-left: 10px; + margin-right: 10px; + padding: 4px 32px 5px; +} +.modal-dialog-button:disabled { + color: rgb(60, 60, 60); +} +.modal-dialog-button:focus { + padding: 3px 31px 4px; +} + +/* Info OSD popup */ +.info-osd { + font-size: 18pt; + border-radius: 24px; + background-color: rgba(85, 35, 35, 0.9); + border: 2px solid #865656; + color: #babdb6; + padding-right: 20px; + padding-left: 20px; + padding-bottom: 20px; + padding-top: 20px; + text-align: center; +} + +/* =================================================================== + * Run dialog + * ===================================================================*/ +.run-dialog-label { + font-size: 9pt; + color: white; +} +.run-dialog-error-label { + font-size: 9pt; + color: white; +} +.run-dialog-error-box { + padding-top: 15px; + spacing: 5px; +} +.run-dialog-completion-box { + padding-left: 15px; + font-size: 10px; +} +.run-dialog-entry { + font-size: 10.5pt; + font-weight: bold; + width: 23em; + color: white; + selection-background-color: white; + selected-color: black; +} +.run-dialog { + border-radius: 16px; + padding-right: 21px; + padding-left: 21px; + padding-bottom: 15px; + padding-top: 15px; +} +.lightbox { + background-color: rgba(0, 0, 0, 0.4); +} + +/* CinnamonMountOperation Dialogs */ +.cinnamon-mount-operation-icon { + icon-size: 48px; +} +.mount-password-reask { + color: red; +} +.show-processes-dialog, +.mount-question-dialog { + spacing: 24px; +} +.show-processes-dialog-subject, +.mount-question-dialog-subject { + font-size: 12pt; + font-weight: bold; + color: #666666; + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; +} +.show-processes-dialog-subject:rtl, +.mount-question-dialog-subject:rtl { + padding-left: 0px; + padding-right: 17px; +} +.show-processes-dialog-description, +.mount-question-dialog-description { + font-size: 10pt; + color: white; + padding-left: 17px; + width: 28em; +} +.show-processes-dialog-description:rtl, +.mount-question-dialog-description:rtl { + padding-right: 17px; +} +.show-processes-dialog-app-list { + font-size: 10pt; + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} +.show-processes-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} +.show-processes-dialog-app-list-item { + color: #ccc; +} +.show-processes-dialog-app-list-item:hover { + color: white; +} +.show-processes-dialog-app-list-item:ltr { + padding-right: 1em; +} +.show-processes-dialog-app-list-item:rtl { + padding-left: 1em; +} +.show-processes-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} +.show-processes-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} +.show-processes-dialog-app-list-item-name { + font-size: 10pt; +} +/* =================================================================== + * Magnifier + * ===================================================================*/ + +.magnifier-zoom-region { + border: 2px solid rgba(128, 0, 0, 255); +} +.magnifier-zoom-region.full-screen { + border-width: 0px; +} +/* =================================================================== + * On screen keyboard + * ===================================================================*/ + +#keyboard { + background-color: #553333; +} +.keyboard-layout { + spacing: 10px; + padding: 10px; +} +.keyboard-row { + spacing: 15px; +} +.keyboard-key { + min-height: 30px; + min-width: 30px; + background-gradient-start: rgba(255,245,245,0.4); + background-gradient-end: rgba(105,105,105,0.1); + background-gradient-direction: vertical; + font-size: 14pt; + font-weight: bold; + border-radius: 10px; + border: 2px solid #a0a0a0; + color: white; +} +.keyboard-key:grayed { + color: #808080; + border-color: #808080; +} +.keyboard-key:checked, +.keyboard-key:hover { + background: #303030; + border: 3px solid white; +} +.keyboard-key:active { + background: #808080; +} +.keyboard-subkeys { + color: white; + padding: 5px; + -arrow-border-radius: 3px; + -arrow-background-color: #090909; + -arrow-border-width: 2px; + -arrow-border-color: white; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; +} +/* ################################################################### + * Cinnamon Specific Section + * ###################################################################*/ +/* =================================================================== + * Menu (menu.js) + * ===================================================================*/ +/* Main menu title */ + +.menu-favorites-box { + margin: auto; + padding: 10px; + border: 1px solid #644; + border-radius: 8px; + background-gradient-direction: vertical; + background-gradient-start: rgba(85,35,35,0.8); + background-gradient-end: rgba(85,35,35,0.2); + transition-duration: 300; +} +.menu-favorites-button { + padding-top: 10px; + padding-left: 10px; + padding-right: 10px; + padding-bottom: 10px; +} +.menu-favorites-button:hover { + color: white; + background-gradient-direction: vertical; + /*background-gradient-start: rgba(255,255,255,0.2); + background-gradient-end: rgba(255,255,255,0.08);*/ + background-gradient-start: rgba(180,80,80,0.2); + background-gradient-end: rgba(180,80,80,0.08); + box-shadow: inset 0px 0px 1px 1px rgba(255,128,128,0.06); + border-radius: 4px; +} +.menu-places-box { + margin: auto; + padding: 10px; + border: 0px solid #644; +} +.menu-places-button { + padding-top: 10px; + padding-left: 10px; + padding-right: 10px; + padding-bottom: 10px; +} +.menu-categories-box { + padding-top: 10px; + padding-left: 30px; + padding-right: 30px; + padding-bottom: 10px; +} +.menu-applications-inner-box { + padding-top: 10px; + padding-left: 10px; + padding-right: 10px; + padding-bottom: 0px; +} +.menu-applications-outer-box { + padding-top: 10px; + padding-left: 10px; + padding-right: 10px; + padding-bottom: 0px; +} +.menu-application-button { + padding-top: 7px; + padding-left: 7px; + padding-right: 7px; + padding-bottom: 7px; +} +.menu-application-button:highlighted { + /* This style is used in menu application buttons for applications which were newly installed */ + font-weight: bold; +} +.menu-application-button-selected { + padding-top: 7px; + padding-left: 7px; + padding-right: 7px; + padding-bottom: 7px; + color: white; + background-gradient-direction: vertical; + background-gradient-start: rgba(255,255,255,0.2); + background-gradient-end: rgba(255,255,255,0.08); + box-shadow: inset 0px 0px 1px 1px rgba(255,255,255,0.06); + border-radius: 4px; +} +.menu-application-button-selected:highlighted { + /* This style is used in menu application buttons for applications which were newly installed */ + font-weight: bold; +} +.menu-application-button-label:ltr { + padding-left: 5px; +} +.menu-application-button-label:rtl { + padding-right: 5px; +} +.menu-category-button { + padding-top: 7px; + padding-left: 7px; + padding-right: 7px; + padding-bottom: 7px; +} +.menu-category-button-greyed { + padding-top: 7px; + padding-left: 7px; + padding-right: 7px; + padding-bottom: 7px; + color: #9C7C7C; + font-style: italic; +} +.menu-category-button-selected { + padding-top: 7px; + padding-left: 7px; + padding-right: 7px; + padding-bottom: 7px; + color: white; + background-gradient-direction: vertical; + /*background-gradient-start: rgba(255,255,255,0.2); + background-gradient-end: rgba(255,255,255,0.08);*/ + background-gradient-start: rgba(180,80,80,0.2); + background-gradient-end: rgba(180,80,80,0.08); + box-shadow: inset 0px 0px 1px 1px rgba(255,255,255,0.06); + border-radius: 4px; +} +.menu-category-button-label:ltr { + padding-left: 5px; +} +.menu-category-button-label:rtl { + padding-right: 5px; + +} +.menu-category-button-button:hover { + background-color: #966666; + border-radius: 8px; +} +/* Name and description of the currently hovered item in the menu + * This appears on the bottom right hand corner of the menu*/ +.menu-selected-app-box { + padding-right: 30px; + padding-left: 28px; + text-align: right; + height: 30px; +} + +.menu-selected-app-box:rtl { + padding-top: 10px; + height: 30px; +} + +.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 { + padding: 5px; + border-radius: 4px; + color: rgb(128, 128, 128); + border: 2px solid rgba(245,162,162,0.2); + background-gradient-start: rgba(5,5,6,0.1); + background-gradient-end: rgba(254,254,254,0.1); + background-gradient-direction: vertical; + selected-color: black; + caret-color: rgb(128, 64, 64); + caret-size: 1px; + width: 250px; + height: 15px; + transition-duration: 300; + box-shadow: inset 0px 2px 4px rgba(0,0,0,0.6); +} +#menu-search-entry:focus, +#menu-search-entry:hover { + border: 2px solid rgb(136,69,69); + background-gradient-start: rgb(200,200,200); + background-gradient-end: white; + background-gradient-direction: vertical; +} +#menu-search-entry:hover { + transition-duration: 300; +} +#menu-search-entry:focus { + color: rgb(64, 32, 32); + font-weight: bold; + transition-duration: 0; +} +.menu-search-entry-icon { + icon-size: 1em; + color: #8d8f8a; +} +/* Context menu (at the moment only for favorites) */ +.menu-context-menu { +} +/* =================================================================== + * Window list (windowList.js) + * ===================================================================*/ +.window-list-box { + spacing: 2px; + padding-left: 10px; + padding-top: 0px; +} +.window-list-box.vertical { + spacing: 3px; + padding-left: 0px; + padding-right: 0px; + padding-top: 10px; + padding-bottom: 10px; +} +.window-list-box.vertical #appMenuIcon { + padding-top: 3px; +} +.window-list-item-label { + font-weight: bold; + width: 15em; + min-width: 5px; +} +.window-list-item-box { + color: rgba(255,255,255,1.0); + /*background-gradient-direction: vertical; + background-gradient-start: rgba(255,255,255,0.05); + background-gradient-end: rgba(255,255,255,0.2);*/ + box-shadow: inset 0px 0px 1px 1px rgba(170,90,90,0.5); + border-radius: 2px 2px 0px 0px; + transition-duration: 100; +} +.window-list-item-box:active, +.window-list-item-box:checked, +.window-list-item-box:focus { + /*background-gradient-direction: vertical; + background-gradient-start: rgba(226,226,226,0.5); + background-gradient-end: rgba(122,122,122,0.5);*/ + background-color: rgba(229,119,82,0.5); + box-shadow: inset 0px 0px 1px 1px rgba(170,90,90,0.5); + border-radius: 2px 2px 0px 0px; + font-weight: bold; +} +.window-list-item-box:hover { + background-color: rgba(229,119,82,0.25); + box-shadow: inset 0px 0px 1px 1px rgba(170,90,90,1.0); + border-radius: 2px 2px 0px 0px; +} +.window-list-item-demands-attention { + background-gradient-start: rgba(255,52,52,0.5); + background-gradient-end: rgba(255,144,144,0.5); +} +/* =================================================================== + * Sound Applet (sound@cinnamon.org) + * ===================================================================*/ + +.sound-player StButton { + width: 22px; + height: 13px; + padding: 5px; + color: #aaa; +} + +.sound-player StButton:small { + width: 16px; + height: 8px; + padding: 1px; +} + +.sound-player StButton:small StIcon { + icon-size: 1em; +} + +.sound-player StButton StIcon { + icon-size: 1.5em; +} + +.sound-player StButton:hover, .sound-player StButton:active { + color: #fff; +} + +.sound-player .slider { + height: 0.5em; + -slider-height: 0.5em; + -slider-background-color: #3c3c3c; + -slider-border-color: rgba(0,0,0,0); + -slider-active-background-color: #a57575; + -slider-active-border-color: rgba(0,0,0,0); + -slider-border-width: 0px; + -slider-handle-radius: 0px; +} + +.sound-player StBoxLayout { + spacing: 0.5em; +} + +.sound-player>StBoxLayout { + padding: 5px; +} + +.sound-player-overlay { + width: 300px; + padding: 12px 16px; + spacing: 0.5em; + background-color: rgba(80,80,80,0.9); + color: #ffffff; + border-top: 2px solid #a57575; +} + +.sound-player-overlay StButton { + border-radius: 5px; + padding: 8px; +} + +.sound-player-overlay StButton > StIcon { + icon-size: 16px; +} + +.sound-player-overlay StBoxLayout { + padding-top: 2px; +} + +.sound-player-generic-coverart { + background: rgba(0,0,0,0.2); +} + +/* =================================================================== + * Workspace Switcher applet (workspaceSwitcher.js) + * ===================================================================*/ +/* Controls the styling when using the "Simple buttons" option */ +.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: #cccccc; + border: 1px; + border-color: #a6a6a6; + padding-top: 2px; + transition-duration: 300; +} + +.workspace-button:outlined { + background: #cccccc; + color: #553333; + box-shadow: inset 0px 0px 8px 1px rgba(255,255,255, 0.7); +} + +/* Controls the style when using the "Visual representation" option */ +.workspace-graph { + padding: 3px; + spacing: 3px; +} + +.workspace-graph .workspace { + border: 1px solid #666; + background-gradient-direction: vertical; + background-gradient-start: #222; + background-gradient-end: #4d4d4d; +} + +.workspace-graph .workspace:active { + border: 1px solid #ccc; + background-gradient-direction: vertical; + background-gradient-start: #111; + background-gradient-end: #3d3d3d; +} + +.workspace-graph .workspace .windows { + -active-window-background: rgba(140, 140, 140, 1.0); + -active-window-border: rgba(0, 0, 0, 0.7); + -inactive-window-background: rgba(140, 140, 140, 1.0); + -inactive-window-border: rgba(0, 0, 0, 0.7); +} + +.workspace-graph .workspace:active .windows { + -active-window-background: rgba(255, 255, 255, 1.0); + -active-window-border: rgba(0, 0, 0, 0.9); + -inactive-window-background: rgba(140, 140, 140, 1.0); + -inactive-window-border: rgba(0, 0, 0, 0.7); +} + +/* =================================================================== + * Panel Launchers Applet (panelLaunchers.js) + * ===================================================================*/ +.panel-launchers { + padding-left: 7px; + spacing: 2px; +} + +.panel-launchers.vertical { + padding-top: 2px; + padding-bottom: 2px; + padding-left: 0px; + padding-right: 0px; + spacing: 3px; +} + +.launcher { + padding-left: 1px; + padding-right: 1px; + border-bottom-width: 1px; + transition-duration: 300; +} + +.launcher .icon-box { + padding-top: 2px; +} + +.panel-launchers.vertical .launcher .icon-box { + padding-top: 0; +} + +.panel-launchers .launcher:hover { + background-gradient-direction: vertical; + background-gradient-start: rgba(255,255,255,0.0); + background-gradient-end: rgba(255,255,255,0.2); + border: 0px solid rgba(255,255,255,0.5); + border-bottom-width: 1px; +} + +.panel-launcher-add-dialog-content-box { + padding: 6px; + spacing: 20px; +} + +.panel-launcher-add-dialog-content-box-left { + padding: 6px; + spacing: 20px; +} + +.panel-launcher-add-dialog-content-box-right { + padding: 6px; + spacing: 10px; +} + +.panel-launcher-add-dialog-entry { + padding: 5px; + border-radius: 4px; + color: rgb(128, 128, 128); + border: 2px solid rgba(245,245,245,0.2); + background-gradient-start: rgba(5,5,6,0.1); + background-gradient-end: rgba(254,254,254,0.1); + background-gradient-direction: vertical; + selected-color: black; + caret-color: rgb(128, 128, 128); + caret-size: 1px; + width: 250px; + transition-duration: 300; + box-shadow: inset 0px 2px 4px rgba(0,0,0,0.6); +} + +.panel-launcher-add-dialog-entry:focus, +.panel-launcher-add-dialog-entry:hover { + border: 2px solid rgb(136,138,133); + background-gradient-start: rgb(200,200,200); + background-gradient-end: white; + background-gradient-direction: vertical; +} + +.panel-launcher-add-dialog-entry:hover { + transition-duration: 300; +} + +.panel-launcher-add-dialog-entry:focus { + color: rgb(64, 64, 64); + font-weight: bold; + transition-duration: 0; +} + +/* =================================================================== + * Overview corner + * ===================================================================*/ +#overview-corner { + background-image: url("overview.png"); +} +#overview-corner:hover { + background-image: url("overview-hover.png"); +} +/* =================================================================== + * Applets (applet.js) + * ===================================================================*/ +.applet-separator { + padding: 5px 4px; +} +.applet-separator-line { + width: 2px; + background: rgba(255,255,255,.5); +} +.applet-separator-line-vertical { + border: 0px solid rgba(255,255,255,0.5); + border-bottom-width: 2px; +} +.applet-box { + padding-left: 3px; + padding-right: 3px; + color: #ccc; + text-shadow: black 0px 0px 2px; + transition-duration: 300; +} +.applet-box:hover { + color: #fff; +} +.applet-box.vertical { + padding-left: 0px; + padding-right: 0px; + padding-top: 3px; + padding-bottom: 3px; +} +.applet-box.vertical:hover { +} +.applet-box:highlight { + background-color: #aa5555; +} +.applet-label { + font-weight: bold; + color: #ccc; +} +.applet-box:hover > .applet-label { + color: #fff; + text-shadow: white 0px 0px 5px; +} +.applet-box.vertical:hover > .applet-label { +} +.applet-icon { + color: #ccc; + icon-size: 22px; +} +.applet-box:hover .applet-icon { + color: #fff; + icon-shadow: white 0px 0px 3px; +} +.applet-box.vertical:hover .applet-icon { +} +/* =================================================================== + * Desklets (desklet.js) + * ===================================================================*/ +.desklet { + color: #fff; +} + +.desklet:highlight, .desklet:highlight-with-borders, .desklet:highlight-with-borders-and-header { + background-color: #aa5555; +} + +.desklet-with-borders { + border: 2px solid #a57575; + background-color: rgba(80, 80, 80, 0.8); + color: #fff; + border-radius-bottomleft: 12px; + border-radius-bottomright: 12px; + border-radius-topleft: 12px; + border-radius-topright: 12px; +} + +.desklet-with-borders-and-header { + border: 2px solid #a57575; + background-color: rgba(80, 80, 80, 0.8); + color: #fff; + border-top: 1px; + border-radius-bottomleft: 12px; + border-radius-bottomright: 12px; +} + +.desklet-header { + border-radius-topleft: 12px; + border-radius-topright: 12px; + font-size: 10.5pt; + border: 2px solid #a57575; + border-bottom: 0px; + background-color: rgba(80, 80, 80, 0.8); + color: #fff; + padding: 6px; +} + +.desklet-drag-placeholder { + border: 2px solid #6daa00; + background-color: rgba(109,170, 0, 0.3); +} +/* =================================================================== + * About Dialog (applet.js and desklet.js) + * ===================================================================*/ +.about-content { + width: 550px; + height: 250px; + spacing: 8px; + padding-bottom: 16px; +} + +.about-title { + font-size: 2em; + font-weight: bold; +} + +.about-uuid { + font-size: .8em; +} + +.about-icon { + padding-right: 20px; +} + +.about-scrollBox { + border: solid 1px grey; + border-radius: 4px; +} + +.about-scrollBox-innerBox { + padding: 1.2em; + spacing: 1.2em; +} + +.about-description { + padding-top: 4px; +} + +.about-version { + padding-left: 7px; +} + + +/* =================================================================== + * Clock Desklet (desklet.js) + * ===================================================================*/ +.clock-desklet-label { +} + +/* =================================================================== + * Workspace OSD + * ===================================================================*/ + +.workspace-osd { + color: #ffffff; + text-shadow: black 5px 5px 5px; + font-weight: bold; + font-size: 48pt; +} + +.expo-workspaces-name-entry { + padding: 5px; + border-radius: 4px; + color: rgb(200, 200, 200); + border: 2px solid rgb(136,138,133); + background-gradient-start: rgb(128,128,128); + background-gradient-end: rgb(85,35,35); + background-gradient-direction: vertical; + selected-color: black; + caret-color: rgb(128, 128, 128); + caret-size: 1px; + width: 250px; + height: 15px; + box-shadow: inset 0px 2px 4px rgba(0,0,0,0.6); + text-align: center; +} + +.expo-workspaces-name-entry#selected { + background-gradient-start: rgb(200,200,200); + background-gradient-end: white; + font-weight: bold; + color: rgb(0, 0, 0); +} + +.expo-workspaces-name-entry:focus { + color: rgb(0, 0, 0); + font-weight: bold; + font-style: italic; + transition-duration: 300; +} + +/* =================================================================== + * Notification Applet + * ===================================================================*/ + +.notification-applet-padding { + padding: .5em 1em; +} + +.notification-applet-container { + max-height: 100px; +} + +/* Check Boxes */ +.check-box CinnamonGenericContainer { + spacing: .2em; +} + +.check-box StBin, +.check-box:focus StBin { + width: 16px; + height: 16px; + background-image: url("checkbox-off.svg"); +} + +.check-box:checked StBin, +.check-box:focus:checked StBin { + background-image: url("checkbox.svg"); +} + +.check-box StLabel { + font-weight: normal; +} + +.radiobutton CinnamonGenericContainer { + spacing: .2em; + height: 18px; + padding-top: 2px; +} + +.radiobutton StBin, +.radiobutton:focus StBin { + width: 16px; + height: 16px; + background-image: url("radiobutton-off.svg"); + border-radius: 15px; +} + +.radiobutton:checked StBin, +.radiobutton:focus:checked StBin { + background-image: url("radiobutton.svg"); +} + +.radiobutton StLabel { + padding-top: 4px; + font-size: 0.9em; + box-shadow: none; +} + +.flashspot { + background-color: white; +} + +/* Media keys OSD popup */ +.osd-window { + background: rgba(40,40,40,0.8); + border: 2px solid #a57575; + border-radius: 8px; + padding: 20px; + color: white; + spacing: 1em; +} + +.osd-window .level { + height: 0.7em; + border-radius: 0.3em; + background-color: rgba(190,190,190,0.2); +} + +.tile-preview, +.tile-hud { + background-color: rgba(85, 85, 85, 0.5); + border: 2px solid rgba(134, 134, 134, 0.8); +} + +.tile-preview.snap, +.tile-hud.snap { + background-color: rgba(134, 134, 170, 0.5); + border: 2px solid rgba(85, 85, 85, 0.8); +} + +.tile-hud:top { + border-top-width: 0px; + border-radius: 0px 0px 8px 8px; +} + +.tile-hud:bottom { + border-bottom-width: 0px; + border-radius: 8px 8px 0px 0px; +} + +.tile-hud:left { + border-left-width: 0px; + border-radius: 0px 8px 8px 0px; +} + +.tile-hud:right { + border-right-width: 0px; + border-radius: 8px 0px 0px 8px; +} + +.tile-hud:top-left { + border-top-width: 0px; + border-left-width: 0px; + border-radius: 0px 0px 8px 0px; +} + +.tile-hud:top-right { + border-top-width: 0px; + border-right-width: 0px; + border-radius: 0px 0px 0px 8px; +} + +.tile-hud:bottom-left { + border-bottom-width: 0px; + border-left-width: 0px; + border-radius: 0px 8px 0px 0px; +} + +.tile-hud:bottom-right { + border-bottom-width: 0px; + border-right-width: 0px; + border-radius: 8px 0px 0px 0px; +} diff --git a/src/usr/share/themes/bgstack15-red/cinnamon/cinnamon.css.2016-12-28.03 b/src/usr/share/themes/bgstack15-red/cinnamon/cinnamon.css.2016-12-28.03 new file mode 100644 index 0000000..ac1eba6 --- /dev/null +++ b/src/usr/share/themes/bgstack15-red/cinnamon/cinnamon.css.2016-12-28.03 @@ -0,0 +1,1830 @@ +/* ################################################################### + * Section common with Gnome Shell + * ... contains a few cinnamon specific styles (rare occurrences) + * ###################################################################*/ +stage { + font-family: sans, sans-serif; +} +.cinnamon-link { + color: #0000ff; + text-decoration: underline; +} +.cinnamon-link:hover { + color: #0000e0; +} +.label-shadow { + color: rgba(0,0,0,0.5); +} +StScrollBar { + padding: 0px; +} +StScrollView.vfade { + -st-vfade-offset: 68px; +} +StScrollView StScrollBar { + min-width: 16px; + min-height: 16px; +} + +StScrollBar StBin#trough { + background-color: rgba(0,0,0,0); + border: 1px solid #553333; + border-radius: 4px; +} +StScrollBar StButton#vhandle { + background-image: url("scroll-vhandle.svg"); + background-color: rgba(204,204,204,0.3); + border: 1px solid #553333; + border-radius: 4px; +} +StScrollBar StButton#hhandle { + background-image: url("scroll-hhandle.svg"); + background-color: rgba(204,204,204,0.3); + border: 1px solid #553333; + border-radius: 4px; +} +StScrollBar StButton#hhandle:hover, +StScrollBar StButton#vhandle:hover { + background-color: rgba(204,204,204,0.5); +} +.separator { + -gradient-height: 2px; + -gradient-start: rgba(85,35,35,1); + -gradient-end: #553333; + -margin-horizontal: 1.5em; + height: 1em; +} +.slider { + height: 1em; + min-width: 15em; + -slider-height: 0.3em; + -slider-background-color: #666666; + -slider-border-color: #553333; + -slider-active-background-color: #CCCCCC; + -slider-active-border-color: #DDDDDD; + -slider-border-width: 1px; + -slider-handle-radius: 0.5em; +} +#Tooltip { + border: 1px solid rgba(212,185,67,1.0); + border-radius: 4px; + padding: 2px 12px; + background-gradient-end: rgba(251,234,159,0.9); + background-gradient-start: rgba(254,245,198,0.9); + background-gradient-direction: vertical; + color: #000000; + font-size: 8.5pt; + font-weight: normal; + text-align: center; +} +/* =================================================================== + * Shared button properties + * ===================================================================*/ +.notification-button, .notification-icon-button, +.modal-dialog-button, +.sound-player-overlay StButton { + color: white; + border: 1px solid #8b8b8b; + background-gradient-direction: vertical; + background-gradient-start: rgba(255, 255, 255, 0.2); + background-gradient-end: rgba(255, 255, 255, 0); +} +.notification-button:hover, +.notification-icon-button:hover, .modal-dialog-button:hover, +.sound-player-overlay StButton:hover { + background-gradient-start: rgba(255, 255, 255, 0.3); + background-gradient-end: rgba(255, 255, 255, 0.1); +} +.notification-button:focus, +.notification-icon-button:focus, +.modal-dialog-button:focus, +.sound-player-overlay StButton:focus { + border: 2px solid #8b8b8b; +} +.notification-button:active, .notification-icon-button:active, +.modal-dialog-button:active, .modal-dialog-button:pressed, +.sound-player-overlay StButton:active { + background-gradient-start: rgba(255, 255, 255, 0); + background-gradient-end: rgba(255, 255, 255, 0.2); +} +/* =================================================================== + * PopupMenu (popupMenu.js) + * ===================================================================*/ + /* .popup-menu-boxpointer and .popup-menu are kept for compatibility + with cinnamon version under 3.2. Use .menu in version 3.2 and above */ +.popup-menu-boxpointer { + -arrow-border-radius: 3px; + -arrow-background-color: rgba(40,40,40,0.9); + -arrow-border-width: 2px; + -arrow-border-color: #a57575; + -arrow-base: 24px; + -arrow-rise: 11px; +} +.popup-menu { + color: #ffffff; + font-size: 9.5pt; + min-width: 100px; +} +.menu { + border-radius: 8px; + background-color: rgba(80,40,40,0.9); + border-width: 2px; + border-color: #a57575; + color: #ffffff; + font-size: 9.5pt; + min-width: 100px; +} +.popup-menu-arrow { + icon-size: 1.14em; +} +.popup-submenu-menu-item:open { + background-color: #8c2c2c; +} +.popup-sub-menu { + background-gradient-start: rgba(40,40,40,0.3); + background-gradient-end: rgba(40,40,40,0.7); + background-gradient-direction: vertical; +} +.popup-sub-menu .popup-menu-item:ltr { + padding-right: 1.75em; +} +.popup-sub-menu .popup-menu-item:rtl { + padding-left: 1.75em; +} +.popup-sub-menu StScrollBar { + padding: 4px; +} +.popup-sub-menu StScrollBar StBin#trough { + border-width: 0px; +} +.popup-sub-menu StScrollBar StBin#vhandle { + background-color: #4c4c4c; + border-width: 0px; +} +.popup-combo-menu { + background-color: rgba(0,0,0,0.9); + padding: 1em 0em; + color: #ffffff; + font-size: 10.5pt; + border: 1px solid #5f5f5f; + border-radius: 9px; +} +/* The remaining popup-menu sizing is all done in ems, so that if you + * override .popup-menu.font-size, everything else will scale with it. + */ +.popup-menu-content { + padding: 1em 0em; +} +.popup-menu-item { + padding: .4em 1.75em; + spacing: 1em; +} +.popup-menu-item:active { + background-color: #6c2c2c; +} +.popup-menu-item:insensitive { + color: #9f5f5f; +} +.popup-image-menu-item { +} +.popup-combobox-item { + spacing: 1em; +} +.popup-separator-menu-item { + -gradient-height: 2px; + -gradient-start: rgba(85,35,35,1); + -gradient-end: #553333; + -margin-horizontal: 1.5em; + height: 1em; +} +.popup-alternating-menu-item:alternate { + font-weight: bold; +} +.popup-slider-menu-item { + height: 1em; + min-width: 15em; + -slider-height: 0.3em; + -slider-background-color: #664444; + -slider-border-color: #553333; + -slider-active-background-color: #CC6666; + -slider-active-border-color: #DD7777; + -slider-border-width: 1px; + -slider-handle-radius: 0.5em; +} +.popup-device-menu-item { + spacing: .5em; +} +.popup-inactive-menu-item { + font-weight: normal; + color: #944; +} +.popup-subtitle-menu-item { + font-weight: bold; +} +.popup-menu-icon { + icon-size: 1.14em; +} +/* Switches (to be used in menus) */ +.toggle-switch { + width: 65px; + height: 22px; +} +.toggle-switch-us { + background-image: url("toggle-off-us.svg"); +} +.toggle-switch-us:checked { + background-image: url("toggle-on-us.svg"); +} +.toggle-switch-intl { + background-image: url("toggle-off-intl.svg"); +} +.toggle-switch-intl:checked { + background-image: url("toggle-on-intl.svg"); +} +.nm-menu-item-icons { + spacing: .5em; +} +/* =================================================================== + * Panel (panel.js) + * ===================================================================*/ +#panel { + color: #ffffff; + background-color: #553333; + font-size: 8.5pt; + font-weight: normal; + height: 26px; + width: 32px; +} +#panel:highlight { + background-color: #aa5555; +} +.panel-dummy { + background-color: rgba(50, 50, 50, 0.4); +} +.panel-dummy:entered { + background-color: rgba(255, 35, 35, 0.4); +} +.panelLeft { + spacing: 4px; +} +.panelCenter { + spacing: 4px; +} +.panelRight { + 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); +} +.panelCenter:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(0,255,0,0.05); + background-gradient-end: rgba(0,255,0,0.2); +} +.panelRight:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(0,0,255,0.05); + background-gradient-end: rgba(0,0,255,0.2); +} +.panelLeft:ltr { + padding-right: 4px; +} +.panelLeft:rtl { + padding-left: 4px; +} +.panelRight:ltr { + padding-left: 0px; + spacing: 0px; +} +.panelRight:rtl { + padding-right: 0px; + spacing: 0px; +} +.panelLeft.vertical { + padding: 0px; +} +.panelRight.vertical { + padding: 0px; +} +.panelCenter.vertical { + padding-left: 0px; + padding-right: 0px; +} +.panelLeft.vertical:dnd { +} +.panelCenter.vertical:dnd { +} +.panelRight.vertical:dnd { +} +.panel-top { +} +.panel-bottom { +} +.panel-left { +} +.panel-right { +} +.panel-status-button { + border: 0px solid #8b8b8b; + -natural-hpadding: 3px; + -minimum-hpadding: 3px; + font-weight: bold; + color: #ccc; + height: 22px; +} +.panel-status-button:hover { + color: white; +} +.system-status-icon { + padding-left: 0px; + padding-right: 0px; + spacing: 0px; + margin: 0px; +} + +.panel-corner { + -panel-corner-radius: 0px; + -panel-corner-background-color: black; + -panel-corner-inner-border-width: 2px; + -panel-corner-inner-border-color: transparent; + -panel-corner-outer-border-width: 1px; + -panel-corner-outer-border-color: #536272; +} +.panel-corner:active, +.panel-corner:overview, +.panel-corner:focus { + -panel-corner-inner-border-color: rgba(255,255,255,0.8); +} +#appMenu { + spacing: 4px; +} +.panel-button #appMenuIcon { + app-icon-bottom-clip: 1px; +} +.panel-button:active #appMenuIcon, +.panel-button:checked #appMenuIcon, +.panel-button:focus #appMenuIcon { + app-icon-bottom-clip: 2px; +} +.panel-button { + -natural-hpadding: 6px; + -minimum-hpadding: 2px; + font-weight: bold; + color: #ccc; + transition-duration: 100; +} +.panel-button:hover { + color: white; + text-shadow: black 0px 2px 2px; +} +.panel-button:active, +.panel-button:overview, +.panel-button:focus { + +} +.panel-button:active > .system-status-icon, +.panel-button:checked > .system-status-icon, +.panel-button:focus > .system-status-icon { + icon-shadow: black 0px 2px 2px; +} +.panel-menu { + -boxpointer-gap: 4px +} +.popup-menu-item-dot { +} +.system-status-icon { + icon-size: 1.14em; +} +/* =================================================================== + * Overview + * ===================================================================*/ +#overview { + spacing: 12px; +} +.window-caption { + background-color: black; + color: white; + spacing: 25px; +} + +.window-caption#selected { + background-color: white; + color: black; + spacing: 25px; +} + +.workspace-controls { + visible-height: 32px; /* Amount visible before hovering */ +} +.workspace-thumbnails-background { + border: 1px solid rgba(128, 128, 128, 0.4); + border-right: 0px; + border-radius: 9px 9px 0px 0px; + background-color: rgba(0, 0, 0, 0.5); + padding: 8px; +} +.workspace-thumbnails-background:rtl { + border-right: 1px; + border-left: 0px; + border-radius: 9px 9px 0px 0px; +} +.workspace-thumbnails { + spacing: 14px; +} +.workspace-add-button { + background-image: url("add-workspace.png"); + height: 200px; + width: 35px; + transition-duration: 300; +} +.workspace-add-button:hover { + background-image: url("add-workspace-hover.png"); + transition-duration: 300; +} + +.workspace-close-button { + background-image: url("close-window.svg"); + height: 34px; + width: 34px; + -cinnamon-close-overlap: 20px; +} + +.workspace-thumbnail-indicator { + outline: 2px solid white; + border: 1px solid #888; +} +.window-caption { + background: rgba(85,35,35,0.8); + border: 1px solid rgba(128,128,128,0.40); + border-radius: 4px; + font-size: 9pt; + padding: 2px 8px; + -cinnamon-caption-spacing: 4px; +} +.window-close { + background-image: url("close-window.svg"); + height: 34px; + width: 34px; + -cinnamon-close-overlap: 20px; +} +.window-close:rtl { + -st-background-image-shadow: 2px 2px 6px rgba(0,0,0,0.5); +} + +.window-close-area { + background-image: url("trash-icon.png"); + background-size: 100px; + background-color: rgba(60, 60, 60, 0.8); + border: 4px solid rgba(128,128,128,0.8); + border-bottom-width: 0px; + border-radius: 20px 20px 0px 0px; + height: 120px; + width: 400px; +} + +.overview-icon { + border-radius: 4px; + padding: 3px; + border: 1px rgba(0,0,0,0); + font-size: 7.5pt; + color: white; + transition-duration: 100; + text-align: center; +} + +.expo-background { + background-gradient-start: #000; + background-gradient-end: #AAA; + background-gradient-direction: vertical +} + +.workspace-overview-background-shade { + background-color: rgba(0,0,0,0.4); +} + +.expo-workspace-thumbnail-frame { + border: 1px, rgba(64,64,64,0.9); + background-color: rgba(64,64,64,0.9); +} + +.expo-workspace-thumbnail-frame#active { + border: 2px, rgba(32,32,32,0.9); + background-color: rgba(32,32,32,0.9); +} + +/* =================================================================== + * Looking Glass + * ===================================================================*/ +#LookingGlassDialog { + background-color: rgba(85,35,35,0.85); + spacing: 4px; + padding: 4px; + border: 2px solid grey; + border-radius: 4px; + color: #CCCCCC; +} +/* =================================================================== + * Date applet + * ===================================================================*/ +.calendar { + padding: .4em 1.75em; + spacing-rows: 0px; + spacing-columns: 0px; +} +.calendar-month-label { + color: #cccccc; + font-size: 7.5pt; + padding-bottom: 8px; + padding-top: 8px; + font-weight: bold; +} +.calendar-change-month-back { + width: 18px; + height: 12px; + background-image: url("calendar-arrow-left.svg"); + border-radius: 4px; +} +.calendar-change-month-back:rtl { + background-image: url("calendar-arrow-right.svg"); +} +.calendar-change-month-back:hover { + background-color: #999999; +} +.calendar-change-month-back:active { + background-color: #aaaaaa; +} +.calendar-change-month-forward { + width: 18px; + height: 12px; + background-image: url("calendar-arrow-right.svg"); + border-radius: 4px; +} +.calendar-change-month-forward:rtl { + background-image: url("calendar-arrow-left.svg"); +} +.calendar-change-month-forward:hover { + background-color: #999999; +} +.calendar-change-month-forward:active { + background-color: #aaaaaa; +} +.datemenu-date-label { + padding: .4em 1.75em; + font-size: 10.5pt; + color: #cccccc; + font-weight: bold; +} +.calendar-day-base { + font-size: 7.5pt; + text-align: center; + width: 2.4em; + height: 2.4em; +} +.calendar-day-base:hover { + background-color: #777777; + color: #fff; +} +.calendar-day-base:active { + background-color: #553333; +} +.calendar-day-heading { + color: #cccccc; + padding-top: 1em; +} +.calendar-week-number { + color: #cccccc; + font-weight: bold; +} +/* Hack used in lieu of border-collapse - see calendar.js */ +.calendar-day:ltr { + border: 1px solid #333333; + color: #cccccc; + border-top-width: 0; + border-left-width: 0; +} +.calendar-day-top:ltr { + border-top-width: 1px; +} +.calendar-day-left:ltr { + border-left-width: 1px; +} +.calendar-day:rtl { + border: 1px solid #333333; + color: #cccccc; + border-top-width: 0; + border-right-width: 0; +} +.calendar-day-top:rtl { + border-top-width: 1px; +} +.calendar-day-left:rtl { + border-right-width: 1px; +} +.calendar-work-day { +} +.calendar-nonwork-day { + background-color: rgba(128, 128, 128, .1); +} +.calendar-today { + background-image: url("calendar-today.svg"); + text-shadow: black 0px 2px 2px; + color: #ffffff; + font-weight: bold; +} +.calendar-other-month-day { + color: #888888; + background-color: rgba(64, 64, 64, .5); +} +.calendar-day-with-events { + font-weight: bold; + color: #cccccc; +} +/* =================================================================== + * Notifications + * ===================================================================*/ +#notification { + font-size: 8.5pt; + border-radius: 8px 8px 8px 8px; + border: 2px solid #a57575; + background-gradient-direction: vertical; + background-gradient-start: rgba(85,35,35,0.8); + background-gradient-end: rgba(85,35,35,0.8); + padding: 8px 8px 8px 8px; + spacing-rows: 10px; + spacing-columns: 10px; + margin-from-right-edge-of-screen: 20px; + width: 34em; + color: white; +} +#notification.multi-line-notification { + padding-bottom: 8px; + color: white; +} +/* We use row-span = 2 for the image cell, which prevents its height preferences to be + taken into account during allocation, so its height ends up being limited by the height + of the content in the other rows. To avoid showing a stretched image, we set the minimum + height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 = 159 */ +.notification-with-image { + min-height: 159px; + color: white; +} +#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-button { + border-radius: 5px; + padding: 4px 8px 5px; +} +.notification-button:focus { + padding: 3px 8px 4px; +} +.notification-icon-button { + border-radius: 5px; + padding: 5px; +} +.notification-icon-button:focus { + padding: 4px; +} +.notification-icon-button > StIcon { + icon-size: 36px; +} +#notification StEntry { + padding: 4px; + border-radius: 4px; + color: #a8a8a8; + selected-color: black; + border: 1px solid rgba(245,245,245,0.2); + background-gradient-direction: vertical; + background-gradient-start: rgb(200,200,200); + background-gradient-end: white; + transition-duration: 300; + box-shadow: inset 0px 2px 4px rgba(0,0,0,0.6); + caret-color: #a8a8a8; + caret-size: 1px; +} +#notification StEntry:focus { + border: 1px solid #8b8b8b; + color: #333333; + background-gradient-direction: vertical; + background-gradient-start: rgb(200,200,200); + background-gradient-end: white; + caret-color: #545454; + selection-background-color: #808080; +} +/* =================================================================== + * Alt Tab + * ===================================================================*/ +#altTabPopup { + padding: 8px; + spacing: 16px; +} +.switcher-list { + background: rgba(70,35,35,0.8); + border: 2px solid #a57575; + border-radius: 8px; + padding: 20px; + font-size: 9pt; + color: white; + text-shadow: black 0px 0px 2px; +} +.switcher-list-item-container { + spacing: 8px; +} +.thumbnail-scroll-gradient-left { + background-gradient-direction: horizontal; + background-gradient-start: rgba(51, 51, 51, 1.0); + background-gradient-end: rgba(51, 51, 51, 0); + border-radius: 24px; + border-radius-topright: 0px; + border-radius-bottomright: 0px; + width: 60px; +} +.thumbnail-scroll-gradient-right { + background-gradient-direction: horizontal; + background-gradient-start: rgba(51, 51, 51, 0); + background-gradient-end: rgba(51, 51, 51, 1.0); + border-radius: 24px; + border-radius-topleft: 0px; + border-radius-bottomleft: 0px; + width: 60px; +} +.switcher-list .item-box { + padding: 8px; + border-radius: 8px; +} +.switcher-list .item-box:outlined { + padding: 6px; + border: 2px solid rgba(85,35,35,1.0); +} +.switcher-list .item-box:selected { + background: rgba(255,180,180,0.33); +} +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} +.switcher-list .thumbnail { + width: 256px; +} +.switcher-list .separator { + width: 1px; + background: rgba(255,255,255,0.33); +} +.ripple-box { + width: 104px; + height: 104px; + background-image: url("corner-ripple.png"); +} +.ripple-box:rtl { + background-image: url("corner-ripple.png"); +} +.switcher-arrow { + border-color: rgba(0,0,0,0); + color: #808080; +} +.switcher-arrow:highlighted { + border-color: rgba(0,0,0,0); + color: white; +} +.switcher-preview-backdrop { + background-color: rgba(25,25,25,0.65); +} + +/* =================================================================== + * Modal dialogs + * ===================================================================*/ +.modal-dialog { + font-size: 12pt; + border-radius: 24px; + background-color: rgba(85, 35, 35, 0.9); + border: 2px solid #865656; + color: #babdb6; + padding-right: 42px; + padding-left: 42px; + padding-bottom: 30px; + padding-top: 30px; +} +.modal-dialog-button-box { + spacing: 21px; +} +.modal-dialog-button { + border-radius: 18px; + font-size: 11pt; + color: white; + margin-left: 10px; + margin-right: 10px; + padding: 4px 32px 5px; +} +.modal-dialog-button:disabled { + color: rgb(60, 60, 60); +} +.modal-dialog-button:focus { + padding: 3px 31px 4px; +} + +/* Info OSD popup */ +.info-osd { + font-size: 18pt; + border-radius: 24px; + background-color: rgba(85, 35, 35, 0.9); + border: 2px solid #865656; + color: #babdb6; + padding-right: 20px; + padding-left: 20px; + padding-bottom: 20px; + padding-top: 20px; + text-align: center; +} + +/* =================================================================== + * Run dialog + * ===================================================================*/ +.run-dialog-label { + font-size: 9pt; + color: white; +} +.run-dialog-error-label { + font-size: 9pt; + color: white; +} +.run-dialog-error-box { + padding-top: 15px; + spacing: 5px; +} +.run-dialog-completion-box { + padding-left: 15px; + font-size: 10px; +} +.run-dialog-entry { + font-size: 10.5pt; + font-weight: bold; + width: 23em; + color: white; + selection-background-color: white; + selected-color: black; +} +.run-dialog { + border-radius: 16px; + padding-right: 21px; + padding-left: 21px; + padding-bottom: 15px; + padding-top: 15px; +} +.lightbox { + background-color: rgba(0, 0, 0, 0.4); +} + +/* CinnamonMountOperation Dialogs */ +.cinnamon-mount-operation-icon { + icon-size: 48px; +} +.mount-password-reask { + color: red; +} +.show-processes-dialog, +.mount-question-dialog { + spacing: 24px; +} +.show-processes-dialog-subject, +.mount-question-dialog-subject { + font-size: 12pt; + font-weight: bold; + color: #666666; + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; +} +.show-processes-dialog-subject:rtl, +.mount-question-dialog-subject:rtl { + padding-left: 0px; + padding-right: 17px; +} +.show-processes-dialog-description, +.mount-question-dialog-description { + font-size: 10pt; + color: white; + padding-left: 17px; + width: 28em; +} +.show-processes-dialog-description:rtl, +.mount-question-dialog-description:rtl { + padding-right: 17px; +} +.show-processes-dialog-app-list { + font-size: 10pt; + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} +.show-processes-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} +.show-processes-dialog-app-list-item { + color: #ccc; +} +.show-processes-dialog-app-list-item:hover { + color: white; +} +.show-processes-dialog-app-list-item:ltr { + padding-right: 1em; +} +.show-processes-dialog-app-list-item:rtl { + padding-left: 1em; +} +.show-processes-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} +.show-processes-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} +.show-processes-dialog-app-list-item-name { + font-size: 10pt; +} +/* =================================================================== + * Magnifier + * ===================================================================*/ + +.magnifier-zoom-region { + border: 2px solid rgba(128, 0, 0, 255); +} +.magnifier-zoom-region.full-screen { + border-width: 0px; +} +/* =================================================================== + * On screen keyboard + * ===================================================================*/ + +#keyboard { + background-color: #553333; +} +.keyboard-layout { + spacing: 10px; + padding: 10px; +} +.keyboard-row { + spacing: 15px; +} +.keyboard-key { + min-height: 30px; + min-width: 30px; + background-gradient-start: rgba(255,245,245,0.4); + background-gradient-end: rgba(105,105,105,0.1); + background-gradient-direction: vertical; + font-size: 14pt; + font-weight: bold; + border-radius: 10px; + border: 2px solid #a0a0a0; + color: white; +} +.keyboard-key:grayed { + color: #808080; + border-color: #808080; +} +.keyboard-key:checked, +.keyboard-key:hover { + background: #303030; + border: 3px solid white; +} +.keyboard-key:active { + background: #808080; +} +.keyboard-subkeys { + color: white; + padding: 5px; + -arrow-border-radius: 3px; + -arrow-background-color: #090909; + -arrow-border-width: 2px; + -arrow-border-color: white; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; +} +/* ################################################################### + * Cinnamon Specific Section + * ###################################################################*/ +/* =================================================================== + * Menu (menu.js) + * ===================================================================*/ +/* Main menu title */ + +.menu-favorites-box { + margin: auto; + padding: 10px; + border: 1px solid #644; + border-radius: 8px; + background-gradient-direction: vertical; + background-gradient-start: rgba(85,35,35,0.8); + background-gradient-end: rgba(85,35,35,0.2); + transition-duration: 300; +} +.menu-favorites-button { + padding-top: 10px; + padding-left: 10px; + padding-right: 10px; + padding-bottom: 10px; +} +.menu-favorites-button:hover { + color: white; + background-gradient-direction: vertical; + /*background-gradient-start: rgba(255,255,255,0.2); + background-gradient-end: rgba(255,255,255,0.08);*/ + background-gradient-start: rgba(180,80,80,0.2); + background-gradient-end: rgba(180,80,80,0.08); + box-shadow: inset 0px 0px 1px 1px rgba(255,128,128,0.06); + border-radius: 4px; +} +.menu-places-box { + margin: auto; + padding: 10px; + border: 0px solid #644; +} +.menu-places-button { + padding-top: 10px; + padding-left: 10px; + padding-right: 10px; + padding-bottom: 10px; +} +.menu-categories-box { + padding-top: 10px; + padding-left: 30px; + padding-right: 30px; + padding-bottom: 10px; +} +.menu-applications-inner-box { + padding-top: 10px; + padding-left: 10px; + padding-right: 10px; + padding-bottom: 0px; +} +.menu-applications-outer-box { + padding-top: 10px; + padding-left: 10px; + padding-right: 10px; + padding-bottom: 0px; +} +.menu-application-button { + padding-top: 7px; + padding-left: 7px; + padding-right: 7px; + padding-bottom: 7px; +} +.menu-application-button:highlighted { + /* This style is used in menu application buttons for applications which were newly installed */ + font-weight: bold; +} +.menu-application-button-selected { + padding-top: 7px; + padding-left: 7px; + padding-right: 7px; + padding-bottom: 7px; + color: white; + background-gradient-direction: vertical; + background-gradient-start: rgba(255,255,255,0.2); + background-gradient-end: rgba(255,255,255,0.08); + box-shadow: inset 0px 0px 1px 1px rgba(255,255,255,0.06); + border-radius: 4px; +} +.menu-application-button-selected:highlighted { + /* This style is used in menu application buttons for applications which were newly installed */ + font-weight: bold; +} +.menu-application-button-label:ltr { + padding-left: 5px; +} +.menu-application-button-label:rtl { + padding-right: 5px; +} +.menu-category-button { + padding-top: 7px; + padding-left: 7px; + padding-right: 7px; + padding-bottom: 7px; +} +.menu-category-button-greyed { + padding-top: 7px; + padding-left: 7px; + padding-right: 7px; + padding-bottom: 7px; + color: #9C7C7C; + font-style: italic; +} +.menu-category-button-selected { + padding-top: 7px; + padding-left: 7px; + padding-right: 7px; + padding-bottom: 7px; + color: white; + background-gradient-direction: vertical; + /*background-gradient-start: rgba(255,255,255,0.2); + background-gradient-end: rgba(255,255,255,0.08);*/ + background-gradient-start: rgba(180,80,80,0.2); + background-gradient-end: rgba(180,80,80,0.08); + box-shadow: inset 0px 0px 1px 1px rgba(255,255,255,0.06); + border-radius: 4px; +} +.menu-category-button-label:ltr { + padding-left: 5px; +} +.menu-category-button-label:rtl { + padding-right: 5px; + +} +.menu-category-button-button:hover { + background-color: #966666; + border-radius: 8px; +} +/* Name and description of the currently hovered item in the menu + * This appears on the bottom right hand corner of the menu*/ +.menu-selected-app-box { + padding-right: 30px; + padding-left: 28px; + text-align: right; + height: 30px; +} + +.menu-selected-app-box:rtl { + padding-top: 10px; + height: 30px; +} + +.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 { + padding: 5px; + border-radius: 4px; + color: rgb(128, 128, 128); + border: 2px solid rgba(245,162,162,0.2); + background-gradient-start: rgba(5,5,6,0.1); + background-gradient-end: rgba(254,254,254,0.1); + background-gradient-direction: vertical; + selected-color: black; + caret-color: rgb(128, 64, 64); + caret-size: 1px; + width: 250px; + height: 15px; + transition-duration: 300; + box-shadow: inset 0px 2px 4px rgba(0,0,0,0.6); +} +#menu-search-entry:focus, +#menu-search-entry:hover { + border: 2px solid rgb(136,69,69); + background-gradient-start: rgb(200,200,200); + background-gradient-end: white; + background-gradient-direction: vertical; +} +#menu-search-entry:hover { + transition-duration: 300; +} +#menu-search-entry:focus { + color: rgb(64, 32, 32); + font-weight: bold; + transition-duration: 0; +} +.menu-search-entry-icon { + icon-size: 1em; + color: #8d8f8a; +} +/* Context menu (at the moment only for favorites) */ +.menu-context-menu { +} +/* =================================================================== + * Window list (windowList.js) + * ===================================================================*/ +.window-list-box { + spacing: 2px; + padding-left: 10px; + padding-top: 0px; +} +.window-list-box.vertical { + spacing: 3px; + padding-left: 0px; + padding-right: 0px; + padding-top: 10px; + padding-bottom: 10px; +} +.window-list-box.vertical #appMenuIcon { + padding-top: 3px; +} +.window-list-item-label { + font-weight: bold; + width: 15em; + min-width: 5px; +} +.window-list-item-box { + color: rgba(255,255,255,1.0); + /*background-gradient-direction: vertical; + background-gradient-start: rgba(255,255,255,0.05); + background-gradient-end: rgba(255,255,255,0.2);*/ + box-shadow: inset 0px 0px 1px 1px rgba(170,90,90,0.5); + border-radius: 2px 2px 0px 0px; + transition-duration: 100; +} +.window-list-item-box:active, +.window-list-item-box:checked, +.window-list-item-box:focus { + /*background-gradient-direction: vertical; + background-gradient-start: rgba(226,226,226,0.5); + background-gradient-end: rgba(122,122,122,0.5);*/ + background-color: rgba(229,119,82,0.5); + box-shadow: inset 0px 0px 1px 1px rgba(170,90,90,0.5); + border-radius: 2px 2px 0px 0px; + font-weight: bold; +} +.window-list-item-box:hover { + background-color: rgba(229,119,82,0.25); + box-shadow: inset 0px 0px 1px 1px rgba(170,90,90,1.0); + border-radius: 2px 2px 0px 0px; +} +.window-list-item-demands-attention { + background-gradient-start: rgba(255,52,52,0.5); + background-gradient-end: rgba(255,144,144,0.5); +} +/* =================================================================== + * Sound Applet (sound@cinnamon.org) + * ===================================================================*/ + +.sound-player StButton { + width: 22px; + height: 13px; + padding: 5px; + color: #aaa; +} + +.sound-player StButton:small { + width: 16px; + height: 8px; + padding: 1px; +} + +.sound-player StButton:small StIcon { + icon-size: 1em; +} + +.sound-player StButton StIcon { + icon-size: 1.5em; +} + +.sound-player StButton:hover, .sound-player StButton:active { + color: #fff; +} + +.sound-player .slider { + height: 0.5em; + -slider-height: 0.5em; + -slider-background-color: #3c3c3c; + -slider-border-color: rgba(0,0,0,0); + -slider-active-background-color: #a57575; + -slider-active-border-color: rgba(0,0,0,0); + -slider-border-width: 0px; + -slider-handle-radius: 0px; +} + +.sound-player StBoxLayout { + spacing: 0.5em; +} + +.sound-player>StBoxLayout { + padding: 5px; +} + +.sound-player-overlay { + width: 300px; + padding: 12px 16px; + spacing: 0.5em; + background-color: rgba(80,80,80,0.9); + color: #ffffff; + border-top: 2px solid #a57575; +} + +.sound-player-overlay StButton { + border-radius: 5px; + padding: 8px; +} + +.sound-player-overlay StButton > StIcon { + icon-size: 16px; +} + +.sound-player-overlay StBoxLayout { + padding-top: 2px; +} + +.sound-player-generic-coverart { + background: rgba(0,0,0,0.2); +} + +/* =================================================================== + * Workspace Switcher applet (workspaceSwitcher.js) + * ===================================================================*/ +/* Controls the styling when using the "Simple buttons" option */ +.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: #cccccc; + border: 1px; + border-color: #a6a6a6; + padding-top: 2px; + transition-duration: 300; +} + +.workspace-button:outlined { + background: #cccccc; + color: #553333; + box-shadow: inset 0px 0px 8px 1px rgba(255,255,255, 0.7); +} + +/* Controls the style when using the "Visual representation" option */ +.workspace-graph { + padding: 3px; + spacing: 3px; +} + +.workspace-graph .workspace { + border: 1px solid #666; + background-gradient-direction: vertical; + background-gradient-start: #222; + background-gradient-end: #4d4d4d; +} + +.workspace-graph .workspace:active { + border: 1px solid #ccc; + background-gradient-direction: vertical; + background-gradient-start: #111; + background-gradient-end: #3d3d3d; +} + +.workspace-graph .workspace .windows { + -active-window-background: rgba(140, 140, 140, 1.0); + -active-window-border: rgba(0, 0, 0, 0.7); + -inactive-window-background: rgba(140, 140, 140, 1.0); + -inactive-window-border: rgba(0, 0, 0, 0.7); +} + +.workspace-graph .workspace:active .windows { + -active-window-background: rgba(255, 255, 255, 1.0); + -active-window-border: rgba(0, 0, 0, 0.9); + -inactive-window-background: rgba(140, 140, 140, 1.0); + -inactive-window-border: rgba(0, 0, 0, 0.7); +} + +/* =================================================================== + * Panel Launchers Applet (panelLaunchers.js) + * ===================================================================*/ +.panel-launchers { + padding-left: 7px; + spacing: 2px; +} + +.panel-launchers.vertical { + padding-top: 2px; + padding-bottom: 2px; + padding-left: 0px; + padding-right: 0px; + spacing: 3px; +} + +.launcher { + padding-left: 1px; + padding-right: 1px; + border-bottom-width: 1px; + transition-duration: 300; +} + +.launcher .icon-box { + padding-top: 2px; +} + +.panel-launchers.vertical .launcher .icon-box { + padding-top: 0; +} + +.panel-launchers .launcher:hover { + background-gradient-direction: vertical; + background-gradient-start: rgba(255,255,255,0.0); + background-gradient-end: rgba(255,255,255,0.2); + border: 0px solid rgba(255,255,255,0.5); + border-bottom-width: 1px; +} + +.panel-launcher-add-dialog-content-box { + padding: 6px; + spacing: 20px; +} + +.panel-launcher-add-dialog-content-box-left { + padding: 6px; + spacing: 20px; +} + +.panel-launcher-add-dialog-content-box-right { + padding: 6px; + spacing: 10px; +} + +.panel-launcher-add-dialog-entry { + padding: 5px; + border-radius: 4px; + color: rgb(128, 128, 128); + border: 2px solid rgba(245,245,245,0.2); + background-gradient-start: rgba(5,5,6,0.1); + background-gradient-end: rgba(254,254,254,0.1); + background-gradient-direction: vertical; + selected-color: black; + caret-color: rgb(128, 128, 128); + caret-size: 1px; + width: 250px; + transition-duration: 300; + box-shadow: inset 0px 2px 4px rgba(0,0,0,0.6); +} + +.panel-launcher-add-dialog-entry:focus, +.panel-launcher-add-dialog-entry:hover { + border: 2px solid rgb(136,138,133); + background-gradient-start: rgb(200,200,200); + background-gradient-end: white; + background-gradient-direction: vertical; +} + +.panel-launcher-add-dialog-entry:hover { + transition-duration: 300; +} + +.panel-launcher-add-dialog-entry:focus { + color: rgb(64, 64, 64); + font-weight: bold; + transition-duration: 0; +} + +/* =================================================================== + * Overview corner + * ===================================================================*/ +#overview-corner { + background-image: url("overview.png"); +} +#overview-corner:hover { + background-image: url("overview-hover.png"); +} +/* =================================================================== + * Applets (applet.js) + * ===================================================================*/ +.applet-separator { + padding: 5px 4px; +} +.applet-separator-line { + width: 2px; + background: rgba(255,255,255,.5); +} +.applet-separator-line-vertical { + border: 0px solid rgba(255,255,255,0.5); + border-bottom-width: 2px; +} +.applet-box { + padding-left: 3px; + padding-right: 3px; + color: #ccc; + text-shadow: black 0px 0px 2px; + transition-duration: 300; +} +.applet-box:hover { + color: #fff; +} +.applet-box.vertical { + padding-left: 0px; + padding-right: 0px; + padding-top: 3px; + padding-bottom: 3px; +} +.applet-box.vertical:hover { +} +.applet-box:highlight { + background-color: #aa5555; +} +.applet-label { + font-weight: bold; + color: #ccc; +} +.applet-box:hover > .applet-label { + color: #fff; + text-shadow: white 0px 0px 5px; +} +.applet-box.vertical:hover > .applet-label { +} +.applet-icon { + color: #ccc; + icon-size: 22px; +} +.applet-box:hover .applet-icon { + color: #fff; + icon-shadow: white 0px 0px 3px; +} +.applet-box.vertical:hover .applet-icon { +} +/* =================================================================== + * Desklets (desklet.js) + * ===================================================================*/ +.desklet { + color: #fff; +} + +.desklet:highlight, .desklet:highlight-with-borders, .desklet:highlight-with-borders-and-header { + background-color: #aa5555; +} + +.desklet-with-borders { + border: 2px solid #a57575; + background-color: rgba(80, 80, 80, 0.8); + color: #fff; + border-radius-bottomleft: 12px; + border-radius-bottomright: 12px; + border-radius-topleft: 12px; + border-radius-topright: 12px; +} + +.desklet-with-borders-and-header { + border: 2px solid #a57575; + background-color: rgba(80, 80, 80, 0.8); + color: #fff; + border-top: 1px; + border-radius-bottomleft: 12px; + border-radius-bottomright: 12px; +} + +.desklet-header { + border-radius-topleft: 12px; + border-radius-topright: 12px; + font-size: 10.5pt; + border: 2px solid #a57575; + border-bottom: 0px; + background-color: rgba(80, 80, 80, 0.8); + color: #fff; + padding: 6px; +} + +.desklet-drag-placeholder { + border: 2px solid #6daa00; + background-color: rgba(109,170, 0, 0.3); +} +/* =================================================================== + * About Dialog (applet.js and desklet.js) + * ===================================================================*/ +.about-content { + width: 550px; + height: 250px; + spacing: 8px; + padding-bottom: 16px; +} + +.about-title { + font-size: 2em; + font-weight: bold; +} + +.about-uuid { + font-size: .8em; +} + +.about-icon { + padding-right: 20px; +} + +.about-scrollBox { + border: solid 1px grey; + border-radius: 4px; +} + +.about-scrollBox-innerBox { + padding: 1.2em; + spacing: 1.2em; +} + +.about-description { + padding-top: 4px; +} + +.about-version { + padding-left: 7px; +} + + +/* =================================================================== + * Clock Desklet (desklet.js) + * ===================================================================*/ +.clock-desklet-label { +} + +/* =================================================================== + * Workspace OSD + * ===================================================================*/ + +.workspace-osd { + color: #ffffff; + text-shadow: black 5px 5px 5px; + font-weight: bold; + font-size: 48pt; +} + +.expo-workspaces-name-entry { + padding: 5px; + border-radius: 4px; + color: rgb(200, 200, 200); + border: 2px solid rgb(136,138,133); + background-gradient-start: rgb(128,128,128); + background-gradient-end: rgb(85,35,35); + background-gradient-direction: vertical; + selected-color: black; + caret-color: rgb(128, 128, 128); + caret-size: 1px; + width: 250px; + height: 15px; + box-shadow: inset 0px 2px 4px rgba(0,0,0,0.6); + text-align: center; +} + +.expo-workspaces-name-entry#selected { + background-gradient-start: rgb(200,200,200); + background-gradient-end: white; + font-weight: bold; + color: rgb(0, 0, 0); +} + +.expo-workspaces-name-entry:focus { + color: rgb(0, 0, 0); + font-weight: bold; + font-style: italic; + transition-duration: 300; +} + +/* =================================================================== + * Notification Applet + * ===================================================================*/ + +.notification-applet-padding { + padding: .5em 1em; +} + +.notification-applet-container { + max-height: 100px; +} + +/* Check Boxes */ +.check-box CinnamonGenericContainer { + spacing: .2em; +} + +.check-box StBin, +.check-box:focus StBin { + width: 16px; + height: 16px; + background-image: url("checkbox-off.svg"); +} + +.check-box:checked StBin, +.check-box:focus:checked StBin { + background-image: url("checkbox.svg"); +} + +.check-box StLabel { + font-weight: normal; +} + +.radiobutton CinnamonGenericContainer { + spacing: .2em; + height: 18px; + padding-top: 2px; +} + +.radiobutton StBin, +.radiobutton:focus StBin { + width: 16px; + height: 16px; + background-image: url("radiobutton-off.svg"); + border-radius: 15px; +} + +.radiobutton:checked StBin, +.radiobutton:focus:checked StBin { + background-image: url("radiobutton.svg"); +} + +.radiobutton StLabel { + padding-top: 4px; + font-size: 0.9em; + box-shadow: none; +} + +.flashspot { + background-color: white; +} + +/* Media keys OSD popup */ +.osd-window { + background: rgba(40,40,40,0.8); + border: 2px solid #a57575; + border-radius: 8px; + padding: 20px; + color: white; + spacing: 1em; +} + +.osd-window .level { + height: 0.7em; + border-radius: 0.3em; + background-color: rgba(190,190,190,0.2); +} + +.tile-preview, +.tile-hud { + background-color: rgba(85, 85, 85, 0.5); + border: 2px solid rgba(134, 134, 134, 0.8); +} + +.tile-preview.snap, +.tile-hud.snap { + background-color: rgba(134, 134, 170, 0.5); + border: 2px solid rgba(85, 85, 85, 0.8); +} + +.tile-hud:top { + border-top-width: 0px; + border-radius: 0px 0px 8px 8px; +} + +.tile-hud:bottom { + border-bottom-width: 0px; + border-radius: 8px 8px 0px 0px; +} + +.tile-hud:left { + border-left-width: 0px; + border-radius: 0px 8px 8px 0px; +} + +.tile-hud:right { + border-right-width: 0px; + border-radius: 8px 0px 0px 8px; +} + +.tile-hud:top-left { + border-top-width: 0px; + border-left-width: 0px; + border-radius: 0px 0px 8px 0px; +} + +.tile-hud:top-right { + border-top-width: 0px; + border-right-width: 0px; + border-radius: 0px 0px 0px 8px; +} + +.tile-hud:bottom-left { + border-bottom-width: 0px; + border-left-width: 0px; + border-radius: 0px 8px 0px 0px; +} + +.tile-hud:bottom-right { + border-bottom-width: 0px; + border-right-width: 0px; + border-radius: 8px 0px 0px 0px; +} diff --git a/src/usr/share/themes/bgstack15-red/cinnamon/close-window.svg b/src/usr/share/themes/bgstack15-red/cinnamon/close-window.svg new file mode 100644 index 0000000..9736d3e --- /dev/null +++ b/src/usr/share/themes/bgstack15-red/cinnamon/close-window.svg @@ -0,0 +1,21 @@ + + + + + + + + + + + + + + + + + + + + + diff --git a/src/usr/share/themes/bgstack15-red/cinnamon/close.svg b/src/usr/share/themes/bgstack15-red/cinnamon/close.svg new file mode 100644 index 0000000..cb6b4cf --- /dev/null +++ b/src/usr/share/themes/bgstack15-red/cinnamon/close.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/src/usr/share/themes/bgstack15-red/cinnamon/corner-ripple.png b/src/usr/share/themes/bgstack15-red/cinnamon/corner-ripple.png new file mode 100644 index 0000000..c6f9bdb Binary files /dev/null and b/src/usr/share/themes/bgstack15-red/cinnamon/corner-ripple.png differ diff --git a/src/usr/share/themes/bgstack15-red/cinnamon/menu-symbolic.svg b/src/usr/share/themes/bgstack15-red/cinnamon/menu-symbolic.svg new file mode 100644 index 0000000..50f5628 --- /dev/null +++ b/src/usr/share/themes/bgstack15-red/cinnamon/menu-symbolic.svg @@ -0,0 +1,45 @@ + +image/svg+xml \ No newline at end of file diff --git a/src/usr/share/themes/bgstack15-red/cinnamon/overview-hover.png b/src/usr/share/themes/bgstack15-red/cinnamon/overview-hover.png new file mode 100644 index 0000000..75673f9 Binary files /dev/null and b/src/usr/share/themes/bgstack15-red/cinnamon/overview-hover.png differ diff --git a/src/usr/share/themes/bgstack15-red/cinnamon/overview.png b/src/usr/share/themes/bgstack15-red/cinnamon/overview.png new file mode 100644 index 0000000..aed443e Binary files /dev/null and b/src/usr/share/themes/bgstack15-red/cinnamon/overview.png differ diff --git a/src/usr/share/themes/bgstack15-red/cinnamon/process-working.svg b/src/usr/share/themes/bgstack15-red/cinnamon/process-working.svg new file mode 100644 index 0000000..f2ba6f9 --- /dev/null +++ b/src/usr/share/themes/bgstack15-red/cinnamon/process-working.svg @@ -0,0 +1,32 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/usr/share/themes/bgstack15-red/cinnamon/radiobutton-off.svg b/src/usr/share/themes/bgstack15-red/cinnamon/radiobutton-off.svg new file mode 100644 index 0000000..2072b8b --- /dev/null +++ b/src/usr/share/themes/bgstack15-red/cinnamon/radiobutton-off.svg @@ -0,0 +1,91 @@ + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/src/usr/share/themes/bgstack15-red/cinnamon/radiobutton.svg b/src/usr/share/themes/bgstack15-red/cinnamon/radiobutton.svg new file mode 100644 index 0000000..b50864a --- /dev/null +++ b/src/usr/share/themes/bgstack15-red/cinnamon/radiobutton.svg @@ -0,0 +1,97 @@ + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/src/usr/share/themes/bgstack15-red/cinnamon/scroll-hhandle.svg b/src/usr/share/themes/bgstack15-red/cinnamon/scroll-hhandle.svg new file mode 100644 index 0000000..cd4d796 --- /dev/null +++ b/src/usr/share/themes/bgstack15-red/cinnamon/scroll-hhandle.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/src/usr/share/themes/bgstack15-red/cinnamon/scroll-vhandle.svg b/src/usr/share/themes/bgstack15-red/cinnamon/scroll-vhandle.svg new file mode 100644 index 0000000..168e75c --- /dev/null +++ b/src/usr/share/themes/bgstack15-red/cinnamon/scroll-vhandle.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/src/usr/share/themes/bgstack15-red/cinnamon/thumbnail-generic.png b/src/usr/share/themes/bgstack15-red/cinnamon/thumbnail-generic.png new file mode 100644 index 0000000..c295906 Binary files /dev/null and b/src/usr/share/themes/bgstack15-red/cinnamon/thumbnail-generic.png differ diff --git a/src/usr/share/themes/bgstack15-red/cinnamon/thumbnail.png b/src/usr/share/themes/bgstack15-red/cinnamon/thumbnail.png new file mode 100644 index 0000000..dab9f34 Binary files /dev/null and b/src/usr/share/themes/bgstack15-red/cinnamon/thumbnail.png differ diff --git a/src/usr/share/themes/bgstack15-red/cinnamon/toggle-off-intl.svg b/src/usr/share/themes/bgstack15-red/cinnamon/toggle-off-intl.svg new file mode 100644 index 0000000..a783b80 --- /dev/null +++ b/src/usr/share/themes/bgstack15-red/cinnamon/toggle-off-intl.svg @@ -0,0 +1,57 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/usr/share/themes/bgstack15-red/cinnamon/toggle-off-us.svg b/src/usr/share/themes/bgstack15-red/cinnamon/toggle-off-us.svg new file mode 100644 index 0000000..c6ec60d --- /dev/null +++ b/src/usr/share/themes/bgstack15-red/cinnamon/toggle-off-us.svg @@ -0,0 +1,69 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/usr/share/themes/bgstack15-red/cinnamon/toggle-on-intl.svg b/src/usr/share/themes/bgstack15-red/cinnamon/toggle-on-intl.svg new file mode 100644 index 0000000..01b987d --- /dev/null +++ b/src/usr/share/themes/bgstack15-red/cinnamon/toggle-on-intl.svg @@ -0,0 +1,55 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/usr/share/themes/bgstack15-red/cinnamon/toggle-on-us.svg b/src/usr/share/themes/bgstack15-red/cinnamon/toggle-on-us.svg new file mode 100644 index 0000000..0a3a4cd --- /dev/null +++ b/src/usr/share/themes/bgstack15-red/cinnamon/toggle-on-us.svg @@ -0,0 +1,63 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/usr/share/themes/bgstack15-red/cinnamon/trash-icon.png b/src/usr/share/themes/bgstack15-red/cinnamon/trash-icon.png new file mode 100644 index 0000000..7cee0c6 Binary files /dev/null and b/src/usr/share/themes/bgstack15-red/cinnamon/trash-icon.png differ -- cgit