diff --git a/cinnamon/buttons/button-default.png b/cinnamon/buttons/button.png similarity index 100% rename from cinnamon/buttons/button-default.png rename to cinnamon/buttons/button.png diff --git a/cinnamon/cinnamon.css b/cinnamon/cinnamon.css index 6eb11f6..3d9f416 100644 --- a/cinnamon/cinnamon.css +++ b/cinnamon/cinnamon.css @@ -1,22 +1,22 @@ /* ################################################################### - * Section common with Gnome Shell - * ... contains a few cinnamon specific styles (rare occurences) - * ###################################################################*/ +* Section common with Gnome Shell +* ... contains a few cinnamon specific styles (rare occurences) +* ###################################################################*/ stage { - font-family: Noto Sans, sans-serif; + font-family: Noto Sans, sans-serif; } .cinnamon-link { - color: #0000ff; - text-decoration: underline; + color: #0000ff; + text-decoration: underline; } .cinnamon-link:hover { - color: #0000e0; + color: #0000e0; } .label-shadow { - color: rgba(0,0,0,0.5); + color: rgba(0,0,0,0.5); } StScrollView.vfade { @@ -24,562 +24,555 @@ StScrollView.vfade { } StScrollView StScrollBar { - min-width: 15px; - min-height: 15px; + min-width: 15px; + min-height: 15px; } StScrollBar { - padding: 0px; + padding: 0px; } StScrollBar StBin#trough { - background-color: rgba(0,0,0,0.2); + background-color: rgba(0,0,0,0.2); } /*StScrollBar StButton#hhandle, StScrollBar StButton#vhandle, StScrollBar StButton#hhandle:hover, StScrollBar StButton#vhandle:hover { - border-image: url('outset-shadow.png') 3; +border-image: url('outset-shadow.png') 3; }*/ /* .menu-applications-box StButton#vhandle { - background: url('handle-vert.png') no-repeat center center; +background: url('handle-vert.png') no-repeat center center; } .menu-applications-box StButton#vhandle:hover { - background: url('handle-vert.png') no-repeat center center; +background: url('handle-vert.png') no-repeat center center; }*/ #Tooltip { - border: 1px solid #767676; - border-radius: 3px; - padding: 2px 12px; - background-gradient-start: #ffffff; - background-gradient-end: #e4e5f0; - background-gradient-direction: vertical; - color: black; - font-size: 8.5pt; - font-weight: normal; - text-align: center; + border: 1px solid #767676; + border-radius: 3px; + padding: 2px 12px; + background-gradient-start: #ffffff; + background-gradient-end: #e4e5f0; + background-gradient-direction: vertical; + color: black; + font-size: 8.5pt; + font-weight: normal; + text-align: center; } /* =================================================================== - * Shared button properties - * ===================================================================*/ +* Shared button properties +* ===================================================================*/ .notification-button, .notification-icon-button, .hotplug-notification-item, .hotplug-resident-eject-button, .modal-dialog-button { - color: black; - border-image: url('buttons/button.png') 5; - font-size: 8.5pt; - font-weight: normal; - text-align: center; + color: black; + border-image: url('buttons/button.png') 5; + font-size: 8.5pt; + font-weight: normal; + text-align: center; } .notification-button:hover, .notification-icon-button:hover, .hotplug-notification-item:hover, .hotplug-resident-eject-button:hover, .modal-dialog-button:hover { - border-image: url('buttons/button-hover.png') 5; + border-image: url('buttons/button-hover.png') 5; } .notification-button:focus, .notification-icon-button:focus, .hotplug-notification-item:focus, .modal-dialog-button:focus { - border-image: url('buttons/button-focused.png') 5; + border-image: url('buttons/button-focused.png') 5; } .notification-button:active, .notification-icon-button:active, .hotplug-notification-item:active, .hotplug-resident-eject-button:active, .modal-dialog-button:active, .modal-dialog-button:pressed { - border-image: url('buttons/button-pressed.png') 5; + border-image: url('buttons/button-pressed.png') 5; } /* =================================================================== - * User Applet - * ===================================================================*/ +* User Applet +* ===================================================================*/ .user-box { - padding: .4em 1.5em; - padding-bottom: .6em; - spacing: 10px; + padding: .4em 1.5em; + padding-bottom: .6em; + spacing: 10px; } .user-icon { - width: 32px; - height: 32px; - background-color: transparent; - border: 0 solid transparent; - border-radius: 0; - padding: 0; - border-radius: 0; - padding: 0; + width: 32px; + height: 32px; + background-color: transparent; + border: 0 solid transparent; + border-radius: 0; + padding: 0; + border-radius: 0; + padding: 0; } .user-label { - color: #000; - font-size: 10pt; - font-weight: normal; - margin: 0; + color: #000; + font-size: 10pt; + font-weight: normal; + margin: 0; } /* =================================================================== - * PopupMenu (popupMenu.js) - * ===================================================================*/ +* PopupMenu (popupMenu.js) +* ===================================================================*/ .menu, .popup-menu-boxpointer { - -arrow-border-radius: 16px; - -boxpointer-gap: 5px; - -arrow-base: 40px; - border-image: url('menu-assets/background.png') 8; + -arrow-border-radius: 16px; + -boxpointer-gap: 5px; + -arrow-base: 40px; + border-image: url('menu-assets/background.png') 8; } /* Cinnamon 3.2 fix */ .popup-menu, .menu { - font-size: 9.5pt; - padding-left: 0px; - padding-right: 0px; - padding-top: 0px; - padding-bottom: 0px; - min-width: 150px; - min-height: 80px; - border: rgba(0,0,0,.8); - border-radius: 6px 6px 6px 6px; - box-shadow: none; - background-color: white; - border-top: 6px; - border-left: 6px; - border-right: 6px; - border-bottom: 6px; + font-size: 9.5pt; + padding-left: 0px; + padding-right: 0px; + padding-top: 0px; + padding-bottom: 0px; + min-width: 150px; + min-height: 80px; + border: rgba(0,0,0,.8); + border-radius: 6px 6px 6px 6px; + box-shadow: none; + background-color: white; + border-top: 6px; + border-left: 6px; + border-right: 6px; + border-bottom: 6px; } .popup-submenu-menu-item:open { - background-color: #2975E9; - color: white; + background-color: #2975E9; + color: white; } .popup-sub-menu { - background-color: transparent; + background-color: transparent; } .popup-submenu-menu-item:open:hover { - color: black; + color: black; } .popup-sub-menu .popup-menu-item:ltr { - padding-right: 0em; + padding-right: 0em; } .popup-sub-menu .popup-menu-item:rtl { - padding-left: 0em; + padding-left: 0em; } .popup-sub-menu StScrollBar { - padding: 4px; + padding: 4px; } .popup-sub-menu StScrollBar StBin#trough { - border-width: 0px; + border-width: 0px; } .popup-sub-menu StScrollBar StBin#vhandle { - background-color: #4c4c4c; - border-width: 0px; + background-color: #4c4c4c; + border-width: 0px; } .popup-combo-menu { - background-color: rgba(0,0,0,0.9); - padding: 1em 0em; - color: #000; - font-size: 10.5pt; - border: 1px solid #2975E9; - border-radius: 0px 0px 8px 0px; + background-color: rgba(0,0,0,0.9); + padding: 1em 0em; + color: #000; + font-size: 10.5pt; + border: 1px solid #2975E9; + border-radius: 0px 0px 8px 0px; } /* 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. - */ +* override .popup-menu.font-size, everything else will scale with it. +*/ .menu StEntry, .popup-menu StEntry { - border: 1px solid #767676; - border-radius: 3px; - box-shadow: inset 0 0 3px 0px #4c4c4c; - background-color: white; - background-gradient-direction: none; - height: 22px; - width: 220px; - color: #4c4c4c; - caret-color: #4c4c4c; - font-size: 9pt; - font-weight: normal; - caret-size: 1px; - selected-color: #000; - selection-background-color: #2975E9; - padding: 4px 12px 3px 12px; + border: 1px solid #767676; + border-radius: 3px; + box-shadow: inset 0 0 3px 0px #4c4c4c; + background-color: white; + background-gradient-direction: none; + height: 22px; + width: 220px; + color: #4c4c4c; + caret-color: #4c4c4c; + font-size: 9pt; + font-weight: normal; + caret-size: 1px; + selected-color: #000; + selection-background-color: #2975E9; + padding: 4px 12px 3px 12px; } .popup-menu-content { - padding: 1em 0; + padding: 1em 0; } .popup-menu-item { - padding: .4em 1.75em; - spacing: 1em; - border: 2px solid transparent; + padding: .4em 1.75em; + spacing: 1em; + border: 2px solid transparent; } .popup-menu-item:active { -/* background-color: #2975E9; */ - border-image: url('menu-assets/hover.png') 5; + /* background-color: #2975E9; */ + border-image: url('menu-assets/hover.png') 5; } .popup-menu-item:insensitive { - color: #9f9f9f; -} -.popup-image-menu-item { + color: #9f9f9f; } +.popup-image-menu-item {} .popup-combobox-item { - spacing: 1em; + spacing: 1em; } .popup-separator-menu-item { - background-color: rgba(20,20,20,0.3); - box-shadow: 0 1px rgba(220,220,220,0.6); - border-radius: 0; - -margin-horizontal: 14px; - height: 1px; + background-color: rgba(20,20,20,0.3); + box-shadow: 0 1px rgba(220,220,220,0.6); + border-radius: 0; + -margin-horizontal: 14px; + height: 1px; } .popup-alternating-menu-item:alternate { - font-weight: bold; + 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: #2975E9; - -slider-active-border-color: #DDDDDD; - -slider-border-width: 1px; - -slider-handle-radius: 0.5em; + height: 1em; + min-width: 15em; + -slider-height: 0.3em; + -slider-background-color: #666666; + -slider-border-color: #555555; + -slider-active-background-color: #2975E9; + -slider-active-border-color: #DDDDDD; + -slider-border-width: 1px; + -slider-handle-radius: 0.5em; } .popup-device-menu-item { - spacing: .5em; + spacing: .5em; } .popup-inactive-menu-item { - font-weight: normal; - color: #999; + font-weight: normal; + color: #999; } .popup-subtitle-menu-item { - font-weight: bold; + font-weight: bold; } .popup-menu-icon { - icon-size: 1.14em; + icon-size: 1.14em; } /* Switches (to be used in menus) */ .toggle-switch { - width: 52px; - height: 18px; + width: 52px; + height: 18px; } .toggle-switch-us, .toggle-switch-intl { - background-image: url("menu-assets/checkbox-off.png"); + background-image: url("menu-assets/checkbox-off.png"); } .toggle-switch-us:checked, .toggle-switch-intl:checked { - background-image: url("menu-assets/checkbox.png"); + background-image: url("menu-assets/checkbox.png"); } .nm-menu-item-icons { - spacing: .5em; + spacing: .5em; } /* =================================================================== - * Panel (panel.js) - * ===================================================================*/ +* Panel (panel.js) +* ===================================================================*/ #panel { - background-color: rgba(0,0,0,0); - box-shadow: none; - border-image: url('panel.png') 80 0 0 0; - outline: 1px rgba(0,0,0,0.5); - color: #fff; - font-size: 9pt; - height: 39px; - padding-left: 0px; - padding-right: 0px; - padding-bottom: 0px; - padding-top: 1px; + background-color: rgba(0,0,0,0); + box-shadow: none; + border-image: url('panel.png') 80 0 0 0; + outline: 1px rgba(0,0,0,0.5); + color: #fff; + font-size: 9pt; + height: 39px; + padding-left: 0px; + padding-right: 0px; + padding-bottom: 0px; + padding-top: 1px; } #panelLeft, #panelCenter { - spacing: 4px; + spacing: 4px; } -#panelRight { -} +#panelRight {} /* show desktop applet, disable hover */ #panelRight .applet-box:last-child:hover { - border-image: none; + border-image: none; } #panelLeft .applet-box:first-child { - background: url("orbs/OBB1.png"); - border-image: none; - background-position: center center; - transition-duration: 300; - width: 40px; - color: rgba(255,0,0,0) !important; + background: url("orbs/OBB1.png"); + border-image: none; + background-position: center center; + transition-duration: 300; + width: 40px; + color: rgba(255,0,0,0) !important; } #panelLeft .applet-box:first-child:hover { - transition-duration: 200; background: url("orbs/OBB2.png"); - border-image: none; + transition-duration: 200; background: url("orbs/OBB2.png"); + border-image: none; } #panelLeft .applet-box:first-child:active { - background: url("orbs/OBB3.png"); - border-image: none; + background: url("orbs/OBB3.png"); + border-image: none; } #panelLeft:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(255,0,0,0.05); - background-gradient-end: rgba(255,0,0,0.4); + background-gradient-direction: vertical; + background-gradient-start: rgba(255,0,0,0.05); + background-gradient-end: rgba(255,0,0,0.4); } #panelCenter:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0,255,0,0.05); - background-gradient-end: rgba(0,255,0,0.4); + background-gradient-direction: vertical; + background-gradient-start: rgba(0,255,0,0.05); + background-gradient-end: rgba(0,255,0,0.4); } #panelRight:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0,0,255,0.05); - background-gradient-end: rgba(0,0,255,0.4); + background-gradient-direction: vertical; + background-gradient-start: rgba(0,0,255,0.05); + background-gradient-end: rgba(0,0,255,0.4); } #panelLeft:ltr { - padding-right: 4px; + padding-right: 4px; } #panelLeft:rtl { - padding-left: 4px; + padding-left: 4px; } #panelRight:ltr { - padding-left: 0px; - spacing: 0px; + padding-left: 0px; + spacing: 0px; } #panelRight:rtl { - padding-right: 0px; - spacing: 0px; + padding-right: 0px; + spacing: 0px; } -.panel-top { -} +.panel-top {} -.panel-bottom { -} +.panel-bottom {} .panel-status-button, .panel-button { - -natural-hpadding: 5px; - -minimum-hpadding: 5px; - font-weight: bold; - border: 1px solid transparent; - transition-duration: 150; + -natural-hpadding: 5px; + -minimum-hpadding: 5px; + font-weight: bold; + border: 1px solid transparent; + transition-duration: 150; } .panel-status-button:hover, .panel-button:hover { - background-color: rgba(25,25,25,0.1); - border-radius: 0px; - transition-duration: 100; + background-color: rgba(25,25,25,0.1); + border-radius: 0px; + transition-duration: 100; } .panel-status-button:active { - color: black; - background-gradient-direction: vertical; - background-gradient-start: rgba(30,30,30,1); - background-gradient-end: rgba(50,50,50,1); + color: black; + background-gradient-direction: vertical; + background-gradient-start: rgba(30,30,30,1); + background-gradient-end: rgba(50,50,50,1); } .system-status-icon { - padding-left: 0px; - padding-right: 0px; - spacing: 0px; - margin: 0px; + padding-left: 0px; + padding-right: 0px; + spacing: 0px; + margin: 0px; } #appMenu { - spacing: 4px; + spacing: 4px; } .panel-button #appMenuIcon { - app-icon-bottom-clip: 1px; + app-icon-bottom-clip: 1px; } .panel-button:active #appMenuIcon, .panel-button:checked #appMenuIcon, .panel-button:focus #appMenuIcon { - app-icon-bottom-clip: 2px; + app-icon-bottom-clip: 2px; } .panel-button { - -natural-hpadding: 6px; - -minimum-hpadding: 2px; - font-weight: bold; - color: rgba(200,200,200,1); - transition-duration: 100; + -natural-hpadding: 6px; + -minimum-hpadding: 2px; + font-weight: bold; + color: rgba(200,200,200,1); + transition-duration: 100; } .panel-button:hover { - color: black; + color: black; } .panel-button:active, .panel-button:overview, .panel-button:focus { - color: black; - background-gradient-direction: vertical; - background-gradient-start: rgba(30,30,30,1); - background-gradient-end: rgba(50,50,50,1); + color: black; + background-gradient-direction: vertical; + background-gradient-start: rgba(30,30,30,1); + background-gradient-end: rgba(50,50,50,1); } .panel-button:active > .system-status-icon, .panel-button:checked > .system-status-icon, .panel-button:focus > .system-status-icon { - icon-shadow: black 0px 2px 2px; + icon-shadow: black 0px 2px 2px; } -.panel-menu { -} +.panel-menu {} .popup-menu-item-dot { } .system-status-icon { - icon-size: 1.14em; + icon-size: 1.14em; } /* =================================================================== - * Overview - * ===================================================================*/ +* Overview +* ===================================================================*/ #overview { - spacing: 12px; + spacing: 12px; } .window-caption { - background-color: white; - border-radius: 0px; - color: black; - spacing: 25px; - font-size: 9pt; - padding: 2px 8px; - -cinnamon-caption-spacing: 4px; + background-color: white; + border-radius: 0px; + color: black; + spacing: 25px; + font-size: 9pt; + padding: 2px 8px; + -cinnamon-caption-spacing: 4px; } .window-caption#selected { - background-color: white; - border-radius: 0px; - color: black; - spacing: 25px; + background-color: white; + border-radius: 0px; + color: black; + spacing: 25px; } .workspace-controls { - visible-height: 32px; /* Amount visible before hovering */ + visible-height: 32px; /* Amount visible before hovering */ } .workspace-thumbnails-background { - border: 1px #2975E9; - border-left: 0px; - border-right: 0px; - border-bottom: 0px; - border-radius: 0px; - background-color: rgba(0, 0, 0, 0.5); - padding: 8px; + border: 1px #2975E9; + border-left: 0px; + border-right: 0px; + border-bottom: 0px; + border-radius: 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; + border-right: 1px; + border-left: 0px; + border-radius: 9px 9px 0px 0px; } .workspace-thumbnails { - spacing: 14px; + spacing: 14px; } .workspace-add-button { - background-image: url("add-workspace.png"); - height: 200px; - width: 35px; - transition-duration: 300; + 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-add-button:hover { + background-image: url("add-workspace-hover.png"); + transition-duration: 300; } .workspace-close-button { - background-image: url("close.svg"); - height: 34px; - width: 34px; - -cinnamon-close-overlap: 20px; + background-image: url("close.svg"); + height: 34px; + width: 34px; + -cinnamon-close-overlap: 20px; } .window-close:hover, .window-close:active { - background-image: url("close-hover.svg"); + background-image: url("close-hover.svg"); } .workspace-thumbnail-indicator { - outline: 2px solid white; - border: 1px solid #888; + outline: 2px solid white; + border: 1px solid #888; } .window-close { - background-image: url("close.svg"); - height: 34px; - width: 34px; - -cinnamon-close-overlap: 20px; + background-image: url("close.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); + -st-background-image-shadow: 2px 2px 6px rgba(0,0,0,0.5); } .window-close-area { background-image: url("trash-icon.png"); - background-color: rgba(0, 0, 0, 0.8); - border: 2px solid #2975E9; - border-bottom: 0px; - border-radius: 0px; - height: 120px; - width: 400px; + background-color: rgba(0, 0, 0, 0.8); + border: 2px solid #2975E9; + border-bottom: 0px; + border-radius: 0px; + height: 120px; + width: 400px; } .icon-grid { - spacing: 36px; - -cinnamon-grid-item-size: 118px; + spacing: 36px; + -cinnamon-grid-item-size: 118px; } .icon-grid .overview-icon { - icon-size: 96px; + icon-size: 96px; } .overview-icon { - border-radius: 4px; - padding: 3px; - border: 1px rgba(0,0,0,0); - font-size: 7.5pt; - color: black; - transition-duration: 100; - text-align: center; + border-radius: 4px; + padding: 3px; + border: 1px rgba(0,0,0,0); + font-size: 7.5pt; + color: black; + transition-duration: 100; + text-align: center; } .expo-background { - background-color: rgba(0,0,0,0.2); - background-image: url('expo.png'); - background-position: center center; + background-color: rgba(0,0,0,0.2); } .workspace-overview-background-shade { @@ -594,1810 +587,1875 @@ StScrollBar StButton#vhandle:hover { .expo-workspace-thumbnail-frame#active { border: 1px, #2975E9; background-color: #2975E9; -} +} /* =================================================================== * Desklets (desklet.js) * ===================================================================*/ -.desklet { -color: #eee; +.desklet { + color: #eee; } .desklet-with-borders { -border: 1px solid #444; - border-bottom: 0px; - border-left: 0px; - border-right: 0px; - background-color: #232323; - border-radius: 0px; -color: #eee; + border: 1px solid #444; + border-bottom: 0px; + border-left: 0px; + border-right: 0px; + background-color: #232323; + border-radius: 0px; + color: #eee; } .desklet-with-borders-and-header { -border: 1px solid #444; - border-bottom: 0px; - border-left: 0px; - border-right: 0px; - background-color: #232323; -color: #eee; - border-radius-bottomleft: 0px; - border-radius-bottomright: 0px; + border: 1px solid #444; + border-bottom: 0px; + border-left: 0px; + border-right: 0px; + background-color: #232323; + color: #eee; + border-radius-bottomleft: 0px; + border-radius-bottomright: 0px; } -.desklet-header { - border-radius-topleft: 0px; - border-radius-topright: 0px; - font-size: 10.5pt; - -border: 1px solid #444; - border-bottom: 0px; - border-left: 0px; - border-right: 0px; - background-color: #232323; - border-radius: 0px; -color: #eee; - padding: 6px; +.desklet-header { + border-radius-topleft: 0px; + border-radius-topright: 0px; + font-size: 10.5pt; + + border: 1px solid #444; + border-bottom: 0px; + border-left: 0px; + border-right: 0px; + background-color: #232323; + border-radius: 0px; + color: #eee; + padding: 6px; } -.desklet-drag-placeholder { - background-color: rgba(57,156,238,.31); +.desklet-drag-placeholder { + background-color: rgba(57,156,238,.31); } - -.clock-desklet-label { -} + +.clock-desklet-label {} .photoframe-box { -padding: 6px; -border: 1px solid #444; - border-bottom: 0px; - border-left: 0px; - border-right: 0px; - background-color: #232323; - border-radius: 0px; - + padding: 6px; + border: 1px solid #444; + border-bottom: 0px; + border-left: 0px; + border-right: 0px; + background-color: #232323; + border-radius: 0px; + } .xkcd-box { -padding: 0px; -border: none; -background-color: none; -border-radius: 0px; + padding: 0px; + border: none; + background-color: none; + border-radius: 0px; } /* =================================================================== - * Clock Desklet (desklet.js) - * ===================================================================*/ -.clock-desklet-label { -} +* Clock Desklet (desklet.js) +* ===================================================================*/ +.clock-desklet-label {} /* =================================================================== - * Looking Glass - * ===================================================================*/ +* Looking Glass +* ===================================================================*/ #LookingGlassDialog { background-gradient-direction: vertical; - background-gradient-start: #000000; - background-gradient-end: #2f343d; - spacing: 4px; - padding: 4px; - border: 2px solid #2975E9; - border-top: 0px; - border-left: 0px; - border-right: 0px; - border-radius: 0px; - color: black; + background-gradient-start: #000000; + background-gradient-end: #2f343d; + spacing: 4px; + padding: 4px; + border: 2px solid #2975E9; + border-top: 0px; + border-left: 0px; + border-right: 0px; + border-radius: 0px; + color: black; } #LookingGlassDialog > #Toolbar { - border: 2px solid #2975E9; - border-top: 0px; - border-left: 0px; - border-right: 0px; - padding-bottom: 4px; + border: 2px solid #2975E9; + border-top: 0px; + border-left: 0px; + border-right: 0px; + padding-bottom: 4px; } #LookingGlassDialog .labels { - spacing: 4px; + spacing: 4px; } #LookingGlassDialog .notebook-tab { - padding: 2px; + padding: 2px; } #LookingGlassDialog .notebook-tab:hover { - color: black; + color: black; } #LookingGlassDialog .notebook-tab:selected { - background-color: #2975E9; - border-radius: 0px; - color: #000; + background-color: #2975E9; + border-radius: 0px; + color: #000; } #LookingGlassDialog .lg-inspector-title { - font-weight: bold; - padding-bottom: 8px; + font-weight: bold; + padding-bottom: 8px; } .lg-dialog StLabel { - color: #cccccc; + color: #cccccc; } .lg-dialog StEntry { - color: #cccccc; - selection-background-color: #cccccc; - selected-color: black; + color: #cccccc; + selection-background-color: #cccccc; + selected-color: black; } .lg-obj-inspector-title { - spacing: 4px; + spacing: 4px; } .lg-obj-inspector-button { - border: 1px solid #cccccc; - padding: 4px; - border-radius: 4px; + border: 1px solid #cccccc; + padding: 4px; + border-radius: 4px; } .lg-obj-inspector-button:hover { - border: 1px solid #ffffff; + border: 1px solid #ffffff; } .lg-dialog .cinnamon-link { - color: #cccccc; + color: #cccccc; } .lg-dialog .cinnamon-link:hover { - color: black; + color: black; } #LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; + padding: 4px; + spacing: 4px; } #LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; + spacing: 4px; } #lookingGlassExtensions { - padding: 4px; + padding: 4px; } .lg-extension-list { - padding: 4px; - spacing: 6px; + padding: 4px; + spacing: 6px; } .lg-extension { - border: 1px solid #6f6f6f; - border-radius: 4px; - padding: 4px; + border: 1px solid #6f6f6f; + border-radius: 4px; + padding: 4px; } .lg-extension-name { - font-weight: bold; + font-weight: bold; } .lg-extension-meta { - spacing: 6px; + spacing: 6px; } #LookingGlassPropertyInspector { - background: rgba(0, 0, 0, 0.7); - border-radius: 0px; - border: 1px solid #333; - padding: 6px; - color: #B8FF66; + background: rgba(0, 0, 0, 0.7); + border-radius: 0px; + border: 1px solid #333; + padding: 6px; + color: #B8FF66; } /* =================================================================== - * Date applet - * ===================================================================*/ +* Date applet +* ===================================================================*/ .calendar { - padding: .4em 1.75em; - spacing-rows: 0px; - spacing-columns: 0px; + 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; + 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; - border: 1px solid rgba(0,0,0,0); + width: 18px; + height: 12px; + background-image: url("calendar-arrow-left.svg"); + border-radius: 4px; + border: 1px solid rgba(0,0,0,0); } .calendar-change-month-back:rtl { - background-image: url("calendar-arrow-right.svg"); + background-image: url("calendar-arrow-right.svg"); } .calendar-change-month-back:hover { - background-color: rgba(255,255,255,0.5); + background-color: rgba(255,255,255,0.5); } .calendar-change-month-back:active { - background-color: rgba(255,255,255,0.5); + background-color: rgba(255,255,255,0.5); } .calendar-change-month-forward { - width: 18px; - height: 12px; - background-image: url("calendar-arrow-right.svg"); - border-radius: 4px; - border: 1px solid rgba(0,0,0,0); + width: 18px; + height: 12px; + background-image: url("calendar-arrow-right.svg"); + border-radius: 4px; + border: 1px solid rgba(0,0,0,0); } .calendar-change-month-forward:rtl { - background-image: url("calendar-arrow-left.svg"); + background-image: url("calendar-arrow-left.svg"); } .calendar-change-month-forward:hover { - background-color: rgba(255,255,255,0.5); + background-color: rgba(255,255,255,0.5); } .calendar-change-month-forward:active { - background-color: rgba(255,255,255,0.5); + background-color: rgba(255,255,255,0.5); } .datemenu-date-label { - padding: .4em 1.75em; - font-size: 10.5pt; - color: black; + padding: .4em 1.75em; + font-size: 10.5pt; + color: black; } .calendar-day-base { - font-size: 7.5pt; - text-align: center; - width: 2.4em; - height: 2.4em; + font-size: 7.5pt; + text-align: center; + width: 2.4em; + height: 2.4em; } .calendar-day-base:hover { -/* background-color: #2975E9; */ - border-image: url('menu-assets/hover.png') 5; - color: black; + /* background-color: #2975E9; */ + border-image: url('menu-assets/hover.png') 5; + color: black; } -.calendar-day-base:active { -} +.calendar-day-base:active {} .calendar-day-heading { - color: black; - padding-top: 1em; + color: black; + padding-top: 1em; } .calendar-week-number { - color: black; + color: black; } /* Hack used in lieu of border-collapse - see calendar.js */ .calendar-day { - color: black; - border-top-width: 0; - border-left-width: 0; -} -.calendar-day-top { -} -.calendar-day-left { -} -.calendar-work-day { + color: black; + border-top-width: 0; + border-left-width: 0; } +.calendar-day-top {} +.calendar-day-left {} +.calendar-work-day {} .calendar-nonwork-day { - background-color: rgba(255, 255, 255, 0.2); + background-color: rgba(255, 255, 255, 0.2); } .calendar-today { - color: black; - font-weight: bold; - background-color: rgba(57,156,238,1); - border-radius: 2px; + color: black; + font-weight: bold; + background-color: rgba(57,156,238,1); + border-radius: 2px; } .calendar-other-month-day { - color: #e4e4e4; + color: #e4e4e4; } .calendar-day-with-events { - font-weight: bold; - color: #2975E9; + font-weight: bold; + color: #2975E9; } /* =================================================================== - * Notifications - * ===================================================================*/ +* Notifications +* ===================================================================*/ #notification { - border: 1px solid #767676; - border-radius: 3px; - padding: 6px 12px; - background-gradient-start: #ffffff; - background-gradient-end: #e4e5f0; - background-gradient-direction: vertical; - color: black; - font-size: 8.5pt; - font-weight: normal; - text-align: center; - spacing-rows: 10px; - spacing-columns: 10px; - margin-from-right-edge-of-screen: 19px; - margin-from-top-edge-of-screen: 30px; - width: 27em; + border: 1px solid #767676; + border-radius: 3px; + padding: 6px 12px; + background-gradient-start: #ffffff; + background-gradient-end: #e4e5f0; + background-gradient-direction: vertical; + color: black; + font-size: 8.5pt; + font-weight: normal; + text-align: center; + spacing-rows: 10px; + spacing-columns: 10px; + margin-from-right-edge-of-screen: 19px; + margin-from-top-edge-of-screen: 30px; + width: 27em; } #notification.multi-line-notification { - padding-bottom: 8px; - color: black; + padding-bottom: 8px; + color: black; } /* 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 */ +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: black; + min-height: 159px; + color: black; } #notification-scrollview { - max-height: 10em; + max-height: 10em; } #notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { - height: 1em; + height: 1em; } #notification-scrollview:ltr > StScrollBar { - padding-left: 6px; + padding-left: 6px; } #notification-scrollview:rtl > StScrollBar { - padding-right: 6px; + padding-right: 6px; } #notification-body { - spacing: 5px; + spacing: 5px; } #notification-actions { - spacing: 10px; + spacing: 10px; } .notification-button { - border-radius: 18px; - font-size: 11pt; - padding: 4px 42px 5px; + border-radius: 18px; + font-size: 11pt; + padding: 4px 42px 5px; } .notification-button:focus { - padding: 3px 41px 4px; + padding: 3px 41px 4px; } .notification-icon-button { - border-radius: 5px; - padding: 5px; + border-radius: 5px; + padding: 5px; } .notification-icon-button:focus { - padding: 4px; + padding: 4px; } .notification-icon-button > StIcon { - icon-size: 36px; + icon-size: 36px; } .hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; + spacing: 6px; + padding: 2px 72px 2px 12px; } .hotplug-notification-item { - padding: 2px 10px; - border-radius: 18px; - font-size: 10.5pt; + padding: 2px 10px; + border-radius: 18px; + font-size: 10.5pt; } .hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; + padding: 1px 71px 1px 11px; } .hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; + icon-size: 24px; + padding: 2px 5px; } .hotplug-resident-box { - spacing: 8px; + spacing: 8px; } .hotplug-resident-mount { - spacing: 8px; - border-radius: 4px; - color: #ccc; + spacing: 8px; + border-radius: 4px; + color: #ccc; } .hotplug-resident-mount:hover { - background-gradient-direction: horizontal; - background-gradient-start: rgba(255, 255, 255, 0.1); - background-gradient-end: rgba(255, 255, 255, 0); - color: black; + background-gradient-direction: horizontal; + background-gradient-start: rgba(255, 255, 255, 0.1); + background-gradient-end: rgba(255, 255, 255, 0); + color: black; } .hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; + color: inherit; + padding-left: 6px; } .hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; + icon-size: 24px; + padding-left: 6px; } .hotplug-resident-eject-icon { - icon-size: 16px; + icon-size: 16px; } .hotplug-resident-eject-button { - padding: 7px; - border-radius: 5px; - color: #ccc; + padding: 7px; + border-radius: 5px; + color: #ccc; } #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; - caret-color: #a8a8a8; - caret-size: 1px; + 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; + 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; + 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 - * ===================================================================*/ +* Alt Tab +* ===================================================================*/ #altTabPopup { - padding: 8px; - spacing: 16px; + padding: 8px; + spacing: 16px; } .switcher-list { - border-radius: 4px; - padding: 20px; - border: solid 1px rgba(252.9,252.9,252.9,0.50); - box-shadow: solid 0 0 12px 6px rgba(0,0,0,0.77); - color: white; -/* border-image: url('tab.png') 18; */ - background-gradient-direction: vertical; - background-gradient-start: rgba(0,0,0,0.50); - background-gradient-end: rgba(0,0,0,0.18); + border-radius: 4px; + padding: 20px; + border: solid 1px rgba(252.9,252.9,252.9,0.50); + box-shadow: solid 0 0 12px 6px rgba(0,0,0,0.77); + color: white; + /* border-image: url('tab.png') 18; */ + background-gradient-direction: vertical; + background-gradient-start: rgba(0,0,0,0.50); + background-gradient-end: rgba(0,0,0,0.18); } .switcher-list-item-container { - spacing: 8px; + spacing: 8px; } .thumbnail-scroll-gradient-left { - background-color: #fff; - background-gradient-direction: vertical; - background-gradient-start: #fff; - background-gradient-end: #fff; - border-radius: 24px; - border-radius-topright: 0px; - border-radius-bottomright: 0px; - width: 60px; + background-color: #fff; + background-gradient-direction: vertical; + background-gradient-start: #fff; + background-gradient-end: #fff; + border-radius: 24px; + border-radius-topright: 0px; + border-radius-bottomright: 0px; + width: 60px; } .thumbnail-scroll-gradient-right { - background-color: #fff; - background-gradient-direction: vertical; - background-gradient-start: #fff; - background-gradient-end: #fff; - border: 1px solid #2975E9; - border-radius: 0px; - width: 60px; - border-bottom: 0px; - border-left: 0px; - border-right: 0px; + background-color: #fff; + background-gradient-direction: vertical; + background-gradient-start: #fff; + background-gradient-end: #fff; + border: 1px solid #2975E9; + border-radius: 0px; + width: 60px; + border-bottom: 0px; + border-left: 0px; + border-right: 0px; } .switcher-list .item-box { - padding: 8px; - color: white; - border: 4px solid rgba(0,0,0,0); - border-radius: 8px; + padding: 8px; + color: white; + border: 4px solid rgba(0,0,0,0); + border-radius: 8px; } .switcher-list .item-box:outlined { - background-color: #2975E9; - border-radius: 0px; + background-color: #2975E9; + border-radius: 0px; } .switcher-list .item-box:selected { - border-radius: 3px; -/* border: 4px solid #379aff; */ - border: solid 1px rgba(181,198,218,0.80); - background-color: rgba(181,198,218,0.55); + border-radius: 3px; + /* border: 4px solid #379aff; */ + border: solid 1px rgba(181,198,218,0.80); + background-color: rgba(181,198,218,0.55); } .switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; + padding: 2px; + spacing: 4px; } .switcher-list .thumbnail { - width: 256px; + width: 256px; } .switcher-list .separator { - width: 1px; - background: rgba(255,255,255,0.33); + width: 1px; + background: rgba(255,255,255,0.33); } .ripple-box { - width: 300px; - height: 300px; - background-gradient-end: rgba(57,156,238,0.8); - background-gradient-start: rgba(0,0,0,0.3); - background-gradient-direction: radial; - box-shadow: outset 0px 0px 5px 5px #2975E9; - border-radius: 150px; + width: 300px; + height: 300px; + background-gradient-end: rgba(57,156,238,0.8); + background-gradient-start: rgba(0,0,0,0.3); + background-gradient-direction: radial; + box-shadow: outset 0px 0px 5px 5px #2975E9; + border-radius: 150px; } .ripple-box:rtl { - width: 300px; - height: 300px; - background-gradient-end: rgba(57,156,238,0.8); - background-gradient-start: rgba(0,0,0,0.3); - background-gradient-direction: radial; - box-shadow: outset 0px 0px 5px 5px #2975E9; - border-radius: 150px; + width: 300px; + height: 300px; + background-gradient-end: rgba(57,156,238,0.8); + background-gradient-start: rgba(0,0,0,0.3); + background-gradient-direction: radial; + box-shadow: outset 0px 0px 5px 5px #2975E9; + border-radius: 150px; } .switcher-arrow { - border-color: rgba(0,0,0,0); - color: #808080; + border-color: rgba(0,0,0,0); + color: #808080; } .switcher-arrow:highlighted { - border-color: rgba(0,0,0,0); - color: black; + border-color: rgba(0,0,0,0); + color: black; } .switcher-preview-backdrop { - background-color: rgba(25,25,25,0.95); + background-color: rgba(25,25,25,0.95); } /* =================================================================== - * Modal dialogs - * ===================================================================*/ +* Modal dialogs +* ===================================================================*/ .modal-dialog { - font-size: 9.5pt; - border-radius: 2px; - background-color: #fff; -/* border: 2px solid #013b6b; */ - border-image: url('menu-assets/background.png') 8; - color: black; - padding-right: 42px; - padding-left: 42px; - padding-bottom: 30px; - padding-top: 30px; + font-size: 9.5pt; + border-radius: 2px; + background-color: #fff; + /* border: 2px solid #013b6b; */ + border-image: url('menu-assets/background.png') 8; + color: black; + padding-right: 42px; + padding-left: 42px; + padding-bottom: 30px; + padding-top: 30px; } .modal-dialog-button-box { - spacing: 21px; - padding-top: 30px; + spacing: 21px; + padding-top: 30px; } .modal-dialog-button { - border-radius: 4px; - font-size: 10pt; - color: black; - margin-left: 10px; - margin-right: 10px; - padding: 4px 32px 5px; + border-radius: 4px; + font-size: 10pt; + color: black; + margin-left: 10px; + margin-right: 10px; + padding: 4px 32px 5px; } -.modal-dialog-button:hover { -} +.modal-dialog-button:hover {} .modal-dialog-button:active, .modal-dialog-button:checked { - color: black; - border-image: url('buttons/button-focused-pressed.png') 5; + color: black; + border-image: url('buttons/button-focused-pressed.png') 5; } .modal-dialog-button:disabled { - color: rgb(60, 60, 60); + color: rgb(60, 60, 60); } .modal-dialog-button:focus { - padding: 3px 31px 4px; + padding: 3px 31px 4px; } /* =================================================================== - * Run dialog - * ===================================================================*/ +* Run dialog +* ===================================================================*/ .run-dialog-label { - font-size: 9pt; - color: black; + font-size: 9pt; + color: black; } .run-dialog-error-label { - font-size: 9pt; - color: black; + font-size: 9pt; + color: black; } .run-dialog-error-box { - padding-top: 15px; - spacing: 5px; + padding-top: 15px; + spacing: 5px; } .run-dialog-entry { - font-size: 10pt; - font-weight: normal; - background-color: white; - border: 1px solid gray; - border-radius: 0; - color: black; - selected-color: #2975E9; - caret-color: black; - caret-size: 2px; - padding: 2px; - padding-left: 6px; - width: 18em; + font-size: 10pt; + font-weight: normal; + background-color: white; + border: 1px solid gray; + border-radius: 0; + color: black; + selected-color: #2975E9; + caret-color: black; + caret-size: 2px; + padding: 2px; + padding-left: 6px; + width: 18em; } -.run-dialog-completion-box { - padding-left: 15px; - font-size: 10px; -} +.run-dialog-completion-box { + padding-left: 15px; + font-size: 10px; +} .run-dialog { - border-radius: 8px; - padding: 20px; - padding-top: 15px; - color: black; - border-image: url('tab.png') 16; + border-radius: 8px; + padding: 20px; + padding-top: 15px; + color: black; + border-image: url('tab.png') 16; } .lightbox { - background-color: rgba(0, 0, 0, 0.0); + background-color: rgba(0, 0, 0, 0.0); } .run-dialog > .modal-dialog-button-box { - spacing: 21px; - padding-top: 0; + spacing: 21px; + padding-top: 0; } /* =================================================================== - * End session dialog - * ===================================================================*/ +* End session dialog +* ===================================================================*/ .end-session-dialog { - spacing: 42px; + spacing: 42px; } .end-session-dialog-subject { - font-size: 12pt; - font-weight: bold; - color: black; - padding-top: 10px; - padding-left: 17px; - padding-bottom: 30px; + font-size: 12pt; + font-weight: bold; + color: black; + padding-top: 10px; + padding-left: 17px; + padding-bottom: 30px; } .end-session-dialog-subject:rtl { - padding-left: 0px; - padding-right: 17px; + padding-left: 0px; + padding-right: 17px; } .end-session-dialog-description { - font-size: 10pt; - color: black; - padding-left: 17px; - width: 28em; + font-size: 10pt; + color: black; + padding-left: 17px; + width: 28em; } .end-session-dialog-description:rtl { - padding-right: 17px; + padding-right: 17px; } .end-session-dialog-logout-icon { - border: 1px solid rgba(255,255,255,0.3); - border-radius: 0px; - width: 32px; - height: 32px; + border: 1px solid rgba(255,255,255,0.3); + border-radius: 0px; + width: 32px; + height: 32px; } .end-session-dialog-shutdown-icon { - width: 32px; - height: 32px; + width: 32px; + height: 32px; } .end-session-dialog-app-list { - font-size: 10pt; - max-height: 200px; - padding-top: 42px; - padding-left: 49px; - padding-right: 32px; + font-size: 10pt; + max-height: 200px; + padding-top: 42px; + padding-left: 49px; + padding-right: 32px; } .end-session-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; + padding-right: 49px; + padding-left: 32px; } .end-session-dialog-app-list-item { - color: #ccc; + color: #ccc; } .end-session-dialog-app-list-item:hover { - color: black; + color: black; } .end-session-dialog-app-list-item:ltr { - padding-right: 1em; + padding-right: 1em; } .end-session-dialog-app-list-item:rtl { - padding-left: 1em; + padding-left: 1em; } .end-session-dialog-app-list-item-icon:ltr { - padding-right: 17px; + padding-right: 17px; } .end-session-dialog-app-list-item-icon:rtl { - padding-left: 17px; + padding-left: 17px; } .end-session-dialog-app-list-item-name { - font-size: 10pt; + font-size: 10pt; } .end-session-dialog-app-list-item-description { - font-size: 8pt; - color: #444444; + font-size: 8pt; + color: #444444; } /* CinnamonMountOperation Dialogs */ .cinnamon-mount-operation-icon { - icon-size: 48px; + icon-size: 48px; } .mount-password-reask { - color: red; + color: red; } .show-processes-dialog, .mount-question-dialog { - spacing: 24px; + 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; + 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; + padding-left: 0px; + padding-right: 17px; } .show-processes-dialog-description, .mount-question-dialog-description { - font-size: 10pt; - color: black; - padding-left: 17px; - width: 28em; + font-size: 10pt; + color: black; + padding-left: 17px; + width: 28em; } .show-processes-dialog-description:rtl, .mount-question-dialog-description:rtl { - padding-right: 17px; + padding-right: 17px; } .show-processes-dialog-app-list { - font-size: 10pt; - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; + 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; + padding-right: 49px; + padding-left: 32px; } .show-processes-dialog-app-list-item { - color: #ccc; + color: #ccc; } .show-processes-dialog-app-list-item:hover { - color: black; + color: black; } .show-processes-dialog-app-list-item:ltr { - padding-right: 1em; + padding-right: 1em; } .show-processes-dialog-app-list-item:rtl { - padding-left: 1em; + padding-left: 1em; } .show-processes-dialog-app-list-item-icon:ltr { - padding-right: 17px; + padding-right: 17px; } .show-processes-dialog-app-list-item-icon:rtl { - padding-left: 17px; + padding-left: 17px; } .show-processes-dialog-app-list-item-name { - font-size: 10pt; + font-size: 10pt; } /* =================================================================== - * Policykit authentication dialog - * ===================================================================*/ +* Policykit authentication dialog +* ===================================================================*/ .polkit-dialog { - /* this is the width of the entire modal popup */ - width: 500px; + /* this is the width of the entire modal popup */ + width: 500px; } .polkit-dialog-main-layout { - spacing: 24px; - padding: 10px; + spacing: 24px; + padding: 10px; } .polkit-dialog-message-layout { - spacing: 16px; + spacing: 16px; } .polkit-dialog-headline { - font-size: 12pt; - font-weight: bold; - color: #666666; + font-size: 12pt; + font-weight: bold; + color: #666666; } .polkit-dialog-description { - font-size: 10pt; - color: black; + font-size: 10pt; + color: black; } .polkit-dialog-user-layout { - padding-left: 10px; - spacing: 10px; + padding-left: 10px; + spacing: 10px; } .polkit-dialog-user-layout:rtl { - padding-left: 0px; - padding-right: 10px; + padding-left: 0px; + padding-right: 10px; } .polkit-dialog-user-root-label { - color: #ff0000; + color: #ff0000; } .polkit-dialog-password-label:ltr { - padding-right: 0.5em; + padding-right: 0.5em; } .polkit-dialog-password-label:rtl { - padding-left: 0.5em; + padding-left: 0.5em; } .polkit-dialog-password-entry { - background-gradient-start: rgb(236,236,236); - background-gradient-end: white; - background-gradient-direction: vertical; - color: black; - border-radius: 5px; - border: 2px solid #555753; + background-gradient-start: rgb(236,236,236); + background-gradient-end: white; + background-gradient-direction: vertical; + color: black; + border-radius: 5px; + border: 2px solid #555753; } .polkit-dialog-password-entry:focus { - border: 2px solid #3465a4; + border: 2px solid #3465a4; } .polkit-dialog-password-entry .capslock-warning { - icon-size: 16px; - warning-color: #999; - padding: 0 4px; + icon-size: 16px; + warning-color: #999; + padding: 0 4px; } .polkit-dialog-error-label { - font-size: 10pt; - color: #ffff00; - padding-bottom: 8px; + font-size: 10pt; + color: #ffff00; + padding-bottom: 8px; } .polkit-dialog-info-label { - font-size: 10pt; - padding-bottom: 8px; + font-size: 10pt; + padding-bottom: 8px; } /* intentionally left transparent to avoid dialog changing size */ .polkit-dialog-null-label { - font-size: 10pt; - color: rgba(0,0,0,0); - padding-bottom: 8px; + font-size: 10pt; + color: rgba(0,0,0,0); + padding-bottom: 8px; } .network-dialog-secret-table { - spacing-rows: 15px; + spacing-rows: 15px; } /* =================================================================== - * Magnifier - * ===================================================================*/ +* Magnifier +* ===================================================================*/ .magnifier-zoom-region { - border: 2px solid rgba(128, 0, 0, 255); + border: 2px solid rgba(128, 0, 0, 255); } .magnifier-zoom-region.full-screen { - border-width: 0px; + border-width: 0px; } /* =================================================================== - * On screen keyboard - * ===================================================================*/ +* On screen keyboard +* ===================================================================*/ #keyboard { - background-gradient-direction: vertical; - background-gradient-start: #000; - background-gradient-end: #000; - + background-gradient-direction: vertical; + background-gradient-start: #000; + background-gradient-end: #000; + } .keyboard-layout { - spacing: 10px; - padding: 10px; + spacing: 10px; + padding: 10px; } .keyboard-row { - spacing: 15px; + spacing: 15px; } .keyboard-key { - min-height: 32px; - min-width: 23px; - background-gradient-direction: vertical; - background-gradient-start: #5b5b5b; - background-gradient-end: #5b5b5b; - font-size: 14pt; - font-weight: bold; - border-radius: 1px; -border: 1px #717171; -border-bottom: 0px; -border-left: 0px; -border-right: 0px; - color: #eaeaea; + min-height: 32px; + min-width: 23px; + background-gradient-direction: vertical; + background-gradient-start: #5b5b5b; + background-gradient-end: #5b5b5b; + font-size: 14pt; + font-weight: bold; + border-radius: 1px; + border: 1px #717171; + border-bottom: 0px; + border-left: 0px; + border-right: 0px; + color: #eaeaea; } .keyboard-key:grayed { - background-gradient-direction: vertical; - background-gradient-start: #272727; - background-gradient-end: #272727; -border: 1px rgba(120,120,120,1); -border-bottom: 0px; -border-left: 0px; -border-right: 0px; -border-radius: 1px; + background-gradient-direction: vertical; + background-gradient-start: #272727; + background-gradient-end: #272727; + border: 1px rgba(120,120,120,1); + border-bottom: 0px; + border-left: 0px; + border-right: 0px; + border-radius: 1px; } .keyboard-key:checked, .keyboard-key:hover { - background-gradient-direction: vertical; - background-gradient-start: #2975E9; - background-gradient-end: #2975E9; -border: 1px #76d2ec; + background-gradient-direction: vertical; + background-gradient-start: #2975E9; + background-gradient-end: #2975E9; + border: 1px #76d2ec; border-bottom: 0px; - border-left: 0px; - border-right: 0px; -border-radius: 1px; - color: black; - + border-left: 0px; + border-right: 0px; + border-radius: 1px; + color: black; + } .keyboard-key:active { - background-gradient-direction: vertical; - background-gradient-start: #2975E9; - background-gradient-end: #2975E9; -border: 1px #76d2ec; + background-gradient-direction: vertical; + background-gradient-start: #2975E9; + background-gradient-end: #2975E9; + border: 1px #76d2ec; border-bottom: 0px; - border-left: 0px; - border-right: 0px; -border-radius: 1px; - color: black; - + border-left: 0px; + border-right: 0px; + border-radius: 1px; + color: black; + } .keyboard-subkeys { - color: black; - padding: 5px; - -arrow-border-radius: 2px; - -arrow-background-color: #1b1b1c; - -arrow-border-width: 1px; - -arrow-border-color: #2975E9; - -arrow-base: 10px; - -arrow-rise: 5px; - -boxpointer-gap: 5px; + color: black; + padding: 5px; + -arrow-border-radius: 2px; + -arrow-background-color: #1b1b1c; + -arrow-border-width: 1px; + -arrow-border-color: #2975E9; + -arrow-base: 10px; + -arrow-rise: 5px; + -boxpointer-gap: 5px; } /* ################################################################### - * Cinnamon Specific Section - * ###################################################################*/ +* Cinnamon Specific Section +* ###################################################################*/ /* =================================================================== - * Menu (menu.js) - * ===================================================================*/ +* Menu (menu.js) +* ===================================================================*/ /* Main menu title */ .starkmenu-background, .menu-background { - color: #fff; - -boxpointer-gap: -1px; - -arrow-border-radius: 16px; - -arrow-base: 0px; - -arrow-rise: -1px; - background-color: transparent; - border: inset 1px solid rgba(255,255,255,0.5); - border-image: url('menu-assets/menu-bg.png') 8; - box-shadow: 16px -5px 20px 10px rgba(0,0,0,0.4); - border-radius: 6px 6px 0px 0px; - padding-bottom: 0px; + color: #fff; + -boxpointer-gap: -1px; + -arrow-border-radius: 16px; + -arrow-base: 0px; + -arrow-rise: -1px; + background-color: transparent; + border: inset 1px solid rgba(255,255,255,0.5); + border-image: url('menu-assets/menu-bg.png') 8; + box-shadow: 16px -5px 20px 10px rgba(0,0,0,0.4); + border-radius: 6px 6px 0px 0px; + padding-bottom: 0px; } -.menu-favorites-box { - margin: auto; - background-color: #fff; - border: 1px solid #94a16f; - border-radius: 3px; - padding: 2px; - color: black; +.menu-favorites-box { + margin: auto; + background-color: #fff; + border: 1px solid #94a16f; + border-radius: 3px; + padding: 2px; + color: black; } .menu-favorites-button { - padding: 10px; - border-radius: 0px; + padding: 10px; + border-radius: 0px; } .menu-favorites-button:hover { -/* background-color: #2975E9; */ - border-image: url('menu-assets/hover.png') 5; + /* background-color: #2975E9; */ + border-image: url('menu-assets/hover.png') 5; } -.menu-places-box { - margin: auto; - padding: 8px; - border: 0px solid #666; +.menu-places-box { + margin: auto; + padding: 8px; + border: 0px solid #666; } .menu-places-button { - padding: 10px; + padding: 10px; } .menu-categories-box { - padding: 10px; + padding: 10px; } .menu-applications-box { - padding: 10px 0px 0px 10px; - border: none; + padding: 10px 0px 0px 10px; + border: none; } .menu-applications-inner-box { - padding: 5px; - background-color: #fff; + padding: 5px; + background-color: #fff; } .menu-applications-box StScrollBar { - padding: 0px; + padding: 0px; } .menu-applications-box StScrollView { - border: 0px solid #305496; - border-image: none; - border-right-width: 0px; + border: 0px solid #305496; + border-image: none; + border-right-width: 0px; } .menu-applications-box StBin#trough { - background: none; - border-width: 0px; - box-shadow: none; - border-image: url('menu-assets/trough.png') 3; + background: none; + border-width: 0px; + box-shadow: none; + border-image: url('menu-assets/trough.png') 3; } .menu-applications-box StButton#vhandle { - border-image: url('menu-assets/slider-vert.png') 3; - background: url('menu-assets/handle-vert.png') no-repeat center center; + border-image: url('menu-assets/slider-vert.png') 3; + background: url('menu-assets/handle-vert.png') no-repeat center center; } .menu-applications-box StButton#vhandle:hover { - border-image: url('menu-assets/slider-vert-hover.png') 3; - background: url('menu-assets/handle-vert.png') no-repeat center center; + border-image: url('menu-assets/slider-vert-hover.png') 3; + background: url('menu-assets/handle-vert.png') no-repeat center center; } .menu-application-button { - padding: 7px; - max-width: 10px; - color: black; + padding: 7px; + max-width: 10px; + color: black; } .menu-application-button-selected { - padding: 7px; - color: black; -/* background-color: #2975E9;*/ - border-image: url('menu-assets/hover.png') 5; + padding: 7px; + color: black; + /* background-color: #2975E9;*/ + border-image: url('menu-assets/hover.png') 5; } -.menu-application-button-label:ltr { - padding-left: 5px; +.menu-application-button-label:ltr { + padding-left: 5px; } -.menu-application-button-label:rtl { - padding-right: 5px; +.menu-application-button-label:rtl { + padding-right: 5px; } .menu-category-button { - padding: 7px; + padding: 7px; } .menu-category-button-greyed { - padding: 7px; - color: #808080; + padding: 7px; + color: #808080; } .menu-category-button-selected { - padding: 7px; - color: black; -/* background-color: #2975E9;*/ - border-image: url('menu-assets/hover.png') 5; + padding: 7px; + color: black; + /* background-color: #2975E9;*/ + border-image: url('menu-assets/hover.png') 5; } -.menu-category-button-label:ltr { - padding-left: 5px +.menu-category-button-label:ltr { + padding-left: 5px } -.menu-category-button-label:rtl { - padding-right: 5px +.menu-category-button-label:rtl { + padding-right: 5px } /* Name and description of the currently hovered item in the menu - * This appears on the bottom right hand corner of the menu*/ - +* This appears on the bottom right hand corner of the menu*/ + .menu-selected-app-box { - padding-top: 16px; - padding-right: 30px; - padding-left: 28px; - text-align: right; - color: black; + padding-top: 16px; + padding-right: 30px; + padding-left: 28px; + text-align: right; + color: black; } .menu-selected-app-title { - font-weight: bold; + font-weight: bold; } .menu-selected-app-description { - max-width: 150px; + max-width: 150px; } #menu-search-entry, #menu-search-entry:hover, #menu-search-entry:focus { - padding: 5px 6px; - color: #000; - font: 9pt; - height: 18px; - width: 250px; - selected-color: white; - caret-color: #000; - background-color: white; - caret-size: 1px; - margin-bottom: 10px; + padding: 5px 6px; + color: #000; + font: 9pt; + height: 18px; + width: 250px; + selected-color: white; + caret-color: #000; + background-color: white; + caret-size: 1px; + margin-bottom: 10px; } .menu-search-box { - padding-left: 20px; - padding-bottom: 10px; + padding-left: 20px; + padding-bottom: 10px; } .menu-search-entry-icon { - icon-size: 1em; - color: #000; + icon-size: 1em; + color: #000; } /* Context menu (at the moment only for favorites) */ -.menu-context-menu { -} +.menu-context-menu {} /* =================================================================== - * Window list (windowList.js) - * ===================================================================*/ +* Window list (windowList.js) +* ===================================================================*/ .window-list-box { - spacing: 1px; - padding: 0; + spacing: 1px; + padding: 0; } .window-list-item-label { - font-weight: normal; - width: 15em; - padding-left: 0px; - padding-right: 0px; - min-width: 5px; + font-weight: normal; + width: 15em; + padding-left: 0px; + padding-right: 0px; + min-width: 5px; } .window-list-item-box { - background: transparent; - transition-duration: 200; - color: #FFF; - max-width: 134px; + background: transparent; + transition-duration: 200; + color: #FFF; + max-width: 134px; } /* normal */ .window-list-item-box { - font-weight: normal; - font-size: 9pt; - border-image: url("panel-assets/item-normal.png") 4; + font-weight: normal; + font-size: 9pt; + border-image: url("panel-assets/item-normal.png") 4; } -/* hover -- for some reason Cinnamon now considers this as a panel launcher, thus, - use the '.panel-launcher:hover' class to change border image */ .window-list-item-box:hover { -/* border-image: url("panel-assets/item-hover.png") 4; */ - border-image:url("panel-assets/tray-hover.png") 4; + border-image:url("panel-assets/item-hover.png") 4; } /* active window */ .window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:focus { - border-image: url("panel-assets/item-active.png") 4; + border-image: url("panel-assets/item-active.png") 4; } /* active hover */ .window-list-item-box:checked:hover, .window-list-item-box:focus:hover, -.window-list-item-box:active:hover { - border-image: url("panel-assets/item-active-hover.png") 4; +.window-list-item-box:active:hover { + border-image: url("panel-assets/item-active-hover.png") 4; } /* urgent */ .window-list-item-demands-attention { - border-image: url("panel-assets/item-attention.png") 4; + border-image: url("panel-assets/item-attention.png") 4; } /* urgent hover */ .window-list-item-demands-attention:hover { - border-image: url("panel-assets/item-attention-hover.png") 4; + border-image: url("panel-assets/item-attention-hover.png") 4; +} + +/* experimental support for grouped window list */ +.grouped-window-list-item-box { + color: #ffffff; + font-weight: normal; + border-image: none; + transition-duration: 100; +} + +.grouped-window-list-item-box:hover { + border-image: url("panel-assets/tray-hover.png") 4; +} + +.grouped-window-list-item-box:active, +.grouped-window-list-item-box:checked { + border-image: url("panel-assets/item-normal.png") 4; +} + +.grouped-window-list-item-box:active:hover, +.grouped-window-list-item-box:checked:hover { + border-image: url("panel-assets/item-hover.png") 4; +} + +.grouped-window-list-item-box:focus { + border-image: url("panel-assets/item-active.png") 4; +} + +.grouped-window-list-item-box:focus:hover { + border-image: url("panel-assets/item-active-hover.png") 4; +} + +.grouped-window-list-item-demands-attention { + font-weight: normal; + border-image: url("panel-assets/item-attention.png") 4; +} + +.grouped-window-list-item-attention:hover { + border-image: url("panel-assets/item-attention-hover.png") 4; +} + +.window-list-item-box .progress, +.grouped-window-list-item-box .progress { + background-color: #4b7843; +} + +.window-list-preview { + spacing: 6px; + color: #000000; + border: none; + border-image: url('menu-assets/background.png') 8; + border-radius: 0; + padding: 6px 12px 12px 12px; + font-size: 1em; +} + +.grouped-window-list-thumbnail-menu { + spacing: 6px; + border-radius: 0; + padding: 6px 12px 12px 12px; +} + +.grouped-window-list-thumbnail-menu > StBoxLayout { + padding: 4px; +} + +.grouped-window-list-thumbnail-menu .item-box { + padding: 10px; + border-radius: 0; + spacing: 4px; +} + +.grouped-window-list-thumbnail-menu .item-box:outlined { + padding: 8px; + border: 1px solid #3b8bff; +} + +.grouped-window-list-thumbnail-menu .item-box:selected { + color: #000000; + background-color: #3b8bff; + border-image: url('menu-assets/hover.png') 5; + border: none; } /* =================================================================== - * Sound Applet (status/volume.js) - * ===================================================================*/ +* Sound Applet (status/volume.js) +* ===================================================================*/ .sound-button-container { - padding-right: 2px; - padding-left: 2px; - background-color: #232527; - border: 2px solid #656565; - border-top: 0px; - border-left: 0px; - border-right: 0px; - box-shadow: 0px -1px 0px 0px rgba(51,51,51,1); + padding-right: 2px; + padding-left: 2px; + background-color: #232527; + border: 2px solid #656565; + border-top: 0px; + border-left: 0px; + border-right: 0px; + box-shadow: 0px -1px 0px 0px rgba(51,51,51,1); } .sound-button { - width: 26px; - height: 20px; - padding: 5px; - color: black; - background-color: #000; + width: 26px; + height: 20px; + padding: 5px; + color: black; + background-color: #000; } .sound-button:hover { - background-color: #232527; - color: #2975E9; - transition-duration: 200; + background-color: #232527; + color: #2975E9; + transition-duration: 200; } .sound-button:active { - background-color: rgba(57,156,238,.1); - color: #2975E9; - transition-duration: 200; + background-color: rgba(57,156,238,.1); + color: #2975E9; + transition-duration: 200; } .sound-button StIcon { - icon-size: 1em; + icon-size: 1em; } .sound-track-infos { - padding-left: 5px; - padding-right: 5px; - padding-top: 5px; - padding-bottom: 5px; + padding-left: 5px; + padding-right: 5px; + padding-top: 5px; + padding-bottom: 5px; } .sound-track-info { - padding-top: 2px; - padding-bottom: 2px; + padding-top: 2px; + padding-bottom: 2px; } .sound-track-info StIcon { - icon-size: 1em; + icon-size: 1em; } .sound-track-info StLabel { - padding-left: 5px; - padding-right: 5px; + padding-left: 5px; + padding-right: 5px; } .sound-track-box { - padding-left: 18px; - padding-right: 18px; - max-width: 220px; + padding-left: 18px; + padding-right: 18px; + max-width: 220px; } .sound-volume-menu-item { - padding: .4em 1.75em; + padding: .4em 1.75em; } .sound-volume-menu-item StIcon { - icon-size: 1.14em; - padding-left: 8px; + icon-size: 1.14em; + padding-left: 8px; } .sound-playback-control { - padding-top: 5px; - padding-bottom: 10px; + padding-top: 5px; + padding-bottom: 10px; } /* =================================================================== - * Workspace Switcher applet (workspaceSwitcher.js) - * ===================================================================*/ +* Workspace Switcher applet (workspaceSwitcher.js) +* ===================================================================*/ #workspaceSwitcher { - spacing: 2px; - padding: 2px; + spacing: 2px; + padding: 2px; } - + .workspace-button { - width: 20px; - height: 10px; - padding: 2px; - border-radius: 0px; - background-color: rgba(255,255,255,0.0); - color: black; - transition-duration: 250; + width: 20px; + height: 10px; + padding: 2px; + border-radius: 0px; + background-color: rgba(255,255,255,0.0); + color: black; + transition-duration: 250; } .workspace-button:outlined { - padding: 2px; - background-color: #000; - border-radius: 0px; - color: #2975E9; + padding: 2px; + background-color: #000; + border-radius: 0px; + color: #2975E9; } .workspace-button:hover { - padding: 2px; - background-color: #000; - border-radius: 0px; - color: #2975E9; + padding: 2px; + background-color: #000; + border-radius: 0px; + color: #2975E9; } /* =================================================================== - * Panel Launchers Applet (panelLaunchers.js) - * ===================================================================*/ +* Panel Launchers Applet (panelLaunchers.js) +* ===================================================================*/ #panel-launchers-box { - + } .panel-launcher { - margin: 1px; - padding: 3px; - border: 1px solid transparent; + margin: 1px; + padding: 3px; + border: 1px solid transparent; } .panel-launcher:hover { -/* background-color: rgba(0,0,0,0.5); */ - border-image:url("panel-assets/tray-hover.png") 4; + /* background-color: rgba(0,0,0,0.5); */ + border-image:url("panel-assets/tray-hover.png") 4; } .panel-launcher-add-dialog-content-box { - padding: 6px; - spacing: 20px; + padding: 6px; + spacing: 20px; } .panel-launcher-add-dialog-content-box-left { - padding: 6px; - spacing: 20px; + padding: 6px; + spacing: 20px; } .panel-launcher-add-dialog-content-box-right { - padding: 6px; - spacing: 10px; + padding: 6px; + spacing: 10px; } .panel-launcher-add-dialog-entry { - padding: 5px; - border-radius: 4px; - color: rgb(50, 50, 50); - border: 1px solid rgba(245,245,245,0.2); - background-gradient-start: rgba(200,200,200,0.5); - background-gradient-end: rgba(254,254,254,0.5); - background-gradient-direction: vertical; - box-shadow: inset 0px 1px 2px 0px rgba(0,0,0,0.5); - selected-color: black; - caret-color: rgb(128, 128, 128); - caret-size: 1px; - width: 250px; - transition-duration: 300; + padding: 5px; + border-radius: 4px; + color: rgb(50, 50, 50); + border: 1px solid rgba(245,245,245,0.2); + background-gradient-start: rgba(200,200,200,0.5); + background-gradient-end: rgba(254,254,254,0.5); + background-gradient-direction: vertical; + box-shadow: inset 0px 1px 2px 0px rgba(0,0,0,0.5); + selected-color: black; + caret-color: rgb(128, 128, 128); + caret-size: 1px; + width: 250px; + transition-duration: 300; } .panel-launcher-add-dialog-entry:focus, .panel-launcher-add-dialog-entry:hover { - border: 1px solid rgba(120,120,120,1); - background-gradient-start: rgb(200,200,200); - background-gradient-end: white; - background-gradient-direction: vertical; + border: 1px solid rgba(120,120,120,1); + background-gradient-start: rgb(200,200,200); + background-gradient-end: white; + background-gradient-direction: vertical; } .panel-launcher-add-dialog-entry:hover { - transition-duration: 300; + transition-duration: 300; } .panel-launcher-add-dialog-entry:focus { - color: rgb(64, 64, 64); - font-weight: bold; - transition-duration: 0; + color: rgb(64, 64, 64); + font-weight: bold; + transition-duration: 0; } /* =================================================================== - * Overview corner - * ===================================================================*/ +* Overview corner +* ===================================================================*/ #overview-corner { - background-image: url("overview.png"); + background-image: url("overview.png"); } -#overview-corner:hover { - background-image: url("overview-hover.png"); +#overview-corner:hover { + background-image: url("overview-hover.png"); } /* =================================================================== - * Applets (applet.js) - * ===================================================================*/ +* Applets (applet.js) +* ===================================================================*/ .applet-separator { - padding: 5px 4px; + padding: 5px 4px; } .applet-separator-line { - width: 1px; - background: rgba(0,0,0,0.5); + width: 1px; + background: rgba(0,0,0,0.5); } .applet-box { - padding-left: 6px; - padding-right: 6px; - transition-duration: 300; - padding-top: 1px; + padding-left: 6px; + padding-right: 6px; + transition-duration: 300; + padding-top: 1px; } .applet-box:hover { - background-color: rgba(25,25,25,0); - border-image: url('panel-assets/tray-hover.png') 16; - color: white; - transition-duration: 100; + background-color: rgba(25,25,25,0); + border-image: url('panel-assets/tray-hover.png') 16; + color: white; + transition-duration: 100; } .applet-box:active { - background-color: rgba(25,25,25,0); - border-image: url('panel-assets/tray-pressed.png') 16; - color: white; - transition-duration: 100; + background-color: rgba(25,25,25,0); + border-image: url('panel-assets/tray-pressed.png') 16; + color: white; + transition-duration: 100; } /* Cinnamon 3.2+ Only Feature */ .applet-box:checked, .applet-box:hover { - border-image: url('panel-assets/tray-pressed.png') 6; + border-image: url('panel-assets/tray-pressed.png') 6; } .applet-label:not(:first-child) { - font-weight: normal; + font-weight: normal; } .applet-icon { - icon-size: 1.3em; + icon-size: 1.3em; } .applet-icon:hover, .applet-box:hover > .applet-icon {} /* =================================================================== - * Workspace OSD - * ===================================================================*/ +* Workspace OSD +* ===================================================================*/ /* When switching workspaces*/ .workspace-osd { - color: black; - font-size: 25pt; - text-align: center; - border: 1px solid #767676; - border-radius: 3px; - padding: 2px 12px; - background-gradient-start: #ffffff; - background-gradient-end: #e4e5f0; - background-gradient-direction: vertical; - padding: 0.5em 1em; + color: black; + font-size: 25pt; + text-align: center; + border: 1px solid #767676; + border-radius: 3px; + padding: 2px 12px; + background-gradient-start: #ffffff; + background-gradient-end: #e4e5f0; + background-gradient-direction: vertical; + padding: 0.5em 1em; } .expo-workspaces-name-entry { - padding: 5px; - padding-bottom: 7px; - color: gray; - border: 1px solid gray; - background-color: white; - selected-color: black; - caret-color: black; - caret-size: 1px; - height: 16px; - text-align: center; + padding: 5px; + padding-bottom: 7px; + color: gray; + border: 1px solid gray; + background-color: white; + selected-color: black; + caret-color: black; + caret-size: 1px; + height: 16px; + text-align: center; } .expo-workspaces-name-entry#selected { - background-color: #f1f1f1; - padding: 5px; - padding-bottom: 7px; - border: 1px solid #2975E9; - text-align: center; - height: 16px; + background-color: #f1f1f1; + padding: 5px; + padding-bottom: 7px; + border: 1px solid #2975E9; + text-align: center; + height: 16px; } .expo-workspaces-name-entry:focus { - padding: 5px; - padding-bottom: 7px; - color: black; - transition-duration: 300; - text-align: center; + padding: 5px; + padding-bottom: 7px; + color: black; + transition-duration: 300; + text-align: center; } /* =================================================================== - * Notification Applet - * ===================================================================*/ +* Notification Applet +* ===================================================================*/ .notification-applet-padding { - padding: .5em 1em; + padding: .5em 1em; } .notification-applet-container { - max-height: 100px; + max-height: 100px; } /* Check Boxes */ .check-box CinnamonGenericContainer { - spacing: .2em; - min-height: 30px; - padding-top: 2px; + spacing: .2em; + min-height: 30px; + padding-top: 2px; } .check-box StBin { - width: 24px; - height: 18px; - background-image: url("menu-assets/checkbox-off.png"); + width: 24px; + height: 18px; + background-image: url("menu-assets/checkbox-off.png"); } .check-box:focus StBin { - background-image: url("menu-assets/checkbox-off-focus.png"); + background-image: url("menu-assets/checkbox-off-focus.png"); } .check-box:checked StBin { - background-image: url("menu-assets/checkbox.png"); + background-image: url("menu-assets/checkbox.png"); } .check-box:focus:checked StBin { - background-image: url("menu-assets/checkbox-focus.png"); + background-image: url("menu-assets/checkbox-focus.png"); } .check-box StLabel { - font-weight: normal; + font-weight: normal; } .radiobutton CinnamonGenericContainer { - spacing: .2em; - height: 26px; - padding-top: 2px; + spacing: .2em; + height: 26px; + padding-top: 2px; } .radiobutton StBin { - width: 22px; - height: 22px; - background-image: url("radio-unselected.png"); - border-radius: 15px; + width: 22px; + height: 22px; + background-image: url("radio-unselected.png"); + border-radius: 15px; } .radiobutton:focus StBin { - background-image: url("radio-unselected.png"); + background-image: url("radio-unselected.png"); } .radiobutton:checked StBin { - background-image: url("radio-selected.png"); + background-image: url("radio-selected.png"); } .radiobutton:focus:checked StBin { - background-image: url("radio-selected.png"); + background-image: url("radio-selected.png"); } .radiobutton StLabel { - padding-top: 4px; - font-size: 0.9em; - box-shadow: none; + padding-top: 4px; + font-size: 0.9em; + box-shadow: none; } .flashspot { - background-color: white; + background-color: white; } /* =================================================================== - * Network Data Usage Monitor applet - * ===================================================================*/ - - /* These settings govern the width of the Applet and the space taken by the font.*/ +* Network Data Usage Monitor applet +* ===================================================================*/ + +/* These settings govern the width of the Applet and the space taken by the font.*/ .numa-left { - text-align: center; - min-width: 75px; - font-weight: bold; - /*font-size: 95%;*/ + text-align: center; + min-width: 75px; + font-weight: bold; + /*font-size: 95%;*/ } .numa-right { - text-align: center; - min-width: 1px; - font-weight: bold; - /*font-size: 95%;*/ + text-align: center; + min-width: 1px; + font-weight: bold; + /*font-size: 95%;*/ } -/* The following are the styles for the Applet backgrounds - names are self explanitory +/* The following are the styles for the Applet backgrounds - names are self explanitory The colour parameters are red, green, blue, and transparency or a name */ .numa-not-connected { - background-color: rgba(0,0,0,0.0); - border-radius: 10px; + background-color: rgba(0,0,0,0.0); + border-radius: 10px; } .numa-connected { - background-color: rgba(0,0,0,0); - border-radius: 10px; + background-color: rgba(0,0,0,0); + border-radius: 10px; } .numa-alert { - color: black; - border-top: 3px; - border-bottom: 0px; - background-gradient-direction: vertical; - background-gradient-end: rgba(57,156,238,0.1); - background-gradient-start: rgba(57,156,238,0.1); - border-radius: 0px; + color: black; + border-top: 3px; + border-bottom: 0px; + background-gradient-direction: vertical; + background-gradient-end: rgba(57,156,238,0.1); + background-gradient-start: rgba(57,156,238,0.1); + border-radius: 0px; } .numa-limit-exceeded { - color: black; - border-top: 3px; - border-bottom: 0px; - background-gradient-direction: vertical; - background-gradient-end: rgba(57,156,238,0.1); - background-gradient-start: rgba(57,156,238,0.1); - border-radius: 0px; + color: black; + border-top: 3px; + border-bottom: 0px; + background-gradient-direction: vertical; + background-gradient-end: rgba(57,156,238,0.1); + background-gradient-start: rgba(57,156,238,0.1); + border-radius: 0px; } /* =================================================================== - * Snap/Tile OSD Popup - * ===================================================================*/ +* Snap/Tile OSD Popup +* ===================================================================*/ .snap-osd { - font-size: 18pt; - border-radius: 24px; - background-color: rgba(55,55,55,0.9); - color: black; - padding-right: 20px; - padding-left: 20px; - padding-bottom: 20px; - padding-top: 20px; - text-align: center; + font-size: 18pt; + border-radius: 24px; + background-color: rgba(55,55,55,0.9); + color: black; + padding-right: 20px; + padding-left: 20px; + padding-bottom: 20px; + padding-top: 20px; + text-align: center; } .info-osd { - font-size: 18pt; - font-weight: normal; - border-image: url('tab.png') 16; - color: black; - padding: 20px; - text-align: center; + font-size: 18pt; + font-weight: normal; + border-image: url('tab.png') 16; + color: black; + padding: 20px; + text-align: center; } .osd-window { - border-image: url('tab.png') 16; - padding: 20px; - color: black; - spacing: 1em; + border-image: url('tab.png') 16; + padding: 20px; + color: black; + spacing: 1em; } .osd-window .level { - height: 0.7em; - border-radius: 0px; - background-color: rgba(0,0,0,0.35); + height: 0.7em; + border-radius: 0px; + background-color: rgba(0,0,0,0.35); } .tile-preview, .tile-preview.snap, .tile-hud, .tile-hud.snap { - background-color: rgba(49, 106, 197, 0.5); - border: 1px solid rgba(49, 106, 197, 0.8); + background-color: rgba(49, 106, 197, 0.5); + border: 1px solid rgba(49, 106, 197, 0.8); } .tile-hud:top { - border-top-width: 0px; - border-radius: 0px 0px 8px 8px; + border-top-width: 0px; + border-radius: 0px 0px 8px 8px; } .tile-hud:bottom { - border-bottom-width: 0px; - border-radius: 8px 8px 0px 0px; + border-bottom-width: 0px; + border-radius: 8px 8px 0px 0px; } .tile-hud:left { - border-left-width: 0px; - border-radius: 0px 8px 8px 0px; + border-left-width: 0px; + border-radius: 0px 8px 8px 0px; } .tile-hud:right { - border-right-width: 0px; - border-radius: 8px 0px 0px 8px; + 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; + 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; + 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; + 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; + border-bottom-width: 0px; + border-right-width: 0px; + border-radius: 8px 0px 0px 0px; } /* =================================================================== - * CinnXPStarkMenu - * (if CinnXPStarkMenu is used, change some stuff, else use default) - * ===================================================================*/ +* CinnXPStarkMenu +* (if CinnXPStarkMenu is used, change some stuff, else use default) +* ===================================================================*/ .right-buttons-box { - color: white; + color: white; } .starkmenu-background { - color: #fff; - -boxpointer-gap: -1px; - -arrow-border-radius: 16px; - -arrow-base: 0px; - -arrow-rise: -1px; - background-color: transparent; - border: inset 1px solid rgba(255,255,255,0.5); - border-image: url('menu-assets/menu-bg.png') 8; - box-shadow: 16px -5px 20px 10px rgba(0,0,0,0.4); - border-radius: 6px 6px 0px 0px; - padding-bottom: 0px; + color: #fff; + -boxpointer-gap: -1px; + -arrow-border-radius: 16px; + -arrow-base: 0px; + -arrow-rise: -1px; + background-color: transparent; + border: inset 1px solid rgba(255,255,255,0.5); + border-image: url('menu-assets/menu-bg.png') 8; + box-shadow: 16px -5px 20px 10px rgba(0,0,0,0.4); + border-radius: 6px 6px 0px 0px; + padding-bottom: 0px; } -.starkmenu-selected-app-box { -} -.starkmenu-favorites-box { -} -.starkmenu-applications-box { -} -.starkmenu-applications-inner-box { -} -.starkmenu-applications-box StScrollView { -} -.starkmenu-search-box { +.starkmenu-selected-app-box {} +.starkmenu-favorites-box { } +.starkmenu-applications-box {} +.starkmenu-applications-inner-box {} +.starkmenu-applications-box StScrollView {} +.starkmenu-search-box {} .hover-user-icon { - border-radius: 4px; - border: 7px solid transparent; - border-image: url('menu-assets/box.png') 6 6 6 6; + border-radius: 4px; + border: 7px solid transparent; + border-image: url('menu-assets/box.png') 6 6 6 6; } .hover-icon { - border: 6px solid transparent; + border: 6px solid transparent; } /* shutdown button */ .starkmenu-quit-horizontal-button { - padding-bottom: 4px; - padding-left: 10px; - border-image: url('buttons/shutdown.png') 8; + padding-bottom: 4px; + padding-left: 10px; + border-image: url('buttons/shutdown.png') 8; } .starkmenu-quit-horizontal-button-selected { - padding-bottom: 4px; - padding-left: 10px; - border-image: url('buttons/shutdown-hover.png') 8; + padding-bottom: 4px; + padding-left: 10px; + border-image: url('buttons/shutdown-hover.png') 8; } /* logout button */ .starkmenu-logout-horizontal-button { - padding-bottom: 4px; - border-image: url('buttons/logout.png') 8; + padding-bottom: 4px; + border-image: url('buttons/logout.png') 8; } .starkmenu-logout-horizontal-button-selected { - padding-bottom: 4px; - border-image: url('buttons/logout-hover.png') 8; + padding-bottom: 4px; + border-image: url('buttons/logout-hover.png') 8; } /* lockscreen button */ .starkmenu-lockscreen-horizontal-button { - padding-bottom: 4px; - border-image: url('buttons/lock.png') 8; + padding-bottom: 4px; + border-image: url('buttons/lock.png') 8; } .starkmenu-lockscreen-horizontal-button-selected { - padding-bottom: 4px; - border-image: url('buttons/lock-hover.png') 4; + padding-bottom: 4px; + border-image: url('buttons/lock-hover.png') 4; } diff --git a/cinnamon/expo.png b/cinnamon/expo.png deleted file mode 100644 index 4376ca6..0000000 Binary files a/cinnamon/expo.png and /dev/null differ diff --git a/cinnamon/panel-assets/item-active-hover.png b/cinnamon/panel-assets/item-active-hover.png index 1d4d1bf..f50a051 100755 Binary files a/cinnamon/panel-assets/item-active-hover.png and b/cinnamon/panel-assets/item-active-hover.png differ diff --git a/cinnamon/panel-assets/item-active.png b/cinnamon/panel-assets/item-active.png index f50a051..583a155 100755 Binary files a/cinnamon/panel-assets/item-active.png and b/cinnamon/panel-assets/item-active.png differ diff --git a/cinnamon/panel-assets/item-normal.png b/cinnamon/panel-assets/item-normal.png old mode 100755 new mode 100644 index 1bca137..75a90aa Binary files a/cinnamon/panel-assets/item-normal.png and b/cinnamon/panel-assets/item-normal.png differ diff --git a/cinnamon/radio-selected.png b/cinnamon/radio-selected.png old mode 100644 new mode 100755 index e5935d7..e1cee87 Binary files a/cinnamon/radio-selected.png and b/cinnamon/radio-selected.png differ diff --git a/cinnamon/radio-unselected.png b/cinnamon/radio-unselected.png old mode 100644 new mode 100755 index 7027173..71109dc Binary files a/cinnamon/radio-unselected.png and b/cinnamon/radio-unselected.png differ diff --git a/cinnamon/tab.png b/cinnamon/tab.png index bd029c3..66d2d89 100644 Binary files a/cinnamon/tab.png and b/cinnamon/tab.png differ