From 15699330e7e271f33f7f3e3c29c901acc3c36c89 Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Sat, 19 Nov 2016 12:43:17 +0100 Subject: add Cinnamon 3.2 support (#695) --- common/cinnamon/cinnamon-dark.css | 93 ++++++++++++++++++++++++++++++++++----- 1 file changed, 82 insertions(+), 11 deletions(-) (limited to 'common/cinnamon/cinnamon-dark.css') diff --git a/common/cinnamon/cinnamon-dark.css b/common/cinnamon/cinnamon-dark.css index 362996e..2dabfef 100644 --- a/common/cinnamon/cinnamon-dark.css +++ b/common/cinnamon/cinnamon-dark.css @@ -1,4 +1,3 @@ -@charset "UTF-8"; stage { font-family: Futura Bk bt, sans, Sans-Serif; font-size: 9pt; @@ -249,44 +248,59 @@ StScrollBar { font-weight: normal; text-align: center; } +.menu, .popup-menu, .popup-combo-menu { - color: white; min-width: 200px; color: #D3DAE3; border-image: url("dark-assets/menu/menu.svg") 9 9 9 9; } + .menu-arrow, .popup-menu-arrow { icon-size: 16px; } + .menu .popup-sub-menu, .popup-menu .popup-sub-menu, .popup-combo-menu .popup-sub-menu { background-gradient-direction: none; box-shadow: none; border-image: url("dark-assets/menu/submenu.svg") 9 9 9 9; } + .menu .popup-sub-menu .popup-menu-item:ltr, .popup-menu .popup-sub-menu .popup-menu-item:ltr, .popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { padding-right: 0em; } + .menu .popup-sub-menu .popup-menu-item:rtl, .popup-menu .popup-sub-menu .popup-menu-item:rtl, .popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { padding-left: 0em; } + .menu .popup-sub-menu StScrollBar, .popup-menu .popup-sub-menu StScrollBar, .popup-combo-menu .popup-sub-menu StScrollBar { padding: 4px; } - .popup-menu .popup-sub-menu StScrollBar StBin#trough, .popup-menu .popup-sub-menu StScrollBar StBin#vhandle, .popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, .popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { + .menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, + .popup-menu .popup-sub-menu StScrollBar StBin#trough, + .popup-menu .popup-sub-menu StScrollBar StBin#vhandle, .popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, .popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { border-width: 0; } + .menu .popup-menu-content, .popup-menu .popup-menu-content, .popup-combo-menu .popup-menu-content { padding: 1em 0em 1em 0em; } + .menu .popup-menu-item, .popup-menu .popup-menu-item, .popup-combo-menu .popup-menu-item { padding: .4em 1.75em; spacing: 1em; } + .menu .popup-menu-item:active, .popup-menu .popup-menu-item:active, .popup-combo-menu .popup-menu-item:active { color: #ffffff; background-color: transparent; border-image: url("common-assets/menu/menu-hover.svg") 9 9 1 1; } + .menu .popup-menu-item:insensitive, .popup-menu .popup-menu-item:insensitive, .popup-combo-menu .popup-menu-item:insensitive { color: rgba(211, 218, 227, 0.5); background: none; } + .menu .popup-inactive-menu-item, .popup-menu .popup-inactive-menu-item, .popup-combo-menu .popup-inactive-menu-item { color: #D3DAE3; } + .menu .popup-inactive-menu-item:insensitive, .popup-menu .popup-inactive-menu-item:insensitive, .popup-combo-menu .popup-inactive-menu-item:insensitive { color: rgba(211, 218, 227, 0.45); } + .menu .popup-menu-item:active .popup-inactive-menu-item, .popup-menu .popup-menu-item:active .popup-inactive-menu-item, .popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { color: #ffffff; } + .menu-icon, .popup-menu-icon { icon-size: 16px; } @@ -325,28 +339,43 @@ StScrollBar { #panel { font-weight: bold; - height: 2.1em; - min-height: 27px; } + height: 27px; + width: 32px; } + #panel:highlight { + border-image: none; + background-color: rgba(252, 65, 56, 0.5); } #panelLeft { spacing: 4px; } #panelLeft:dnd { background-gradient-direction: vertical; background-gradient-start: rgba(255, 0, 0, 0.05); background-gradient-end: rgba(255, 0, 0, 0.2); } - #panelLeft:ltr · { + #panelLeft:ltr { padding-right: 4px; } - #panelLeft:rtl · { + #panelLeft:rtl { padding-left: 4px; } + #panelLeft.vertical { + padding: 0; } + #panelLeft.vertical:ltr { + padding-right: 0px; } + #panelLeft.vertical:rtl { + padding-left: 0px; } #panelRight:dnd { background-gradient-direction: vertical; background-gradient-start: rgba(0, 0, 255, 0.05); background-gradient-end: rgba(0, 0, 255, 0.2); } - #panelRight:ltr · { + #panelRight:ltr { padding-left: 4px; spacing: 0px; } - #panelRight:rtl · { + #panelRight:rtl { padding-right: 4px; spacing: 0px; } + #panelRight.vertical { + padding: 0; } + #panelRight.vertical:ltr { + padding-right: 0px; } + #panelRight.vertical:rtl { + padding-left: 0px; } #panelCenter { spacing: 4px; } #panelCenter:dnd { @@ -354,7 +383,7 @@ StScrollBar { background-gradient-start: rgba(0, 255, 0, 0.05); background-gradient-end: rgba(0, 255, 0, 0.2); } -.panel-top, .panel-bottom { +.panel-top, .panel-bottom, .panel-left, .panel-right { color: white; font-size: 1em; padding: 0px; } @@ -365,8 +394,19 @@ StScrollBar { .panel-bottom { border-image: url("common-assets/panel/panel-bottom.svg") 1 1 1 1; } +.panel-left { + border-image: url("common-assets/panel/panel-left.svg") 1 1 1 1; } + +.panel-right { + border-image: url("common-assets/panel/panel-right.svg") 1 1 1 1; } + +.panel-dummy { + background-color: rgba(252, 65, 56, 0.5); } + .panel-dummy:entered { + background-color: rgba(252, 65, 56, 0.6); } + .panel-status-button { - border-widht: 0; + border-width: 0; -natural-hpadding: 3px; -minimum-hpadding: 3px; font-weight: bold; @@ -608,6 +648,10 @@ StScrollBar { color: rgba(211, 218, 227, 0.3); opacity: 1; } +.calendar-week-number { + color: rgba(211, 218, 227, 0.7); + font-size: 80%; } + #notification { border-radius: 3px; border-image: url("common-assets/misc/bg.svg") 9 9 9 9; @@ -1006,6 +1050,11 @@ StScrollBar { padding-top: 1px; } .panel-top .window-list-box { padding-bottom: 1px; } + .window-list-box.vertical { + spacing: 4px; + padding: 10px 0; } + .window-list-box:highlight { + background-color: rgba(252, 65, 56, 0.5); } .window-list-item-label { font-weight: bold; @@ -1015,6 +1064,7 @@ StScrollBar { .window-list-item-box { font-weight: bold; background-image: none; + padding-top: 0; padding-left: 8px; padding-right: 8px; transition-duration: 100; @@ -1027,6 +1077,13 @@ StScrollBar { border-image: url("common-assets/panel/window-list-active-bottom.svg") 3 3 1 3; } .panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:focus { border-image: url("common-assets/panel/window-list-active-top.svg") 3 3 3 1; } + .panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:focus { + border-image: url("common-assets/panel/window-list-active-left.svg") 3 1 3 3; } + .panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:focus { + border-image: url("common-assets/panel/window-list-active-right.svg") 1 3 3 3; } + .window-list-item-box.right, .window-list-item-box.left { + padding-left: 0px; + padding-right: 0px; } .window-list-item-demands-attention { background-gradient-start: #F27835; @@ -1184,6 +1241,8 @@ StScrollBar { #panel-launchers-box { padding-left: 7px; } + #panel-launchers-box.vertical { + padding: 2px 0; } .panel-launcher { margin: 1px; @@ -1215,9 +1274,15 @@ StScrollBar { color: white; text-shadow: none; transition-duration: 100; } + .applet-box.vertical { + padding: 3px 0; } .applet-box:hover { color: #ffffff; background-color: #5294e2; } + .applet-box:highlight { + background-image: none; + border-image: none; + background-color: rgba(252, 65, 56, 0.5); } .applet-label { font-weight: bold; @@ -1248,11 +1313,15 @@ StScrollBar { .desklet { color: #BAC3CF; } + .desklet:highlight { + background-color: rgba(252, 65, 56, 0.5); } .desklet-with-borders { border-image: url("common-assets/misc/bg.svg") 9 9 9 9; color: #BAC3CF; padding: 12px; padding-bottom: 16px; } + .desklet-with-borders:highlight { + background-color: rgba(252, 65, 56, 0.5); } .desklet-with-borders-and-header { border-image: url("common-assets/misc/desklet.svg") 9 9 9 9; color: #BAC3CF; @@ -1261,6 +1330,8 @@ StScrollBar { border-radius-topright: 0; padding: 12px; padding-bottom: 17px; } + .desklet-with-borders-and-header:highlight { + background-color: rgba(252, 65, 56, 0.5); } .desklet-header { border-image: url("common-assets/misc/desklet-header.svg") 9 9 9 9; color: #BAC3CF; -- cgit v1.2.3