homes/graphic/.themes/Flatty flakes/cinnamon/cinnamon.css
2013-12-16 01:09:10 +01:00

1430 lines
27 KiB
CSS

/* ###################################################################
* Section common with Gnome Shell
* ... contains a few cinnamon specific styles (rare occurences)
* ###################################################################*/
stage {
font-family: ubuntu, sans;
color: #eae3d1;
font-size: 10pt;
}
.cinnamon-link {
color: #accd8a;
text-decoration: underline;
}
.cinnamon-link:hover {
color: #333;
}
StScrollBar {
padding: 0px;
}
StScrollView.vfade {
-st-vfade-offset: 68px;
}
StScrollView StScrollBar {
min-width: 14px;
min-height: 16px;
}
StScrollBar StBin#trough {
background-color: rgba(67,66,63,1);
border-radius: 6px;
box-shadow: inset 2px 2px 4px 1px rgba(20,20,20,0.25);
}
StScrollBar StButton#vhandle,
StScrollBar StButton#vhandle:hover {
background-color: rgba(47,46,43,1);
border-radius: 6px;
}
StScrollBar StButton#hhandle,
StScrollBar StButton#hhandle:hover {
background-color: rgba(47,46,43,1);
border-radius: 6px;
}
StTooltip StLabel {
padding: 6px;
background-color: rgba(37,36,33,0.85);
font-weight: normal;
text-align: center;
border-radius: 5px;
box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.3);
}
#Tooltip {
padding: 6px;
background: rgba(37,36,33,0.85);
border-radius: 5px;
font-weight: normal;
text-align: center;
}
/* ===================================================================
* PopupMenu (popupMenu.js)
* ===================================================================*/
.popup-menu-boxpointer {
-boxpointer-gap: 10px;
-arrow-border-color: rgba(22,22,22,0.2);
-arrow-border-width: 0px;
-arrow-border-radius: 8px;
-arrow-background-color: rgba(85,83,80,1);
-arrow-base: 15px;
-arrow-rise: 0px;
}
.popup-sub-menu StScrollBar {
padding: 4px;
}
.popup-combo-menu {
border: 0px solid rgba(220,220,220,0.1);
}
.popup-combo-menu > .popup-menu-item {
padding: .4em .75em;
}
.popup-combo-menu > .popup-menu-item:active {
padding: .4em .75em;
border: none;
}
/* 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;
}
.popup-menu-item {
padding: 0.4em 0.8em;
spacing: 1em;
}
.popup-menu-item:active {
background: rgba(67,66,63,1);
color: rgba(240,240,240,1);
border-radius: 4px;
transition-duration: 100;
}
.popup-image-menu-item {
}
.popup-combobox-item {
spacing: 1em;
}
.popup-separator-menu-item {
background: rgba(0,0,0,0.1);
border: 1px solid rgba(220,220,220,0.1);
border-top: 0px;
border-left: 0px;
border-right: 0px;
color: #444;
box-shadow: inset 0px 1px 2px rgba(0,0,0,0.2);
height: 0.1em;
}
.popup-alternating-menu-item:alternate {
font-weight: bold;
}
.popup-slider-menu-item {
height: 1em;
min-width: 15em;
-slider-height: 0.2em;
-slider-background-color: rgba(47,46,43,1);
-slider-border-color: rgba(47,46,43,0);
-slider-active-background-color: rgba(180,178,175,1);
-slider-active-border-color: rgba(180,178,175,0);
-slider-border-width: 0px;
-slider-handle-radius: 0.5em;
}
.popup-device-menu-item {
spacing: .5em;
}
.popup-inactive-menu-item {
}
.popup-subtitle-menu-item {
font-weight: bold;
}
.popup-menu-icon {
icon-size: 1.14em;
}
/* Switches (to be used in menus) */
.toggle-switch {
width: 64px;
height: 22px;
}
.toggle-switch-us {
background-image: url("toggle-off-us.svg");
}
.toggle-switch-us:checked {
background-image: url("toggle-on-us.svg");
}
.toggle-switch-intl {
background-image: url("toggle-off-intl.svg");
}
.toggle-switch-intl:checked {
background-image: url("toggle-on-intl.svg");
}
.nm-menu-item-icons {
spacing: .5em;
}
/* ===================================================================
* Panel (panel.js)
* ===================================================================*/
#panel {
background-color: rgba(85,83,80,1);
height: 28px;
font-size: 9pt;
box-shadow: 0px 1px 4px 0px rgba(20,20,20,0.3);
}
#panelLeft, #panelCenter, #panelRight {
spacing: 0px;
}
#panelLeft:ltr {
padding-right: 0px;
spacing: 0px;
}
#panelLeft:rtl {
padding-left: 0px;
}
#panelRight:ltr {
padding-left: 0px;
spacing: 0px;
}
#panelRight:rtl {
padding-right: 0px;
spacing: 0px;
}
#panelLeft:ltr .applet-box {
padding-right: 10px;
font-weight:bold;
}
#panelLeft:ltr .applet-box:hover {
color: rgba(255,255,255,1);
text-shadow: white 0px 0px 15px 0px;
background: rgba(0,0,0,0);
}
#panelLeft:ltr .applet-box:focus,
#panelLeft:ltr .applet-box:active {
background: rgba(0,0,0,0);
}
.panel-status-button,
.panel-button {
-natural-hpadding: 5px;
-minimum-hpadding: 5px;
padding: 0px 2px;
font-weight: normal;
text-shadow: 0px 1px 1px rgba(0,0,0,0.2);
transition-duration: 300;
icon-size: 16px;
}
.panel-status-button:hover,
.panel-button:hover {
background: rgba(66,65,62,1);
}
.system-status-icon {
icon-size: 1.27em;
}
#panelLeft:dnd {
background: #accd8a;
}
#panelCenter:dnd {
background: #f07746;
}
#panelRight:dnd {
background: #3D95E7;
}
/* ===================================================================
* Overview
* ===================================================================*/
#overview {
background: rgba(0,0,0,0.1);
transition-duration: 150;
}
.expo-background {
background: rgba(0,0,0,0.3);
}
.window-caption {
spacing: 25px;
font-weight: bold;
padding: 2px 8px;
transition-duration: 300;
-cinnamon-caption-spacing: 4px;
}
.window-caption#selected {
}
.window-close {
background-image: url("window-close.svg");
height: 32px;
width: 32px;
-cinnamon-close-overlap: 16px;
transition-duration: 150;
-st-background-image-shadow: 0px 2px 4px rgba(0,0,0,0.7);
}
.window-close:hover {
background-image: url("window-close-hover.svg");
}
.workspace-close-button {
background-image: url("window-close.svg");
height: 28px;
width: 28px;
-cinnamon-close-overlap: 32px;
transition-duration: 150;
-st-background-image-shadow: 0px 4px 4px rgba(0,0,0,0.4);
}
.workspace-close-button:hover {
background-image: url("window-close-hover.svg");
}
.workspace-thumbnails {
spacing: 20px;
}
.workspace-add-button {
background-image: url("add-workspace-button.svg");
height: 32px;
width: 28px;
-st-background-image-shadow: 0px 2px 4px rgba(0,0,0,0.7);
transition-duration: 150;
}
.workspace-add-button:hover {
background-image: url("add-workspace-button-hover.svg");
transition-duration: 150;
}
.window-close-area {
background-image: url("trash.svg");
background-color: #3c3b37;
color: #eae3d1;
border: 1px solid rgba(22,22,22,0.2);
border-bottom-width: 0px;
border-radius: 6px 6px 0px 0px;
height: 120px;
width: 220px;
}
.ripple-box {
width: 52px;
height: 52px;
background-image: url("corner-ripple.png");
background-size: contain;
}
.ripple-box:rtl {
background-image: url("corner-ripple.png");
}
/* ===================================================================
* Looking Glass
* ===================================================================*/
#LookingGlassDialog {
font-family: ubuntu, sans;
font-size: 10pt;
background: rgba(0,0,0,0.85);
spacing: 4px;
padding: 4px;
border-radius: 2px;
border: 1px solid #161616;
color: #c4c4c4;
box-shadow: 0px 1px 4px 2px rgba(0,0,0,0.5);
}
#LookingGlassDialog > #Toolbar {
border: 1px solid #c4c4c4;
border-top: 0px;
border-left: 0px;
border-right: 0px;
padding-bottom: 4px;
}
#LookingGlassDialog .labels {
spacing: 4px;
}
#LookingGlassDialog .notebook-tab {
padding: 1px 8px;
color: #c4c4c4;
}
#LookingGlassDialog .notebook-tab:hover {
color: #ffffff;
}
#LookingGlassDialog .notebook-tab:selected {
background: #c4c4c4;
border-radius: 2px;
color: #000;
}
#LookingGlassDialog .lg-inspector-title {
font-weight: bold;
padding-bottom: 8px;
}
.lg-dialog StLabel {
color: #ffffff;
}
.lg-dialog StEntry {
color: #ffffff;
}
.lg-obj-inspector-title {
spacing: 4px;
}
.lg-obj-inspector-button {
background: rgba(255,255,255,0.2);
border: 1px solid rgba(255,255,255,0.5);
height: 14px;
padding: 0 8px;
border-radius: 1px;
color: rgba(255,255,255,1.0);
}
.lg-obj-inspector-button:hover {
background: rgba(255,255,255,1.0);
border: 1px solid rgba(255,255,255,1.0);
color: #000;
}
.lg-dialog .cinnamon-link {
color: #ffffff;
}
.lg-dialog .cinnamon-link:hover {
color: #0055ff;
}
#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 #333;
border-top: 0px;
border-left: 0px;
border-right: 0px;
padding: 4px 0px;
}
.lg-extension-name {
font-weight: bold;
}
.lg-extension-meta {
spacing: 6px;
}
#LookingGlassPropertyInspector {
background: rgba(0, 0, 0, 0.7);
border-radius: 3px;
border: 1px solid #333;
padding: 6px;
color: #ffffff;
}
/* ===================================================================
* Date applet
* ===================================================================*/
.calendar {
padding: .4em 1.75em;
spacing-rows: 0px;
spacing-columns: 0px;
}
.datemenu-date-label {
padding: .4em 1.75em;
font-weight: bold;
text-align: center;
}
.calendar-month-label {
font-size: 8.5pt;
font-weight: bold;
padding-bottom: 3px;
padding-top: 2px;
text-align: center;
}
.calendar-change-month-back,
.calendar-change-month-forward:rtl {
width: 20px;
height: 20px;
background-image: url("calendar-left.png");
border-radius: 4px;
transition-duration: 150;
}
.calendar-change-month-back:hover {
background-color: rgba(47,46,43,1);
border-radius: 2px;
}
.calendar-change-month-forward,
.calendar-change-month-back:rtl {
width: 20px;
height: 20px;
background-image: url("calendar-right.png");
border-radius: 4px;
transition-duration: 150;
}
.calendar-change-month-forward:hover {
background-color: rgba(47,46,43,1);
border-radius: 2px;
}
.calendar-day-base {
font-size: 7.5pt;
text-align: center;
width: 2.4em;
max-height: 2.4em;
padding: 5px 0px 5px 0px;
}
.calendar-day-heading {
padding-top: 1em;
font-weight: bold;
}
.calendar-week-number {
padding-left: 0px;
font-weight: bold;
border: 1px solid transparent;
}
/* Hack used in lieu of border-collapse - see calendar.js */
.calendar-day {
border-top-width: 2px;
border-left-width: 2px;
background: rgba(62,61,58,1);
}
.calendar-day-top {
border-top-width: 2px;
}
.calendar-day-left {
border-left-width: 2px;
}
.calendar-work-day {
border-radius: 4px;
border: 2px solid rgba(85,83,80,1);
}
.calendar-nonwork-day {
border-radius: 4px;
border: 2px solid rgba(85,83,80,1);
}
.calendar-today {
background-gradient-direction: vertical;
background-gradient-start: rgba(33,32,30,1);
background-gradient-end: rgba(33,32,30,1);
border: 2px solid rgba(85,83,80,0);
}
.calendar-other-month-day {
background: rgba(62,61,58,1);
color: rgba(102,100,95,1);
border: 2px solid rgba(85,83,80,1);
}
/* ===================================================================
* Notifications
* ===================================================================*/
#notification {
background: rgba(37,36,33,0.85);
border-radius: 6px;
color: rgba(240,240,240,1);
padding: 12px;
border: 0px solid rgba(44,44,44,0.4);
spacing-rows: 10px;
spacing-columns: 10px;
box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.3);
margin-from-right-edge-of-screen: 5px;
width: 30em;
}
#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;
}
#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: 16px;
spacing: 16px;
}
.switcher-list {
border-radius: 6px;
background-color: rgba(60,59,56,1);
padding: 15px;
}
.switcher-list-item-container {
spacing: 8px;
}
.switcher-list .item-box {
padding: 8px;
border-radius: 8px;
}
.switcher-list .item-box:outlined {
}
.switcher-list .item-box:selected {
background-color: rgba(90,88,85,1);
color: #fff;
border-radius: 6px;
}
.switcher-list .thumbnail-box {
padding: 2px;
spacing: 4px;
}
.switcher-list .thumbnail {
width: 256px;
}
/* ===================================================================
* Modal dialogs
* ===================================================================*/
.modal-dialog {
font-weight: bold;
background-color: #3c3b37;
border-radius: 4px;
padding: 30px 35px;
border: 1px solid rgba(22,22,22,0.2);
}
.modal-dialog-button-box {
spacing: 21px;
padding-top: 30px;
}
.modal-dialog-button {
background: #3c3b37;
border: 1px solid rgba(22,22,22,0.4);
border-radius: 5px;
box-shadow: inset 0px 1px 1px rgba(255,255,255,0.2);
font-weight: normal;
padding: 8px 5px;
min-width: 105px;
transition-duration: 100;
}
.modal-dialog-button:hover,
.modal-dialog-button:focus {
background-gradient-direction: vertical;
background-gradient-start: #accd8a;
background-gradient-end: #c2dda7;
box-shadow: inset 0px 1px 1px rgba(255,255,255,0.3);
color: #3c3b37;
}
.modal-dialog-button:active,
.modal-dialog-button:pressed {
background-gradient-direction: vertical;
background-gradient-start: #accd8a;
background-gradient-end: #c2dda7;
box-shadow: inset 0px 0px 1px 1px #3c3b37;
}
.modal-dialog-button:disabled {
border: 1px solid rgba(22,22,22,0.1);
box-shadow: inset 0px 0px 0px rgba(255,255,255,0.0);
}
/* ===================================================================
* Run dialog
* ===================================================================*/
.run-dialog-label {
font-weight: bold;
padding-bottom: 14px;
}
.run-dialog-error-label {
font-weight: normal;
color: #ff0000;
}
.run-dialog-error-box {
padding-top: 15px;
spacing: 5px;
}
.run-dialog-entry {
border-radius: 6px;
color: #3c3b37;
border: 0px solid #accd8a;
background-color: #fff;
selected-color: #eae3d1;
font-weight: normal;
padding: 4px;
padding-bottom: 3px;
}
.run-dialog {
border: 0px solid rgba(22,22,22,0.2);
background: #3c3b37;
border-radius: 6px;
padding-right: 21px;
padding-left: 21px;
padding-bottom: 20px;
padding-top: 15px;
}
.run-dialog > .modal-dialog-button-box {
padding-top: 5px;
}
.lightbox {
background-color: rgba(0,0,0,0.1);
transition-duration: 150;
}
/* ===================================================================
* 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;
}
.polkit-dialog-description {
font-weight: normal;
}
.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: #accd8a;
}
.polkit-dialog-password-label:ltr {
padding-top: 5px;
padding-right: 0.5em;
}
.polkit-dialog-password-label:rtl {
padding-left: 0.5em;
}
.polkit-dialog-password-entry {
background: white;
border: 1px solid #accd8a;
border-radius: 4px;
box-shadow: inset 0px 0px 1px 1px #accd8a;
selected-color: #eae3d1;
caret-color: #3c3b37;
caret-size: 1px;
color: #3c3b37;
width: 250px;
font-weight: normal;
padding: 4px;
padding-bottom: 3px;
}
.polkit-dialog-error-label {
font-weight: bold;
color: #accd8a;
padding-bottom: 8px;
}
.polkit-dialog-info-label {
padding-bottom: 8px;
}
/* intentionally left transparent to avoid dialog changing size */
.polkit-dialog-null-label {
color: rgba(0,0,0,0);
padding-bottom: 8px;
}
.network-dialog-secret-table {
spacing-rows: 15px;
}
/* ===================================================================
* Magnifier
* ===================================================================*/
.magnifier-zoom-region {
border: 2px solid #accd8a;
}
.magnifier-zoom-region.full-screen {
border-width: 0px;
}
/* ===================================================================
* On screen keyboard
* ===================================================================*/
#keyboard {
background: rgba(0,0,0,0.8);
}
.keyboard-layout {
spacing: 10px;
padding: 10px;
}
.keyboard-row {
spacing: 15px;
}
.keyboard-key {
min-height: 30px;
min-width: 30px;
background-gradient-direction: vertical;
background-gradient-start: #accd8a;
background-gradient-end: #c2dda7;
font-size: 14pt;
font-weight: bold;
border-radius: 5px;
border: 1px solid rgba(22,22,22,0.4);
box-shadow: inset 0px 1px 1px rgba(255,255,255,0.4);
color: #3c3b37;
}
.keyboard-key:grayed {
color: #808080;
border-color: #808080;
}
.keyboard-key:checked,
.keyboard-key:hover {
border: 0px solid transparent;
}
.keyboard-key:active {
border: 1px solid rgba(22,22,22,0.4);
}
.keyboard-subkeys {
color: #3c3b37;
padding: 5px;
-arrow-border-radius: 4px;
-arrow-background-color: rgba(0,0,0,0.8);
-arrow-border-width: 1px;
-arrow-border-color: rgba(0,0,0,0.8);
-arrow-base: 15px;
-arrow-rise: 4px;
-boxpointer-gap: 5px;
}
/* ###################################################################
* Cinnamon Specific Section
* ###################################################################*/
/* ===================================================================
* Menu (menu.js)
* ===================================================================*/
.menu-favorites-box {
padding: 0px;
border-radius: 4px;
background-color: rgba(67,66,63,1);
box-shadow: 1px 1px 4px 2px rgba(20,20,20,0.5);
}
.menu-favorites-button {
padding: 10px;
transition-duration: 150;
}
.menu-favorites-button:hover {
background-color: rgba(52,51,48,1);
border-radius: 4px;
}
.menu-favorites-button:first-child {
}
.menu-favorites-button:last-child {
}
.menu-favorites-button:only-child {
}
.menu-help-button {
padding-top: 2px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 2px;
border: 0px solid transparent;
}
.menu-help-button:hover {
background-color: rgba(67,66,63,1);
}
.menu-places-box {
padding: 10px;
border: 0px solid #666;
}
.menu-places-button {
color: #eae3d1;
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 {
padding: 7px;
border: 0px solid transparent;
}
.menu-application-button:hover,
.menu-application-button-selected {
padding: 7px;
background-color: rgba(67,66,63,1);
border-radius: 4px;
color: #fff;
}
.menu-application-button-label:ltr {
padding-left: 5px;
}
.menu-application-button-label:rtl {
padding-right: 5px;
}
.menu-place-cat-button-label:ltr {
padding-top: 3px;
padding-left: 5px;
}
.menu-place-cat-button-label:rtl {
padding-top: 3px;
padding-right: 5px;
}
.menu-category-button {
padding: 7px;
}
.menu-category-button-greyed {
padding: 7px;
color: rgba(157,156,153,1);
font-weight: normal;
}
.menu-category-button-selected {
padding: 7px;
background-color: rgba(67,66,63,1);
border-radius: 4px;
color: #fff;
}
.menu-category-button-label:ltr {
padding-left: 5px;
}
.menu-category-button-label:rtl {
padding-right: 5px;
}
.menu-selected-app-box {
padding-right: 30px;
padding-left: 28px;
text-align: right;
}
.menu-selected-app-box:rtl {
padding-top: 10px;
height: 30px;
}
.menu-selected-app-title {
font-weight: bold;
text-shadow: 0px 1px 1px rgba(0,0,0,0.2);
}
.menu-selected-app-description {
max-width: 150px;
}
.menu-search-box:ltr {
padding-left: 25px;
}
.menu-search-box:rtl {
padding-right: 25px;
}
#menu-search-entry {
background-color: rgba(253,253,253,1);
border: 0px solid #accd8a;
border-radius: 4px;
selected-color: #eae3d1;
caret-color: #3c3b37;
caret-size: 1px;
color: #3c3b37;
width: 250px;
font-weight: normal;
padding: 4px;
padding-bottom: 4px;
box-shadow: inset 2px 2px 4px 1px rgba(20,20,20,0.2);
}
.menu-search-entry-icon {
icon-size: 1.2em;
color: #3c3b37;
}
/* ===================================================================
* Window list (windowList.js)
* ===================================================================*/
.window-list-box {
spacing: 0px;
transition-duration: 300;
}
.window-list-item-label {
font-weight: bold;
width: 15em;
min-width: 5px;
}
.window-list-item-box {
font-weight: normal;
padding-left: 5px;
padding-right: 5px;
/*
width: 22px;
color: rgba(255,255,255,0);
*/
background-color: rgba(85,83,80,1);
box-shadow: -5px -1px 12px 2px rgba(20,20,20,0.4);
border-radius: 0px 0px 0px 0px;
transition-duration: 300;
}
.window-list-item-box:active,
.window-list-item-box:checked,
.window-list-item-box:focus {
background-color: rgba(66,65,62,1);
}
.window-list-item-box:hover {
/*
color: rgba(255,255,255,1);
text-shadow: white 0px 0px 15px 0px;
*/
background: rgba(66,65,62,1);
}
.window-list-item-demands-attention {
color: rgba(255,255,255,1);
text-shadow: white 0px 0px 15px 0px;
}
/* ===================================================================
* Sound Applet (status/volume.js)
* ===================================================================*/
.sound-button-container {
padding-right: 3px;
padding-left: 3px;
}
.sound-button {
border: 1px solid rgba(22,22,22,0.4);
background-color: #3c3b37;
box-shadow: inset 0px 1px 1px rgba(255,255,255,0.2);
border-radius: 5px;
padding: 8px;
}
.sound-button:hover,
.sound-button:focus {
background-gradient-direction: vertical;
background-gradient-start: #accd8a;
background-gradient-end: #c2dda7;
box-shadow: inset 0px 1px 1px rgba(255,255,255,0.4);
color: #3c3b37;
transition-duration: 100;
}
.sound-button:active,
.sound-button:pressed {
background-gradient-direction: vertical;
background-gradient-start: #accd8a;
background-gradient-end: #c2dda7;
box-shadow: inset 0px 0px 1px 1px #3c3b37;
color: #3c3b37;
}
.sound-button StIcon {
icon-size: 1.4em;
}
.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: 15px;
padding-right: 15px;
max-width: 220px;
}
.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;
}
/* ===================================================================
* Workspace Switcher applet (workspaceSwitcher.js)
* ===================================================================*/
#workspaceSwitcher {
spacing: 0px;
padding: 2px;
}
.workspace-button {
text-shadow: 0px 1px 1px rgba(0,0,0,0.0);
width: 24px;
color: #292826;
background-color: #292826;
border: 2px solid #444;
}
.workspace-button:outlined {
background-color: #accd8a;
color: #accd8a;
}
/* ===================================================================
* Panel Launchers Applet (panelLaunchers.js)
* ===================================================================*/
#panel-launchers-box {
padding-left: 0px;
}
.panel-launcher {
margin: 0px;
padding: 3px;
transition-duration: 300;
}
.panel-launcher:hover {
background-gradient-direction: vertical;
background-gradient-start: #3f3e3a;
background-gradient-end: #3f3f3b;
}
.panel-launcher-add-dialog-content-box {
padding-bottom: 20px;
spacing: 20px;
}
.panel-launcher-add-dialog-content-box-left {
padding: 9px;
spacing: 20px;
}
.panel-launcher-add-dialog-content-box-right {
padding: 6px;
spacing: 10px;
}
.panel-launcher-add-dialog-entry {
background: white;
border: 1px solid #3c3b37;
border-radius: 4px;
box-shadow: inset 0px 0px 0px 0px #accd8a;
selected-color: #eae3d1;
caret-color: #3c3b37;
caret-size: 1px;
color: #3c3b37;
width: 250px;
font-weight: normal;
padding: 4px;
padding-bottom: 3px;
transition-duration: 300;
}
.panel-launcher-add-dialog-entry:focus {
border: 1px solid #accd8a;
box-shadow: inset 0px 0px 1px 1px #accd8a;
}
/* ===================================================================
* Applets (applet.js)
* ===================================================================*/
.applet-box {
padding-left: 4px;
padding-right: 4px;
font-weight: normal;
font-size: 9pt;
text-shadow: 0px 1px 1px rgba(0,0,0,0.2);
transition-duration: 300;
}
.applet-box:hover {
background: rgba(66,65,62,1);
}
.applet-label {
text-align: center;
}
.applet-icon {
}
/* ===================================================================
* Workspace OSD
* ===================================================================*/
.workspace-osd {
font-size: 22pt;
font-weight: normal;
background: rgba(37,36,33,0.85);
border-radius: 6px;
color: rgba(240,240,240,1);
padding: 12px;
box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.3);
}
.expo-workspaces-name-entry {
border-image: url("expo-entry.svg") 6 6 6 6 stretch;
font-weight: normal;
selected-color: #3c3b37;
caret-color: #eae3d1;
caret-size: 1px;
color: #eae3d1;
box-shadow: 0px 2px 4px rgba(0,0,0,0.7);
padding: 6px 8px 8px 8px;
height: 16px;
transition-duration: 300;
}
.expo-workspaces-name-entry:focus {
}
/* ===================================================================
* Notification Applet
* ===================================================================*/
.notification-applet-padding {
padding: .4em 1.25em;
spacing: 5px;
}
.notification-applet-container {
max-height: 100px;
}
.popup-menu #notification {
box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0);
}
/* Check Boxes */
.check-box CinnamonGenericContainer {
spacing: .3em;
height: 26px;
}
.check-box StBin,
.check-box:focus StBin {
width: 20px;
height: 20px;
background-image: url("checkbox-off.svg");
}
.check-box:checked StBin {
background-image: url("checkbox.svg");
}
.check-box:focus:checked StBin {
background-image: url("checkbox-focused.svg");
}
.check-box StLabel {
padding-top: 2px;
}
.radiobutton CinnamonGenericContainer {
spacing: .3em;
height: 26px;
}
.radiobutton StBin,
.radiobutton:focus StBin {
width: 24px;
height: 24px;
background-image: url("radiobutton-off.svg");
}
.radiobutton:checked StBin,
.radiobutton:focus:checked StBin {
background-image: url("radiobutton.svg");
}
.radiobutton StLabel {
padding-top: 4px;
}