520 lines
12 KiB
CSS
520 lines
12 KiB
CSS
*{color: #303030; icon-size: 16px; selection-background-color: rgba(0,0,0, 0.15); selected-color: #303030;}
|
|
|
|
#panel,
|
|
.menu-application-button:highlighted,
|
|
.calendar-events-date-label,
|
|
.calendar-today-day-label,
|
|
.calendar-today-date-label,
|
|
.calendar-today,
|
|
.calendar-events-date-label,
|
|
.calendar-event-time-present,
|
|
.grouped-window-list-thumbnail-menu .item-box
|
|
{ font-weight: bold;}
|
|
|
|
.calendar-day-heading,
|
|
.calendar-today-home-button *,
|
|
.overview-empty-placeholder *
|
|
{color: rgba(0,0,0, 0.5);}
|
|
|
|
.popup-subtitle-menu-item,
|
|
.calendar-other-month-day,
|
|
.calendar-week-number,
|
|
.datemenu-date-label,
|
|
.menu-category-button-greyed *,
|
|
.menu-selected-app-box *,
|
|
.popup-menu-item:insensitive *,
|
|
.popup-inactive-menu-item *,
|
|
.popup-menu-item:insensitive,
|
|
.popup-inactive-menu-item{color: rgba(0,0,0, 0.35);}
|
|
|
|
.menu-category-button-greyed StIcon {opacity: 0.5;}
|
|
|
|
.confirm-dialog-title,
|
|
.run-dialog-label{
|
|
text-align: center;
|
|
font-weight: bold;
|
|
font-size: 1.5em;
|
|
padding-bottom: 12px;
|
|
}
|
|
|
|
.run-dialog-description { padding-top: 12px; text-align: center; }
|
|
|
|
/* Size of elements */
|
|
|
|
#notification { spacing-rows: 10px; spacing-columns: 10px; margin-from-right-edge-of-screen: 20px; width: 34em; }
|
|
|
|
.applet-box{padding: 0 10px; spacing: 8px;}
|
|
.applet-box.vertical{padding: 10px 0;}
|
|
|
|
.window-list-item-box{spacing: 6px;}
|
|
|
|
.window-list-item-box.top,
|
|
.window-list-item-box.bottom { padding: 0 6px; }
|
|
.window-list-item-box.left,
|
|
.window-list-item-box.right { padding: 6px 0; }
|
|
|
|
.sound-player StButton:small{padding: 0;}
|
|
|
|
StScrollBar StButton{padding: 4px;}
|
|
|
|
.menu-category-button,
|
|
.menu-category-button-selected,
|
|
.menu-application-button,
|
|
.menu-application-button-selected,
|
|
.menu-category-button-greyed,
|
|
#Tooltip,
|
|
.calendar-events-main-box {padding: 6px;}
|
|
|
|
StEntry,
|
|
.menu-favorites-box,
|
|
.menu-favorites-button,
|
|
.menu-applications-inner-box,
|
|
.menu-applications-outer-box,
|
|
#notification,
|
|
StButton.notification-applet-padding,
|
|
.switcher-list,
|
|
.window-caption,
|
|
#LookingGlassDialog,
|
|
.calendar,
|
|
.calendar StButton,
|
|
.calendar-week-number,
|
|
.datemenu-date-label,
|
|
.info-osd,
|
|
.osd-window,
|
|
.window-list-preview,
|
|
.sound-player StButton,
|
|
.overview-empty-placeholder
|
|
{padding: 8px;}
|
|
|
|
.popup-menu-item{padding: 6px 20px;}
|
|
|
|
.modal-dialog { padding: 20px; }
|
|
|
|
.menu-application-button-label:ltr,
|
|
.menu-application-button-label:rtl,
|
|
.menu-category-button-label:ltr,
|
|
.menu-category-button-label:rtl
|
|
{ padding: 0 6px;}
|
|
|
|
.menu-search-box:ltr,
|
|
.menu-categories-box{ padding-left: 16px;}
|
|
.menu-categories-box{ padding-top: 8px;}
|
|
|
|
.notification-button,
|
|
.modal-dialog StButton {margin: 0 4px;}
|
|
|
|
.notification-button{padding: 6px;}
|
|
|
|
.modal-dialog StButton {padding: 8px 64px;}
|
|
|
|
.run-dialog-entry{ width: 20em;}
|
|
.run-dialog{padding: 0px 16px; padding-top: 8px;}
|
|
|
|
.popup-separator-menu-item,
|
|
.calendar-events-main-box .separator { -margin-horizontal: 1.5em; height: 1px;}
|
|
|
|
.switcher-list .thumbnail,
|
|
.calendar-event-summary { width: 260px;}
|
|
|
|
.workspace-thumbnails {spacing: 14px;}
|
|
|
|
.workspace-close-button {-cinnamon-close-overlap: 32px; }
|
|
|
|
.sound-player StBoxLayout,
|
|
.popup-menu-item { spacing: 1em;}
|
|
|
|
.popup-menu-content{ padding: 6px;}
|
|
|
|
.calendar-today-home-button,
|
|
.calendar-today-home-button-enabled,
|
|
.calendar-event-button { padding: 6px;}
|
|
|
|
.modal-dialog-button-box { spacing: 21px; padding-top: 21px;}
|
|
|
|
.keyboard-layout,
|
|
.keyboard-row { spacing: 10px;}
|
|
|
|
.osd-window .level {height: 8px;}
|
|
|
|
.menu,
|
|
.calendar-event-row-content,
|
|
.grouped-window-list-thumbnail-menu,
|
|
#Tooltip,
|
|
.window-caption
|
|
{margin: 8px;}
|
|
|
|
.sound-player-overlay { padding: 12px;}
|
|
|
|
.menu-selected-app-box { padding: 8px; text-align: right;}
|
|
|
|
.calendar-events-no-events-button{padding: 32px;}
|
|
|
|
.calendar-day-heading{padding-top: 16px;}
|
|
|
|
.calendar-event-color-strip { width: 4px;}
|
|
|
|
.calendar-event-button{margin: 4px 0px;}
|
|
|
|
.grouped-window-list-box StIcon{padding: 8px;}
|
|
|
|
.switcher-list { padding: 16px;}
|
|
|
|
/* Background */
|
|
|
|
#notification StButton,
|
|
.switcher-list StButton,
|
|
.grouped-window-list-thumbnail-menu StButton,
|
|
.calendar StButton,
|
|
.sound-player StButton:small,
|
|
.sound-player-overlay StButton,
|
|
StButton.popup-menu-item,
|
|
.window-list-preview .window-close,
|
|
.window-list-preview .window-close:hover,
|
|
.window-list-preview .window-close:active,
|
|
.window-list-preview .window-close:checked,
|
|
.calendar-events-no-events-button,
|
|
.menu StButton,
|
|
.menu StButton:hover.notification-applet-padding,
|
|
StButton:checked.radiobutton
|
|
{background-color: transparent; border-color: transparent; box-shadow: none;}
|
|
|
|
#panel,
|
|
.grouped-window-list-badge,
|
|
.sound-player-overlay
|
|
{background-color: rgba(255,255,255, 0.8);}
|
|
|
|
.menu,
|
|
.popup-combo-menu,
|
|
.modal-dialog,
|
|
.switcher-list,
|
|
.expo-background,
|
|
#LookingGlassDialog,
|
|
#keyboard,
|
|
.info-osd,
|
|
.osd-window,
|
|
.window-list-preview,
|
|
.workspace-close-button,
|
|
.workspace-close-button:hover,
|
|
.workspace-close-button:active,
|
|
.workspace-close-button:checked,
|
|
.overview-empty-placeholder,
|
|
.grouped-window-list-thumbnail-menu,
|
|
#notification,
|
|
#Tooltip,
|
|
.window-caption
|
|
{background-color: #fff;}
|
|
|
|
StEntry,
|
|
.menu-favorites-box,
|
|
StButton,
|
|
#notification .notification-button,
|
|
.popup-sub-menu,
|
|
.popup-menu-item:active,
|
|
.popup-submenu-menu-item:open,
|
|
.menu-favorites-button:hover,
|
|
.menu-category-button-selected,
|
|
.menu-application-button-selected,
|
|
.workspace-graph .workspace,
|
|
.osd-window .level,
|
|
.panelLeft:dnd,
|
|
.panelCenter:dnd,
|
|
.panelRight:dnd,
|
|
.sound-player StButton:small:hover,
|
|
.sound-player-overlay StButton:hover,
|
|
.calendar-change-month-back:hover,
|
|
.calendar-change-month-forward:hover,
|
|
.calendar-event-button:hover,
|
|
.menu StButton:hover,
|
|
.grouped-window-list-thumbnail-menu .item-box:selected,
|
|
.menu #notification,
|
|
.applet-box:hover,
|
|
.grouped-window-list-item-box:hover,
|
|
.grouped-window-list-item-box:active:hover,
|
|
.window-list-item-box:hover,
|
|
.window-list-item-box:active:hover
|
|
{ background-color: rgba(0,0,0, 0.1); box-shadow: none;}
|
|
|
|
StButton:hover,
|
|
#notification .notification-button:hover,
|
|
.window-close,
|
|
.window-close:hover
|
|
{ background-color: rgba(0,0,0, 0.15); box-shadow: none;}
|
|
|
|
StButton:active,
|
|
StButton:checked,
|
|
#notification .notification-button:active,
|
|
#notification .notification-button:checked,
|
|
.workspace-graph .workspace:active,
|
|
.panel-dummy:entered,
|
|
.sound-player StButton:small:active,
|
|
.sound-player-overlay StButton:active,
|
|
.calendar-change-month-back:active,
|
|
.calendar-change-month-forward:active,
|
|
.switcher-list .item-box:selected,
|
|
.window-close:active,
|
|
.window-close:checked,
|
|
.window-list-item-box:focus,
|
|
.window-list-item-box:active:focus,
|
|
.grouped-window-list-item-box:focus,
|
|
.grouped-window-list-item-box:active:focus,
|
|
.calendar-today,
|
|
.calendar-today:selected,
|
|
.calendar-today:selected:hover
|
|
{ background-color: rgba(0,0,0, 0.2); box-shadow: none;}
|
|
|
|
.window-list-item-box,
|
|
.grouped-window-list-item-box:active,
|
|
.calendar-event-button { background-color: rgba(0,0/**/,0, 0.01);}
|
|
|
|
.panel-bottom .window-list-item-box:focus,
|
|
.panel-bottom .grouped-window-list-item-box:active{ box-shadow: inset 0 -3px #303030;}
|
|
|
|
.panel-top .window-list-item-box:focus,
|
|
.panel-top .grouped-window-list-item-box:active{ box-shadow: inset 0 3px #303030;}
|
|
|
|
.panel-right .window-list-item-box:focus,
|
|
.panel-right .grouped-window-list-item-box:active{ box-shadow: inset -3px 0 #303030;}
|
|
|
|
.panel-left .window-list-item-box:focus,
|
|
.panel-left .grouped-window-list-item-box:active{ box-shadow: inset 3px 0 #303030;}
|
|
|
|
.progress{background-color: rgba(51,185,84,0.5);}
|
|
|
|
.panel-dummy{ background-color: rgba(0,0,0, 0.5);}
|
|
|
|
.expo-background{background-color: #252525;}
|
|
|
|
/* Borders */
|
|
|
|
.menu,
|
|
#notification,
|
|
.modal-dialog
|
|
{box-shadow: none; }
|
|
|
|
StButton,
|
|
#notification .notification-button,
|
|
.menu #notification,
|
|
StEntry,
|
|
.menu-favorites-box
|
|
{border: none;}
|
|
|
|
.popup-combo-menu,
|
|
.grouped-window-list-badge,
|
|
.switcher-list,
|
|
#LookingGlassDialog,
|
|
.info-osd,
|
|
.osd-window,
|
|
.window-list-preview,
|
|
.overview-empty-placeholder,
|
|
.grouped-window-list-thumbnail-menu,
|
|
.modal-dialog,
|
|
.menu,
|
|
#notification,
|
|
#Tooltip,
|
|
.window-caption
|
|
{border: 1px solid;}
|
|
|
|
.menu-selected-app-box,
|
|
.panel-bottom{border-top: 1px solid;}
|
|
.panel-top{border-bottom: 1px solid;}
|
|
.panel-left{border-right: 1px solid;}
|
|
.panel-right{border-left: 1px solid;}
|
|
|
|
.menu,
|
|
.popup-combo-menu,
|
|
.modal-dialog,
|
|
.menu #notification,
|
|
.menu-favorites-box,
|
|
.grouped-window-list-badge,
|
|
.switcher-list,
|
|
#LookingGlassDialog,
|
|
.info-osd,
|
|
.osd-window,
|
|
.window-list-preview,
|
|
.overview-empty-placeholder,
|
|
.grouped-window-list-thumbnail-menu,
|
|
.panel-bottom,
|
|
.panel-top,
|
|
.panel-left,
|
|
.panel-right,
|
|
#notification,
|
|
#Tooltip,
|
|
.window-caption
|
|
{border-color: rgba(0,0,0, 0.2);}
|
|
|
|
.popup-separator-menu-item,
|
|
.calendar-events-main-box .separator{background-color: rgba(0,0,0, 0.2);}
|
|
|
|
/* Border Radius */
|
|
|
|
.popup-submenu-menu-item:open{ border-radius: 6px 6px 0px 0px ; }
|
|
|
|
.popup-sub-menu,
|
|
.popup-sub-menu .popup-menu-item:last-child{ border-radius: 0px 0px 6px 6px; }
|
|
|
|
StEntry,
|
|
StButton,
|
|
#Tooltip,
|
|
#notification,
|
|
.osd-window .level,
|
|
.osd-window .level-bar,
|
|
.menu,
|
|
.popup-combo-menu,
|
|
.modal-dialog,
|
|
.menu-favorites-button,
|
|
.menu-favorites-box,
|
|
.switcher-list,
|
|
.menu-category-button-selected,
|
|
.menu-application-button-selected,
|
|
.window-caption,
|
|
#LookingGlassDialog,
|
|
.info-osd,
|
|
.osd-window,
|
|
.calendar-event-button,
|
|
.overview-empty-placeholder,
|
|
.grouped-window-list-thumbnail-menu,
|
|
.popup-menu-item,
|
|
.popup-sub-menu .popup-menu-item
|
|
{border-radius: 6px;}
|
|
|
|
StScrollBar StButton{border-radius: 0px; border-color: transparent; background-clip: border-box;}
|
|
|
|
.grouped-window-list-badge,
|
|
.workspace-close-button,
|
|
.window-close{border-radius: 9999px;}
|
|
|
|
.workspace-graph .workspace .windows {
|
|
-active-window-background: rgba(140, 140, 140, 1.0);
|
|
-active-window-border: rgba(0, 0, 0, 0.7);
|
|
-inactive-window-background: rgba(140, 140, 140, 1.0);
|
|
-inactive-window-border: rgba(0, 0, 0, 0.7);
|
|
}
|
|
|
|
.workspace-graph .workspace:active .windows {
|
|
-active-window-background: rgba(255, 255, 255, 1.0);
|
|
-active-window-border: rgba(0, 0, 0, 0.9);
|
|
-inactive-window-background: rgba(140, 140, 140, 1.0);
|
|
-inactive-window-border: rgba(0, 0, 0, 0.7);
|
|
}
|
|
|
|
.popup-slider-menu-item {
|
|
height: 1em;
|
|
-slider-height: 6px;
|
|
-slider-background-color: rgba(0,0,0, 0.2);
|
|
-slider-active-background-color: #303030;
|
|
-slider-border-width: 1px;
|
|
-slider-handle-radius: 0em;
|
|
}
|
|
|
|
.osd-window .level-bar,
|
|
StScrollBar StButton,
|
|
StScrollBar StButton:hover,
|
|
StScrollBar StButton:active,
|
|
StScrollBar StButton:checked,
|
|
.menu StScrollBar StButton,
|
|
.menu StScrollBar StButton:hover,
|
|
.menu StScrollBar StButton:active,
|
|
.menu StScrollBar StButton:checked
|
|
{background-color: #303030; box-shadow: none;}
|
|
|
|
/* SVG */
|
|
|
|
.workspace-close-button,
|
|
.window-close { background-image: url("../general/close-window.svg"); height: 32px; width: 32px;}
|
|
|
|
.workspace-add-button {
|
|
background-image: url("../general/add-workspace.svg");
|
|
height: 200px;
|
|
width: 48px;
|
|
transition-duration: 300;
|
|
}
|
|
|
|
.calendar-change-month-back,
|
|
.calendar-change-month-forward:rtl{background-image: url("../general/calendar-arrow-left.svg");}
|
|
.calendar-change-month-back:rtl,
|
|
.calendar-change-month-forward {background-image: url("../general/calendar-arrow-right.svg");}
|
|
|
|
.calendar-day-event-dot {
|
|
margin: 2px;
|
|
border-radius: 9999px;
|
|
width: 6px;
|
|
height: 6px;
|
|
}
|
|
|
|
.ripple-box {
|
|
width: 104px;
|
|
height: 104px;
|
|
background-image: url("../general/corner-ripple.svg");
|
|
}
|
|
.ripple-box:rtl { background-image: url("../general/corner-ripple.svg"); }
|
|
|
|
/* Check Boxes */
|
|
.check-box CinnamonGenericContainer {
|
|
spacing: .2em;
|
|
}
|
|
|
|
.toggle-switch { width: 16px; height: 16px;}
|
|
|
|
.check-box StBin,
|
|
.check-box:focus StBin {
|
|
width: 16px;
|
|
height: 16px;
|
|
background-image: url("../general/checkbox-off.svg");
|
|
}
|
|
|
|
.check-box:checked StBin,
|
|
.check-box:focus:checked StBin{ background-image: url("../general/checkbox.svg"); }
|
|
|
|
.check-box StLabel { font-weight: normal; }
|
|
|
|
.radiobutton CinnamonGenericContainer {
|
|
spacing: .2em;
|
|
height: 18px;
|
|
padding-top: 2px;
|
|
}
|
|
|
|
.radiobutton StBin,
|
|
.radiobutton:focus StBin {
|
|
width: 16px;
|
|
height: 16px;
|
|
background-image: url("../general/radiobutton-off.svg");
|
|
border-radius: 9999px;
|
|
}
|
|
|
|
.radiobutton:checked StBin,
|
|
.radiobutton:focus:checked StBin { background-image: url("../general/radiobutton.svg"); }
|
|
|
|
.radiobutton StLabel {
|
|
padding-top: 4px;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.toggle-switch-us,
|
|
.toggle-switch-intl {
|
|
width: 32px;
|
|
height: 16px;
|
|
background-image: url("../general/switch-off.svg");
|
|
}
|
|
|
|
.toggle-switch-us:checked,
|
|
.toggle-switch-intl:checked{ background-image: url("../general/switch-on.svg"); }
|
|
|
|
.tile-preview,
|
|
.tile-hud { background-color: rgba(100,100,100, 0.3); border: 1px solid rgba(100,100,100, 0.5);}
|
|
|
|
.applet-separator-line {
|
|
width: 1px;
|
|
background: rgba(0,0,0, 0.2);
|
|
}
|
|
|
|
.applet-separator-line-vertical {
|
|
border: 0px solid rgba(0,0,0, 0.2);
|
|
border-bottom-width: 1px;
|
|
}
|
|
|
|
/* this is for user applet */
|
|
.user-label { color: #303030;}
|
|
|
|
.user-icon{border: 2px solid #303030;}
|
|
|