cinnamon-dark.css 46 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451
  1. stage {
  2. color: #f8f8f2; }
  3. .label-shadow {
  4. color: rgba(0, 0, 0, 0); }
  5. .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, .sound-button {
  6. min-height: 20px;
  7. padding: 5px 32px;
  8. transition-duration: 0;
  9. text-shadow: 0 1px rgba(40, 42, 54, 0);
  10. color: #f8f8f2;
  11. background-color: #2c2f3c;
  12. border: 1px solid rgba(25, 26, 34, 0.9);
  13. box-shadow: inset 0 2px 4px rgba(44, 47, 60, 0.05); }
  14. .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, .sound-button, .menu #notification .notification-button:focus, .menu #notification .notification-icon-button:focus, .popup-menu #notification .notification-button:focus, .popup-menu #notification .notification-icon-button:focus, .sound-button:focus, .menu #notification .notification-button:hover, .menu #notification .notification-icon-button:hover, .popup-menu #notification .notification-button:hover, .popup-menu #notification .notification-icon-button:hover, .menu-favorites-button:hover, .menu-application-button-selected, .menu-category-button-selected, .sound-button:hover, .menu #notification .notification-button:hover:focus, .menu #notification .notification-icon-button:hover:focus, .popup-menu #notification .notification-button:hover:focus, .popup-menu #notification .notification-icon-button:hover:focus, .menu-favorites-button:focus:hover, .menu-application-button-selected:focus, .menu-category-button-selected:focus, .sound-button:hover:focus, .menu #notification .notification-button:active, .menu #notification .notification-icon-button:active, .popup-menu #notification .notification-button:active, .popup-menu #notification .notification-icon-button:active, .sound-button:active, .menu #notification .notification-button:active:focus, .menu #notification .notification-icon-button:active:focus, .popup-menu #notification .notification-button:active:focus, .popup-menu #notification .notification-icon-button:active:focus, .sound-button:active:focus, .menu #notification .notification-button:insensitive, .menu #notification .notification-icon-button:insensitive, .popup-menu #notification .notification-button:insensitive, .popup-menu #notification .notification-icon-button:insensitive, .sound-button:insensitive {
  15. border-radius: 2px; }
  16. .menu #notification .notification-button:focus, .menu #notification .notification-icon-button:focus, .popup-menu #notification .notification-button:focus, .popup-menu #notification .notification-icon-button:focus, .sound-button:focus {
  17. text-shadow: 0 1px rgba(40, 42, 54, 0);
  18. color: #f8f8f2;
  19. background-color: #2c2f3c;
  20. border: 1px solid rgba(189, 147, 249, 0.5);
  21. box-shadow: inset 0 2px 4px rgba(44, 47, 60, 0.05); }
  22. .menu #notification .notification-button:hover, .menu #notification .notification-icon-button:hover, .popup-menu #notification .notification-button:hover, .popup-menu #notification .notification-icon-button:hover, .menu-favorites-button:hover, .menu-application-button-selected, .menu-category-button-selected, .sound-button:hover {
  23. text-shadow: 0 1px rgba(40, 42, 54, 0);
  24. color: #f8f8f2;
  25. background-color: #373a4b;
  26. border: 1px solid rgba(25, 26, 34, 0.9);
  27. box-shadow: inset 0 2px 4px rgba(55, 58, 75, 0.05); }
  28. .menu #notification .notification-button:hover:focus, .menu #notification .notification-icon-button:hover:focus, .popup-menu #notification .notification-button:hover:focus, .popup-menu #notification .notification-icon-button:hover:focus, .menu-favorites-button:focus:hover, .menu-application-button-selected:focus, .menu-category-button-selected:focus, .sound-button:hover:focus {
  29. text-shadow: 0 1px rgba(40, 42, 54, 0);
  30. color: #f8f8f2;
  31. background-color: #2c2f3c;
  32. border: 1px solid rgba(189, 147, 249, 0.5);
  33. box-shadow: inset 0 2px 4px rgba(44, 47, 60, 0.05); }
  34. .menu #notification .notification-button:active, .menu #notification .notification-icon-button:active, .popup-menu #notification .notification-button:active, .popup-menu #notification .notification-icon-button:active, .sound-button:active, .menu #notification .notification-button:active:focus, .menu #notification .notification-icon-button:active:focus, .popup-menu #notification .notification-button:active:focus, .popup-menu #notification .notification-icon-button:active:focus, .sound-button:active:focus {
  35. text-shadow: 0 1px rgba(40, 42, 54, 0);
  36. color: #f8f8f2;
  37. background-color: rgba(189, 147, 249, 0.5);
  38. border: 1px solid rgba(189, 147, 249, 0.5);
  39. box-shadow: inset 0 2px 4px rgba(189, 147, 249, 0.5); }
  40. .menu #notification .notification-button:insensitive, .menu #notification .notification-icon-button:insensitive, .popup-menu #notification .notification-button:insensitive, .popup-menu #notification .notification-icon-button:insensitive, .sound-button:insensitive {
  41. text-shadow: 0 1px rgba(40, 42, 54, 0);
  42. color: rgba(248, 248, 242, 0.45);
  43. border: 1px solid rgba(25, 26, 34, 0.45);
  44. background-color: rgba(44, 47, 60, 0.55);
  45. box-shadow: inset 0 2px 4px rgba(44, 47, 60, 0.05); }
  46. .notification-button, .notification-icon-button, .modal-dialog-button-box .modal-dialog-button {
  47. min-height: 20px;
  48. padding: 5px 32px;
  49. transition-duration: 0;
  50. border-radius: 2px;
  51. text-shadow: 0 1px rgba(40, 42, 54, 0);
  52. color: #BAC3CF;
  53. border: 1px solid rgba(0, 0, 0, 0.4);
  54. background-color: rgba(67, 69, 91, 0.4); }
  55. .notification-button:hover, .notification-icon-button:hover, .modal-dialog-button-box .modal-dialog-button:hover {
  56. text-shadow: 0 1px rgba(40, 42, 54, 0);
  57. color: #BAC3CF;
  58. border: 1px solid rgba(0, 0, 0, 0.4);
  59. background-color: rgba(82, 84, 112, 0.5); }
  60. .notification-button:focus, .notification-icon-button:focus, .modal-dialog-button-box .modal-dialog-button:focus {
  61. color: rgba(189, 147, 249, 0.5); }
  62. .notification-button:active, .notification-icon-button:active, .modal-dialog-button-box .modal-dialog-button:active {
  63. text-shadow: 0 1px rgba(40, 42, 54, 0);
  64. color: #f8f8f2;
  65. border: 1px solid rgba(189, 147, 249, 0.5);
  66. background-color: rgba(189, 147, 249, 0.5); }
  67. .notification-button:insensitive, .notification-icon-button:insensitive, .modal-dialog-button-box .modal-dialog-button:insensitive {
  68. text-shadow: 0 1px rgba(40, 42, 54, 0);
  69. color: #454950;
  70. border: 1px solid rgba(0, 0, 0, 0.4);
  71. background-color: rgba(67, 69, 91, 0.25); }
  72. .menu #notification StEntry, .popup-menu #notification StEntry, #menu-search-entry {
  73. padding: 5px;
  74. caret-size: 1px;
  75. selection-background-color: rgba(189, 147, 249, 0.5);
  76. selected-color: #f8f8f2;
  77. transition-duration: 300ms;
  78. border-radius: 3px;
  79. color: #f8f8f2;
  80. background-color: #282a36;
  81. border: 1px solid rgba(25, 26, 34, 0.9);
  82. box-shadow: inset 0 2px 4px rgba(40, 42, 54, 0.05); }
  83. .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #menu-search-entry:focus, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #menu-search-entry:hover {
  84. color: #f8f8f2;
  85. background-color: #282a36;
  86. border: 1px solid rgba(189, 147, 249, 0.5);
  87. box-shadow: inset 0 2px 4px rgba(40, 42, 54, 0.05); }
  88. .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #menu-search-entry:insensitive {
  89. color: rgba(248, 248, 242, 0.45);
  90. background-color: #242530;
  91. border-color: 1px solid rgba(28, 29, 38, 0.945);
  92. box-shadow: inset 0 2px 4px rgba(36, 37, 48, 0.05); }
  93. .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #menu-search-entry StIcon.capslock-warning {
  94. icon-size: 16px;
  95. warning-color: #F27835;
  96. padding: 0 4px; }
  97. .notification StEntry {
  98. padding: 7px;
  99. caret-size: 1px;
  100. caret-color: #BAC3CF;
  101. selection-background-color: rgba(189, 147, 249, 0.5);
  102. selected-color: #f8f8f2;
  103. transition-duration: 300ms;
  104. border-radius: 3px;
  105. color: #BAC3CF;
  106. background-color: rgba(67, 69, 91, 0.4);
  107. border: 1px solid rgba(0, 0, 0, 0.4);
  108. box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); }
  109. .notification StEntry:focus {
  110. color: #f8f8f2;
  111. background-color: rgba(189, 147, 249, 0.5);
  112. border: 1px solid rgba(189, 147, 249, 0.5);
  113. box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); }
  114. .notification StEntry:insensitive {
  115. color: rgba(186, 195, 207, 0.55);
  116. background-color: rgba(67, 69, 91, 0.25);
  117. border: 1px solid rgba(0, 0, 0, 0.4);
  118. box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); }
  119. StScrollView.vfade {
  120. -st-vfade-offset: 0px; }
  121. StScrollView.hfade {
  122. -st-hfade-offset: 0px; }
  123. StScrollBar {
  124. padding: 8px; }
  125. StScrollView StScrollBar {
  126. min-width: 5px;
  127. min-height: 5px; }
  128. StScrollBar StBin#trough {
  129. background-color: rgba(40, 42, 54, 0.1);
  130. border-radius: 8px; }
  131. StScrollBar StButton#vhandle, StScrollBar StButton#hhandle {
  132. border-radius: 2px;
  133. background-color: #757679;
  134. border: 0px solid;
  135. margin: 0px; }
  136. StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover {
  137. background-color: #5f6065; }
  138. StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
  139. background-color: rgba(189, 147, 249, 0.5); }
  140. .separator {
  141. -gradient-height: 1px;
  142. -gradient-start: rgba(0, 0, 0, 0);
  143. -gradient-end: rgba(0, 0, 0, 0);
  144. -margin-horizontal: 1.5em;
  145. height: 1em; }
  146. .popup-slider-menu-item, .slider {
  147. -slider-height: 0.3em;
  148. -slider-background-color: #333545;
  149. -slider-border-color: rgba(30, 31, 41, 0.3);
  150. -slider-active-background-color: rgba(189, 147, 249, 0.5);
  151. -slider-active-border-color: rgba(30, 31, 41, 0.3);
  152. -slider-border-width: 1px;
  153. -slider-handle-radius: 0.5em;
  154. height: 1em;
  155. min-width: 15em;
  156. border: 0 solid transparent;
  157. border-right-width: 1px;
  158. border-left-width: 5px; }
  159. .popup-menu-item:active .popup-slider-menu-item,
  160. .popup-menu-item:active .slider {
  161. -slider-background-color: rgba(0, 0, 0, 0.2);
  162. -slider-active-background-color: #f8f8f2; }
  163. .check-box CinnamonGenericContainer {
  164. spacing: .2em;
  165. min-height: 30px;
  166. padding-top: 2px; }
  167. .check-box StLabel {
  168. font-weight: normal; }
  169. .check-box StBin {
  170. width: 16px;
  171. height: 16px;
  172. background-image: url("dark-assets/checkbox/checkbox-unchecked.svg"); }
  173. .check-box:focus StBin {
  174. background-image: url("dark-assets/checkbox/checkbox-unchecked-focused.svg"); }
  175. .check-box:checked StBin {
  176. background-image: url("dark-assets/checkbox/checkbox-checked.svg"); }
  177. .check-box:focus:checked StBin {
  178. background-image: url("dark-assets/checkbox/checkbox-checked-focused.svg"); }
  179. .radiobutton CinnamonGenericContainer {
  180. spacing: .2em;
  181. height: 26px;
  182. padding-top: 2px; }
  183. .radiobutton StLabel {
  184. padding-top: 4px;
  185. font-size: 0.9em;
  186. box-shadow: none; }
  187. .radiobutton StBin {
  188. width: 16px;
  189. height: 16px;
  190. background-image: url("dark-assets/checkbox/checkbox-unchecked.svg"); }
  191. .radiobutton:focus StBin {
  192. background-image: url("dark-assets/checkbox/checkbox-unchecked-focused.svg"); }
  193. .radiobutton:checked StBin {
  194. background-image: url("dark-assets/checkbox/checkbox-checked.svg"); }
  195. .radiobutton:focus:checked StBin {
  196. background-image: url("dark-assets/checkbox/checkbox-checked-focused.svg"); }
  197. .toggle-switch {
  198. width: 50px;
  199. height: 20px;
  200. background-size: contain;
  201. background-image: url("dark-assets/switch/switch-off.svg"); }
  202. .toggle-switch:checked {
  203. background-image: url("dark-assets/switch/switch-on.svg"); }
  204. .popup-menu-item:active .toggle-switch {
  205. background-image: url("common-assets/switch/switch-off-selected.svg"); }
  206. .popup-menu-item:active .toggle-switch:checked {
  207. background-image: url("common-assets/switch/switch-on-selected.svg"); }
  208. .cinnamon-link {
  209. color: #13b1d5;
  210. text-decoration: underline; }
  211. .cinnamon-link:hover {
  212. color: #2fc9ec; }
  213. #Tooltip {
  214. border-radius: 3px;
  215. padding: 5px 12px;
  216. background-color: #13141a;
  217. color: #BAC3CF;
  218. font-size: 1em;
  219. font-weight: normal;
  220. text-align: center; }
  221. .menu,
  222. .popup-menu,
  223. .popup-combo-menu {
  224. color: #f8f8f2;
  225. border: 1px solid rgba(25, 26, 34, 0.9);
  226. border-radius: 6px;
  227. background-color: rgba(30, 31, 41, 0.99); }
  228. .menu.top,
  229. .popup-menu.top,
  230. .top.popup-combo-menu {
  231. border-radius: 0 0 6px 6px; }
  232. .menu.bottom,
  233. .popup-menu.bottom,
  234. .bottom.popup-combo-menu {
  235. border-radius: 6px 6px 0 0; }
  236. .menu.left,
  237. .popup-menu.left,
  238. .left.popup-combo-menu {
  239. border-radius: 0 6px 6px 0; }
  240. .menu.right,
  241. .popup-menu.right,
  242. .right.popup-combo-menu {
  243. border-radius: 6px 0 0 6px; }
  244. .menu-arrow,
  245. .popup-menu-arrow {
  246. icon-size: 16px; }
  247. .menu .popup-sub-menu,
  248. .popup-menu .popup-sub-menu,
  249. .popup-combo-menu .popup-sub-menu {
  250. box-shadow: none;
  251. background-color: #282a36; }
  252. .menu .popup-sub-menu .popup-menu-item:ltr,
  253. .popup-menu .popup-sub-menu .popup-menu-item:ltr,
  254. .popup-combo-menu .popup-sub-menu .popup-menu-item:ltr {
  255. padding-right: 0em; }
  256. .menu .popup-sub-menu .popup-menu-item:rtl,
  257. .popup-menu .popup-sub-menu .popup-menu-item:rtl,
  258. .popup-combo-menu .popup-sub-menu .popup-menu-item:rtl {
  259. padding-left: 0em; }
  260. .menu .popup-sub-menu StScrollBar,
  261. .popup-menu .popup-sub-menu StScrollBar,
  262. .popup-combo-menu .popup-sub-menu StScrollBar {
  263. padding: 4px; }
  264. .menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle,
  265. .popup-menu .popup-sub-menu StScrollBar StBin#trough,
  266. .popup-menu .popup-sub-menu StScrollBar StBin#vhandle,
  267. .popup-combo-menu .popup-sub-menu StScrollBar StBin#trough,
  268. .popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle {
  269. border-width: 0; }
  270. .menu .popup-menu-content,
  271. .popup-menu .popup-menu-content,
  272. .popup-combo-menu .popup-menu-content {
  273. padding: 1em 0em 1em 0em; }
  274. .menu .popup-menu-item,
  275. .popup-menu .popup-menu-item,
  276. .popup-combo-menu .popup-menu-item {
  277. padding: .4em 1.75em;
  278. spacing: 1em;
  279. border-left-width: 0;
  280. border-right-width: 0; }
  281. .menu .popup-menu-item:active,
  282. .popup-menu .popup-menu-item:active,
  283. .popup-combo-menu .popup-menu-item:active {
  284. color: #f8f8f2;
  285. background-color: rgba(189, 147, 249, 0.5); }
  286. .menu .popup-menu-item:insensitive,
  287. .popup-menu .popup-menu-item:insensitive,
  288. .popup-combo-menu .popup-menu-item:insensitive {
  289. color: rgba(248, 248, 242, 0.5);
  290. background: none; }
  291. .menu .popup-inactive-menu-item,
  292. .popup-menu .popup-inactive-menu-item,
  293. .popup-combo-menu .popup-inactive-menu-item {
  294. color: #f8f8f2; }
  295. .menu .popup-inactive-menu-item:insensitive,
  296. .popup-menu .popup-inactive-menu-item:insensitive,
  297. .popup-combo-menu .popup-inactive-menu-item:insensitive {
  298. color: rgba(248, 248, 242, 0.45); }
  299. .menu .popup-menu-item:active .popup-inactive-menu-item,
  300. .popup-menu .popup-menu-item:active .popup-inactive-menu-item,
  301. .popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item {
  302. color: #f8f8f2; }
  303. .menu-icon,
  304. .popup-menu-icon {
  305. icon-size: 16px; }
  306. .popup-menu-boxpointer {
  307. -arrow-border-radius: 3px;
  308. -arrow-background-color: rgba(0, 0, 0, 0);
  309. -arrow-border-width: 1px;
  310. -arrow-border-color: rgba(0, 0, 0, 0);
  311. -arrow-base: 0;
  312. -arrow-rise: 0; }
  313. .popup-combo-menu {
  314. padding: 10px 1px; }
  315. .popup-combobox-item {
  316. spacing: 1em; }
  317. .popup-separator-menu-item {
  318. -gradient-height: 2px;
  319. -gradient-start: transparent;
  320. -gradient-end: transparent;
  321. -margin-horizontal: 1.5em;
  322. height: 1em; }
  323. .popup-alternating-menu-item:alternate {
  324. font-weight: normal; }
  325. .popup-device-menu-item {
  326. spacing: .5em; }
  327. .popup-subtitle-menu-item {
  328. font-weight: normal; }
  329. .nm-menu-item-icons {
  330. spacing: .5em; }
  331. #panel {
  332. height: 28px;
  333. width: 32px;
  334. font-weight: 700;
  335. background-color: rgba(26, 27, 35, 0.95);
  336. color: #f8f8f2; }
  337. #panel:highlight {
  338. border-image: none;
  339. background-color: rgba(252, 65, 56, 0.5); }
  340. #panelLeft {
  341. spacing: 4px; }
  342. #panelLeft:dnd {
  343. background-gradient-direction: vertical;
  344. background-gradient-start: rgba(255, 0, 0, 0.05);
  345. background-gradient-end: rgba(255, 0, 0, 0.2); }
  346. #panelLeft:ltr {
  347. padding-right: 4px; }
  348. #panelLeft:rtl {
  349. padding-left: 4px; }
  350. #panelLeft.vertical {
  351. padding: 0; }
  352. #panelLeft.vertical:ltr {
  353. padding-right: 0px; }
  354. #panelLeft.vertical:rtl {
  355. padding-left: 0px; }
  356. #panelRight:dnd {
  357. background-gradient-direction: vertical;
  358. background-gradient-start: rgba(0, 0, 255, 0.05);
  359. background-gradient-end: rgba(0, 0, 255, 0.2); }
  360. #panelRight:ltr {
  361. padding-left: 4px;
  362. spacing: 0px; }
  363. #panelRight:rtl {
  364. padding-right: 4px;
  365. spacing: 0px; }
  366. #panelRight.vertical {
  367. padding: 0; }
  368. #panelRight.vertical:ltr {
  369. padding-right: 0px; }
  370. #panelRight.vertical:rtl {
  371. padding-left: 0px; }
  372. #panelCenter {
  373. spacing: 4px; }
  374. #panelCenter:dnd {
  375. background-gradient-direction: vertical;
  376. background-gradient-start: rgba(0, 255, 0, 0.05);
  377. background-gradient-end: rgba(0, 255, 0, 0.2); }
  378. .panel-top, .panel-bottom, .panel-left, .panel-right {
  379. color: #f8f8f2;
  380. font-size: 1em;
  381. padding: 0px; }
  382. .panel-dummy {
  383. background-color: rgba(252, 65, 56, 0.5); }
  384. .panel-dummy:entered {
  385. background-color: rgba(252, 65, 56, 0.6); }
  386. .panel-status-button {
  387. border-width: 0;
  388. -natural-hpadding: 3px;
  389. -minimum-hpadding: 3px;
  390. font-weight: bold;
  391. color: white;
  392. height: 22px; }
  393. .panel-button {
  394. -natural-hpadding: 6px;
  395. -minimum-hpadding: 2px;
  396. font-weight: bold;
  397. color: green;
  398. transition-duration: 100; }
  399. .system-status-icon {
  400. icon-size: 16px;
  401. padding: 0 1px; }
  402. #overview {
  403. spacing: 12px; }
  404. .window-caption {
  405. background-color: #13141a;
  406. border: 1px solid #13141a;
  407. color: #BAC3CF;
  408. spacing: 25px;
  409. border-radius: 2px;
  410. font-size: 9pt;
  411. padding: 5px 8px;
  412. -cinnamon-caption-spacing: 4px; }
  413. .window-caption#selected {
  414. background-color: rgba(189, 147, 249, 0.5);
  415. color: #f8f8f2;
  416. border: 1px solid rgba(189, 147, 249, 0.5);
  417. spacing: 25px; }
  418. .expo-workspaces-name-entry,
  419. .expo-workspaces-name-entry#selected {
  420. height: 15px;
  421. border-radius: 2px;
  422. font-size: 9pt;
  423. padding: 5px 8px;
  424. -cinnamon-caption-spacing: 4px;
  425. color: #BAC3CF;
  426. background-color: rgba(67, 69, 91, 0.4);
  427. border: 1px solid rgba(0, 0, 0, 0.4);
  428. box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); }
  429. .expo-workspaces-name-entry:focus,
  430. .expo-workspaces-name-entry#selected:focus {
  431. border: 1px solid rgba(189, 147, 249, 0.5);
  432. background-color: rgba(189, 147, 249, 0.5);
  433. color: #f8f8f2;
  434. font-style: italic;
  435. transition-duration: 300;
  436. selection-background-color: #f8f8f2;
  437. selected-color: rgba(189, 147, 249, 0.5); }
  438. .expo-workspace-thumbnail-frame {
  439. border: 4px solid rgba(255, 255, 255, 0);
  440. background-color: rgba(255, 255, 255, 0);
  441. border-radius: 2px; }
  442. .expo-workspace-thumbnail-frame#active {
  443. border: 4px solid rgba(189, 147, 249, 0.5);
  444. background-color: black;
  445. border-radius: 2px; }
  446. .expo-background {
  447. background-color: #13141a; }
  448. .workspace-thumbnails {
  449. spacing: 26px; }
  450. .workspace-thumbnails-background, .workspace-thumbnails-background:rtl {
  451. padding: 8px; }
  452. .workspace-add-button {
  453. background-image: url("common-assets/misc/add-workspace.svg");
  454. height: 200px;
  455. width: 35px;
  456. transition-duration: 100; }
  457. .workspace-add-button:hover {
  458. background-image: url("common-assets/misc/add-workspace-hover.svg");
  459. transition-duration: 100; }
  460. .workspace-add-button:active {
  461. background-image: url("common-assets/misc/add-workspace-active.svg");
  462. transition-duration: 100; }
  463. .workspace-overview-background-shade {
  464. background-color: rgba(0, 0, 0, 0.5); }
  465. .workspace-close-button,
  466. .window-close {
  467. background-image: url("common-assets/misc/close.svg");
  468. background-size: 26px;
  469. height: 26px;
  470. width: 26px;
  471. -cinnamon-close-overlap: 10px; }
  472. .workspace-close-button:hover,
  473. .window-close:hover {
  474. background-image: url("common-assets/misc/close-hover.svg");
  475. background-size: 26px;
  476. height: 26px;
  477. width: 26px; }
  478. .workspace-close-button:active,
  479. .window-close:active {
  480. background-image: url("common-assets/misc/close-active.svg");
  481. background-size: 26px;
  482. height: 26px;
  483. width: 26px; }
  484. .window-close-area {
  485. background-image: url("common-assets/misc/trash-icon.svg");
  486. height: 120px;
  487. width: 400px; }
  488. .about-content {
  489. width: 550px;
  490. height: 250px;
  491. spacing: 8px;
  492. padding-bottom: 10px; }
  493. .about-title {
  494. font-size: 2em;
  495. font-weight: bold; }
  496. .about-uuid {
  497. font-size: 10px;
  498. color: #888; }
  499. .about-icon {
  500. padding-right: 20px;
  501. padding-bottom: 14px; }
  502. .about-scrollBox {
  503. border: 1px solid rgba(25, 26, 34, 0.9);
  504. border-radius: 2px;
  505. background-color: #282a36;
  506. padding: 4px;
  507. padding-right: 0;
  508. border-radius: 0; }
  509. .about-scrollBox-innerBox {
  510. padding: 1.2em;
  511. spacing: 1.2em; }
  512. .about-description {
  513. padding-top: 4px;
  514. padding-bottom: 16px; }
  515. .about-version {
  516. padding-left: 7px;
  517. font-size: 10px;
  518. color: #888; }
  519. .calendar {
  520. padding: .4em 1.75em;
  521. spacing-rows: 0px;
  522. spacing-columns: 0px; }
  523. .calendar-month-label {
  524. color: #f8f8f2;
  525. font-weight: bold;
  526. padding: 8px 0; }
  527. .calendar-change-month-back,
  528. .calendar-change-month-forward {
  529. width: 16px;
  530. height: 16px; }
  531. .calendar-change-month-back {
  532. background-image: url("common-assets/misc/calendar-arrow-left.svg"); }
  533. .calendar-change-month-back:focus, .calendar-change-month-back:hover {
  534. background-image: url("common-assets/misc/calendar-arrow-left-hover.svg"); }
  535. .calendar-change-month-back:active {
  536. background-image: url("common-assets/misc/calendar-arrow-left.svg"); }
  537. .calendar-change-month-back:rtl {
  538. background-image: url("common-assets/misc/calendar-arrow-right.svg"); }
  539. .calendar-change-month-back:rtl:focus, .calendar-change-month-back:rtl:hover {
  540. background-image: url("common-assets/misc/calendar-arrow-right-hover.svg"); }
  541. .calendar-change-month-back:rtl:active {
  542. background-image: url("common-assets/misc/calendar-arrow-right.svg"); }
  543. .calendar-change-month-forward {
  544. background-image: url("common-assets/misc/calendar-arrow-right.svg"); }
  545. .calendar-change-month-forward:focus, .calendar-change-month-forward:hover {
  546. background-image: url("common-assets/misc/calendar-arrow-right-hover.svg"); }
  547. .calendar-change-month-forward:active {
  548. background-image: url("common-assets/misc/calendar-arrow-right.svg"); }
  549. .calendar-change-month-forward:rtl {
  550. background-image: url("common-assets/misc/calendar-arrow-left.svg"); }
  551. .calendar-change-month-forward:rtl:focus, .calendar-change-month-forward:rtl:hover {
  552. background-image: url("common-assets/misc/calendar-arrow-left-hover.svg"); }
  553. .calendar-change-month-forward:rtl:active {
  554. background-image: url("common-assets/misc/calendar-arrow-left.svg"); }
  555. .datemenu-date-label {
  556. padding: .4em 1.75em;
  557. font-weight: bold;
  558. text-align: center;
  559. color: #f8f8f2;
  560. border-radius: 2px; }
  561. .calendar-day-base {
  562. font-size: 80%;
  563. text-align: center;
  564. width: 25px;
  565. height: 25px;
  566. padding: 0.1em;
  567. margin: 2px;
  568. border-radius: 12.5px; }
  569. .calendar-day-heading {
  570. color: rgba(248, 248, 242, 0.85);
  571. margin-top: 1em;
  572. font-size: 70%; }
  573. .calendar-day {
  574. border-width: 0;
  575. color: rgba(248, 248, 242, 0.8); }
  576. .calendar-day-top {
  577. border-top-width: 0; }
  578. .calendar-day-left {
  579. border-left-width: 0; }
  580. .calendar-nonwork-day {
  581. color: #f8f8f2;
  582. background-color: transparent;
  583. font-weight: bold; }
  584. .calendar-today,
  585. .calendar-today:active,
  586. .calendar-today:focus,
  587. .calendar-today:hover {
  588. font-weight: bold;
  589. color: #f8f8f2;
  590. background-color: rgba(189, 147, 249, 0.5);
  591. border-width: 0; }
  592. .calendar-other-month-day {
  593. color: rgba(248, 248, 242, 0.3);
  594. opacity: 1; }
  595. .calendar-week-number {
  596. color: rgba(248, 248, 242, 0.7);
  597. font-size: 80%; }
  598. #notification {
  599. border-radius: 3px;
  600. border-image: url("common-assets/misc/bg.svg") 9 9 9 9;
  601. padding: 13px;
  602. spacing-rows: 10px;
  603. spacing-columns: 10px;
  604. margin-from-right-edge-of-screen: 20px;
  605. width: 34em;
  606. color: #BAC3CF; }
  607. .menu #notification, .popup-menu #notification {
  608. border-image: url("dark-assets/misc/message.svg") 9 9 9 9; }
  609. .menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification {
  610. color: #f8f8f2; }
  611. .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button {
  612. padding: 5px; }
  613. #notification.multi-line-notification {
  614. padding-bottom: 13px;
  615. color: #BAC3CF; }
  616. #notification-scrollview {
  617. max-height: 10em; }
  618. #notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow {
  619. height: 1em; }
  620. #notification-scrollview:ltr > StScrollBar {
  621. padding-left: 6px; }
  622. #notification-scrollview:rtl > StScrollBar {
  623. padding-right: 6px; }
  624. #notification-body {
  625. spacing: 5px; }
  626. #notification-actions {
  627. spacing: 10px; }
  628. .notification-with-image {
  629. min-height: 159px;
  630. color: #BAC3CF; }
  631. .notification-button, .notification-icon-button {
  632. padding: 5px; }
  633. .notification-icon-button > StIcon {
  634. icon-size: 36px; }
  635. #altTabPopup {
  636. padding: 8px;
  637. spacing: 16px; }
  638. .switcher-list {
  639. color: #BAC3CF;
  640. background: none;
  641. border: none;
  642. border-image: url("common-assets/misc/bg.svg") 9 9 9 9;
  643. border-radius: 3px;
  644. padding: 20px; }
  645. .switcher-list > StBoxLayout {
  646. padding: 4px; }
  647. .switcher-list-item-container {
  648. spacing: 8px; }
  649. .switcher-list .item-box {
  650. padding: 8px;
  651. border-radius: 2px; }
  652. .switcher-list .item-box:outlined {
  653. padding: 8px;
  654. border: 1px solid rgba(189, 147, 249, 0.5); }
  655. .switcher-list .item-box:selected {
  656. color: #f8f8f2;
  657. background-color: rgba(189, 147, 249, 0.5);
  658. border: 0px solid rgba(189, 147, 249, 0.5); }
  659. .switcher-list .thumbnail {
  660. width: 256px; }
  661. .switcher-list .thumbnail-box {
  662. padding: 2px;
  663. spacing: 4px; }
  664. .switcher-list .separator {
  665. width: 1px;
  666. background: rgba(255, 255, 255, 0.2); }
  667. .switcher-arrow {
  668. border-color: rgba(0, 0, 0, 0);
  669. color: #BAC3CF; }
  670. .switcher-arrow:highlighted {
  671. border-color: rgba(0, 0, 0, 0);
  672. color: #f8f8f2; }
  673. .thumbnail-scroll-gradient-left {
  674. background-color: rgba(0, 0, 0, 0);
  675. border-radius: 24px;
  676. border-radius-topright: 0px;
  677. border-radius-bottomright: 0px;
  678. width: 60px; }
  679. .thumbnail-scroll-gradient-right {
  680. background-color: rgba(0, 0, 0, 0);
  681. border-radius: 24px;
  682. border-radius-topleft: 0px;
  683. border-radius-bottomleft: 0px;
  684. width: 60px; }
  685. .ripple-box {
  686. width: 104px;
  687. height: 104px;
  688. background-image: url("common-assets/misc/corner-ripple.svg");
  689. background-size: contain; }
  690. .lightbox {
  691. background-color: rgba(0, 0, 0, 0.4); }
  692. .flashspot {
  693. background-color: white; }
  694. .modal-dialog {
  695. color: #f8f8f2;
  696. background-color: rgba(30, 31, 41, 0);
  697. border: none;
  698. border-image: url("dark-assets/misc/modal.svg") 9 9 9 67;
  699. padding: 0 5px 6px 5px; }
  700. .modal-dialog > StBoxLayout:first-child {
  701. padding: 20px 10px 10px 10px; }
  702. .modal-dialog-button-box {
  703. spacing: 0;
  704. margin: 0px;
  705. padding: 14px 10px;
  706. background: none;
  707. border: none;
  708. border-image: url("dark-assets/misc/button-box.svg") 9 9 9 9; }
  709. .modal-dialog-button-box .modal-dialog-button {
  710. padding-top: 0;
  711. padding-bottom: 0;
  712. height: 30px; }
  713. .run-dialog {
  714. padding: 0px 15px 10px 15px;
  715. border-image: url("common-assets/misc/bg.svg") 9 9 9 9; }
  716. .run-dialog > * {
  717. padding: 0; }
  718. .run-dialog-label {
  719. font-size: 0;
  720. font-weight: bold;
  721. color: #BAC3CF;
  722. padding-bottom: 0; }
  723. .run-dialog-error-label {
  724. color: #FC4138; }
  725. .run-dialog-error-box {
  726. padding-top: 15px;
  727. spacing: 5px; }
  728. .run-dialog-completion-box {
  729. padding-left: 15px;
  730. font-size: 10px; }
  731. .run-dialog-entry {
  732. width: 21em;
  733. padding: 7px;
  734. border-radius: 3px;
  735. caret-color: #BAC3CF;
  736. selected-color: #f8f8f2;
  737. selection-background-color: rgba(189, 147, 249, 0.5);
  738. color: #BAC3CF;
  739. background-color: rgba(67, 69, 91, 0.4);
  740. border: 1px solid rgba(0, 0, 0, 0.4);
  741. box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); }
  742. .run-dialog-entry:focus {
  743. color: #f8f8f2;
  744. background-color: rgba(189, 147, 249, 0.5);
  745. border: 1px solid rgba(189, 147, 249, 0.5);
  746. box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); }
  747. .run-dialog .modal-dialog-button-box {
  748. border: none;
  749. box-shadow: none;
  750. background: none;
  751. background-gradient-direction: none; }
  752. /* CinnamonMountOperation Dialogs */
  753. .cinnamon-mount-operation-icon {
  754. icon-size: 48px; }
  755. .mount-password-reask {
  756. color: #F27835; }
  757. .show-processes-dialog,
  758. .mount-question-dialog {
  759. spacing: 24px; }
  760. .show-processes-dialog-subject,
  761. .mount-question-dialog-subject {
  762. padding-top: 10px;
  763. padding-left: 17px;
  764. padding-bottom: 6px; }
  765. .show-processes-dialog-subject:rtl,
  766. .mount-question-dialog-subject:rtl {
  767. padding-left: 0px;
  768. padding-right: 17px; }
  769. .show-processes-dialog-description,
  770. .mount-question-dialog-description {
  771. padding-left: 17px;
  772. width: 28em; }
  773. .show-processes-dialog-description:rtl,
  774. .mount-question-dialog-description:rtl {
  775. padding-right: 17px; }
  776. .show-processes-dialog-app-list {
  777. max-height: 200px;
  778. padding-top: 24px;
  779. padding-left: 49px;
  780. padding-right: 32px; }
  781. .show-processes-dialog-app-list:rtl {
  782. padding-right: 49px;
  783. padding-left: 32px; }
  784. .show-processes-dialog-app-list-item {
  785. color: #ccc; }
  786. .show-processes-dialog-app-list-item:hover {
  787. color: white; }
  788. .show-processes-dialog-app-list-item:ltr {
  789. padding-right: 1em; }
  790. .show-processes-dialog-app-list-item:rtl {
  791. padding-left: 1em; }
  792. .show-processes-dialog-app-list-item-icon:ltr {
  793. padding-right: 17px; }
  794. .show-processes-dialog-app-list-item-icon:rtl {
  795. padding-left: 17px; }
  796. .show-processes-dialog-app-list-item-name {
  797. font-size: 1.1em; }
  798. .magnifier-zoom-region {
  799. border: 2px solid maroon; }
  800. .magnifier-zoom-region .full-screen {
  801. border-width: 0px; }
  802. #keyboard {
  803. background-color: #13141a;
  804. border-width: 0;
  805. border-top-width: 1px;
  806. border-color: rgba(0, 0, 0, 0.4); }
  807. .keyboard-layout {
  808. spacing: 10px;
  809. padding: 10px; }
  810. .keyboard-row {
  811. spacing: 15px; }
  812. .keyboard-key {
  813. min-height: 2em;
  814. min-width: 2em;
  815. font-size: 14pt;
  816. font-weight: bold;
  817. border-radius: 3px;
  818. box-shadow: none;
  819. text-shadow: 0 1px rgba(40, 42, 54, 0);
  820. color: #BAC3CF;
  821. border: 1px solid rgba(0, 0, 0, 0.4);
  822. background-color: rgba(67, 69, 91, 0.4); }
  823. .keyboard-key:hover {
  824. text-shadow: 0 1px rgba(40, 42, 54, 0);
  825. color: #BAC3CF;
  826. border: 1px solid rgba(0, 0, 0, 0.4);
  827. background-color: rgba(82, 84, 112, 0.5); }
  828. .keyboard-key:active, .keyboard-key:checked {
  829. text-shadow: 0 1px rgba(40, 42, 54, 0);
  830. color: #f8f8f2;
  831. border: 1px solid rgba(189, 147, 249, 0.5);
  832. background-color: rgba(189, 147, 249, 0.5); }
  833. .keyboard-key:grayed {
  834. text-shadow: 0 1px rgba(40, 42, 54, 0);
  835. color: #454950;
  836. border: 1px solid rgba(0, 0, 0, 0.4);
  837. background-color: rgba(67, 69, 91, 0.25); }
  838. .keyboard-subkeys {
  839. color: #BAC3CF;
  840. padding: 5px;
  841. -arrow-border-radius: 2px;
  842. -arrow-background-color: #13141a;
  843. -arrow-border-width: 1px;
  844. -arrow-border-color: rgba(0, 0, 0, 0.4);
  845. -arrow-base: 20px;
  846. -arrow-rise: 10px;
  847. -boxpointer-gap: 5px; }
  848. .menu-favorites-box {
  849. margin: auto;
  850. padding: 10px;
  851. transition-duration: 300;
  852. background-color: #1e1f29;
  853. border: 1px solid rgba(25, 26, 34, 0.9); }
  854. .menu-favorites-button {
  855. padding: 10px;
  856. border: 1px solid rgba(0, 0, 0, 0); }
  857. .menu-places-box {
  858. margin: auto;
  859. padding: 10px;
  860. border: 0px solid red; }
  861. .menu-places-button {
  862. padding: 10px; }
  863. .menu-categories-box {
  864. padding: 10px 30px 10px 30px; }
  865. .menu-applications-inner-box, .menu-applications-outer-box {
  866. padding: 10px 10px 0 10px; }
  867. .menu-application-button {
  868. padding: 7px;
  869. border: 1px solid rgba(0, 0, 0, 0); }
  870. .menu-application-button:highlighted {
  871. font-weight: bold; }
  872. .menu-application-button-selected {
  873. padding: 7px; }
  874. .menu-application-button-selected:highlighted {
  875. font-weight: bold; }
  876. .menu-application-button-label:ltr {
  877. padding-left: 5px; }
  878. .menu-application-button-label:rtl {
  879. padding-right: 5px; }
  880. .menu-category-button {
  881. padding: 7px;
  882. border: 1px solid rgba(0, 0, 0, 0); }
  883. .menu-category-button-selected {
  884. padding: 7px; }
  885. .menu-category-button-hover {
  886. background-color: red;
  887. border-radius: 2px; }
  888. .menu-category-button-greyed {
  889. padding: 7px;
  890. color: rgba(248, 248, 242, 0.45);
  891. border: 1px solid rgba(0, 0, 0, 0); }
  892. .menu-category-button-label:ltr {
  893. padding-left: 5px; }
  894. .menu-category-button-label:rtl {
  895. padding-right: 5px; }
  896. .menu-selected-app-box {
  897. padding-right: 30px;
  898. padding-left: 28px;
  899. text-align: right;
  900. height: 30px; }
  901. .menu-selected-app-box:rtl {
  902. padding-top: 10px;
  903. height: 30px; }
  904. .menu-selected-app-title {
  905. font-weight: bold; }
  906. .menu-selected-app-description {
  907. max-width: 150px; }
  908. .menu-search-box:ltr {
  909. padding-left: 30px; }
  910. .menu-search-box-rtl {
  911. padding-right: 30px; }
  912. #menu-search-entry {
  913. width: 250px;
  914. min-height: 15px;
  915. font-weight: normal;
  916. caret-color: #f8f8f2; }
  917. .menu-search-entry-icon {
  918. icon-size: 1em;
  919. color: #f8f8f2; }
  920. /* Context menu (at the moment only for favorites) */
  921. .info-osd {
  922. text-align: center;
  923. font-weight: bold;
  924. spacing: 1em;
  925. padding: 16px;
  926. color: #f8f8f2;
  927. border-image: url("common-assets/misc/osd.svg") 9 9 9 9; }
  928. .osd-window {
  929. text-align: center;
  930. font-weight: bold;
  931. spacing: 1em;
  932. padding: 20px;
  933. margin: 32px;
  934. min-width: 64px;
  935. min-height: 64px;
  936. color: #f8f8f2;
  937. background: none;
  938. border: none;
  939. border-radius: 5px;
  940. border-image: url("common-assets/misc/osd.svg") 9 9 9 9; }
  941. .osd-window .osd-monitor-label {
  942. font-size: 3em; }
  943. .osd-window .level {
  944. padding: 0;
  945. height: 4px;
  946. background-color: rgba(0, 0, 0, 0.5);
  947. border-radius: 2px;
  948. color: rgba(189, 147, 249, 0.5); }
  949. .osd-window .level-bar {
  950. background-color: rgba(189, 147, 249, 0.5); }
  951. .window-list-box {
  952. spacing: 6px;
  953. padding-left: 10px;
  954. padding-top: 1px; }
  955. .window-list-box.vertical {
  956. spacing: 2px;
  957. padding-left: 0px;
  958. padding-right: 0px;
  959. padding-top: 10px;
  960. padding-bottom: 10px; }
  961. .window-list-box:highlight {
  962. background-color: rgba(252, 65, 56, 0.5); }
  963. .window-list-item-label {
  964. font-weight: bold;
  965. width: 15em;
  966. min-width: 5px; }
  967. .window-list-item-box {
  968. font-weight: bold;
  969. background-image: none;
  970. padding-top: 0;
  971. padding-left: 8px;
  972. padding-right: 8px;
  973. transition-duration: 100;
  974. color: rgba(248, 248, 242, 0.6); }
  975. .window-list-item-box.top, .window-list-item-box.bottom {
  976. border-bottom-width: 2px; }
  977. .window-list-item-box.top StLabel, .window-list-item-box.bottom StLabel {
  978. padding-left: 2px; }
  979. .window-list-item-box.right {
  980. padding-left: 0px;
  981. padding-right: 0px;
  982. border-right-width: 2px; }
  983. .window-list-item-box.right StBin {
  984. padding-right: 0; }
  985. .window-list-item-box.left {
  986. padding-left: 0px;
  987. padding-right: 0px;
  988. border-left-width: 2px; }
  989. .window-list-item-box.left StBin {
  990. padding-left: 1px; }
  991. .window-list-item-box:hover, .window-list-item-box:groupFocus {
  992. color: #f8f8f2;
  993. background-color: rgba(248, 248, 242, 0.1); }
  994. .window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:focus, .window-list-item-box:running {
  995. color: #f8f8f2;
  996. border-color: #bd93f9; }
  997. .window-list-item-box .progress {
  998. background-color: rgba(189, 147, 249, 0.3); }
  999. .window-list-item-demands-attention {
  1000. background-gradient-direction: vertical;
  1001. background-gradient-start: #F04A50;
  1002. background-gradient-end: #F04A50; }
  1003. .window-list-preview {
  1004. spacing: 6px;
  1005. color: #f8f8f2;
  1006. border: 1px solid rgba(25, 26, 34, 0.9);
  1007. background-color: #1e1f29;
  1008. border-radius: 3px;
  1009. padding: 6px 12px 12px 12px;
  1010. font-size: 1em; }
  1011. .grouped-window-list-item-label {
  1012. font-weight: bold;
  1013. width: 15em;
  1014. min-width: 5px; }
  1015. .grouped-window-list-item-box {
  1016. text-align: left;
  1017. font-weight: bold;
  1018. background-image: none;
  1019. padding-top: 0;
  1020. padding-left: 8px;
  1021. padding-right: 8px;
  1022. transition-duration: 100;
  1023. color: rgba(248, 248, 242, 0.6); }
  1024. .grouped-window-list-item-box.top, .grouped-window-list-item-box.bottom {
  1025. border-bottom-width: 2px; }
  1026. .grouped-window-list-item-box.top StLabel, .grouped-window-list-item-box.bottom StLabel {
  1027. padding-left: 2px; }
  1028. .grouped-window-list-item-box.right {
  1029. padding-left: 0px;
  1030. padding-right: 0px;
  1031. border-right-width: 2px; }
  1032. .grouped-window-list-item-box.right StBin {
  1033. padding-right: 0; }
  1034. .grouped-window-list-item-box.left {
  1035. padding-left: 0px;
  1036. padding-right: 0px;
  1037. border-left-width: 2px; }
  1038. .grouped-window-list-item-box.left StBin {
  1039. padding-left: 1px; }
  1040. .grouped-window-list-item-box:active, .grouped-window-list-item-box:checked {
  1041. color: #f8f8f2;
  1042. border-color: rgba(90, 93, 123, 0.95); }
  1043. .grouped-window-list-item-box:hover, .grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:focus, .grouped-window-list-item-box:active:focus, .grouped-window-list-item-box:focus:hover, .grouped-window-list-item-box:active:focus:hover {
  1044. color: #f8f8f2;
  1045. border-color: #bd93f9; }
  1046. .grouped-window-list-item-box .progress {
  1047. background-color: rgba(189, 147, 249, 0.3); }
  1048. .grouped-window-list-item-demands-attention {
  1049. background-gradient-direction: vertical;
  1050. background-gradient-start: #F04A50;
  1051. background-gradient-end: #F04A50; }
  1052. .grouped-window-list-thumbnail-label {
  1053. padding-left: 4px; }
  1054. .grouped-window-list-number-label {
  1055. z-index: 99;
  1056. color: #f8f8f2; }
  1057. .grouped-window-list-badge {
  1058. border-radius: 256px;
  1059. background-color: rgba(26, 27, 35, 0.95); }
  1060. .grouped-window-list-button-label {
  1061. padding-left: 4px; }
  1062. .grouped-window-list-thumbnail-alert {
  1063. background: rgba(255, 52, 52, 0.3); }
  1064. .grouped-window-list-thumbnail-menu {
  1065. color: #f8f8f2;
  1066. border: 1px solid rgba(25, 26, 34, 0.9);
  1067. background-color: #1e1f29;
  1068. border-radius: 3px;
  1069. padding: 0px; }
  1070. .grouped-window-list-thumbnail-menu > StBoxLayout {
  1071. padding: 4px; }
  1072. .grouped-window-list-thumbnail-menu .item-box {
  1073. padding: 10px;
  1074. border-radius: 2px;
  1075. spacing: 4px; }
  1076. .grouped-window-list-thumbnail-menu .item-box:outlined {
  1077. padding: 8px;
  1078. border: 1px solid rgba(189, 147, 249, 0.5); }
  1079. .grouped-window-list-thumbnail-menu .item-box:selected {
  1080. border: 1px solid rgba(189, 147, 249, 0.5); }
  1081. .grouped-window-list-thumbnail-menu .thumbnail {
  1082. width: 256px; }
  1083. .grouped-window-list-thumbnail-menu .separator {
  1084. width: 1px;
  1085. background: rgba(255, 255, 255, 0.2); }
  1086. .sound-button {
  1087. width: 22px;
  1088. height: 13px;
  1089. padding: 8px; }
  1090. .sound-button-container {
  1091. padding-right: 3px;
  1092. padding-left: 3px; }
  1093. .sound-button StIcon {
  1094. icon-size: 1.4em; }
  1095. .sound-track-infos {
  1096. padding: 5px; }
  1097. .sound-track-info {
  1098. padding-top: 2px;
  1099. padding-bottom: 2px; }
  1100. .sound-track-info StIcon {
  1101. icon-size: 16px; }
  1102. .sound-track-info StLabel {
  1103. padding-left: 5px;
  1104. padding-right: 5px; }
  1105. .sound-track-box {
  1106. padding-left: 15px;
  1107. padding-right: 15px;
  1108. max-width: 220px; }
  1109. .sound-seek-box {
  1110. padding-left: 15px; }
  1111. .sound-seek-box StLabel {
  1112. padding-top: 2px; }
  1113. .sound-seek-box StIcon {
  1114. icon-size: 16px; }
  1115. .sound-seek-slider {
  1116. width: 140px; }
  1117. .sound-volume-menu-item {
  1118. padding: .4em 1.75em; }
  1119. .sound-volume-menu-item StIcon {
  1120. icon-size: 1.14em;
  1121. padding-left: 8px;
  1122. padding-right: 8px; }
  1123. .sound-playback-control {
  1124. padding: 5px 10px 10px 10px; }
  1125. .sound-player {
  1126. padding: 0 4px; }
  1127. .sound-player > StBoxLayout:first-child {
  1128. padding: 5px 10px 12px 10px;
  1129. spacing: 0.5em; }
  1130. .sound-player > StBoxLayout:first-child StButton:small {
  1131. width: 16px;
  1132. height: 8px;
  1133. padding: 1px; }
  1134. .sound-player > StBoxLayout:first-child StButton:small StIcon {
  1135. icon-size: 12px; }
  1136. .sound-player-generic-coverart {
  1137. background: rgba(0, 0, 0, 0.2); }
  1138. .sound-player-overlay {
  1139. width: 290px;
  1140. height: 70px;
  1141. padding: 15px;
  1142. spacing: 0.5em;
  1143. background: rgba(8, 9, 12, 0.9);
  1144. border: 0px solid black;
  1145. border-bottom: 1px;
  1146. color: #BAC3CF; }
  1147. .sound-player-overlay StButton {
  1148. width: 22px;
  1149. height: 13px;
  1150. padding: 5px;
  1151. color: #BAC3CF;
  1152. border-radius: 2px;
  1153. border: 1px solid rgba(19, 20, 26, 0); }
  1154. .sound-player-overlay StButton StIcon {
  1155. icon-size: 16px; }
  1156. .sound-player-overlay StButton:hover {
  1157. text-shadow: 0 1px rgba(40, 42, 54, 0);
  1158. color: #BAC3CF;
  1159. border: 1px solid rgba(0, 0, 0, 0.4);
  1160. background-color: rgba(82, 84, 112, 0.5); }
  1161. .sound-player-overlay StButton:active {
  1162. text-shadow: 0 1px rgba(40, 42, 54, 0);
  1163. color: #f8f8f2;
  1164. background-color: rgba(189, 147, 249, 0.5);
  1165. border: 1px solid rgba(189, 147, 249, 0.5);
  1166. box-shadow: inset 0 2px 4px rgba(189, 147, 249, 0.5); }
  1167. .sound-player-overlay StBoxLayout {
  1168. padding-top: 2px; }
  1169. .sound-player .slider {
  1170. height: 0.5em;
  1171. padding: 0;
  1172. border: none;
  1173. -slider-height: 0.5em;
  1174. -slider-background-color: #13141a;
  1175. -slider-border-color: rgba(0, 0, 0, 0);
  1176. -slider-active-background-color: rgba(189, 147, 249, 0.5);
  1177. -slider-active-border-color: rgba(0, 0, 0, 0);
  1178. -slider-border-width: 0px;
  1179. -slider-handle-radius: 0px; }
  1180. #workspaceSwitcher {
  1181. spacing: 0px;
  1182. padding: 3px; }
  1183. /* Controls the styling when using the "Simple buttons" option */
  1184. .workspace-switcher {
  1185. padding-left: 3px;
  1186. padding-right: 3px; }
  1187. .workspace-button {
  1188. width: 20px;
  1189. height: 10px;
  1190. color: #f8f8f2;
  1191. padding: 3px;
  1192. padding-top: 4px;
  1193. transition-duration: 300; }
  1194. .workspace-button:outlined, .workspace-button:outlined:hover {
  1195. color: #bd93f9; }
  1196. .workspace-button:hover {
  1197. color: rgba(189, 147, 249, 0.5); }
  1198. /* Controls the style when using the "Visual representation" option */
  1199. .workspace-graph {
  1200. padding: 3px;
  1201. spacing: 3px; }
  1202. .workspace-graph .workspace {
  1203. border: 1px solid rgba(0, 0, 0, 0.4);
  1204. background-gradient-direction: none;
  1205. background-color: rgba(0, 0, 0, 0.2); }
  1206. .workspace-graph .workspace:active {
  1207. border: 1px solid rgba(189, 147, 249, 0.5);
  1208. background-gradient-direction: none; }
  1209. .workspace-graph .workspace .windows {
  1210. -active-window-background: rgba(58, 60, 79, 0.95);
  1211. -active-window-border: rgba(0, 0, 0, 0.8);
  1212. -inactive-window-background: rgba(58, 60, 79, 0.95);
  1213. -inactive-window-border: rgba(0, 0, 0, 0.8); }
  1214. .workspace-graph .workspace:active .windows {
  1215. -active-window-background: rgba(69, 71, 94, 0.95);
  1216. -active-window-border: rgba(0, 0, 0, 0.8);
  1217. -inactive-window-background: rgba(36, 38, 50, 0.95);
  1218. -inactive-window-border: rgba(0, 0, 0, 0.8); }
  1219. #panel-launchers-box {
  1220. padding-left: 7px; }
  1221. #panel-launchers-box.vertical {
  1222. padding: 2px 0; }
  1223. .panel-launcher,
  1224. .launcher {
  1225. margin: 1px;
  1226. padding: 1px;
  1227. transition-duration: 200; }
  1228. .panel-launcher:hover, .launcher:hover {
  1229. background-gradient-direction: none;
  1230. border: 0px solid rgba(189, 147, 249, 0.5); }
  1231. .panel-bottom .panel-launcher:hover,
  1232. .panel-bottom .launcher:hover {
  1233. border-bottom-width: 1px; }
  1234. .panel-top .panel-launcher:hover, .panel-top .launcher:hover {
  1235. border-top-width: 1px; }
  1236. .panel-left .panel-launcher:hover, .panel-left .launcher:hover {
  1237. border-left-width: 1px;
  1238. padding-left: 0; }
  1239. .panel-right .panel-launcher:hover, .panel-right .launcher:hover {
  1240. border-right-width: 1px;
  1241. padding-right: 0; }
  1242. #overview-corner {
  1243. background-image: url("common-assets/misc/overview.png"); }
  1244. #overview-corner:hover {
  1245. background-image: url("common-assets/misc/overview-hover.png"); }
  1246. .applet-separator {
  1247. padding: 1px 4px; }
  1248. .applet-separator-line {
  1249. width: 1px;
  1250. background: rgba(255, 255, 255, 0.12); }
  1251. .applet-box {
  1252. padding-left: 3px;
  1253. padding-right: 3px;
  1254. color: #f8f8f2;
  1255. text-shadow: none;
  1256. transition-duration: 100; }
  1257. .applet-box.vertical {
  1258. padding: 3px 0; }
  1259. .applet-box:hover {
  1260. color: #f8f8f2;
  1261. background-color: rgba(189, 147, 249, 0.5); }
  1262. .applet-box:highlight {
  1263. background-image: none;
  1264. border-image: none;
  1265. background-color: rgba(252, 65, 56, 0.5); }
  1266. .applet-label {
  1267. font-weight: bold;
  1268. color: #f8f8f2; }
  1269. .applet-label:hover, .applet-box:hover > .applet-label {
  1270. color: #f8f8f2;
  1271. text-shadow: none; }
  1272. .applet-icon {
  1273. color: #f8f8f2;
  1274. icon-size: 22px; }
  1275. .applet-icon:hover, .applet-box:hover > .applet-icon {
  1276. color: #f8f8f2;
  1277. text-shadow: none; }
  1278. .user-icon {
  1279. width: 32px;
  1280. height: 32px;
  1281. background-color: transparent;
  1282. border: none;
  1283. border-radius: 0; }
  1284. .user-label {
  1285. color: #f8f8f2;
  1286. font-size: 1em;
  1287. font-weight: bold;
  1288. margin: 0px; }
  1289. .desklet {
  1290. color: #BAC3CF; }
  1291. .desklet:highlight {
  1292. background-color: rgba(252, 65, 56, 0.5); }
  1293. .desklet-with-borders {
  1294. border-image: url("common-assets/misc/bg.svg") 9 9 9 9;
  1295. color: #BAC3CF;
  1296. padding: 12px;
  1297. padding-bottom: 16px; }
  1298. .desklet-with-borders:highlight {
  1299. background-color: rgba(252, 65, 56, 0.5); }
  1300. .desklet-with-borders-and-header {
  1301. border-image: url("common-assets/misc/desklet.svg") 9 9 9 9;
  1302. color: #BAC3CF;
  1303. border-radius: 0;
  1304. border-radius-topleft: 0;
  1305. border-radius-topright: 0;
  1306. padding: 12px;
  1307. padding-bottom: 17px; }
  1308. .desklet-with-borders-and-header:highlight {
  1309. background-color: rgba(252, 65, 56, 0.5); }
  1310. .desklet-header {
  1311. border-image: url("common-assets/misc/desklet-header.svg") 9 9 9 9;
  1312. color: #BAC3CF;
  1313. font-size: 1em;
  1314. padding: 12px;
  1315. padding-bottom: 6px; }
  1316. .desklet-drag-placeholder {
  1317. border: 2px solid rgba(189, 147, 249, 0.5);
  1318. background-color: rgba(189, 147, 249, 0); }
  1319. .photoframe-box {
  1320. border-image: url("common-assets/misc/bg.svg") 9 9 9 9;
  1321. color: #BAC3CF;
  1322. padding: 12px;
  1323. padding-bottom: 16px; }
  1324. /*FIXME*/
  1325. .workspace-osd {
  1326. /*color: red;*/
  1327. text-shadow: black 5px 5px 5px;
  1328. font-weight: bold;
  1329. font-size: 48pt; }
  1330. .notification-applet-padding {
  1331. padding: .5em 1em; }
  1332. .notification-applet-container {
  1333. max-height: 100px; }
  1334. .tile-preview, .tile-preview.snap,
  1335. .tile-hud, .tile-hud.snap {
  1336. background-color: rgba(189, 147, 249, 0);
  1337. border: 1px solid rgba(189, 147, 249, 0.5); }
  1338. .xkcd-box {
  1339. padding: 6px;
  1340. border: 0px;
  1341. background-color: rgba(0, 0, 0, 0);
  1342. border-radius: 0px; }
  1343. /*# sourceMappingURL=cinnamon-dark.css.map */