Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /* ###################################################################
- * Section common with Gnome Shell
- * ... contains a few cinnamon specific styles (rare occurences)
- * ###################################################################*/
- stage {
- font-family: ubuntu, cantarell, sans-serif;
- font-size: 10pt;
- color: white;
- transition-duration: 150;
- }
- .cinnamon-link {
- color: #4784de;
- text-decoration: underline;
- }
- .cinnamon-link:hover {
- color: #3478db;
- }
- StScrollBar {
- padding: 0px;
- }
- StScrollView.vfade {
- -st-vfade-offset: 68px;
- }
- StScrollView StScrollBar {
- min-width: 13px;
- min-height: 13px;
- }
- StScrollBar StBin#trough {
- border-image: url("scrollbar-trough.svg") 8 2 2 2;
- }
- StScrollBar StButton#vhandle {
- border-image: url("scrollbar.svg") 5;
- transition-duration: 150;
- }
- StScrollBar StButton#vhandle:hover {
- border-image: url("scrollbar-hover.svg") 5;
- }
- #Tooltip {
- color: #fff;
- padding: 8px 10px;
- border-image: url("dash-label.svg") 7 7 7 7 stretch;
- font-size: 8pt;
- }
- /* ===================================================================
- * PopupMenu (popupMenu.js)
- * ===================================================================*/
- .popup-menu-boxpointer {
- -boxpointer-gap: 10px;
- border-radius: 5px;
- background-gradient-start: #f4f4f4;
- background-gradient-end: #e8e8e8;
- background-gradient-direction: vertical;
- box-shadow: 0px 2px 6px rgba(0,0,0,0.5);
- -arrow-background-color: transparent;
- -arrow-border-width: 0px;
- -arrow-base: 64px;
- -arrow-rise: 0px;
- }
- .popup-menu {
- color: #333;
- }
- .panel-menu {
- }
- .popup-submenu-menu-item:open {
- background-gradient-start: #c1cfdf;
- background-gradient-end: #b8c8da;
- background-gradient-direction: vertical;
- border: 0px solid #99b1c9;
- border-bottom-width: 1px;
- }
- .popup-sub-menu {
- background-gradient-start: #d4dae1;
- background-gradient-end: #e1e5ea;
- background-gradient-direction: vertical;
- border: 0px solid #d4dae1;
- border-bottom-width: 1px;
- }
- .popup-sub-menu StScrollBar {
- padding: 4px;
- }
- .popup-combo-menu {
- background-color: rgba(0,0,0,0.9);
- padding: 1em 0em;
- border: 1px solid #5f5f5f;
- border-radius: 9px;
- }
- .popup-menu-content {
- padding: 1em 0em;
- }
- .popup-menu-item {
- padding: .4em 1.5em;
- spacing: 1em;
- border: 0px solid transparent;
- border-bottom-width: 1px;
- }
- .popup-menu-item:active {
- background-gradient-start: #5990e1;
- background-gradient-end: #3478db;
- background-gradient-direction: vertical;
- color: rgba(255,255,255,0.9);
- border-color: #3374D4;
- }
- .popup-menu-item:insensitive {
- color: #aaa;
- }
- .popup-image-menu-item {
- }
- .popup-combobox-item {
- spacing: 1em;
- padding: 4px 12px;
- }
- .popup-separator-menu-item {
- border-image: url('separator-horizontal.svg') 1 1 1 1 stretch;
- -margin-horizontal: 0em;
- height: 2px;
- }
- .popup-alternating-menu-item:alternate {
- font-weight: bold;
- }
- .popup-slider-menu-item {
- padding: 0px 0px;
- height: 10px;
- min-width: 15em;
- -slider-height: 2px;
- -slider-background-color: rgba(0,0,0,0.15);
- -slider-border-color: rgba(0,0,0,0.15);
- -slider-active-background-color: #4784de;
- -slider-active-border-color: #3478db;
- -slider-border-width: 0px;
- -slider-handle-radius: 4px;
- color: #3478db;
- }
- .popup-menu-item:active .popup-slider-menu-item {
- -slider-background-color: rgba(0,0,0,0.2);
- -slider-active-background-color: rgba(255,255,255,0.4);
- color: #fff;
- }
- .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: 16px;
- }
- /* Switches (to be used in menus) */
- .toggle-switch {
- width: 65px;
- height: 22px;
- }
- .toggle-switch-us,
- .toggle-switch-intl {
- background-image: url("toggle-off-us.svg");
- background-size: contain;
- }
- .toggle-switch-us:checked,
- .toggle-switch-intl:checked {
- background-image: url("toggle-on-us.svg");
- background-size: contain;
- }
- .nm-menu-item-icons {
- spacing: .5em;
- }
- /* ===================================================================
- * Panel (panel.js)
- * ===================================================================*/
- #panel {
- background-color: black;
- font-weight: bold;
- height: 24px;
- font-size: 10pt;
- }
- #panelLeft, #panelCenter {
- spacing: 4px;
- }
- #panelLeft:dnd {
- background-color: black;
- }
- #panelCenter:dnd {
- background-color: #81a859;
- }
- #panelRight:dnd {
- background-color: gray;
- }
- #panelLeft:ltr {
- padding-right: 4px;
- }
- #panelLeft:rtl {
- padding-left: 4px;
- }
- #panelRight:ltr {
- padding-left: 4px;
- }
- #panelRight:rtl {
- padding-right: 4px;
- }
- .panel-corner {
- -panel-corner-radius: 6px;
- -panel-corner-background-color: black;
- -panel-corner-border-width: 2px;
- -panel-corner-border-color: transparent;
- }
- .panel-button,
- .panel-status-button {
- -natural-hpadding: 5px;
- -minimum-hpadding: 5px;
- font-weight: bold;
- color: #ccc;
- transition-duration: 100;
- }
- .panel-button:hover,
- .panel-status-button:hover {
- color: white;
- text-shadow: 0px 1px 2px 0px rgba(0,0,0,0.5);
- border-image: url("panel-menu-hover.png") 12 12 0 0;
- }
- .popup-menu-item-dot {
- }
- .panel-button:active > .system-status-icon,
- .panel-button:checked > .system-status-icon,
- .panel-button:focus > .system-status-icon {
- icon-shadow: black 0px 2px 2px;
- }
- .system-status-icon {
- icon-size: 16px;
- }
- /* ===================================================================
- * Overview
- * ===================================================================*/
- #overview {
- spacing: 0px;
- background-color: rgba(61,68,79,0.1);
- }
- .expo-background {
- background-color: rgba(61,68,79,0.1);
- }
- .window-caption {
- spacing: 25px;
- color: white;
- font-weight: bold;
- spacing: 25px;
- font-size: 10pt;
- text-shadow: 0px 1px 3px 0px rgba(0,0,0,1.0);
- background-color: rgba(0,0,0,0.75);
- border-radius: 24px;
- padding: 2px 12px;
- -cinnamon-caption-spacing: 8px;
- }
- .window-caption#selected {
- }
- .workspace-thumbnails {
- spacing: 7px;
- }
- .workspace-add-button {
- background-image: url("add-workspace.svg");
- height: 64px;
- width: 25px;
- }
- .workspace-add-button:hover {
- }
- .workspace-close-button {
- background-image: url("close-window-red.svg");
- background-size: 32px;
- height: 32px;
- width: 32px;
- -cinnamon-close-overlap: 22px;
- }
- .workspace-close-button:hover {
- }
- .window-close {
- background-image: url("close-window-red.svg");
- background-size: 32px;
- height: 32px;
- width: 32px;
- -cinnamon-close-overlap: 18px;
- }
- .window-close:hover {
- }
- .window-close-area {
- border-radius: 6px 6px 0px 0px;
- background: #464e5a;
- box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.35);
- background-image: url("trash.svg");
- height: 150px;
- width: 270px;
- }
- /* ===================================================================
- * Looking Glass
- * ===================================================================*/
- #LookingGlassDialog {
- background-color: rgba(0,0,0,0.80);
- spacing: 6px;
- padding: 6px;
- border: 1px solid #222;
- border-radius: 6px;
- box-shadow: 0px 2px 20px 10px rgba(0,0,0,0.3);
- }
- #LookingGlassDialog > #Toolbar {
- background-color: #000;
- border-radius: 4px;
- padding: 2px;
- }
- #LookingGlassDialog .labels {
- spacing: 4px;
- }
- #LookingGlassDialog .notebook-tab {
- -natural-hpadding: 12px;
- -minimum-hpadding: 6px;
- font-weight: bold;
- color: #ddd;
- transition-duration: 100;
- padding-left: 12px;
- padding-right: 13px;
- }
- #LookingGlassDialog .notebook-tab:hover, #LookingGlassDialog .notebook-tab:selected:hover {
- color: white;
- text-shadow: 0px 2px 2px 0px black;
- border-image: url("panel-menu-hover.png") 12 12 0 0;
- }
- #LookingGlassDialog .notebook-tab:selected {
- color: white;
- text-shadow: 0px 2px 2px 0px black;
- border-image: url("panel-menu-active.png") 12 12 0 0;
- }
- #LookingGlassDialog .lg-inspector-title {
- font-weight: bold;
- padding-bottom: 8px;
- }
- .lg-dialog StEntry {
- }
- .lg-completions-text {
- font-size: .9em;
- font-style: italic;
- }
- .lg-obj-inspector-title {
- spacing: 4px;
- }
- .lg-obj-inspector-button {
- padding: 5px 12px;
- border-image: url("button-dark.png") 5;
- }
- .lg-obj-inspector-button:hover {
- border-image: url("button-dark-hover.png") 5;
- }
- .lg-obj-inspector-button:active {
- border-image: url("button-dark-active.png") 5;
- }
- .lg-dialog .cinnamon-link {
- color: #87aade;
- }
- .lg-dialog .cinnamon-link:hover {
- color: #a9c2e7;
- }
- #LookingGlassDialog StBoxLayout#EvalBox {
- padding: 4px;
- spacing: 4px;
- }
- #LookingGlassDialog StBoxLayout#ResultsArea {
- spacing: 4px;
- }
- #lookingGlassExtensions {
- padding: 4px;
- }
- .lg-extension-list {
- padding: 4px;
- spacing: 6px;
- }
- .lg-extension {
- padding: 8px;
- border: 0px solid #444;
- border-top-width: 1px;
- }
- .lg-extension:first-child {
- border-top-width: 0px;
- }
- .lg-extension-name {
- font-weight: bold;
- }
- .lg-extension-meta {
- spacing: 6px;
- }
- #LookingGlassPropertyInspector {
- background: rgba(0, 0, 0, 0.8);
- border: 1px solid #444;
- border-radius: 6px;
- padding: 6px;
- box-shadow: 0px 2px 20px 10px rgba(0,0,0,0.5);
- }
- /* ===================================================================
- * Date applet
- * ===================================================================*/
- .calendar {
- padding: .4em 1.75em .8em 1.75em;
- spacing-rows: 0px;
- spacing-columns: 0px;
- color: #333;
- width: 280px;
- }
- .datemenu-date-label {
- padding: .4em 1.7em;
- font-weight: bold;
- text-align: center;
- }
- .calendar-month-label {
- font-size: 14pt;
- font-weight: bold;
- padding-bottom: 8px;
- padding-top: 8px;
- color: #444;
- }
- .calendar-change-month-back {
- width: 18px;
- height: 18px;
- background-image: url("calendar-arrow-left.svg");
- transition-duration: 100;
- padding: 0px 6px;
- }
- .calendar-change-month-back:rtl {
- background-image: url("calendar-arrow-right.svg");
- }
- .calendar-change-month-back:hover {
- border-image: url('button.png') 5;
- background-image: url("calendar-arrow-left.svg");
- }
- .calendar-change-month-back:rtl:hover {
- border-image: url('button.png') 5;
- background-image: url("calendar-arrow-right.svg");
- }
- .calendar-change-month-back:active {
- border-image: url('button-active.png') 5;
- background-image: url("calendar-arrow-left.svg");
- }
- .calendar-change-month-back:rtl:active {
- border-image: url('button-active.png') 5;
- background-image: url("calendar-arrow-right.svg");
- }
- .calendar-change-month-forward {
- width: 18px;
- height: 18px;
- background-image: url("calendar-arrow-right.svg");
- transition-duration: 100;
- padding: 0px 6px;
- }
- .calendar-change-month-forward:rtl {
- background-image: url("calendar-arrow-left.svg");
- }
- .calendar-change-month-forward:hover {
- border-image: url('button.png') 5;
- background-image: url("calendar-arrow-right.svg");
- }
- .calendar-change-month-forward:rtl:hover {
- border-image: url('button.png') 5;
- background-image: url("calendar-arrow-left.svg");
- }
- .calendar-change-month-forward:active {
- border-image: url('button-active.png') 5;
- background-image: url("calendar-arrow-right.svg");
- }
- .calendar-change-month-forward:rtl:active {
- border-image: url('button-active.png') 5;
- background-image: url("calendar-arrow-left.svg");
- }
- .calendar-day-base {
- font-size: 9pt;
- font-weight: bold;
- text-align: center;
- width: 24px;
- height: 24px;
- background-image: url("calendar-day2.png");
- background-position: 0px 0px;
- }
- .calendar-day-heading {
- padding-top: .2em;
- height: 1.7em;
- background-image: none;
- font-weight: normal;
- }
- .calendar-week-number {
- color: #888;
- font-weight: bold;
- }
- /* Hack used in lieu of border-collapse - see calendar.js */
- .calendar-day {
- border: 1px solid rgba(0,0,0,0.15);
- color: #444;
- border-top-width: 0;
- border-left-width: 0;
- }
- .calendar-day-top {
- border-top-width: 1px;
- height: 23px;
- background-position: 0px 1px;
- }
- .calendar-day-left {
- border-left-width: 1px;
- width: 23px;
- }
- .calendar-work-day {
- }
- .calendar-nonwork-day {
- }
- .calendar-today {
- color: white;
- text-shadow: 0px 1px 2px 1px rgba(0,0,0,0.5);
- background-image: url("calendar-day-active2.png");
- }
- .calendar-other-month-day {
- color: #888;
- font-weight: normal;
- border-color: rgba(0,0,0,0.075);
- background-image: none;
- }
- /* ===================================================================
- * Notifications
- * ===================================================================*/
- #notification {
- font-size: 11pt;
- border-radius: 6px;
- background-gradient-start: #464e5a;
- background-gradient-end: #3d444f;
- background-gradient-direction: vertical;
- padding: 8px;
- spacing-rows: 10px;
- spacing-columns: 10px;
- box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.35);
- width: 25em;
- margin-from-right-edge-of-screen: 5px;
- }
- #notification.multi-line-notification {
- padding-bottom: 8px;
- }
- /* 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;
- }
- #notification-scrollview {
- max-height: 10em;
- -st-vfade-offset: 24px;
- }
- #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;
- }
- /* ===================================================================
- * Alt Tab
- * ===================================================================*/
- #altTabPopup {
- padding: 8px;
- spacing: 8px;
- }
- .switcher-list {
- background: rgba(50,56,65,0.6);
- border-radius: 6px;
- border: 1px solid rgba(255,255,255,0.1);
- padding: 12px;
- box-shadow: 0px 2px 20px 10px rgba(0,0,0,0.5);
- }
- .switcher-list-item-container {
- spacing: 8px;
- }
- .switcher-list .item-box {
- border-radius: 5px;
- padding: 6px;
- color: transparent;
- border: 2px solid transparent;
- }
- .switcher-list .item-box:outlined {
- background: rgba(0,0,0,0.5);
- color: #eee;
- }
- .switcher-list .item-box:selected {
- border-color: #ddd;
- background: rgba(0,0,0,1.0);
- box-shadow: 0px 2px 5px 2px rgba(0,0,0,0.3);
- color: #eee;
- }
- .switcher-list .thumbnail-box {
- padding: 2px;
- spacing: 4px;
- }
- .switcher-list .thumbnail {
- width: 256px;
- }
- .ripple-box {
- width: 104px;
- height: 104px;
- background-image: url("corner-ripple.svg");
- }
- .switcher-arrow {
- border-color: rgba(0,0,0,0);
- color: rgba(255,255,255,0.5);
- }
- .switcher-preview-backdrop {
- background: rgba(0,0,0,0.4);
- }
- /* ===================================================================
- * Modal dialogs
- * ===================================================================*/
- .modal-dialog {
- border-radius: 6px;
- background-gradient-start: #f4f4f4;
- background-gradient-end: #dcdcdc;
- background-gradient-direction: vertical;
- box-shadow: 0px 2px 6px rgba(0,0,0,0.5);
- padding: 0px;
- color: #333;
- }
- .modal-dialog > * {
- padding: 24px 24px 36px;
- border-radius: 0px;
- }
- .modal-dialog-button-box,
- .modal-dialog > .modal-dialog-button-box {
- spacing: 10px;
- margin: 0px;
- padding: 12px 24px;
- background-gradient-start: #d2d2d2;
- background-gradient-end: #c4c4c4;
- background-gradient-direction: vertical;
- border-image: url('separator-app-list.svg') 1 1 3 0;
- border-radius: 0px 0px 6px 6px;
- }
- .modal-dialog-button {
- margin-left: 10px;
- margin-right: 10px;
- font-weight: normal;
- border-image: url('button.png') 5;
- min-height: 20px;
- padding: 4px 32px 5px;
- transition-duration: 100;
- }
- .modal-dialog-button:hover {
- border-image: url('button-hover.png') 5;
- }
- .modal-dialog-button:focus {
- border-image: url('button-focus.png') 5;
- border: 1px solid transparent;
- }
- .modal-dialog-button:hover:focus {
- border-image: url('button-hover-focus.png') 5;
- }
- .modal-dialog-button:active,
- .modal-dialog-button:pressed
- .modal-dialog-button:focus:hover:active,
- .modal-dialog-button:focus:hover:pressed,
- .modal-dialog-button:focus:active,
- .modal-dialog-button:focus:pressed {
- border-image: url('button-active.png') 5;
- }
- .modal-dialog-button:disabled
- .modal-dialog-button:insensitive {
- color: rgb(60, 60, 60);
- border-image: url("button-insensitive.png") 5;
- }
- /* ===================================================================
- * Run dialog
- * ===================================================================*/
- .run-dialog > * {
- padding: 0;
- border: 0;
- }
- .run-dialog-label {
- font-size: 10pt;
- padding-bottom: 6px;
- }
- .run-dialog-error-box {
- padding-top: 15px;
- spacing: 5px;
- }
- .run-dialog-error-label {
- font-size: 10pt;
- font-weight: bold;
- color: #d43544;
- }
- .run-dialog-entry {
- border-image: url("entry.png") 5;
- font-weight: bold;
- width: 23em;
- color: #333;
- caret-color: #333;
- font-size: 12pt;
- caret-size: 1px;
- selected-color: white;
- selection-background-color: #4784de;
- padding: 6px 8px;
- }
- .run-dialog {
- padding-right: 21px;
- padding-left: 21px;
- padding-bottom: 16px;
- padding-top: 15px;
- }
- .run-dialog > .modal-dialog-button-box {
- spacing: 0px;
- margin: 0px;
- padding: 0px;
- background: none;
- border-image: none;
- }
- .lightbox {
- background: rgba(0,0,0,0.4);
- }
- /* ===================================================================
- * Magnifier
- * ===================================================================*/
- .magnifier-zoom-region {
- border: 2px solid rgba(128, 0, 0, 255);
- }
- .magnifier-zoom-region.full-screen {
- border-width: 0px;
- }
- /* ===================================================================
- * On screen keyboard
- * ===================================================================*/
- #keyboard {
- background-color: #3d444f;
- background-image: url("noise-texture-dark.png");
- background-repeat: repeat;
- box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.35);
- border: 0px solid #515a69;
- border-top: 1px;
- }
- .keyboard-layout {
- spacing: 10px;
- padding: 10px;
- }
- .keyboard-row {
- spacing: 15px;
- }
- .keyboard-key {
- min-height: 30px;
- min-width: 30px;
- font-size: 18pt;
- font-weight: bold;
- color: #333;
- text-shadow: 0px 2px 2px 0px rgba(255,255,255,0.5);
- border-image: url("button.png") 5;
- }
- .keyboard-key:grayed {
- color: #808080;
- border-image: url("button-insensitive.png") 5;
- }
- .keyboard-key:checked,
- .keyboard-key:hover {
- border-image: url("button-hover.png") 5;
- }
- .keyboard-key:active {
- border-image: url("button-active.png") 5;
- }
- .keyboard-subkeys {
- color: white;
- padding: 5px;
- -arrow-border-radius: 6px;
- -arrow-background-color: #23272d;
- -arrow-border-width: 0px;
- -arrow-border-color: white;
- -arrow-base: 24px;
- -arrow-rise: 12px;
- -boxpointer-gap: -14px;
- }
- .keyboard-subkeys .keyboard-key {
- color: #ddd;
- text-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1);
- border-image: url("button-dark.png") 5;
- }
- .keyboard-subkeys .keyboard-key:grayed {
- border-image: url("button-dark-insensitive.png") 5;
- }
- .keyboard-subkeys .keyboard-key:checked,
- .keyboard-subkeys .keyboard-key:hover {
- border-image: url("button-dark-hover.png") 5;
- }
- .keyboard-subkeys .keyboard-key:active {
- border-image: url("button-dark-active.png") 5;
- }
- /* ###################################################################
- * Cinnamon Specific Section
- * ###################################################################*/
- /* ===================================================================
- * Menu (menu.js)
- * ===================================================================*/
- .menu-favorites-box {
- width: 50px;
- margin: auto;
- padding: 10px;
- border: 1px solid #aaa;
- border-radius: 3px;
- background-color: rgba(85,85,85,0.1);
- transition-duration: 100;
- }
- .menu-favorites-button {
- padding: 10px;
- }
- .menu-favorites-button:hover {
- padding: 10px 4px 10px 16px;
- }
- .menu-help-button {
- padding-top: 2px;
- padding-left: 5px;
- padding-right: 5px;
- padding-bottom: 2px;
- }
- .menu-help-button:hover {
- color: white;
- background-gradient-direction: vertical;
- background-gradient-start: rgba(255,255,255,0.12);
- background-gradient-end: rgba(255,255,255,0.06);
- box-shadow: inset 0px 0px 1px 1px rgba(255,255,255,0.12);
- border-radius: 3px;
- }
- .menu-places-box {
- padding: 10px;
- }
- .menu-places-button {
- padding: 10px;
- }
- .menu-categories-box {
- padding-top: 15px;
- padding-left: 15px;
- padding-right: 5px;
- padding-bottom: 0px;
- }
- .menu-applications-box {
- padding-top: 15px;
- padding-left: 10px;
- padding-right: 15px;
- padding-bottom: 0px;
- }
- .menu-application-button {
- height: 36px;
- padding: 0px 7px;
- }
- .menu-application-button:hover,
- .menu-application-button-selected {
- height: 36px;
- padding: 0px 7px;
- color: rgba(255,255,255,1);
- background-color: #3478db;
- border-color: #3374D4;
- }
- .menu-application-button-label:ltr {
- padding-left: 5px;
- }
- .menu-application-button-label:rtl {
- padding-right: 5px;
- }
- .menu-category-button {
- height: 36px;
- padding: 0px 7px;
- }
- .menu-category-button-greyed {
- height: 36px;
- padding: 0px 7px;
- color: #aaa;
- }
- .menu-category-button-selected {
- height: 36px;
- padding: 0px 7px;
- background-color: #3478db;
- color: rgba(255,255,255,1);
- border-color: #3374D4;
- }
- .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-right: 30px;
- padding-left: 28px;
- text-align: right;
- }
- .menu-selected-app-title {
- font-weight: bold;
- color: #4784de;
- }
- .menu-selected-app-description {
- max-width: 150px;
- color: #333;
- }
- .menu-search-box:ltr {
- padding-left: 15px;
- }
- .menu-search-box:rtl {
- padding-right: 15px;
- }
- #menu-search-entry {
- border-image: url("entry.png") 5;
- color: #333;
- caret-color: #333;
- font-size: 12pt;
- caret-size: 1px;
- selected-color: white;
- selection-background-color: #4784de;
- padding: 0px 8px;
- width: 15em;
- height: 30px;
- }
- .menu-search-entry-icon {
- icon-size: 1em;
- color: #333;
- }
- .menu-context-menu {
- }
- /* ===================================================================
- * Window list (windowList.js)
- * ===================================================================*/
- .window-list-box {
- spacing: 0px;
- }
- .window-list-item-label {
- font-weight: bold;
- width: 15em;
- min-width: 5px;
- }
- .window-list-item-box {
- padding-left: 4px;
- padding-right: 4px;
- }
- .window-list-item-box:active,
- .window-list-item-box:checked,
- .window-list-item-box:focus {
- color: white;
- text-shadow: 0px 1px 2px 0px rgba(0,0,0,0.5);
- border-image: url("panel-menu-active.png") 12 12 0 0;
- }
- .window-list-item-box:hover {
- color: white;
- text-shadow: 0px 1px 2px 0px rgba(0,0,0,0.5);
- border-image: url("panel-menu-hover.png") 12 12 0 0;
- }
- .window-list-item-box:hover:focus {
- color: white;
- text-shadow: 0px 1px 2px 0px rgba(0,0,0,0.5);
- border-image: url("panel-menu-active.png") 12 12 0 0;
- }
- .window-list-item-demands-attention {
- color: white;
- text-shadow: 0px 1px 2px 0px rgba(0,0,0,0.5);
- border-image: url("panel-menu-hover.png") 12 12 0 0;
- }
- /* ===================================================================
- * Sound Applet (status/volume.js)
- * ===================================================================*/
- .sound-button-container {
- padding-right: 0px;
- padding-left: 0px;
- }
- .sound-button {
- font-weight: normal;
- border-image: url('button.png') 5;
- min-height: 20px;
- transition-duration: 100;
- padding: 7px 10px;
- }
- .sound-button:hover {
- border-image: url('button-hover.png') 5;
- }
- .sound-button:active {
- border-image: url('button-active.png') 5;
- }
- .sound-button StIcon {
- icon-size: 16px;
- }
- .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: 1.09em;
- }
- .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.09em;
- padding-left: 8px;
- }
- .sound-playback-control {
- padding-top: 5px;
- padding-bottom: 10px;
- }
- /* ===================================================================
- * Workspace Switcher applet (workspaceSwitcher.js)
- * ===================================================================*/
- #workspaceSwitcher {
- spacing: 0px;
- padding: 0px;
- }
- .workspace-button {
- font-weight: bold;
- color: #ccc;
- width: 24px;
- height: 24px;
- }
- .workspace-button:hover {
- color: white;
- text-shadow: 0px 1px 2px 0px rgba(0,0,0,0.5);
- border-image: url("panel-menu-hover.png") 12 12 0 0;
- }
- .workspace-button:outlined {
- color: white;
- text-shadow: 0px 1px 2px 0px rgba(0,0,0,0.5);
- border-image: url("panel-menu-active.png") 12 12 0 0;
- }
- /* ===================================================================
- * Panel Launchers Applet (panelLaunchers.js)
- * ===================================================================*/
- #panel-launchers-box {
- padding-left: 0px;
- }
- .panel-launcher {
- margin: 0px;
- padding: 2px;
- }
- .panel-launcher:hover {
- padding: 0px 2px 4px 2px;
- }
- /* ===================================================================
- * Applets (applet.js)
- * ===================================================================*/
- .applet-box {
- font-weight: bold;
- color: #ccc;
- transition-duration: 100;
- padding-left: 5px;
- padding-right: 5px;
- }
- .applet-box:hover {
- color: white;
- text-shadow: 0px 1px 2px 0px rgba(0,0,0,0.5);
- border-image: url("panel-menu-active.png") 12 12 0 0;
- }
- .applet-label {
- padding: 0px;
- text-align: center;
- }
- .applet-icon:hover,
- .applet-box:hover > .applet-icon {
- icon-shadow: black 0px 2px 2px;
- }
- /* ===================================================================
- * Workspace OSD
- * ===================================================================*/
- .workspace-osd {
- background-gradient-start: #464e5a;
- background-gradient-end: #3d444f;
- background-gradient-direction: vertical;
- font-weight: bold;
- text-align: center;
- padding: 10px 16px;
- color: #fff;
- font-size: 3em;
- box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.35);
- border-radius: 6px;
- }
- .expo-workspaces-name-entry {
- spacing: 25px;
- font-weight: bold;
- color: rgb(128, 128, 128);
- caret-color: rgb(128, 128, 128);
- font-size: 12pt;
- caret-size: 1px;
- selected-color: white;
- selected-background-color: #4784de;
- padding: 6px 8px;
- border-image: url("search-entry.png") 5;
- transition-duration: 100;
- height: 18px;
- }
- .expo-workspaces-name-entry:hover {
- color: rgba(255,255,255,0.6);
- caret-color: rgba(255,255,255,0.6);
- transition-duration: 100;
- }
- .expo-workspaces-name-entry:focus {
- color: #333;
- caret-color: #333;
- font-weight: bold;
- border-image: url("search-entry-focus.png") 5;
- }
- /* ===================================================================
- * Notification Applet
- * ===================================================================*/
- .notification-applet-padding {
- padding: .4em 1.5em;
- spacing: 0px;
- }
- .notification-applet-container {
- max-height: 100px;
- }
- .popup-menu #notification {
- font-size: 10pt;
- background-gradient-start: transparent;
- background-gradient-end: transparent;
- background-gradient-direction: vertical;
- border: 1px solid #cdcdcd;
- box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.0);
- }
- /* Check Boxes */
- .check-box CinnamonGenericContainer {
- spacing: .8em;
- }
- .check-box StBin {
- width: 24px;
- height: 24px;
- background-image: url("checkbox-off.png");
- }
- .check-box:hover StBin {
- background-image: url("checkbox-off-hover.png");
- }
- .check-box:focus StBin {
- background-image: url("checkbox-off-focused.png");
- }
- .check-box:hover:focus StBin {
- background-image: url("checkbox-off-hover-focused.png");
- }
- .check-box:checked StBin {
- background-image: url("checkbox.png");
- }
- .check-box:checked:hover StBin {
- background-image: url("checkbox-hover.png");
- }
- .check-box:checked:focus StBin {
- background-image: url("checkbox-focused.png");
- }
- .check-box:checked:hover:focus StBin {
- background-image: url("checkbox-hover-focused.png");
- }
- .radiobutton CinnamonGenericContainer {
- spacing: .3em;
- height: 21px;
- }
- .radiobutton StBin,
- .radiobutton:focus StBin {
- padding-top: 4px;
- width: 14px;
- height: 14px;
- background-image: url("radiobutton-off.svg");
- }
- .radiobutton:checked StBin,
- .radiobutton:focus:checked StBin {
- background-image: url("radiobutton.svg");
- }
- .radiobutton StLabel {
- font-size: 14px;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement