diff --git a/Windows XP Embedded/cinnamon/buttons/button-focused-prelight.png b/Windows XP Embedded/cinnamon/buttons/button-focused-prelight.png index 00de8ca..86f9d6b 100755 Binary files a/Windows XP Embedded/cinnamon/buttons/button-focused-prelight.png and b/Windows XP Embedded/cinnamon/buttons/button-focused-prelight.png differ diff --git a/Windows XP Embedded/cinnamon/buttons/button-focused.png b/Windows XP Embedded/cinnamon/buttons/button-focused.png index aba7a79..86f9d6b 100755 Binary files a/Windows XP Embedded/cinnamon/buttons/button-focused.png and b/Windows XP Embedded/cinnamon/buttons/button-focused.png differ diff --git a/Windows XP Embedded/cinnamon/buttons/button-hover.png b/Windows XP Embedded/cinnamon/buttons/button-hover.png index aba7a79..86f9d6b 100755 Binary files a/Windows XP Embedded/cinnamon/buttons/button-hover.png and b/Windows XP Embedded/cinnamon/buttons/button-hover.png differ diff --git a/Windows XP Embedded/cinnamon/buttons/button-insensitive.png b/Windows XP Embedded/cinnamon/buttons/button-insensitive.png index 33600d0..5b0b260 100755 Binary files a/Windows XP Embedded/cinnamon/buttons/button-insensitive.png and b/Windows XP Embedded/cinnamon/buttons/button-insensitive.png differ diff --git a/Windows XP Embedded/cinnamon/buttons/button-pressed.png b/Windows XP Embedded/cinnamon/buttons/button-pressed.png new file mode 100644 index 0000000..60b7846 Binary files /dev/null and b/Windows XP Embedded/cinnamon/buttons/button-pressed.png differ diff --git a/Windows XP Embedded/cinnamon/buttons/button.png b/Windows XP Embedded/cinnamon/buttons/button.png index d6d509f..b58caad 100755 Binary files a/Windows XP Embedded/cinnamon/buttons/button.png and b/Windows XP Embedded/cinnamon/buttons/button.png differ diff --git a/Windows XP Embedded/cinnamon/checkbox-focus.png b/Windows XP Embedded/cinnamon/checkbox/checkbox-focus.png similarity index 100% rename from Windows XP Embedded/cinnamon/checkbox-focus.png rename to Windows XP Embedded/cinnamon/checkbox/checkbox-focus.png diff --git a/Windows XP Embedded/cinnamon/checkbox-off-focus.png b/Windows XP Embedded/cinnamon/checkbox/checkbox-off-focus.png similarity index 100% rename from Windows XP Embedded/cinnamon/checkbox-off-focus.png rename to Windows XP Embedded/cinnamon/checkbox/checkbox-off-focus.png diff --git a/Windows XP Embedded/cinnamon/checkbox-off.png b/Windows XP Embedded/cinnamon/checkbox/checkbox-off.png similarity index 100% rename from Windows XP Embedded/cinnamon/checkbox-off.png rename to Windows XP Embedded/cinnamon/checkbox/checkbox-off.png diff --git a/Windows XP Embedded/cinnamon/checkbox.png b/Windows XP Embedded/cinnamon/checkbox/checkbox.png similarity index 100% rename from Windows XP Embedded/cinnamon/checkbox.png rename to Windows XP Embedded/cinnamon/checkbox/checkbox.png diff --git a/Windows XP Embedded/cinnamon/checkbox/radio-checked-active.png b/Windows XP Embedded/cinnamon/checkbox/radio-checked-active.png new file mode 100644 index 0000000..d1106b7 Binary files /dev/null and b/Windows XP Embedded/cinnamon/checkbox/radio-checked-active.png differ diff --git a/Windows XP Embedded/cinnamon/checkbox/radio-checked-hover.png b/Windows XP Embedded/cinnamon/checkbox/radio-checked-hover.png new file mode 100644 index 0000000..746a538 Binary files /dev/null and b/Windows XP Embedded/cinnamon/checkbox/radio-checked-hover.png differ diff --git a/Windows XP Embedded/cinnamon/checkbox/radio-checked-insensitive.png b/Windows XP Embedded/cinnamon/checkbox/radio-checked-insensitive.png new file mode 100644 index 0000000..5c37033 Binary files /dev/null and b/Windows XP Embedded/cinnamon/checkbox/radio-checked-insensitive.png differ diff --git a/Windows XP Embedded/cinnamon/checkbox/radio-checked.png b/Windows XP Embedded/cinnamon/checkbox/radio-checked.png new file mode 100644 index 0000000..2808707 Binary files /dev/null and b/Windows XP Embedded/cinnamon/checkbox/radio-checked.png differ diff --git a/Windows XP Embedded/cinnamon/checkbox/radio-mixed-active.png b/Windows XP Embedded/cinnamon/checkbox/radio-mixed-active.png new file mode 100644 index 0000000..d88e739 Binary files /dev/null and b/Windows XP Embedded/cinnamon/checkbox/radio-mixed-active.png differ diff --git a/Windows XP Embedded/cinnamon/checkbox/radio-mixed-hover.png b/Windows XP Embedded/cinnamon/checkbox/radio-mixed-hover.png new file mode 100644 index 0000000..0be71bc Binary files /dev/null and b/Windows XP Embedded/cinnamon/checkbox/radio-mixed-hover.png differ diff --git a/Windows XP Embedded/cinnamon/checkbox/radio-mixed-insensitive.png b/Windows XP Embedded/cinnamon/checkbox/radio-mixed-insensitive.png new file mode 100644 index 0000000..08f4dc0 Binary files /dev/null and b/Windows XP Embedded/cinnamon/checkbox/radio-mixed-insensitive.png differ diff --git a/Windows XP Embedded/cinnamon/checkbox/radio-mixed.png b/Windows XP Embedded/cinnamon/checkbox/radio-mixed.png new file mode 100644 index 0000000..de5c31a Binary files /dev/null and b/Windows XP Embedded/cinnamon/checkbox/radio-mixed.png differ diff --git a/Windows XP Embedded/cinnamon/checkbox/radio-unchecked-active.png b/Windows XP Embedded/cinnamon/checkbox/radio-unchecked-active.png new file mode 100644 index 0000000..0737150 Binary files /dev/null and b/Windows XP Embedded/cinnamon/checkbox/radio-unchecked-active.png differ diff --git a/Windows XP Embedded/cinnamon/checkbox/radio-unchecked-hover.png b/Windows XP Embedded/cinnamon/checkbox/radio-unchecked-hover.png new file mode 100644 index 0000000..d4f1dce Binary files /dev/null and b/Windows XP Embedded/cinnamon/checkbox/radio-unchecked-hover.png differ diff --git a/Windows XP Embedded/cinnamon/checkbox/radio-unchecked-insensitive.png b/Windows XP Embedded/cinnamon/checkbox/radio-unchecked-insensitive.png new file mode 100644 index 0000000..ef70e1a Binary files /dev/null and b/Windows XP Embedded/cinnamon/checkbox/radio-unchecked-insensitive.png differ diff --git a/Windows XP Embedded/cinnamon/checkbox/radio-unchecked.png b/Windows XP Embedded/cinnamon/checkbox/radio-unchecked.png new file mode 100644 index 0000000..41d8b2c Binary files /dev/null and b/Windows XP Embedded/cinnamon/checkbox/radio-unchecked.png differ diff --git a/Windows XP Embedded/cinnamon/cinnamon.css b/Windows XP Embedded/cinnamon/cinnamon.css index c034e4e..0ecf58b 100644 --- a/Windows XP Embedded/cinnamon/cinnamon.css +++ b/Windows XP Embedded/cinnamon/cinnamon.css @@ -4,6 +4,7 @@ * ###################################################################*/ stage { font-family: Noto Sans, sans-serif; + color: white; } .cinnamon-link { @@ -19,6 +20,9 @@ stage { color: rgba(0,0,0,0.5); } +/* =================================================================== + * Scrollbars + * ===================================================================*/ StScrollView.vfade { -st-vfade-offset: 0px; } @@ -44,14 +48,16 @@ StScrollBar StButton#vhandle:hover { } .menu-applications-box StButton#vhandle { - background: url('handle-vert.png') no-repeat center center; + background: url('menu/handle-vert.png') no-repeat center center; } .menu-applications-box StButton#vhandle:hover { - background: url('handle-vert.png') no-repeat center center; + background: url('menu/handle-vert.png') no-repeat center center; } - +/* =================================================================== + * Tooltip + * ===================================================================*/ #Tooltip { border: 1px solid rgba(57,156,238,1.0); border-radius: 0px; @@ -66,84 +72,52 @@ StScrollBar StButton#vhandle:hover { } /* =================================================================== -* Shared button properties -* ===================================================================*/ - + * Shared button properties + * ===================================================================*/ .notification-button, .notification-icon-button, -.hotplug-notification-item, .hotplug-resident-eject-button, .modal-dialog-button { - color: black; + color: white; + background: none; + background-gradient-direction: none; + border: 1px solid; 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 { +.notification-icon-button:hover, .modal-dialog-button:hover { border-image: url('buttons/button-hover.png') 5; } .notification-button:focus, -.notification-icon-button:focus, .hotplug-notification-item:focus, +.notification-icon-button:focus, .modal-dialog-button:focus { + background: none; + border: 1px solid; 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 { + background: none; + border: 1px solid; border-image: url('buttons/button-pressed.png') 5; } /* =================================================================== -* User Applet -* ===================================================================*/ - -.user-box { - 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; -} - -.user-label { - color: #000; - font-size: 10pt; - font-weight: normal; - margin: 0; -} - -/* =================================================================== -* PopupMenu (popupMenu.js) -* ===================================================================*/ + * PopupMenu (popupMenu.js) + * ===================================================================*/ .popup-menu-boxpointer { - -arrow-background-color: transparent; - -arrow-border-color: transparent; - -boxpointer-gap: 0px; -arrow-border-radius: 16px; - -arrow-base: 16px; - -arrow-rise: -1px; - -arrow-border-width: 0px; + -boxpointer-gap: -1px; + -arrow-base: 40px; } /* Cinnamon 3.2 fix */ .popup-menu, .menu { border: solid 4px black; - border-image: url('popupmenu.png') 8 8 8 8; + border-image: url('menu/popupmenu.png') 8 8 8 8; color: #000; font-size: 9pt; } @@ -174,7 +148,7 @@ StScrollBar StButton#vhandle:hover { padding: 1em 0em; color: #000; font-size: 10.5pt; - border: 1px solid #00A7FB; + border: 1px solid #315aab; border-radius: 0px 0px 8px 0px; } /* The remaining popup-menu sizing is all done in ems, so that if you @@ -189,7 +163,8 @@ StScrollBar StButton#vhandle:hover { border: 2px solid transparent; } .popup-menu-item:active { - background-color: #00A7FB; + background-color: #315aab; + color: white; } .popup-menu-item:insensitive { color: #9f9f9f; @@ -214,7 +189,7 @@ StScrollBar StButton#vhandle:hover { -slider-height: 0.3em; -slider-background-color: #666666; -slider-border-color: #555555; - -slider-active-background-color: #00A7FB; + -slider-active-background-color: #315aab; -slider-active-border-color: #DDDDDD; -slider-border-width: 1px; -slider-handle-radius: 0.5em; @@ -233,37 +208,35 @@ StScrollBar StButton#vhandle:hover { icon-size: 1.14em; } -/* Switches (to be used in menus) */ +/* =================================================================== + * Switches (to be used in menus) + * ===================================================================*/ .toggle-switch { width: 52px; height: 18px; } .toggle-switch-us, .toggle-switch-intl { - background-image: url("checkbox-off.png"); + background-image: url('checkbox/checkbox-off.png'); } .toggle-switch-us:checked, .toggle-switch-intl:checked { - background-image: url("checkbox.png"); + background-image: url('checkbox/checkbox.png'); } .nm-menu-item-icons { spacing: .5em; } - /* =================================================================== -* Panel (panel.js) -* ===================================================================*/ - + * Panel (panel.js) + * ===================================================================*/ #panel { - color: #ffffff; - text-shadow: black 0px 1px 1px; + color: #white; background-color: #013c6b; font-size: 9pt; - border-image: url('panel.png') 80 0 0 0; + border-image: url('panel/panel.png') 80 0 0 0; font-weight: normal; height: 30px; - outline: 1px rgba(0,0,0,1); } #panelLeft, #panelCenter { @@ -271,23 +244,30 @@ StScrollBar StButton#vhandle:hover { } #panelRight { - border-image: url('panel-right.png') 7 0 0 0; + border-image: url('panel/panel-right.png') 7 0 0 0; } #panelLeft .applet-box:first-child { - border-image: url('menu-box.png') 7 0 0 0; - border-right-width: 10px; - font-size: 12pt; + border-image: url('panel/menu-box.png') 7 0 0 0; + padding-right: 20px; +} + +/* TODO: Tahoma is used for most things, but this looks a little off.*/ +#panelLeft .applet-box:first-child .applet-label { + color: white; + font-family: tahoma; + font-size: 15pt; font-style: italic; - font-weight: bold; + font-weight: bold; + text-shadow: black 0px 1px 2px; } #panelLeft .applet-box:first-child:hover { - border-image: url('menu-hover.png') 7 0 0 0; + border-image: url('panel/menu-hover.png') 7 0 0 0; } #panelLeft .applet-box:first-child:active { - border-image: url('menu-active.png') 7 0 0 0; + border-image: url('panel/menu-active.png') 7 0 0 0; } #panelLeft:dnd { @@ -381,18 +361,22 @@ StScrollBar StButton#vhandle:hover { } /* =================================================================== -* Overview -* ===================================================================*/ - + * Overview + * ===================================================================*/ #overview { - spacing: 12px; + spacing: 12px; } -.window-caption { - background-color: black; - border-radius: 0px; - color: white; - spacing: 25px; +.window-caption, +.expo-workspaces-name-entry, +.expo-workspaces-name-entry#selected { + background-color: rgba(0,0,0,0.7); + color: white; + spacing: 25px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; } .window-caption#selected { @@ -402,6 +386,36 @@ StScrollBar StButton#vhandle:hover { spacing: 25px; } +.expo-workspaces-name-entry, +.expo-workspaces-name-entry#selected { + height: 15px; + border: 1px solid rgba(255,255,255,0.2); +} + +.expo-workspaces-name-entry#selected:focus, +.expo-workspaces-name-entry:focus { + border: 1px solid rgba(64,128,251,0.8); + font-style: italic; + transition-duration: 300; + selection-background-color: #4080FB; +} + +.expo-workspace-thumbnail-frame { + border: 4px solid rgba(255,255,255,0.3); + background-color: rgba(64,64,64,0.9); + border-radius: 4px; +} + +.expo-workspace-thumbnail-frame#active { + border: 4px solid rgba(64,128,251,0.8); + background-color: rgba(32,32,32,0.9); + border-radius: 4px; +} + +.expo-background { + background-color: #282829; +} + .workspace-controls { visible-height: 32px; /* Amount visible before hovering */ } @@ -427,56 +441,46 @@ StScrollBar StButton#vhandle:hover { } .workspace-add-button { - background-image: url("add-workspace.png"); + background-image: url('menu/add-workspace.png'); height: 200px; width: 35px; transition-duration: 300; } .workspace-add-button:hover { - background-image: url("add-workspace-hover.png"); + background-image: url('menu/add-workspace-hover.png'); transition-duration: 300; } -.workspace-close-button { - background-image: url("close.png"); - height: 34px; - width: 34px; - -cinnamon-close-overlap: 20px; -} - -.window-close:hover, -.window-close:active { - background-image: url("close-hover.png"); +.workspace-close-button, +.window-close { + background-image: url('menu/close-normal.png'); + height: 32px; + width: 32px; + -cinnamon-close-overlap: 16px; } - -.workspace-thumbnail-indicator { - outline: 2px solid white; - border: 1px solid #888; +.workspace-close-button:hover, +.window-close:hover { + background-image: url('menu/close-hover.png'); } -.window-caption { - background-color: #000; - border-radius: 0px; - font-size: 9pt; - padding: 2px 8px; - -cinnamon-caption-spacing: 4px; +.workspace-close-button:active, +.window-close:active { + background-image: url('menu/close-active.png'); } - -.window-close { - background-image: url("close.png"); - height: 34px; - width: 34px; - -cinnamon-close-overlap: 20px; +/* +.workspace-thumbnail-indicator { + outline: 2px solid red; + border: 1px solid green; } .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-image: url('menu/trash-icon.png'); background-color: rgba(0, 0, 0, 0.8); border: 2px solid #399cee; border-bottom: 0px; @@ -484,223 +488,74 @@ StScrollBar StButton#vhandle:hover { height: 120px; width: 400px; } - -.icon-grid { - spacing: 36px; - -cinnamon-grid-item-size: 118px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - +/*Don't know what this does*/ .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-color: rgba(0,0,0,0.2); + border-radius: 4px; + padding: 3px; + border: 1px rgba(0,0,0,0); + font-size: 7.5pt; + color: white; + transition-duration: 100; + text-align: center; } .workspace-overview-background-shade { - background-color: rgba(0,0,0,0.4); -} - -.expo-workspace-thumbnail-frame { - border: 1px, black; - background-color: black; -} - -.expo-workspace-thumbnail-frame#active { - border: 1px, #399cee; - background-color: #399cee; + background-color: rgba(0,0,0,0.5); } /* =================================================================== -* Desklets (desklet.js) -* ===================================================================*/ -.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; + * About Dialog (applet.js and desklet.js) + * ===================================================================*/ +.about-content { + width: 550px; + height: 250px; + spacing: 8px; + padding-bottom: 10px; } -.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; +.about-title { + font-size: 2em; + font-weight: bold; } -.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; +.about-uuid { + font-size: 10px; + color: #888; } -.desklet-drag-placeholder { - background-color: rgba(57,156,238,.31); +.about-icon { + padding-right: 20px; + padding-bottom: 14px; } - -.clock-desklet-label { +.about-scrollBox { + border: 1px solid #171819; + border-radius: 2px; + background-color: #2B2B2C; + padding: 4px; + padding-right: 0; + border-radius: 0; } -.photoframe-box { - 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; +.about-scrollBox-innerBox { + padding: 1.2em; + spacing: 1.2em; } -/* =================================================================== -* Clock Desklet (desklet.js) -* ===================================================================*/ -.clock-desklet-label { +.about-description { + padding-top: 4px; + padding-bottom: 16px; } - -/* =================================================================== -* Looking Glass -* ===================================================================*/ - -#LookingGlassDialog { - background-gradient-direction: vertical; - background-gradient-start: #000000; - background-gradient-end: #2f343d; - spacing: 4px; - padding: 4px; - border: 2px solid #399cee; - border-top: 0px; - border-left: 0px; - border-right: 0px; - border-radius: 0px; - color: #fff; -} -#LookingGlassDialog > #Toolbar { - border: 2px solid #399cee; - border-top: 0px; - border-left: 0px; - border-right: 0px; - padding-bottom: 4px; -} -#LookingGlassDialog .labels { - spacing: 4px; -} -#LookingGlassDialog .notebook-tab { - padding: 2px; -} -#LookingGlassDialog .notebook-tab:hover { - color: #FFFFFF; -} -#LookingGlassDialog .notebook-tab:selected { - background-color: #399cee; - border-radius: 0px; - color: #000; -} -#LookingGlassDialog .lg-inspector-title { - font-weight: bold; - padding-bottom: 8px; -} -.lg-dialog StLabel { - color: #cccccc; -} -.lg-dialog StEntry { - color: #cccccc; - selection-background-color: #cccccc; - selected-color: black; -} -.lg-obj-inspector-title { - spacing: 4px; -} -.lg-obj-inspector-button { - border: 1px solid #cccccc; - padding: 4px; - border-radius: 4px; -} -.lg-obj-inspector-button:hover { - border: 1px solid #ffffff; -} -.lg-dialog .cinnamon-link { - color: #cccccc; -} -.lg-dialog .cinnamon-link:hover { - color: #ffffff; -} -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} -#lookingGlassExtensions { - padding: 4px; -} -.lg-extension-list { - padding: 4px; - spacing: 6px; -} -.lg-extension { - border: 1px solid #6f6f6f; - border-radius: 4px; - padding: 4px; -} -.lg-extension-name { - font-weight: bold; -} -.lg-extension-meta { - spacing: 6px; -} -#LookingGlassPropertyInspector { - background: rgba(0, 0, 0, 0.7); - border-radius: 0px; - border: 1px solid #333; - padding: 6px; - color: #B8FF66; +.about-version { + padding-left: 7px; + font-size: 10px; + color: #888; } /* =================================================================== -* Date applet -* ===================================================================*/ - + * Date applet + * ===================================================================*/ .calendar { padding: .4em 1.75em; spacing-rows: 0px; @@ -708,114 +563,101 @@ StScrollBar StButton#vhandle:hover { } .calendar-month-label { - color: #cccccc; - font-size: 7.5pt; - padding-bottom: 8px; - padding-top: 8px; + color: #000000; font-weight: bold; + padding: 8px 0; } .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: 16px; + height: 16px; + background-image: url('menu/left-stepper.png'); + border-radius: 2px; } .calendar-change-month-back:rtl { - background-image: url("calendar-arrow-right.svg"); + background-image: url('menu/right-stepper.png'); } .calendar-change-month-back:hover { - background-color: rgba(255,255,255,0.5); + background-color: #ffffff; } + .calendar-change-month-back:active { - background-color: rgba(255,255,255,0.5); + background-color: #ffffff; } .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: 16px; + height: 16px; + background-image: url('menu/right-stepper.png'); + border-radius: 2px; } .calendar-change-month-forward:rtl { - background-image: url("calendar-arrow-left.svg"); + background-image: url('menu/left-stepper.png'); } .calendar-change-month-forward:hover { - background-color: rgba(255,255,255,0.5); + background-color: #ffffff; } .calendar-change-month-forward:active { - background-color: rgba(255,255,255,0.5); + background-color: #ffffff; } .datemenu-date-label { padding: .4em 1.75em; - font-size: 10.5pt; - color: #000000; -} - -.calendar-day-base { - font-size: 7.5pt; + font-weight: bold; text-align: center; - width: 2.4em; - height: 2.4em; -} - -.calendar-day-base:hover { - background-color: #399cee; - color: #fff; + color: white; + border-radius: 2px; } -.calendar-day-base:active { +.calendar-day-base { + font-size: 80%; + text-align: center; + width: 25px; + height: 25px; + padding: 0.1em; + margin: 2px; + border-radius: 12.5px; } .calendar-day-heading { - color: #000000; - padding-top: 1em; -} - -.calendar-week-number { - color: #000000; + color: rgba(0, 0, 0, 0.75); + margin-top: 1em; + font-size: 70%; } -/* Hack used in lieu of border-collapse - see calendar.js */ .calendar-day { - color: #000000; - border-top-width: 0; - border-left-width: 0; + border-width: 0; + color: rgba(0, 0, 0, 0.9); } + .calendar-day-top { -} -.calendar-day-left { + border-top-width: 0; } -.calendar-work-day { +.calendar-day-left { + border-left-width: 0; } .calendar-nonwork-day { - background-color: rgba(255, 255, 255, 0.2); + color: #000000; + background-color: transparent; + font-weight: bold; } .calendar-today { - color: #ffffff; - font-weight: bold; - background-color: rgba(57,156,238,1); - border-radius: 2px; + font-weight: bold; + border: 0px solid rgba(64, 128, 251, 0.5); + background-image: url('menu/calendar-today.png'); } .calendar-other-month-day { - color: transparent; -} - -.calendar-day-with-events { - font-weight: bold; - color: #399cee; + color: #949496; + opacity: 0.5; } /* =================================================================== @@ -868,11 +710,13 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 } .notification-button { border-radius: 18px; - font-size: 11pt; + font-size: 10pt; padding: 4px 42px 5px; + color: black; } .notification-button:focus { padding: 3px 41px 4px; + color: black; } .notification-icon-button { border-radius: 5px; @@ -912,7 +756,7 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 background-gradient-direction: horizontal; background-gradient-start: rgba(255, 255, 255, 0.1); background-gradient-end: rgba(255, 255, 255, 0); - color: #fff; + color: black; } .hotplug-resident-mount-label { color: inherit; @@ -954,8 +798,8 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 } /* =================================================================== -* Alt Tab -* ===================================================================*/ + * Alt Tab + * ===================================================================*/ #altTabPopup { padding: 8px; @@ -972,7 +816,7 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 border: solid 1px black; box-shadow: 2px solid rgba(0,0,0,0.4) 2px 2px; color: black; - border-image: url('tab.png') 4 4 4 4; + border-image: url('menu/tab.png') 4 4 4 4; } .switcher-list-item-container { @@ -1069,15 +913,15 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 } /* =================================================================== -* Modal dialogs -* ===================================================================*/ + * Modal dialogs (modalDialog.js) + * ===================================================================*/ .modal-dialog { font-size: 10pt; border-radius: 2px; background-color: #2d75ad; border: 2px solid #013b6b; - border-image: url('popupmenu.png') 4; + border-image: url('menu/popupmenu.png') 4; color: #000; padding-right: 42px; padding-left: 42px; @@ -1116,16 +960,175 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 } /* =================================================================== -* Run dialog -* ===================================================================*/ + * dialogs (dialog.js) + * ===================================================================*/ +.dialog { + border-image: url('menu/window-borders.png') 6 6 31 6; + color: #3c3c3e; + background-color: #F5F5F7; + padding: 15px; + border: 1px; + border-color: black; + padding-top: 30px; +} + +.dialog-button-box { +} + +.dialog-button { + height: 22px; + color: rgb(70, 70, 70); + border-image: url('buttons/button.png') 5; + padding: 3px 31px 4px; +} + +.dialog-button:hover { + border-image: url('buttons/button-hover.png') 5; +} + +.dialog-button:focus { + border-image: url('buttons/button-focused.png') 5; + padding: 3px 31px 4px; +} + +.dialog-button:active, +.dialog-button:checked { + border-image: url('buttons/button-pressed.png') 5; + color: white; +} + +.dialog-button:focus:hover { + border-image: url('buttons/button-focused-prelight.png') 5; + padding: 3px 31px 4px; +} + +.dialog-button:focus:checked, +.dialog-button:focus:active { + border-image: url('buttons/button-focused-pressed.png') 5; +} + +.dialog-button:disabled { + color: #a6a6a6; +} + +.dialog-button:destructive-action { + color: #c21616; +} + +.dialog-list .dialog-list-title { + padding: 1.3em; + text-align: center; + color: rgb(70, 70, 70); +} + +.dialog-list-item .dialog-list-item-description { + color: rgb(70, 70, 70); +} + +/* =================================================================== + * Policykit authentication dialog + * ===================================================================*/ + +.prompt-dialog { + /* this is the width of the entire modal popup */ + width: 500px; +} + +.polkit-dialog-user-layout { + spacing: 10px; +} + +.polkit-dialog-user-layout:rtl { + padding-right: 10px; +} + +.polkit-dialog-user-combo { + border-image: url('buttons/button.png') 5; + padding: 0.5em 2em; + color: rgb(70, 70, 70); +} + +.polkit-dialog-user-combo:hover { + border-image: url('buttons/button-hover.png') 5; +} + +.polkit-dialog-user-combo:focus { + border-image: url('buttons/button-focused.png') 5; +} + +.polkit-dialog-user-combo:active, +.polkit-dialog-user-combo:checked { + border-image: url('buttons/button-pressed.png') 5; +} + +.polkit-dialog-user-combo:focus:hover { + border-image: url('buttons/button-hover.png') 5; + padding: 3px 31px 4px; +} + +.polkit-dialog-user-combo:focus:checked, +.polkit-dialog-user-combo:active { + border-image: url('buttons/button-focused-pressed.png') 5; +} + +.polkit-dialog-user-combo:disabled, +.polkit-dialog-user-combo:insensitive { + color: #a6a6a6; +} + +.prompt-dialog-password-entry { + padding: 4px 12px; + color: black; + border-image: url('menu/entry.png') 6; + border-radius: 4px; + caret-color: #2b2b2b; + caret-size: 1px; + width: 250px; + transition-duration: 300; + selected-color: #fff; + selection-background-color: #6cabcd; +} + +.prompt-dialog-password-entry:focus { + padding: 4px 12px; + color: black; + border-image: url('menu/entry_focus.png') 6; + border-radius: 4px; + width: 250px; + selected-color: #fff; + caret-color: #2b2b2b; + caret-size: 1px; + selection-background-color: #6cabcd; + transition-duration: 150; +} + +.prompt-dialog-password-entry .capslock-warning { + icon-size: 16px; + warning-color: rgb(64, 64, 64); + padding: 0 4px; +} + +.prompt-dialog-error-label { + text-align: center; + font-size: 1em; + color: #ff0000; +} + +.prompt-dialog-info-label { + font-size: 1em; +} + +/* =================================================================== + * Run dialog + * ===================================================================*/ .run-dialog-label { - font-size: 9pt; + font-size: 8pt; color: black; } .run-dialog-error-label { - font-size: 9pt; + font-size: 8pt; color: black; } @@ -1134,8 +1137,15 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 spacing: 5px; } +.run-dialog-description { + text-align: center; + color: rgb(70, 70, 70); +} + .run-dialog-entry { - font-size: 10pt; + color: black; + caret-color: black; + font-size: 8pt; font-weight: normal; background-color: white; border: 1px solid gray; @@ -1148,265 +1158,141 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 padding-left: 6px; width: 18em; } - -.run-dialog-completion-box { +/*.run-dialog-entry:focus {}*/ +.run-dialog-completion-box { padding-left: 15px; font-size: 10px; + color: black; +} + +.run-dialog .modal-dialog-button-box { + border: none; + box-shadow: none; + background: none; + background-gradient-direction: none; } .run-dialog { - border-radius: 8px; - padding-right: 21px; - padding-left: 21px; + border-radius: 5px; + padding-right: 15px; + padding-left: 15px; padding-bottom: 15px; - padding-top: 15px; + padding-top: 31px; color: black; - border-image: url('tab.png') 4 4 4 4; + border-image: url('menu/window-borders.png') 6 6 31 6 } .lightbox { - background-color: rgba(0, 0, 0, 0.0); + background-color: rgba(0, 0, 0, 0.4); } /* =================================================================== -* End session dialog -* ===================================================================*/ - -.end-session-dialog { - spacing: 42px; -} -.end-session-dialog-subject { - font-size: 12pt; - font-weight: bold; - color: #fff; - padding-top: 10px; - padding-left: 17px; - padding-bottom: 30px; -} -.end-session-dialog-subject:rtl { - padding-left: 0px; - padding-right: 17px; -} -.end-session-dialog-description { - font-size: 10pt; - color: white; - padding-left: 17px; - width: 28em; -} -.end-session-dialog-description:rtl { - padding-right: 17px; -} -.end-session-dialog-logout-icon { - 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; -} -.end-session-dialog-app-list { - 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; -} -.end-session-dialog-app-list-item { - color: #ccc; -} -.end-session-dialog-app-list-item:hover { - color: white; -} -.end-session-dialog-app-list-item:ltr { - padding-right: 1em; -} -.end-session-dialog-app-list-item:rtl { - padding-left: 1em; -} -.end-session-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} -.end-session-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} -.end-session-dialog-app-list-item-name { - font-size: 10pt; -} -.end-session-dialog-app-list-item-description { - font-size: 8pt; - color: #444444; -} -/* CinnamonMountOperation Dialogs */ +* CinnamonMountOperation Dialogs + * ===================================================================*/ + .cinnamon-mount-operation-icon { icon-size: 48px; } + .mount-password-reask { - color: red; + color: #FF6767; } + .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; -} - -/* =================================================================== -* Policykit authentication dialog -* ===================================================================*/ - -.polkit-dialog { - /* this is the width of the entire modal popup */ - width: 500px; -} - -.polkit-dialog-main-layout { - spacing: 24px; - padding: 10px; -} -.polkit-dialog-message-layout { - spacing: 16px; -} - -.polkit-dialog-headline { - font-size: 12pt; - font-weight: bold; - color: #666666; -} - -.polkit-dialog-description { - font-size: 10pt; - color: white; -} - -.polkit-dialog-user-layout { - padding-left: 10px; - spacing: 10px; -} - -.polkit-dialog-user-layout:rtl { - padding-left: 0px; - padding-right: 10px; -} - -.polkit-dialog-user-root-label { - color: #ff0000; -} - -.polkit-dialog-password-label:ltr { - padding-right: 0.5em; -} - -.polkit-dialog-password-label:rtl { - 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; +.show-processes-dialog-app-list-item-name { + font-size: 1.1em; } -.polkit-dialog-password-entry:focus { - border: 2px solid #3465a4; -} +/* ################################################################### + * Audio device selection dialog + * ###################################################################*/ -.polkit-dialog-password-entry .capslock-warning { - icon-size: 16px; - warning-color: #999; - padding: 0 4px; +.audio-device-selection-dialog .audio-selection-box .audio-selection-device { + border-image: url('buttons/button.png') 4; + color: rgb(70, 70, 70); } - -.polkit-dialog-error-label { - font-size: 10pt; - color: #ffff00; - padding-bottom: 8px; +.audio-device-selection-dialog .audio-selection-box .audio-selection-device:focus { + border-image: url('buttons/button-focused.png') 4; } - -.polkit-dialog-info-label { - font-size: 10pt; - padding-bottom: 8px; +.audio-device-selection-dialog .audio-selection-box .audio-selection-device:hover { + border-image: url('buttons/button-hover.png') 4; } - -/* intentionally left transparent to avoid dialog changing size */ -.polkit-dialog-null-label { - font-size: 10pt; - color: rgba(0,0,0,0); - padding-bottom: 8px; +.audio-device-selection-dialog .audio-selection-box .audio-selection-device:insensitive { + color: #a6a6a6 } - -.network-dialog-secret-table { - spacing-rows: 15px; +.audio-device-selection-dialog .audio-selection-box .audio-selection-device:selected, +.audio-device-selection-dialog .audio-selection-box .audio-selection-device:active, +.audio-device-selection-dialog .audio-selection-box .audio-selection-device:checked { + border-image: url('buttons/button-pressed.png') 4; } /* =================================================================== -* Magnifier -* ===================================================================*/ - + * Magnifier + * ===================================================================*/ .magnifier-zoom-region { border: 2px solid rgba(128, 0, 0, 255); @@ -1417,15 +1303,11 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 } /* =================================================================== -* On screen keyboard -* ===================================================================*/ - + * On screen keyboard + * ===================================================================*/ #keyboard { - background-gradient-direction: vertical; - background-gradient-start: #000; - background-gradient-end: #000; - + background: rgba(0,0,0,0.8); } .keyboard-layout { @@ -1438,79 +1320,58 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 } .keyboard-key { - min-height: 32px; - min-width: 23px; - background-gradient-direction: vertical; - background-gradient-start: #5b5b5b; - background-gradient-end: #5b5b5b; - font-size: 14pt; + min-height: 30px; + min-width: 30px; + background: none; + background-gradient-direction: none; + border: 1px solid; + border-image: url('buttons/button.png') 4; + font-size: 1.6em; font-weight: bold; - border-radius: 1px; - border: 1px #717171; - border-bottom: 0px; - border-left: 0px; - border-right: 0px; - color: #eaeaea; + color: white; } .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; + color: #808080; + border-color: #808080; } .keyboard-key:checked, .keyboard-key:hover { - background-gradient-direction: vertical; - background-gradient-start: #399cee; - background-gradient-end: #399cee; - border: 1px #76d2ec; - border-bottom: 0px; - border-left: 0px; - border-right: 0px; - border-radius: 1px; - color: #fff; - + background: none; + background-gradient-direction: none; + border: 1px solid; + border-image: url('buttons/button-hover.png') 4; } .keyboard-key:active { - background-gradient-direction: vertical; - background-gradient-start: #399cee; - background-gradient-end: #399cee; - border: 1px #76d2ec; - border-bottom: 0px; - border-left: 0px; - border-right: 0px; - border-radius: 1px; - color: #fff; + background: none; + background-gradient-direction: none; + border: 1px solid; + border-image: url('buttons/button-pressed.png') 5; +} +.keyboard-key:active { + background: #808080; } .keyboard-subkeys { color: white; padding: 5px; - -arrow-border-radius: 2px; - -arrow-background-color: #1b1b1c; - -arrow-border-width: 1px; - -arrow-border-color: #399cee; - -arrow-base: 10px; - -arrow-rise: 5px; + -arrow-border-radius: 3px; + -arrow-background-color: rgba(0,0,0,0.8); + -arrow-border-width: 0px; + -arrow-base: 20px; + -arrow-rise: 10px; -boxpointer-gap: 5px; } /* ################################################################### -* Cinnamon Specific Section -* ###################################################################*/ - + * Cinnamon Specific Section + * ###################################################################*/ /* =================================================================== -* Menu (menu.js) -* ===================================================================*/ - + * Menu (menu.js) + * ===================================================================*/ /* Main menu title */ .menu-favorites-box { @@ -1519,13 +1380,13 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 padding: 0px; background-color: transparent; border-radius: 0px; - border-image: url('favs.png') 5 5 5 5; + border-image: url('menu/favs.png') 5 5 5 5; width: 70%; } .menu-background { border: solid 1px transparent; - border-image: url("menu-bg.png") 8 8 56 41; + border-image: url('menu/menu-bg.png') 8 8 63 41; box-shadow: 2px 2px 2px rgba(0,0,0,0.5); padding: 55px 1px 10px 1px; } @@ -1562,7 +1423,7 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 .menu-applications-inner-box { padding: 0 5px 5px 0; - background-color: transparent; + background-color: #5373bf; } .menu-applications-box StScrollBar { @@ -1580,17 +1441,17 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 background: none; border-width: 0px; box-shadow: none; - border-image: url('trough-scrollbar-vert.png') 1; + border-image: url('menu/trough-scrollbar-vert.png') 1; } .menu-applications-box StButton#vhandle { - border-image: url('slider-vert.png') 3; - background: url('handle-vert.png') no-repeat center center; + border-image: url('menu/slider-vert.png') 3; + background: url('menu/handle-vert.png') no-repeat center center; } .menu-applications-box StButton#vhandle:hover { - border-image: url('slider-vert-hover.png') 3; - background: url('handle-vert.png') no-repeat center center; + border-image: url('menu/slider-vert-hover.png') 3; + background: url('menu/handle-vert.png') no-repeat center center; } .menu-application-button { @@ -1682,9 +1543,48 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 .menu-context-menu { } + +/* OSD +.info-osd { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 16px; + color: white; + border-image: url('menu/osd.svg') 10 10 9 11; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 20px; + margin: 32px; + min-width: 64px; + min-height: 64px; + + color: white; + background: none; + border: none; + border-radius: 5px; + border-image: url('menu/osd.svg') 10 10 9 11; +} + +.osd-window .osd-monitor-label { + font-size: 3em; +} + +.osd-window .level { + padding: 0px; + height: 4px; + background-color: transparent; + border-radius: 2px; + color: #4080fb; +} */ + /* =================================================================== -* Window list (windowList.js) -* ===================================================================*/ + * Window list (windowList.js) + * ===================================================================*/ .window-list-box { spacing: 5px; padding-top: 3px; @@ -1697,7 +1597,7 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 } .window-list-item-box { - border-image: url('normal.png'); + border-image: url('panel/normal.png') 5; padding: 1px; transition-duration: 100; } @@ -1705,27 +1605,27 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 .window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:focus { - border-image: url('active.png'); + border-image: url('panel/active.png') 5; } .window-list-item-box:hover { - border-image: url('hover.png'); + border-image: url('panel/hover.png') 5; } .window-list-item-box:focus:hover { - border-image: url('active-hover.png'); + border-image: url('panel/active-hover.png') 5; } .window-list-item-demands-attention { - border-image: url('urgent.png'); + border-image: url('panel/urgent.png'); } /* https://github.com/B00merang-Project/Windows-XP/issues/44 */ .grouped-window-list-thumbnail-menu { spacing: 6px; padding: 6px 12px 12px 12px; - border-image: url("menu-bottom.png") 6; + border-image: url('panel/menu-bottom.png') 6; color: #ffffff; } @@ -1738,40 +1638,40 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 } .grouped-window-list-item-box:hover { - border-image: url("hover.png") 4; + border-image: url('panel/hover.png') 4; transition-duration: 100; } .grouped-window-list-item-box:active, .grouped-window-list-item-box:checked { - border-image: url("normal.png") 4; + border-image: url('panel/normal.png') 4; transition-duration: 100; } .grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover { - border-image: url("hover.png") 8; + border-image: url('panel/hover.png') 8; transition-duration: 100; } .grouped-window-list-item-box:focus { - border-image: url("active.png") 8; + border-image: url('panel/active.png') 8; transition-duration: 100; } .grouped-window-list-item-box:focus:hover { - border-image: url("active-hover.png") 8; + border-image: url('panel/active-hover.png') 8; transition-duration: 100; } .grouped-window-list-item-demands-attention { font-weight: normal; - border-image: url("urgent.png") 4; + border-image: url('panel/urgent.png') 4; transition-duration: 100; } .grouped-window-list-item-attention:hover { - border-image: url("urgent.png") 4; + border-image: url('panel/urgent.png') 4; } .window-list-item-box .progress, @@ -1783,7 +1683,7 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 .window-list-preview { spacing: 6px; color: #000000; - border-image: url('popupmenu.png') 8 8 8 8; + border-image: url('menu/popupmenu.png') 8 8 8 8; border-radius: 0; padding: 6px 12px 12px 12px; font-size: 1em; @@ -1806,191 +1706,272 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 .grouped-window-list-thumbnail-menu .item-box:outlined { padding: 8px; - border: 1px solid #00A7FB; + border: 1px solid #315aab; } .grouped-window-list-thumbnail-menu .item-box:selected { color: #ffffff; - background-color: #00A7FB; + background-color: #315aab; 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: 3px; + padding-left: 3px; } + .sound-button { - width: 26px; - height: 20px; - padding: 5px; - color: #fff; - background-color: #000; + width: 22px; + height: 13px; + border-image: url('buttons/button.png') 4; + padding: 8px; } .sound-button:hover { - background-color: #232527; - color: #399cee; - transition-duration: 200; + border-image: url('buttons/button-hover.png') 4; } .sound-button:active { - background-color: rgba(57,156,238,.1); - color: #399cee; - transition-duration: 200; + border-image: url('buttons/button-pressed.png') 4; } .sound-button StIcon { - icon-size: 1em; + icon-size: 1.4em; } -.sound-track-infos { + +.sound-track-infos { padding-left: 5px; padding-right: 5px; padding-top: 5px; padding-bottom: 5px; } + .sound-track-info { padding-top: 2px; padding-bottom: 2px; } + .sound-track-info StIcon { icon-size: 1em; } + .sound-track-info StLabel { padding-left: 5px; padding-right: 5px; } -.sound-track-box { - padding-left: 18px; - padding-right: 18px; + +.sound-track-box { + padding-left: 15px; + padding-right: 15px; max-width: 220px; } + +.sound-seek-box { + padding-left: 20px; +} + +.sound-seek-box StLabel { + padding-top: 5px; +} + +.sound-seek-box StIcon { + icon-size: 1em; +} + +.sound-seek-slider { + width: 140px; +} + .sound-volume-menu-item { padding: .4em 1.75em; } + .sound-volume-menu-item StIcon { icon-size: 1.14em; padding-left: 8px; + padding-right: 8px; } + .sound-playback-control { padding-top: 5px; padding-bottom: 10px; + padding-left: 10px; + padding-right: 10px; +} + +/* 2.8 */ +.sound-player { + padding: 0 6px; +} + +.sound-player > StBoxLayout:first-child { + padding: 5px 10px 12px 10px; + spacing: 0.5em; +} + +.sound-player > StBoxLayout:first-child StButton:small { + width: 16px; + height: 8px; + padding: 1px; +} + +.sound-player > StBoxLayout:first-child StButton:small StIcon { + icon-size: 12px; +} + +.sound-player-generic-coverart { + background: rgba(0, 0, 0, 0.2); +} + +.sound-player-overlay { + width: 290px; + height: 70px; + padding: 15px; + spacing: 0.5em; + background: rgba(0,0,0,0.75); + border: 0px solid rgba(0,0,0,0.75); + border-bottom: 1px; + color: #fff; +} + +.sound-player-overlay StButton { + width: 22px; + height: 13px; + padding: 5px; + color: rgba(255,255,255,0.6); + border-radius: 2px; + border: 1px solid rgba(0,0,0 0); +} + +.sound-player-overlay StButton StIcon { + icon-size: 16px; +} + +.sound-player-overlay StButton:hover { + color: #fff; +} + +.sound-player-overlay StButton:active { + color: #4080FB; +} +.sound-player-overlay StBoxLayout { + padding-top: 2px; +} + +.sound-player .slider { + height: 0.5em; + padding: 0; + border: 0px solid rgba(0,0,0,0.75); + border-bottom-width: 1px; + -slider-height: 0.5em; + -slider-background-color: rgb(35,35,35); + -slider-border-color: transparent; + -slider-active-background-color: #4080FB; + -slider-active-border-color: transparent; + -slider-border-width: 0px; + -slider-handle-radius: 0px; } /* =================================================================== -* Workspace Switcher applet (workspaceSwitcher.js) -* ===================================================================*/ + * Workspace Switcher applet (workspaceSwitcher.js) + * ===================================================================*/ #workspaceSwitcher { - spacing: 2px; - padding: 2px; + spacing: 0px; + padding: 3px; } .workspace-button { width: 20px; height: 10px; - padding: 2px; - border-radius: 0px; - background-color: rgba(255,255,255,0.0); - color: #fff; - transition-duration: 250; + color: white; + padding: 3px; + padding-top: 4px; + transition-duration: 300; } .workspace-button:outlined { - padding: 2px; - background-color: #000; - border-radius: 0px; - color: #399cee; + border-image: url('panel/active.png') 3; } .workspace-button:hover { - padding: 2px; - background-color: #000; - border-radius: 0px; - color: #399cee; + border-image: url('panel/active-hover.png') 3; } -/* =================================================================== -* Panel Launchers Applet (panelLaunchers.js) -* ===================================================================*/ - -#panel-launchers-box { +/* 2.8 */ +/* Controls the styling when using the 'Simple buttons' option */ +.workspace-switcher { + padding-left: 3px; + padding-right: 3px; } -.panel-launcher { - margin: 1px; +/* Controls the style when using the 'Visual representation' option */ +.workspace-graph { padding: 3px; + spacing: 3px; } -.panel-launcher:hover { - background-color: rgba(0,0,0,0.5); +/* Controls the style when using the 'Visual representation' option */ +.workspace-graph { + padding: 3px; + spacing: 3px; } -.panel-launcher-add-dialog-content-box { - padding: 6px; - spacing: 20px; +.workspace-graph .workspace { + border: 1px solid rgba(255,255,255,0.2); + background-gradient-direction: vertical; + background-gradient-start: rgba(0,0,0,0.6); + background-gradient-end: rgba(0,0,0,0.1); } -.panel-launcher-add-dialog-content-box-left { - padding: 6px; - spacing: 20px; -} +.workspace-graph .workspace:active { + border: 1px solid rgba(255,255,255,0.4); + background-gradient-direction: vertical; + background-gradient-start: rgba(0,0,0,0.6); + background-gradient-end: rgba(0,0,0,0.1); -.panel-launcher-add-dialog-content-box-right { - 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; +.workspace-graph .workspace .windows { + -active-window-background: rgba(50, 50, 50, 1.0); + -active-window-border: rgba(0, 0, 0, 0.7); + -inactive-window-background: rgba(50, 50, 50, 1.0); + -inactive-window-border: rgba(0, 0, 0, 0.7); } -.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; +.workspace-graph .workspace:active .windows { + -active-window-background: rgba(140, 140, 140, 1.0); + -active-window-border: rgba(0, 0, 0, 0.9); + -inactive-window-background: rgba(80, 80, 80, 1.0); + -inactive-window-border: rgba(0, 0, 0, 0.7); } -.panel-launcher-add-dialog-entry:hover { - transition-duration: 300; + +/* =================================================================== + * Panel Launchers Applet (panelLaunchers.js) + * ===================================================================*/ +.panel-launchers .launcher { + border: 1px solid transparent; + padding-left: 2px; + padding-right: 2px; } -.panel-launcher-add-dialog-entry:focus { - color: rgb(64, 64, 64); - font-weight: bold; - transition-duration: 0; +.panel-launchers .launcher:hover { + border-image: url('panel/solid3.png') 4 2 4 2 stretch; } + /* =================================================================== -* Overview corner -* ===================================================================*/ + * Overview corner + * ===================================================================*/ #overview-corner { - background-image: url("overview.png"); + background-image: url('menu/overview.png'); } #overview-corner:hover { - background-image: url("overview-hover.png"); + background-image: url('menu/overview-hover.png'); } /* =================================================================== @@ -2004,30 +1985,25 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 background: rgba(0,0,0,0.5); } +.applet-label { + color: white; +} + .applet-box { - padding-left: 6px; - padding-right: 6px; + padding-left: 2px; + padding-right: 2px; + color: white; transition-duration: 300; } .applet-box:hover { background-color: rgba(25,25,25,0.2); - color: white; + color: white; transition-duration: 100; } .applet-box:active { background-color: rgba(25,25,25,0.4); - color: white; - transition-duration: 100; -} - -.applet-label:not(:first-child) { - font-weight: normal; -} - -.applet-label, -.applet-label:hover, -.applet-box:hover > .applet-label { color: white; + transition-duration: 100; } .applet-icon { @@ -2039,53 +2015,107 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 } /* =================================================================== -* Workspace OSD -* ===================================================================*/ -/* When switching workspaces*/ + * User Applet + * ===================================================================*/ +.user-icon { + width: 32px; + height: 32px; + background-color: transparent; + border: none; + border-radius: 0; +} -.workspace-osd { - color: #fff; - font-size: 25pt; - text-align: center; - background: #013b6b; - border: 2px solid #399cee; - border-radius: 4px; - padding: 0.5em 1em; +.user-label { + color: #fff; + font-size: 1em; + font-weight: bold; + margin: 0px; } -.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; +/* =================================================================== + * Desklets (desklet.js) + * ===================================================================*/ +.desklet { + color: #eee; } -.expo-workspaces-name-entry#selected { - background-color: #f1f1f1; - padding: 5px; - padding-bottom: 7px; - border: 1px solid #399cee; - text-align: center; - height: 16px; +.desklet-with-borders { + border: 1px solid #444; + border-bottom: 0px; + border-left: 0px; + border-right: 0px; + background-color: #232323; + border-radius: 0px; + color: #eee; } -.expo-workspaces-name-entry:focus { - padding: 5px; - padding-bottom: 7px; - color: black; - transition-duration: 300; - text-align: center; +.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; +} + +.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); } /* =================================================================== -* Notification Applet -* ===================================================================*/ + * Clock Desklet (desklet.js) + * ===================================================================*/ +.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; + +} +.xkcd-box { + padding: 0px; + border: none; + background-color: none; + border-radius: 0px; +} + +/* =================================================================== + * Workspace OSD + * ===================================================================*/ +/*FIXME*/ +.workspace-osd { + /*color: red;*/ + text-shadow: black 5px 5px 5px; + font-weight: bold; + font-size: 48pt; +} + +/* =================================================================== + * Notification Applet + * ===================================================================*/ .notification-applet-padding { padding: .5em 1em; @@ -2103,21 +2133,21 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 } .check-box StBin { - width: 24px; - height: 18px; - background-image: url("checkbox-off.png"); + width: 16px; + height: 16px; + background-image: url('checkbox/checkbox-off.png'); } .check-box:focus StBin { - background-image: url("checkbox-off-focus.png"); + background-image: url('checkbox/checkbox-off-focus.png'); } .check-box:checked StBin { - background-image: url("checkbox.png"); + background-image: url('checkbox/checkbox.png'); } .check-box:focus:checked StBin { - background-image: url("checkbox-focus.png"); + background-image: url('checkbox/checkbox-focus.png'); } .check-box StLabel { @@ -2133,20 +2163,20 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 .radiobutton StBin { width: 22px; height: 22px; - background-image: url("radio-unselected.png"); - border-radius: 15px; + background-image: url('checkbox/radio-unchecked.png'); + border-radius: 1px; } .radiobutton:focus StBin { - background-image: url("radio-unselected.png"); + background-image: url('checkbox/radio-unchecked-hover.png'); } .radiobutton:checked StBin { - background-image: url("radio-selected.png"); + background-image: url('checkbox/radio-checked.png'); } .radiobutton:focus:checked StBin { - background-image: url("radio-selected.png"); + background-image: url('checkbox/radio-checked-hover.png'); } .radiobutton StLabel { @@ -2160,62 +2190,8 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 } /* =================================================================== -* 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%;*/ -} - -.numa-right { - 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 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; -} - -.numa-connected { - background-color: rgba(0,0,0,0); - border-radius: 10px; -} - -.numa-alert { - color: #fff; - 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: #fff; - 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; @@ -2233,30 +2209,30 @@ The colour parameters are red, green, blue, and transparency or a name */ * (if CinnXPStarkMenu is used, change some stuff, else use default) * ===================================================================*/ .right-buttons-box { - background-color: #2e75ad; + background-color: #5373bf; padding: 8px; } .starkmenu-background { border: solid 1px transparent; - border-image: url("menu-bg.png") 8 8 56 41; + border-image: url('menu/menu-bg.png') 8 8 56 41; box-shadow: 2px 2px 2px rgba(0,0,0,0.5); - padding: 54px 1px 29px 1px; + padding: 50px 1px 29px 1px; } .starkmenu-selected-app-box { color: white; /* Information, which is shown, if you select apps*/ } .starkmenu-favorites-box { - background-color: #013c6b; - border: 0px solid #013c6b; + background-color: #10377c; + border: 0px solid #10377c; } .starkmenu-applications-box { padding: 0px 0px 0px 0px; } .starkmenu-applications-inner-box { - background-color: #2e75ad; + background-color: #5373bf; } .starkmenu-applications-box StScrollView { - background-color: #013c6b; + background-color: #10377c; color: white; } .starkmenu-search-box { @@ -2267,3 +2243,102 @@ The colour parameters are red, green, blue, and transparency or a name */ border-radius: 4px; border: 2px solid #f1f1f1; } + + +/* =================================================================== + * Weather Applet + * ===================================================================*/ + +.weather-menu .popup-menu-content { + padding-bottom: .4em; +} + +.weather-menu .popup-separator-menu-item { + border-image: none; +} + +.current { + padding-bottom: 4px; +} +/*FIXME*/ +.forecast { + padding-bottom: 4px; + border-image: url('menu/menu-hover.svg') 7 7 1 1; +} + +.weather-current-location-link:selected, +.weather-current-location-link:hover { + background-gradient-direction: vertical; + background-gradient-start: rgba(255, 255, 255, 0.0); + background-gradient-end: rgba(255, 255, 255, 0.0); + color: #4080FB; +} + +.weather-current-summarybox { + padding-top: 0px; + padding-bottom: 10px; +} + +.weather-current-summary { + font-size: 35px; +} + +.weather-current-databox { + padding-top: 7px; + padding-left: 30px; + font-size: 9pt; +} + +.weather-current-icon { + padding: 0 30px; + padding-bottom: 15px; +} + +.weather-current-iconbox { + padding: 1em; +} + +.weather-icon { + padding-right: 5px; +} + +.weather-icon-rtl { + padding-left: 5px; +} + +.weather-current-databox-captions { + text-align: right; + padding: 0; + padding-right: 5px; + spacing: 1px; + font-size: 1em; +} + +.weather-forecast-icon { + padding-top: 16px; + padding-bottom: 8px; + padding-right: 10px; + padding-left: 32px; +} + +.weather-forecast-databox { + padding-top: 16px; + padding-bottom: 7px; + padding-right: 32px; + padding-left: 0; +} + +.weather-config { + padding-right: 10px; +} + +/* =================================================================== + * Xkcd Desklet + * ===================================================================*/ + +.xkcd-box { + padding: 6px; + border: 0px; + background-color: rgba(0,0,0,0); + border-radius: 0px; +} diff --git a/Windows XP Embedded/cinnamon/add-workspace-hover.png b/Windows XP Embedded/cinnamon/menu/add-workspace-hover.png similarity index 100% rename from Windows XP Embedded/cinnamon/add-workspace-hover.png rename to Windows XP Embedded/cinnamon/menu/add-workspace-hover.png diff --git a/Windows XP Embedded/cinnamon/add-workspace.png b/Windows XP Embedded/cinnamon/menu/add-workspace.png similarity index 100% rename from Windows XP Embedded/cinnamon/add-workspace.png rename to Windows XP Embedded/cinnamon/menu/add-workspace.png diff --git a/Windows XP Embedded/cinnamon/calendar-arrow-left.svg b/Windows XP Embedded/cinnamon/menu/calendar-arrow-left.svg similarity index 100% rename from Windows XP Embedded/cinnamon/calendar-arrow-left.svg rename to Windows XP Embedded/cinnamon/menu/calendar-arrow-left.svg diff --git a/Windows XP Embedded/cinnamon/calendar-arrow-right.svg b/Windows XP Embedded/cinnamon/menu/calendar-arrow-right.svg similarity index 100% rename from Windows XP Embedded/cinnamon/calendar-arrow-right.svg rename to Windows XP Embedded/cinnamon/menu/calendar-arrow-right.svg diff --git a/Windows XP Embedded/cinnamon/menu/calendar-today.png b/Windows XP Embedded/cinnamon/menu/calendar-today.png new file mode 100644 index 0000000..45b191d Binary files /dev/null and b/Windows XP Embedded/cinnamon/menu/calendar-today.png differ diff --git a/Windows XP Embedded/cinnamon/menu/close-active.png b/Windows XP Embedded/cinnamon/menu/close-active.png new file mode 100644 index 0000000..a01f875 Binary files /dev/null and b/Windows XP Embedded/cinnamon/menu/close-active.png differ diff --git a/Windows XP Embedded/cinnamon/menu/close-hover.png b/Windows XP Embedded/cinnamon/menu/close-hover.png new file mode 100644 index 0000000..f5b756a Binary files /dev/null and b/Windows XP Embedded/cinnamon/menu/close-hover.png differ diff --git a/Windows XP Embedded/cinnamon/menu/close-normal.png b/Windows XP Embedded/cinnamon/menu/close-normal.png new file mode 100644 index 0000000..dfcb51f Binary files /dev/null and b/Windows XP Embedded/cinnamon/menu/close-normal.png differ diff --git a/Windows XP Embedded/cinnamon/menu/empty.png b/Windows XP Embedded/cinnamon/menu/empty.png new file mode 100644 index 0000000..3d7c774 Binary files /dev/null and b/Windows XP Embedded/cinnamon/menu/empty.png differ diff --git a/Windows XP Embedded/cinnamon/menu/entry.png b/Windows XP Embedded/cinnamon/menu/entry.png new file mode 100644 index 0000000..4ef673c Binary files /dev/null and b/Windows XP Embedded/cinnamon/menu/entry.png differ diff --git a/Windows XP Embedded/cinnamon/menu/entry_focus.png b/Windows XP Embedded/cinnamon/menu/entry_focus.png new file mode 100644 index 0000000..20370ce Binary files /dev/null and b/Windows XP Embedded/cinnamon/menu/entry_focus.png differ diff --git a/Windows XP Embedded/cinnamon/entry_shadow.png b/Windows XP Embedded/cinnamon/menu/entry_shadow.png similarity index 100% rename from Windows XP Embedded/cinnamon/entry_shadow.png rename to Windows XP Embedded/cinnamon/menu/entry_shadow.png diff --git a/Windows XP Embedded/cinnamon/entry_shadow_insensitive.png b/Windows XP Embedded/cinnamon/menu/entry_shadow_insensitive.png similarity index 100% rename from Windows XP Embedded/cinnamon/entry_shadow_insensitive.png rename to Windows XP Embedded/cinnamon/menu/entry_shadow_insensitive.png diff --git a/Windows XP Embedded/cinnamon/favs.png b/Windows XP Embedded/cinnamon/menu/favs.png similarity index 100% rename from Windows XP Embedded/cinnamon/favs.png rename to Windows XP Embedded/cinnamon/menu/favs.png diff --git a/Windows XP Embedded/cinnamon/handle-horiz-hover.png b/Windows XP Embedded/cinnamon/menu/handle-horiz-hover.png similarity index 100% rename from Windows XP Embedded/cinnamon/handle-horiz-hover.png rename to Windows XP Embedded/cinnamon/menu/handle-horiz-hover.png diff --git a/Windows XP Embedded/cinnamon/handle-horiz.png b/Windows XP Embedded/cinnamon/menu/handle-horiz.png similarity index 100% rename from Windows XP Embedded/cinnamon/handle-horiz.png rename to Windows XP Embedded/cinnamon/menu/handle-horiz.png diff --git a/Windows XP Embedded/cinnamon/handle-vert-hover.png b/Windows XP Embedded/cinnamon/menu/handle-vert-hover.png similarity index 100% rename from Windows XP Embedded/cinnamon/handle-vert-hover.png rename to Windows XP Embedded/cinnamon/menu/handle-vert-hover.png diff --git a/Windows XP Embedded/cinnamon/handle-vert.png b/Windows XP Embedded/cinnamon/menu/handle-vert.png similarity index 100% rename from Windows XP Embedded/cinnamon/handle-vert.png rename to Windows XP Embedded/cinnamon/menu/handle-vert.png diff --git a/Windows XP Embedded/cinnamon/menu/left-stepper-active.png b/Windows XP Embedded/cinnamon/menu/left-stepper-active.png new file mode 100644 index 0000000..f5ef55e Binary files /dev/null and b/Windows XP Embedded/cinnamon/menu/left-stepper-active.png differ diff --git a/Windows XP Embedded/cinnamon/menu/left-stepper-hover.png b/Windows XP Embedded/cinnamon/menu/left-stepper-hover.png new file mode 100644 index 0000000..1e3f51a Binary files /dev/null and b/Windows XP Embedded/cinnamon/menu/left-stepper-hover.png differ diff --git a/Windows XP Embedded/cinnamon/menu/left-stepper.png b/Windows XP Embedded/cinnamon/menu/left-stepper.png new file mode 100644 index 0000000..a609f09 Binary files /dev/null and b/Windows XP Embedded/cinnamon/menu/left-stepper.png differ diff --git a/Windows XP Embedded/cinnamon/menu-bg.png b/Windows XP Embedded/cinnamon/menu/menu-bg.png similarity index 100% rename from Windows XP Embedded/cinnamon/menu-bg.png rename to Windows XP Embedded/cinnamon/menu/menu-bg.png diff --git a/Windows XP Embedded/cinnamon/menu/menu-hover.svg b/Windows XP Embedded/cinnamon/menu/menu-hover.svg new file mode 100644 index 0000000..11323a8 --- /dev/null +++ b/Windows XP Embedded/cinnamon/menu/menu-hover.svg @@ -0,0 +1,113 @@ + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + diff --git a/Windows XP Embedded/cinnamon/overview-hover.png b/Windows XP Embedded/cinnamon/menu/overview-hover.png similarity index 100% rename from Windows XP Embedded/cinnamon/overview-hover.png rename to Windows XP Embedded/cinnamon/menu/overview-hover.png diff --git a/Windows XP Embedded/cinnamon/overview.png b/Windows XP Embedded/cinnamon/menu/overview.png similarity index 100% rename from Windows XP Embedded/cinnamon/overview.png rename to Windows XP Embedded/cinnamon/menu/overview.png diff --git a/Windows XP Embedded/cinnamon/popupmenu.png b/Windows XP Embedded/cinnamon/menu/popupmenu.png similarity index 100% rename from Windows XP Embedded/cinnamon/popupmenu.png rename to Windows XP Embedded/cinnamon/menu/popupmenu.png diff --git a/Windows XP Embedded/cinnamon/menu/right-stepper-active.png b/Windows XP Embedded/cinnamon/menu/right-stepper-active.png new file mode 100644 index 0000000..7bef244 Binary files /dev/null and b/Windows XP Embedded/cinnamon/menu/right-stepper-active.png differ diff --git a/Windows XP Embedded/cinnamon/menu/right-stepper-hover.png b/Windows XP Embedded/cinnamon/menu/right-stepper-hover.png new file mode 100644 index 0000000..bdd80e8 Binary files /dev/null and b/Windows XP Embedded/cinnamon/menu/right-stepper-hover.png differ diff --git a/Windows XP Embedded/cinnamon/menu/right-stepper.png b/Windows XP Embedded/cinnamon/menu/right-stepper.png new file mode 100644 index 0000000..581b756 Binary files /dev/null and b/Windows XP Embedded/cinnamon/menu/right-stepper.png differ diff --git a/Windows XP Embedded/cinnamon/slider-vert-hover.png b/Windows XP Embedded/cinnamon/menu/slider-vert-hover.png similarity index 100% rename from Windows XP Embedded/cinnamon/slider-vert-hover.png rename to Windows XP Embedded/cinnamon/menu/slider-vert-hover.png diff --git a/Windows XP Embedded/cinnamon/slider-vert.png b/Windows XP Embedded/cinnamon/menu/slider-vert.png similarity index 100% rename from Windows XP Embedded/cinnamon/slider-vert.png rename to Windows XP Embedded/cinnamon/menu/slider-vert.png diff --git a/Windows XP Embedded/cinnamon/tab.png b/Windows XP Embedded/cinnamon/menu/tab.png similarity index 100% rename from Windows XP Embedded/cinnamon/tab.png rename to Windows XP Embedded/cinnamon/menu/tab.png diff --git a/Windows XP Embedded/cinnamon/trash-icon.png b/Windows XP Embedded/cinnamon/menu/trash-icon.png similarity index 100% rename from Windows XP Embedded/cinnamon/trash-icon.png rename to Windows XP Embedded/cinnamon/menu/trash-icon.png diff --git a/Windows XP Embedded/cinnamon/trough-horizontal.png b/Windows XP Embedded/cinnamon/menu/trough-horizontal.png similarity index 100% rename from Windows XP Embedded/cinnamon/trough-horizontal.png rename to Windows XP Embedded/cinnamon/menu/trough-horizontal.png diff --git a/Windows XP Embedded/cinnamon/trough-scrollbar-vert.png b/Windows XP Embedded/cinnamon/menu/trough-scrollbar-vert.png similarity index 100% rename from Windows XP Embedded/cinnamon/trough-scrollbar-vert.png rename to Windows XP Embedded/cinnamon/menu/trough-scrollbar-vert.png diff --git a/Windows XP Embedded/cinnamon/menu/window-borders.png b/Windows XP Embedded/cinnamon/menu/window-borders.png new file mode 100644 index 0000000..c94fee9 Binary files /dev/null and b/Windows XP Embedded/cinnamon/menu/window-borders.png differ diff --git a/Windows XP Embedded/cinnamon/metadata.json b/Windows XP Embedded/cinnamon/metadata.json deleted file mode 100644 index ce2f5b5..0000000 --- a/Windows XP Embedded/cinnamon/metadata.json +++ /dev/null @@ -1,4 +0,0 @@ -{ - "last-edited": "1448324177", - "uuid": "518" -} \ No newline at end of file diff --git a/Windows XP Embedded/cinnamon/active-hover.png b/Windows XP Embedded/cinnamon/panel/active-hover.png similarity index 100% rename from Windows XP Embedded/cinnamon/active-hover.png rename to Windows XP Embedded/cinnamon/panel/active-hover.png diff --git a/Windows XP Embedded/cinnamon/active.png b/Windows XP Embedded/cinnamon/panel/active.png similarity index 100% rename from Windows XP Embedded/cinnamon/active.png rename to Windows XP Embedded/cinnamon/panel/active.png diff --git a/Windows XP Embedded/cinnamon/panel/applet-hover.png b/Windows XP Embedded/cinnamon/panel/applet-hover.png new file mode 100644 index 0000000..d6202a8 Binary files /dev/null and b/Windows XP Embedded/cinnamon/panel/applet-hover.png differ diff --git a/Windows XP Embedded/cinnamon/hover.png b/Windows XP Embedded/cinnamon/panel/hover.png similarity index 100% rename from Windows XP Embedded/cinnamon/hover.png rename to Windows XP Embedded/cinnamon/panel/hover.png diff --git a/Windows XP Embedded/cinnamon/menu-active.png b/Windows XP Embedded/cinnamon/panel/menu-active.png similarity index 100% rename from Windows XP Embedded/cinnamon/menu-active.png rename to Windows XP Embedded/cinnamon/panel/menu-active.png diff --git a/Windows XP Embedded/cinnamon/menu-bottom.png b/Windows XP Embedded/cinnamon/panel/menu-bottom.png similarity index 100% rename from Windows XP Embedded/cinnamon/menu-bottom.png rename to Windows XP Embedded/cinnamon/panel/menu-bottom.png diff --git a/Windows XP Embedded/cinnamon/menu-box.png b/Windows XP Embedded/cinnamon/panel/menu-box.png similarity index 100% rename from Windows XP Embedded/cinnamon/menu-box.png rename to Windows XP Embedded/cinnamon/panel/menu-box.png diff --git a/Windows XP Embedded/cinnamon/menu-hover.png b/Windows XP Embedded/cinnamon/panel/menu-hover.png similarity index 100% rename from Windows XP Embedded/cinnamon/menu-hover.png rename to Windows XP Embedded/cinnamon/panel/menu-hover.png diff --git a/Windows XP Embedded/cinnamon/menu-top.png b/Windows XP Embedded/cinnamon/panel/menu-top.png similarity index 100% rename from Windows XP Embedded/cinnamon/menu-top.png rename to Windows XP Embedded/cinnamon/panel/menu-top.png diff --git a/Windows XP Embedded/cinnamon/normal.png b/Windows XP Embedded/cinnamon/panel/normal.png similarity index 100% rename from Windows XP Embedded/cinnamon/normal.png rename to Windows XP Embedded/cinnamon/panel/normal.png diff --git a/Windows XP Embedded/cinnamon/panel-right.png b/Windows XP Embedded/cinnamon/panel/panel-right.png similarity index 100% rename from Windows XP Embedded/cinnamon/panel-right.png rename to Windows XP Embedded/cinnamon/panel/panel-right.png diff --git a/Windows XP Embedded/cinnamon/panel.png b/Windows XP Embedded/cinnamon/panel/panel.png similarity index 100% rename from Windows XP Embedded/cinnamon/panel.png rename to Windows XP Embedded/cinnamon/panel/panel.png diff --git a/Windows XP Embedded/cinnamon/panel/solid3.png b/Windows XP Embedded/cinnamon/panel/solid3.png new file mode 100644 index 0000000..72cc319 Binary files /dev/null and b/Windows XP Embedded/cinnamon/panel/solid3.png differ diff --git a/Windows XP Homestead/cinnamon/tab.png b/Windows XP Embedded/cinnamon/panel/tab.png similarity index 100% rename from Windows XP Homestead/cinnamon/tab.png rename to Windows XP Embedded/cinnamon/panel/tab.png diff --git a/Windows XP Embedded/cinnamon/urgent.png b/Windows XP Embedded/cinnamon/panel/urgent.png similarity index 100% rename from Windows XP Embedded/cinnamon/urgent.png rename to Windows XP Embedded/cinnamon/panel/urgent.png diff --git a/Windows XP Embedded/cinnamon/scrollthrough.png b/Windows XP Embedded/cinnamon/scrollthrough.png deleted file mode 100644 index ed7e54e..0000000 Binary files a/Windows XP Embedded/cinnamon/scrollthrough.png and /dev/null differ diff --git a/Windows XP Embedded/cinnamon/theme.json b/Windows XP Embedded/cinnamon/theme.json new file mode 100644 index 0000000..f1b53ef --- /dev/null +++ b/Windows XP Embedded/cinnamon/theme.json @@ -0,0 +1,10 @@ +{ + "cinnamon-theme": { + "name": "Vertex-Cinnamon", + "author": "horst3180", + "version": "20150306", + "type": "custom", + "thumbnail": "thumbnail.png", + "url": "" + } +} diff --git a/Windows XP Embedded/gtk-3.0/gtk-3.20 b/Windows XP Embedded/gtk-3.0/gtk-3.20 deleted file mode 120000 index 45c7db8..0000000 --- a/Windows XP Embedded/gtk-3.0/gtk-3.20 +++ /dev/null @@ -1 +0,0 @@ -../gtk-3.20 \ No newline at end of file diff --git a/Windows XP Homestead/cinnamon/buttons/button-pressed.png b/Windows XP Homestead/cinnamon/buttons/button-pressed.png new file mode 100644 index 0000000..d5f3b44 Binary files /dev/null and b/Windows XP Homestead/cinnamon/buttons/button-pressed.png differ diff --git a/Windows XP Homestead/cinnamon/checkbox-focus.png b/Windows XP Homestead/cinnamon/checkbox/checkbox-focus.png similarity index 100% rename from Windows XP Homestead/cinnamon/checkbox-focus.png rename to Windows XP Homestead/cinnamon/checkbox/checkbox-focus.png diff --git a/Windows XP Homestead/cinnamon/checkbox-off-focus.png b/Windows XP Homestead/cinnamon/checkbox/checkbox-off-focus.png similarity index 100% rename from Windows XP Homestead/cinnamon/checkbox-off-focus.png rename to Windows XP Homestead/cinnamon/checkbox/checkbox-off-focus.png diff --git a/Windows XP Homestead/cinnamon/checkbox-off.png b/Windows XP Homestead/cinnamon/checkbox/checkbox-off.png similarity index 100% rename from Windows XP Homestead/cinnamon/checkbox-off.png rename to Windows XP Homestead/cinnamon/checkbox/checkbox-off.png diff --git a/Windows XP Homestead/cinnamon/checkbox.png b/Windows XP Homestead/cinnamon/checkbox/checkbox.png similarity index 100% rename from Windows XP Homestead/cinnamon/checkbox.png rename to Windows XP Homestead/cinnamon/checkbox/checkbox.png diff --git a/Windows XP Embedded/cinnamon/radio-selected.png b/Windows XP Homestead/cinnamon/checkbox/radio-selected.png similarity index 100% rename from Windows XP Embedded/cinnamon/radio-selected.png rename to Windows XP Homestead/cinnamon/checkbox/radio-selected.png diff --git a/Windows XP Embedded/cinnamon/radio-unselected.png b/Windows XP Homestead/cinnamon/checkbox/radio-unselected.png similarity index 100% rename from Windows XP Embedded/cinnamon/radio-unselected.png rename to Windows XP Homestead/cinnamon/checkbox/radio-unselected.png diff --git a/Windows XP Homestead/cinnamon/cinnamon.css b/Windows XP Homestead/cinnamon/cinnamon.css index 8abea78..bba5f28 100644 --- a/Windows XP Homestead/cinnamon/cinnamon.css +++ b/Windows XP Homestead/cinnamon/cinnamon.css @@ -1,2273 +1,2357 @@ - -/* ################################################################### -* Section common with Gnome Shell -* ... contains a few cinnamon specific styles (rare occurences) -* ###################################################################*/ -stage { - font-family: Noto Sans, sans-serif; -} - -.cinnamon-link { - color: #0000ff; - text-decoration: underline; -} - -.cinnamon-link:hover { - color: #0000e0; -} - -.label-shadow { - color: rgba(0,0,0,0.5); -} - -StScrollView.vfade { - -st-vfade-offset: 0px; -} - -StScrollView StScrollBar { - min-width: 17px; - min-height: 17px; -} - -StScrollBar { - padding: 0px; -} - -StScrollBar StBin#trough { - 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; -} - -.menu-applications-box StButton#vhandle { - background: url('handle-vert.png') no-repeat center center; -} - -.menu-applications-box StButton#vhandle:hover { - background: url('handle-vert.png') no-repeat center center; -} - - -#Tooltip { - border: 1px solid black; - border-radius: 0px; - padding: 2px 12px; - background-gradient-end: #FFFFE2; - background-gradient-start: #FFFFE2; - background-gradient-direction: vertical; - color: black; - font-size: 8.5pt; - font-weight: normal; - text-align: center; -} - -/* =================================================================== -* 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; -} - -.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; -} - -.notification-button:focus, -.notification-icon-button:focus, .hotplug-notification-item:focus, -.modal-dialog-button:focus { - 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; -} - -/* =================================================================== -* User Applet -* ===================================================================*/ - -.user-box { - 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; -} - -.user-label { - color: #000; - font-size: 10pt; - font-weight: normal; - margin: 0; -} - -/* =================================================================== -* PopupMenu (popupMenu.js) -* ===================================================================*/ - -.popup-menu-boxpointer { - -arrow-border-radius: 16px; - -boxpointer-gap: -1px; - -arrow-base: 40px; -} - -/* Cinnamon 3.2 fix */ -.popup-menu, -.menu { - border: solid 4px black; - border-image: url('popupmenu.png') 8 8 8 8; - color: #000; - font-size: 9pt; -} -.popup-submenu-menu-item:open { - background-color: #4c4c4c; -} -.popup-sub-menu { - background-color: transparent; -} -.popup-sub-menu .popup-menu-item:ltr { - padding-right: 0em; -} -.popup-sub-menu .popup-menu-item:rtl { - padding-left: 0em; -} -.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: #000; - font-size: 10.5pt; - border: 1px solid #94b06f; - 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. -*/ -.popup-menu-content { - padding: 1em 0; -} -.popup-menu-item { - padding: .4em 1.75em; - spacing: 1em; - border: 2px solid transparent; -} -.popup-menu-item:active { - background-color: #94b06f; - color: white; -} -.popup-menu-item:insensitive { - color: #9f9f9f; -} -.popup-image-menu-item { -} -.popup-combobox-item { - spacing: 1em; -} -.popup-separator-menu-item { - -gradient-height: 1px; - -gradient-start: rgba(0,0,0,0); - -gradient-end: rgba(255,255,255,0.2); - background-color: rgba(0,0,0,0.15); - box-shadow: 0 1px white; - height: 1px; -} -.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: #94b06f; - -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: 52px; - height: 18px; -} - -.toggle-switch-us, .toggle-switch-intl { - background-image: url("checkbox-off.png"); -} - -.toggle-switch-us:checked, .toggle-switch-intl:checked { - background-image: url("checkbox.png"); -} - -.nm-menu-item-icons { - spacing: .5em; -} - -/* =================================================================== -* Panel (panel.js) -* ===================================================================*/ - -#panel { - color: black; - background-color: #013c6b; - font-size: 9pt; - border-image: url('panel.png') 80 0 0 0; - font-weight: normal; - height: 30px; -} - -#panelLeft, #panelCenter { - spacing: 4px; -} - -#panelRight { - border-image: url('panel-right.png') 7 0 0 0; -} - -#panelLeft .applet-box:first-child { - border-image: url('menu-box.png') 7 0 0 0; - border-right-width: 10px; - padding-right: 10px; -} - -#panelLeft .applet-box:first-child .applet-label { - color: white; - font-size: 12pt; - font-style: italic; - font-weight: bold; - font-family: tahoma; - text-shadow: black 1px 1px; -} - -#panelLeft .applet-box:first-child:hover { - border-image: url('menu-hover.png') 7 0 0 0; -} - -#panelLeft .applet-box:first-child:active { - border-image: url('menu-active.png') 7 0 0 0; -} - -#panelLeft:dnd { - 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); -} - -#panelRight:dnd { - 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; -} - -#panelLeft:rtl { - padding-left: 4px; -} - -#panelRight:ltr { - padding-left: 0px; - spacing: 0px; -} - -#panelRight:rtl { - padding-right: 0px; - spacing: 0px; -} - -.panel-top { -} - -.panel-bottom { -} - -.panel-status-button, -.panel-button { - -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; -} - -.panel-status-button:active { - color: white; - 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; -} - -#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; -} - -.system-status-icon { - icon-size: 1.14em; -} - -/* =================================================================== -* Overview -* ===================================================================*/ - -#overview { - spacing: 12px; -} - -.window-caption { - 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; -} - -.workspace-controls { - visible-height: 32px; /* Amount visible before hovering */ -} - -.workspace-thumbnails-background { - border: none; - background-color: white; - 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.png"); - height: 34px; - width: 34px; - -cinnamon-close-overlap: 20px; -} - -.window-close:hover, -.window-close:active { - background-image: url("close-hover.png"); -} - - -.workspace-thumbnail-indicator { - outline: 2px solid white; - border: 1px solid #888; -} - -.window-close { - background-image: url("close.png"); - 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-color: rgba(0, 0, 0, 0.8); - border: 2px solid #94b06f; - border-bottom: 0px; - border-radius: 0px; - height: 120px; - width: 400px; -} - -.icon-grid { - spacing: 36px; - -cinnamon-grid-item-size: 118px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.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-color: rgba(0,0,0,0.2); -} - -.workspace-overview-background-shade { - background-color: rgba(0,0,0,0.4); -} - -.expo-workspace-thumbnail-frame { - border: 1px, black; - background-color: white; -} - -.expo-workspace-thumbnail-frame#active { - border: 1px, #94b06f; - background-color: #94b06f; -} - -/* =================================================================== -* Desklets (desklet.js) -* ===================================================================*/ -.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; -} - -.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; -} - -.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); -} - - -.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; - -} -.xkcd-box { - padding: 0px; - border: none; - background-color: none; - border-radius: 0px; -} - -/* =================================================================== -* Clock Desklet (desklet.js) -* ===================================================================*/ -.clock-desklet-label { -} - - -/* =================================================================== -* Looking Glass -* ===================================================================*/ - -#LookingGlassDialog { - background-gradient-direction: vertical; - background-gradient-start: #000000; - background-gradient-end: #2f343d; - spacing: 4px; - padding: 4px; - border: 2px solid #94b06f; - border-top: 0px; - border-left: 0px; - border-right: 0px; - border-radius: 0px; - color: black; -} -#LookingGlassDialog > #Toolbar { - border: 2px solid #94b06f; - border-top: 0px; - border-left: 0px; - border-right: 0px; - padding-bottom: 4px; -} -#LookingGlassDialog .labels { - spacing: 4px; -} -#LookingGlassDialog .notebook-tab { - padding: 2px; -} -#LookingGlassDialog .notebook-tab:hover { - color: black; -} -#LookingGlassDialog .notebook-tab:selected { - background-color: #94b06f; - border-radius: 0px; - color: #fff; -} -#LookingGlassDialog .lg-inspector-title { - font-weight: bold; - padding-bottom: 8px; -} -.lg-dialog StLabel { - color: #cccccc; -} -.lg-dialog StEntry { - color: #cccccc; - selection-background-color: #cccccc; - selected-color: black; -} -.lg-obj-inspector-title { - spacing: 4px; -} -.lg-obj-inspector-button { - border: 1px solid #cccccc; - padding: 4px; - border-radius: 4px; -} -.lg-obj-inspector-button:hover { - border: 1px solid black; -} -.lg-dialog .cinnamon-link { - color: #cccccc; -} -.lg-dialog .cinnamon-link:hover { - color: black; -} -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} -#lookingGlassExtensions { - padding: 4px; -} -.lg-extension-list { - padding: 4px; - spacing: 6px; -} -.lg-extension { - border: 1px solid #6f6f6f; - border-radius: 4px; - padding: 4px; -} -.lg-extension-name { - font-weight: bold; -} -.lg-extension-meta { - spacing: 6px; -} -#LookingGlassPropertyInspector { - background: rgba(0, 0, 0, 0.7); - border-radius: 0px; - border: 1px solid #333; - padding: 6px; - color: #B8FF66; -} - -/* =================================================================== -* 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; - border: 1px solid rgba(0,0,0,0); -} - -.calendar-change-month-back:rtl { - background-image: url("calendar-arrow-right.svg"); -} - -.calendar-change-month-back:hover { - background-color: rgba(255,255,255,0.5); -} -.calendar-change-month-back:active { - 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); -} - -.calendar-change-month-forward:rtl { - background-image: url("calendar-arrow-left.svg"); -} - -.calendar-change-month-forward:hover { - background-color: rgba(255,255,255,0.5); -} - -.calendar-change-month-forward:active { - background-color: rgba(255,255,255,0.5); -} - -.datemenu-date-label { - 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; -} - -.calendar-day-base:hover { - background-color: #94b06f; - color: white; -} - -.calendar-day-base:active { -} - -.calendar-day-heading { - color: black; - padding-top: 1em; -} - -.calendar-week-number { - 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 { -} - -.calendar-nonwork-day { - color: rgba(0, 0, 0, 0.7); -} - -.calendar-today { - color: black; - font-weight: bold; - background-color: rgba(57,156,238,1); - border-radius: 2px; -} - -.calendar-other-month-day { - color: transparent; -} - -.calendar-day-with-events { - font-weight: bold; - color: #94b06f; -} - -/* =================================================================== -* Notifications -* ===================================================================*/ - -#notification { - - border-radius: 6px; - font-size: 8.5pt; - background-color: #ffffe1; - border: 1px solid #000; - padding: 6px 6px 6px 6px; - spacing-rows: 10px; - spacing-columns: 10px; - margin-from-right-edge-of-screen: 19px; - margin-from-top-edge-of-screen: 30px; - width: 27em; - color: black; -} -#notification.multi-line-notification { - 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 */ -.notification-with-image { - min-height: 159px; - color: black; -} -#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: 18px; - font-size: 11pt; - padding: 4px 42px 5px; -} -.notification-button:focus { - padding: 3px 41px 4px; -} -.notification-icon-button { - border-radius: 5px; - padding: 5px; -} -.notification-icon-button:focus { - padding: 4px; -} -.notification-icon-button > StIcon { - icon-size: 36px; -} -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} -.hotplug-notification-item { - padding: 2px 10px; - border-radius: 18px; - font-size: 10.5pt; -} -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} -.hotplug-resident-box { - spacing: 8px; -} -.hotplug-resident-mount { - 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; -} -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} -.hotplug-resident-eject-icon { - icon-size: 16px; -} -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 5px; - color: #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; -} -#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-color: #2d75ad; - background-gradient-direction: vertical; - background-gradient-start: #2d75ad; - background-gradient-end: #013b6b; - border-radius: 4px; - padding: 20px; - border: solid 1px black; - box-shadow: 2px solid rgba(0,0,0,0.4) 2px 2px; - color: black; - border-image: url('tab.png') 4 4 4 4; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.thumbnail-scroll-gradient-left { - background-color: #2d75ad; - background-gradient-direction: vertical; - background-gradient-start: #2d75ad; - background-gradient-end: #013b6b; - border-radius: 24px; - border-radius-topright: 0px; - border-radius-bottomright: 0px; - width: 60px; -} - -.thumbnail-scroll-gradient-right { - background-color: #2d75ad; - background-gradient-direction: vertical; - background-gradient-start: #2d75ad; - background-gradient-end: #013b6b; - border: 1px solid #94b06f; - border-radius: 0px; - width: 60px; - border-bottom: 0px; - border-left: 0px; - border-right: 0px; -} - -.switcher-list .item-box { - padding: 8px; - color: black; - border: 4px solid rgba(0,0,0,0); - border-radius: 8px; -} - -.switcher-list .item-box:outlined { - background-color: #94b06f; - border-radius: 0px; -} - -.switcher-list .item-box:selected { - border-radius: 0px; - border: 4px solid #379aff; -} - -.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: 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 #94b06f; - 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 #94b06f; - border-radius: 150px; -} - -.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.95); -} - -/* =================================================================== -* Modal dialogs -* ===================================================================*/ - -.modal-dialog { - font-size: 10pt; - border-radius: 2px; - background-color: #2d75ad; - border: 2px solid #013b6b; - border-image: url('popupmenu.png') 4; - color: black; - padding-right: 42px; - padding-left: 42px; - padding-bottom: 30px; - padding-top: 30px; -} - -.modal-dialog-button-box { - spacing: 21px; -} - -.modal-dialog-button { - 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:active, -.modal-dialog-button:checked { - color: black; - border-image: url('buttons/button-focused-pressed.png') 5; -} - -.modal-dialog-button:disabled { - color: rgb(60, 60, 60); -} - -.modal-dialog-button:focus { - padding: 3px 31px 4px; -} - -/* =================================================================== -* Run dialog -* ===================================================================*/ - -.run-dialog-label { - font-size: 9pt; - color: black; -} - -.run-dialog-error-label { - font-size: 9pt; - color: black; -} - -.run-dialog-error-box { - 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: #94b06f; - 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 { - border-radius: 8px; - padding-right: 21px; - padding-left: 21px; - padding-bottom: 15px; - padding-top: 15px; - color: black; - border-image: url('tab.png') 4 4 4 4; -} - -.lightbox { - background-color: rgba(0, 0, 0, 0.0); -} - -/* =================================================================== -* End session dialog -* ===================================================================*/ - -.end-session-dialog { - spacing: 42px; -} -.end-session-dialog-subject { - 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; -} -.end-session-dialog-description { - font-size: 10pt; - color: white; - padding-left: 17px; - width: 28em; -} -.end-session-dialog-description:rtl { - padding-right: 17px; -} -.end-session-dialog-logout-icon { - 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; -} -.end-session-dialog-app-list { - 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; -} -.end-session-dialog-app-list-item { - color: #ccc; -} -.end-session-dialog-app-list-item:hover { - color: white; -} -.end-session-dialog-app-list-item:ltr { - padding-right: 1em; -} -.end-session-dialog-app-list-item:rtl { - padding-left: 1em; -} -.end-session-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} -.end-session-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} -.end-session-dialog-app-list-item-name { - font-size: 10pt; -} -.end-session-dialog-app-list-item-description { - font-size: 8pt; - color: #444444; -} -/* 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; -} - -/* =================================================================== -* Policykit authentication dialog -* ===================================================================*/ - -.polkit-dialog { - /* this is the width of the entire modal popup */ - width: 500px; -} - -.polkit-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.polkit-dialog-message-layout { - spacing: 16px; -} - -.polkit-dialog-headline { - font-size: 12pt; - font-weight: bold; - color: #666666; -} - -.polkit-dialog-description { - font-size: 10pt; - color: white; -} - -.polkit-dialog-user-layout { - padding-left: 10px; - spacing: 10px; -} - -.polkit-dialog-user-layout:rtl { - padding-left: 0px; - padding-right: 10px; -} - -.polkit-dialog-user-root-label { - color: #ff0000; -} - -.polkit-dialog-password-label:ltr { - padding-right: 0.5em; -} - -.polkit-dialog-password-label:rtl { - 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; -} - -.polkit-dialog-password-entry:focus { - border: 2px solid #3465a4; -} - -.polkit-dialog-password-entry .capslock-warning { - icon-size: 16px; - warning-color: #999; - padding: 0 4px; -} - -.polkit-dialog-error-label { - font-size: 10pt; - color: blackf00; - padding-bottom: 8px; -} - -.polkit-dialog-info-label { - 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; -} - -.network-dialog-secret-table { - spacing-rows: 15px; -} - -/* =================================================================== -* 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-gradient-direction: vertical; - background-gradient-start: #000; - background-gradient-end: #000; - -} - -.keyboard-layout { - spacing: 10px; - padding: 10px; -} - -.keyboard-row { - 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; -} - -.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; -} - -.keyboard-key:checked, -.keyboard-key:hover { - background-gradient-direction: vertical; - background-gradient-start: #94b06f; - background-gradient-end: #94b06f; - border: 1px #76d2ec; - border-bottom: 0px; - border-left: 0px; - border-right: 0px; - border-radius: 1px; - color: white; - -} - -.keyboard-key:active { - background-gradient-direction: vertical; - background-gradient-start: #94b06f; - background-gradient-end: #94b06f; - border: 1px #76d2ec; - border-bottom: 0px; - border-left: 0px; - border-right: 0px; - border-radius: 1px; - color: white; - -} - -.keyboard-subkeys { - color: white; - padding: 5px; - -arrow-border-radius: 2px; - -arrow-background-color: #1b1b1c; - -arrow-border-width: 1px; - -arrow-border-color: #94b06f; - -arrow-base: 10px; - -arrow-rise: 5px; - -boxpointer-gap: 5px; -} - -/* ################################################################### -* Cinnamon Specific Section -* ###################################################################*/ - -/* =================================================================== -* Menu (menu.js) -* ===================================================================*/ - -/* Main menu title */ - -.menu-favorites-box { - margin: auto; - background-color: #94b06f; - border: 1px solid #94a16f; - border-radius: 0px; - padding: 0.5em; - color: black; -} - -.menu-background { - border: solid 1px transparent; - border-image: url("menu-bg.png") 12 12 67 42; - box-shadow: 2px 2px 2px rgba(0,0,0,0.5); - padding: 55px 1px 0px 1px; -} - -.menu-favorites-button { - padding: 10px; - border-radius: 0px; -} - -.menu-favorites-button:hover { - background-color: #94b06f; - color: white; -} - -.menu-places-box { - margin: auto; - padding: 8px; - border: 0px solid #666; -} - -.menu-places-button { - padding: 10px; -} - -.menu-categories-box { - padding: 10px; -} - -.menu-applications-box { - padding: 10px 0px 0px 10px; - background-color: white; - border: none; -} - -.menu-applications-inner-box { - padding: 5px; - background-color: #f1f2e4; -} - -.menu-applications-box StScrollBar { - padding: 0px; -} - -.menu-applications-box StScrollView { - 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('trough-scrollbar-vert.png') 1; -} - -.menu-applications-box StButton#vhandle { - border-image: url('slider-vert.png') 3; - background: url('handle-vert.png') no-repeat center center; -} - -.menu-applications-box StButton#vhandle:hover { - border-image: url('slider-vert-hover.png') 3; - background: url('handle-vert.png') no-repeat center center; -} - -.menu-application-button { - padding: 7px; - max-width: 10px; - color: black; -} - -.menu-application-button-selected { - padding: 7px; - color: white; - background-color: #94b06f; -} - -.menu-application-button-label:ltr { - padding-left: 5px; -} - -.menu-application-button-label:rtl { - padding-right: 5px; -} - -.menu-category-button { - padding: 7px; - color: black; -} - -.menu-category-button-greyed { - padding: 7px; - color: #808080; -} - -.menu-category-button-selected { - padding: 7px; - color: white; - background-color: #94b06f; -} - -.menu-category-button-label:ltr { - padding-left: 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*/ - -.menu-selected-app-box { - padding-top: 16px; - padding-right: 30px; - padding-left: 28px; - text-align: right; - color: black; -} - -.menu-selected-app-title { - font-weight: bold; -} - -.menu-selected-app-description { - 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; - border: 1px solid gray; -} - -.menu-search-box { - padding-left: 20px; - padding-bottom: 10px; -} - -.menu-search-entry-icon { - icon-size: 1em; - color: #000; -} - -/* Context menu (at the moment only for favorites) */ -.menu-context-menu { -} - -/* =================================================================== -* Window list (windowList.js) -* ===================================================================*/ -.window-list-box { - spacing: 3px; - padding-top: 3px; -} - -.window-list-item-label { - font-weight: normal; - width: 15em; - min-width: 5px; -} - -.window-list-item-box { - border-image: url('normal.png') 5; - padding: 1px; - text-shadow: none; - transition-duration: 100; - color: black; -} - -.window-list-item-box:active, -.window-list-item-box:checked, -.window-list-item-box:focus { - border-image: url('active.png') 5; - /* text-shadow: black 1px 1px; */ -} - - -.window-list-item-box:hover { - border-image: url('hover.png') 5; -} - -.window-list-item-box:focus { - color: #ffffff; -} - -.window-list-item-box:focus:hover { - border-image: url('active-hover.png') 5; -} - -.window-list-item-demands-attention { - border-image: url('urgent.png') 5; -} - -/* https://github.com/B00merang-Project/Windows-XP/issues/44 */ -.grouped-window-list-thumbnail-menu { - spacing: 6px; - padding: 6px 12px 12px 12px; - border-image: url("menu-bottom.png") 6; - color: #ffffff; -} - -/* experimental support for grouped window list */ -.grouped-window-list-item-box { - color: #000000; - font-weight: normal; - border-image: none; - transition-duration: 100; -} - -.grouped-window-list-item-box:hover { - border-image: url("hover.png") 4; - transition-duration: 100; -} - -.grouped-window-list-item-box:active, -.grouped-window-list-item-box:checked { - border-image: url("normal.png") 4; - transition-duration: 100; -} - -.grouped-window-list-item-box:active:hover, -.grouped-window-list-item-box:checked:hover { - border-image: url("hover.png") 8; - transition-duration: 100; -} - -.grouped-window-list-item-box:focus { - border-image: url("active.png") 8; - transition-duration: 100; - color: #ffffff; -} - -.grouped-window-list-item-box:focus:hover { - border-image: url("active-hover.png") 8; - transition-duration: 100; -} - -.grouped-window-list-item-demands-attention { - font-weight: normal; - border-image: url("urgent.png") 4; - transition-duration: 100; -} - -.grouped-window-list-item-attention:hover { - border-image: url("urgent.png") 4; -} - -.window-list-item-box .progress, -.grouped-window-list-item-box .progress { - background-color: #4b7843; - transition-duration: 100; -} - -.window-list-preview { - spacing: 6px; - color: #000000; - border-image: url('popupmenu.png') 8 8 8 8; - border-radius: 0; - padding: 6px 12px 12px 12px; - font-size: 1em; -} - -.grouped-window-list-thumbnail-menu { - spacing: 6px; - 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 #94b06f; -} - -.grouped-window-list-thumbnail-menu .item-box:selected { - color: #ffffff; - background-color: #94b06f; - border: none; -} -/* =================================================================== -* 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); -} -.sound-button { - width: 26px; - height: 20px; - padding: 5px; - color: black; - background-color: #000; -} - -.sound-button:hover { - background-color: #232527; - color: #94b06f; - transition-duration: 200; -} - -.sound-button:active { - background-color: rgba(57,156,238,.1); - color: #94b06f; - transition-duration: 200; -} - -.sound-button StIcon { - icon-size: 1em; -} -.sound-track-infos { - padding-left: 5px; - padding-right: 5px; - padding-top: 5px; - padding-bottom: 5px; -} -.sound-track-info { - padding-top: 2px; - padding-bottom: 2px; -} -.sound-track-info StIcon { - icon-size: 1em; -} -.sound-track-info StLabel { - padding-left: 5px; - padding-right: 5px; -} -.sound-track-box { - padding-left: 18px; - padding-right: 18px; - max-width: 220px; -} -.sound-volume-menu-item { - padding: .4em 1.75em; -} -.sound-volume-menu-item StIcon { - icon-size: 1.14em; - padding-left: 8px; -} -.sound-playback-control { - padding-top: 5px; - padding-bottom: 10px; -} - -/* =================================================================== -* Workspace Switcher applet (workspaceSwitcher.js) -* ===================================================================*/ -#workspaceSwitcher { - 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; -} - -.workspace-button:outlined { - padding: 2px; - background-color: #000; - border-radius: 0px; - color: #94b06f; -} - -.workspace-button:hover { - padding: 2px; - background-color: #000; - border-radius: 0px; - color: #94b06f; -} - -/* =================================================================== -* Panel Launchers Applet (panelLaunchers.js) -* ===================================================================*/ - -#panel-launchers-box { - -} - -.panel-launcher { - margin: 1px; - padding: 3px; -} - -.panel-launcher:hover { - background-color: rgba(0,0,0,0.5); -} - -.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(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; -} - -.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: 1px; - background: rgba(0,0,0,0.5); -} - -.applet-label { - color: black; -} - -.applet-box { - padding-left: 6px; - padding-right: 6px; - color: black; - transition-duration: 300; -} -.applet-box:hover { - background-color: rgba(25,25,25,0.2); - color: black; - transition-duration: 100; -} -.applet-box:active { - background-color: rgba(25,25,25,0.4); - color: black; - transition-duration: 100; -} - -.applet-icon { - icon-size: 1.3em; -} - -.applet-icon:hover, -.applet-box:hover > .applet-icon { -} - -/* =================================================================== -* Workspace OSD -* ===================================================================*/ -/* When switching workspaces*/ - -.workspace-osd { - color: black; - font-size: 25pt; - text-align: center; - background-color: #94b06f; - border: 1px solid #94a16f; - border-radius: 4px; - 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; -} - -.expo-workspaces-name-entry#selected { - background-color: #f1f1f1; - padding: 5px; - padding-bottom: 7px; - border: 1px solid #94b06f; - text-align: center; - height: 16px; -} - -.expo-workspaces-name-entry:focus { - padding: 5px; - padding-bottom: 7px; - color: black; - transition-duration: 300; - text-align: center; -} - -/* =================================================================== -* Notification Applet -* ===================================================================*/ - -.notification-applet-padding { - padding: .5em 1em; -} - -.notification-applet-container { - max-height: 100px; -} - -/* Check Boxes */ -.check-box CinnamonGenericContainer { - spacing: .2em; - min-height: 30px; - padding-top: 2px; -} - -.check-box StBin { - width: 24px; - height: 18px; - background-image: url("checkbox-off.png"); -} - -.check-box:focus StBin { - background-image: url("checkbox-off-focus.png"); -} - -.check-box:checked StBin { - background-image: url("checkbox.png"); -} - -.check-box:focus:checked StBin { - background-image: url("checkbox-focus.png"); -} - -.check-box StLabel { - font-weight: normal; -} - -.radiobutton CinnamonGenericContainer { - spacing: .2em; - height: 26px; - padding-top: 2px; -} - -.radiobutton StBin { - width: 22px; - height: 22px; - background-image: url("radio-unselected.png"); - border-radius: 15px; -} - -.radiobutton:focus StBin { - background-image: url("radio-unselected.png"); -} - -.radiobutton:checked StBin { - background-image: url("radio-selected.png"); -} - -.radiobutton:focus:checked StBin { - background-image: url("radio-selected.png"); -} - -.radiobutton StLabel { - padding-top: 4px; - font-size: 0.9em; - box-shadow: none; -} - -.flashspot { - background-color: white; -} - -/* =================================================================== -* 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%;*/ -} - -.numa-right { - 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 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; -} - -.numa-connected { - 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; -} - -.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; -} - -/* =================================================================== -* 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; -} - -/* =================================================================== -* CinnXPStarkMenu -* (if CinnXPStarkMenu is used, change some stuff, else use default) -* ===================================================================*/ -.right-buttons-box { - background-color: #f1f2e4; - padding: 8px; - border: 0 solid #cca467; - border-left-width: 1px; -} -.starkmenu-background { - border: solid 1px transparent; - border-image: url("menu-bg.png") 8 8 67 42; - box-shadow: 2px 2px 2px rgba(0,0,0,0.5); - padding: 54px 1px 29px 1px; -} -.starkmenu-selected-app-box { - color: white; /* Information, which is shown, if you select apps*/ -} -.starkmenu-favorites-box { - background-color: white; - border: 0px solid black; -} -.starkmenu-favorites-box .menu-favorites-button { - padding: 4px; -} -.starkmenu-applications-box { - padding: 0px 0px 0px 0px; -} -.starkmenu-applications-inner-box { - background-color: #f1f2e4; -} -.starkmenu-applications-box StScrollView { - background-color: white; - color: black; -} -.starkmenu-search-box { - padding-bottom: 5px; -} - -.hover-user-icon { - border-radius: 4px; - border: 2px solid #f1f1f1; -} +/* ################################################################### +* Section common with Gnome Shell +* ... contains a few cinnamon specific styles (rare occurences) +* ###################################################################*/ +stage { + font-family: Noto Sans, sans-serif; +} + +.cinnamon-link { + color: #0000ff; + text-decoration: underline; +} + +.cinnamon-link:hover { + color: #0000e0; +} + +.label-shadow { + color: rgba(0,0,0,0.5); +} + +/* =================================================================== + * Scrollbars + * ===================================================================*/ +StScrollView.vfade { + -st-vfade-offset: 0px; +} + +StScrollView StScrollBar { + min-width: 17px; + min-height: 17px; +} + +StScrollBar { + padding: 0px; +} + +StScrollBar StBin#trough { + 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; +} + +.menu-applications-box StButton#vhandle { + background: url('menu/handle-vert.png') no-repeat center center; +} + +.menu-applications-box StButton#vhandle:hover { + background: url('menu/handle-vert.png') no-repeat center center; +} + +/* =================================================================== + * Tooltip + * ===================================================================*/ +#Tooltip { + border: 1px solid black; + border-radius: 0px; + padding: 2px 12px; + background-gradient-end: #FFFFE2; + background-gradient-start: #FFFFE2; + background-gradient-direction: vertical; + color: black; + font-size: 8.5pt; + font-weight: normal; + text-align: center; +} + +/* =================================================================== +* 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; +} + +.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; +} + +.notification-button:focus, +.notification-icon-button:focus, .hotplug-notification-item:focus, +.modal-dialog-button:focus { + 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; +} + +/* =================================================================== +* User Applet +* ===================================================================*/ + +.user-box { + 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; +} + +.user-label { + color: #000; + font-size: 10pt; + font-weight: normal; + margin: 0; +} + +/* =================================================================== +* PopupMenu (popupMenu.js) +* ===================================================================*/ + +.popup-menu-boxpointer { + -arrow-border-radius: 16px; + -boxpointer-gap: -1px; + -arrow-base: 40px; +} + +/* Cinnamon 3.2 fix */ +.popup-menu, +.menu { + border: solid 4px black; + border-image: url('menu/popupmenu.png') 8 8 8 8; + color: #000; + font-size: 9pt; +} +.popup-submenu-menu-item:open { + background-color: #4c4c4c; +} +.popup-sub-menu { + background-color: transparent; +} +.popup-sub-menu .popup-menu-item:ltr { + padding-right: 0em; +} +.popup-sub-menu .popup-menu-item:rtl { + padding-left: 0em; +} +.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: #000; + font-size: 10.5pt; + border: 1px solid #94b06f; + 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. +*/ +.popup-menu-content { + padding: 1em 0; +} +.popup-menu-item { + padding: .4em 1.75em; + spacing: 1em; + border: 2px solid transparent; +} +.popup-menu-item:active { + background-color: #94b06f; + color: white; +} +.popup-menu-item:insensitive { + color: #9f9f9f; +} +.popup-image-menu-item { +} +.popup-combobox-item { + spacing: 1em; +} +.popup-separator-menu-item { + -gradient-height: 1px; + -gradient-start: rgba(0,0,0,0); + -gradient-end: rgba(255,255,255,0.2); + background-color: rgba(0,0,0,0.15); + box-shadow: 0 1px white; + height: 1px; +} +.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: #94b06f; + -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: 52px; + height: 18px; +} + +.toggle-switch-us, .toggle-switch-intl { + background-image: url('checkbox/checkbox-off.png'); +} + +.toggle-switch-us:checked, .toggle-switch-intl:checked { + background-image: url('checkbox/checkbox.png'); +} + +.nm-menu-item-icons { + spacing: .5em; +} + +/* =================================================================== +* Panel (panel.js) +* ===================================================================*/ + +#panel { + color: black; + background-color: #013c6b; + font-size: 9pt; + border-image: url('panel/panel.png') 80 0 0 0; + font-weight: normal; + height: 30px; +} + +#panelLeft, #panelCenter { + spacing: 4px; +} + +#panelRight { + border-image: url('panel/panel-right.png') 7 0 0 0; +} + +#panelLeft .applet-box:first-child { + border-image: url('panel/menu-box.png') 7 0 0 0; + padding-right: 20px; +} + +/* TODO: Tahoma is used for most things, but this looks a little off.*/ +#panelLeft .applet-box:first-child .applet-label { + color: white; + font-family: tahoma; + font-size: 15pt; + font-style: italic; + font-weight: bold; + text-shadow: black 0px 1px 2px; +} + +#panelLeft .applet-box:first-child:hover { + border-image: url('panel/menu-hover.png') 7 0 0 0; +} + +#panelLeft .applet-box:first-child:active { + border-image: url('panel/menu-active.png') 7 0 0 0; +} + +#panelLeft:dnd { + 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); +} + +#panelRight:dnd { + 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; +} + +#panelLeft:rtl { + padding-left: 4px; +} + +#panelRight:ltr { + padding-left: 0px; + spacing: 0px; +} + +#panelRight:rtl { + padding-right: 0px; + spacing: 0px; +} + +.panel-top { +} + +.panel-bottom { +} + +.panel-status-button, +.panel-button { + -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; +} + +.panel-status-button:active { + color: white; + 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; +} + +#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; +} + +.system-status-icon { + icon-size: 1.14em; +} + +/* =================================================================== +* Overview +* ===================================================================*/ + +#overview { + spacing: 12px; +} + +.window-caption { + 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; +} + +.workspace-controls { + visible-height: 32px; /* Amount visible before hovering */ +} + +.workspace-thumbnails-background { + border: none; + background-color: white; + 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('menu/add-workspace.png'); + height: 200px; + width: 35px; + transition-duration: 300; +} + +.workspace-add-button:hover { + background-image: url('menu/add-workspace-hover.png'); + transition-duration: 300; +} + +.workspace-close-button { + background-image: url('menu/close.png'); + height: 34px; + width: 34px; + -cinnamon-close-overlap: 20px; +} + +.window-close:hover, +.window-close:active { + background-image: url('menu/close-hover.png'); +} + + +.workspace-thumbnail-indicator { + outline: 2px solid white; + border: 1px solid #888; +} + +.window-close { + background-image: url('menu/close.png'); + 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('menu/trash-icon.png'); + background-color: rgba(0, 0, 0, 0.8); + border: 2px solid #94b06f; + border-bottom: 0px; + border-radius: 0px; + height: 120px; + width: 400px; +} + +.icon-grid { + spacing: 36px; + -cinnamon-grid-item-size: 118px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.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-color: rgba(0,0,0,0.2); +} + +.workspace-overview-background-shade { + background-color: rgba(0,0,0,0.4); +} + +.expo-workspace-thumbnail-frame { + border: 1px, black; + background-color: white; +} + +.expo-workspace-thumbnail-frame#active { + border: 1px, #94b06f; + background-color: #94b06f; +} + +/* =================================================================== +* Desklets (desklet.js) +* ===================================================================*/ +.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; +} + +.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; +} + +.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); +} + +/* =================================================================== +* Clock Desklet (desklet.js) +* ===================================================================*/ +.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; + +} +.xkcd-box { + padding: 0px; + border: none; + background-color: none; + border-radius: 0px; +} + +/* =================================================================== +* Looking Glass +* ===================================================================*/ + +#LookingGlassDialog { + background-gradient-direction: vertical; + background-gradient-start: #000000; + background-gradient-end: #2f343d; + spacing: 4px; + padding: 4px; + border: 2px solid #94b06f; + border-top: 0px; + border-left: 0px; + border-right: 0px; + border-radius: 0px; + color: black; +} +#LookingGlassDialog > #Toolbar { + border: 2px solid #94b06f; + border-top: 0px; + border-left: 0px; + border-right: 0px; + padding-bottom: 4px; +} +#LookingGlassDialog .labels { + spacing: 4px; +} +#LookingGlassDialog .notebook-tab { + padding: 2px; +} +#LookingGlassDialog .notebook-tab:hover { + color: black; +} +#LookingGlassDialog .notebook-tab:selected { + background-color: #94b06f; + border-radius: 0px; + color: #fff; +} +#LookingGlassDialog .lg-inspector-title { + font-weight: bold; + padding-bottom: 8px; +} +.lg-dialog StLabel { + color: #cccccc; +} +.lg-dialog StEntry { + color: #cccccc; + selection-background-color: #cccccc; + selected-color: black; +} +.lg-obj-inspector-title { + spacing: 4px; +} +.lg-obj-inspector-button { + border: 1px solid #cccccc; + padding: 4px; + border-radius: 4px; +} +.lg-obj-inspector-button:hover { + border: 1px solid black; +} +.lg-dialog .cinnamon-link { + color: #cccccc; +} +.lg-dialog .cinnamon-link:hover { + color: black; +} +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} +#lookingGlassExtensions { + padding: 4px; +} +.lg-extension-list { + padding: 4px; + spacing: 6px; +} +.lg-extension { + border: 1px solid #6f6f6f; + border-radius: 4px; + padding: 4px; +} +.lg-extension-name { + font-weight: bold; +} +.lg-extension-meta { + spacing: 6px; +} +#LookingGlassPropertyInspector { + background: rgba(0, 0, 0, 0.7); + border-radius: 0px; + border: 1px solid #333; + padding: 6px; + color: #B8FF66; +} + +/* =================================================================== +* 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('menu/calendar-arrow-left.svg'); + border-radius: 4px; + border: 1px solid rgba(0,0,0,0); +} + +.calendar-change-month-back:rtl { + background-image: url('menu/calendar-arrow-right.svg'); +} + +.calendar-change-month-back:hover { + background-color: rgba(255,255,255,0.5); +} +.calendar-change-month-back:active { + background-color: rgba(255,255,255,0.5); +} + +.calendar-change-month-forward { + width: 18px; + height: 12px; + background-image: url('menu/calendar-arrow-right.svg'); + border-radius: 4px; + border: 1px solid rgba(0,0,0,0); +} + +.calendar-change-month-forward:rtl { + background-image: url('menu/calendar-arrow-left.svg'); +} + +.calendar-change-month-forward:hover { + background-color: rgba(255,255,255,0.5); +} + +.calendar-change-month-forward:active { + background-color: rgba(255,255,255,0.5); +} + +.datemenu-date-label { + 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; +} + +.calendar-day-base:hover { + background-color: #94b06f; + color: white; +} + +.calendar-day-base:active { +} + +.calendar-day-heading { + color: black; + padding-top: 1em; +} + +.calendar-week-number { + 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 { +} + +.calendar-nonwork-day { + color: rgba(0, 0, 0, 0.7); +} + +.calendar-today { + color: black; + font-weight: bold; + background-color: rgba(57,156,238,1); + border-radius: 2px; +} + +.calendar-other-month-day { + color: transparent; +} + +.calendar-day-with-events { + font-weight: bold; + color: #94b06f; +} + +/* =================================================================== +* Notifications +* ===================================================================*/ + +#notification { + + border-radius: 6px; + font-size: 8.5pt; + background-color: #ffffe1; + border: 1px solid #000; + padding: 6px 6px 6px 6px; + spacing-rows: 10px; + spacing-columns: 10px; + margin-from-right-edge-of-screen: 19px; + margin-from-top-edge-of-screen: 30px; + width: 27em; + color: black; +} +#notification.multi-line-notification { + 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 */ +.notification-with-image { + min-height: 159px; + color: black; +} +#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: 18px; + font-size: 10pt; + padding: 4px 42px 5px; + color: black; +} +.notification-button:focus { + padding: 3px 41px 4px; + color: black; +} +.notification-icon-button { + border-radius: 5px; + padding: 5px; +} +.notification-icon-button:focus { + padding: 4px; +} +.notification-icon-button > StIcon { + icon-size: 36px; +} +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} +.hotplug-notification-item { + padding: 2px 10px; + border-radius: 18px; + font-size: 10.5pt; +} +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} +.hotplug-resident-box { + spacing: 8px; +} +.hotplug-resident-mount { + 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; +} +.hotplug-resident-mount-label { + color: inherit; + padding-left: 6px; +} +.hotplug-resident-mount-icon { + icon-size: 24px; + padding-left: 6px; +} +.hotplug-resident-eject-icon { + icon-size: 16px; +} +.hotplug-resident-eject-button { + padding: 7px; + border-radius: 5px; + color: #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; +} +#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; +} + +/* =================================================================== +* Run dialog +* ===================================================================*/ + +.run-dialog-label { + font-size: 8pt; + color: black; +} + +.run-dialog-error-label { + font-size: 8pt; + color: black; +} + +.run-dialog-error-box { + padding-top: 15px; + spacing: 5px; +} + +.run-dialog-description { + text-align: center; + color: rgb(70, 70, 70); +} + +.run-dialog-entry { + color: black; + caret-color: black; + font-size: 8pt; + font-weight: normal; + background-color: white; + border: 1px solid gray; + border-radius: 0; + color: black; + selected-color: #399cee; + caret-color: black; + caret-size: 2px; + padding: 2px; + padding-left: 6px; + width: 18em; +} + +.run-dialog-completion-box { + padding-left: 15px; + font-size: 10px; + color: black; +} + +.run-dialog .modal-dialog-button-box { + border: none; + box-shadow: none; + background: none; + background-gradient-direction: none; +} + +.run-dialog { + border-radius: 5px; + padding-right: 15px; + padding-left: 15px; + padding-bottom: 15px; + padding-top: 31px; + color: black; + border-image: url('menu/window-borders.png') 6 6 31 6 +} + +.lightbox { + background-color: rgba(0, 0, 0, 0.0); +} + +/* =================================================================== +* CinnamonMountOperation Dialogs + * ===================================================================*/ + +.end-session-dialog { + spacing: 42px; +} +.end-session-dialog-subject { + 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; +} +.end-session-dialog-description { + font-size: 10pt; + color: white; + padding-left: 17px; + width: 28em; +} +.end-session-dialog-description:rtl { + padding-right: 17px; +} +.end-session-dialog-logout-icon { + 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; +} +.end-session-dialog-app-list { + 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; +} +.end-session-dialog-app-list-item { + color: #ccc; +} +.end-session-dialog-app-list-item:hover { + color: white; +} +.end-session-dialog-app-list-item:ltr { + padding-right: 1em; +} +.end-session-dialog-app-list-item:rtl { + padding-left: 1em; +} +.end-session-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} +.end-session-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} +.end-session-dialog-app-list-item-name { + font-size: 10pt; +} +.end-session-dialog-app-list-item-description { + font-size: 8pt; + color: #444444; +} +/* 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; +} + +/* =================================================================== +* Alt Tab +* ===================================================================*/ + +#altTabPopup { + padding: 8px; + spacing: 16px; +} + +.switcher-list { + background-color: #2d75ad; + background-gradient-direction: vertical; + background-gradient-start: #2d75ad; + background-gradient-end: #013b6b; + border-radius: 4px; + padding: 20px; + border: solid 1px black; + box-shadow: 2px solid rgba(0,0,0,0.4) 2px 2px; + color: black; + border-image: url('tab.png') 4 4 4 4; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.thumbnail-scroll-gradient-left { + background-color: #2d75ad; + background-gradient-direction: vertical; + background-gradient-start: #2d75ad; + background-gradient-end: #013b6b; + border-radius: 24px; + border-radius-topright: 0px; + border-radius-bottomright: 0px; + width: 60px; +} + +.thumbnail-scroll-gradient-right { + background-color: #2d75ad; + background-gradient-direction: vertical; + background-gradient-start: #2d75ad; + background-gradient-end: #013b6b; + border: 1px solid #94b06f; + border-radius: 0px; + width: 60px; + border-bottom: 0px; + border-left: 0px; + border-right: 0px; +} + +.switcher-list .item-box { + padding: 8px; + color: black; + border: 4px solid rgba(0,0,0,0); + border-radius: 8px; +} + +.switcher-list .item-box:outlined { + background-color: #94b06f; + border-radius: 0px; +} + +.switcher-list .item-box:selected { + border-radius: 0px; + border: 4px solid #379aff; +} + +.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: 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 #94b06f; + 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 #94b06f; + border-radius: 150px; +} + +.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.95); +} + +/* =================================================================== +* Modal dialogs (modalDialog.js) +* ===================================================================*/ + +.modal-dialog { + font-size: 10pt; + border-radius: 2px; + background-color: #2d75ad; + border: 2px solid #013b6b; + border-image: url('menu/popupmenu.png') 4; + color: black; + padding-right: 42px; + padding-left: 42px; + padding-bottom: 30px; + padding-top: 30px; +} + +.modal-dialog-button-box { + spacing: 21px; +} + +.modal-dialog-button { + 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:active, +.modal-dialog-button:checked { + color: black; + border-image: url('buttons/button-pressed.png') 5; +} + +.modal-dialog-button:disabled { + color: rgb(60, 60, 60); +} + +.modal-dialog-button:focus { + padding: 3px 31px 4px; +} + +/* =================================================================== + * dialogs (dialog.js) + * ===================================================================*/ +.dialog { + border-image: url('menu/window-borders.png') 6 6 31 6; + color: #3c3c3e; + background-color: #F5F5F7; + padding: 15px; + border: 1px; + border-color: black; + padding-top: 30px; +} + +.dialog-button-box { +} + +.dialog-button { + height: 22px; + color: rgb(70, 70, 70); + border-image: url('buttons/button.png') 5; + padding: 3px 31px 4px; +} + +.dialog-button:hover { + border-image: url('buttons/button-hover.png') 5; +} + +.dialog-button:focus { + border-image: url('buttons/button-focused.png') 5; + padding: 3px 31px 4px; +} + +.dialog-button:active, +.dialog-button:checked { + border-image: url('buttons/button-pressed.png') 5; + color: white; +} + +.dialog-button:focus:hover { + border-image: url('buttons/button-focused-prelight.png') 5; + padding: 3px 31px 4px; +} + +.dialog-button:focus:checked, +.dialog-button:focus:active { + border-image: url('buttons/button-pressed.png') 5; +} + +.dialog-button:disabled { + color: #a6a6a6; +} + +.dialog-button:destructive-action { + color: #c21616; +} + +.dialog-list .dialog-list-title { + padding: 1.3em; + text-align: center; + color: rgb(70, 70, 70); +} + +.dialog-list-item .dialog-list-item-description { + color: rgb(70, 70, 70); +} + +/* =================================================================== +* Policykit authentication dialog +* ===================================================================*/ + +.polkit-dialog { + /* this is the width of the entire modal popup */ + width: 500px; +} + +.polkit-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.polkit-dialog-message-layout { + spacing: 16px; +} + +.polkit-dialog-headline { + font-size: 12pt; + font-weight: bold; + color: #666666; +} + +.polkit-dialog-description { + font-size: 10pt; + color: white; +} + +.polkit-dialog-user-layout { + padding-left: 10px; + spacing: 10px; +} + +.polkit-dialog-user-layout:rtl { + padding-left: 0px; + padding-right: 10px; +} + +.polkit-dialog-user-root-label { + color: #ff0000; +} + +.polkit-dialog-password-label:ltr { + padding-right: 0.5em; +} + +.polkit-dialog-password-label:rtl { + 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; +} + +.polkit-dialog-password-entry:focus { + border: 2px solid #3465a4; +} + +.polkit-dialog-password-entry .capslock-warning { + icon-size: 16px; + warning-color: #999; + padding: 0 4px; +} + +.polkit-dialog-error-label { + font-size: 10pt; + color: blackf00; + padding-bottom: 8px; +} + +.polkit-dialog-info-label { + 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; +} + +.network-dialog-secret-table { + spacing-rows: 15px; +} + +/* =================================================================== +* 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-gradient-direction: vertical; + background-gradient-start: #000; + background-gradient-end: #000; + +} + +.keyboard-layout { + spacing: 10px; + padding: 10px; +} + +.keyboard-row { + 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; +} + +.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; +} + +.keyboard-key:checked, +.keyboard-key:hover { + background-gradient-direction: vertical; + background-gradient-start: #94b06f; + background-gradient-end: #94b06f; + border: 1px #76d2ec; + border-bottom: 0px; + border-left: 0px; + border-right: 0px; + border-radius: 1px; + color: white; + +} + +.keyboard-key:active { + background-gradient-direction: vertical; + background-gradient-start: #94b06f; + background-gradient-end: #94b06f; + border: 1px #76d2ec; + border-bottom: 0px; + border-left: 0px; + border-right: 0px; + border-radius: 1px; + color: white; + +} + +.keyboard-subkeys { + color: white; + padding: 5px; + -arrow-border-radius: 2px; + -arrow-background-color: #1b1b1c; + -arrow-border-width: 1px; + -arrow-border-color: #94b06f; + -arrow-base: 10px; + -arrow-rise: 5px; + -boxpointer-gap: 5px; +} + +/* ################################################################### +* Cinnamon Specific Section +* ###################################################################*/ + +/* =================================================================== +* Menu (menu.js) +* ===================================================================*/ + +/* Main menu title */ + +.menu-favorites-box { + margin: auto; + background-color: #94b06f; + border: 1px solid #94a16f; + border-radius: 0px; + padding: 0.5em; + color: black; +} + +.menu-background { + border: solid 1px transparent; + border-image: url('menu/menu-bg.png') 12 12 67 42; + box-shadow: 2px 2px 2px rgba(0,0,0,0.5); + padding: 55px 1px 0px 1px; +} + +.menu-favorites-button { + padding: 10px; + border-radius: 0px; +} + +.menu-favorites-button:hover { + background-color: #94b06f; + color: white; +} + +.menu-places-box { + margin: auto; + padding: 8px; + border: 0px solid #666; +} + +.menu-places-button { + padding: 10px; +} + +.menu-categories-box { + padding: 10px; +} + +.menu-applications-box { + padding: 10px 0px 0px 10px; + background-color: white; + border: none; +} + +.menu-applications-inner-box { + padding: 5px; + background-color: #f1f2e4; +} + +.menu-applications-box StScrollBar { + padding: 0px; +} + +.menu-applications-box StScrollView { + 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/trough-scrollbar-vert.png') 1; +} + +.menu-applications-box StButton#vhandle { + border-image: url('menu/slider-vert.png') 3; + background: url('menu/handle-vert.png') no-repeat center center; +} + +.menu-applications-box StButton#vhandle:hover { + border-image: url('menu/slider-vert-hover.png') 3; + background: url('menu/handle-vert.png') no-repeat center center; +} + +.menu-application-button { + padding: 7px; + max-width: 10px; + color: black; +} + +.menu-application-button-selected { + padding: 7px; + color: white; + background-color: #94b06f; +} + +.menu-application-button-label:ltr { + padding-left: 5px; +} + +.menu-application-button-label:rtl { + padding-right: 5px; +} + +.menu-category-button { + padding: 7px; + color: black; +} + +.menu-category-button-greyed { + padding: 7px; + color: #808080; +} + +.menu-category-button-selected { + padding: 7px; + color: white; + background-color: #94b06f; +} + +.menu-category-button-label:ltr { + padding-left: 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*/ + +.menu-selected-app-box { + padding-top: 16px; + padding-right: 30px; + padding-left: 28px; + text-align: right; + color: black; +} + +.menu-selected-app-title { + font-weight: bold; +} + +.menu-selected-app-description { + 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; + border: 1px solid gray; +} + +.menu-search-box { + padding-left: 20px; + padding-bottom: 10px; +} + +.menu-search-entry-icon { + icon-size: 1em; + color: #000; +} + +/* Context menu (at the moment only for favorites) */ +.menu-context-menu { +} + +/* =================================================================== +* Window list (windowList.js) +* ===================================================================*/ +.window-list-box { + spacing: 3px; + padding-top: 3px; +} + +.window-list-item-label { + font-weight: normal; + width: 15em; + min-width: 5px; +} + +.window-list-item-box { + border-image: url('panel/normal.png') 5; + padding: 1px; + text-shadow: none; + transition-duration: 100; + color: black; +} + +.window-list-item-box:active, +.window-list-item-box:checked, +.window-list-item-box:focus { + border-image: url('panel/active.png') 5; + /* text-shadow: black 1px 1px; */ +} + + +.window-list-item-box:hover { + border-image: url('panel/hover.png') 5; +} + +.window-list-item-box:focus { + color: #ffffff; +} + +.window-list-item-box:focus:hover { + border-image: url('panel/active-hover.png') 5; +} + +.window-list-item-demands-attention { + border-image: url('panel/urgent.png') 5; +} + +/* https://github.com/B00merang-Project/Windows-XP/issues/44 */ +.grouped-window-list-thumbnail-menu { + spacing: 6px; + padding: 6px 12px 12px 12px; + border-image: url('panel/menu-bottom.png') 6; + color: #ffffff; +} + +/* experimental support for grouped window list */ +.grouped-window-list-item-box { + color: #000000; + font-weight: normal; + border-image: none; + transition-duration: 100; +} + +.grouped-window-list-item-box:hover { + border-image: url('panel/hover.png') 4; + transition-duration: 100; +} + +.grouped-window-list-item-box:active, +.grouped-window-list-item-box:checked { + border-image: url('panel/normal.png') 4; + transition-duration: 100; +} + +.grouped-window-list-item-box:active:hover, +.grouped-window-list-item-box:checked:hover { + border-image: url('panel/hover.png') 8; + transition-duration: 100; +} + +.grouped-window-list-item-box:focus { + border-image: url('panel/active.png') 8; + transition-duration: 100; + color: #ffffff; +} + +.grouped-window-list-item-box:focus:hover { + border-image: url('panel/active-hover.png') 8; + transition-duration: 100; +} + +.grouped-window-list-item-demands-attention { + font-weight: normal; + border-image: url('panel/urgent.png') 4; + transition-duration: 100; +} + +.grouped-window-list-item-attention:hover { + border-image: url('panel/urgent.png') 4; +} + +.window-list-item-box .progress, +.grouped-window-list-item-box .progress { + background-color: #4b7843; + transition-duration: 100; +} + +.window-list-preview { + spacing: 6px; + color: #000000; + border-image: url('menu/popupmenu.png') 8 8 8 8; + border-radius: 0; + padding: 6px 12px 12px 12px; + font-size: 1em; +} + +.grouped-window-list-thumbnail-menu { + spacing: 6px; + 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 #94b06f; +} + +.grouped-window-list-thumbnail-menu .item-box:selected { + color: #ffffff; + background-color: #94b06f; + border: none; +} +/* =================================================================== +* 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); +} +.sound-button { + width: 26px; + height: 20px; + padding: 5px; + color: black; + background-color: #000; +} + +.sound-button:hover { + background-color: #232527; + color: #94b06f; + transition-duration: 200; +} + +.sound-button:active { + background-color: rgba(57,156,238,.1); + color: #94b06f; + transition-duration: 200; +} + +.sound-button StIcon { + icon-size: 1em; +} +.sound-track-infos { + padding-left: 5px; + padding-right: 5px; + padding-top: 5px; + padding-bottom: 5px; +} +.sound-track-info { + padding-top: 2px; + padding-bottom: 2px; +} +.sound-track-info StIcon { + icon-size: 1em; +} +.sound-track-info StLabel { + padding-left: 5px; + padding-right: 5px; +} +.sound-track-box { + padding-left: 18px; + padding-right: 18px; + max-width: 220px; +} +.sound-volume-menu-item { + padding: .4em 1.75em; +} +.sound-volume-menu-item StIcon { + icon-size: 1.14em; + padding-left: 8px; +} +.sound-playback-control { + padding-top: 5px; + padding-bottom: 10px; +} + +/* =================================================================== +* Workspace Switcher applet (workspaceSwitcher.js) +* ===================================================================*/ +#workspaceSwitcher { + 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; +} + +.workspace-button:outlined { + padding: 2px; + background-color: #000; + border-radius: 0px; + color: #94b06f; +} + +.workspace-button:hover { + padding: 2px; + background-color: #000; + border-radius: 0px; + color: #94b06f; +} + +/* =================================================================== +* Panel Launchers Applet (panelLaunchers.js) +* ===================================================================*/ + +#panel-launchers-box { + +} + +.panel-launcher { + margin: 1px; + padding: 3px; +} + +.panel-launcher:hover { + background-color: rgba(0,0,0,0.5); +} + +.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(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; +} + +.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('menu/overview.png'); +} + +#overview-corner:hover { + background-image: url('menu/overview-hover.png'); +} + +/* =================================================================== +* Applets (applet.js) +* ===================================================================*/ +.applet-separator { + padding: 5px 4px; +} +.applet-separator-line { + width: 1px; + background: rgba(0,0,0,0.5); +} + +.applet-label { + color: black; +} + +.applet-box { + padding-left: 2px; + padding-right: 2px; + color: black; + transition-duration: 300; +} +.applet-box:hover { + background-color: rgba(25,25,25,0.2); + color: black; + transition-duration: 100; +} +.applet-box:active { + background-color: rgba(25,25,25,0.4); + color: black; + transition-duration: 100; +} + +.applet-icon { + icon-size: 1.3em; +} + +.applet-icon:hover, +.applet-box:hover > .applet-icon { +} + +/* =================================================================== +* Workspace OSD +* ===================================================================*/ +/* When switching workspaces*/ + +.workspace-osd { + color: black; + font-size: 25pt; + text-align: center; + background-color: #94b06f; + border: 1px solid #94a16f; + border-radius: 4px; + 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; +} + +.expo-workspaces-name-entry#selected { + background-color: #f1f1f1; + padding: 5px; + padding-bottom: 7px; + border: 1px solid #94b06f; + text-align: center; + height: 16px; +} + +.expo-workspaces-name-entry:focus { + padding: 5px; + padding-bottom: 7px; + color: black; + transition-duration: 300; + text-align: center; +} + +/* =================================================================== +* Notification Applet +* ===================================================================*/ + +.notification-applet-padding { + padding: .5em 1em; +} + +.notification-applet-container { + max-height: 100px; +} + +/* Check Boxes */ +.check-box CinnamonGenericContainer { + spacing: .2em; + min-height: 30px; + padding-top: 2px; +} + +.check-box StBin { + width: 24px; + height: 18px; + background-image: url('checkbox/checkbox-off.png'); +} + +.check-box:focus StBin { + background-image: url('checkbox/checkbox-off-focus.png'); +} + +.check-box:checked StBin { + background-image: url('checkbox/checkbox.png'); +} + +.check-box:focus:checked StBin { + background-image: url('checkbox/checkbox-focus.png'); +} + +.check-box StLabel { + font-weight: normal; +} + +.radiobutton CinnamonGenericContainer { + spacing: .2em; + height: 26px; + padding-top: 2px; +} + +.radiobutton StBin { + width: 22px; + height: 22px; + background-image: url('checkbox/radio-unselected.png'); + border-radius: 15px; +} + +.radiobutton:focus StBin { + background-image: url('checkbox/radio-unselected.png'); +} + +.radiobutton:checked StBin { + background-image: url('checkbox/radio-selected.png'); +} + +.radiobutton:focus:checked StBin { + background-image: url('checkbox/radio-selected.png'); +} + +.radiobutton StLabel { + padding-top: 4px; + font-size: 0.9em; + box-shadow: none; +} + +.flashspot { + background-color: white; +} + +/* =================================================================== +* 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%;*/ +} + +.numa-right { + 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 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; +} + +.numa-connected { + 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; +} + +.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; +} + +/* =================================================================== +* 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; +} + +/* =================================================================== +* CinnXPStarkMenu +* (if CinnXPStarkMenu is used, change some stuff, else use default) +* ===================================================================*/ +.right-buttons-box { + background-color: #f1f2e4; + padding: 8px; + border: 0 solid #cca467; + border-left-width: 1px; +} +.starkmenu-background { + border: solid 1px transparent; + border-image: url('menu/menu-bg.png') 8 8 67 42; + box-shadow: 2px 2px 2px rgba(0,0,0,0.5); + padding: 54px 1px 29px 1px; +} +.starkmenu-selected-app-box { + color: white; /* Information, which is shown, if you select apps*/ +} +.starkmenu-favorites-box { + background-color: white; + border: 0px solid black; +} +.starkmenu-favorites-box .menu-favorites-button { + padding: 4px; +} +.starkmenu-applications-box { + padding: 0px 0px 0px 0px; +} +.starkmenu-applications-inner-box { + background-color: #f1f2e4; +} +.starkmenu-applications-box StScrollView { + background-color: white; + color: black; +} +.starkmenu-search-box { + padding-bottom: 5px; +} + +.hover-user-icon { + border-radius: 4px; + border: 2px solid #f1f1f1; +} diff --git a/Windows XP Homestead/cinnamon/add-workspace-hover.png b/Windows XP Homestead/cinnamon/menu/add-workspace-hover.png similarity index 100% rename from Windows XP Homestead/cinnamon/add-workspace-hover.png rename to Windows XP Homestead/cinnamon/menu/add-workspace-hover.png diff --git a/Windows XP Homestead/cinnamon/add-workspace.png b/Windows XP Homestead/cinnamon/menu/add-workspace.png similarity index 100% rename from Windows XP Homestead/cinnamon/add-workspace.png rename to Windows XP Homestead/cinnamon/menu/add-workspace.png diff --git a/Windows XP Homestead/cinnamon/calendar-arrow-left.svg b/Windows XP Homestead/cinnamon/menu/calendar-arrow-left.svg similarity index 100% rename from Windows XP Homestead/cinnamon/calendar-arrow-left.svg rename to Windows XP Homestead/cinnamon/menu/calendar-arrow-left.svg diff --git a/Windows XP Homestead/cinnamon/calendar-arrow-right.svg b/Windows XP Homestead/cinnamon/menu/calendar-arrow-right.svg similarity index 100% rename from Windows XP Homestead/cinnamon/calendar-arrow-right.svg rename to Windows XP Homestead/cinnamon/menu/calendar-arrow-right.svg diff --git a/Windows XP Embedded/cinnamon/close-hover.png b/Windows XP Homestead/cinnamon/menu/close-hover.png similarity index 100% rename from Windows XP Embedded/cinnamon/close-hover.png rename to Windows XP Homestead/cinnamon/menu/close-hover.png diff --git a/Windows XP Embedded/cinnamon/close.png b/Windows XP Homestead/cinnamon/menu/close.png similarity index 100% rename from Windows XP Embedded/cinnamon/close.png rename to Windows XP Homestead/cinnamon/menu/close.png diff --git a/Windows XP Embedded/cinnamon/entry.png b/Windows XP Homestead/cinnamon/menu/entry.png similarity index 100% rename from Windows XP Embedded/cinnamon/entry.png rename to Windows XP Homestead/cinnamon/menu/entry.png diff --git a/Windows XP Homestead/cinnamon/entry_shadow.png b/Windows XP Homestead/cinnamon/menu/entry_shadow.png similarity index 100% rename from Windows XP Homestead/cinnamon/entry_shadow.png rename to Windows XP Homestead/cinnamon/menu/entry_shadow.png diff --git a/Windows XP Homestead/cinnamon/entry_shadow_insensitive.png b/Windows XP Homestead/cinnamon/menu/entry_shadow_insensitive.png similarity index 100% rename from Windows XP Homestead/cinnamon/entry_shadow_insensitive.png rename to Windows XP Homestead/cinnamon/menu/entry_shadow_insensitive.png diff --git a/Windows XP Homestead/cinnamon/favs.png b/Windows XP Homestead/cinnamon/menu/favs.png similarity index 100% rename from Windows XP Homestead/cinnamon/favs.png rename to Windows XP Homestead/cinnamon/menu/favs.png diff --git a/Windows XP Homestead/cinnamon/handle-horiz-hover.png b/Windows XP Homestead/cinnamon/menu/handle-horiz-hover.png similarity index 100% rename from Windows XP Homestead/cinnamon/handle-horiz-hover.png rename to Windows XP Homestead/cinnamon/menu/handle-horiz-hover.png diff --git a/Windows XP Homestead/cinnamon/handle-horiz.png b/Windows XP Homestead/cinnamon/menu/handle-horiz.png similarity index 100% rename from Windows XP Homestead/cinnamon/handle-horiz.png rename to Windows XP Homestead/cinnamon/menu/handle-horiz.png diff --git a/Windows XP Homestead/cinnamon/handle-vert-hover.png b/Windows XP Homestead/cinnamon/menu/handle-vert-hover.png similarity index 100% rename from Windows XP Homestead/cinnamon/handle-vert-hover.png rename to Windows XP Homestead/cinnamon/menu/handle-vert-hover.png diff --git a/Windows XP Homestead/cinnamon/handle-vert.png b/Windows XP Homestead/cinnamon/menu/handle-vert.png similarity index 100% rename from Windows XP Homestead/cinnamon/handle-vert.png rename to Windows XP Homestead/cinnamon/menu/handle-vert.png diff --git a/Windows XP Homestead/cinnamon/menu-bg.png b/Windows XP Homestead/cinnamon/menu/menu-bg.png similarity index 100% rename from Windows XP Homestead/cinnamon/menu-bg.png rename to Windows XP Homestead/cinnamon/menu/menu-bg.png diff --git a/Windows XP Homestead/cinnamon/overview-hover.png b/Windows XP Homestead/cinnamon/menu/overview-hover.png similarity index 100% rename from Windows XP Homestead/cinnamon/overview-hover.png rename to Windows XP Homestead/cinnamon/menu/overview-hover.png diff --git a/Windows XP Homestead/cinnamon/overview.png b/Windows XP Homestead/cinnamon/menu/overview.png similarity index 100% rename from Windows XP Homestead/cinnamon/overview.png rename to Windows XP Homestead/cinnamon/menu/overview.png diff --git a/Windows XP Homestead/cinnamon/popupmenu.png b/Windows XP Homestead/cinnamon/menu/popupmenu.png similarity index 100% rename from Windows XP Homestead/cinnamon/popupmenu.png rename to Windows XP Homestead/cinnamon/menu/popupmenu.png diff --git a/Windows XP Homestead/cinnamon/slider-vert-hover.png b/Windows XP Homestead/cinnamon/menu/slider-vert-hover.png similarity index 100% rename from Windows XP Homestead/cinnamon/slider-vert-hover.png rename to Windows XP Homestead/cinnamon/menu/slider-vert-hover.png diff --git a/Windows XP Homestead/cinnamon/slider-vert.png b/Windows XP Homestead/cinnamon/menu/slider-vert.png similarity index 100% rename from Windows XP Homestead/cinnamon/slider-vert.png rename to Windows XP Homestead/cinnamon/menu/slider-vert.png diff --git a/Windows XP Luna/cinnamon/tab.png b/Windows XP Homestead/cinnamon/menu/tab.png similarity index 100% rename from Windows XP Luna/cinnamon/tab.png rename to Windows XP Homestead/cinnamon/menu/tab.png diff --git a/Windows XP Homestead/cinnamon/trash-icon.png b/Windows XP Homestead/cinnamon/menu/trash-icon.png similarity index 100% rename from Windows XP Homestead/cinnamon/trash-icon.png rename to Windows XP Homestead/cinnamon/menu/trash-icon.png diff --git a/Windows XP Homestead/cinnamon/trough-horizontal.png b/Windows XP Homestead/cinnamon/menu/trough-horizontal.png similarity index 100% rename from Windows XP Homestead/cinnamon/trough-horizontal.png rename to Windows XP Homestead/cinnamon/menu/trough-horizontal.png diff --git a/Windows XP Homestead/cinnamon/trough-scrollbar-vert.png b/Windows XP Homestead/cinnamon/menu/trough-scrollbar-vert.png similarity index 100% rename from Windows XP Homestead/cinnamon/trough-scrollbar-vert.png rename to Windows XP Homestead/cinnamon/menu/trough-scrollbar-vert.png diff --git a/Windows XP Homestead/cinnamon/menu/window-borders.png b/Windows XP Homestead/cinnamon/menu/window-borders.png new file mode 100644 index 0000000..105d0f8 Binary files /dev/null and b/Windows XP Homestead/cinnamon/menu/window-borders.png differ diff --git a/Windows XP Homestead/cinnamon/active-hover.png b/Windows XP Homestead/cinnamon/panel/active-hover.png similarity index 100% rename from Windows XP Homestead/cinnamon/active-hover.png rename to Windows XP Homestead/cinnamon/panel/active-hover.png diff --git a/Windows XP Homestead/cinnamon/active.png b/Windows XP Homestead/cinnamon/panel/active.png similarity index 100% rename from Windows XP Homestead/cinnamon/active.png rename to Windows XP Homestead/cinnamon/panel/active.png diff --git a/Windows XP Homestead/cinnamon/hover.png b/Windows XP Homestead/cinnamon/panel/hover.png similarity index 100% rename from Windows XP Homestead/cinnamon/hover.png rename to Windows XP Homestead/cinnamon/panel/hover.png diff --git a/Windows XP Homestead/cinnamon/menu-active.png b/Windows XP Homestead/cinnamon/panel/menu-active.png similarity index 100% rename from Windows XP Homestead/cinnamon/menu-active.png rename to Windows XP Homestead/cinnamon/panel/menu-active.png diff --git a/Windows XP Homestead/cinnamon/menu-bottom.png b/Windows XP Homestead/cinnamon/panel/menu-bottom.png similarity index 100% rename from Windows XP Homestead/cinnamon/menu-bottom.png rename to Windows XP Homestead/cinnamon/panel/menu-bottom.png diff --git a/Windows XP Homestead/cinnamon/menu-box.png b/Windows XP Homestead/cinnamon/panel/menu-box.png similarity index 100% rename from Windows XP Homestead/cinnamon/menu-box.png rename to Windows XP Homestead/cinnamon/panel/menu-box.png diff --git a/Windows XP Homestead/cinnamon/menu-hover.png b/Windows XP Homestead/cinnamon/panel/menu-hover.png similarity index 100% rename from Windows XP Homestead/cinnamon/menu-hover.png rename to Windows XP Homestead/cinnamon/panel/menu-hover.png diff --git a/Windows XP Homestead/cinnamon/menu-top.png b/Windows XP Homestead/cinnamon/panel/menu-top.png similarity index 100% rename from Windows XP Homestead/cinnamon/menu-top.png rename to Windows XP Homestead/cinnamon/panel/menu-top.png diff --git a/Windows XP Homestead/cinnamon/normal.png b/Windows XP Homestead/cinnamon/panel/normal.png similarity index 100% rename from Windows XP Homestead/cinnamon/normal.png rename to Windows XP Homestead/cinnamon/panel/normal.png diff --git a/Windows XP Homestead/cinnamon/panel-right.png b/Windows XP Homestead/cinnamon/panel/panel-right.png similarity index 100% rename from Windows XP Homestead/cinnamon/panel-right.png rename to Windows XP Homestead/cinnamon/panel/panel-right.png diff --git a/Windows XP Homestead/cinnamon/panel.png b/Windows XP Homestead/cinnamon/panel/panel.png similarity index 100% rename from Windows XP Homestead/cinnamon/panel.png rename to Windows XP Homestead/cinnamon/panel/panel.png diff --git a/Windows XP Homestead/cinnamon/urgent.png b/Windows XP Homestead/cinnamon/panel/urgent.png similarity index 100% rename from Windows XP Homestead/cinnamon/urgent.png rename to Windows XP Homestead/cinnamon/panel/urgent.png diff --git a/Windows XP Homestead/gtk-3.0/gtk-3.20 b/Windows XP Homestead/gtk-3.0/gtk-3.20 deleted file mode 120000 index 45c7db8..0000000 --- a/Windows XP Homestead/gtk-3.0/gtk-3.20 +++ /dev/null @@ -1 +0,0 @@ -../gtk-3.20 \ No newline at end of file diff --git a/Windows XP Luna/cinnamon/buttons/button-pressed.png b/Windows XP Luna/cinnamon/buttons/button-pressed.png new file mode 100644 index 0000000..d5f3b44 Binary files /dev/null and b/Windows XP Luna/cinnamon/buttons/button-pressed.png differ diff --git a/Windows XP Luna/cinnamon/checkbox-focus.png b/Windows XP Luna/cinnamon/checkbox/checkbox-focus.png similarity index 100% rename from Windows XP Luna/cinnamon/checkbox-focus.png rename to Windows XP Luna/cinnamon/checkbox/checkbox-focus.png diff --git a/Windows XP Luna/cinnamon/checkbox-off-focus.png b/Windows XP Luna/cinnamon/checkbox/checkbox-off-focus.png similarity index 100% rename from Windows XP Luna/cinnamon/checkbox-off-focus.png rename to Windows XP Luna/cinnamon/checkbox/checkbox-off-focus.png diff --git a/Windows XP Luna/cinnamon/checkbox-off.png b/Windows XP Luna/cinnamon/checkbox/checkbox-off.png similarity index 100% rename from Windows XP Luna/cinnamon/checkbox-off.png rename to Windows XP Luna/cinnamon/checkbox/checkbox-off.png diff --git a/Windows XP Luna/cinnamon/checkbox.png b/Windows XP Luna/cinnamon/checkbox/checkbox.png similarity index 100% rename from Windows XP Luna/cinnamon/checkbox.png rename to Windows XP Luna/cinnamon/checkbox/checkbox.png diff --git a/Windows XP Homestead/cinnamon/radio-selected.png b/Windows XP Luna/cinnamon/checkbox/radio-selected.png similarity index 100% rename from Windows XP Homestead/cinnamon/radio-selected.png rename to Windows XP Luna/cinnamon/checkbox/radio-selected.png diff --git a/Windows XP Homestead/cinnamon/radio-unselected.png b/Windows XP Luna/cinnamon/checkbox/radio-unselected.png similarity index 100% rename from Windows XP Homestead/cinnamon/radio-unselected.png rename to Windows XP Luna/cinnamon/checkbox/radio-unselected.png diff --git a/Windows XP Luna/cinnamon/cinnamon.css b/Windows XP Luna/cinnamon/cinnamon.css index 1d34021..ada4cb1 100644 --- a/Windows XP Luna/cinnamon/cinnamon.css +++ b/Windows XP Luna/cinnamon/cinnamon.css @@ -4,6 +4,7 @@ * ###################################################################*/ stage { font-family: Noto Sans, sans-serif; + color: white; } .cinnamon-link { @@ -19,6 +20,9 @@ stage { color: rgba(0,0,0,0.5); } +/* =================================================================== + * Scrollbars + * ===================================================================*/ StScrollView.vfade { -st-vfade-offset: 0px; } @@ -44,14 +48,16 @@ StScrollBar StButton#vhandle:hover { } .menu-applications-box StButton#vhandle { - background: url('handle-vert.png') no-repeat center center; + background: url('menu/handle-vert.png') no-repeat center center; } .menu-applications-box StButton#vhandle:hover { - background: url('handle-vert.png') no-repeat center center; + background: url('menu/handle-vert.png') no-repeat center center; } - +/* =================================================================== + * Tooltip + * ===================================================================*/ #Tooltip { border: 1px solid black; border-radius: 0px; @@ -139,7 +145,7 @@ StScrollBar StButton#vhandle:hover { .popup-menu, .menu { border: solid 4px black; - border-image: url('popupmenu.png') 8 8 8 8; + border-image: url('menu/popupmenu.png') 8 8 8 8; color: #000; font-size: 9pt; } @@ -232,18 +238,20 @@ StScrollBar StButton#vhandle:hover { icon-size: 1.14em; } -/* Switches (to be used in menus) */ +/* =================================================================== + * Switches (to be used in menus) + * ===================================================================*/ .toggle-switch { width: 52px; height: 18px; } .toggle-switch-us, .toggle-switch-intl { - background-image: url("checkbox-off.png"); + background-image: url('checkbox/checkbox-off.png'); } .toggle-switch-us:checked, .toggle-switch-intl:checked { - background-image: url("checkbox.png"); + background-image: url('checkbox/checkbox.png'); } .nm-menu-item-icons { @@ -258,7 +266,7 @@ StScrollBar StButton#vhandle:hover { color: #ffffff; background-color: #013c6b; font-size: 9pt; - border-image: url('panel.png') 80 0 0 0; + border-image: url('panel/panel.png') 80 0 0 0; font-weight: normal; height: 30px; } @@ -268,26 +276,30 @@ StScrollBar StButton#vhandle:hover { } #panelRight { - border-image: url('panel-right.png') 7 0 0 0; + border-image: url('panel/panel-right.png') 7 0 0 0; } #panelLeft .applet-box:first-child { - border-image: url('menu-box.png') 7 0 0 0; - border-right-width: 10px; - text-shadow: black 0px 1px 1px; - font-size: 12pt; - font-style: italic; - font-weight: bold; + border-image: url('panel/menu-box.png') 7 0 0 0; + padding-right: 20px; +} + +/* TODO: Tahoma is used for most things, but this looks a little off.*/ +#panelLeft .applet-box:first-child .applet-label { + color: white; font-family: tahoma; - padding-right: 15px; + font-size: 15pt; + font-style: italic; + font-weight: bold; + text-shadow: black 0px 1px 2px; } #panelLeft .applet-box:first-child:hover { - border-image: url('menu-hover.png') 7 0 0 0; + border-image: url('panel/menu-hover.png') 7 0 0 0; } #panelLeft .applet-box:first-child:active { - border-image: url('menu-active.png') 7 0 0 0; + border-image: url('panel/menu-active.png') 7 0 0 0; } #panelLeft:dnd { @@ -464,19 +476,19 @@ StScrollBar StButton#vhandle:hover { } .workspace-add-button { - background-image: url("add-workspace.png"); + background-image: url('menu/add-workspace.png'); height: 200px; width: 35px; transition-duration: 300; } .workspace-add-button:hover { - background-image: url("add-workspace-hover.png"); + background-image: url('menu/add-workspace-hover.png'); transition-duration: 300; } .workspace-close-button { - background-image: url("close.png"); + background-image: url('menu/close.png'); height: 34px; width: 34px; -cinnamon-close-overlap: 20px; @@ -484,7 +496,7 @@ StScrollBar StButton#vhandle:hover { .window-close:hover, .window-close:active { - background-image: url("close-hover.png"); + background-image: url('menu/close-hover.png'); } @@ -494,7 +506,7 @@ StScrollBar StButton#vhandle:hover { } .window-close { - background-image: url("close.png"); + background-image: url('menu/close.png'); height: 34px; width: 34px; -cinnamon-close-overlap: 20px; @@ -505,7 +517,7 @@ StScrollBar StButton#vhandle:hover { } .window-close-area { - background-image: url("trash-icon.png"); + background-image: url('menu/trash-icon.png'); background-color: rgba(0, 0, 0, 0.8); border: 2px solid #399cee; border-bottom: 0px; @@ -598,7 +610,9 @@ StScrollBar StButton#vhandle:hover { background-color: rgba(57,156,238,.31); } - +/* =================================================================== +* Clock Desklet (desklet.js) +* ===================================================================*/ .clock-desklet-label { } @@ -619,13 +633,6 @@ StScrollBar StButton#vhandle:hover { border-radius: 0px; } -/* =================================================================== -* Clock Desklet (desklet.js) -* ===================================================================*/ -.clock-desklet-label { -} - - /* =================================================================== * Looking Glass * ===================================================================*/ @@ -747,13 +754,13 @@ StScrollBar StButton#vhandle:hover { .calendar-change-month-back { width: 18px; height: 12px; - background-image: url("calendar-arrow-left.svg"); + background-image: url('menu/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('menu/calendar-arrow-right.svg'); } .calendar-change-month-back:hover { @@ -766,13 +773,13 @@ StScrollBar StButton#vhandle:hover { .calendar-change-month-forward { width: 18px; height: 12px; - background-image: url("calendar-arrow-right.svg"); + background-image: url('menu/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('menu/calendar-arrow-left.svg'); } .calendar-change-month-forward:hover { @@ -897,11 +904,13 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 } .notification-button { border-radius: 18px; - font-size: 11pt; + font-size: 10pt; padding: 4px 42px 5px; + color: black; } .notification-button:focus { padding: 3px 41px 4px; + color: black; } .notification-icon-button { border-radius: 5px; @@ -1001,7 +1010,7 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 border: solid 1px black; box-shadow: 2px solid rgba(0,0,0,0.4) 2px 2px; color: black; - border-image: url('tab.png') 4 4 4 4; + border-image: url('menu/tab.png') 4 4 4 4; } .switcher-list-item-container { @@ -1098,7 +1107,7 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 } /* =================================================================== -* Modal dialogs +* Modal dialogs (modalDialog.js) * ===================================================================*/ .modal-dialog { @@ -1106,7 +1115,7 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 border-radius: 2px; background-color: #2d75ad; border: 2px solid #013b6b; - border-image: url('popupmenu.png') 4; + border-image: url('menu/popupmenu.png') 4; color: #000; padding-right: 42px; padding-left: 42px; @@ -1133,7 +1142,7 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 .modal-dialog-button:active, .modal-dialog-button:checked { color: black; - border-image: url('buttons/button-focused-pressed.png') 5; + border-image: url('buttons/button-pressed.png') 5; } .modal-dialog-button:disabled { @@ -1149,12 +1158,12 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 * ===================================================================*/ .run-dialog-label { - font-size: 9pt; + font-size: 8pt; color: black; } .run-dialog-error-label { - font-size: 9pt; + font-size: 8pt; color: black; } @@ -1163,8 +1172,15 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 spacing: 5px; } +.run-dialog-description { + text-align: center; + color: rgb(70, 70, 70); +} + .run-dialog-entry { - font-size: 10pt; + color: black; + caret-color: black; + font-size: 8pt; font-weight: normal; background-color: white; border: 1px solid gray; @@ -1181,16 +1197,24 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 .run-dialog-completion-box { padding-left: 15px; font-size: 10px; + color: black; +} + +.run-dialog .modal-dialog-button-box { + border: none; + box-shadow: none; + background: none; + background-gradient-direction: none; } .run-dialog { - border-radius: 8px; - padding-right: 21px; - padding-left: 21px; + border-radius: 5px; + padding-right: 15px; + padding-left: 15px; padding-bottom: 15px; - padding-top: 15px; + padding-top: 31px; color: black; - border-image: url('tab.png') 4 4 4 4; + border-image: url('menu/window-borders.png') 6 6 31 6 } .lightbox { @@ -1198,8 +1222,8 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 } /* =================================================================== -* End session dialog -* ===================================================================*/ +* CinnamonMountOperation Dialogs + * ===================================================================*/ .end-session-dialog { spacing: 42px; @@ -1340,6 +1364,119 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 font-size: 10pt; } +/* =================================================================== + * Modal dialogs + * ===================================================================*/ + +.modal-dialog { + font-size: 10pt; + border-radius: 2px; + background-color: #2d75ad; + border: 2px solid #013b6b; + border-image: url('menu/popupmenu.png') 4; + color: #000; + padding-right: 42px; + padding-left: 42px; + padding-bottom: 30px; + padding-top: 30px; +} + +.modal-dialog-button-box { + spacing: 21px; +} + +.modal-dialog-button { + 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:active, +.modal-dialog-button:checked { + color: black; + border-image: url('buttons/button-pressed.png') 5; +} + +.modal-dialog-button:disabled { + color: rgb(60, 60, 60); +} + +.modal-dialog-button:focus { + padding: 3px 31px 4px; +} + +/* =================================================================== + * dialogs (dialog.js) + * ===================================================================*/ +.dialog { + border-image: url('menu/window-borders.png') 6 6 31 6; + color: #3c3c3e; + background-color: #F5F5F7; + padding: 15px; + border: 1px; + border-color: black; + padding-top: 30px; +} + +.dialog-button-box { +} + +.dialog-button { + height: 22px; + color: rgb(70, 70, 70); + border-image: url('buttons/button.png') 5; + padding: 3px 31px 4px; +} + +.dialog-button:hover { + border-image: url('buttons/button-hover.png') 5; +} + +.dialog-button:focus { + border-image: url('buttons/button-focused.png') 5; + padding: 3px 31px 4px; +} + +.dialog-button:active, +.dialog-button:checked { + border-image: url('buttons/button-pressed.png') 5; + color: white; +} + +.dialog-button:focus:hover { + border-image: url('buttons/button-focused-prelight.png') 5; + padding: 3px 31px 4px; +} + +.dialog-button:focus:checked, +.dialog-button:focus:active { + border-image: url('buttons/button-pressed.png') 5; +} + +.dialog-button:disabled { + color: #a6a6a6; +} + +.dialog-button:destructive-action { + color: #c21616; +} + +.dialog-list .dialog-list-title { + padding: 1.3em; + text-align: center; + color: rgb(70, 70, 70); +} + +.dialog-list-item .dialog-list-item-description { + color: rgb(70, 70, 70); +} + /* =================================================================== * Policykit authentication dialog * ===================================================================*/ @@ -1553,7 +1690,7 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 .menu-background { border: solid 1px transparent; - border-image: url("menu-bg.png") 12 12 67 42; + border-image: url('menu/menu-bg.png') 12 12 67 42; box-shadow: 2px 2px 2px rgba(0,0,0,0.5); padding: 55px 1px 0px 1px; } @@ -1608,17 +1745,17 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 background: none; border-width: 0px; box-shadow: none; - border-image: url('trough-scrollbar-vert.png') 1; + border-image: url('menu/trough-scrollbar-vert.png') 1; } .menu-applications-box StButton#vhandle { - border-image: url('slider-vert.png') 3; - background: url('handle-vert.png') no-repeat center center; + border-image: url('menu/slider-vert.png') 3; + background: url('menu/handle-vert.png') no-repeat center center; } .menu-applications-box StButton#vhandle:hover { - border-image: url('slider-vert-hover.png') 3; - background: url('handle-vert.png') no-repeat center center; + border-image: url('menu/slider-vert-hover.png') 3; + background: url('menu/handle-vert.png') no-repeat center center; } .menu-application-button { @@ -1726,7 +1863,7 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 } .window-list-item-box { - border-image: url('normal.png'); + border-image: url('panel/normal.png'); padding: 1px; transition-duration: 100; } @@ -1734,16 +1871,16 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 .window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:focus { - border-image: url('active.png'); + border-image: url('panel/active.png'); } .window-list-item-box:hover { - border-image: url('hover.png'); + border-image: url('panel/hover.png'); } .window-list-item-box:focus:hover { - border-image: url('active-hover.png'); + border-image: url('panel/active-hover.png'); } .window-list-item-demands-attention { @@ -1754,7 +1891,7 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 .grouped-window-list-thumbnail-menu { spacing: 6px; padding: 6px 12px 12px 12px; - border-image: url("menu-bottom.png") 6; + border-image: url('panel/menu-bottom.png') 6; color: #ffffff; } @@ -1767,40 +1904,40 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 } .grouped-window-list-item-box:hover { - border-image: url("hover.png") 4; + border-image: url('panel/hover.png') 4; transition-duration: 100; } .grouped-window-list-item-box:active, .grouped-window-list-item-box:checked { - border-image: url("normal.png") 4; + border-image: url('panel/normal.png') 4; transition-duration: 100; } .grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover { - border-image: url("hover.png") 8; + border-image: url('panel/hover.png') 8; transition-duration: 100; } .grouped-window-list-item-box:focus { - border-image: url("active.png") 8; + border-image: url('panel/active.png') 8; transition-duration: 100; } .grouped-window-list-item-box:focus:hover { - border-image: url("active-hover.png") 8; + border-image: url('panel/active-hover.png') 8; transition-duration: 100; } .grouped-window-list-item-demands-attention { font-weight: normal; - border-image: url("urgent.png") 4; + border-image: url('panel/urgent.png') 4; transition-duration: 100; } .grouped-window-list-item-attention:hover { - border-image: url("urgent.png") 4; + border-image: url('panel/urgent.png') 4; } .window-list-item-box .progress, @@ -1812,7 +1949,7 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 .window-list-preview { spacing: 6px; color: #000000; - border-image: url('popupmenu.png') 8 8 8 8; + border-image: url('menu/popupmenu.png') 8 8 8 8; border-radius: 0; padding: 6px 12px 12px 12px; font-size: 1em; @@ -2016,11 +2153,11 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 * Overview corner * ===================================================================*/ #overview-corner { - background-image: url("overview.png"); + background-image: url('menu/overview.png'); } #overview-corner:hover { - background-image: url("overview-hover.png"); + background-image: url('menu/overview-hover.png'); } /* =================================================================== @@ -2034,31 +2171,25 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 background: rgba(0,0,0,0.5); } +.applet-label { + color: white; +} + .applet-box { - padding-left: 6px; - padding-right: 6px; + padding-left: 2px; + padding-right: 2px; + color: white; transition-duration: 300; } .applet-box:hover { background-color: rgba(25,25,25,0.2); - color: white; + color: white; transition-duration: 100; } .applet-box:active { background-color: rgba(25,25,25,0.4); - color: white; - transition-duration: 100; - -} - -.applet-label:not(:first-child) { - font-weight: normal; -} - -.applet-label, -.applet-label:hover, -.applet-box:hover > .applet-label { color: white; + transition-duration: 100; } .applet-icon { @@ -2067,7 +2198,6 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 .applet-icon:hover, .applet-box:hover > .applet-icon { - } /* =================================================================== @@ -2137,19 +2267,19 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 .check-box StBin { width: 24px; height: 18px; - background-image: url("checkbox-off.png"); + background-image: url('checkbox/checkbox-off.png'); } .check-box:focus StBin { - background-image: url("checkbox-off-focus.png"); + background-image: url('checkbox-off-focus.png'); } .check-box:checked StBin { - background-image: url("checkbox.png"); + background-image: url('checkbox/checkbox.png'); } .check-box:focus:checked StBin { - background-image: url("checkbox-focus.png"); + background-image: url('checkbox-focus.png'); } .check-box StLabel { @@ -2165,20 +2295,20 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 .radiobutton StBin { width: 22px; height: 22px; - background-image: url("radio-unselected.png"); + background-image: url('checkbox/radio-unselected.png'); border-radius: 15px; } .radiobutton:focus StBin { - background-image: url("radio-unselected.png"); + background-image: url('checkbox/radio-unselected.png'); } .radiobutton:checked StBin { - background-image: url("radio-selected.png"); + background-image: url('checkbox/radio-selected.png'); } .radiobutton:focus:checked StBin { - background-image: url("radio-selected.png"); + background-image: url('checkbox/radio-selected.png'); } .radiobutton StLabel { @@ -2272,7 +2402,7 @@ The colour parameters are red, green, blue, and transparency or a name */ } .starkmenu-background { border: solid 1px transparent; - border-image: url("menu-bg.png") 8 8 67 42; + border-image: url('menu/menu-bg.png') 8 8 67 42; box-shadow: 2px 2px 2px rgba(0,0,0,0.5); padding: 54px 1px 29px 1px; } diff --git a/Windows XP Luna/cinnamon/add-workspace-hover.png b/Windows XP Luna/cinnamon/menu/add-workspace-hover.png similarity index 100% rename from Windows XP Luna/cinnamon/add-workspace-hover.png rename to Windows XP Luna/cinnamon/menu/add-workspace-hover.png diff --git a/Windows XP Luna/cinnamon/add-workspace.png b/Windows XP Luna/cinnamon/menu/add-workspace.png similarity index 100% rename from Windows XP Luna/cinnamon/add-workspace.png rename to Windows XP Luna/cinnamon/menu/add-workspace.png diff --git a/Windows XP Luna/cinnamon/calendar-arrow-left.svg b/Windows XP Luna/cinnamon/menu/calendar-arrow-left.svg similarity index 100% rename from Windows XP Luna/cinnamon/calendar-arrow-left.svg rename to Windows XP Luna/cinnamon/menu/calendar-arrow-left.svg diff --git a/Windows XP Luna/cinnamon/calendar-arrow-right.svg b/Windows XP Luna/cinnamon/menu/calendar-arrow-right.svg similarity index 100% rename from Windows XP Luna/cinnamon/calendar-arrow-right.svg rename to Windows XP Luna/cinnamon/menu/calendar-arrow-right.svg diff --git a/Windows XP Homestead/cinnamon/close-hover.png b/Windows XP Luna/cinnamon/menu/close-hover.png similarity index 100% rename from Windows XP Homestead/cinnamon/close-hover.png rename to Windows XP Luna/cinnamon/menu/close-hover.png diff --git a/Windows XP Homestead/cinnamon/close.png b/Windows XP Luna/cinnamon/menu/close.png similarity index 100% rename from Windows XP Homestead/cinnamon/close.png rename to Windows XP Luna/cinnamon/menu/close.png diff --git a/Windows XP Homestead/cinnamon/entry.png b/Windows XP Luna/cinnamon/menu/entry.png similarity index 100% rename from Windows XP Homestead/cinnamon/entry.png rename to Windows XP Luna/cinnamon/menu/entry.png diff --git a/Windows XP Luna/cinnamon/entry_shadow.png b/Windows XP Luna/cinnamon/menu/entry_shadow.png similarity index 100% rename from Windows XP Luna/cinnamon/entry_shadow.png rename to Windows XP Luna/cinnamon/menu/entry_shadow.png diff --git a/Windows XP Luna/cinnamon/entry_shadow_insensitive.png b/Windows XP Luna/cinnamon/menu/entry_shadow_insensitive.png similarity index 100% rename from Windows XP Luna/cinnamon/entry_shadow_insensitive.png rename to Windows XP Luna/cinnamon/menu/entry_shadow_insensitive.png diff --git a/Windows XP Luna/cinnamon/favs.png b/Windows XP Luna/cinnamon/menu/favs.png similarity index 100% rename from Windows XP Luna/cinnamon/favs.png rename to Windows XP Luna/cinnamon/menu/favs.png diff --git a/Windows XP Luna/cinnamon/handle-horiz-hover.png b/Windows XP Luna/cinnamon/menu/handle-horiz-hover.png similarity index 100% rename from Windows XP Luna/cinnamon/handle-horiz-hover.png rename to Windows XP Luna/cinnamon/menu/handle-horiz-hover.png diff --git a/Windows XP Luna/cinnamon/handle-horiz.png b/Windows XP Luna/cinnamon/menu/handle-horiz.png similarity index 100% rename from Windows XP Luna/cinnamon/handle-horiz.png rename to Windows XP Luna/cinnamon/menu/handle-horiz.png diff --git a/Windows XP Luna/cinnamon/handle-vert-hover.png b/Windows XP Luna/cinnamon/menu/handle-vert-hover.png similarity index 100% rename from Windows XP Luna/cinnamon/handle-vert-hover.png rename to Windows XP Luna/cinnamon/menu/handle-vert-hover.png diff --git a/Windows XP Luna/cinnamon/handle-vert.png b/Windows XP Luna/cinnamon/menu/handle-vert.png similarity index 100% rename from Windows XP Luna/cinnamon/handle-vert.png rename to Windows XP Luna/cinnamon/menu/handle-vert.png diff --git a/Windows XP Luna/cinnamon/menu-bg.png b/Windows XP Luna/cinnamon/menu/menu-bg.png similarity index 100% rename from Windows XP Luna/cinnamon/menu-bg.png rename to Windows XP Luna/cinnamon/menu/menu-bg.png diff --git a/Windows XP Luna/cinnamon/overview-hover.png b/Windows XP Luna/cinnamon/menu/overview-hover.png similarity index 100% rename from Windows XP Luna/cinnamon/overview-hover.png rename to Windows XP Luna/cinnamon/menu/overview-hover.png diff --git a/Windows XP Luna/cinnamon/overview.png b/Windows XP Luna/cinnamon/menu/overview.png similarity index 100% rename from Windows XP Luna/cinnamon/overview.png rename to Windows XP Luna/cinnamon/menu/overview.png diff --git a/Windows XP Luna/cinnamon/popupmenu.png b/Windows XP Luna/cinnamon/menu/popupmenu.png similarity index 100% rename from Windows XP Luna/cinnamon/popupmenu.png rename to Windows XP Luna/cinnamon/menu/popupmenu.png diff --git a/Windows XP Luna/cinnamon/slider-vert-hover.png b/Windows XP Luna/cinnamon/menu/slider-vert-hover.png similarity index 100% rename from Windows XP Luna/cinnamon/slider-vert-hover.png rename to Windows XP Luna/cinnamon/menu/slider-vert-hover.png diff --git a/Windows XP Luna/cinnamon/slider-vert.png b/Windows XP Luna/cinnamon/menu/slider-vert.png similarity index 100% rename from Windows XP Luna/cinnamon/slider-vert.png rename to Windows XP Luna/cinnamon/menu/slider-vert.png diff --git a/Windows XP Metallic/cinnamon/tab.png b/Windows XP Luna/cinnamon/menu/tab.png similarity index 100% rename from Windows XP Metallic/cinnamon/tab.png rename to Windows XP Luna/cinnamon/menu/tab.png diff --git a/Windows XP Luna/cinnamon/trash-icon.png b/Windows XP Luna/cinnamon/menu/trash-icon.png similarity index 100% rename from Windows XP Luna/cinnamon/trash-icon.png rename to Windows XP Luna/cinnamon/menu/trash-icon.png diff --git a/Windows XP Luna/cinnamon/trough-horizontal.png b/Windows XP Luna/cinnamon/menu/trough-horizontal.png similarity index 100% rename from Windows XP Luna/cinnamon/trough-horizontal.png rename to Windows XP Luna/cinnamon/menu/trough-horizontal.png diff --git a/Windows XP Luna/cinnamon/trough-scrollbar-vert.png b/Windows XP Luna/cinnamon/menu/trough-scrollbar-vert.png similarity index 100% rename from Windows XP Luna/cinnamon/trough-scrollbar-vert.png rename to Windows XP Luna/cinnamon/menu/trough-scrollbar-vert.png diff --git a/Windows XP Luna/cinnamon/menu/window-borders.png b/Windows XP Luna/cinnamon/menu/window-borders.png new file mode 100644 index 0000000..46c342c Binary files /dev/null and b/Windows XP Luna/cinnamon/menu/window-borders.png differ diff --git a/Windows XP Luna/cinnamon/active-hover.png b/Windows XP Luna/cinnamon/panel/active-hover.png similarity index 100% rename from Windows XP Luna/cinnamon/active-hover.png rename to Windows XP Luna/cinnamon/panel/active-hover.png diff --git a/Windows XP Luna/cinnamon/active.png b/Windows XP Luna/cinnamon/panel/active.png similarity index 100% rename from Windows XP Luna/cinnamon/active.png rename to Windows XP Luna/cinnamon/panel/active.png diff --git a/Windows XP Luna/cinnamon/hover.png b/Windows XP Luna/cinnamon/panel/hover.png similarity index 100% rename from Windows XP Luna/cinnamon/hover.png rename to Windows XP Luna/cinnamon/panel/hover.png diff --git a/Windows XP Luna/cinnamon/menu-active.png b/Windows XP Luna/cinnamon/panel/menu-active.png similarity index 100% rename from Windows XP Luna/cinnamon/menu-active.png rename to Windows XP Luna/cinnamon/panel/menu-active.png diff --git a/Windows XP Luna/cinnamon/menu-bottom.png b/Windows XP Luna/cinnamon/panel/menu-bottom.png similarity index 100% rename from Windows XP Luna/cinnamon/menu-bottom.png rename to Windows XP Luna/cinnamon/panel/menu-bottom.png diff --git a/Windows XP Luna/cinnamon/menu-box.png b/Windows XP Luna/cinnamon/panel/menu-box.png similarity index 100% rename from Windows XP Luna/cinnamon/menu-box.png rename to Windows XP Luna/cinnamon/panel/menu-box.png diff --git a/Windows XP Luna/cinnamon/menu-hover.png b/Windows XP Luna/cinnamon/panel/menu-hover.png similarity index 100% rename from Windows XP Luna/cinnamon/menu-hover.png rename to Windows XP Luna/cinnamon/panel/menu-hover.png diff --git a/Windows XP Luna/cinnamon/menu-top.png b/Windows XP Luna/cinnamon/panel/menu-top.png similarity index 100% rename from Windows XP Luna/cinnamon/menu-top.png rename to Windows XP Luna/cinnamon/panel/menu-top.png diff --git a/Windows XP Luna/cinnamon/normal.png b/Windows XP Luna/cinnamon/panel/normal.png similarity index 100% rename from Windows XP Luna/cinnamon/normal.png rename to Windows XP Luna/cinnamon/panel/normal.png diff --git a/Windows XP Luna/cinnamon/panel-right.png b/Windows XP Luna/cinnamon/panel/panel-right.png similarity index 100% rename from Windows XP Luna/cinnamon/panel-right.png rename to Windows XP Luna/cinnamon/panel/panel-right.png diff --git a/Windows XP Luna/cinnamon/panel.png b/Windows XP Luna/cinnamon/panel/panel.png similarity index 100% rename from Windows XP Luna/cinnamon/panel.png rename to Windows XP Luna/cinnamon/panel/panel.png diff --git a/Windows XP Luna/cinnamon/urgent.png b/Windows XP Luna/cinnamon/panel/urgent.png similarity index 100% rename from Windows XP Luna/cinnamon/urgent.png rename to Windows XP Luna/cinnamon/panel/urgent.png diff --git a/Windows XP Luna/cinnamon/window/border-focused-bottom.png b/Windows XP Luna/cinnamon/window/border-focused-bottom.png new file mode 100644 index 0000000..e39f039 Binary files /dev/null and b/Windows XP Luna/cinnamon/window/border-focused-bottom.png differ diff --git a/Windows XP Luna/cinnamon/window/border-focused-left.png b/Windows XP Luna/cinnamon/window/border-focused-left.png new file mode 100644 index 0000000..c785ee3 Binary files /dev/null and b/Windows XP Luna/cinnamon/window/border-focused-left.png differ diff --git a/Windows XP Luna/cinnamon/window/border-focused-leftcorner.png b/Windows XP Luna/cinnamon/window/border-focused-leftcorner.png new file mode 100644 index 0000000..dc3ebba Binary files /dev/null and b/Windows XP Luna/cinnamon/window/border-focused-leftcorner.png differ diff --git a/Windows XP Luna/cinnamon/window/border-focused-right.png b/Windows XP Luna/cinnamon/window/border-focused-right.png new file mode 100644 index 0000000..6ea7306 Binary files /dev/null and b/Windows XP Luna/cinnamon/window/border-focused-right.png differ diff --git a/Windows XP Luna/cinnamon/window/border-focused-rightcorner.png b/Windows XP Luna/cinnamon/window/border-focused-rightcorner.png new file mode 100644 index 0000000..f570761 Binary files /dev/null and b/Windows XP Luna/cinnamon/window/border-focused-rightcorner.png differ diff --git a/Windows XP Luna/cinnamon/window/titlebar-focused-left.png b/Windows XP Luna/cinnamon/window/titlebar-focused-left.png new file mode 100644 index 0000000..cbb857c Binary files /dev/null and b/Windows XP Luna/cinnamon/window/titlebar-focused-left.png differ diff --git a/Windows XP Luna/cinnamon/window/titlebar-focused-middle.png b/Windows XP Luna/cinnamon/window/titlebar-focused-middle.png new file mode 100644 index 0000000..2e9646b Binary files /dev/null and b/Windows XP Luna/cinnamon/window/titlebar-focused-middle.png differ diff --git a/Windows XP Luna/cinnamon/window/titlebar-focused-right.png b/Windows XP Luna/cinnamon/window/titlebar-focused-right.png new file mode 100644 index 0000000..c42abe0 Binary files /dev/null and b/Windows XP Luna/cinnamon/window/titlebar-focused-right.png differ diff --git a/Windows XP Luna/gtk-3.0/gtk-3.20 b/Windows XP Luna/gtk-3.0/gtk-3.20 deleted file mode 120000 index 45c7db8..0000000 --- a/Windows XP Luna/gtk-3.0/gtk-3.20 +++ /dev/null @@ -1 +0,0 @@ -../gtk-3.20 \ No newline at end of file diff --git a/Windows XP Metallic/cinnamon/buttons/button-pressed.png b/Windows XP Metallic/cinnamon/buttons/button-pressed.png new file mode 100644 index 0000000..d5f3b44 Binary files /dev/null and b/Windows XP Metallic/cinnamon/buttons/button-pressed.png differ diff --git a/Windows XP Metallic/cinnamon/checkbox-focus.png b/Windows XP Metallic/cinnamon/checkbox/checkbox-focus.png similarity index 100% rename from Windows XP Metallic/cinnamon/checkbox-focus.png rename to Windows XP Metallic/cinnamon/checkbox/checkbox-focus.png diff --git a/Windows XP Metallic/cinnamon/checkbox-off-focus.png b/Windows XP Metallic/cinnamon/checkbox/checkbox-off-focus.png similarity index 100% rename from Windows XP Metallic/cinnamon/checkbox-off-focus.png rename to Windows XP Metallic/cinnamon/checkbox/checkbox-off-focus.png diff --git a/Windows XP Metallic/cinnamon/checkbox-off.png b/Windows XP Metallic/cinnamon/checkbox/checkbox-off.png similarity index 100% rename from Windows XP Metallic/cinnamon/checkbox-off.png rename to Windows XP Metallic/cinnamon/checkbox/checkbox-off.png diff --git a/Windows XP Metallic/cinnamon/checkbox.png b/Windows XP Metallic/cinnamon/checkbox/checkbox.png similarity index 100% rename from Windows XP Metallic/cinnamon/checkbox.png rename to Windows XP Metallic/cinnamon/checkbox/checkbox.png diff --git a/Windows XP Luna/cinnamon/radio-selected.png b/Windows XP Metallic/cinnamon/checkbox/radio-selected.png similarity index 100% rename from Windows XP Luna/cinnamon/radio-selected.png rename to Windows XP Metallic/cinnamon/checkbox/radio-selected.png diff --git a/Windows XP Luna/cinnamon/radio-unselected.png b/Windows XP Metallic/cinnamon/checkbox/radio-unselected.png similarity index 100% rename from Windows XP Luna/cinnamon/radio-unselected.png rename to Windows XP Metallic/cinnamon/checkbox/radio-unselected.png diff --git a/Windows XP Metallic/cinnamon/cinnamon.css b/Windows XP Metallic/cinnamon/cinnamon.css index 9498d36..7e8ffb1 100644 --- a/Windows XP Metallic/cinnamon/cinnamon.css +++ b/Windows XP Metallic/cinnamon/cinnamon.css @@ -1,2310 +1,2389 @@ -/* ################################################################### -* Section common with Gnome Shell -* ... contains a few cinnamon specific styles (rare occurences) -* ###################################################################*/ -stage { - font-family: Noto Sans, sans-serif; -} - -.cinnamon-link { - color: #0000ff; - text-decoration: underline; -} - -.cinnamon-link:hover { - color: #0000e0; -} - -.label-shadow { - color: rgba(0,0,0,0.5); -} - -StScrollView.vfade { - -st-vfade-offset: 0px; -} - -StScrollView StScrollBar { - min-width: 17px; - min-height: 17px; -} - -StScrollBar { - padding: 0px; -} - -StScrollBar StBin#trough { - 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; -} - -.menu-applications-box StButton#vhandle { - background: url('handle-vert.png') no-repeat center center; -} - -.menu-applications-box StButton#vhandle:hover { - background: url('handle-vert.png') no-repeat center center; -} - - -#Tooltip { - border: 1px solid black; - border-radius: 0px; - padding: 2px 12px; - background-gradient-end: #FFFFE2; - background-gradient-start: #FFFFE2; - background-gradient-direction: vertical; - color: black; - font-size: 8.5pt; - font-weight: normal; - text-align: center; -} - -/* =================================================================== -* 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; -} - -.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; -} - -.notification-button:focus, -.notification-icon-button:focus, .hotplug-notification-item:focus, -.modal-dialog-button:focus { - 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; -} - -/* =================================================================== -* User Applet -* ===================================================================*/ - -.user-box { - 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; -} - -.user-label { - color: #000; - font-size: 10pt; - font-weight: normal; - margin: 0; -} - -/* =================================================================== -* PopupMenu (popupMenu.js) -* ===================================================================*/ - -.popup-menu-boxpointer { - -arrow-border-radius: 16px; - -boxpointer-gap: -1px; - -arrow-base: 40px; -} - -/* Cinnamon 3.2 fix */ -.popup-menu, -.menu { - border: solid 4px black; - border-image: url('popupmenu.png') 8 8 8 8; - color: #000; - font-size: 9pt; -} -.popup-submenu-menu-item:open { - background-color: #4c4c4c; -} -.popup-sub-menu { - background-color: transparent; -} -.popup-sub-menu .popup-menu-item:ltr { - padding-right: 0em; -} -.popup-sub-menu .popup-menu-item:rtl { - padding-left: 0em; -} -.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: #000; - font-size: 10.5pt; - border: 1px solid #a6a3b4; - 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. -*/ -.popup-menu-content { - padding: 1em 0; -} -.popup-menu-item { - padding: .4em 1.75em; - spacing: 1em; - border: 2px solid transparent; -} -.popup-menu-item:active { - background-color: #a6a3b4; -} -.popup-menu-item:insensitive { - color: #9f9f9f; -} -.popup-image-menu-item { -} -.popup-combobox-item { - spacing: 1em; -} -.popup-separator-menu-item { - -gradient-height: 1px; - -gradient-start: rgba(0,0,0,0); - -gradient-end: rgba(255,255,255,0.2); - background-color: rgba(0,0,0,0.15); - box-shadow: 0 1px white; - height: 1px; -} -.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: #a6a3b4; - -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: 52px; - height: 18px; -} - -.toggle-switch-us, .toggle-switch-intl { - background-image: url("checkbox-off.png"); -} - -.toggle-switch-us:checked, .toggle-switch-intl:checked { - background-image: url("checkbox.png"); -} - -.nm-menu-item-icons { - spacing: .5em; -} - -/* =================================================================== -* Panel (panel.js) -* ===================================================================*/ - -#panel { - color: black; - background-color: #013c6b; - font-size: 9pt; - border-image: url('panel.png') 80 0 0 0; - font-weight: normal; - height: 30px; -} - -#panelLeft, #panelCenter { - spacing: 4px; -} - -#panelRight { - border-image: url('panel-right.png') 7 0 0 0; -} - -#panelLeft .applet-box:first-child { - border-image: url('menu-box.png') 7 0 0 0; - border-right-width: 10px; - padding-right: 10px; -} - -#panelLeft .applet-box:first-child .applet-label { - color: white; - text-shadow: 1px 1px black; - font-size: 12pt; - font-style: italic; - font-weight: bold; - font-family: tahoma; -} - -#panelLeft .applet-box:first-child:hover { - border-image: url('menu-hover.png') 7 0 0 0; -} - -#panelLeft .applet-box:first-child:active { - border-image: url('menu-active.png') 7 0 0 0; -} - -#panelLeft:dnd { - 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); -} - -#panelRight:dnd { - 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; -} - -#panelLeft:rtl { - padding-left: 4px; -} - -#panelRight:ltr { - padding-left: 0px; - spacing: 0px; -} - -#panelRight:rtl { - padding-right: 0px; - spacing: 0px; -} - -.panel-top { -} - -.panel-bottom { -} - -.panel-status-button, -.panel-button { - -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; -} - -.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); -} - -.system-status-icon { - padding-left: 0px; - padding-right: 0px; - spacing: 0px; - margin: 0px; -} - -#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: rgba(200,200,200,1); - transition-duration: 100; -} - -.panel-button:hover { - 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); -} - -.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 { -} - -.popup-menu-item-dot { - -} - -.system-status-icon { - icon-size: 1.14em; -} - -/* =================================================================== -* Overview -* ===================================================================*/ - -#overview { - spacing: 12px; -} - -.window-caption { - 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; -} - -.workspace-controls { - visible-height: 32px; /* Amount visible before hovering */ -} - -.workspace-thumbnails-background { - border: 1px #a6a3b4; - 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; -} - -.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.png"); - height: 34px; - width: 34px; - -cinnamon-close-overlap: 20px; -} - -.window-close:hover, -.window-close:active { - background-image: url("close-hover.png"); -} - - -.workspace-thumbnail-indicator { - outline: 2px solid white; - border: 1px solid #888; -} - -.window-close { - background-image: url("close.png"); - 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-color: rgba(0, 0, 0, 0.8); - border: 2px solid #a6a3b4; - border-bottom: 0px; - border-radius: 0px; - height: 120px; - width: 400px; -} - -.icon-grid { - spacing: 36px; - -cinnamon-grid-item-size: 118px; -} - -.icon-grid .overview-icon { - 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; -} - -.expo-background { - background-color: rgba(0,0,0,0.2); -} - -.workspace-overview-background-shade { - background-color: rgba(0,0,0,0.4); -} - -.expo-workspace-thumbnail-frame { - border: 1px, black; - background-color: black; -} - -.expo-workspace-thumbnail-frame#active { - border: 1px, #a6a3b4; - background-color: #a6a3b4; -} - -/* =================================================================== -* Desklets (desklet.js) -* ===================================================================*/ -.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; -} - -.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; -} - -.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); -} - - -.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; - -} -.xkcd-box { - padding: 0px; - border: none; - background-color: none; - border-radius: 0px; -} - -/* =================================================================== -* Clock Desklet (desklet.js) -* ===================================================================*/ -.clock-desklet-label { -} - - -/* =================================================================== -* Looking Glass -* ===================================================================*/ - -#LookingGlassDialog { - background-gradient-direction: vertical; - background-gradient-start: #000000; - background-gradient-end: #2f343d; - spacing: 4px; - padding: 4px; - border: 2px solid #a6a3b4; - border-top: 0px; - border-left: 0px; - border-right: 0px; - border-radius: 0px; - color: black; -} -#LookingGlassDialog > #Toolbar { - border: 2px solid #a6a3b4; - border-top: 0px; - border-left: 0px; - border-right: 0px; - padding-bottom: 4px; -} -#LookingGlassDialog .labels { - spacing: 4px; -} -#LookingGlassDialog .notebook-tab { - padding: 2px; -} -#LookingGlassDialog .notebook-tab:hover { - color: black; -} -#LookingGlassDialog .notebook-tab:selected { - background-color: #a6a3b4; - border-radius: 0px; - color: #000; -} -#LookingGlassDialog .lg-inspector-title { - font-weight: bold; - padding-bottom: 8px; -} -.lg-dialog StLabel { - color: #cccccc; -} -.lg-dialog StEntry { - color: #cccccc; - selection-background-color: #cccccc; - selected-color: black; -} -.lg-obj-inspector-title { - spacing: 4px; -} -.lg-obj-inspector-button { - border: 1px solid #cccccc; - padding: 4px; - border-radius: 4px; -} -.lg-obj-inspector-button:hover { - border: 1px solid #ffffff; -} -.lg-dialog .cinnamon-link { - color: #cccccc; -} -.lg-dialog .cinnamon-link:hover { - color: black; -} -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} -#lookingGlassExtensions { - padding: 4px; -} -.lg-extension-list { - padding: 4px; - spacing: 6px; -} -.lg-extension { - border: 1px solid #6f6f6f; - border-radius: 4px; - padding: 4px; -} -.lg-extension-name { - font-weight: bold; -} -.lg-extension-meta { - spacing: 6px; -} -#LookingGlassPropertyInspector { - background: rgba(0, 0, 0, 0.7); - border-radius: 0px; - border: 1px solid #333; - padding: 6px; - color: #B8FF66; -} - -/* =================================================================== -* 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; - border: 1px solid rgba(0,0,0,0); -} - -.calendar-change-month-back:rtl { - background-image: url("calendar-arrow-right.svg"); -} - -.calendar-change-month-back:hover { - background-color: rgba(255,255,255,0.5); -} -.calendar-change-month-back:active { - 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); -} - -.calendar-change-month-forward:rtl { - background-image: url("calendar-arrow-left.svg"); -} - -.calendar-change-month-forward:hover { - background-color: rgba(255,255,255,0.5); -} - -.calendar-change-month-forward:active { - background-color: rgba(255,255,255,0.5); -} - -.datemenu-date-label { - 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; -} - -.calendar-day-base:hover { - background-color: #a6a3b4; - color: black; -} - -.calendar-day-base:active { -} - -.calendar-day-heading { - color: black; - padding-top: 1em; -} - -.calendar-week-number { - 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 { -} - -.calendar-nonwork-day { - 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; -} - -.calendar-other-month-day { - color: #e4e4e4; -} - -.calendar-day-with-events { - font-weight: bold; - color: #a6a3b4; -} - -/* =================================================================== -* Notifications -* ===================================================================*/ - -#notification { - - border-radius: 6px; - font-size: 8.5pt; - background-color: #ffffe1; - border: 1px solid #000; - padding: 6px 6px 6px 6px; - spacing-rows: 10px; - spacing-columns: 10px; - margin-from-right-edge-of-screen: 19px; - margin-from-top-edge-of-screen: 30px; - width: 27em; - color: black; -} -#notification.multi-line-notification { - 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 */ -.notification-with-image { - min-height: 159px; - color: black; -} -#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: 18px; - font-size: 11pt; - padding: 4px 42px 5px; -} -.notification-button:focus { - padding: 3px 41px 4px; -} -.notification-icon-button { - border-radius: 5px; - padding: 5px; -} -.notification-icon-button:focus { - padding: 4px; -} -.notification-icon-button > StIcon { - icon-size: 36px; -} -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} -.hotplug-notification-item { - padding: 2px 10px; - border-radius: 18px; - font-size: 10.5pt; -} -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} -.hotplug-resident-box { - spacing: 8px; -} -.hotplug-resident-mount { - 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; -} -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} -.hotplug-resident-eject-icon { - icon-size: 16px; -} -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 5px; - color: #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; -} -#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-color: #2d75ad; - background-gradient-direction: vertical; - background-gradient-start: #2d75ad; - background-gradient-end: #013b6b; - border-radius: 4px; - padding: 20px; - border: solid 1px black; - box-shadow: 2px solid rgba(0,0,0,0.4) 2px 2px; - color: black; - border-image: url('tab.png') 4 4 4 4; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.thumbnail-scroll-gradient-left { - background-color: #2d75ad; - background-gradient-direction: vertical; - background-gradient-start: #2d75ad; - background-gradient-end: #013b6b; - border-radius: 24px; - border-radius-topright: 0px; - border-radius-bottomright: 0px; - width: 60px; -} - -.thumbnail-scroll-gradient-right { - background-color: #2d75ad; - background-gradient-direction: vertical; - background-gradient-start: #2d75ad; - background-gradient-end: #013b6b; - border: 1px solid #a6a3b4; - border-radius: 0px; - width: 60px; - border-bottom: 0px; - border-left: 0px; - border-right: 0px; -} - -.switcher-list .item-box { - padding: 8px; - color: black; - border: 4px solid rgba(0,0,0,0); - border-radius: 8px; -} - -.switcher-list .item-box:outlined { - background-color: #a6a3b4; - border-radius: 0px; -} - -.switcher-list .item-box:selected { - border-radius: 0px; - border: 4px solid #379aff; -} - -.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: 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 #a6a3b4; - 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 #a6a3b4; - border-radius: 150px; -} - -.switcher-arrow { - border-color: rgba(0,0,0,0); - color: #808080; -} - -.switcher-arrow:highlighted { - border-color: rgba(0,0,0,0); - color: black; -} - -.switcher-preview-backdrop { - background-color: rgba(25,25,25,0.95); -} - -/* =================================================================== -* Modal dialogs -* ===================================================================*/ - -.modal-dialog { - font-size: 10pt; - border-radius: 2px; - background-color: #2d75ad; - border: 2px solid #013b6b; - border-image: url('popupmenu.png') 4; - color: black; - padding-right: 42px; - padding-left: 42px; - padding-bottom: 30px; - padding-top: 30px; -} - -.modal-dialog-button-box { - spacing: 21px; -} - -.modal-dialog-button { - 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:active, -.modal-dialog-button:checked { - color: black; - border-image: url('buttons/button-focused-pressed.png') 5; -} - -.modal-dialog-button:disabled { - color: rgb(60, 60, 60); -} - -.modal-dialog-button:focus { - padding: 3px 31px 4px; -} - -/* =================================================================== -* Run dialog -* ===================================================================*/ - -.run-dialog-label { - font-size: 9pt; - color: black; -} - -.run-dialog-error-label { - font-size: 9pt; - color: black; -} - -.run-dialog-error-box { - 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: #a6a3b4; - 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 { - border-radius: 8px; - padding-right: 21px; - padding-left: 21px; - padding-bottom: 15px; - padding-top: 15px; - color: black; - border-image: url('tab.png') 4 4 4 4; -} - -.lightbox { - background-color: rgba(0, 0, 0, 0.0); -} - -/* =================================================================== -* End session dialog -* ===================================================================*/ - -.end-session-dialog { - spacing: 42px; -} -.end-session-dialog-subject { - 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; -} -.end-session-dialog-description { - font-size: 10pt; - color: black; - padding-left: 17px; - width: 28em; -} -.end-session-dialog-description:rtl { - padding-right: 17px; -} -.end-session-dialog-logout-icon { - 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; -} -.end-session-dialog-app-list { - 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; -} -.end-session-dialog-app-list-item { - color: #ccc; -} -.end-session-dialog-app-list-item:hover { - color: black; -} -.end-session-dialog-app-list-item:ltr { - padding-right: 1em; -} -.end-session-dialog-app-list-item:rtl { - padding-left: 1em; -} -.end-session-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} -.end-session-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} -.end-session-dialog-app-list-item-name { - font-size: 10pt; -} -.end-session-dialog-app-list-item-description { - font-size: 8pt; - color: #444444; -} -/* 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: black; - 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: black; -} -.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; -} - -/* =================================================================== -* Policykit authentication dialog -* ===================================================================*/ - -.polkit-dialog { - /* this is the width of the entire modal popup */ - width: 500px; -} - -.polkit-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.polkit-dialog-message-layout { - spacing: 16px; -} - -.polkit-dialog-headline { - font-size: 12pt; - font-weight: bold; - color: #666666; -} - -.polkit-dialog-description { - font-size: 10pt; - color: black; -} - -.polkit-dialog-user-layout { - padding-left: 10px; - spacing: 10px; -} - -.polkit-dialog-user-layout:rtl { - padding-left: 0px; - padding-right: 10px; -} - -.polkit-dialog-user-root-label { - color: #ff0000; -} - -.polkit-dialog-password-label:ltr { - padding-right: 0.5em; -} - -.polkit-dialog-password-label:rtl { - 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; -} - -.polkit-dialog-password-entry:focus { - border: 2px solid #3465a4; -} - -.polkit-dialog-password-entry .capslock-warning { - icon-size: 16px; - warning-color: #999; - padding: 0 4px; -} - -.polkit-dialog-error-label { - font-size: 10pt; - color: #ffff00; - padding-bottom: 8px; -} - -.polkit-dialog-info-label { - 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; -} - -.network-dialog-secret-table { - spacing-rows: 15px; -} - -/* =================================================================== -* 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-gradient-direction: vertical; - background-gradient-start: #000; - background-gradient-end: #000; - -} - -.keyboard-layout { - spacing: 10px; - padding: 10px; -} - -.keyboard-row { - 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; -} - -.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; -} - -.keyboard-key:checked, -.keyboard-key:hover { - background-gradient-direction: vertical; - background-gradient-start: #a6a3b4; - background-gradient-end: #a6a3b4; - border: 1px #76d2ec; - border-bottom: 0px; - border-left: 0px; - border-right: 0px; - border-radius: 1px; - color: black; - -} - -.keyboard-key:active { - background-gradient-direction: vertical; - background-gradient-start: #a6a3b4; - background-gradient-end: #a6a3b4; - border: 1px #76d2ec; - border-bottom: 0px; - 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: #a6a3b4; - -arrow-base: 10px; - -arrow-rise: 5px; - -boxpointer-gap: 5px; -} - -/* ################################################################### -* Cinnamon Specific Section -* ###################################################################*/ - -/* =================================================================== -* Menu (menu.js) -* ===================================================================*/ - -/* Main menu title */ - -.menu-favorites-box { - margin: auto; - background-color: #8c8c8c; - border: 1px solid #94a16f; - border-radius: 0px; - padding: 0.5em; - color: black; -} - -.menu-background { - border: solid 1px transparent; - border-image: url("menu-bg.png") 12 12 67 42; - box-shadow: 2px 2px 2px rgba(0,0,0,0.5); - padding: 55px 1px 0px 1px; -} - -.menu-favorites-button { - padding: 10px; - border-radius: 0px; -} - -.menu-favorites-button:hover { - background-color: #a6a3b4; -} - -.menu-places-box { - margin: auto; - padding: 8px; - border: 0px solid #666; -} - -.menu-places-button { - padding: 10px; -} - -.menu-categories-box { - padding: 10px; -} - -.menu-applications-box { - padding: 10px 0px 0px 10px; - background-color: white; - border: none; -} - -.menu-applications-inner-box { - padding: 5px; - background-color: #e6e6ed; -} - -.menu-applications-box StScrollBar { - padding: 0px; -} - -.menu-applications-box StScrollView { - 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('trough-scrollbar-vert.png') 1; -} - -.menu-applications-box StButton#vhandle { - border-image: url('slider-vert.png') 3; - background: url('handle-vert.png') no-repeat center center; -} - -.menu-applications-box StButton#vhandle:hover { - border-image: url('slider-vert-hover.png') 3; - background: url('handle-vert.png') no-repeat center center; -} - -.menu-application-button { - padding: 7px; - max-width: 10px; - color: black; -} - -.menu-application-button-selected { - padding: 7px; - color: black; - background-color: #a6a3b4; -} - -.menu-application-button-label:ltr { - padding-left: 5px; -} - -.menu-application-button-label:rtl { - padding-right: 5px; -} - -.menu-category-button { - padding: 7px; - color: black; -} - -.menu-category-button-greyed { - padding: 7px; - color: #808080; -} - -.menu-category-button-selected { - padding: 7px; - color: black; - background-color: #a6a3b4; -} - -.menu-category-button-label:ltr { - padding-left: 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*/ - -.menu-selected-app-box { - padding-top: 16px; - padding-right: 30px; - padding-left: 28px; - text-align: right; - color: black; -} - -.menu-selected-app-title { - font-weight: bold; -} - -.menu-selected-app-description { - 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; - border: 1px solid gray; -} - -.menu-search-box { - padding-left: 20px; - padding-bottom: 10px; -} - -.menu-search-entry-icon { - icon-size: 1em; - color: #000; -} - -/* Context menu (at the moment only for favorites) */ -.menu-context-menu { -} - -/* =================================================================== -* Window list (windowList.js) -* ===================================================================*/ -.window-list-box { - spacing: 3px; - padding-top: 3px; -} - -.window-list-item-label { - font-weight: normal; - width: 15em; - min-width: 5px; -} - -.window-list-item-box { - border-image: url('normal.png') 5; - padding: 1px; - color: black; - transition-duration: 100; -} - -.window-list-item-box:active, -.window-list-item-box:checked, -.window-list-item-box:focus { - border-image: url('active.png') 5; - color: black; -} - - -.window-list-item-box:hover { - border-image: url('hover.png') 5; -} - -.window-list-item-box:focus:hover { - border-image: url('active-hover.png') 5; -} - -.window-list-item-demands-attention { - border-image: url('urgent.png') 5; -} - -/* https://github.com/B00merang-Project/Windows-XP/issues/44 */ -.grouped-window-list-thumbnail-menu { - spacing: 6px; - padding: 6px 12px 12px 12px; - border-image: url("menu-bottom.png") 6; - color: #000000; -} - -/* 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("hover.png") 4; - transition-duration: 100; -} - -.grouped-window-list-item-box:active, -.grouped-window-list-item-box:checked { - border-image: url("normal.png") 4; - transition-duration: 100; -} - -.grouped-window-list-item-box:active:hover, -.grouped-window-list-item-box:checked:hover { - border-image: url("hover.png") 8; - transition-duration: 100; -} - -.grouped-window-list-item-box:focus { - border-image: url("active.png") 8; - transition-duration: 100; -} - -.grouped-window-list-item-box:focus:hover { - border-image: url("active-hover.png") 8; - transition-duration: 100; -} - -.grouped-window-list-item-demands-attention { - font-weight: normal; - border-image: url("urgent.png") 4; - transition-duration: 100; -} - -.grouped-window-list-item-attention:hover { - border-image: url("urgent.png") 4; -} - -.window-list-item-box .progress, -.grouped-window-list-item-box .progress { - background-color: #4b7843; - transition-duration: 100; -} - -.window-list-preview { - spacing: 6px; - color: #000000; - border-image: url('popupmenu.png') 8 8 8 8; - border-radius: 0; - padding: 6px 12px 12px 12px; - font-size: 1em; -} - -.grouped-window-list-thumbnail-menu { - spacing: 6px; - 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 #a6a3b4; -} - -.grouped-window-list-thumbnail-menu .item-box:selected { - color: #ffffff; - background-color: #a6a3b4; - border: none; -} - -/* =================================================================== -* 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); -} -.sound-button { - width: 26px; - height: 20px; - padding: 5px; - color: black; - background-color: #000; -} - -.sound-button:hover { - background-color: #232527; - color: #a6a3b4; - transition-duration: 200; -} - -.sound-button:active { - background-color: rgba(57,156,238,.1); - color: #a6a3b4; - transition-duration: 200; -} - -.sound-button StIcon { - icon-size: 1em; -} -.sound-track-infos { - padding-left: 5px; - padding-right: 5px; - padding-top: 5px; - padding-bottom: 5px; -} -.sound-track-info { - padding-top: 2px; - padding-bottom: 2px; -} -.sound-track-info StIcon { - icon-size: 1em; -} -.sound-track-info StLabel { - padding-left: 5px; - padding-right: 5px; -} -.sound-track-box { - padding-left: 18px; - padding-right: 18px; - max-width: 220px; -} -.sound-volume-menu-item { - padding: .4em 1.75em; -} -.sound-volume-menu-item StIcon { - icon-size: 1.14em; - padding-left: 8px; -} -.sound-playback-control { - padding-top: 5px; - padding-bottom: 10px; -} - -/* =================================================================== -* Workspace Switcher applet (workspaceSwitcher.js) -* ===================================================================*/ -#workspaceSwitcher { - 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; -} - -.workspace-button:outlined { - padding: 2px; - background-color: #000; - border-radius: 0px; - color: #a6a3b4; -} - -.workspace-button:hover { - padding: 2px; - background-color: #000; - border-radius: 0px; - color: #a6a3b4; -} - -/* =================================================================== -* Panel Launchers Applet (panelLaunchers.js) -* ===================================================================*/ - -#panel-launchers-box { - -} - -.panel-launcher { - margin: 1px; - padding: 3px; -} - -.panel-launcher:hover { - background-color: rgba(0,0,0,0.5); -} - -.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(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; -} - -.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: 1px; - background: rgba(0,0,0,0.5); -} - -.applet-box { - padding-left: 6px; - padding-right: 6px; - transition-duration: 300; -} -.applet-box:hover { - background-color: rgba(25,25,25,0.2); - color: black; - transition-duration: 100; -} -.applet-box:active { - background-color: rgba(25,25,25,0.4); - color: black; - transition-duration: 100; -} - -.applet-label:not(:first-child) { - font-weight: normal; -} - -/* avoid having black text on start */ -.applet-label, -.applet-label:hover, -.applet-box:hover > .applet-label { - color: black; -} - -.applet-icon { - icon-size: 1.3em; -} - -.applet-icon:hover, -.applet-box:hover > .applet-icon { - -} - -/* =================================================================== -* Workspace OSD -* ===================================================================*/ -/* When switching workspaces*/ - -.workspace-osd { - color: black; - font-size: 25pt; - text-align: center; - background-color: #a6a3b4; - border: 1px solid #94a16f; - border-radius: 4px; - 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; -} - -.expo-workspaces-name-entry#selected { - background-color: #f1f1f1; - padding: 5px; - padding-bottom: 7px; - border: 1px solid #a6a3b4; - text-align: center; - height: 16px; -} - -.expo-workspaces-name-entry:focus { - padding: 5px; - padding-bottom: 7px; - color: black; - transition-duration: 300; - text-align: center; -} - -/* =================================================================== -* Notification Applet -* ===================================================================*/ - -.notification-applet-padding { - padding: .5em 1em; -} - -.notification-applet-container { - max-height: 100px; -} - -/* Check Boxes */ -.check-box CinnamonGenericContainer { - spacing: .2em; - min-height: 30px; - padding-top: 2px; -} - -.check-box StBin { - width: 24px; - height: 18px; - background-image: url("checkbox-off.png"); -} - -.check-box:focus StBin { - background-image: url("checkbox-off-focus.png"); -} - -.check-box:checked StBin { - background-image: url("checkbox.png"); -} - -.check-box:focus:checked StBin { - background-image: url("checkbox-focus.png"); -} - -.check-box StLabel { - font-weight: normal; -} - -.radiobutton CinnamonGenericContainer { - spacing: .2em; - height: 26px; - padding-top: 2px; -} - -.radiobutton StBin { - width: 22px; - height: 22px; - background-image: url("radio-unselected.png"); - border-radius: 15px; -} - -.radiobutton:focus StBin { - background-image: url("radio-unselected.png"); -} - -.radiobutton:checked StBin { - background-image: url("radio-selected.png"); -} - -.radiobutton:focus:checked StBin { - background-image: url("radio-selected.png"); -} - -.radiobutton StLabel { - padding-top: 4px; - font-size: 0.9em; - box-shadow: none; -} - -.flashspot { - background-color: white; -} - -/* =================================================================== -* 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%;*/ -} - -.numa-right { - 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 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; -} - -.numa-connected { - 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; -} - -.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; -} - -/* =================================================================== -* 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; -} - -/* =================================================================== -* CinnXPStarkMenu -* (if CinnXPStarkMenu is used, change some stuff, else use default) -* ===================================================================*/ -.right-buttons-box { - background-color: #e6e6ed; - padding: 8px; - border: 0 solid #b8b8c8; - border-left-width: 1px; -} -.starkmenu-background { - border: solid 1px transparent; - border-image: url("menu-bg.png") 8 8 67 42; - box-shadow: 2px 2px 2px rgba(0,0,0,0.5); - padding: 52px 1px 29px 1px; -} -.starkmenu-selected-app-box { - color: black; /* Information, which is shown, if you select apps*/ -} -.starkmenu-favorites-box { - background-color: #fff; - border: 0px solid #fff; -} -.starkmenu-favorites-box .menu-favorites-button { - padding: 4px; -} -.starkmenu-applications-box { - padding: 0px 0px 0px 0px; -} -.starkmenu-applications-inner-box { - background-color: #e6e6ed; -} -.starkmenu-applications-box StScrollView { - background-color: #fff; - color: black; -} -.starkmenu-search-box { - padding-bottom: 5px; -} - -.hover-user-icon { - border-radius: 4px; - border: 2px solid #f1f1f1; -} +/* ################################################################### +* Section common with Gnome Shell +* ... contains a few cinnamon specific styles (rare occurences) +* ###################################################################*/ +stage { + font-family: Noto Sans, sans-serif; + color: black; +} + +.cinnamon-link { + color: #0000ff; + text-decoration: underline; +} + +.cinnamon-link:hover { + color: #0000e0; +} + +.label-shadow { + color: rgba(0,0,0,0.5); +} + +/* =================================================================== + * Scrollbars + * ===================================================================*/ +StScrollView.vfade { + -st-vfade-offset: 0px; +} + +StScrollView StScrollBar { + min-width: 17px; + min-height: 17px; +} + +StScrollBar { + padding: 0px; +} + +StScrollBar StBin#trough { + 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; +} + +.menu-applications-box StButton#vhandle { + background: url('menu/handle-vert.png') no-repeat center center; +} + +.menu-applications-box StButton#vhandle:hover { + background: url('menu/handle-vert.png') no-repeat center center; +} + +/* =================================================================== + * Tooltip + * ===================================================================*/ +#Tooltip { + border: 1px solid black; + border-radius: 0px; + padding: 2px 12px; + background-gradient-end: #FFFFE2; + background-gradient-start: #FFFFE2; + background-gradient-direction: vertical; + color: black; + font-size: 8.5pt; + font-weight: normal; + text-align: center; +} + +/* =================================================================== +* 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; +} + +.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; +} + +.notification-button:focus, +.notification-icon-button:focus, .hotplug-notification-item:focus, +.modal-dialog-button:focus { + 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; +} + +/* =================================================================== +* User Applet +* ===================================================================*/ + +.user-box { + 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; +} + +.user-label { + color: #000; + font-size: 10pt; + font-weight: normal; + margin: 0; +} + +/* =================================================================== +* PopupMenu (popupMenu.js) +* ===================================================================*/ + +.popup-menu-boxpointer { + -arrow-border-radius: 16px; + -boxpointer-gap: -1px; + -arrow-base: 40px; +} + +/* Cinnamon 3.2 fix */ +.popup-menu, +.menu { + border: solid 4px black; + border-image: url('menu/popupmenu.png') 8 8 8 8; + color: #000; + font-size: 9pt; +} +.popup-submenu-menu-item:open { + background-color: #4c4c4c; +} +.popup-sub-menu { + background-color: transparent; +} +.popup-sub-menu .popup-menu-item:ltr { + padding-right: 0em; +} +.popup-sub-menu .popup-menu-item:rtl { + padding-left: 0em; +} +.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: #000; + font-size: 10.5pt; + border: 1px solid #a6a3b4; + 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. +*/ +.popup-menu-content { + padding: 1em 0; +} +.popup-menu-item { + padding: .4em 1.75em; + spacing: 1em; + border: 2px solid transparent; +} +.popup-menu-item:active { + background-color: #a6a3b4; +} +.popup-menu-item:insensitive { + color: #9f9f9f; +} +.popup-image-menu-item { +} +.popup-combobox-item { + spacing: 1em; +} +.popup-separator-menu-item { + -gradient-height: 1px; + -gradient-start: rgba(0,0,0,0); + -gradient-end: rgba(255,255,255,0.2); + background-color: rgba(0,0,0,0.15); + box-shadow: 0 1px white; + height: 1px; +} +.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: #a6a3b4; + -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: 52px; + height: 18px; +} + +.toggle-switch-us, .toggle-switch-intl { + background-image: url('checkbox/checkbox-off.png'); +} + +.toggle-switch-us:checked, .toggle-switch-intl:checked { + background-image: url('checkbox/checkbox.png'); +} + +.nm-menu-item-icons { + spacing: .5em; +} + +/* =================================================================== +* Panel (panel.js) +* ===================================================================*/ + +#panel { + color: black; + background-color: #013c6b; + font-size: 9pt; + border-image: url('panel/panel.png') 80 0 0 0; + font-weight: normal; + height: 30px; +} + +#panelLeft, #panelCenter { + spacing: 4px; +} + +#panelRight { + border-image: url('panel/panel-right.png') 7 0 0 0; +} + +#panelLeft .applet-box:first-child { + border-image: url('panel/menu-box.png') 7 0 0 0; + padding-right: 20px; +} + +/* TODO: Tahoma is used for most things, but this looks a little off.*/ +#panelLeft .applet-box:first-child .applet-label { + color: white; + font-family: tahoma; + font-size: 15pt; + font-style: italic; + font-weight: bold; + text-shadow: black 0px 1px 2px; +} + +#panelLeft .applet-box:first-child:hover { + border-image: url('panel/menu-hover.png') 7 0 0 0; +} + +#panelLeft .applet-box:first-child:active { + border-image: url('panel/menu-active.png') 7 0 0 0; +} + +#panelLeft:dnd { + 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); +} + +#panelRight:dnd { + 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; +} + +#panelLeft:rtl { + padding-left: 4px; +} + +#panelRight:ltr { + padding-left: 0px; + spacing: 0px; +} + +#panelRight:rtl { + padding-right: 0px; + spacing: 0px; +} + +.panel-top { +} + +.panel-bottom { +} + +.panel-status-button, +.panel-button { + -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; +} + +.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); +} + +.system-status-icon { + padding-left: 0px; + padding-right: 0px; + spacing: 0px; + margin: 0px; +} + +#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: rgba(200,200,200,1); + transition-duration: 100; +} + +.panel-button:hover { + 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); +} + +.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 { +} + +.popup-menu-item-dot { + +} + +.system-status-icon { + icon-size: 1.14em; +} + +/* =================================================================== +* Overview +* ===================================================================*/ + +#overview { + spacing: 12px; +} + +.window-caption { + 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; +} + +.workspace-controls { + visible-height: 32px; /* Amount visible before hovering */ +} + +.workspace-thumbnails-background { + border: 1px #a6a3b4; + 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; +} + +.workspace-thumbnails { + spacing: 14px; +} + +.workspace-add-button { + background-image: url('menu/add-workspace.png'); + height: 200px; + width: 35px; + transition-duration: 300; +} + +.workspace-add-button:hover { + background-image: url('menu/add-workspace-hover.png'); + transition-duration: 300; +} + +.workspace-close-button { + background-image: url('menu/close.png'); + height: 34px; + width: 34px; + -cinnamon-close-overlap: 20px; +} + +.window-close:hover, +.window-close:active { + background-image: url('menu/close-hover.png'); +} + + +.workspace-thumbnail-indicator { + outline: 2px solid white; + border: 1px solid #888; +} + +.window-close { + background-image: url('menu/close.png'); + 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('menu/trash-icon.png'); + background-color: rgba(0, 0, 0, 0.8); + border: 2px solid #a6a3b4; + border-bottom: 0px; + border-radius: 0px; + height: 120px; + width: 400px; +} + +.icon-grid { + spacing: 36px; + -cinnamon-grid-item-size: 118px; +} + +.icon-grid .overview-icon { + 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; +} + +.expo-background { + background-color: rgba(0,0,0,0.2); +} + +.workspace-overview-background-shade { + background-color: rgba(0,0,0,0.4); +} + +.expo-workspace-thumbnail-frame { + border: 1px, black; + background-color: black; +} + +.expo-workspace-thumbnail-frame#active { + border: 1px, #a6a3b4; + background-color: #a6a3b4; +} + +/* =================================================================== +* Desklets (desklet.js) +* ===================================================================*/ +.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; +} + +.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; +} + +.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); +} + +/* =================================================================== +* Clock Desklet (desklet.js) +* ===================================================================*/ +.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; + +} +.xkcd-box { + padding: 0px; + border: none; + background-color: none; + border-radius: 0px; +} + +/* =================================================================== +* Looking Glass +* ===================================================================*/ + +#LookingGlassDialog { + background-gradient-direction: vertical; + background-gradient-start: #000000; + background-gradient-end: #2f343d; + spacing: 4px; + padding: 4px; + border: 2px solid #a6a3b4; + border-top: 0px; + border-left: 0px; + border-right: 0px; + border-radius: 0px; + color: black; +} +#LookingGlassDialog > #Toolbar { + border: 2px solid #a6a3b4; + border-top: 0px; + border-left: 0px; + border-right: 0px; + padding-bottom: 4px; +} +#LookingGlassDialog .labels { + spacing: 4px; +} +#LookingGlassDialog .notebook-tab { + padding: 2px; +} +#LookingGlassDialog .notebook-tab:hover { + color: black; +} +#LookingGlassDialog .notebook-tab:selected { + background-color: #a6a3b4; + border-radius: 0px; + color: #000; +} +#LookingGlassDialog .lg-inspector-title { + font-weight: bold; + padding-bottom: 8px; +} +.lg-dialog StLabel { + color: #cccccc; +} +.lg-dialog StEntry { + color: #cccccc; + selection-background-color: #cccccc; + selected-color: black; +} +.lg-obj-inspector-title { + spacing: 4px; +} +.lg-obj-inspector-button { + border: 1px solid #cccccc; + padding: 4px; + border-radius: 4px; +} +.lg-obj-inspector-button:hover { + border: 1px solid #ffffff; +} +.lg-dialog .cinnamon-link { + color: #cccccc; +} +.lg-dialog .cinnamon-link:hover { + color: black; +} +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} +#lookingGlassExtensions { + padding: 4px; +} +.lg-extension-list { + padding: 4px; + spacing: 6px; +} +.lg-extension { + border: 1px solid #6f6f6f; + border-radius: 4px; + padding: 4px; +} +.lg-extension-name { + font-weight: bold; +} +.lg-extension-meta { + spacing: 6px; +} +#LookingGlassPropertyInspector { + background: rgba(0, 0, 0, 0.7); + border-radius: 0px; + border: 1px solid #333; + padding: 6px; + color: #B8FF66; +} + +/* =================================================================== +* 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('menu/calendar-arrow-left.svg'); + border-radius: 4px; + border: 1px solid rgba(0,0,0,0); +} + +.calendar-change-month-back:rtl { + background-image: url('menu/calendar-arrow-right.svg'); +} + +.calendar-change-month-back:hover { + background-color: rgba(255,255,255,0.5); +} +.calendar-change-month-back:active { + background-color: rgba(255,255,255,0.5); +} + +.calendar-change-month-forward { + width: 18px; + height: 12px; + background-image: url('menu/calendar-arrow-right.svg'); + border-radius: 4px; + border: 1px solid rgba(0,0,0,0); +} + +.calendar-change-month-forward:rtl { + background-image: url('menu/calendar-arrow-left.svg'); +} + +.calendar-change-month-forward:hover { + background-color: rgba(255,255,255,0.5); +} + +.calendar-change-month-forward:active { + background-color: rgba(255,255,255,0.5); +} + +.datemenu-date-label { + 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; +} + +.calendar-day-base:hover { + background-color: #a6a3b4; + color: black; +} + +.calendar-day-base:active { +} + +.calendar-day-heading { + color: black; + padding-top: 1em; +} + +.calendar-week-number { + 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 { +} + +.calendar-nonwork-day { + 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; +} + +.calendar-other-month-day { + color: #e4e4e4; +} + +.calendar-day-with-events { + font-weight: bold; + color: #a6a3b4; +} + +/* =================================================================== +* Notifications +* ===================================================================*/ + +#notification { + + border-radius: 6px; + font-size: 8.5pt; + background-color: #ffffe1; + border: 1px solid #000; + padding: 6px 6px 6px 6px; + spacing-rows: 10px; + spacing-columns: 10px; + margin-from-right-edge-of-screen: 19px; + margin-from-top-edge-of-screen: 30px; + width: 27em; + color: black; +} +#notification.multi-line-notification { + 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 */ +.notification-with-image { + min-height: 159px; + color: black; +} +#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: 18px; + font-size: 10pt; + padding: 4px 42px 5px; + color: black; +} +.notification-button:focus { + padding: 3px 41px 4px; + color: black; +} +.notification-icon-button { + border-radius: 5px; + padding: 5px; +} +.notification-icon-button:focus { + padding: 4px; +} +.notification-icon-button > StIcon { + icon-size: 36px; +} +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} +.hotplug-notification-item { + padding: 2px 10px; + border-radius: 18px; + font-size: 10.5pt; +} +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} +.hotplug-resident-box { + spacing: 8px; +} +.hotplug-resident-mount { + 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; +} +.hotplug-resident-mount-label { + color: inherit; + padding-left: 6px; +} +.hotplug-resident-mount-icon { + icon-size: 24px; + padding-left: 6px; +} +.hotplug-resident-eject-icon { + icon-size: 16px; +} +.hotplug-resident-eject-button { + padding: 7px; + border-radius: 5px; + color: #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; +} +#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-color: #2d75ad; + background-gradient-direction: vertical; + background-gradient-start: #2d75ad; + background-gradient-end: #013b6b; + border-radius: 4px; + padding: 20px; + border: solid 1px black; + box-shadow: 2px solid rgba(0,0,0,0.4) 2px 2px; + color: black; + border-image: url('menu/tab.png') 4 4 4 4; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.thumbnail-scroll-gradient-left { + background-color: #2d75ad; + background-gradient-direction: vertical; + background-gradient-start: #2d75ad; + background-gradient-end: #013b6b; + border-radius: 24px; + border-radius-topright: 0px; + border-radius-bottomright: 0px; + width: 60px; +} + +.thumbnail-scroll-gradient-right { + background-color: #2d75ad; + background-gradient-direction: vertical; + background-gradient-start: #2d75ad; + background-gradient-end: #013b6b; + border: 1px solid #a6a3b4; + border-radius: 0px; + width: 60px; + border-bottom: 0px; + border-left: 0px; + border-right: 0px; +} + +.switcher-list .item-box { + padding: 8px; + color: black; + border: 4px solid rgba(0,0,0,0); + border-radius: 8px; +} + +.switcher-list .item-box:outlined { + background-color: #a6a3b4; + border-radius: 0px; +} + +.switcher-list .item-box:selected { + border-radius: 0px; + border: 4px solid #379aff; +} + +.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: 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 #a6a3b4; + 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 #a6a3b4; + border-radius: 150px; +} + +.switcher-arrow { + border-color: rgba(0,0,0,0); + color: #808080; +} + +.switcher-arrow:highlighted { + border-color: rgba(0,0,0,0); + color: black; +} + +.switcher-preview-backdrop { + background-color: rgba(25,25,25,0.95); +} + +/* =================================================================== +* Run dialog +* ===================================================================*/ + +.run-dialog-label { + font-size: 8pt; + color: black; +} + +.run-dialog-error-label { + font-size: 8pt; + color: black; +} + +.run-dialog-error-box { + padding-top: 15px; + spacing: 5px; +} + +.run-dialog-description { + text-align: center; + color: rgb(70, 70, 70); +} + +.run-dialog-entry { + color: black; + caret-color: black; + font-size: 8pt; + font-weight: normal; + background-color: white; + border: 1px solid gray; + border-radius: 0; + color: black; + selected-color: #399cee; + caret-color: black; + caret-size: 2px; + padding: 2px; + padding-left: 6px; + width: 18em; +} + +.run-dialog-completion-box { + padding-left: 15px; + font-size: 10px; + color: black; +} + +.run-dialog .modal-dialog-button-box { + border: none; + box-shadow: none; + background: none; + background-gradient-direction: none; +} + +.run-dialog { + border-radius: 5px; + padding-right: 15px; + padding-left: 15px; + padding-bottom: 15px; + padding-top: 31px; + color: black; + border-image: url('menu/window-borders.png') 6 6 31 6 +} + +.lightbox { + background-color: rgba(0, 0, 0, 0.0); +} + +/* =================================================================== +* CinnamonMountOperation Dialogs + * ===================================================================*/ + +.end-session-dialog { + spacing: 42px; +} +.end-session-dialog-subject { + 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; +} +.end-session-dialog-description { + font-size: 10pt; + color: black; + padding-left: 17px; + width: 28em; +} +.end-session-dialog-description:rtl { + padding-right: 17px; +} +.end-session-dialog-logout-icon { + 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; +} +.end-session-dialog-app-list { + 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; +} +.end-session-dialog-app-list-item { + color: #ccc; +} +.end-session-dialog-app-list-item:hover { + color: black; +} +.end-session-dialog-app-list-item:ltr { + padding-right: 1em; +} +.end-session-dialog-app-list-item:rtl { + padding-left: 1em; +} +.end-session-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} +.end-session-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} +.end-session-dialog-app-list-item-name { + font-size: 10pt; +} +.end-session-dialog-app-list-item-description { + font-size: 8pt; + color: #444444; +} +/* 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: black; + 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: black; +} +.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; +} + +/* =================================================================== +* Modal dialogs (modalDialog.js) +* ===================================================================*/ + +.modal-dialog { + font-size: 10pt; + border-radius: 2px; + background-color: #2d75ad; + border: 2px solid #013b6b; + border-image: url('menu/popupmenu.png') 4; + color: black; + padding-right: 42px; + padding-left: 42px; + padding-bottom: 30px; + padding-top: 30px; +} + +.modal-dialog-button-box { + spacing: 21px; +} + +.modal-dialog-button { + 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:active, +.modal-dialog-button:checked { + color: black; + border-image: url('buttons/button-pressed.png') 5; +} + +.modal-dialog-button:disabled { + color: rgb(60, 60, 60); +} + +.modal-dialog-button:focus { + padding: 3px 31px 4px; +} + +/* =================================================================== + * dialogs (dialog.js) + * ===================================================================*/ +.dialog { + border-image: url('menu/window-borders.png') 6 6 31 6; + color: #3c3c3e; + background-color: #F5F5F7; + padding: 15px; + border: 1px; + border-color: black; + padding-top: 30px; +} + +.dialog-button-box { +} + +.dialog-button { + height: 22px; + color: rgb(70, 70, 70); + border-image: url('buttons/button.png') 5; + padding: 3px 31px 4px; +} + +.dialog-button:hover { + border-image: url('buttons/button-hover.png') 5; +} + +.dialog-button:focus { + border-image: url('buttons/button-focused.png') 5; + padding: 3px 31px 4px; +} + +.dialog-button:active, +.dialog-button:checked { + border-image: url('buttons/button-pressed.png') 5; + color: white; +} + +.dialog-button:focus:hover { + border-image: url('buttons/button-focused-prelight.png') 5; + padding: 3px 31px 4px; +} + +.dialog-button:focus:checked, +.dialog-button:focus:active { + border-image: url('buttons/button-pressed.png') 5; +} + +.dialog-button:disabled { + color: #a6a6a6; +} + +.dialog-button:destructive-action { + color: #c21616; +} + +.dialog-list .dialog-list-title { + padding: 1.3em; + text-align: center; + color: rgb(70, 70, 70); +} + +.dialog-list-item .dialog-list-item-description { + color: rgb(70, 70, 70); +} + +/* =================================================================== +* Policykit authentication dialog +* ===================================================================*/ + +.polkit-dialog { + /* this is the width of the entire modal popup */ + width: 500px; +} + +.polkit-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.polkit-dialog-message-layout { + spacing: 16px; +} + +.polkit-dialog-headline { + font-size: 12pt; + font-weight: bold; + color: #666666; +} + +.polkit-dialog-description { + font-size: 10pt; + color: black; +} + +.polkit-dialog-user-layout { + padding-left: 10px; + spacing: 10px; +} + +.polkit-dialog-user-layout:rtl { + padding-left: 0px; + padding-right: 10px; +} + +.polkit-dialog-user-root-label { + color: #ff0000; +} + +.polkit-dialog-password-label:ltr { + padding-right: 0.5em; +} + +.polkit-dialog-password-label:rtl { + 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; +} + +.polkit-dialog-password-entry:focus { + border: 2px solid #3465a4; +} + +.polkit-dialog-password-entry .capslock-warning { + icon-size: 16px; + warning-color: #999; + padding: 0 4px; +} + +.polkit-dialog-error-label { + font-size: 10pt; + color: #ffff00; + padding-bottom: 8px; +} + +.polkit-dialog-info-label { + 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; +} + +.network-dialog-secret-table { + spacing-rows: 15px; +} + +/* =================================================================== +* 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-gradient-direction: vertical; + background-gradient-start: #000; + background-gradient-end: #000; + +} + +.keyboard-layout { + spacing: 10px; + padding: 10px; +} + +.keyboard-row { + 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; +} + +.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; +} + +.keyboard-key:checked, +.keyboard-key:hover { + background-gradient-direction: vertical; + background-gradient-start: #a6a3b4; + background-gradient-end: #a6a3b4; + border: 1px #76d2ec; + border-bottom: 0px; + border-left: 0px; + border-right: 0px; + border-radius: 1px; + color: black; + +} + +.keyboard-key:active { + background-gradient-direction: vertical; + background-gradient-start: #a6a3b4; + background-gradient-end: #a6a3b4; + border: 1px #76d2ec; + border-bottom: 0px; + 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: #a6a3b4; + -arrow-base: 10px; + -arrow-rise: 5px; + -boxpointer-gap: 5px; +} + +/* ################################################################### +* Cinnamon Specific Section +* ###################################################################*/ + +/* =================================================================== +* Menu (menu.js) +* ===================================================================*/ + +/* Main menu title */ + +.menu-favorites-box { + margin: auto; + background-color: #8c8c8c; + border: 1px solid #94a16f; + border-radius: 0px; + padding: 0.5em; + color: black; +} + +.menu-background { + border: solid 1px transparent; + border-image: url('menu/menu-bg.png') 12 12 67 42; + box-shadow: 2px 2px 2px rgba(0,0,0,0.5); + padding: 55px 1px 0px 1px; +} + +.menu-favorites-button { + padding: 10px; + border-radius: 0px; +} + +.menu-favorites-button:hover { + background-color: #a6a3b4; +} + +.menu-places-box { + margin: auto; + padding: 8px; + border: 0px solid #666; +} + +.menu-places-button { + padding: 10px; +} + +.menu-categories-box { + padding: 10px; +} + +.menu-applications-box { + padding: 10px 0px 0px 10px; + background-color: white; + border: none; +} + +.menu-applications-inner-box { + padding: 5px; + background-color: #e6e6ed; +} + +.menu-applications-box StScrollBar { + padding: 0px; +} + +.menu-applications-box StScrollView { + 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/trough-scrollbar-vert.png') 1; +} + +.menu-applications-box StButton#vhandle { + border-image: url('menu/slider-vert.png') 3; + background: url('menu/handle-vert.png') no-repeat center center; +} + +.menu-applications-box StButton#vhandle:hover { + border-image: url('menu/slider-vert-hover.png') 3; + background: url('menu/handle-vert.png') no-repeat center center; +} + +.menu-application-button { + padding: 7px; + max-width: 10px; + color: black; +} + +.menu-application-button-selected { + padding: 7px; + color: black; + background-color: #a6a3b4; +} + +.menu-application-button-label:ltr { + padding-left: 5px; +} + +.menu-application-button-label:rtl { + padding-right: 5px; +} + +.menu-category-button { + padding: 7px; + color: black; +} + +.menu-category-button-greyed { + padding: 7px; + color: #808080; +} + +.menu-category-button-selected { + padding: 7px; + color: black; + background-color: #a6a3b4; +} + +.menu-category-button-label:ltr { + padding-left: 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*/ + +.menu-selected-app-box { + padding-top: 16px; + padding-right: 30px; + padding-left: 28px; + text-align: right; + color: black; +} + +.menu-selected-app-title { + font-weight: bold; +} + +.menu-selected-app-description { + 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; + border: 1px solid gray; +} + +.menu-search-box { + padding-left: 20px; + padding-bottom: 10px; +} + +.menu-search-entry-icon { + icon-size: 1em; + color: #000; +} + +/* Context menu (at the moment only for favorites) */ +.menu-context-menu { +} + +/* =================================================================== +* Window list (windowList.js) +* ===================================================================*/ +.window-list-box { + spacing: 3px; + padding-top: 3px; +} + +.window-list-item-label { + font-weight: normal; + width: 15em; + min-width: 5px; +} + +.window-list-item-box { + border-image: url('panel/normal.png') 5; + padding: 1px; + color: black; + transition-duration: 100; +} + +.window-list-item-box:active, +.window-list-item-box:checked, +.window-list-item-box:focus { + border-image: url('panel/active.png') 5; + color: black; +} + + +.window-list-item-box:hover { + border-image: url('panel/hover.png') 5; +} + +.window-list-item-box:focus:hover { + border-image: url('panel/active-hover.png') 5; +} + +.window-list-item-demands-attention { + border-image: url('panel/urgent.png') 5; +} + +/* https://github.com/B00merang-Project/Windows-XP/issues/44 */ +.grouped-window-list-thumbnail-menu { + spacing: 6px; + padding: 6px 12px 12px 12px; + border-image: url('panel/menu-bottom.png') 6; + color: #000000; +} + +/* experimental support for grouped window list */ +.grouped-window-list-item-box { + color: black; + font-weight: normal; + border-image: none; + transition-duration: 100; +} + +.grouped-window-list-item-box:hover { + border-image: url('panel/hover.png') 4; + transition-duration: 100; +} + +.grouped-window-list-item-box:active, +.grouped-window-list-item-box:checked { + border-image: url('panel/normal.png') 4; + transition-duration: 100; +} + +.grouped-window-list-item-box:active:hover, +.grouped-window-list-item-box:checked:hover { + border-image: url('panel/hover.png') 8; + transition-duration: 100; +} + +.grouped-window-list-item-box:focus { + border-image: url('panel/active.png') 8; + transition-duration: 100; +} + +.grouped-window-list-item-box:focus:hover { + border-image: url('panel/active-hover.png') 8; + transition-duration: 100; +} + +.grouped-window-list-item-demands-attention { + font-weight: normal; + border-image: url('panel/urgent.png') 4; + transition-duration: 100; +} + +.grouped-window-list-item-attention:hover { + border-image: url('panel/urgent.png') 4; +} + +.window-list-item-box .progress, +.grouped-window-list-item-box .progress { + background-color: #4b7843; + transition-duration: 100; +} + +.window-list-preview { + spacing: 6px; + color: #000000; + border-image: url('menu/popupmenu.png') 8 8 8 8; + border-radius: 0; + padding: 6px 12px 12px 12px; + font-size: 1em; +} + +.grouped-window-list-thumbnail-menu { + spacing: 6px; + 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 #a6a3b4; +} + +.grouped-window-list-thumbnail-menu .item-box:selected { + color: #ffffff; + background-color: #a6a3b4; + border: none; +} + +/* =================================================================== +* 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); +} +.sound-button { + width: 26px; + height: 20px; + padding: 5px; + color: black; + background-color: #000; +} + +.sound-button:hover { + background-color: #232527; + color: #a6a3b4; + transition-duration: 200; +} + +.sound-button:active { + background-color: rgba(57,156,238,.1); + color: #a6a3b4; + transition-duration: 200; +} + +.sound-button StIcon { + icon-size: 1em; +} +.sound-track-infos { + padding-left: 5px; + padding-right: 5px; + padding-top: 5px; + padding-bottom: 5px; +} +.sound-track-info { + padding-top: 2px; + padding-bottom: 2px; +} +.sound-track-info StIcon { + icon-size: 1em; +} +.sound-track-info StLabel { + padding-left: 5px; + padding-right: 5px; +} +.sound-track-box { + padding-left: 18px; + padding-right: 18px; + max-width: 220px; +} +.sound-volume-menu-item { + padding: .4em 1.75em; +} +.sound-volume-menu-item StIcon { + icon-size: 1.14em; + padding-left: 8px; +} +.sound-playback-control { + padding-top: 5px; + padding-bottom: 10px; +} + +/* =================================================================== +* Workspace Switcher applet (workspaceSwitcher.js) +* ===================================================================*/ +#workspaceSwitcher { + 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; +} + +.workspace-button:outlined { + padding: 2px; + background-color: #000; + border-radius: 0px; + color: #a6a3b4; +} + +.workspace-button:hover { + padding: 2px; + background-color: #000; + border-radius: 0px; + color: #a6a3b4; +} + +/* =================================================================== +* Panel Launchers Applet (panelLaunchers.js) +* ===================================================================*/ + +#panel-launchers-box { + +} + +.panel-launcher { + margin: 1px; + padding: 3px; +} + +.panel-launcher:hover { + background-color: rgba(0,0,0,0.5); +} + +.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(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; +} + +.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('menu/overview.png'); +} + +#overview-corner:hover { + background-image: url('menu/overview-hover.png'); +} + +/* =================================================================== +* Applets (applet.js) +* ===================================================================*/ +.applet-separator { + padding: 5px 4px; +} +.applet-separator-line { + width: 1px; + background: rgba(0,0,0,0.5); +} + +.applet-label { + color: black; +} + +.applet-box { + padding-left: 2px; + padding-right: 2px; + color: black; + transition-duration: 300; +} +.applet-box:hover { + background-color: rgba(25,25,25,0.2); + color: black; + transition-duration: 100; +} +.applet-box:active { + background-color: rgba(25,25,25,0.4); + color: black; + transition-duration: 100; +} + +.applet-icon { + icon-size: 1.3em; +} + +.applet-icon:hover, +.applet-box:hover > .applet-icon { +} + +/* =================================================================== +* Workspace OSD +* ===================================================================*/ +/* When switching workspaces*/ + +.workspace-osd { + color: black; + font-size: 25pt; + text-align: center; + background-color: #a6a3b4; + border: 1px solid #94a16f; + border-radius: 4px; + 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; +} + +.expo-workspaces-name-entry#selected { + background-color: #f1f1f1; + padding: 5px; + padding-bottom: 7px; + border: 1px solid #a6a3b4; + text-align: center; + height: 16px; +} + +.expo-workspaces-name-entry:focus { + padding: 5px; + padding-bottom: 7px; + color: black; + transition-duration: 300; + text-align: center; +} + +/* =================================================================== +* Notification Applet +* ===================================================================*/ + +.notification-applet-padding { + padding: .5em 1em; +} + +.notification-applet-container { + max-height: 100px; +} + +/* Check Boxes */ +.check-box CinnamonGenericContainer { + spacing: .2em; + min-height: 30px; + padding-top: 2px; +} + +.check-box StBin { + width: 24px; + height: 18px; + background-image: url('checkbox/checkbox-off.png'); +} + +.check-box:focus StBin { + background-image: url('checkbox/checkbox-off-focus.png'); +} + +.check-box:checked StBin { + background-image: url('checkbox/checkbox.png'); +} + +.check-box:focus:checked StBin { + background-image: url('checkbox/checkbox-focus.png'); +} + +.check-box StLabel { + font-weight: normal; +} + +.radiobutton CinnamonGenericContainer { + spacing: .2em; + height: 26px; + padding-top: 2px; +} + +.radiobutton StBin { + width: 22px; + height: 22px; + background-image: url('checkbox/radio-unselected.png'); + border-radius: 15px; +} + +.radiobutton:focus StBin { + background-image: url('checkbox/radio-unselected.png'); +} + +.radiobutton:checked StBin { + background-image: url('checkbox/radio-selected.png'); +} + +.radiobutton:focus:checked StBin { + background-image: url('checkbox/radio-selected.png'); +} + +.radiobutton StLabel { + padding-top: 4px; + font-size: 0.9em; + box-shadow: none; +} + +.flashspot { + background-color: white; +} + +/* =================================================================== +* 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%;*/ +} + +.numa-right { + 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 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; +} + +.numa-connected { + 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; +} + +.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; +} + +/* =================================================================== +* 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; +} + +/* =================================================================== +* CinnXPStarkMenu +* (if CinnXPStarkMenu is used, change some stuff, else use default) +* ===================================================================*/ +.right-buttons-box { + background-color: #e6e6ed; + padding: 8px; + border: 0 solid #b8b8c8; + border-left-width: 1px; +} +.starkmenu-background { + border: solid 1px transparent; + border-image: url('menu/menu-bg.png') 8 8 67 42; + box-shadow: 2px 2px 2px rgba(0,0,0,0.5); + padding: 52px 1px 29px 1px; +} +.starkmenu-selected-app-box { + color: black; /* Information, which is shown, if you select apps*/ +} +.starkmenu-favorites-box { + background-color: #fff; + border: 0px solid #fff; +} +.starkmenu-favorites-box .menu-favorites-button { + padding: 4px; +} +.starkmenu-applications-box { + padding: 0px 0px 0px 0px; +} +.starkmenu-applications-inner-box { + background-color: #e6e6ed; +} +.starkmenu-applications-box StScrollView { + background-color: #fff; + color: black; +} +.starkmenu-search-box { + padding-bottom: 5px; +} + +.hover-user-icon { + border-radius: 4px; + border: 2px solid #f1f1f1; +} diff --git a/Windows XP Metallic/cinnamon/add-workspace-hover.png b/Windows XP Metallic/cinnamon/menu/add-workspace-hover.png old mode 100755 new mode 100644 similarity index 100% rename from Windows XP Metallic/cinnamon/add-workspace-hover.png rename to Windows XP Metallic/cinnamon/menu/add-workspace-hover.png diff --git a/Windows XP Metallic/cinnamon/add-workspace.png b/Windows XP Metallic/cinnamon/menu/add-workspace.png old mode 100755 new mode 100644 similarity index 100% rename from Windows XP Metallic/cinnamon/add-workspace.png rename to Windows XP Metallic/cinnamon/menu/add-workspace.png diff --git a/Windows XP Metallic/cinnamon/calendar-arrow-left.svg b/Windows XP Metallic/cinnamon/menu/calendar-arrow-left.svg similarity index 100% rename from Windows XP Metallic/cinnamon/calendar-arrow-left.svg rename to Windows XP Metallic/cinnamon/menu/calendar-arrow-left.svg diff --git a/Windows XP Metallic/cinnamon/calendar-arrow-right.svg b/Windows XP Metallic/cinnamon/menu/calendar-arrow-right.svg similarity index 100% rename from Windows XP Metallic/cinnamon/calendar-arrow-right.svg rename to Windows XP Metallic/cinnamon/menu/calendar-arrow-right.svg diff --git a/Windows XP Metallic/cinnamon/close-hover.png b/Windows XP Metallic/cinnamon/menu/close-hover.png old mode 100755 new mode 100644 similarity index 100% rename from Windows XP Metallic/cinnamon/close-hover.png rename to Windows XP Metallic/cinnamon/menu/close-hover.png diff --git a/Windows XP Metallic/cinnamon/close.png b/Windows XP Metallic/cinnamon/menu/close.png old mode 100755 new mode 100644 similarity index 100% rename from Windows XP Metallic/cinnamon/close.png rename to Windows XP Metallic/cinnamon/menu/close.png diff --git a/Windows XP Luna/cinnamon/entry.png b/Windows XP Metallic/cinnamon/menu/entry.png similarity index 100% rename from Windows XP Luna/cinnamon/entry.png rename to Windows XP Metallic/cinnamon/menu/entry.png diff --git a/Windows XP Metallic/cinnamon/entry_shadow.png b/Windows XP Metallic/cinnamon/menu/entry_shadow.png similarity index 100% rename from Windows XP Metallic/cinnamon/entry_shadow.png rename to Windows XP Metallic/cinnamon/menu/entry_shadow.png diff --git a/Windows XP Metallic/cinnamon/entry_shadow_insensitive.png b/Windows XP Metallic/cinnamon/menu/entry_shadow_insensitive.png similarity index 100% rename from Windows XP Metallic/cinnamon/entry_shadow_insensitive.png rename to Windows XP Metallic/cinnamon/menu/entry_shadow_insensitive.png diff --git a/Windows XP Metallic/cinnamon/favs.png b/Windows XP Metallic/cinnamon/menu/favs.png similarity index 100% rename from Windows XP Metallic/cinnamon/favs.png rename to Windows XP Metallic/cinnamon/menu/favs.png diff --git a/Windows XP Metallic/cinnamon/handle-horiz-hover.png b/Windows XP Metallic/cinnamon/menu/handle-horiz-hover.png similarity index 100% rename from Windows XP Metallic/cinnamon/handle-horiz-hover.png rename to Windows XP Metallic/cinnamon/menu/handle-horiz-hover.png diff --git a/Windows XP Metallic/cinnamon/handle-horiz.png b/Windows XP Metallic/cinnamon/menu/handle-horiz.png similarity index 100% rename from Windows XP Metallic/cinnamon/handle-horiz.png rename to Windows XP Metallic/cinnamon/menu/handle-horiz.png diff --git a/Windows XP Metallic/cinnamon/handle-vert-hover.png b/Windows XP Metallic/cinnamon/menu/handle-vert-hover.png similarity index 100% rename from Windows XP Metallic/cinnamon/handle-vert-hover.png rename to Windows XP Metallic/cinnamon/menu/handle-vert-hover.png diff --git a/Windows XP Metallic/cinnamon/handle-vert.png b/Windows XP Metallic/cinnamon/menu/handle-vert.png similarity index 100% rename from Windows XP Metallic/cinnamon/handle-vert.png rename to Windows XP Metallic/cinnamon/menu/handle-vert.png diff --git a/Windows XP Metallic/cinnamon/menu-bg.png b/Windows XP Metallic/cinnamon/menu/menu-bg.png similarity index 100% rename from Windows XP Metallic/cinnamon/menu-bg.png rename to Windows XP Metallic/cinnamon/menu/menu-bg.png diff --git a/Windows XP Metallic/cinnamon/overview-hover.png b/Windows XP Metallic/cinnamon/menu/overview-hover.png similarity index 100% rename from Windows XP Metallic/cinnamon/overview-hover.png rename to Windows XP Metallic/cinnamon/menu/overview-hover.png diff --git a/Windows XP Metallic/cinnamon/overview.png b/Windows XP Metallic/cinnamon/menu/overview.png similarity index 100% rename from Windows XP Metallic/cinnamon/overview.png rename to Windows XP Metallic/cinnamon/menu/overview.png diff --git a/Windows XP Metallic/cinnamon/popupmenu.png b/Windows XP Metallic/cinnamon/menu/popupmenu.png similarity index 100% rename from Windows XP Metallic/cinnamon/popupmenu.png rename to Windows XP Metallic/cinnamon/menu/popupmenu.png diff --git a/Windows XP Metallic/cinnamon/slider-vert-hover.png b/Windows XP Metallic/cinnamon/menu/slider-vert-hover.png similarity index 100% rename from Windows XP Metallic/cinnamon/slider-vert-hover.png rename to Windows XP Metallic/cinnamon/menu/slider-vert-hover.png diff --git a/Windows XP Metallic/cinnamon/slider-vert.png b/Windows XP Metallic/cinnamon/menu/slider-vert.png similarity index 100% rename from Windows XP Metallic/cinnamon/slider-vert.png rename to Windows XP Metallic/cinnamon/menu/slider-vert.png diff --git a/Windows XP Royale Dark/cinnamon/tab.png b/Windows XP Metallic/cinnamon/menu/tab.png similarity index 100% rename from Windows XP Royale Dark/cinnamon/tab.png rename to Windows XP Metallic/cinnamon/menu/tab.png diff --git a/Windows XP Metallic/cinnamon/trash-icon.png b/Windows XP Metallic/cinnamon/menu/trash-icon.png similarity index 100% rename from Windows XP Metallic/cinnamon/trash-icon.png rename to Windows XP Metallic/cinnamon/menu/trash-icon.png diff --git a/Windows XP Metallic/cinnamon/trough-horizontal.png b/Windows XP Metallic/cinnamon/menu/trough-horizontal.png similarity index 100% rename from Windows XP Metallic/cinnamon/trough-horizontal.png rename to Windows XP Metallic/cinnamon/menu/trough-horizontal.png diff --git a/Windows XP Metallic/cinnamon/trough-scrollbar-vert.png b/Windows XP Metallic/cinnamon/menu/trough-scrollbar-vert.png similarity index 100% rename from Windows XP Metallic/cinnamon/trough-scrollbar-vert.png rename to Windows XP Metallic/cinnamon/menu/trough-scrollbar-vert.png diff --git a/Windows XP Metallic/cinnamon/menu/window-borders.png b/Windows XP Metallic/cinnamon/menu/window-borders.png new file mode 100644 index 0000000..4daa217 Binary files /dev/null and b/Windows XP Metallic/cinnamon/menu/window-borders.png differ diff --git a/Windows XP Metallic/cinnamon/active-hover.png b/Windows XP Metallic/cinnamon/panel/active-hover.png old mode 100755 new mode 100644 similarity index 100% rename from Windows XP Metallic/cinnamon/active-hover.png rename to Windows XP Metallic/cinnamon/panel/active-hover.png diff --git a/Windows XP Metallic/cinnamon/active.png b/Windows XP Metallic/cinnamon/panel/active.png old mode 100755 new mode 100644 similarity index 100% rename from Windows XP Metallic/cinnamon/active.png rename to Windows XP Metallic/cinnamon/panel/active.png diff --git a/Windows XP Metallic/cinnamon/hover.png b/Windows XP Metallic/cinnamon/panel/hover.png old mode 100755 new mode 100644 similarity index 100% rename from Windows XP Metallic/cinnamon/hover.png rename to Windows XP Metallic/cinnamon/panel/hover.png diff --git a/Windows XP Metallic/cinnamon/menu-active.png b/Windows XP Metallic/cinnamon/panel/menu-active.png similarity index 100% rename from Windows XP Metallic/cinnamon/menu-active.png rename to Windows XP Metallic/cinnamon/panel/menu-active.png diff --git a/Windows XP Metallic/cinnamon/menu-bottom.png b/Windows XP Metallic/cinnamon/panel/menu-bottom.png similarity index 100% rename from Windows XP Metallic/cinnamon/menu-bottom.png rename to Windows XP Metallic/cinnamon/panel/menu-bottom.png diff --git a/Windows XP Metallic/cinnamon/menu-box.png b/Windows XP Metallic/cinnamon/panel/menu-box.png similarity index 100% rename from Windows XP Metallic/cinnamon/menu-box.png rename to Windows XP Metallic/cinnamon/panel/menu-box.png diff --git a/Windows XP Metallic/cinnamon/menu-hover.png b/Windows XP Metallic/cinnamon/panel/menu-hover.png similarity index 100% rename from Windows XP Metallic/cinnamon/menu-hover.png rename to Windows XP Metallic/cinnamon/panel/menu-hover.png diff --git a/Windows XP Metallic/cinnamon/menu-top.png b/Windows XP Metallic/cinnamon/panel/menu-top.png similarity index 100% rename from Windows XP Metallic/cinnamon/menu-top.png rename to Windows XP Metallic/cinnamon/panel/menu-top.png diff --git a/Windows XP Metallic/cinnamon/normal.png b/Windows XP Metallic/cinnamon/panel/normal.png old mode 100755 new mode 100644 similarity index 100% rename from Windows XP Metallic/cinnamon/normal.png rename to Windows XP Metallic/cinnamon/panel/normal.png diff --git a/Windows XP Metallic/cinnamon/panel-right.png b/Windows XP Metallic/cinnamon/panel/panel-right.png similarity index 100% rename from Windows XP Metallic/cinnamon/panel-right.png rename to Windows XP Metallic/cinnamon/panel/panel-right.png diff --git a/Windows XP Metallic/cinnamon/panel.png b/Windows XP Metallic/cinnamon/panel/panel.png similarity index 100% rename from Windows XP Metallic/cinnamon/panel.png rename to Windows XP Metallic/cinnamon/panel/panel.png diff --git a/Windows XP Metallic/cinnamon/urgent.png b/Windows XP Metallic/cinnamon/panel/urgent.png similarity index 100% rename from Windows XP Metallic/cinnamon/urgent.png rename to Windows XP Metallic/cinnamon/panel/urgent.png diff --git a/Windows XP Metallic/gtk-3.0/gtk-3.20 b/Windows XP Metallic/gtk-3.0/gtk-3.20 deleted file mode 120000 index 45c7db8..0000000 --- a/Windows XP Metallic/gtk-3.0/gtk-3.20 +++ /dev/null @@ -1 +0,0 @@ -../gtk-3.20 \ No newline at end of file diff --git a/Windows XP Royale Dark/cinnamon/buttons/button-focused-pressed.png b/Windows XP Royale Dark/cinnamon/buttons/button-focused-pressed.png index 69c8071..c8a44d0 100755 Binary files a/Windows XP Royale Dark/cinnamon/buttons/button-focused-pressed.png and b/Windows XP Royale Dark/cinnamon/buttons/button-focused-pressed.png differ diff --git a/Windows XP Royale Dark/cinnamon/buttons/button-pressed.png b/Windows XP Royale Dark/cinnamon/buttons/button-pressed.png new file mode 100644 index 0000000..69c8071 Binary files /dev/null and b/Windows XP Royale Dark/cinnamon/buttons/button-pressed.png differ diff --git a/Windows XP Royale Dark/cinnamon/checkbox-focus.png b/Windows XP Royale Dark/cinnamon/checkbox/checkbox-focus.png similarity index 100% rename from Windows XP Royale Dark/cinnamon/checkbox-focus.png rename to Windows XP Royale Dark/cinnamon/checkbox/checkbox-focus.png diff --git a/Windows XP Royale Dark/cinnamon/checkbox-off-focus.png b/Windows XP Royale Dark/cinnamon/checkbox/checkbox-off-focus.png similarity index 100% rename from Windows XP Royale Dark/cinnamon/checkbox-off-focus.png rename to Windows XP Royale Dark/cinnamon/checkbox/checkbox-off-focus.png diff --git a/Windows XP Royale Dark/cinnamon/checkbox-off.png b/Windows XP Royale Dark/cinnamon/checkbox/checkbox-off.png similarity index 100% rename from Windows XP Royale Dark/cinnamon/checkbox-off.png rename to Windows XP Royale Dark/cinnamon/checkbox/checkbox-off.png diff --git a/Windows XP Royale Dark/cinnamon/checkbox.png b/Windows XP Royale Dark/cinnamon/checkbox/checkbox.png similarity index 100% rename from Windows XP Royale Dark/cinnamon/checkbox.png rename to Windows XP Royale Dark/cinnamon/checkbox/checkbox.png diff --git a/Windows XP Metallic/cinnamon/radio-selected.png b/Windows XP Royale Dark/cinnamon/checkbox/radio-selected.png similarity index 100% rename from Windows XP Metallic/cinnamon/radio-selected.png rename to Windows XP Royale Dark/cinnamon/checkbox/radio-selected.png diff --git a/Windows XP Metallic/cinnamon/radio-unselected.png b/Windows XP Royale Dark/cinnamon/checkbox/radio-unselected.png similarity index 100% rename from Windows XP Metallic/cinnamon/radio-unselected.png rename to Windows XP Royale Dark/cinnamon/checkbox/radio-unselected.png diff --git a/Windows XP Royale Dark/cinnamon/cinnamon.css b/Windows XP Royale Dark/cinnamon/cinnamon.css index 752c867..b000c85 100644 --- a/Windows XP Royale Dark/cinnamon/cinnamon.css +++ b/Windows XP Royale Dark/cinnamon/cinnamon.css @@ -4,6 +4,7 @@ * ###################################################################*/ stage { font-family: Noto Sans, sans-serif; + color: white; } .cinnamon-link { @@ -19,21 +20,21 @@ stage { color: rgba(0,0,0,0.5); } -StScrollBar -{ - padding: 0px; -} - +/* =================================================================== + * Scrollbars + * ===================================================================*/ StScrollView.vfade { -st-vfade-offset: 0px; } -StScrollView StScrollBar -{ - min-width: 16px; - min-height: 16px; +StScrollView StScrollBar { + min-width: 17px; + min-height: 17px; } +StScrollBar { + padding: 0px; +} StScrollBar StBin#trough { background-color: rgba(255,255,255,0.1); @@ -60,6 +61,9 @@ StScrollBar StButton#vhandle:hover background-color: #5a606f; } +/* =================================================================== + * Tooltip + * ===================================================================*/ #Tooltip { border: 1px solid rgba(64,64,64,1.0); border-radius: 0px; @@ -152,7 +156,7 @@ StScrollBar StButton#vhandle:hover .menu { background-color: #fff; border: solid 4px black; - border-image: url('popupmenu.png') 8 8 8 8; + border-image: url('menu/popupmenu.png') 8 8 8 8; color: #000; font-size: 9pt; } @@ -241,18 +245,20 @@ StScrollBar StButton#vhandle:hover icon-size: 1.14em; } -/* Switches (to be used in menus) */ +/* =================================================================== + * Switches (to be used in menus) + * ===================================================================*/ .toggle-switch { width: 52px; height: 18px; } .toggle-switch-us, .toggle-switch-intl { - background-image: url("checkbox-off.png"); + background-image: url('checkbox/checkbox-off.png'); } .toggle-switch-us:checked, .toggle-switch-intl:checked { - background-image: url("checkbox.png"); + background-image: url('checkbox/checkbox.png'); } .nm-menu-item-icons { @@ -260,43 +266,46 @@ StScrollBar StButton#vhandle:hover } /* =================================================================== -* Panel (panel.js) -* ===================================================================*/ - + * Panel (panel.js) + * ===================================================================*/ #panel { - color: #ffffff; - text-shadow: black 0px 1px 1px; + color: #white; background-color: #013c6b; font-size: 9pt; - border-image: url('panel.png') 80 0 0 0; + border-image: url('panel/panel.png') 80 0 0 0; font-weight: normal; height: 30px; - outline: 1px rgba(0,0,0,1); } -#panelLeft .applet-box:first-child { - border-image: url('menu-box.png') 7 0 0 0; - border-right-width: 10px; - font-size: 12pt; - font-style: italic; - font-weight: bold; +#panelLeft, #panelCenter { + spacing: 4px; } -#panelLeft .applet-box:first-child:hover { - border-image: url('menu-hover.png') 7 0 0 0; +#panelRight { + border-image: url('panel/panel-right.png') 7 0 0 0; } -#panelLeft .applet-box:first-child:active { - border-image: url('menu-active.png') 7 0 0 0; +#panelLeft .applet-box:first-child { + border-image: url('panel/menu-box.png') 7 0 0 0; + padding-right: 20px; } -#panelLeft, #panelCenter { - spacing: 4px; +/* TODO: Tahoma is used for most things, but this looks a little off.*/ +#panelLeft .applet-box:first-child .applet-label { + color: white; + font-family: tahoma; + font-size: 15pt; + font-style: italic; + font-weight: bold; + text-shadow: black 0px 1px 2px; } -#panelRight { - border-image: url('panel-right.png') 7 0 0 0; +#panelLeft .applet-box:first-child:hover { + border-image: url('panel/menu-hover.png') 7 0 0 0; +} +#panelLeft .applet-box:first-child:active { + border-image: url('panel/menu-active.png') 7 0 0 0; } #panelLeft:dnd { @@ -470,19 +479,19 @@ StScrollBar StButton#vhandle:hover } .workspace-add-button { - background-image: url("add-workspace.png"); + background-image: url('menu/add-workspace.png'); height: 200px; width: 35px; transition-duration: 300; } .workspace-add-button:hover { - background-image: url("add-workspace-hover.png"); + background-image: url('menu/add-workspace-panel/hover.png'); transition-duration: 300; } .workspace-close-button { - background-image: url("close.png"); + background-image: url('menu/close.png'); height: 34px; width: 34px; -cinnamon-close-overlap: 20px; @@ -490,7 +499,7 @@ StScrollBar StButton#vhandle:hover .window-close:hover, .window-close:active { - background-image: url("close-hover.png"); + background-image: url('menu/close-panel/hover.png'); } @@ -508,7 +517,7 @@ StScrollBar StButton#vhandle:hover } .window-close { - background-image: url("close.png"); + background-image: url('menu/close.png'); height: 34px; width: 34px; -cinnamon-close-overlap: 20px; @@ -519,7 +528,7 @@ StScrollBar StButton#vhandle:hover } .window-close-area { - background-image: url("trash-icon.png"); + background-image: url('menu/trash-icon.png'); background-color: rgba(0, 0, 0, 0.8); border: 2px solid #399cee; border-bottom: 0px; @@ -612,7 +621,9 @@ StScrollBar StButton#vhandle:hover background-color: rgba(57,156,238,.31); } - +/* =================================================================== +* Clock Desklet (desklet.js) +* ===================================================================*/ .clock-desklet-label { } @@ -633,13 +644,6 @@ StScrollBar StButton#vhandle:hover border-radius: 0px; } -/* =================================================================== -* Clock Desklet (desklet.js) -* ===================================================================*/ -.clock-desklet-label { -} - - /* =================================================================== * Looking Glass * ===================================================================*/ @@ -761,13 +765,13 @@ StScrollBar StButton#vhandle:hover .calendar-change-month-back { width: 18px; height: 12px; - background-image: url("calendar-arrow-left.svg"); + background-image: url('menu/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('menu/calendar-arrow-right.svg'); } .calendar-change-month-back:hover { @@ -780,13 +784,13 @@ StScrollBar StButton#vhandle:hover .calendar-change-month-forward { width: 18px; height: 12px; - background-image: url("calendar-arrow-right.svg"); + background-image: url('menu/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('menu/calendar-arrow-left.svg'); } .calendar-change-month-forward:hover { @@ -911,11 +915,13 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 } .notification-button { border-radius: 18px; - font-size: 11pt; + font-size: 10pt; padding: 4px 42px 5px; + color: black; } .notification-button:focus { padding: 3px 41px 4px; + color: black; } .notification-icon-button { border-radius: 5px; @@ -955,7 +961,7 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 background-gradient-direction: horizontal; background-gradient-start: rgba(255, 255, 255, 0.1); background-gradient-end: rgba(255, 255, 255, 0); - color: #fff; + color: black; } .hotplug-resident-mount-label { color: inherit; @@ -1015,7 +1021,7 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 border: solid 1px black; box-shadow: 2px solid rgba(0,0,0,0.4) 2px 2px; color: black; - border-image: url('tab.png') 4 4 4 4; + border-image: url('menu/tab.png') 4 4 4 4; } .switcher-list-item-container { @@ -1111,62 +1117,17 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 background-color: rgba(25,25,25,0.95); } -/* =================================================================== -* Modal dialogs -* ===================================================================*/ - -.modal-dialog { - font-size: 10pt; - border-radius: 2px; - background-color: #171717; - border: 2px solid #404040; - border-image: url('popupmenu.png') 4; - color: #000; - padding-right: 42px; - padding-left: 42px; - padding-bottom: 30px; - padding-top: 30px; -} - -.modal-dialog-button-box { - spacing: 21px; -} - -.modal-dialog-button { - font-size: 10pt; - margin-left: 10px; - margin-right: 10px; - padding: 4px 32px 5px; -} - -.modal-dialog-button:hover { -} - -.modal-dialog-button:active, -.modal-dialog-button:checked { - color: black; - border-image: url('buttons/button-focused-pressed.png') 5; -} - -.modal-dialog-button:disabled { - color: rgb(60, 60, 60); -} - -.modal-dialog-button:focus { - padding: 3px 31px 4px; -} - /* =================================================================== * Run dialog * ===================================================================*/ .run-dialog-label { - font-size: 9pt; + font-size: 8pt; color: black; } .run-dialog-error-label { - font-size: 9pt; + font-size: 8pt; color: black; } @@ -1175,8 +1136,15 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 spacing: 5px; } +.run-dialog-description { + text-align: center; + color: rgb(70, 70, 70); +} + .run-dialog-entry { - font-size: 10pt; + color: black; + caret-color: black; + font-size: 8pt; font-weight: normal; background-color: white; border: 1px solid gray; @@ -1193,16 +1161,24 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 .run-dialog-completion-box { padding-left: 15px; font-size: 10px; + color: black; +} + +.run-dialog .modal-dialog-button-box { + border: none; + box-shadow: none; + background: none; + background-gradient-direction: none; } .run-dialog { - border-radius: 8px; - padding-right: 21px; - padding-left: 21px; + border-radius: 5px; + padding-right: 15px; + padding-left: 15px; padding-bottom: 15px; - padding-top: 15px; + padding-top: 31px; color: black; - border-image: url('tab.png') 4 4 4 4; + border-image: url('menu/window-borders.png') 6 6 31 6 } .lightbox { @@ -1210,8 +1186,8 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 } /* =================================================================== -* End session dialog -* ===================================================================*/ +* CinnamonMountOperation Dialogs + * ===================================================================*/ .end-session-dialog { spacing: 42px; @@ -1352,6 +1328,117 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 font-size: 10pt; } +/* =================================================================== +* Modal dialogs (modalDialog.js) +* ===================================================================*/ + +.modal-dialog { + font-size: 10pt; + border-radius: 2px; + background-color: #171717; + border: 2px solid #404040; + border-image: url('menu/popupmenu.png') 4; + color: #000; + padding-right: 42px; + padding-left: 42px; + padding-bottom: 30px; + padding-top: 30px; +} + +.modal-dialog-button-box { + spacing: 21px; +} + +.modal-dialog-button { + font-size: 10pt; + margin-left: 10px; + margin-right: 10px; + padding: 4px 32px 5px; +} + +.modal-dialog-button:hover { +} + +.modal-dialog-button:active, +.modal-dialog-button:checked { + color: black; + border-image: url('buttons/button-pressed.png') 5; +} + +.modal-dialog-button:disabled { + color: rgb(60, 60, 60); +} + +.modal-dialog-button:focus { + padding: 3px 31px 4px; +} + +/* =================================================================== + * dialogs (dialog.js) + * ===================================================================*/ +.dialog { + border-image: url('menu/window-borders.png') 6 6 31 6; + color: #3c3c3e; + background-color: #F5F5F7; + padding: 15px; + border: 1px; + border-color: black; + padding-top: 30px; +} + +.dialog-button-box { +} + +.dialog-button { + height: 22px; + color: rgb(70, 70, 70); + border-image: url('buttons/button.png') 5; + padding: 3px 31px 4px; +} + +.dialog-button:hover { + border-image: url('buttons/button-hover.png') 5; +} + +.dialog-button:focus { + border-image: url('buttons/button-focused.png') 5; + padding: 3px 31px 4px; +} + +.dialog-button:active, +.dialog-button:checked { + border-image: url('buttons/button-pressed.png') 5; + color: white; +} + +.dialog-button:focus:hover { + border-image: url('buttons/button-focused-prelight.png') 5; + padding: 3px 31px 4px; +} + +.dialog-button:focus:checked, +.dialog-button:focus:active { + border-image: url('buttons/button-pressed.png') 5; +} + +.dialog-button:disabled { + color: #a6a6a6; +} + +.dialog-button:destructive-action { + color: #c21616; +} + +.dialog-list .dialog-list-title { + padding: 1.3em; + text-align: center; + color: rgb(70, 70, 70); +} + +.dialog-list-item .dialog-list-item-description { + color: rgb(70, 70, 70); +} + /* =================================================================== * Policykit authentication dialog * ===================================================================*/ @@ -1560,13 +1647,13 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 padding: 0px; background-color: transparent; border-radius: 0px; - border-image: url('favs.png') 5 5 5 5; + border-image: url('menu/favs.png') 5 5 5 5; width: 70%; } .menu-background { border: solid 1px transparent; - border-image: url("menu-bg.png") 8 8 56 41; + border-image: url('menu/menu-bg.png') 8 8 56 41; box-shadow: 2px 2px 2px rgba(0,0,0,0.5); padding: 55px 1px 10px 1px; } @@ -1598,7 +1685,7 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 padding: 10px 0px 0px 10px; background-color: transparent; border: none; - /* border-image: url('favs.png') 5 5 5 5;*/ + /* border-image: url('menu/favs.png') 5 5 5 5;*/ } .menu-applications-inner-box { @@ -1621,17 +1708,17 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 background: none; border-width: 0px; box-shadow: none; - border-image: url('trough-scrollbar-vert.png') 1; + border-image: url('menu/trough-scrollbar-vert.png') 1; } .menu-applications-box StButton#vhandle { - border-image: url('slider-vert.png') 3; - background: url('handle-vert.png') no-repeat center center; + border-image: url('menu/slider-vert.png') 3; + background: url('menu/handle-vert.png') no-repeat center center; } .menu-applications-box StButton#vhandle:hover { - border-image: url('slider-vert-hover.png') 3; - background: url('handle-vert.png') no-repeat center center; + border-image: url('menu/slider-vert-panel/hover.png') 3; + background: url('menu/handle-vert.png') no-repeat center center; } .menu-application-button { @@ -1738,7 +1825,7 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 } .window-list-item-box { - border-image: url('normal.png'); + border-image: url('panel/normal.png'); padding: 1px; transition-duration: 100; } @@ -1746,27 +1833,27 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 .window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:focus { - border-image: url('active.png'); + border-image: url('panel/active.png'); } .window-list-item-box:hover { - border-image: url('hover.png'); + border-image: url('panel/hover.png'); } .window-list-item-box:focus:hover { - border-image: url('active-hover.png'); + border-image: url('panel/active-hover.png'); } .window-list-item-demands-attention { - border-image: url('urgent.png'); + border-image: url('panel/urgent.png'); } /* https://github.com/B00merang-Project/Windows-XP/issues/44 */ .grouped-window-list-thumbnail-menu { spacing: 6px; padding: 6px 12px 12px 12px; - border-image: url("menu-bottom.png") 6; + border-image: url('panel/menu-bottom.png') 6; color: #ffffff; } @@ -1779,40 +1866,40 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 } .grouped-window-list-item-box:hover { - border-image: url("hover.png") 4; + border-image: url('panel/hover.png') 4; transition-duration: 100; } .grouped-window-list-item-box:active, .grouped-window-list-item-box:checked { - border-image: url("normal.png") 4; + border-image: url('panel/normal.png') 4; transition-duration: 100; } .grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover { - border-image: url("hover.png") 8; + border-image: url('panel/hover.png') 8; transition-duration: 100; } .grouped-window-list-item-box:focus { - border-image: url("active.png") 8; + border-image: url('panel/active.png') 8; transition-duration: 100; } .grouped-window-list-item-box:focus:hover { - border-image: url("active-hover.png") 8; + border-image: url('panel/active-hover.png') 8; transition-duration: 100; } .grouped-window-list-item-demands-attention { font-weight: normal; - border-image: url("urgent.png") 4; + border-image: url('panel/urgent.png') 4; transition-duration: 100; } .grouped-window-list-item-attention:hover { - border-image: url("urgent.png") 4; + border-image: url('panel/urgent.png') 4; } .window-list-item-box .progress, @@ -1824,7 +1911,7 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 .window-list-preview { spacing: 6px; color: #000000; - border-image: url('popupmenu.png') 8 8 8 8; + border-image: url('menu/popupmenu.png') 8 8 8 8; border-radius: 0; padding: 6px 12px 12px 12px; font-size: 1em; @@ -1961,78 +2048,26 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 /* =================================================================== * Panel Launchers Applet (panelLaunchers.js) * ===================================================================*/ - -#panel-launchers-box { - -} - -.panel-launcher { - margin: 1px; - padding: 3px; -} - -.panel-launcher:hover { - background-color: rgba(0,0,0,0.5); -} - -.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(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-launchers .launcher { + border: 1px solid transparent; + padding-left: 2px; + padding-right: 2px; } -.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; +.panel-launchers .launcher:hover { + border-image: url('panel/solid3.png') 4 2 4 2 stretch; } -.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"); + background-image: url('menu/overview.png'); } #overview-corner:hover { - background-image: url("overview-hover.png"); + background-image: url('menu/overview-panel/hover.png'); } /* =================================================================== @@ -2046,31 +2081,25 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 background: rgba(0,0,0,0.5); } +.applet-label { + color: white; +} + .applet-box { - padding-left: 6px; - padding-right: 6px; + padding-left: 2px; + padding-right: 2px; + color: white; transition-duration: 300; } .applet-box:hover { background-color: rgba(25,25,25,0.2); - color: white; + color: white; transition-duration: 100; } .applet-box:active { - background-color: transparent; - color: white; - transition-duration: 100; - -} - -.applet-label:not(:first-child) { - font-weight: normal; -} - -.applet-label, -.applet-label:hover, -.applet-box:hover > .applet-label { + background-color: rgba(25,25,25,0.4); color: white; + transition-duration: 100; } .applet-icon { @@ -2079,7 +2108,6 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 .applet-icon:hover, .applet-box:hover > .applet-icon { - } /* =================================================================== @@ -2149,19 +2177,19 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 .check-box StBin { width: 24px; height: 18px; - background-image: url("checkbox-off.png"); + background-image: url('checkbox/checkbox-off.png'); } .check-box:focus StBin { - background-image: url("checkbox-off-focus.png"); + background-image: url('checkbox/checkbox-off-focus.png'); } .check-box:checked StBin { - background-image: url("checkbox.png"); + background-image: url('checkbox/checkbox.png'); } .check-box:focus:checked StBin { - background-image: url("checkbox-focus.png"); + background-image: url('checkbox/checkbox-focus.png'); } .check-box StLabel { @@ -2177,20 +2205,20 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 .radiobutton StBin { width: 22px; height: 22px; - background-image: url("radio-unselected.png"); + background-image: url('checkbox/radio-unselected.png'); border-radius: 15px; } .radiobutton:focus StBin { - background-image: url("radio-unselected.png"); + background-image: url('checkbox/radio-unselected.png'); } .radiobutton:checked StBin { - background-image: url("radio-selected.png"); + background-image: url('checkbox/radio-selected.png'); } .radiobutton:focus:checked StBin { - background-image: url("radio-selected.png"); + background-image: url('checkbox/radio-selected.png'); } .radiobutton StLabel { @@ -2282,7 +2310,7 @@ The colour parameters are red, green, blue, and transparency or a name */ } .starkmenu-background { border: solid 1px transparent; - border-image: url("menu-bg.png") 8 8 56 41; + border-image: url('menu/menu-bg.png') 8 8 56 41; box-shadow: 2px 2px 2px rgba(0,0,0,0.5); padding: 54px 1px 29px 1px; } diff --git a/Windows XP Royale Dark/cinnamon/add-workspace-hover.png b/Windows XP Royale Dark/cinnamon/menu/add-workspace-hover.png similarity index 100% rename from Windows XP Royale Dark/cinnamon/add-workspace-hover.png rename to Windows XP Royale Dark/cinnamon/menu/add-workspace-hover.png diff --git a/Windows XP Royale Dark/cinnamon/add-workspace.png b/Windows XP Royale Dark/cinnamon/menu/add-workspace.png similarity index 100% rename from Windows XP Royale Dark/cinnamon/add-workspace.png rename to Windows XP Royale Dark/cinnamon/menu/add-workspace.png diff --git a/Windows XP Royale Dark/cinnamon/calendar-arrow-left.svg b/Windows XP Royale Dark/cinnamon/menu/calendar-arrow-left.svg similarity index 100% rename from Windows XP Royale Dark/cinnamon/calendar-arrow-left.svg rename to Windows XP Royale Dark/cinnamon/menu/calendar-arrow-left.svg diff --git a/Windows XP Royale Dark/cinnamon/calendar-arrow-right.svg b/Windows XP Royale Dark/cinnamon/menu/calendar-arrow-right.svg similarity index 100% rename from Windows XP Royale Dark/cinnamon/calendar-arrow-right.svg rename to Windows XP Royale Dark/cinnamon/menu/calendar-arrow-right.svg diff --git a/Windows XP Luna/cinnamon/close-hover.png b/Windows XP Royale Dark/cinnamon/menu/close-hover.png similarity index 100% rename from Windows XP Luna/cinnamon/close-hover.png rename to Windows XP Royale Dark/cinnamon/menu/close-hover.png diff --git a/Windows XP Luna/cinnamon/close.png b/Windows XP Royale Dark/cinnamon/menu/close.png similarity index 100% rename from Windows XP Luna/cinnamon/close.png rename to Windows XP Royale Dark/cinnamon/menu/close.png diff --git a/Windows XP Metallic/cinnamon/entry.png b/Windows XP Royale Dark/cinnamon/menu/entry.png similarity index 100% rename from Windows XP Metallic/cinnamon/entry.png rename to Windows XP Royale Dark/cinnamon/menu/entry.png diff --git a/Windows XP Royale Dark/cinnamon/menu/entry_focus.png b/Windows XP Royale Dark/cinnamon/menu/entry_focus.png new file mode 100644 index 0000000..20370ce Binary files /dev/null and b/Windows XP Royale Dark/cinnamon/menu/entry_focus.png differ diff --git a/Windows XP Royale Dark/cinnamon/entry_shadow.png b/Windows XP Royale Dark/cinnamon/menu/entry_shadow.png similarity index 100% rename from Windows XP Royale Dark/cinnamon/entry_shadow.png rename to Windows XP Royale Dark/cinnamon/menu/entry_shadow.png diff --git a/Windows XP Royale Dark/cinnamon/entry_shadow_insensitive.png b/Windows XP Royale Dark/cinnamon/menu/entry_shadow_insensitive.png similarity index 100% rename from Windows XP Royale Dark/cinnamon/entry_shadow_insensitive.png rename to Windows XP Royale Dark/cinnamon/menu/entry_shadow_insensitive.png diff --git a/Windows XP Royale Dark/cinnamon/favs.png b/Windows XP Royale Dark/cinnamon/menu/favs.png similarity index 100% rename from Windows XP Royale Dark/cinnamon/favs.png rename to Windows XP Royale Dark/cinnamon/menu/favs.png diff --git a/Windows XP Royale Dark/cinnamon/handle-horiz-hover.png b/Windows XP Royale Dark/cinnamon/menu/handle-horiz-hover.png similarity index 100% rename from Windows XP Royale Dark/cinnamon/handle-horiz-hover.png rename to Windows XP Royale Dark/cinnamon/menu/handle-horiz-hover.png diff --git a/Windows XP Royale Dark/cinnamon/handle-horiz.png b/Windows XP Royale Dark/cinnamon/menu/handle-horiz.png similarity index 100% rename from Windows XP Royale Dark/cinnamon/handle-horiz.png rename to Windows XP Royale Dark/cinnamon/menu/handle-horiz.png diff --git a/Windows XP Royale Dark/cinnamon/handle-vert-hover.png b/Windows XP Royale Dark/cinnamon/menu/handle-vert-hover.png similarity index 100% rename from Windows XP Royale Dark/cinnamon/handle-vert-hover.png rename to Windows XP Royale Dark/cinnamon/menu/handle-vert-hover.png diff --git a/Windows XP Royale Dark/cinnamon/handle-vert.png b/Windows XP Royale Dark/cinnamon/menu/handle-vert.png similarity index 100% rename from Windows XP Royale Dark/cinnamon/handle-vert.png rename to Windows XP Royale Dark/cinnamon/menu/handle-vert.png diff --git a/Windows XP Royale Dark/cinnamon/menu-bg.png b/Windows XP Royale Dark/cinnamon/menu/menu-bg.png similarity index 100% rename from Windows XP Royale Dark/cinnamon/menu-bg.png rename to Windows XP Royale Dark/cinnamon/menu/menu-bg.png diff --git a/Windows XP Royale Dark/cinnamon/overview-hover.png b/Windows XP Royale Dark/cinnamon/menu/overview-hover.png similarity index 100% rename from Windows XP Royale Dark/cinnamon/overview-hover.png rename to Windows XP Royale Dark/cinnamon/menu/overview-hover.png diff --git a/Windows XP Royale Dark/cinnamon/overview.png b/Windows XP Royale Dark/cinnamon/menu/overview.png similarity index 100% rename from Windows XP Royale Dark/cinnamon/overview.png rename to Windows XP Royale Dark/cinnamon/menu/overview.png diff --git a/Windows XP Royale Dark/cinnamon/popupmenu.png b/Windows XP Royale Dark/cinnamon/menu/popupmenu.png similarity index 100% rename from Windows XP Royale Dark/cinnamon/popupmenu.png rename to Windows XP Royale Dark/cinnamon/menu/popupmenu.png diff --git a/Windows XP Royale Dark/cinnamon/slider-vert-hover.png b/Windows XP Royale Dark/cinnamon/menu/slider-vert-hover.png similarity index 100% rename from Windows XP Royale Dark/cinnamon/slider-vert-hover.png rename to Windows XP Royale Dark/cinnamon/menu/slider-vert-hover.png diff --git a/Windows XP Royale Dark/cinnamon/slider-vert.png b/Windows XP Royale Dark/cinnamon/menu/slider-vert.png similarity index 100% rename from Windows XP Royale Dark/cinnamon/slider-vert.png rename to Windows XP Royale Dark/cinnamon/menu/slider-vert.png diff --git a/Windows XP Royale/cinnamon/tab.png b/Windows XP Royale Dark/cinnamon/menu/tab.png similarity index 100% rename from Windows XP Royale/cinnamon/tab.png rename to Windows XP Royale Dark/cinnamon/menu/tab.png diff --git a/Windows XP Royale Dark/cinnamon/trash-icon.png b/Windows XP Royale Dark/cinnamon/menu/trash-icon.png similarity index 100% rename from Windows XP Royale Dark/cinnamon/trash-icon.png rename to Windows XP Royale Dark/cinnamon/menu/trash-icon.png diff --git a/Windows XP Royale Dark/cinnamon/trough-horizontal.png b/Windows XP Royale Dark/cinnamon/menu/trough-horizontal.png similarity index 100% rename from Windows XP Royale Dark/cinnamon/trough-horizontal.png rename to Windows XP Royale Dark/cinnamon/menu/trough-horizontal.png diff --git a/Windows XP Royale Dark/cinnamon/trough-scrollbar-vert.png b/Windows XP Royale Dark/cinnamon/menu/trough-scrollbar-vert.png similarity index 100% rename from Windows XP Royale Dark/cinnamon/trough-scrollbar-vert.png rename to Windows XP Royale Dark/cinnamon/menu/trough-scrollbar-vert.png diff --git a/Windows XP Royale Dark/cinnamon/menu/window-borders.png b/Windows XP Royale Dark/cinnamon/menu/window-borders.png new file mode 100644 index 0000000..14c2c5e Binary files /dev/null and b/Windows XP Royale Dark/cinnamon/menu/window-borders.png differ diff --git a/Windows XP Royale Dark/cinnamon/active-hover.png b/Windows XP Royale Dark/cinnamon/panel/active-hover.png similarity index 100% rename from Windows XP Royale Dark/cinnamon/active-hover.png rename to Windows XP Royale Dark/cinnamon/panel/active-hover.png diff --git a/Windows XP Royale Dark/cinnamon/active.png b/Windows XP Royale Dark/cinnamon/panel/active.png similarity index 100% rename from Windows XP Royale Dark/cinnamon/active.png rename to Windows XP Royale Dark/cinnamon/panel/active.png diff --git a/Windows XP Royale Dark/cinnamon/hover.png b/Windows XP Royale Dark/cinnamon/panel/hover.png similarity index 100% rename from Windows XP Royale Dark/cinnamon/hover.png rename to Windows XP Royale Dark/cinnamon/panel/hover.png diff --git a/Windows XP Royale Dark/cinnamon/menu-active.png b/Windows XP Royale Dark/cinnamon/panel/menu-active.png similarity index 100% rename from Windows XP Royale Dark/cinnamon/menu-active.png rename to Windows XP Royale Dark/cinnamon/panel/menu-active.png diff --git a/Windows XP Royale Dark/cinnamon/menu-bottom.png b/Windows XP Royale Dark/cinnamon/panel/menu-bottom.png similarity index 100% rename from Windows XP Royale Dark/cinnamon/menu-bottom.png rename to Windows XP Royale Dark/cinnamon/panel/menu-bottom.png diff --git a/Windows XP Royale Dark/cinnamon/menu-box.png b/Windows XP Royale Dark/cinnamon/panel/menu-box.png similarity index 100% rename from Windows XP Royale Dark/cinnamon/menu-box.png rename to Windows XP Royale Dark/cinnamon/panel/menu-box.png diff --git a/Windows XP Royale Dark/cinnamon/menu-hover.png b/Windows XP Royale Dark/cinnamon/panel/menu-hover.png similarity index 100% rename from Windows XP Royale Dark/cinnamon/menu-hover.png rename to Windows XP Royale Dark/cinnamon/panel/menu-hover.png diff --git a/Windows XP Royale Dark/cinnamon/menu-top.png b/Windows XP Royale Dark/cinnamon/panel/menu-top.png similarity index 100% rename from Windows XP Royale Dark/cinnamon/menu-top.png rename to Windows XP Royale Dark/cinnamon/panel/menu-top.png diff --git a/Windows XP Royale Dark/cinnamon/normal.png b/Windows XP Royale Dark/cinnamon/panel/normal.png similarity index 100% rename from Windows XP Royale Dark/cinnamon/normal.png rename to Windows XP Royale Dark/cinnamon/panel/normal.png diff --git a/Windows XP Royale Dark/cinnamon/panel-right.png b/Windows XP Royale Dark/cinnamon/panel/panel-right.png similarity index 100% rename from Windows XP Royale Dark/cinnamon/panel-right.png rename to Windows XP Royale Dark/cinnamon/panel/panel-right.png diff --git a/Windows XP Royale Dark/cinnamon/panel.png b/Windows XP Royale Dark/cinnamon/panel/panel.png similarity index 100% rename from Windows XP Royale Dark/cinnamon/panel.png rename to Windows XP Royale Dark/cinnamon/panel/panel.png diff --git a/Windows XP Royale Dark/cinnamon/panel/solid3.png b/Windows XP Royale Dark/cinnamon/panel/solid3.png new file mode 100644 index 0000000..72cc319 Binary files /dev/null and b/Windows XP Royale Dark/cinnamon/panel/solid3.png differ diff --git a/Windows XP Royale Dark/cinnamon/urgent.png b/Windows XP Royale Dark/cinnamon/panel/urgent.png similarity index 100% rename from Windows XP Royale Dark/cinnamon/urgent.png rename to Windows XP Royale Dark/cinnamon/panel/urgent.png diff --git a/Windows XP Royale Dark/cinnamon/scroll-handle-hover.png b/Windows XP Royale Dark/cinnamon/scroll-handle-hover.png deleted file mode 100644 index a546734..0000000 Binary files a/Windows XP Royale Dark/cinnamon/scroll-handle-hover.png and /dev/null differ diff --git a/Windows XP Royale Dark/cinnamon/scroll-handle.png b/Windows XP Royale Dark/cinnamon/scroll-handle.png deleted file mode 100644 index 0555fda..0000000 Binary files a/Windows XP Royale Dark/cinnamon/scroll-handle.png and /dev/null differ diff --git a/Windows XP Royale Dark/cinnamon/scrollthrough.png b/Windows XP Royale Dark/cinnamon/scrollthrough.png deleted file mode 100644 index ed7e54e..0000000 Binary files a/Windows XP Royale Dark/cinnamon/scrollthrough.png and /dev/null differ diff --git a/Windows XP Royale Dark/gtk-3.0/gtk-3.20 b/Windows XP Royale Dark/gtk-3.0/gtk-3.20 deleted file mode 120000 index 45c7db8..0000000 --- a/Windows XP Royale Dark/gtk-3.0/gtk-3.20 +++ /dev/null @@ -1 +0,0 @@ -../gtk-3.20 \ No newline at end of file diff --git a/Windows XP Royale/cinnamon/applet-hover.png b/Windows XP Royale/cinnamon/applet-hover.png new file mode 100644 index 0000000..d6202a8 Binary files /dev/null and b/Windows XP Royale/cinnamon/applet-hover.png differ diff --git a/Windows XP Royale/cinnamon/buttons/button-focused-prelight.png b/Windows XP Royale/cinnamon/buttons/button-focused-prelight.png index 60b7846..86f9d6b 100755 Binary files a/Windows XP Royale/cinnamon/buttons/button-focused-prelight.png and b/Windows XP Royale/cinnamon/buttons/button-focused-prelight.png differ diff --git a/Windows XP Royale/cinnamon/buttons/button-pressed.png b/Windows XP Royale/cinnamon/buttons/button-pressed.png new file mode 100644 index 0000000..60b7846 Binary files /dev/null and b/Windows XP Royale/cinnamon/buttons/button-pressed.png differ diff --git a/Windows XP Royale/cinnamon/checkbox-focus.png b/Windows XP Royale/cinnamon/checkbox/checkbox-focus.png similarity index 100% rename from Windows XP Royale/cinnamon/checkbox-focus.png rename to Windows XP Royale/cinnamon/checkbox/checkbox-focus.png diff --git a/Windows XP Royale/cinnamon/checkbox-off-focus.png b/Windows XP Royale/cinnamon/checkbox/checkbox-off-focus.png similarity index 100% rename from Windows XP Royale/cinnamon/checkbox-off-focus.png rename to Windows XP Royale/cinnamon/checkbox/checkbox-off-focus.png diff --git a/Windows XP Royale/cinnamon/checkbox-off.png b/Windows XP Royale/cinnamon/checkbox/checkbox-off.png similarity index 100% rename from Windows XP Royale/cinnamon/checkbox-off.png rename to Windows XP Royale/cinnamon/checkbox/checkbox-off.png diff --git a/Windows XP Royale/cinnamon/checkbox.png b/Windows XP Royale/cinnamon/checkbox/checkbox.png similarity index 100% rename from Windows XP Royale/cinnamon/checkbox.png rename to Windows XP Royale/cinnamon/checkbox/checkbox.png diff --git a/Windows XP Royale/cinnamon/checkbox/radio-checked-active.png b/Windows XP Royale/cinnamon/checkbox/radio-checked-active.png new file mode 100644 index 0000000..d1106b7 Binary files /dev/null and b/Windows XP Royale/cinnamon/checkbox/radio-checked-active.png differ diff --git a/Windows XP Royale/cinnamon/checkbox/radio-checked-hover.png b/Windows XP Royale/cinnamon/checkbox/radio-checked-hover.png new file mode 100644 index 0000000..746a538 Binary files /dev/null and b/Windows XP Royale/cinnamon/checkbox/radio-checked-hover.png differ diff --git a/Windows XP Royale/cinnamon/checkbox/radio-checked-insensitive.png b/Windows XP Royale/cinnamon/checkbox/radio-checked-insensitive.png new file mode 100644 index 0000000..5c37033 Binary files /dev/null and b/Windows XP Royale/cinnamon/checkbox/radio-checked-insensitive.png differ diff --git a/Windows XP Royale/cinnamon/checkbox/radio-checked.png b/Windows XP Royale/cinnamon/checkbox/radio-checked.png new file mode 100644 index 0000000..2808707 Binary files /dev/null and b/Windows XP Royale/cinnamon/checkbox/radio-checked.png differ diff --git a/Windows XP Royale/cinnamon/checkbox/radio-mixed-active.png b/Windows XP Royale/cinnamon/checkbox/radio-mixed-active.png new file mode 100644 index 0000000..d88e739 Binary files /dev/null and b/Windows XP Royale/cinnamon/checkbox/radio-mixed-active.png differ diff --git a/Windows XP Royale/cinnamon/checkbox/radio-mixed-hover.png b/Windows XP Royale/cinnamon/checkbox/radio-mixed-hover.png new file mode 100644 index 0000000..0be71bc Binary files /dev/null and b/Windows XP Royale/cinnamon/checkbox/radio-mixed-hover.png differ diff --git a/Windows XP Royale/cinnamon/checkbox/radio-mixed-insensitive.png b/Windows XP Royale/cinnamon/checkbox/radio-mixed-insensitive.png new file mode 100644 index 0000000..08f4dc0 Binary files /dev/null and b/Windows XP Royale/cinnamon/checkbox/radio-mixed-insensitive.png differ diff --git a/Windows XP Royale/cinnamon/checkbox/radio-mixed.png b/Windows XP Royale/cinnamon/checkbox/radio-mixed.png new file mode 100644 index 0000000..de5c31a Binary files /dev/null and b/Windows XP Royale/cinnamon/checkbox/radio-mixed.png differ diff --git a/Windows XP Royale/cinnamon/checkbox/radio-unchecked-active.png b/Windows XP Royale/cinnamon/checkbox/radio-unchecked-active.png new file mode 100644 index 0000000..0737150 Binary files /dev/null and b/Windows XP Royale/cinnamon/checkbox/radio-unchecked-active.png differ diff --git a/Windows XP Royale/cinnamon/checkbox/radio-unchecked-hover.png b/Windows XP Royale/cinnamon/checkbox/radio-unchecked-hover.png new file mode 100644 index 0000000..d4f1dce Binary files /dev/null and b/Windows XP Royale/cinnamon/checkbox/radio-unchecked-hover.png differ diff --git a/Windows XP Royale/cinnamon/checkbox/radio-unchecked-insensitive.png b/Windows XP Royale/cinnamon/checkbox/radio-unchecked-insensitive.png new file mode 100644 index 0000000..ef70e1a Binary files /dev/null and b/Windows XP Royale/cinnamon/checkbox/radio-unchecked-insensitive.png differ diff --git a/Windows XP Royale/cinnamon/checkbox/radio-unchecked.png b/Windows XP Royale/cinnamon/checkbox/radio-unchecked.png new file mode 100644 index 0000000..41d8b2c Binary files /dev/null and b/Windows XP Royale/cinnamon/checkbox/radio-unchecked.png differ diff --git a/Windows XP Royale/cinnamon/cinnamon.css b/Windows XP Royale/cinnamon/cinnamon.css index fd1c9e8..bba6a2a 100644 --- a/Windows XP Royale/cinnamon/cinnamon.css +++ b/Windows XP Royale/cinnamon/cinnamon.css @@ -4,6 +4,7 @@ * ###################################################################*/ stage { font-family: Noto Sans, sans-serif; + color: white; } .cinnamon-link { @@ -19,6 +20,9 @@ stage { color: rgba(0,0,0,0.5); } +/* =================================================================== + * Scrollbars + * ===================================================================*/ StScrollView.vfade { -st-vfade-offset: 0px; } @@ -44,14 +48,15 @@ StScrollBar StButton#vhandle:hover { } .menu-applications-box StButton#vhandle { - background: url('handle-vert.png') no-repeat center center; + background: url('menu/handle-vert.png') no-repeat center center; } .menu-applications-box StButton#vhandle:hover { - background: url('handle-vert.png') no-repeat center center; + background: url('menu/handle-vert.png') no-repeat center center; } - - +/* =================================================================== + * Tooltip + * ===================================================================*/ #Tooltip { border: 1px solid rgba(57,156,238,1.0); border-radius: 0px; @@ -66,68 +71,40 @@ StScrollBar StButton#vhandle:hover { } /* =================================================================== -* Shared button properties -* ===================================================================*/ - + * Shared button properties + * ===================================================================*/ .notification-button, .notification-icon-button, -.hotplug-notification-item, .hotplug-resident-eject-button, .modal-dialog-button { - color: black; + color: white; + background: none; + background-gradient-direction: none; + border: 1px solid; 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 { +.notification-icon-button:hover, .modal-dialog-button:hover { border-image: url('buttons/button-hover.png') 5; } .notification-button:focus, -.notification-icon-button:focus, .hotplug-notification-item:focus, +.notification-icon-button:focus, .modal-dialog-button:focus { + background: none; + border: 1px solid; 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 { + background: none; + border: 1px solid; border-image: url('buttons/button-pressed.png') 5; } /* =================================================================== -* User Applet -* ===================================================================*/ - -.user-box { - 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; -} - -.user-label { - color: #000; - font-size: 10pt; - font-weight: normal; - margin: 0; -} - -/* =================================================================== -* PopupMenu (popupMenu.js) -* ===================================================================*/ + * PopupMenu (popupMenu.js) + * ===================================================================*/ .popup-menu-boxpointer { -arrow-border-radius: 16px; @@ -139,7 +116,7 @@ StScrollBar StButton#vhandle:hover { .popup-menu, .menu { border: solid 4px black; - border-image: url('popupmenu.png') 8 8 8 8; + border-image: url('menu/popupmenu.png') 8 8 8 8; color: #000; font-size: 9pt; } @@ -230,18 +207,20 @@ StScrollBar StButton#vhandle:hover { icon-size: 1.14em; } -/* Switches (to be used in menus) */ +/* =================================================================== + * Switches (to be used in menus) + * ===================================================================*/ .toggle-switch { width: 52px; height: 18px; } .toggle-switch-us, .toggle-switch-intl { - background-image: url("checkbox-off.png"); + background-image: url('checkbox/checkbox-off.png'); } .toggle-switch-us:checked, .toggle-switch-intl:checked { - background-image: url("checkbox.png"); + background-image: url('checkbox/checkbox.png'); } .nm-menu-item-icons { @@ -249,15 +228,13 @@ StScrollBar StButton#vhandle:hover { } /* =================================================================== -* Panel (panel.js) -* ===================================================================*/ - + * Panel (panel.js) + * ===================================================================*/ #panel { - color: #ffffff; - text-shadow: black 0px 1px 1px; - background-color: #10377c; + color: #white; + background-color: #013c6b; font-size: 9pt; - border-image: url('panel.png') 80 0 0 0; + border-image: url('panel/panel.png') 80 0 0 0; font-weight: normal; height: 30px; } @@ -267,29 +244,30 @@ StScrollBar StButton#vhandle:hover { } #panelRight { - border-image: url('panel-right.png') 7 0 0 0; - color: #000; - text-shadow: white 0px 1px 1px; + border-image: url('panel/panel-right.png') 7 0 0 0; } #panelLeft .applet-box:first-child { - border-image: url('menu-box.png') 7 0 0 0; - border-right-width: 10px; + border-image: url('panel/menu-box.png') 7 0 0 0; + padding-right: 20px; } +/* TODO: Tahoma is used for most things, but this looks a little off.*/ #panelLeft .applet-box:first-child .applet-label { - font-size: 12pt; + color: white; + font-family: tahoma; + font-size: 15pt; font-style: italic; - font-weight: bold; - color: white; + font-weight: bold; + text-shadow: black 0px 1px 2px; } #panelLeft .applet-box:first-child:hover { - border-image: url('menu-hover.png') 7 0 0 0; + border-image: url('panel/menu-hover.png') 7 0 0 0; } #panelLeft .applet-box:first-child:active { - border-image: url('menu-active.png') 7 0 0 0; + border-image: url('panel/menu-active.png') 7 0 0 0; } #panelLeft:dnd { @@ -311,14 +289,14 @@ StScrollBar StButton#vhandle:hover { } #panelLeft:ltr { - padding-right: 4px; + padding-right: 0px; } #panelLeft:rtl { - padding-left: 4px; + padding-left: 0px; } -#panelRight:ltr { +#panelRight:ltr { padding-left: 0px; spacing: 0px; } @@ -338,7 +316,6 @@ StScrollBar StButton#vhandle:hover { .panel-button { -natural-hpadding: 5px; -minimum-hpadding: 5px; - font-weight: bold; border: 1px solid transparent; transition-duration: 150; } @@ -350,6 +327,20 @@ StScrollBar StButton#vhandle:hover { transition-duration: 100; } +#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-status-button:active { color: white; background-gradient-direction: vertical; @@ -381,8 +372,7 @@ StScrollBar StButton#vhandle:hover { .panel-button { -natural-hpadding: 6px; -minimum-hpadding: 2px; - font-weight: bold; - color: rgba(200,200,200,1); + color: black; transition-duration: 100; } @@ -399,12 +389,6 @@ StScrollBar StButton#vhandle:hover { 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; -} - .panel-menu { } @@ -413,22 +397,27 @@ StScrollBar StButton#vhandle:hover { } .system-status-icon { - icon-size: 1.14em; + icon-size: 16px; + padding: 0 3px; } /* =================================================================== -* Overview -* ===================================================================*/ - + * Overview + * ===================================================================*/ #overview { - spacing: 12px; + spacing: 12px; } -.window-caption { - background-color: black; - border-radius: 0px; - color: white; - spacing: 25px; +.window-caption, +.expo-workspaces-name-entry, +.expo-workspaces-name-entry#selected { + background-color: rgba(0,0,0,0.7); + color: white; + spacing: 25px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; } .window-caption#selected { @@ -438,6 +427,36 @@ StScrollBar StButton#vhandle:hover { spacing: 25px; } +.expo-workspaces-name-entry, +.expo-workspaces-name-entry#selected { + height: 15px; + border: 1px solid rgba(255,255,255,0.2); +} + +.expo-workspaces-name-entry#selected:focus, +.expo-workspaces-name-entry:focus { + border: 1px solid rgba(64,128,251,0.8); + font-style: italic; + transition-duration: 300; + selection-background-color: #4080FB; +} + +.expo-workspace-thumbnail-frame { + border: 4px solid rgba(255,255,255,0.3); + background-color: rgba(64,64,64,0.9); + border-radius: 4px; +} + +.expo-workspace-thumbnail-frame#active { + border: 4px solid rgba(64,128,251,0.8); + background-color: rgba(32,32,32,0.9); + border-radius: 4px; +} + +.expo-background { + background-color: #282829; +} + .workspace-controls { visible-height: 32px; /* Amount visible before hovering */ } @@ -463,56 +482,46 @@ StScrollBar StButton#vhandle:hover { } .workspace-add-button { - background-image: url("add-workspace.png"); + background-image: url('menu/add-workspace.png'); height: 200px; width: 35px; transition-duration: 300; } .workspace-add-button:hover { - background-image: url("add-workspace-hover.png"); + background-image: url('menu/add-workspace-hover.png'); transition-duration: 300; } -.workspace-close-button { - background-image: url("close.png"); - height: 34px; - width: 34px; - -cinnamon-close-overlap: 20px; -} - -.window-close:hover, -.window-close:active { - background-image: url("close-hover.png"); +.workspace-close-button, +.window-close { + background-image: url('menu/close-normal.png'); + height: 32px; + width: 32px; + -cinnamon-close-overlap: 16px; } - -.workspace-thumbnail-indicator { - outline: 2px solid white; - border: 1px solid #888; +.workspace-close-button:hover, +.window-close:hover { + background-image: url('menu/close-hover.png'); } -.window-caption { - background-color: #000; - border-radius: 0px; - font-size: 9pt; - padding: 2px 8px; - -cinnamon-caption-spacing: 4px; +.workspace-close-button:active, +.window-close:active { + background-image: url('menu/close-active.png'); } - -.window-close { - background-image: url("close.png"); - height: 34px; - width: 34px; - -cinnamon-close-overlap: 20px; +/* +.workspace-thumbnail-indicator { + outline: 2px solid red; + border: 1px solid green; } .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-image: url('menu/trash-icon.png'); background-color: rgba(0, 0, 0, 0.8); border: 2px solid #399cee; border-bottom: 0px; @@ -520,338 +529,176 @@ StScrollBar StButton#vhandle:hover { height: 120px; width: 400px; } - -.icon-grid { - spacing: 36px; - -cinnamon-grid-item-size: 118px; +/*Don't know what this does*/ +.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; } -.icon-grid .overview-icon { - icon-size: 96px; +.workspace-overview-background-shade { + background-color: rgba(0,0,0,0.5); } -.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; +/* =================================================================== + * About Dialog (applet.js and desklet.js) + * ===================================================================*/ +.about-content { + width: 550px; + height: 250px; + spacing: 8px; + padding-bottom: 10px; } -.expo-background { - background-color: rgba(0,0,0,0.2); +.about-title { + font-size: 2em; + font-weight: bold; } -.workspace-overview-background-shade { - background-color: rgba(0,0,0,0.4); +.about-uuid { + font-size: 10px; + color: #888; } -.expo-workspace-thumbnail-frame { - border: 1px, black; - background-color: black; +.about-icon { + padding-right: 20px; + padding-bottom: 14px; } -.expo-workspace-thumbnail-frame#active { - border: 1px, #399cee; - background-color: #399cee; +.about-scrollBox { + border: 1px solid #171819; + border-radius: 2px; + background-color: #2B2B2C; + padding: 4px; + padding-right: 0; + border-radius: 0; } -/* =================================================================== -* Desklets (desklet.js) -* ===================================================================*/ -.desklet { - color: #eee; +.about-scrollBox-innerBox { + padding: 1.2em; + spacing: 1.2em; } -.desklet-with-borders { - border: 1px solid #444; - border-bottom: 0px; - border-left: 0px; - border-right: 0px; - background-color: #232323; - border-radius: 0px; - color: #eee; +.about-description { + padding-top: 4px; + padding-bottom: 16px; } -.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; +.about-version { + padding-left: 7px; + font-size: 10px; + color: #888; } -.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; +/* =================================================================== + * Date applet + * ===================================================================*/ +.calendar { + padding: .4em 1.75em; + spacing-rows: 0px; + spacing-columns: 0px; } -.desklet-drag-placeholder { - background-color: rgba(57,156,238,.31); +.calendar-month-label { + color: #black; + font-weight: bold; + padding: 8px 0; } +.calendar-change-month-back { + width: 16px; + height: 16px; + background-image: url('menu/left-stepper.png'); + border-radius: 2px; +} -.clock-desklet-label { +.calendar-change-month-back:rtl { + background-image: url('menu/right-stepper.png'); } -.photoframe-box { - padding: 6px; - border: 1px solid #444; - border-bottom: 0px; - border-left: 0px; - border-right: 0px; - background-color: #232323; - border-radius: 0px; +.calendar-change-month-back:hover { + background-color: #ffffff; +} +.calendar-change-month-back:active { + background-color: #ffffff; } -.xkcd-box { - padding: 0px; - border: none; - background-color: none; - border-radius: 0px; + +.calendar-change-month-forward { + width: 16px; + height: 16px; + background-image: url('menu/right-stepper.png'); + border-radius: 2px; } -/* =================================================================== -* Clock Desklet (desklet.js) -* ===================================================================*/ -.clock-desklet-label { +.calendar-change-month-forward:rtl { + background-image: url('menu/left-stepper.png'); } +.calendar-change-month-forward:hover { + background-color: #ffffff; +} -/* =================================================================== -* Looking Glass -* ===================================================================*/ +.calendar-change-month-forward:active { + background-color: #ffffff; +} -#LookingGlassDialog { - background-gradient-direction: vertical; - background-gradient-start: #000000; - background-gradient-end: #2f343d; - spacing: 4px; - padding: 4px; - border: 2px solid #399cee; - border-top: 0px; - border-left: 0px; - border-right: 0px; - border-radius: 0px; - color: #fff; +.datemenu-date-label { + padding: .4em 1.75em; + font-weight: bold; + text-align: center; + color: white; + border-radius: 2px; } -#LookingGlassDialog > #Toolbar { - border: 2px solid #399cee; - border-top: 0px; - border-left: 0px; - border-right: 0px; - padding-bottom: 4px; + +.calendar-day-base { + font-size: 80%; + text-align: center; + width: 25px; + height: 25px; + padding: 0.1em; + margin: 2px; + border-radius: 12.5px; } -#LookingGlassDialog .labels { - spacing: 4px; + +.calendar-day-heading { + color: rgba(0, 0, 0, 0.75); + margin-top: 1em; + font-size: 70%; } -#LookingGlassDialog .notebook-tab { - padding: 2px; + +.calendar-day { + border-width: 0; + color: rgba(0, 0, 0, 0.9); } -#LookingGlassDialog .notebook-tab:hover { - color: #FFFFFF; + +.calendar-day-top { + border-top-width: 0; } -#LookingGlassDialog .notebook-tab:selected { - background-color: #399cee; - border-radius: 0px; - color: #000; + +.calendar-day-left { + border-left-width: 0; } -#LookingGlassDialog .lg-inspector-title { - font-weight: bold; - padding-bottom: 8px; + +.calendar-nonwork-day { + color: #000000; + background-color: transparent; + font-weight: bold; } -.lg-dialog StLabel { - color: #cccccc; + +.calendar-today { + font-weight: bold; + border: 0px solid rgba(64, 128, 251, 0.5); + background-image: url('menu/calendar-today.png'); } -.lg-dialog StEntry { - color: #cccccc; - selection-background-color: #cccccc; - selected-color: black; -} -.lg-obj-inspector-title { - spacing: 4px; -} -.lg-obj-inspector-button { - border: 1px solid #cccccc; - padding: 4px; - border-radius: 4px; -} -.lg-obj-inspector-button:hover { - border: 1px solid #ffffff; -} -.lg-dialog .cinnamon-link { - color: #cccccc; -} -.lg-dialog .cinnamon-link:hover { - color: #ffffff; -} -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} -#lookingGlassExtensions { - padding: 4px; -} -.lg-extension-list { - padding: 4px; - spacing: 6px; -} -.lg-extension { - border: 1px solid #6f6f6f; - border-radius: 4px; - padding: 4px; -} -.lg-extension-name { - font-weight: bold; -} -.lg-extension-meta { - spacing: 6px; -} -#LookingGlassPropertyInspector { - background: rgba(0, 0, 0, 0.7); - border-radius: 0px; - border: 1px solid #333; - padding: 6px; - color: #B8FF66; -} - -/* =================================================================== -* 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; - border: 1px solid rgba(0,0,0,0); -} - -.calendar-change-month-back:rtl { - background-image: url("calendar-arrow-right.svg"); -} - -.calendar-change-month-back:hover { - background-color: rgba(255,255,255,0.5); -} -.calendar-change-month-back:active { - 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); -} - -.calendar-change-month-forward:rtl { - background-image: url("calendar-arrow-left.svg"); -} - -.calendar-change-month-forward:hover { - background-color: rgba(255,255,255,0.5); -} - -.calendar-change-month-forward:active { - background-color: rgba(255,255,255,0.5); -} - -.datemenu-date-label { - padding: .4em 1.75em; - font-size: 10.5pt; - color: #000; -} - -.calendar-day-base { - font-size: 7.5pt; - text-align: center; - width: 2.4em; - height: 2.4em; -} - -.calendar-day-base:hover { - background-color: #399cee; - color: #fff; -} - -.calendar-day-base:active { -} - -.calendar-day-heading { - color: #000; - padding-top: 1em; -} - -.calendar-week-number { - color: #4c4c4c; -} - -/* Hack used in lieu of border-collapse - see calendar.js */ -.calendar-day { - color: #000; - border-top-width: 0; - border-left-width: 0; -} -.calendar-day-top { -} -.calendar-day-left { -} - -.calendar-work-day { -} - -.calendar-nonwork-day { - color: rgba(0,0,0,0.7); -} - -.calendar-today { - color: #ffffff; - font-weight: bold; - background-color: rgba(57,156,238,1); - border-radius: 2px; -} - -.calendar-other-month-day { - color: transparent; -} - -.calendar-day-with-events { - font-weight: bold; - color: #399cee; + +.calendar-other-month-day { + color: #949496; + opacity: 0.5; } /* =================================================================== @@ -904,11 +751,13 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 } .notification-button { border-radius: 18px; - font-size: 11pt; + font-size: 10pt; padding: 4px 42px 5px; + color: black; } .notification-button:focus { padding: 3px 41px 4px; + color: black; } .notification-icon-button { border-radius: 5px; @@ -948,7 +797,7 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 background-gradient-direction: horizontal; background-gradient-start: rgba(255, 255, 255, 0.1); background-gradient-end: rgba(255, 255, 255, 0); - color: #fff; + color: black; } .hotplug-resident-mount-label { color: inherit; @@ -990,8 +839,8 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 } /* =================================================================== -* Alt Tab -* ===================================================================*/ + * Alt Tab + * ===================================================================*/ #altTabPopup { padding: 8px; @@ -1008,7 +857,7 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 border: solid 1px black; box-shadow: 2px solid rgba(0,0,0,0.4) 2px 2px; color: black; - border-image: url('tab.png') 4 4 4 4; + border-image: url('menu/tab.png') 4 4 4 4; } .switcher-list-item-container { @@ -1105,15 +954,15 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 } /* =================================================================== -* Modal dialogs -* ===================================================================*/ + * Modal dialogs (modalDialog.js) + * ===================================================================*/ .modal-dialog { font-size: 10pt; border-radius: 2px; background-color: #2d75ad; border: 2px solid #013b6b; - border-image: url('popupmenu.png') 4; + border-image: url('menu/popupmenu.png') 4; color: #000; padding-right: 42px; padding-left: 42px; @@ -1140,7 +989,7 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 .modal-dialog-button:active, .modal-dialog-button:checked { color: black; - border-image: url('buttons/button-focused-pressed.png') 5; + border-image: url('buttons/button-pressed.png') 5; } .modal-dialog-button:disabled { @@ -1152,16 +1001,175 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 } /* =================================================================== -* Run dialog -* ===================================================================*/ + * dialogs (dialog.js) + * ===================================================================*/ +.dialog { + border-image: url('menu/window-borders.png') 6 6 31 6; + color: #3c3c3e; + background-color: #F5F5F7; + padding: 15px; + border: 1px; + border-color: black; + padding-top: 30px; +} + +.dialog-button-box { +} + +.dialog-button { + height: 22px; + color: rgb(70, 70, 70); + border-image: url('buttons/button.png') 5; + padding: 3px 31px 4px; +} + +.dialog-button:hover { + border-image: url('buttons/button-hover.png') 5; +} + +.dialog-button:focus { + border-image: url('buttons/button-focused.png') 5; + padding: 3px 31px 4px; +} + +.dialog-button:active, +.dialog-button:checked { + border-image: url('buttons/button-pressed.png') 5; + color: white; +} + +.dialog-button:focus:hover { + border-image: url('buttons/button-focused-prelight.png') 5; + padding: 3px 31px 4px; +} + +.dialog-button:focus:checked, +.dialog-button:focus:active { + border-image: url('buttons/button-focused-pressed.png') 5; +} + +.dialog-button:disabled { + color: #a6a6a6; +} + +.dialog-button:destructive-action { + color: #c21616; +} + +.dialog-list .dialog-list-title { + padding: 1.3em; + text-align: center; + color: rgb(70, 70, 70); +} + +.dialog-list-item .dialog-list-item-description { + color: rgb(70, 70, 70); +} + +/* =================================================================== + * Policykit authentication dialog + * ===================================================================*/ + +.prompt-dialog { + /* this is the width of the entire modal popup */ + width: 500px; +} + +.polkit-dialog-user-layout { + spacing: 10px; +} + +.polkit-dialog-user-layout:rtl { + padding-right: 10px; +} + +.polkit-dialog-user-combo { + border-image: url('buttons/button.png') 5; + padding: 0.5em 2em; + color: rgb(70, 70, 70); +} + +.polkit-dialog-user-combo:hover { + border-image: url('buttons/button-hover.png') 5; +} + +.polkit-dialog-user-combo:focus { + border-image: url('buttons/button-focused.png') 5; +} + +.polkit-dialog-user-combo:active, +.polkit-dialog-user-combo:checked { + border-image: url('buttons/button-pressed.png') 5; +} + +.polkit-dialog-user-combo:focus:hover { + border-image: url('buttons/button-hover.png') 5; + padding: 3px 31px 4px; +} + +.polkit-dialog-user-combo:focus:checked, +.polkit-dialog-user-combo:active { + border-image: url('buttons/button-focused-pressed.png') 5; +} + +.polkit-dialog-user-combo:disabled, +.polkit-dialog-user-combo:insensitive { + color: #a6a6a6; +} + +.prompt-dialog-password-entry { + padding: 4px 12px; + color: black; + border-image: url('menu/entry.png') 6; + border-radius: 4px; + caret-color: #2b2b2b; + caret-size: 1px; + width: 250px; + transition-duration: 300; + selected-color: #fff; + selection-background-color: #6cabcd; +} + +.prompt-dialog-password-entry:focus { + padding: 4px 12px; + color: black; + border-image: url('menu/entry_focus.png') 6; + border-radius: 4px; + width: 250px; + selected-color: #fff; + caret-color: #2b2b2b; + caret-size: 1px; + selection-background-color: #6cabcd; + transition-duration: 150; +} + +.prompt-dialog-password-entry .capslock-warning { + icon-size: 16px; + warning-color: rgb(64, 64, 64); + padding: 0 4px; +} + +.prompt-dialog-error-label { + text-align: center; + font-size: 1em; + color: #ff0000; +} + +.prompt-dialog-info-label { + font-size: 1em; +} + +/* =================================================================== + * Run dialog + * ===================================================================*/ .run-dialog-label { - font-size: 9pt; + font-size: 8pt; color: black; } .run-dialog-error-label { - font-size: 9pt; + font-size: 8pt; color: black; } @@ -1170,8 +1178,15 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 spacing: 5px; } +.run-dialog-description { + text-align: center; + color: rgb(70, 70, 70); +} + .run-dialog-entry { - font-size: 10pt; + color: black; + caret-color: black; + font-size: 8pt; font-weight: normal; background-color: white; border: 1px solid gray; @@ -1184,265 +1199,141 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 padding-left: 6px; width: 18em; } - -.run-dialog-completion-box { +/*.run-dialog-entry:focus {}*/ +.run-dialog-completion-box { padding-left: 15px; font-size: 10px; + color: black; +} + +.run-dialog .modal-dialog-button-box { + border: none; + box-shadow: none; + background: none; + background-gradient-direction: none; } .run-dialog { - border-radius: 8px; - padding-right: 21px; - padding-left: 21px; + border-radius: 5px; + padding-right: 15px; + padding-left: 15px; padding-bottom: 15px; - padding-top: 15px; + padding-top: 31px; color: black; - border-image: url('tab.png') 4 4 4 4; + border-image: url('menu/window-borders.png') 6 6 31 6 } .lightbox { - background-color: rgba(0, 0, 0, 0.0); + background-color: rgba(0, 0, 0, 0.4); } /* =================================================================== -* End session dialog -* ===================================================================*/ +* CinnamonMountOperation Dialogs + * ===================================================================*/ -.end-session-dialog { - spacing: 42px; +.cinnamon-mount-operation-icon { + icon-size: 48px; } -.end-session-dialog-subject { - font-size: 12pt; - font-weight: bold; - color: #fff; + +.mount-password-reask { + color: #FF6767; +} + +.show-processes-dialog, +.mount-question-dialog { + spacing: 24px; +} + +.show-processes-dialog-subject, +.mount-question-dialog-subject { padding-top: 10px; padding-left: 17px; - padding-bottom: 30px; + padding-bottom: 6px; } -.end-session-dialog-subject:rtl { + +.show-processes-dialog-subject:rtl, +.mount-question-dialog-subject:rtl { padding-left: 0px; padding-right: 17px; } -.end-session-dialog-description { - font-size: 10pt; - color: white; + +.show-processes-dialog-description, +.mount-question-dialog-description { padding-left: 17px; width: 28em; } -.end-session-dialog-description:rtl { + +.show-processes-dialog-description:rtl, +.mount-question-dialog-description:rtl { padding-right: 17px; } -.end-session-dialog-logout-icon { - 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; -} -.end-session-dialog-app-list { - font-size: 10pt; + +.show-processes-dialog-app-list { max-height: 200px; - padding-top: 42px; + padding-top: 24px; padding-left: 49px; padding-right: 32px; } -.end-session-dialog-app-list:rtl { + +.show-processes-dialog-app-list:rtl { padding-right: 49px; padding-left: 32px; } -.end-session-dialog-app-list-item { + +.show-processes-dialog-app-list-item { color: #ccc; } -.end-session-dialog-app-list-item:hover { + +.show-processes-dialog-app-list-item:hover { color: white; } -.end-session-dialog-app-list-item:ltr { + +.show-processes-dialog-app-list-item:ltr { padding-right: 1em; } -.end-session-dialog-app-list-item:rtl { + +.show-processes-dialog-app-list-item:rtl { padding-left: 1em; } -.end-session-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} -.end-session-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} -.end-session-dialog-app-list-item-name { - font-size: 10pt; -} -.end-session-dialog-app-list-item-description { - font-size: 8pt; - color: #444444; -} -/* 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 { + +.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; -} - -/* =================================================================== -* Policykit authentication dialog -* ===================================================================*/ - -.polkit-dialog { - /* this is the width of the entire modal popup */ - width: 500px; -} - -.polkit-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.polkit-dialog-message-layout { - spacing: 16px; -} - -.polkit-dialog-headline { - font-size: 12pt; - font-weight: bold; - color: #666666; -} - -.polkit-dialog-description { - font-size: 10pt; - color: white; -} -.polkit-dialog-user-layout { - padding-left: 10px; - spacing: 10px; -} - -.polkit-dialog-user-layout:rtl { - padding-left: 0px; - padding-right: 10px; -} - -.polkit-dialog-user-root-label { - color: #ff0000; +.show-processes-dialog-app-list-item-name { + font-size: 1.1em; } -.polkit-dialog-password-label:ltr { - padding-right: 0.5em; -} +/* ################################################################### + * Audio device selection dialog + * ###################################################################*/ -.polkit-dialog-password-label:rtl { - padding-left: 0.5em; +.audio-device-selection-dialog .audio-selection-box .audio-selection-device { + border-image: url('buttons/button.png') 4; + color: rgb(70, 70, 70); } - -.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; +.audio-device-selection-dialog .audio-selection-box .audio-selection-device:focus { + border-image: url('buttons/button-focused.png') 4; } - -.polkit-dialog-password-entry:focus { - border: 2px solid #3465a4; +.audio-device-selection-dialog .audio-selection-box .audio-selection-device:hover { + border-image: url('buttons/button-hover.png') 4; } - -.polkit-dialog-password-entry .capslock-warning { - icon-size: 16px; - warning-color: #999; - padding: 0 4px; +.audio-device-selection-dialog .audio-selection-box .audio-selection-device:insensitive { + color: #a6a6a6 } - -.polkit-dialog-error-label { - font-size: 10pt; - color: #ffff00; - padding-bottom: 8px; -} - -.polkit-dialog-info-label { - 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; -} - -.network-dialog-secret-table { - spacing-rows: 15px; +.audio-device-selection-dialog .audio-selection-box .audio-selection-device:selected, +.audio-device-selection-dialog .audio-selection-box .audio-selection-device:active, +.audio-device-selection-dialog .audio-selection-box .audio-selection-device:checked { + border-image: url('buttons/button-pressed.png') 4; } /* =================================================================== -* Magnifier -* ===================================================================*/ - + * Magnifier + * ===================================================================*/ .magnifier-zoom-region { border: 2px solid rgba(128, 0, 0, 255); @@ -1453,15 +1344,11 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 } /* =================================================================== -* On screen keyboard -* ===================================================================*/ - + * On screen keyboard + * ===================================================================*/ #keyboard { - background-gradient-direction: vertical; - background-gradient-start: #000; - background-gradient-end: #000; - + background: rgba(0,0,0,0.8); } .keyboard-layout { @@ -1474,79 +1361,58 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 } .keyboard-key { - min-height: 32px; - min-width: 23px; - background-gradient-direction: vertical; - background-gradient-start: #5b5b5b; - background-gradient-end: #5b5b5b; - font-size: 14pt; + min-height: 30px; + min-width: 30px; + background: none; + background-gradient-direction: none; + border: 1px solid; + border-image: url('buttons/button.png') 4; + font-size: 1.6em; font-weight: bold; - border-radius: 1px; - border: 1px #717171; - border-bottom: 0px; - border-left: 0px; - border-right: 0px; - color: #eaeaea; + color: white; } .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; + color: #808080; + border-color: #808080; } .keyboard-key:checked, .keyboard-key:hover { - background-gradient-direction: vertical; - background-gradient-start: #399cee; - background-gradient-end: #399cee; - border: 1px #76d2ec; - border-bottom: 0px; - border-left: 0px; - border-right: 0px; - border-radius: 1px; - color: #fff; - + background: none; + background-gradient-direction: none; + border: 1px solid; + border-image: url('buttons/button-hover.png') 4; } .keyboard-key:active { - background-gradient-direction: vertical; - background-gradient-start: #399cee; - background-gradient-end: #399cee; - border: 1px #76d2ec; - border-bottom: 0px; - border-left: 0px; - border-right: 0px; - border-radius: 1px; - color: #fff; + background: none; + background-gradient-direction: none; + border: 1px solid; + border-image: url('buttons/button-pressed.png') 5; +} +.keyboard-key:active { + background: #808080; } .keyboard-subkeys { color: white; padding: 5px; - -arrow-border-radius: 2px; - -arrow-background-color: #1b1b1c; - -arrow-border-width: 1px; - -arrow-border-color: #399cee; - -arrow-base: 10px; - -arrow-rise: 5px; + -arrow-border-radius: 3px; + -arrow-background-color: rgba(0,0,0,0.8); + -arrow-border-width: 0px; + -arrow-base: 20px; + -arrow-rise: 10px; -boxpointer-gap: 5px; } /* ################################################################### -* Cinnamon Specific Section -* ###################################################################*/ - + * Cinnamon Specific Section + * ###################################################################*/ /* =================================================================== -* Menu (menu.js) -* ===================================================================*/ - + * Menu (menu.js) + * ===================================================================*/ /* Main menu title */ .menu-favorites-box { @@ -1555,13 +1421,13 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 padding: 0px; background-color: transparent; border-radius: 0px; - border-image: url('favs.png') 5 5 5 5; + border-image: url('favs.svg') 5 5 5 5; width: 70%; } .menu-background { border: solid 1px transparent; - border-image: url("menu-bg.png") 8 8 63 41; + border-image: url('menu/menu-bg.png') 8 8 63 41; box-shadow: 2px 2px 2px rgba(0,0,0,0.5); padding: 55px 1px 10px 1px; } @@ -1616,17 +1482,17 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 background: none; border-width: 0px; box-shadow: none; - border-image: url('trough-scrollbar-vert.png') 1; + border-image: url('menu/trough-scrollbar-vert.png') 1; } .menu-applications-box StButton#vhandle { - border-image: url('slider-vert.png') 3; - background: url('handle-vert.png') no-repeat center center; + border-image: url('menu/slider-vert.png') 3; + background: url('menu/handle-vert.png') no-repeat center center; } .menu-applications-box StButton#vhandle:hover { - border-image: url('slider-vert-hover.png') 3; - background: url('handle-vert.png') no-repeat center center; + border-image: url('menu/slider-vert-hover.png') 3; + background: url('menu/handle-vert.png') no-repeat center center; } .menu-application-button { @@ -1718,9 +1584,48 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 .menu-context-menu { } + +/* OSD +.info-osd { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 16px; + color: white; + border-image: url('menu/osd.svg') 10 10 9 11; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 20px; + margin: 32px; + min-width: 64px; + min-height: 64px; + + color: white; + background: none; + border: none; + border-radius: 5px; + border-image: url('menu/osd.svg') 10 10 9 11; +} + +.osd-window .osd-monitor-label { + font-size: 3em; +} + +.osd-window .level { + padding: 0px; + height: 4px; + background-color: transparent; + border-radius: 2px; + color: #4080fb; +} */ + /* =================================================================== -* Window list (windowList.js) -* ===================================================================*/ + * Window list (windowList.js) + * ===================================================================*/ .window-list-box { spacing: 5px; padding-top: 3px; @@ -1733,7 +1638,7 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 } .window-list-item-box { - border-image: url('normal.png') 5; + border-image: url('panel/normal.png') 5; padding: 1px; transition-duration: 100; } @@ -1741,27 +1646,27 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 .window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:focus { - border-image: url('active.png') 5; + border-image: url('panel/active.png') 5; } .window-list-item-box:hover { - border-image: url('hover.png') 5; + border-image: url('panel/hover.png') 5; } .window-list-item-box:focus:hover { - border-image: url('active-hover.png') 5; + border-image: url('panel/active-hover.png') 5; } .window-list-item-demands-attention { - border-image: url('urgent.png'); + border-image: url('panel/urgent.png'); } /* https://github.com/B00merang-Project/Windows-XP/issues/44 */ .grouped-window-list-thumbnail-menu { spacing: 6px; padding: 6px 12px 12px 12px; - border-image: url("menu-bottom.png") 6; + border-image: url('panel/menu-bottom.png') 6; color: #ffffff; } @@ -1774,40 +1679,40 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 } .grouped-window-list-item-box:hover { - border-image: url("hover.png") 4; + border-image: url('panel/hover.png') 4; transition-duration: 100; } .grouped-window-list-item-box:active, .grouped-window-list-item-box:checked { - border-image: url("normal.png") 4; + border-image: url('panel/normal.png') 4; transition-duration: 100; } .grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover { - border-image: url("hover.png") 8; + border-image: url('panel/hover.png') 8; transition-duration: 100; } .grouped-window-list-item-box:focus { - border-image: url("active.png") 8; + border-image: url('panel/active.png') 8; transition-duration: 100; } .grouped-window-list-item-box:focus:hover { - border-image: url("active-hover.png") 8; + border-image: url('panel/active-hover.png') 8; transition-duration: 100; } .grouped-window-list-item-demands-attention { font-weight: normal; - border-image: url("urgent.png") 4; + border-image: url('panel/urgent.png') 4; transition-duration: 100; } .grouped-window-list-item-attention:hover { - border-image: url("urgent.png") 4; + border-image: url('panel/urgent.png') 4; } .window-list-item-box .progress, @@ -1819,7 +1724,7 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 .window-list-preview { spacing: 6px; color: #000000; - border-image: url('popupmenu.png') 8 8 8 8; + border-image: url('menu/popupmenu.png') 8 8 8 8; border-radius: 0; padding: 6px 12px 12px 12px; font-size: 1em; @@ -1851,182 +1756,263 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 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: 3px; + padding-left: 3px; } + .sound-button { - width: 26px; - height: 20px; - padding: 5px; - color: #fff; - background-color: #000; + width: 22px; + height: 13px; + border-image: url('buttons/button.png') 4; + padding: 8px; } .sound-button:hover { - background-color: #232527; - color: #399cee; - transition-duration: 200; + border-image: url('buttons/button-hover.png') 4; } .sound-button:active { - background-color: rgba(57,156,238,.1); - color: #399cee; - transition-duration: 200; + border-image: url('buttons/button-pressed.png') 4; } .sound-button StIcon { - icon-size: 1em; + icon-size: 1.4em; } -.sound-track-infos { + +.sound-track-infos { padding-left: 5px; padding-right: 5px; padding-top: 5px; padding-bottom: 5px; } + .sound-track-info { padding-top: 2px; padding-bottom: 2px; } + .sound-track-info StIcon { icon-size: 1em; } + .sound-track-info StLabel { padding-left: 5px; padding-right: 5px; } -.sound-track-box { - padding-left: 18px; - padding-right: 18px; + +.sound-track-box { + padding-left: 15px; + padding-right: 15px; max-width: 220px; } + +.sound-seek-box { + padding-left: 20px; +} + +.sound-seek-box StLabel { + padding-top: 5px; +} + +.sound-seek-box StIcon { + icon-size: 1em; +} + +.sound-seek-slider { + width: 140px; +} + .sound-volume-menu-item { padding: .4em 1.75em; } + .sound-volume-menu-item StIcon { icon-size: 1.14em; padding-left: 8px; + padding-right: 8px; } + .sound-playback-control { padding-top: 5px; padding-bottom: 10px; + padding-left: 10px; + padding-right: 10px; +} + +/* 2.8 */ +.sound-player { + padding: 0 6px; +} + +.sound-player > StBoxLayout:first-child { + padding: 5px 10px 12px 10px; + spacing: 0.5em; +} + +.sound-player > StBoxLayout:first-child StButton:small { + width: 16px; + height: 8px; + padding: 1px; +} + +.sound-player > StBoxLayout:first-child StButton:small StIcon { + icon-size: 12px; +} + +.sound-player-generic-coverart { + background: rgba(0, 0, 0, 0.2); +} + +.sound-player-overlay { + width: 290px; + height: 70px; + padding: 15px; + spacing: 0.5em; + background: rgba(0,0,0,0.75); + border: 0px solid rgba(0,0,0,0.75); + border-bottom: 1px; + color: #fff; +} + +.sound-player-overlay StButton { + width: 22px; + height: 13px; + padding: 5px; + color: rgba(255,255,255,0.6); + border-radius: 2px; + border: 1px solid rgba(0,0,0 0); +} + +.sound-player-overlay StButton StIcon { + icon-size: 16px; +} + +.sound-player-overlay StButton:hover { + color: #fff; +} + +.sound-player-overlay StButton:active { + color: #4080FB; +} +.sound-player-overlay StBoxLayout { + padding-top: 2px; +} + +.sound-player .slider { + height: 0.5em; + padding: 0; + border: 0px solid rgba(0,0,0,0.75); + border-bottom-width: 1px; + -slider-height: 0.5em; + -slider-background-color: rgb(35,35,35); + -slider-border-color: transparent; + -slider-active-background-color: #4080FB; + -slider-active-border-color: transparent; + -slider-border-width: 0px; + -slider-handle-radius: 0px; } /* =================================================================== -* Workspace Switcher applet (workspaceSwitcher.js) -* ===================================================================*/ + * Workspace Switcher applet (workspaceSwitcher.js) + * ===================================================================*/ #workspaceSwitcher { - spacing: 2px; - padding: 2px; + spacing: 0px; + padding: 3px; } .workspace-button { width: 20px; height: 10px; - padding: 2px; - border-radius: 0px; - background-color: rgba(255,255,255,0.0); - color: #fff; - transition-duration: 250; + color: white; + padding: 3px; + padding-top: 4px; + transition-duration: 300; } .workspace-button:outlined { - padding: 2px; - background-color: #000; - border-radius: 0px; - color: #399cee; + border-image: url('panel/active.png') 3; } .workspace-button:hover { - padding: 2px; - background-color: #000; - border-radius: 0px; - color: #399cee; + border-image: url('panel/active-hover.png') 3; } -/* =================================================================== -* Panel Launchers Applet (panelLaunchers.js) -* ===================================================================*/ - -#panel-launchers-box { +/* 2.8 */ +/* Controls the styling when using the 'Simple buttons' option */ +.workspace-switcher { + padding-left: 3px; + padding-right: 3px; } -.panel-launcher { - margin: 1px; +/* Controls the style when using the 'Visual representation' option */ +.workspace-graph { padding: 3px; + spacing: 3px; } -.panel-launcher:hover { - background-color: rgba(0,0,0,0.5); +/* Controls the style when using the 'Visual representation' option */ +.workspace-graph { + padding: 3px; + spacing: 3px; } -.panel-launcher-add-dialog-content-box { - padding: 6px; - spacing: 20px; +.workspace-graph .workspace { + border: 1px solid rgba(255,255,255,0.2); + background-gradient-direction: vertical; + background-gradient-start: rgba(0,0,0,0.6); + background-gradient-end: rgba(0,0,0,0.1); } -.panel-launcher-add-dialog-content-box-left { - padding: 6px; - spacing: 20px; -} +.workspace-graph .workspace:active { + border: 1px solid rgba(255,255,255,0.4); + background-gradient-direction: vertical; + background-gradient-start: rgba(0,0,0,0.6); + background-gradient-end: rgba(0,0,0,0.1); -.panel-launcher-add-dialog-content-box-right { - 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; +.workspace-graph .workspace .windows { + -active-window-background: rgba(50, 50, 50, 1.0); + -active-window-border: rgba(0, 0, 0, 0.7); + -inactive-window-background: rgba(50, 50, 50, 1.0); + -inactive-window-border: rgba(0, 0, 0, 0.7); } -.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; +.workspace-graph .workspace:active .windows { + -active-window-background: rgba(140, 140, 140, 1.0); + -active-window-border: rgba(0, 0, 0, 0.9); + -inactive-window-background: rgba(80, 80, 80, 1.0); + -inactive-window-border: rgba(0, 0, 0, 0.7); } -.panel-launcher-add-dialog-entry:hover { - transition-duration: 300; + +/* =================================================================== + * Panel Launchers Applet (panelLaunchers.js) + * ===================================================================*/ +.panel-launchers .launcher { + border: 1px solid transparent; + padding-left: 2px; + padding-right: 2px; } -.panel-launcher-add-dialog-entry:focus { - color: rgb(64, 64, 64); - font-weight: bold; - transition-duration: 0; +.panel-launchers .launcher:hover { + border-image: url('panel/solid3.png') 4 2 4 2 stretch; } + /* =================================================================== -* Overview corner -* ===================================================================*/ + * Overview corner + * ===================================================================*/ #overview-corner { - background-image: url("overview.png"); + background-image: url('menu/overview.png'); } #overview-corner:hover { - background-image: url("overview-hover.png"); + background-image: url('menu/overview-hover.png'); } /* =================================================================== @@ -2040,102 +2026,144 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 background: rgba(0,0,0,0.5); } +.applet-label { + color: black; +} + .applet-box { - padding-left: 6px; - padding-right: 6px; + padding-left: 2px; + padding-right: 2px; + color: black; transition-duration: 300; } .applet-box:hover { background-color: rgba(25,25,25,0.2); - color: white; + color: black; transition-duration: 100; } .applet-box:active { background-color: rgba(25,25,25,0.4); - color: white; + color: black; transition-duration: 100; +} +.applet-icon { + icon-size: 1.3em; } -.applet-label:not(:first-child) { - font-weight: normal; +.applet-icon:hover, +.applet-box:hover > .applet-icon { } -.applet-label, -.applet-label:hover, -.applet-box:hover > .applet-label { - color: white; +/* =================================================================== + * User Applet + * ===================================================================*/ +.user-icon { + width: 32px; + height: 32px; + background-color: transparent; + border: none; + border-radius: 0; } -#panelRight .applet-label, -#panelRight .applet-label:hover, -#panelRight .applet-box:hover > .applet-label { - color: black; +.user-label { + color: #fff; + font-size: 1em; + font-weight: bold; + margin: 0px; } -.applet-icon { - icon-size: 1.3em; +/* =================================================================== + * Desklets (desklet.js) + * ===================================================================*/ +.desklet { + color: #eee; } -.applet-icon:hover, -.applet-box:hover > .applet-icon { +.desklet-with-borders { + 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; } -/* =================================================================== -* Workspace OSD -* ===================================================================*/ -/* When switching workspaces*/ +.desklet-header { + border-radius-topleft: 0px; + border-radius-topright: 0px; + font-size: 10.5pt; -.workspace-osd { - color: #fff; - font-size: 25pt; - text-align: center; - background: #013b6b; - border: 2px solid #399cee; - border-radius: 4px; - padding: 0.5em 1em; + border: 1px solid #444; + border-bottom: 0px; + border-left: 0px; + border-right: 0px; + background-color: #232323; + border-radius: 0px; + color: #eee; + padding: 6px; } -.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; +.desklet-drag-placeholder { + background-color: rgba(57,156,238,.31); } -.expo-workspaces-name-entry#selected { - background-color: #f1f1f1; - padding: 5px; - padding-bottom: 7px; - border: 1px solid #399cee; - text-align: center; - height: 16px; +/* =================================================================== + * Clock Desklet (desklet.js) + * ===================================================================*/ +.clock-desklet-label { } -.expo-workspaces-name-entry:focus { - padding: 5px; - padding-bottom: 7px; - color: black; - transition-duration: 300; - text-align: center; +.photoframe-box { + 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; } /* =================================================================== -* Notification Applet -* ===================================================================*/ + * Workspace OSD + * ===================================================================*/ +/*FIXME*/ +.workspace-osd { + /*color: red;*/ + text-shadow: black 5px 5px 5px; + font-weight: bold; + font-size: 48pt; +} + +/* =================================================================== + * Notification Applet + * ===================================================================*/ .notification-applet-padding { padding: .5em 1em; } .notification-applet-container { + color: black max-height: 100px; } @@ -2147,21 +2175,21 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 } .check-box StBin { - width: 24px; - height: 18px; - background-image: url("checkbox-off.png"); + width: 16px; + height: 16px; + background-image: url('checkbox/checkbox-off.png'); } .check-box:focus StBin { - background-image: url("checkbox-off-focus.png"); + background-image: url('checkbox/checkbox-off-focus.png'); } .check-box:checked StBin { - background-image: url("checkbox.png"); + background-image: url('checkbox/checkbox.png'); } .check-box:focus:checked StBin { - background-image: url("checkbox-focus.png"); + background-image: url('checkbox/checkbox-focus.png'); } .check-box StLabel { @@ -2177,20 +2205,20 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 .radiobutton StBin { width: 22px; height: 22px; - background-image: url("radio-unselected.png"); - border-radius: 15px; + background-image: url('checkbox/radio-unchecked.png'); + border-radius: 1px; } .radiobutton:focus StBin { - background-image: url("radio-unselected.png"); + background-image: url('checkbox/radio-unchecked-hover.png'); } .radiobutton:checked StBin { - background-image: url("radio-selected.png"); + background-image: url('checkbox/radio-checked.png'); } .radiobutton:focus:checked StBin { - background-image: url("radio-selected.png"); + background-image: url('checkbox/radio-checked-hover.png'); } .radiobutton StLabel { @@ -2204,62 +2232,8 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 } /* =================================================================== -* 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%;*/ -} - -.numa-right { - 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 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; -} - -.numa-connected { - background-color: rgba(0,0,0,0); - border-radius: 10px; -} - -.numa-alert { - color: #fff; - 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: #fff; - 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; @@ -2282,7 +2256,7 @@ The colour parameters are red, green, blue, and transparency or a name */ } .starkmenu-background { border: solid 1px transparent; - border-image: url("menu-bg.png") 8 8 56 41; + border-image: url('menu/menu-bg.png') 8 8 56 41; box-shadow: 2px 2px 2px rgba(0,0,0,0.5); padding: 50px 1px 29px 1px; } @@ -2311,3 +2285,102 @@ The colour parameters are red, green, blue, and transparency or a name */ border-radius: 4px; border: 2px solid #f1f1f1; } + + +/* =================================================================== + * Weather Applet + * ===================================================================*/ + +.weather-menu .popup-menu-content { + padding-bottom: .4em; +} + +.weather-menu .popup-separator-menu-item { + border-image: none; +} + +.current { + padding-bottom: 4px; +} +/*FIXME*/ +.forecast { + padding-bottom: 4px; + border-image: url('menu/menu-hover.svg') 7 7 1 1; +} + +.weather-current-location-link:selected, +.weather-current-location-link:hover { + background-gradient-direction: vertical; + background-gradient-start: rgba(255, 255, 255, 0.0); + background-gradient-end: rgba(255, 255, 255, 0.0); + color: #4080FB; +} + +.weather-current-summarybox { + padding-top: 0px; + padding-bottom: 10px; +} + +.weather-current-summary { + font-size: 35px; +} + +.weather-current-databox { + padding-top: 7px; + padding-left: 30px; + font-size: 9pt; +} + +.weather-current-icon { + padding: 0 30px; + padding-bottom: 15px; +} + +.weather-current-iconbox { + padding: 1em; +} + +.weather-icon { + padding-right: 5px; +} + +.weather-icon-rtl { + padding-left: 5px; +} + +.weather-current-databox-captions { + text-align: right; + padding: 0; + padding-right: 5px; + spacing: 1px; + font-size: 1em; +} + +.weather-forecast-icon { + padding-top: 16px; + padding-bottom: 8px; + padding-right: 10px; + padding-left: 32px; +} + +.weather-forecast-databox { + padding-top: 16px; + padding-bottom: 7px; + padding-right: 32px; + padding-left: 0; +} + +.weather-config { + padding-right: 10px; +} + +/* =================================================================== + * Xkcd Desklet + * ===================================================================*/ + +.xkcd-box { + padding: 6px; + border: 0px; + background-color: rgba(0,0,0,0); + border-radius: 0px; +} diff --git a/Windows XP Royale/cinnamon/close-hover.png b/Windows XP Royale/cinnamon/close-hover.png deleted file mode 100644 index a63390c..0000000 Binary files a/Windows XP Royale/cinnamon/close-hover.png and /dev/null differ diff --git a/Windows XP Royale/cinnamon/close.png b/Windows XP Royale/cinnamon/close.png deleted file mode 100644 index ced5823..0000000 Binary files a/Windows XP Royale/cinnamon/close.png and /dev/null differ diff --git a/Windows XP Royale/cinnamon/empty.png b/Windows XP Royale/cinnamon/empty.png new file mode 100644 index 0000000..3d7c774 Binary files /dev/null and b/Windows XP Royale/cinnamon/empty.png differ diff --git a/Windows XP Royale/cinnamon/entry.png b/Windows XP Royale/cinnamon/entry.png deleted file mode 100644 index 8147a7a..0000000 Binary files a/Windows XP Royale/cinnamon/entry.png and /dev/null differ diff --git a/Windows XP Royale/cinnamon/hover.png b/Windows XP Royale/cinnamon/hover.png deleted file mode 100644 index 7a14627..0000000 Binary files a/Windows XP Royale/cinnamon/hover.png and /dev/null differ diff --git a/Windows XP Royale/cinnamon/add-workspace-hover.png b/Windows XP Royale/cinnamon/menu/add-workspace-hover.png similarity index 100% rename from Windows XP Royale/cinnamon/add-workspace-hover.png rename to Windows XP Royale/cinnamon/menu/add-workspace-hover.png diff --git a/Windows XP Royale/cinnamon/add-workspace.png b/Windows XP Royale/cinnamon/menu/add-workspace.png similarity index 100% rename from Windows XP Royale/cinnamon/add-workspace.png rename to Windows XP Royale/cinnamon/menu/add-workspace.png diff --git a/Windows XP Royale/cinnamon/calendar-arrow-left.svg b/Windows XP Royale/cinnamon/menu/calendar-arrow-left.svg similarity index 100% rename from Windows XP Royale/cinnamon/calendar-arrow-left.svg rename to Windows XP Royale/cinnamon/menu/calendar-arrow-left.svg diff --git a/Windows XP Royale/cinnamon/calendar-arrow-right.svg b/Windows XP Royale/cinnamon/menu/calendar-arrow-right.svg similarity index 100% rename from Windows XP Royale/cinnamon/calendar-arrow-right.svg rename to Windows XP Royale/cinnamon/menu/calendar-arrow-right.svg diff --git a/Windows XP Royale/cinnamon/menu/calendar-today.png b/Windows XP Royale/cinnamon/menu/calendar-today.png new file mode 100644 index 0000000..45b191d Binary files /dev/null and b/Windows XP Royale/cinnamon/menu/calendar-today.png differ diff --git a/Windows XP Royale/cinnamon/menu/close-active.png b/Windows XP Royale/cinnamon/menu/close-active.png new file mode 100644 index 0000000..a01f875 Binary files /dev/null and b/Windows XP Royale/cinnamon/menu/close-active.png differ diff --git a/Windows XP Royale/cinnamon/menu/close-hover.png b/Windows XP Royale/cinnamon/menu/close-hover.png new file mode 100644 index 0000000..f5b756a Binary files /dev/null and b/Windows XP Royale/cinnamon/menu/close-hover.png differ diff --git a/Windows XP Royale/cinnamon/menu/close-normal.png b/Windows XP Royale/cinnamon/menu/close-normal.png new file mode 100644 index 0000000..dfcb51f Binary files /dev/null and b/Windows XP Royale/cinnamon/menu/close-normal.png differ diff --git a/Windows XP Royale/cinnamon/menu/entry.png b/Windows XP Royale/cinnamon/menu/entry.png new file mode 100644 index 0000000..4ef673c Binary files /dev/null and b/Windows XP Royale/cinnamon/menu/entry.png differ diff --git a/Windows XP Royale/cinnamon/menu/entry_focus.png b/Windows XP Royale/cinnamon/menu/entry_focus.png new file mode 100644 index 0000000..20370ce Binary files /dev/null and b/Windows XP Royale/cinnamon/menu/entry_focus.png differ diff --git a/Windows XP Royale/cinnamon/entry_shadow.png b/Windows XP Royale/cinnamon/menu/entry_shadow.png similarity index 100% rename from Windows XP Royale/cinnamon/entry_shadow.png rename to Windows XP Royale/cinnamon/menu/entry_shadow.png diff --git a/Windows XP Royale/cinnamon/entry_shadow_insensitive.png b/Windows XP Royale/cinnamon/menu/entry_shadow_insensitive.png similarity index 100% rename from Windows XP Royale/cinnamon/entry_shadow_insensitive.png rename to Windows XP Royale/cinnamon/menu/entry_shadow_insensitive.png diff --git a/Windows XP Royale/cinnamon/handle-horiz-hover.png b/Windows XP Royale/cinnamon/menu/handle-horiz-hover.png similarity index 100% rename from Windows XP Royale/cinnamon/handle-horiz-hover.png rename to Windows XP Royale/cinnamon/menu/handle-horiz-hover.png diff --git a/Windows XP Royale/cinnamon/handle-horiz.png b/Windows XP Royale/cinnamon/menu/handle-horiz.png similarity index 100% rename from Windows XP Royale/cinnamon/handle-horiz.png rename to Windows XP Royale/cinnamon/menu/handle-horiz.png diff --git a/Windows XP Royale/cinnamon/handle-vert-hover.png b/Windows XP Royale/cinnamon/menu/handle-vert-hover.png similarity index 100% rename from Windows XP Royale/cinnamon/handle-vert-hover.png rename to Windows XP Royale/cinnamon/menu/handle-vert-hover.png diff --git a/Windows XP Royale/cinnamon/handle-vert.png b/Windows XP Royale/cinnamon/menu/handle-vert.png similarity index 100% rename from Windows XP Royale/cinnamon/handle-vert.png rename to Windows XP Royale/cinnamon/menu/handle-vert.png diff --git a/Windows XP Royale/cinnamon/menu/left-stepper-active.png b/Windows XP Royale/cinnamon/menu/left-stepper-active.png new file mode 100644 index 0000000..f5ef55e Binary files /dev/null and b/Windows XP Royale/cinnamon/menu/left-stepper-active.png differ diff --git a/Windows XP Royale/cinnamon/menu/left-stepper-hover.png b/Windows XP Royale/cinnamon/menu/left-stepper-hover.png new file mode 100644 index 0000000..1e3f51a Binary files /dev/null and b/Windows XP Royale/cinnamon/menu/left-stepper-hover.png differ diff --git a/Windows XP Royale/cinnamon/menu/left-stepper.png b/Windows XP Royale/cinnamon/menu/left-stepper.png new file mode 100644 index 0000000..a609f09 Binary files /dev/null and b/Windows XP Royale/cinnamon/menu/left-stepper.png differ diff --git a/Windows XP Royale/cinnamon/menu-bg.png b/Windows XP Royale/cinnamon/menu/menu-bg.png similarity index 100% rename from Windows XP Royale/cinnamon/menu-bg.png rename to Windows XP Royale/cinnamon/menu/menu-bg.png diff --git a/Windows XP Royale/cinnamon/menu/menu-hover.svg b/Windows XP Royale/cinnamon/menu/menu-hover.svg new file mode 100644 index 0000000..11323a8 --- /dev/null +++ b/Windows XP Royale/cinnamon/menu/menu-hover.svg @@ -0,0 +1,113 @@ + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + diff --git a/Windows XP Royale/cinnamon/overview-hover.png b/Windows XP Royale/cinnamon/menu/overview-hover.png similarity index 100% rename from Windows XP Royale/cinnamon/overview-hover.png rename to Windows XP Royale/cinnamon/menu/overview-hover.png diff --git a/Windows XP Royale/cinnamon/overview.png b/Windows XP Royale/cinnamon/menu/overview.png similarity index 100% rename from Windows XP Royale/cinnamon/overview.png rename to Windows XP Royale/cinnamon/menu/overview.png diff --git a/Windows XP Royale/cinnamon/popupmenu.png b/Windows XP Royale/cinnamon/menu/popupmenu.png similarity index 100% rename from Windows XP Royale/cinnamon/popupmenu.png rename to Windows XP Royale/cinnamon/menu/popupmenu.png diff --git a/Windows XP Royale/cinnamon/menu/right-stepper-active.png b/Windows XP Royale/cinnamon/menu/right-stepper-active.png new file mode 100644 index 0000000..7bef244 Binary files /dev/null and b/Windows XP Royale/cinnamon/menu/right-stepper-active.png differ diff --git a/Windows XP Royale/cinnamon/menu/right-stepper-hover.png b/Windows XP Royale/cinnamon/menu/right-stepper-hover.png new file mode 100644 index 0000000..bdd80e8 Binary files /dev/null and b/Windows XP Royale/cinnamon/menu/right-stepper-hover.png differ diff --git a/Windows XP Royale/cinnamon/menu/right-stepper.png b/Windows XP Royale/cinnamon/menu/right-stepper.png new file mode 100644 index 0000000..581b756 Binary files /dev/null and b/Windows XP Royale/cinnamon/menu/right-stepper.png differ diff --git a/Windows XP Royale/cinnamon/slider-vert-hover.png b/Windows XP Royale/cinnamon/menu/slider-vert-hover.png similarity index 100% rename from Windows XP Royale/cinnamon/slider-vert-hover.png rename to Windows XP Royale/cinnamon/menu/slider-vert-hover.png diff --git a/Windows XP Royale/cinnamon/slider-vert.png b/Windows XP Royale/cinnamon/menu/slider-vert.png similarity index 100% rename from Windows XP Royale/cinnamon/slider-vert.png rename to Windows XP Royale/cinnamon/menu/slider-vert.png diff --git a/Windows XP Zune/cinnamon/tab.png b/Windows XP Royale/cinnamon/menu/tab.png similarity index 100% rename from Windows XP Zune/cinnamon/tab.png rename to Windows XP Royale/cinnamon/menu/tab.png diff --git a/Windows XP Royale/cinnamon/trash-icon.png b/Windows XP Royale/cinnamon/menu/trash-icon.png similarity index 100% rename from Windows XP Royale/cinnamon/trash-icon.png rename to Windows XP Royale/cinnamon/menu/trash-icon.png diff --git a/Windows XP Royale/cinnamon/trough-horizontal.png b/Windows XP Royale/cinnamon/menu/trough-horizontal.png similarity index 100% rename from Windows XP Royale/cinnamon/trough-horizontal.png rename to Windows XP Royale/cinnamon/menu/trough-horizontal.png diff --git a/Windows XP Royale/cinnamon/trough-scrollbar-vert.png b/Windows XP Royale/cinnamon/menu/trough-scrollbar-vert.png similarity index 100% rename from Windows XP Royale/cinnamon/trough-scrollbar-vert.png rename to Windows XP Royale/cinnamon/menu/trough-scrollbar-vert.png diff --git a/Windows XP Royale/cinnamon/menu/window-borders.png b/Windows XP Royale/cinnamon/menu/window-borders.png new file mode 100644 index 0000000..a7dcc38 Binary files /dev/null and b/Windows XP Royale/cinnamon/menu/window-borders.png differ diff --git a/Windows XP Royale/cinnamon/metadata.json b/Windows XP Royale/cinnamon/metadata.json deleted file mode 100644 index ce2f5b5..0000000 --- a/Windows XP Royale/cinnamon/metadata.json +++ /dev/null @@ -1,4 +0,0 @@ -{ - "last-edited": "1448324177", - "uuid": "518" -} \ No newline at end of file diff --git a/Windows XP Royale/cinnamon/active-hover.png b/Windows XP Royale/cinnamon/panel/active-hover.png similarity index 100% rename from Windows XP Royale/cinnamon/active-hover.png rename to Windows XP Royale/cinnamon/panel/active-hover.png diff --git a/Windows XP Royale/cinnamon/active.png b/Windows XP Royale/cinnamon/panel/active.png similarity index 100% rename from Windows XP Royale/cinnamon/active.png rename to Windows XP Royale/cinnamon/panel/active.png diff --git a/Windows XP Royale/cinnamon/menu-active.png b/Windows XP Royale/cinnamon/panel/menu-active.png similarity index 100% rename from Windows XP Royale/cinnamon/menu-active.png rename to Windows XP Royale/cinnamon/panel/menu-active.png diff --git a/Windows XP Royale/cinnamon/menu-bottom.png b/Windows XP Royale/cinnamon/panel/menu-bottom.png similarity index 100% rename from Windows XP Royale/cinnamon/menu-bottom.png rename to Windows XP Royale/cinnamon/panel/menu-bottom.png diff --git a/Windows XP Royale/cinnamon/menu-box.png b/Windows XP Royale/cinnamon/panel/menu-box.png similarity index 100% rename from Windows XP Royale/cinnamon/menu-box.png rename to Windows XP Royale/cinnamon/panel/menu-box.png diff --git a/Windows XP Royale/cinnamon/menu-hover.png b/Windows XP Royale/cinnamon/panel/menu-hover.png similarity index 100% rename from Windows XP Royale/cinnamon/menu-hover.png rename to Windows XP Royale/cinnamon/panel/menu-hover.png diff --git a/Windows XP Royale/cinnamon/menu-top.png b/Windows XP Royale/cinnamon/panel/menu-top.png similarity index 100% rename from Windows XP Royale/cinnamon/menu-top.png rename to Windows XP Royale/cinnamon/panel/menu-top.png diff --git a/Windows XP Royale/cinnamon/normal.png b/Windows XP Royale/cinnamon/panel/normal.png similarity index 100% rename from Windows XP Royale/cinnamon/normal.png rename to Windows XP Royale/cinnamon/panel/normal.png diff --git a/Windows XP Royale/cinnamon/panel-right.png b/Windows XP Royale/cinnamon/panel/panel-right.png similarity index 100% rename from Windows XP Royale/cinnamon/panel-right.png rename to Windows XP Royale/cinnamon/panel/panel-right.png diff --git a/Windows XP Royale/cinnamon/panel.png b/Windows XP Royale/cinnamon/panel/panel.png similarity index 100% rename from Windows XP Royale/cinnamon/panel.png rename to Windows XP Royale/cinnamon/panel/panel.png diff --git a/Windows XP Royale/cinnamon/panel/solid3.png b/Windows XP Royale/cinnamon/panel/solid3.png new file mode 100644 index 0000000..72cc319 Binary files /dev/null and b/Windows XP Royale/cinnamon/panel/solid3.png differ diff --git a/Windows XP Royale/cinnamon/panel/tab.png b/Windows XP Royale/cinnamon/panel/tab.png new file mode 100644 index 0000000..3f732df Binary files /dev/null and b/Windows XP Royale/cinnamon/panel/tab.png differ diff --git a/Windows XP Royale/cinnamon/urgent.png b/Windows XP Royale/cinnamon/panel/urgent.png similarity index 100% rename from Windows XP Royale/cinnamon/urgent.png rename to Windows XP Royale/cinnamon/panel/urgent.png diff --git a/Windows XP Royale/cinnamon/radio-selected.png b/Windows XP Royale/cinnamon/radio-selected.png deleted file mode 100644 index e5935d7..0000000 Binary files a/Windows XP Royale/cinnamon/radio-selected.png and /dev/null differ diff --git a/Windows XP Royale/cinnamon/radio-unselected.png b/Windows XP Royale/cinnamon/radio-unselected.png deleted file mode 100644 index 7027173..0000000 Binary files a/Windows XP Royale/cinnamon/radio-unselected.png and /dev/null differ diff --git a/Windows XP Royale/cinnamon/scrollthrough.png b/Windows XP Royale/cinnamon/scrollthrough.png deleted file mode 100644 index ed7e54e..0000000 Binary files a/Windows XP Royale/cinnamon/scrollthrough.png and /dev/null differ diff --git a/Windows XP Royale/cinnamon/theme.json b/Windows XP Royale/cinnamon/theme.json new file mode 100644 index 0000000..f1b53ef --- /dev/null +++ b/Windows XP Royale/cinnamon/theme.json @@ -0,0 +1,10 @@ +{ + "cinnamon-theme": { + "name": "Vertex-Cinnamon", + "author": "horst3180", + "version": "20150306", + "type": "custom", + "thumbnail": "thumbnail.png", + "url": "" + } +} diff --git a/Windows XP Royale/gtk-3.0/gtk-3.20 b/Windows XP Royale/gtk-3.0/gtk-3.20 deleted file mode 120000 index 45c7db8..0000000 --- a/Windows XP Royale/gtk-3.0/gtk-3.20 +++ /dev/null @@ -1 +0,0 @@ -../gtk-3.20 \ No newline at end of file diff --git a/Windows XP Zune/cinnamon/buttons/button-pressed.png b/Windows XP Zune/cinnamon/buttons/button-pressed.png new file mode 100644 index 0000000..9e2a633 Binary files /dev/null and b/Windows XP Zune/cinnamon/buttons/button-pressed.png differ diff --git a/Windows XP Zune/cinnamon/checkbox-focus.png b/Windows XP Zune/cinnamon/checkbox/checkbox-focus.png similarity index 100% rename from Windows XP Zune/cinnamon/checkbox-focus.png rename to Windows XP Zune/cinnamon/checkbox/checkbox-focus.png diff --git a/Windows XP Zune/cinnamon/checkbox-off-focus.png b/Windows XP Zune/cinnamon/checkbox/checkbox-off-focus.png similarity index 100% rename from Windows XP Zune/cinnamon/checkbox-off-focus.png rename to Windows XP Zune/cinnamon/checkbox/checkbox-off-focus.png diff --git a/Windows XP Zune/cinnamon/checkbox-off.png b/Windows XP Zune/cinnamon/checkbox/checkbox-off.png similarity index 100% rename from Windows XP Zune/cinnamon/checkbox-off.png rename to Windows XP Zune/cinnamon/checkbox/checkbox-off.png diff --git a/Windows XP Zune/cinnamon/checkbox.png b/Windows XP Zune/cinnamon/checkbox/checkbox.png similarity index 100% rename from Windows XP Zune/cinnamon/checkbox.png rename to Windows XP Zune/cinnamon/checkbox/checkbox.png diff --git a/Windows XP Royale Dark/cinnamon/radio-selected.png b/Windows XP Zune/cinnamon/checkbox/radio-selected.png similarity index 100% rename from Windows XP Royale Dark/cinnamon/radio-selected.png rename to Windows XP Zune/cinnamon/checkbox/radio-selected.png diff --git a/Windows XP Royale Dark/cinnamon/radio-unselected.png b/Windows XP Zune/cinnamon/checkbox/radio-unselected.png similarity index 100% rename from Windows XP Royale Dark/cinnamon/radio-unselected.png rename to Windows XP Zune/cinnamon/checkbox/radio-unselected.png diff --git a/Windows XP Zune/cinnamon/cinnamon.css b/Windows XP Zune/cinnamon/cinnamon.css index 13509fb..7de8433 100644 --- a/Windows XP Zune/cinnamon/cinnamon.css +++ b/Windows XP Zune/cinnamon/cinnamon.css @@ -4,6 +4,7 @@ * ###################################################################*/ stage { font-family: Noto Sans, sans-serif; + color: white; } .cinnamon-link { @@ -19,21 +20,21 @@ stage { color: rgba(0,0,0,0.5); } -StScrollBar -{ - padding: 0px; -} - +/* =================================================================== + * Scrollbars + * ===================================================================*/ StScrollView.vfade { -st-vfade-offset: 0px; } -StScrollView StScrollBar -{ +StScrollView StScrollBar { min-width: 16px; min-height: 16px; } - + +StScrollBar { + padding: 0px; +} StScrollBar StBin#trough { background-color: rgba(255,255,255,0.1); @@ -60,6 +61,9 @@ StScrollBar StButton#vhandle:hover background-color: #666666; } +/* =================================================================== + * Tooltip + * ===================================================================*/ #Tooltip { border: 1px solid rgba(64,64,64,1.0); border-radius: 0px; @@ -152,7 +156,7 @@ StScrollBar StButton#vhandle:hover .menu { background-color: #fff; border: solid 4px black; - border-image: url('popupmenu.png') 8 8 8 8; + border-image: url('menu/popupmenu.png') 8 8 8 8; color: #000; font-size: 9pt; } @@ -241,18 +245,20 @@ StScrollBar StButton#vhandle:hover icon-size: 1.14em; } -/* Switches (to be used in menus) */ +/* =================================================================== + * Switches (to be used in menus) + * ===================================================================*/ .toggle-switch { width: 52px; height: 18px; } .toggle-switch-us, .toggle-switch-intl { - background-image: url("checkbox-off.png"); + background-image: url('checkbox/checkbox-off.png'); } .toggle-switch-us:checked, .toggle-switch-intl:checked { - background-image: url("checkbox.png"); + background-image: url('checkbox/checkbox.png'); } .nm-menu-item-icons { @@ -260,43 +266,46 @@ StScrollBar StButton#vhandle:hover } /* =================================================================== -* Panel (panel.js) -* ===================================================================*/ - + * Panel (panel.js) + * ===================================================================*/ #panel { - color: #ffffff; - text-shadow: black 0px 1px 1px; + color: #white; background-color: #013c6b; font-size: 9pt; - border-image: url('panel.png') 80 0 0 0; + border-image: url('panel/panel.png') 80 0 0 0; font-weight: normal; height: 30px; - outline: 1px rgba(0,0,0,1); } -#panelLeft .applet-box:first-child { - border-image: url('menu-box.png') 7 0 0 0; - border-right-width: 10px; - font-size: 12pt; - font-style: italic; - font-weight: bold; +#panelLeft, #panelCenter { + spacing: 4px; } -#panelLeft .applet-box:first-child:hover { - border-image: url('menu-hover.png') 7 0 0 0; +#panelRight { + border-image: url('panel/panel-right.png') 7 0 0 0; } -#panelLeft .applet-box:first-child:active { - border-image: url('menu-active.png') 7 0 0 0; +#panelLeft .applet-box:first-child { + border-image: url('panel/menu-box.png') 7 0 0 0; + padding-right: 20px; } -#panelLeft, #panelCenter { - spacing: 4px; +/* TODO: Tahoma is used for most things, but this looks a little off.*/ +#panelLeft .applet-box:first-child .applet-label { + color: white; + font-family: tahoma; + font-size: 15pt; + font-style: italic; + font-weight: bold; + text-shadow: black 0px 1px 2px; } -#panelRight { - border-image: url('panel-right.png') 7 0 0 0; +#panelLeft .applet-box:first-child:hover { + border-image: url('panel/menu-hover.png') 7 0 0 0; +} +#panelLeft .applet-box:first-child:active { + border-image: url('panel/menu-active.png') 7 0 0 0; } #panelLeft:dnd { @@ -470,19 +479,19 @@ StScrollBar StButton#vhandle:hover } .workspace-add-button { - background-image: url("add-workspace.png"); + background-image: url('menu/add-workspace.png'); height: 200px; width: 35px; transition-duration: 300; } .workspace-add-button:hover { - background-image: url("add-workspace-hover.png"); + background-image: url('menu/add-workspace-hover.png'); transition-duration: 300; } .workspace-close-button { - background-image: url("close.png"); + background-image: url('menu/close.png'); height: 34px; width: 34px; -cinnamon-close-overlap: 20px; @@ -490,7 +499,7 @@ StScrollBar StButton#vhandle:hover .window-close:hover, .window-close:active { - background-image: url("close-hover.png"); + background-image: url('menu/close-hover.png'); } @@ -508,7 +517,7 @@ StScrollBar StButton#vhandle:hover } .window-close { - background-image: url("close.png"); + background-image: url('menu/close.png'); height: 34px; width: 34px; -cinnamon-close-overlap: 20px; @@ -519,7 +528,7 @@ StScrollBar StButton#vhandle:hover } .window-close-area { - background-image: url("trash-icon.png"); + background-image: url('menu/close-hover.png'); background-color: rgba(0, 0, 0, 0.8); border: 2px solid #399cee; border-bottom: 0px; @@ -612,7 +621,9 @@ StScrollBar StButton#vhandle:hover background-color: rgba(57,156,238,.31); } - +/* =================================================================== +* Clock Desklet (desklet.js) +* ===================================================================*/ .clock-desklet-label { } @@ -633,13 +644,6 @@ StScrollBar StButton#vhandle:hover border-radius: 0px; } -/* =================================================================== -* Clock Desklet (desklet.js) -* ===================================================================*/ -.clock-desklet-label { -} - - /* =================================================================== * Looking Glass * ===================================================================*/ @@ -761,13 +765,13 @@ StScrollBar StButton#vhandle:hover .calendar-change-month-back { width: 18px; height: 12px; - background-image: url("calendar-arrow-left.svg"); + background-image: url('menu/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('menu/calendar-arrow-right.svg'); } .calendar-change-month-back:hover { @@ -780,13 +784,13 @@ StScrollBar StButton#vhandle:hover .calendar-change-month-forward { width: 18px; height: 12px; - background-image: url("calendar-arrow-right.svg"); + background-image: url('menu/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('menu/calendar-arrow-left.svg'); } .calendar-change-month-forward:hover { @@ -996,6 +1000,211 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 selection-background-color: #808080; } +/* =================================================================== +* Run dialog +* ===================================================================*/ + +.run-dialog-label { + font-size: 8pt; + color: black; +} + +.run-dialog-error-label { + font-size: 8pt; + color: black; +} + +.run-dialog-error-box { + padding-top: 15px; + spacing: 5px; +} + +.run-dialog-description { + text-align: center; + color: rgb(70, 70, 70); +} + +.run-dialog-entry { + color: black; + caret-color: black; + font-size: 8pt; + font-weight: normal; + background-color: white; + border: 1px solid gray; + border-radius: 0; + color: black; + selected-color: #399cee; + caret-color: black; + caret-size: 2px; + padding: 2px; + padding-left: 6px; + width: 18em; +} + +.run-dialog-completion-box { + padding-left: 15px; + font-size: 10px; + color: black; +} + +.run-dialog .modal-dialog-button-box { + border: none; + box-shadow: none; + background: none; + background-gradient-direction: none; +} + +.run-dialog { + border-radius: 5px; + padding-right: 15px; + padding-left: 15px; + padding-bottom: 15px; + padding-top: 31px; + color: black; + border-image: url('menu/window-borders.png') 6 6 31 6 +} + +.lightbox { + background-color: rgba(0, 0, 0, 0.0); +} + +/* =================================================================== +* Notifications +* ===================================================================*/ + +#notification { + + border-radius: 6px; + font-size: 8.5pt; + background-color: #ffffe1; + border: 1px solid #000; + padding: 6px 6px 6px 6px; + spacing-rows: 10px; + spacing-columns: 10px; + margin-from-right-edge-of-screen: 19px; + margin-from-top-edge-of-screen: 30px; + width: 27em; + color: black; +} +#notification.multi-line-notification { + 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 */ +.notification-with-image { + min-height: 159px; + color: black; +} +#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: 18px; + font-size: 10pt; + padding: 4px 42px 5px; + color: black; +} +.notification-button:focus { + padding: 3px 41px 4px; + color: black; +} +.notification-icon-button { + border-radius: 5px; + padding: 5px; +} +.notification-icon-button:focus { + padding: 4px; +} +.notification-icon-button > StIcon { + icon-size: 36px; +} +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} +.hotplug-notification-item { + padding: 2px 10px; + border-radius: 18px; + font-size: 10.5pt; +} +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} +.hotplug-resident-box { + spacing: 8px; +} +.hotplug-resident-mount { + 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; +} +.hotplug-resident-mount-label { + color: inherit; + padding-left: 6px; +} +.hotplug-resident-mount-icon { + icon-size: 24px; + padding-left: 6px; +} +.hotplug-resident-eject-icon { + icon-size: 16px; +} +.hotplug-resident-eject-button { + padding: 7px; + border-radius: 5px; + color: #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; +} +#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 * ===================================================================*/ @@ -1112,7 +1321,7 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 } /* =================================================================== -* Modal dialogs +* Modal dialogs (modalDialog.js) * ===================================================================*/ .modal-dialog { @@ -1120,7 +1329,7 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 border-radius: 2px; background-color: #171717; border: 2px solid #404040; - border-image: url('popupmenu.png') 4; + border-image: url('menu/popupmenu.png') 4; color: #000; padding-right: 42px; padding-left: 42px; @@ -1145,7 +1354,7 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 .modal-dialog-button:active, .modal-dialog-button:checked { color: white; - border-image: url('buttons/button-focused-pressed.png') 5; + border-image: url('buttons/button-pressed.png') 5; } .modal-dialog-button:disabled { @@ -1157,199 +1366,69 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 } /* =================================================================== -* Run dialog -* ===================================================================*/ - -.run-dialog-label { - font-size: 9pt; - color: black; + * dialogs (dialog.js) + * ===================================================================*/ +.dialog { + border-image: url('menu/window-borders.png') 6 6 31 6; + color: #3c3c3e; + background-color: #F5F5F7; + padding: 15px; + border: 1px; + border-color: black; + padding-top: 30px; } -.run-dialog-error-label { - font-size: 9pt; - color: black; +.dialog-button-box { } -.run-dialog-error-box { - padding-top: 15px; - spacing: 5px; +.dialog-button { + height: 22px; + color: rgb(70, 70, 70); + border-image: url('buttons/button.png') 5; + padding: 3px 31px 4px; } -.run-dialog-entry { - font-size: 10pt; - font-weight: normal; - background-color: white; - border: 1px solid gray; - border-radius: 0; - color: black; - selected-color: #399cee; - caret-color: black; - caret-size: 2px; - padding: 2px; - padding-left: 6px; - width: 18em; +.dialog-button:hover { + border-image: url('buttons/button-hover.png') 5; } -.run-dialog-completion-box { - padding-left: 15px; - font-size: 10px; +.dialog-button:focus { + border-image: url('buttons/button-focused.png') 5; + padding: 3px 31px 4px; } -.run-dialog { - border-radius: 8px; - padding-right: 21px; - padding-left: 21px; - padding-bottom: 15px; - padding-top: 15px; - color: black; - border-image: url('tab.png') 4 4 4 4; +.dialog-button:active, +.dialog-button:checked { + border-image: url('buttons/button-pressed.png') 5; + color: white; } -.lightbox { - background-color: rgba(0, 0, 0, 0.0); +.dialog-button:focus:hover { + border-image: url('buttons/button-focused-prelight.png') 5; + padding: 3px 31px 4px; } -/* =================================================================== -* End session dialog -* ===================================================================*/ - -.end-session-dialog { - spacing: 42px; -} -.end-session-dialog-subject { - font-size: 12pt; - font-weight: bold; - color: #fff; - padding-top: 10px; - padding-left: 17px; - padding-bottom: 30px; -} -.end-session-dialog-subject:rtl { - padding-left: 0px; - padding-right: 17px; -} -.end-session-dialog-description { - font-size: 10pt; - color: white; - padding-left: 17px; - width: 28em; -} -.end-session-dialog-description:rtl { - padding-right: 17px; -} -.end-session-dialog-logout-icon { - border: 1px solid rgba(255,255,255,0.3); - border-radius: 0px; - width: 32px; - height: 32px; +.dialog-button:focus:checked, +.dialog-button:focus:active { + border-image: url('buttons/button-pressed.png') 5; } -.end-session-dialog-shutdown-icon { - width: 32px; - height: 32px; -} -.end-session-dialog-app-list { - 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; -} -.end-session-dialog-app-list-item { - color: #ccc; -} -.end-session-dialog-app-list-item:hover { - color: white; -} -.end-session-dialog-app-list-item:ltr { - padding-right: 1em; -} -.end-session-dialog-app-list-item:rtl { - padding-left: 1em; -} -.end-session-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} -.end-session-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} -.end-session-dialog-app-list-item-name { - font-size: 10pt; -} -.end-session-dialog-app-list-item-description { - font-size: 8pt; - color: #444444; -} -/* 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; + +.dialog-button:disabled { + color: #a6a6a6; } -.show-processes-dialog-app-list-item-icon:ltr { - padding-right: 17px; + +.dialog-button:destructive-action { + color: #c21616; } -.show-processes-dialog-app-list-item-icon:rtl { - padding-left: 17px; + +.dialog-list .dialog-list-title { + padding: 1.3em; + text-align: center; + color: rgb(70, 70, 70); } -.show-processes-dialog-app-list-item-name { - font-size: 10pt; + +.dialog-list-item .dialog-list-item-description { + color: rgb(70, 70, 70); } /* =================================================================== @@ -1560,13 +1639,13 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 padding: 0px; background-color: transparent; border-radius: 0px; - border-image: url('favs.png') 5 5 5 5; + border-image: url('menu/favs.png') 5 5 5 5; width: 70%; } .menu-background { border: solid 1px transparent; - border-image: url("menu-bg.png") 8 8 56 41; + border-image: url('menu/menu-bg.png') 8 8 56 41; box-shadow: 2px 2px 2px rgba(0,0,0,0.5); padding: 55px 1px 10px 1px; } @@ -1598,7 +1677,7 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 padding: 10px 0px 0px 10px; background-color: transparent; border: none; - /* border-image: url('favs.png') 5 5 5 5;*/ + /* border-image: url('menu/favs.png') 5 5 5 5;*/ } .menu-applications-inner-box { @@ -1621,16 +1700,16 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 background: none; border-width: 0px; box-shadow: none; - border-image: url('trough-scrollbar-vert.png') 1; + border-image: url('menu/trough-scrollbar-vert.png') 1; } .menu-applications-box StButton#vhandle { - border-image: url('slider-vert.png') 3; + border-image: url('menu/slider-vert.png') 3; background: url('handle-vert.png') no-repeat center center; } .menu-applications-box StButton#vhandle:hover { - border-image: url('slider-vert-hover.png') 3; + border-image: url('menu/slider-vert-hover.png') 3; background: url('handle-vert.png') no-repeat center center; } @@ -1738,7 +1817,7 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 } .window-list-item-box { - border-image: url('normal.png'); + border-image: url('panel/normal.png'); padding: 1px; transition-duration: 100; } @@ -1746,27 +1825,27 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 .window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:focus { - border-image: url('active.png'); + border-image: url('panel/active.png'); } .window-list-item-box:hover { - border-image: url('hover.png'); + border-image: url('panel/hover.png'); } .window-list-item-box:focus:hover { - border-image: url('active-hover.png'); + border-image: url('panel/active-hover.png'); } .window-list-item-demands-attention { - border-image: url('urgent.png'); + border-image: url('panel/urgent.png'); } /* https://github.com/B00merang-Project/Windows-XP/issues/44 */ .grouped-window-list-thumbnail-menu { spacing: 6px; padding: 6px 12px 12px 12px; - border-image: url("menu-bottom.png") 6; + border-image: url('panel/menu-bottom.png') 6; color: #ffffff; } @@ -1779,40 +1858,40 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 } .grouped-window-list-item-box:hover { - border-image: url("hover.png") 4; + border-image: url('panel/hover.png') 4; transition-duration: 100; } .grouped-window-list-item-box:active, .grouped-window-list-item-box:checked { - border-image: url("normal.png") 4; + border-image: url('panel/normal.png') 4; transition-duration: 100; } .grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover { - border-image: url("hover.png") 8; + border-image: url('panel/hover.png') 8; transition-duration: 100; } .grouped-window-list-item-box:focus { - border-image: url("active.png") 8; + border-image: url('panel/active.png') 8; transition-duration: 100; } .grouped-window-list-item-box:focus:hover { - border-image: url("active-hover.png") 8; + border-image: url('panel/active-hover.png') 8; transition-duration: 100; } .grouped-window-list-item-demands-attention { font-weight: normal; - border-image: url("urgent.png") 4; + border-image: url('panel/urgent.png') 4; transition-duration: 100; } .grouped-window-list-item-attention:hover { - border-image: url("urgent.png") 4; + border-image: url('panel/urgent.png') 4; } .window-list-item-box .progress, @@ -1824,7 +1903,7 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 .window-list-preview { spacing: 6px; color: #000000; - border-image: url('popupmenu.png') 8 8 8 8; + border-image: url('menu/popupmenu.png') 8 8 8 8; border-radius: 0; padding: 6px 12px 12px 12px; font-size: 1em; @@ -1961,78 +2040,26 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 /* =================================================================== * Panel Launchers Applet (panelLaunchers.js) * ===================================================================*/ - -#panel-launchers-box { - +.panel-launchers .launcher { + border: 1px solid transparent; + padding-left: 2px; + padding-right: 2px; } -.panel-launcher { - margin: 1px; - padding: 3px; +.panel-launchers .launcher:hover { + border-image: url('panel/solid3.png') 4 2 4 2 stretch; } -.panel-launcher:hover { - background-color: rgba(0,0,0,0.5); -} - -.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(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; -} - -.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"); + background-image: url('menu/overview.png'); } #overview-corner:hover { - background-image: url("overview-hover.png"); + background-image: url('menu/overview-hover.png'); } /* =================================================================== @@ -2046,31 +2073,25 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 background: rgba(0,0,0,0.5); } +.applet-label { + color: white; +} + .applet-box { - padding-left: 6px; - padding-right: 6px; + padding-left: 2px; + padding-right: 2px; + color: white; transition-duration: 300; } .applet-box:hover { background-color: rgba(25,25,25,0.2); - color: white; + color: white; transition-duration: 100; } .applet-box:active { - background-color: transparent; - color: white; - transition-duration: 100; - -} - -.applet-label:not(:first-child) { - font-weight: normal; -} - -.applet-label, -.applet-label:hover, -.applet-box:hover > .applet-label { + background-color: rgba(25,25,25,0.4); color: white; + transition-duration: 100; } .applet-icon { @@ -2079,7 +2100,6 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 .applet-icon:hover, .applet-box:hover > .applet-icon { - } /* =================================================================== @@ -2149,19 +2169,19 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 .check-box StBin { width: 24px; height: 18px; - background-image: url("checkbox-off.png"); + background-image: url('checkbox/checkbox-off.png'); } .check-box:focus StBin { - background-image: url("checkbox-off-focus.png"); + background-image: url('checkbox/checkbox-off-focus.png'); } .check-box:checked StBin { - background-image: url("checkbox.png"); + background-image: url('checkbox/checkbox.png'); } .check-box:focus:checked StBin { - background-image: url("checkbox-focus.png"); + background-image: url('checkbox/checkbox-focus.png'); } .check-box StLabel { @@ -2177,20 +2197,20 @@ height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 .radiobutton StBin { width: 22px; height: 22px; - background-image: url("radio-unselected.png"); + background-image: url('checkbox/radio-unselected.png'); border-radius: 15px; } .radiobutton:focus StBin { - background-image: url("radio-unselected.png"); + background-image: url('checkbox/radio-unselected.png'); } .radiobutton:checked StBin { - background-image: url("radio-selected.png"); + background-image: url('checkbox/radio-selected.png'); } .radiobutton:focus:checked StBin { - background-image: url("radio-selected.png"); + background-image: url('checkbox/radio-selected.png'); } .radiobutton StLabel { @@ -2282,7 +2302,7 @@ The colour parameters are red, green, blue, and transparency or a name */ } .starkmenu-background { border: solid 1px transparent; - border-image: url("menu-bg.png") 8 8 56 41; + border-image: url('menu/menu-bg.png') 8 8 56 41; box-shadow: 2px 2px 2px rgba(0,0,0,0.5); padding: 54px 1px 29px 1px; } diff --git a/Windows XP Zune/cinnamon/close-hover.png b/Windows XP Zune/cinnamon/close-hover.png deleted file mode 100644 index a63390c..0000000 Binary files a/Windows XP Zune/cinnamon/close-hover.png and /dev/null differ diff --git a/Windows XP Zune/cinnamon/close.png b/Windows XP Zune/cinnamon/close.png deleted file mode 100644 index ced5823..0000000 Binary files a/Windows XP Zune/cinnamon/close.png and /dev/null differ diff --git a/Windows XP Zune/cinnamon/entry.png b/Windows XP Zune/cinnamon/entry.png deleted file mode 100644 index 8147a7a..0000000 Binary files a/Windows XP Zune/cinnamon/entry.png and /dev/null differ diff --git a/Windows XP Zune/cinnamon/add-workspace-hover.png b/Windows XP Zune/cinnamon/menu/add-workspace-hover.png similarity index 100% rename from Windows XP Zune/cinnamon/add-workspace-hover.png rename to Windows XP Zune/cinnamon/menu/add-workspace-hover.png diff --git a/Windows XP Zune/cinnamon/add-workspace.png b/Windows XP Zune/cinnamon/menu/add-workspace.png similarity index 100% rename from Windows XP Zune/cinnamon/add-workspace.png rename to Windows XP Zune/cinnamon/menu/add-workspace.png diff --git a/Windows XP Zune/cinnamon/calendar-arrow-left.svg b/Windows XP Zune/cinnamon/menu/calendar-arrow-left.svg similarity index 100% rename from Windows XP Zune/cinnamon/calendar-arrow-left.svg rename to Windows XP Zune/cinnamon/menu/calendar-arrow-left.svg diff --git a/Windows XP Zune/cinnamon/calendar-arrow-right.svg b/Windows XP Zune/cinnamon/menu/calendar-arrow-right.svg similarity index 100% rename from Windows XP Zune/cinnamon/calendar-arrow-right.svg rename to Windows XP Zune/cinnamon/menu/calendar-arrow-right.svg diff --git a/Windows XP Royale Dark/cinnamon/close-hover.png b/Windows XP Zune/cinnamon/menu/close-hover.png similarity index 100% rename from Windows XP Royale Dark/cinnamon/close-hover.png rename to Windows XP Zune/cinnamon/menu/close-hover.png diff --git a/Windows XP Royale Dark/cinnamon/close.png b/Windows XP Zune/cinnamon/menu/close.png similarity index 100% rename from Windows XP Royale Dark/cinnamon/close.png rename to Windows XP Zune/cinnamon/menu/close.png diff --git a/Windows XP Royale Dark/cinnamon/entry.png b/Windows XP Zune/cinnamon/menu/entry.png similarity index 100% rename from Windows XP Royale Dark/cinnamon/entry.png rename to Windows XP Zune/cinnamon/menu/entry.png diff --git a/Windows XP Zune/cinnamon/menu/entry_focus.png b/Windows XP Zune/cinnamon/menu/entry_focus.png new file mode 100644 index 0000000..20370ce Binary files /dev/null and b/Windows XP Zune/cinnamon/menu/entry_focus.png differ diff --git a/Windows XP Zune/cinnamon/entry_shadow.png b/Windows XP Zune/cinnamon/menu/entry_shadow.png similarity index 100% rename from Windows XP Zune/cinnamon/entry_shadow.png rename to Windows XP Zune/cinnamon/menu/entry_shadow.png diff --git a/Windows XP Zune/cinnamon/entry_shadow_insensitive.png b/Windows XP Zune/cinnamon/menu/entry_shadow_insensitive.png similarity index 100% rename from Windows XP Zune/cinnamon/entry_shadow_insensitive.png rename to Windows XP Zune/cinnamon/menu/entry_shadow_insensitive.png diff --git a/Windows XP Zune/cinnamon/favs.png b/Windows XP Zune/cinnamon/menu/favs.png similarity index 100% rename from Windows XP Zune/cinnamon/favs.png rename to Windows XP Zune/cinnamon/menu/favs.png diff --git a/Windows XP Zune/cinnamon/handle-horiz-hover.png b/Windows XP Zune/cinnamon/menu/handle-horiz-hover.png similarity index 100% rename from Windows XP Zune/cinnamon/handle-horiz-hover.png rename to Windows XP Zune/cinnamon/menu/handle-horiz-hover.png diff --git a/Windows XP Zune/cinnamon/handle-horiz.png b/Windows XP Zune/cinnamon/menu/handle-horiz.png similarity index 100% rename from Windows XP Zune/cinnamon/handle-horiz.png rename to Windows XP Zune/cinnamon/menu/handle-horiz.png diff --git a/Windows XP Zune/cinnamon/handle-vert-hover.png b/Windows XP Zune/cinnamon/menu/handle-vert-hover.png similarity index 100% rename from Windows XP Zune/cinnamon/handle-vert-hover.png rename to Windows XP Zune/cinnamon/menu/handle-vert-hover.png diff --git a/Windows XP Zune/cinnamon/handle-vert.png b/Windows XP Zune/cinnamon/menu/handle-vert.png similarity index 100% rename from Windows XP Zune/cinnamon/handle-vert.png rename to Windows XP Zune/cinnamon/menu/handle-vert.png diff --git a/Windows XP Zune/cinnamon/menu-bg.png b/Windows XP Zune/cinnamon/menu/menu-bg.png similarity index 100% rename from Windows XP Zune/cinnamon/menu-bg.png rename to Windows XP Zune/cinnamon/menu/menu-bg.png diff --git a/Windows XP Zune/cinnamon/overview-hover.png b/Windows XP Zune/cinnamon/menu/overview-hover.png similarity index 100% rename from Windows XP Zune/cinnamon/overview-hover.png rename to Windows XP Zune/cinnamon/menu/overview-hover.png diff --git a/Windows XP Zune/cinnamon/overview.png b/Windows XP Zune/cinnamon/menu/overview.png similarity index 100% rename from Windows XP Zune/cinnamon/overview.png rename to Windows XP Zune/cinnamon/menu/overview.png diff --git a/Windows XP Zune/cinnamon/popupmenu.png b/Windows XP Zune/cinnamon/menu/popupmenu.png similarity index 100% rename from Windows XP Zune/cinnamon/popupmenu.png rename to Windows XP Zune/cinnamon/menu/popupmenu.png diff --git a/Windows XP Zune/cinnamon/slider-vert-hover.png b/Windows XP Zune/cinnamon/menu/slider-vert-hover.png similarity index 100% rename from Windows XP Zune/cinnamon/slider-vert-hover.png rename to Windows XP Zune/cinnamon/menu/slider-vert-hover.png diff --git a/Windows XP Zune/cinnamon/slider-vert.png b/Windows XP Zune/cinnamon/menu/slider-vert.png similarity index 100% rename from Windows XP Zune/cinnamon/slider-vert.png rename to Windows XP Zune/cinnamon/menu/slider-vert.png diff --git a/Windows XP Zune/cinnamon/menu/tab.png b/Windows XP Zune/cinnamon/menu/tab.png new file mode 100644 index 0000000..3f732df Binary files /dev/null and b/Windows XP Zune/cinnamon/menu/tab.png differ diff --git a/Windows XP Zune/cinnamon/trash-icon.png b/Windows XP Zune/cinnamon/menu/trash-icon.png similarity index 100% rename from Windows XP Zune/cinnamon/trash-icon.png rename to Windows XP Zune/cinnamon/menu/trash-icon.png diff --git a/Windows XP Zune/cinnamon/trough-horizontal.png b/Windows XP Zune/cinnamon/menu/trough-horizontal.png similarity index 100% rename from Windows XP Zune/cinnamon/trough-horizontal.png rename to Windows XP Zune/cinnamon/menu/trough-horizontal.png diff --git a/Windows XP Zune/cinnamon/trough-scrollbar-vert.png b/Windows XP Zune/cinnamon/menu/trough-scrollbar-vert.png similarity index 100% rename from Windows XP Zune/cinnamon/trough-scrollbar-vert.png rename to Windows XP Zune/cinnamon/menu/trough-scrollbar-vert.png diff --git a/Windows XP Zune/cinnamon/menu/window-borders.png b/Windows XP Zune/cinnamon/menu/window-borders.png new file mode 100644 index 0000000..61903aa Binary files /dev/null and b/Windows XP Zune/cinnamon/menu/window-borders.png differ diff --git a/Windows XP Zune/cinnamon/active-hover.png b/Windows XP Zune/cinnamon/panel/active-hover.png similarity index 100% rename from Windows XP Zune/cinnamon/active-hover.png rename to Windows XP Zune/cinnamon/panel/active-hover.png diff --git a/Windows XP Zune/cinnamon/active.png b/Windows XP Zune/cinnamon/panel/active.png similarity index 100% rename from Windows XP Zune/cinnamon/active.png rename to Windows XP Zune/cinnamon/panel/active.png diff --git a/Windows XP Zune/cinnamon/hover.png b/Windows XP Zune/cinnamon/panel/hover.png similarity index 100% rename from Windows XP Zune/cinnamon/hover.png rename to Windows XP Zune/cinnamon/panel/hover.png diff --git a/Windows XP Zune/cinnamon/menu-active.png b/Windows XP Zune/cinnamon/panel/menu-active.png similarity index 100% rename from Windows XP Zune/cinnamon/menu-active.png rename to Windows XP Zune/cinnamon/panel/menu-active.png diff --git a/Windows XP Zune/cinnamon/menu-bottom.png b/Windows XP Zune/cinnamon/panel/menu-bottom.png similarity index 100% rename from Windows XP Zune/cinnamon/menu-bottom.png rename to Windows XP Zune/cinnamon/panel/menu-bottom.png diff --git a/Windows XP Zune/cinnamon/menu-box.png b/Windows XP Zune/cinnamon/panel/menu-box.png similarity index 100% rename from Windows XP Zune/cinnamon/menu-box.png rename to Windows XP Zune/cinnamon/panel/menu-box.png diff --git a/Windows XP Zune/cinnamon/menu-hover.png b/Windows XP Zune/cinnamon/panel/menu-hover.png similarity index 100% rename from Windows XP Zune/cinnamon/menu-hover.png rename to Windows XP Zune/cinnamon/panel/menu-hover.png diff --git a/Windows XP Zune/cinnamon/menu-top.png b/Windows XP Zune/cinnamon/panel/menu-top.png similarity index 100% rename from Windows XP Zune/cinnamon/menu-top.png rename to Windows XP Zune/cinnamon/panel/menu-top.png diff --git a/Windows XP Zune/cinnamon/normal.png b/Windows XP Zune/cinnamon/panel/normal.png similarity index 100% rename from Windows XP Zune/cinnamon/normal.png rename to Windows XP Zune/cinnamon/panel/normal.png diff --git a/Windows XP Zune/cinnamon/panel-right.png b/Windows XP Zune/cinnamon/panel/panel-right.png similarity index 100% rename from Windows XP Zune/cinnamon/panel-right.png rename to Windows XP Zune/cinnamon/panel/panel-right.png diff --git a/Windows XP Zune/cinnamon/panel.png b/Windows XP Zune/cinnamon/panel/panel.png similarity index 100% rename from Windows XP Zune/cinnamon/panel.png rename to Windows XP Zune/cinnamon/panel/panel.png diff --git a/Windows XP Zune/cinnamon/panel/solid3.png b/Windows XP Zune/cinnamon/panel/solid3.png new file mode 100644 index 0000000..72cc319 Binary files /dev/null and b/Windows XP Zune/cinnamon/panel/solid3.png differ diff --git a/Windows XP Zune/cinnamon/urgent.png b/Windows XP Zune/cinnamon/panel/urgent.png similarity index 100% rename from Windows XP Zune/cinnamon/urgent.png rename to Windows XP Zune/cinnamon/panel/urgent.png diff --git a/Windows XP Zune/cinnamon/radio-selected.png b/Windows XP Zune/cinnamon/radio-selected.png deleted file mode 100644 index e5935d7..0000000 Binary files a/Windows XP Zune/cinnamon/radio-selected.png and /dev/null differ diff --git a/Windows XP Zune/cinnamon/radio-unselected.png b/Windows XP Zune/cinnamon/radio-unselected.png deleted file mode 100644 index 7027173..0000000 Binary files a/Windows XP Zune/cinnamon/radio-unselected.png and /dev/null differ diff --git a/Windows XP Zune/cinnamon/scrollthrough.png b/Windows XP Zune/cinnamon/scrollthrough.png deleted file mode 100644 index 2f9655b..0000000 Binary files a/Windows XP Zune/cinnamon/scrollthrough.png and /dev/null differ diff --git a/Windows XP Zune/gtk-3.0/gtk-3.20 b/Windows XP Zune/gtk-3.0/gtk-3.20 deleted file mode 120000 index 45c7db8..0000000 --- a/Windows XP Zune/gtk-3.0/gtk-3.20 +++ /dev/null @@ -1 +0,0 @@ -../gtk-3.20 \ No newline at end of file