gtk-dark.css 119 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574257525762577257825792580258125822583258425852586258725882589259025912592259325942595259625972598259926002601260226032604260526062607260826092610261126122613261426152616261726182619262026212622262326242625262626272628262926302631263226332634263526362637263826392640264126422643264426452646264726482649265026512652265326542655265626572658265926602661266226632664266526662667266826692670267126722673267426752676267726782679268026812682268326842685268626872688268926902691269226932694269526962697269826992700270127022703270427052706270727082709271027112712271327142715271627172718271927202721272227232724272527262727272827292730273127322733273427352736273727382739274027412742274327442745274627472748274927502751275227532754275527562757275827592760276127622763276427652766276727682769277027712772277327742775277627772778277927802781278227832784278527862787278827892790279127922793279427952796279727982799280028012802280328042805280628072808280928102811281228132814281528162817281828192820282128222823282428252826282728282829283028312832283328342835283628372838283928402841284228432844284528462847284828492850285128522853285428552856285728582859286028612862286328642865286628672868286928702871287228732874287528762877287828792880288128822883288428852886
  1. * {
  2. -GtkScrollbar-has-backward-stepper: true;
  3. -GtkScrollbar-has-forward-stepper: true;
  4. -GtkScrollbar-has-secondary-backward-stepper: false;
  5. -GtkScrollbar-has-secondary-forward-stepper: false;
  6. -GtkScrolledwindow-scrollbar-spacing: 0;
  7. -GtkScrolledwindow-scrollbars-within-bevel: 1;
  8. -GtkTextView-error-underline-color: #CC0000;
  9. -GtkToolbutton-icon-spacing: 6;
  10. -GtkToolItemGroup-expander-size: 11;
  11. -GtkWidget-text-handle-width: 20;
  12. -GtkWidget-text-handle-height: 20;
  13. -GtkDialog-button-spacing: 4;
  14. -GtkDialog-action-area-border: 0;
  15. -GtkTreeview-expander-size: 8;
  16. background-clip: padding-box;
  17. outline-width: 1px;
  18. outline-offset: -3px;
  19. outline-style: dashed;
  20. outline-color: shade(#FFFFFF, 0.35);
  21. -gtk-outline-radius: 0; }
  22. .background {
  23. color: #FFFFFF;
  24. background-color: alpha(#191919, 0.999); }
  25. .background:backdrop {
  26. color: #FFFFFF;
  27. background-color: #191919; }
  28. *:disabled {
  29. -gtk-icon-effect: dim; }
  30. *:hover {
  31. -gtk-icon-effect: highlight; }
  32. .gtkstyle-fallback {
  33. color: #FFFFFF;
  34. background-color: #191919; }
  35. .gtkstyle-fallback:hover {
  36. color: #FFFFFF;
  37. background-color: shade(#191919, 1.1); }
  38. .gtkstyle-fallback:active {
  39. color: #FFFFFF;
  40. background-color: shade(#191919, 0.9); }
  41. .gtkstyle-fallback:disabled {
  42. color: mix(#FFFFFF, #191919, 0.5);
  43. background-color: mix(#FFFFFF, #191919, 0.95); }
  44. .gtkstyle-fallback:selected {
  45. color: #FFFFFF;
  46. background-color: #4D4D4D; }
  47. image, image:disabled, label, label:disabled, box, box:disabled {
  48. background-color: transparent; }
  49. label selection {
  50. background-color: #0078D7;
  51. color: #FFFFFF; }
  52. label.dim-label, label.separator, popover label.separator, popover.background label.separator, label:disabled {
  53. opacity: 0.55; }
  54. button {
  55. transition: border 100ms ease-in-out; }
  56. entry {
  57. transition: border 100ms ease-out; }
  58. entry:focus {
  59. transition: border 100ms ease-in; }
  60. notebook tab label, notebook .prelight-page, notebook .prelight-page label, notebook .active-page, notebook .active-page label {
  61. transition: all 200ms ease-in; }
  62. scale, progressbar {
  63. transition: 200ms ease-out; }
  64. scale:backdrop, progressbar:backdrop {
  65. transition: 200ms ease-out; }
  66. scale slider, switch slider {
  67. transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  68. transition-property: background, border, box-shadow; }
  69. scale slider:backdrop, switch slider:backdrop {
  70. transition: 200ms ease-out; }
  71. scale:backdrop slider, switch:backdrop slider {
  72. transition: 200ms ease-out; }
  73. scrollbar {
  74. transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  75. scrollbar:backdrop {
  76. transition: 200ms ease-out; }
  77. scrollbar slider {
  78. transition: 200ms ease-out; }
  79. decoration {
  80. transition: 200ms ease-out; }
  81. decoration:backdrop {
  82. transition: 200ms ease-out; }
  83. assistant .sidebar label.highlight {
  84. color: #FFFFFF;
  85. background-color: #4D4D4D; }
  86. assistant .sidebar {
  87. padding: 4px;
  88. border-width: 0 1px 0 0;
  89. border-style: solid;
  90. border-radius: 0;
  91. border-right-color: shade(#FFFFFF, 0.2);
  92. color: #FFFFFF;
  93. background-color: #191919; }
  94. button:link > label, button:visited > label, *:link, button:link, button:visited {
  95. color: #224BA0; }
  96. button:link > label:visited, button:visited > label:visited, *:link:visited, button:visited {
  97. color: mix(#224BA0, #FFFFFF, 0.2); }
  98. *:selected button:link > label:visited, *:selected button:visited > label:visited,
  99. *:selected *:link:visited,
  100. *:selected button:visited:link,
  101. *:selected button:visited {
  102. color: mix(#FFFFFF, #4D4D4D, 0.4); }
  103. button:link > label:hover, button:visited > label:hover, *:link:hover, button:hover:link, button:hover:visited {
  104. color: shade(#224BA0, 1.1); }
  105. *:selected button:link > label:hover, *:selected button:visited > label:hover,
  106. *:selected *:link:hover,
  107. *:selected button:hover:link,
  108. *:selected button:hover:visited {
  109. color: mix(#FFFFFF, #4D4D4D, 0.9); }
  110. button:link > label:active, button:visited > label:active, *:link:active, button:active:link, button:active:visited {
  111. color: #224BA0; }
  112. *:selected button:link > label:active, *:selected button:visited > label:active,
  113. *:selected *:link:active,
  114. *:selected button:active:link,
  115. *:selected button:active:visited {
  116. color: mix(#FFFFFF, #4D4D4D, 0.8); }
  117. button:link > label:backdrop:backdrop:hover, button:visited > label:backdrop:backdrop:hover, button:link > label:backdrop:backdrop:hover:selected, button:visited > label:backdrop:backdrop:hover:selected, button:link > label:backdrop, button:visited > label:backdrop,
  118. *:link:backdrop:backdrop:hover,
  119. button:backdrop:backdrop:hover:link,
  120. button:backdrop:backdrop:hover:visited,
  121. *:link:backdrop:backdrop:hover:selected,
  122. button:backdrop:backdrop:hover:selected:link,
  123. button:backdrop:backdrop:hover:selected:visited,
  124. *:link:backdrop,
  125. button:backdrop:link,
  126. button:backdrop:visited {
  127. color: mix(#224BA0, #4D4D4D, 0.3); }
  128. button:link > label:selected, button:visited > label:selected, *:selected button:link > label, *:selected button:visited > label,
  129. *:link:selected,
  130. button:selected:link,
  131. button:selected:visited,
  132. *:selected *:link,
  133. *:selected button:link,
  134. *:selected button:visited {
  135. color: mix(#FFFFFF, #4D4D4D, 0.8); }
  136. button:link, button:visited {
  137. border-color: transparent;
  138. background-color: transparent;
  139. text-shadow: none; }
  140. button:link:hover, button:link:active, button:link:checked, button:link:focus:active, button:visited:hover, button:visited:active, button:visited:checked, button:visited:focus:active {
  141. border-color: transparent;
  142. background-color: transparent;
  143. text-shadow: none; }
  144. button:link > label, button:visited > label {
  145. text-decoration-line: underline; }
  146. button {
  147. padding: 3px;
  148. border-style: solid;
  149. border-width: 1px;
  150. border-radius: 0px;
  151. color: #FFFFFF;
  152. border-color: shade(#FFFFFF, 0.2);
  153. background-color: #191919; }
  154. button:hover {
  155. color: #FFFFFF;
  156. border-color: shade(#4D4D4D, 0.7);
  157. background-color: shade(#4D4D4D, 1.02); }
  158. button:active, button:checked {
  159. color: #FFFFFF;
  160. border-color: shade(#4D4D4D, 0.8);
  161. background-color: shade(#4D4D4D, 0.95); }
  162. button:active:backdrop, button:checked:backdrop {
  163. color: #FFFFFF;
  164. border-color: shade(#191919, 0.85);
  165. background-color: shade(#191919, 0.85); }
  166. button:active:disabled, button:checked:disabled {
  167. color: mix(#FFFFFF, mix(#FFFFFF, #191919, 0.75), 0.1);
  168. border-color: mix(#191919, mix(#FFFFFF, #191919, 0.95), 0.6);
  169. background-color: mix(#191919, mix(#FFFFFF, #191919, 0.95), 0.2); }
  170. button:active:disabled:backdrop, button:checked:disabled:backdrop {
  171. color: mix(#FFFFFF, #191919, 0.75);
  172. border-color: shade(#FFFFFF, 0.2);
  173. background-color: mix(#191919, mix(#FFFFFF, #191919, 0.95), 0.2); }
  174. button:focus, button:hover:focus, button:active:focus, button:active:hover:focus {
  175. border-color: shade(#4D4D4D, 0.7); }
  176. button:disabled {
  177. color: mix(#FFFFFF, mix(#FFFFFF, #191919, 0.75), 0.1);
  178. border-color: mix(#191919, mix(#FFFFFF, #191919, 0.95), 0.6);
  179. background-color: mix(#191919, mix(#FFFFFF, #191919, 0.95), 0.1); }
  180. button:disabled:backdrop {
  181. color: mix(#FFFFFF, #191919, 0.75);
  182. border-color: shade(#FFFFFF, 0.2);
  183. background-color: mix(#FFFFFF, #191919, 0.98); }
  184. button:backdrop {
  185. border-color: shade(#FFFFFF, 0.2);
  186. color: #FFFFFF;
  187. background-color: #191919; }
  188. button.flat {
  189. border-color: transparent;
  190. border-radius: 0px;
  191. color: #FFFFFF;
  192. background-color: transparent; }
  193. button.flat:disabled {
  194. border-color: transparent;
  195. color: alpha(#FFFFFF, 0.8);
  196. background-color: transparent; }
  197. button.flat:disabled:backdrop {
  198. border-color: transparent;
  199. color: alpha(#FFFFFF, 0.7);
  200. background-color: transparent; }
  201. button.flat:backdrop {
  202. border-color: transparent;
  203. background-color: transparent;
  204. color: #FFFFFF; }
  205. checkbutton, radiobutton {
  206. padding: 4px;
  207. outline-offset: 0; }
  208. check, radio {
  209. margin: 4px;
  210. min-height: 13px;
  211. min-width: 13px; }
  212. .check, check {
  213. -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked-@2.png"));
  214. transition: 0.2s; }
  215. .check:backdrop, check:backdrop {
  216. opacity: 0.8; }
  217. .check:hover, check:hover {
  218. -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-over.png"), url("assets/checkbox-unchecked-over-@2.png")); }
  219. .check:active, check:active {
  220. -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-over.png"), url("assets/checkbox-unchecked-over-@2.png")); }
  221. .check:disabled, check:disabled {
  222. -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive-@2.png")); }
  223. .check:checked, check:checked {
  224. -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked-@2.png")); }
  225. .check:checked:hover, check:checked:hover {
  226. -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-over.png"), url("assets/checkbox-checked-over-@2.png")); }
  227. .check:checked:active, check:checked:active {
  228. -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-over.png"), url("assets/checkbox-checked-over-@2.png")); }
  229. .check:checked:disabled, check:checked:disabled {
  230. -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive-@2.png")); }
  231. .check:indeterminate, check:indeterminate {
  232. -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed-@2.png")); }
  233. .check:indeterminate:hover, check:indeterminate:hover {
  234. -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-over.png"), url("assets/checkbox-mixed-over-@2.png")); }
  235. .check:indeterminate:active, check:indeterminate:active {
  236. -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-over.png"), url("assets/checkbox-mixed-over-@2.png")); }
  237. .check:indeterminate:disabled, check:indeterminate:disabled {
  238. -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive-@2.png")); }
  239. menu menuitem .check, menu menuitem check {
  240. -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked-@2.png"));
  241. animation: none;
  242. transition: none; }
  243. menu menuitem .check:backdrop, menu menuitem check:backdrop {
  244. opacity: 0.8; }
  245. menu menuitem .check:hover, menu menuitem check:hover {
  246. -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked-@2.png")); }
  247. menu menuitem .check:disabled, menu menuitem check:disabled {
  248. -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive-@2.png")); }
  249. menu menuitem .check:disabled:hover, menu menuitem check:disabled:hover {
  250. -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive-@2.png")); }
  251. menu menuitem .check:checked, menu menuitem check:checked {
  252. -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked-@2.png")); }
  253. menu menuitem .check:checked:hover, menu menuitem check:checked:hover {
  254. -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked-@2.png")); }
  255. menu menuitem .check:checked:disabled, menu menuitem check:checked:disabled {
  256. -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive-@2.png")); }
  257. menu menuitem .check:checked:disabled:hover, menu menuitem check:checked:disabled:hover {
  258. -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive-@2.png")); }
  259. menu menuitem .check:indeterminate, menu menuitem check:indeterminate {
  260. -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed-@2.png")); }
  261. menu menuitem .check:indeterminate:hover, menu menuitem check:indeterminate:hover {
  262. -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed-@2.png")); }
  263. menu menuitem .check:indeterminate:disabled, menu menuitem check:indeterminate:disabled {
  264. -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive-@2.png")); }
  265. menu menuitem .check:indeterminate:disabled:hover, menu menuitem check:indeterminate:disabled:hover {
  266. -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive-@2.png")); }
  267. .radio, radio {
  268. -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked-@2.png"));
  269. transition: 0.2s; }
  270. .radio:backdrop, radio:backdrop {
  271. opacity: 0.8; }
  272. .radio:hover, radio:hover {
  273. -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-over.png"), url("assets/radio-unchecked-over-@2.png")); }
  274. .radio:active, radio:active {
  275. -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-over.png"), url("assets/radio-unchecked-over-@2.png")); }
  276. .radio:disabled, radio:disabled {
  277. -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive-@2.png")); }
  278. .radio:checked, radio:checked {
  279. -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked-@2.png")); }
  280. .radio:checked:hover, radio:checked:hover {
  281. -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-over.png"), url("assets/radio-checked-over-@2.png")); }
  282. .radio:checked:active, radio:checked:active {
  283. -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-over.png"), url("assets/radio-checked-over-@2.png")); }
  284. .radio:checked:disabled, radio:checked:disabled {
  285. -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive-@2.png")); }
  286. .radio:indeterminate, radio:indeterminate {
  287. -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed-@2.png")); }
  288. .radio:indeterminate:hover, radio:indeterminate:hover {
  289. -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-over.png"), url("assets/radio-mixed-over-@2.png")); }
  290. .radio:indeterminate:active, radio:indeterminate:active {
  291. -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-over.png"), url("assets/radio-mixed-over-@2.png")); }
  292. .radio:indeterminate:disabled, radio:indeterminate:disabled {
  293. -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive-@2.png")); }
  294. menu menuitem .radio, menu menuitem radio {
  295. -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked-@2.png"));
  296. animation: none;
  297. transition: none; }
  298. menu menuitem .radio:backdrop, menu menuitem radio:backdrop {
  299. opacity: 0.8; }
  300. menu menuitem .radio:hover, menu menuitem radio:hover {
  301. -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked-@2.png")); }
  302. menu menuitem .radio:disabled, menu menuitem radio:disabled {
  303. -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive-@2.png")); }
  304. menu menuitem .radio:disabled:hover, menu menuitem radio:disabled:hover {
  305. -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive-@2.png")); }
  306. menu menuitem .radio:checked, menu menuitem radio:checked {
  307. -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked-@2.png")); }
  308. menu menuitem .radio:checked:hover, menu menuitem radio:checked:hover {
  309. -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked-@2.png")); }
  310. menu menuitem .radio:checked:disabled, menu menuitem radio:checked:disabled {
  311. -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive-@2.png")); }
  312. menu menuitem .radio:checked:disabled:hover, menu menuitem radio:checked:disabled:hover {
  313. -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive-@2.png")); }
  314. menu menuitem .radio:indeterminate, menu menuitem radio:indeterminate {
  315. -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed-@2.png")); }
  316. menu menuitem .radio:indeterminate:hover, menu menuitem radio:indeterminate:hover {
  317. -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed-@2.png")); }
  318. menu menuitem .radio:indeterminate:disabled, menu menuitem radio:indeterminate:disabled {
  319. -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive-@2.png")); }
  320. menu menuitem .radio:indeterminate:disabled:hover, menu menuitem radio:indeterminate:disabled:hover {
  321. -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive-@2.png")); }
  322. treeview.view check:selected, treeview.view radio:selected {
  323. color: #FFFFFF;
  324. border-color: shade(#4D4D4D, 0.6); }
  325. treeview.view check:selected:focus, treeview.view radio:selected:focus {
  326. color: #FFFFFF;
  327. border-color: shade(#4D4D4D, 0.6); }
  328. treeview.view check:selected:disabled, treeview.view radio:selected:disabled {
  329. color: mix(#FFFFFF, #191919, 0.5); }
  330. treeview.view check:selected:disabled:backdrop, treeview.view radio:selected:disabled:backdrop {
  331. color: shade(#FFFFFF, 1.1); }
  332. treeview.view check:backdrop, treeview.view radio:backdrop {
  333. color: mix(#FFFFFF, #191919, 0.5); }
  334. treeview.view check:backdrop:selected, treeview.view radio:backdrop:selected {
  335. color: mix(#FFFFFF, #191919, 0.5); }
  336. .content-view.view {
  337. background-color: #202020; }
  338. .content-view.view:hover {
  339. background-color: alpha(#4D4D4D, 0.6); }
  340. .content-view.view:selected, .content-view.view:active {
  341. background-color: #4D4D4D; }
  342. .content-view.view:disabled {
  343. background-color: shade(#202020, 0.9); }
  344. calendar {
  345. padding: 2px;
  346. border-width: 1px;
  347. border-radius: 0px;
  348. border-style: solid;
  349. border-color: shade(#FFFFFF, 0.2);
  350. color: #FFFFFF; }
  351. calendar.header {
  352. border: none;
  353. color: #FFFFFF; }
  354. calendar.button {
  355. color: #FFFFFF; }
  356. calendar:selected {
  357. border-radius: 0;
  358. color: #FFFFFF;
  359. background-color: #0078D7; }
  360. calendar:indeterminate {
  361. color: alpha(currentColor, 0.55); }
  362. calendar.highlight {
  363. color: #0078D7; }
  364. entry {
  365. padding: 4px 3px;
  366. border-width: 1px;
  367. border-style: solid;
  368. border-color: shade(#FFFFFF, 0.2);
  369. border-radius: 0px;
  370. color: #FFFFFF;
  371. caret-color: currentColor;
  372. background-color: #202020; }
  373. entry:active, entry:focus {
  374. border-color: shade(#4D4D4D, 0.6); }
  375. entry:selected, entry:selected:focus, entry selection, entry selection:focus {
  376. color: #FFFFFF;
  377. background-color: #0078D7; }
  378. entry:disabled {
  379. color: mix(#FFFFFF, #191919, 0.5);
  380. border-color: mix(#191919, mix(#FFFFFF, #191919, 0.95), 0.6);
  381. background-color: mix(#202020, mix(#FFFFFF, #191919, 0.95), 0.1); }
  382. entry:disabled:backdrop {
  383. color: mix(#FFFFFF, #191919, 0.75);
  384. border-color: shade(#FFFFFF, 0.2);
  385. background-color: mix(#FFFFFF, #191919, 0.98); }
  386. entry:backdrop {
  387. color: #FFFFFF;
  388. background-color: #202020; }
  389. entry > image.left {
  390. padding-right: 5px; }
  391. entry > image.right {
  392. padding-left: 5px; }
  393. entry progress {
  394. margin: -4px -3px;
  395. border-width: 0 0 2px;
  396. border-radius: 0;
  397. border-style: solid;
  398. border-color: shade(#4D4D4D, 0.6);
  399. background-color: transparent; }
  400. entry.flat, entry.flat:focus {
  401. min-height: 0;
  402. padding: 3px;
  403. border-radius: 0;
  404. background-image: none;
  405. border-color: transparent; }
  406. entry.search {
  407. border-radius: 0px; }
  408. expander arrow {
  409. min-width: 16px;
  410. min-height: 16px;
  411. -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
  412. expander arrow:dir(rtl) {
  413. -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
  414. expander arrow:hover {
  415. color: #4D4D4D; }
  416. expander arrow:checked {
  417. -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
  418. list {
  419. color: #FFFFFF;
  420. background-color: #202020; }
  421. list row {
  422. padding: 2px; }
  423. list row:hover {
  424. background-color: mix(#191919, #FFFFFF, 0.1); }
  425. list row:hover {
  426. color: #FFFFFF;
  427. background-color: shade(#4D4D4D, 1.05); }
  428. list row:active {
  429. color: #FFFFFF;
  430. background-color: shade(#4D4D4D, 0.96); }
  431. list row:backdrop {
  432. color: #FFFFFF; }
  433. list row:selected, list row:selected:hover, list row:selected:focus {
  434. border: none;
  435. color: #FFFFFF;
  436. background-color: #4D4D4D; }
  437. list row:selected:hover, list row:selected:hover:hover, list row:selected:focus:hover {
  438. color: #FFFFFF;
  439. background-color: shade(#4D4D4D, 1.02); }
  440. list row:selected:active, list row:selected:hover:active, list row:selected:focus:active {
  441. color: #FFFFFF;
  442. background-color: shade(#4D4D4D, 0.98); }
  443. list row:selected:disabled, list row:selected:hover:disabled, list row:selected:focus:disabled {
  444. color: alpha(#FFFFFF, 0.7);
  445. background-color: #4D4D4D; }
  446. list row:selected:backdrop, list row:selected:hover:backdrop, list row:selected:focus:backdrop {
  447. color: #FFFFFF;
  448. background-color: #4D4D4D; }
  449. list separator, list separator:backdrop {
  450. background: none; }
  451. .frame, frame > border {
  452. border-width: 1px;
  453. border-style: solid;
  454. border-color: shade(#FFFFFF, 0.2);
  455. border-radius: 0;
  456. box-shadow: none;
  457. background: none; }
  458. frame.flat > border, frame > border.flat, .frame.flat {
  459. border-style: none; }
  460. iconview:selected, iconview:selected:focus, iconview text:selected, iconview text selection, iconview text:selected:focus, iconview text selection:focus {
  461. border-width: 1px;
  462. border-style: solid;
  463. border-color: #4D4D4D;
  464. color: #FFFFFF;
  465. background-color: #4D4D4D; }
  466. iconview:selected:backdrop, iconview selection:backdrop, iconview text:selected:backdrop, iconview text selection:backdrop {
  467. color: #FFFFFF;
  468. background-color: #4D4D4D; }
  469. rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband, .rubberband, view rubberband, .view.rubberband, .rubberband {
  470. border-width: 1px;
  471. border-style: solid;
  472. border-color: #4D4D4D;
  473. background: none;
  474. background-color: alpha(#4D4D4D, 0.3); }
  475. flowbox flowboxchild {
  476. padding: 3px;
  477. border-radius: 0px; }
  478. flowbox flowboxchild:selected {
  479. outline-offset: -2px;
  480. color: #FFFFFF;
  481. background-color: #4D4D4D; }
  482. infobar {
  483. border: none; }
  484. .info {
  485. border-width: 1px;
  486. border-style: solid;
  487. border-color: shade(#0055FF, 0.8);
  488. color: #FFFFFF;
  489. background-image: none;
  490. background-color: #0055FF; }
  491. .info button {
  492. border-color: shade(#0055FF, 0.8);
  493. color: #FFFFFF;
  494. background-image: none;
  495. background-color: shade(#0055FF, 1.08); }
  496. .info button:hover {
  497. border-color: shade(#0055FF, 0.85);
  498. background-color: shade(#0055FF, 1.1); }
  499. .info button:active {
  500. border-color: shade(#0055FF, 0.6);
  501. background-color: shade(#0055FF, 0.95); }
  502. .info button:active:hover {
  503. border-color: shade(#0055FF, 0.85); }
  504. .info button.close {
  505. color: #FFFFFF; }
  506. .info button.close:hover {
  507. background-color: alpha(white, 0.2); }
  508. .info button.close:active {
  509. color: #FFFFFF;
  510. background-color: alpha(black, 0.1); }
  511. .warning {
  512. border-width: 1px;
  513. border-style: solid;
  514. border-color: shade(#FF8300, 0.8);
  515. color: #FFFFFF;
  516. background-image: none;
  517. background-color: #FF8300; }
  518. .warning button {
  519. border-color: shade(#FF8300, 0.8);
  520. color: #FFFFFF;
  521. background-image: none;
  522. background-color: shade(#FF8300, 1.08); }
  523. .warning button:hover {
  524. border-color: shade(#FF8300, 0.85);
  525. background-color: shade(#FF8300, 1.1); }
  526. .warning button:active {
  527. border-color: shade(#FF8300, 0.6);
  528. background-color: shade(#FF8300, 0.95); }
  529. .warning button:active:hover {
  530. border-color: shade(#FF8300, 0.85); }
  531. .warning button.close {
  532. color: #FFFFFF; }
  533. .warning button.close:hover {
  534. background-color: alpha(white, 0.2); }
  535. .warning button.close:active {
  536. color: #FFFFFF;
  537. background-color: alpha(black, 0.1); }
  538. .question {
  539. border-width: 1px;
  540. border-style: solid;
  541. border-color: shade(#2C2C2C, 0.8);
  542. color: #FFFFFF;
  543. background-image: none;
  544. background-color: #2C2C2C; }
  545. .question button {
  546. border-color: shade(#2C2C2C, 0.8);
  547. color: #FFFFFF;
  548. background-image: none;
  549. background-color: shade(#2C2C2C, 1.08); }
  550. .question button:hover {
  551. border-color: shade(#2C2C2C, 0.85);
  552. background-color: shade(#2C2C2C, 1.1); }
  553. .question button:active {
  554. border-color: shade(#2C2C2C, 0.6);
  555. background-color: shade(#2C2C2C, 0.95); }
  556. .question button:active:hover {
  557. border-color: shade(#2C2C2C, 0.85); }
  558. .question button.close {
  559. color: #FFFFFF; }
  560. .question button.close:hover {
  561. background-color: alpha(white, 0.2); }
  562. .question button.close:active {
  563. color: #FFFFFF;
  564. background-color: alpha(black, 0.1); }
  565. .error {
  566. border-width: 1px;
  567. border-style: solid;
  568. border-color: shade(#FF0000, 0.8);
  569. background-color: #FF0000;
  570. background-image: none;
  571. color: #FFFFFF; }
  572. .error button {
  573. border-color: shade(#FF0000, 0.8);
  574. color: #FFFFFF;
  575. background-image: none;
  576. background-color: shade(#FF0000, 1.08); }
  577. .error button:hover {
  578. border-color: shade(#FF0000, 0.85);
  579. background-color: shade(#FF0000, 1.1); }
  580. .error button:active {
  581. border-color: shade(#FF0000, 0.6);
  582. background-color: shade(#FF0000, 0.95); }
  583. .error button:active:hover {
  584. border-color: shade(#FF0000, 0.85); }
  585. .error button.close {
  586. color: #FFFFFF; }
  587. .error button.close:hover {
  588. background-color: alpha(white, 0.2); }
  589. .error button.close:active {
  590. color: #FFFFFF;
  591. background-color: alpha(black, 0.1); }
  592. image {
  593. color: alpha(currentColor, 0.75); }
  594. image:hover {
  595. color: alpha(currentColor, 0.9); }
  596. image:selected, image:selected:hover {
  597. color: #FFFFFF; }
  598. image:disabled {
  599. color: alpha(currentColor, 0.5); }
  600. view image, view image:hover {
  601. color: alpha(currentColor, 0.9); }
  602. view image:selected, view image:selected:hover {
  603. color: #FFFFFF; }
  604. .floating-bar {
  605. border-width: 1px;
  606. border-style: solid;
  607. border-color: shade(#202020, 0.85);
  608. border-radius: 0px;
  609. background-color: #202020;
  610. color: #FFFFFF; }
  611. .floating-bar.top {
  612. border-top-width: 0px;
  613. border-top-right-radius: 0px;
  614. border-top-left-radius: 0px; }
  615. .floating-bar.bottom {
  616. border-bottom-width: 0px;
  617. border-bottom-right-radius: 0px;
  618. border-bottom-left-radius: 0px; }
  619. .floating-bar.top.left, .floating-bar.bottom.left {
  620. border-left-width: 0px;
  621. border-bottom-left-radius: 0px;
  622. border-top-left-radius: 0px; }
  623. .floating-bar.top.right, .floating-bar.bottom.right {
  624. border-right-width: 0px;
  625. border-top-right-radius: 0px;
  626. border-bottom-right-radius: 0px; }
  627. .floating-bar button {
  628. border-style: none;
  629. background-color: transparent; }
  630. .terminal-screen, terminal-window, vte-terminal {
  631. background-color: #000000;
  632. color: #FFFFFF; }
  633. .dnd {
  634. border-width: 1px;
  635. border-style: solid;
  636. border-color: shade(#FFFFFF, 0.2); }
  637. .nautilus-window notebook, .nautilus-window notebook > stack:not(:only-child) searchbar {
  638. background-color: #202020; }
  639. .caja-location-entry {
  640. padding: 3px 5px; }
  641. scrolledwindow.frame, scrolledwindow viewport.frame {
  642. border: none; }
  643. arrow, combobox arrow {
  644. color: alpha(currentColor, 0.75);
  645. -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
  646. min-height: 16px;
  647. min-width: 16px; }
  648. .context-menu, popover.touch-selection, .csd popover.touch-selection,
  649. popover.background.touch-selection, .csd popover.background.touch-selection {
  650. font: initial; }
  651. .monospace {
  652. font-family: Monospace; }
  653. .gedit-search-entry-occurrences-tag {
  654. color: alpha(currentColor, 0.7);
  655. border: none;
  656. margin: 2px;
  657. padding: 2px; }
  658. .gedit-search-slider {
  659. border-color: shade(#FFFFFF, 0.2);
  660. padding: 6px;
  661. border-radius: 0 0 0px 0px;
  662. border-width: 0 1px 1px 1px;
  663. border-style: solid;
  664. background-color: #191919; }
  665. button.circular, button.circular-button {
  666. padding: 0;
  667. min-width: 16px;
  668. min-height: 24px;
  669. padding: 2px 6px;
  670. border-radius: 50%;
  671. -gtk-outline-radius: 50%; }
  672. stackswitcher button.circular, stackswitcher button.text-button.circular {
  673. min-width: 32px;
  674. min-height: 32px;
  675. padding: 0; }
  676. printdialog paper {
  677. border: 1px solid shade(#FFFFFF, 0.2);
  678. background: white;
  679. padding: 0; }
  680. filechooserbutton:drop(active) {
  681. box-shadow: none;
  682. border-color: transparent; }
  683. :not(decoration):not(window):drop(active), :not(decoration):not(window):drop(active):focus, combobox:drop(active) button.combo {
  684. border-color: #4D4D4D;
  685. box-shadow: inset 0 0 0 1px #4D4D4D;
  686. caret-color: #4D4D4D; }
  687. menu, .menu {
  688. margin: 4px;
  689. padding: 0;
  690. border-radius: 0px;
  691. border-style: none;
  692. color: #FFFFFF;
  693. background-color: #191919; }
  694. .csd menu, .csd .menu {
  695. padding: 4px 0px;
  696. border-radius: 0px;
  697. border: none; }
  698. menu > arrow, .menu > arrow {
  699. padding: 4px;
  700. border-color: transparent;
  701. background-color: #191919;
  702. min-width: 16px;
  703. min-height: 16px; }
  704. menu > arrow.top, .menu > arrow.top {
  705. margin-top: -6px;
  706. border-bottom: 1px solid shade(#191919, 0.9);
  707. -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
  708. menu > arrow.bottom, .menu > arrow.bottom {
  709. margin-bottom: -6px;
  710. border-top: 1px solid shade(#191919, 0.9);
  711. -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
  712. menubar, .menubar {
  713. -GtkWidget-window-dragging: true;
  714. padding: 0;
  715. border-style: none;
  716. background-color: #191919;
  717. color: #FFFFFF; }
  718. menubar:backdrop, .menubar:backdrop {
  719. color: #FFFFFF;
  720. background-color: #191919; }
  721. menubar > menuitem, .menubar > menuitem {
  722. padding: 3px 5px;
  723. border: none;
  724. color: #FFFFFF;
  725. background-color: transparent; }
  726. menubar > menuitem:hover, .menubar > menuitem:hover {
  727. color: #FFFFFF;
  728. background-color: #4D4D4D; }
  729. menubar > menuitem:disabled, .menubar > menuitem:disabled {
  730. color: mix(#FFFFFF, #191919, 0.5);
  731. background-color: transparent; }
  732. menubar > menuitem:backdrop, .menubar > menuitem:backdrop {
  733. color: #FFFFFF;
  734. background-color: transparent; }
  735. menu menuitem, .menu menuitem {
  736. min-height: 16px;
  737. min-width: 40px;
  738. padding: 4px;
  739. border: none;
  740. border-radius: 0;
  741. color: #FFFFFF;
  742. background-color: #191919; }
  743. menu menuitem:hover, .menu menuitem:hover {
  744. color: #FFFFFF;
  745. background-color: #4D4D4D; }
  746. menu menuitem:hover switch slider, menu menuitem:hover scale highlight, menu menuitem:hover scale slider, .menu menuitem:hover switch slider, .menu menuitem:hover scale highlight, .menu menuitem:hover scale slider {
  747. background-color: #FFFFFF; }
  748. menu menuitem:hover scale trough, menu menuitem:hover switch, .menu menuitem:hover scale trough, .menu menuitem:hover switch {
  749. background-color: alpha(#FFFFFF, 0.75); }
  750. menu menuitem:disabled, .menu menuitem:disabled {
  751. color: mix(#FFFFFF, #191919, 0.5); }
  752. menu menuitem arrow, .menu menuitem arrow {
  753. min-width: 16px;
  754. min-height: 16px; }
  755. menu menuitem arrow:dir(ltr), .menu menuitem arrow:dir(ltr) {
  756. margin-left: 10px;
  757. -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
  758. menu menuitem arrow:dir(rtl), .menu menuitem arrow:dir(rtl) {
  759. margin-right: 10px;
  760. -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
  761. menuitem accelerator {
  762. color: alpha(currentColor, 0.55); }
  763. menuitem accelerator:hover {
  764. color: alpha(#FFFFFF, 0.8); }
  765. menuitem accelerator:disabled {
  766. color: mix(#FFFFFF, #191919, 0.5); }
  767. popover, popover.background {
  768. padding: 2px;
  769. border-color: shade(#FFFFFF, 0.2);
  770. border-width: 1px;
  771. border-style: solid;
  772. border-radius: 0px;
  773. color: #FFFFFF;
  774. background-clip: border-box;
  775. background-color: #191919;
  776. box-shadow: none; }
  777. .csd popover, popover, .csd popover.background, popover.background {
  778. border: 1px solid shade(#FFFFFF, 0.2); }
  779. popover > list, popover > .view, popover > iconview, popover > toolbar, popover > .inline-toolbar, popover.background > list, popover.background > .view, popover.background > iconview, popover.background > toolbar, popover.background > .inline-toolbar {
  780. border-style: none;
  781. background-color: transparent; }
  782. popover checkbutton:selected, popover radiobutton:selected, popover.background checkbutton:selected, popover.background radiobutton:selected {
  783. color: #FFFFFF;
  784. background-color: #4D4D4D; }
  785. popover.osd {
  786. box-shadow: none; }
  787. popover.osd > toolbar button {
  788. border-width: 0;
  789. border-radius: 0;
  790. background-color: transparent; }
  791. popover:backdrop {
  792. border-color: shade(#FFFFFF, 0.2);
  793. color: #FFFFFF;
  794. background-color: #191919;
  795. box-shadow: none; }
  796. modelbutton.flat, menuitem.button.flat, .menuitem.button.flat {
  797. padding: 2px 8px;
  798. border: none;
  799. color: #FFFFFF;
  800. background-color: transparent; }
  801. modelbutton.flat:hover, modelbutton.flat:selected, modelbutton.flat:active:hover, menuitem.button.flat:hover, menuitem.button.flat:selected, menuitem.button.flat:active:hover, .menuitem.button.flat:hover, .menuitem.button.flat:selected, .menuitem.button.flat:active:hover {
  802. color: #FFFFFF;
  803. background-color: #4D4D4D; }
  804. modelbutton.flat > image, menuitem.button.flat > image, .menuitem.button.flat > image {
  805. padding-right: 4px; }
  806. modelbutton.flat arrow.left, menuitem.button.flat arrow.left, .menuitem.button.flat arrow.left {
  807. -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
  808. modelbutton.flat arrow.right, menuitem.button.flat arrow.right, .menuitem.button.flat arrow.right {
  809. -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
  810. notebook {
  811. padding: 0; }
  812. notebook.frame {
  813. margin: -1px;
  814. border-width: 1px;
  815. border-style: solid;
  816. border-color: shade(#FFFFFF, 0.2); }
  817. notebook.frame > header {
  818. margin: -1px; }
  819. notebook.frame > header.top {
  820. margin-bottom: 0; }
  821. notebook.frame > header.bottom {
  822. margin-top: 0; }
  823. notebook.frame > header.left {
  824. margin-right: 0; }
  825. notebook.frame > header.right {
  826. margin-left: 0; }
  827. notebook.frame > header.top, notebook.frame > header.bottom {
  828. padding-left: 0;
  829. padding-right: 0; }
  830. notebook.frame > header.left, notebook.frame > header.right {
  831. padding-top: 0;
  832. padding-bottom: 0; }
  833. notebook > stack:not(:only-child) {
  834. background-color: #202020; }
  835. notebook tab {
  836. padding: 6px 20px;
  837. border-width: 1px;
  838. border-style: solid;
  839. border-radius: 0;
  840. border-color: shade(#FFFFFF, 0.2);
  841. color: mix(#FFFFFF, #191919, 0.3);
  842. background-color: shade(#191919, 0.97); }
  843. notebook tab:hover {
  844. background-color: #4D4D4D; }
  845. notebook tab:checked {
  846. border-color: shade(#FFFFFF, 0.2);
  847. background-color: #202020;
  848. color: #FFFFFF; }
  849. notebook tab:checked:hover {
  850. background-color: #202020; }
  851. notebook tab:checked:backdrop {
  852. border-color: shade(#FFFFFF, 0.2);
  853. background-color: #202020; }
  854. notebook tab:backdrop {
  855. background-color: shade(#191919, 0.97); }
  856. notebook > header {
  857. padding-top: 2px;
  858. background-color: #191919; }
  859. notebook > header:backdrop {
  860. background-color: #191919; }
  861. notebook > header.top {
  862. box-shadow: 0 1px shade(#FFFFFF, 0.2); }
  863. notebook > header.top > tabs > tab {
  864. border-bottom: none;
  865. margin-top: 2px; }
  866. notebook > header.top > tabs > tab:checked {
  867. border-top-left-radius: 0px;
  868. border-top-right-radius: 0px;
  869. margin-top: 0;
  870. margin-bottom: -1px; }
  871. notebook > header.bottom {
  872. padding-top: 0;
  873. box-shadow: 0 -1px shade(#FFFFFF, 0.2); }
  874. notebook > header.bottom > tabs > tab {
  875. border-top: none;
  876. margin-bottom: 2px; }
  877. notebook > header.bottom > tabs > tab:checked {
  878. border-bottom-left-radius: 0px;
  879. border-bottom-right-radius: 0px;
  880. margin-bottom: 0;
  881. margin-top: -1px; }
  882. notebook > header.right {
  883. box-shadow: -1px 0 shade(#FFFFFF, 0.2); }
  884. notebook > header.right > tabs > tab {
  885. border-left: none;
  886. margin-right: 2px; }
  887. notebook > header.right > tabs > tab:checked {
  888. border-top-right-radius: 0px;
  889. border-bottom-right-radius: 0px;
  890. margin-right: 0;
  891. margin-left: -1px; }
  892. notebook > header.left {
  893. box-shadow: 1px 0 shade(#FFFFFF, 0.2); }
  894. notebook > header.left > tabs > tab {
  895. border-right: none;
  896. margin-left: 2px; }
  897. notebook > header.left > tabs > tab:checked {
  898. border-top-left-radius: 0px;
  899. border-bottom-left-radius: 0px;
  900. margin-left: 0;
  901. margin-right: -1px; }
  902. notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up {
  903. -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
  904. notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child {
  905. margin-left: 2px; }
  906. notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down {
  907. -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
  908. notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child {
  909. margin-right: 2px; }
  910. notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up {
  911. -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
  912. notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child {
  913. margin-top: 2px; }
  914. notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down {
  915. -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
  916. notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child {
  917. margin-bottom: 2px; }
  918. notebook > header > tabs > arrow {
  919. color: #FFFFFF; }
  920. notebook > header > tabs > arrow:hover {
  921. color: shade(#FFFFFF, 1.2); }
  922. notebook > header > tabs > arrow:active {
  923. color: shade(#FFFFFF, 0.8); }
  924. notebook > header > tabs > arrow:disabled {
  925. color: shade(#191919, 0.6); }
  926. paned > separator {
  927. border: none;
  928. color: transparent;
  929. background-color: shade(#FFFFFF, 0.2); }
  930. paned > separator:backdrop {
  931. background-color: shade(#FFFFFF, 0.2); }
  932. paned > separator:selected {
  933. background-color: shade(#FFFFFF, 0.2); }
  934. paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar {
  935. border-style: none; }
  936. overshoot.top {
  937. background-image: -gtk-gradient(radial, center top, 0.55, center top, 0.6, from(alpha(#4D4D4D, 0.2)), to(transparent));
  938. background-size: 100% 60%;
  939. background-repeat: no-repeat;
  940. background-position: center top;
  941. background-color: transparent;
  942. border: none;
  943. box-shadow: none; }
  944. overshoot.bottom {
  945. background-image: -gtk-gradient(radial, center bottom, 0.55, center bottom, 0.6, from(alpha(#4D4D4D, 0.2)), to(transparent));
  946. background-size: 100% 60%;
  947. background-repeat: no-repeat;
  948. background-position: center bottom;
  949. background-color: transparent;
  950. border: none;
  951. box-shadow: none; }
  952. overshoot.left {
  953. background-image: -gtk-gradient(radial, left center, 0.55, left center, 0.6, from(alpha(#4D4D4D, 0.2)), to(transparent));
  954. background-size: 60% 100%;
  955. background-repeat: no-repeat;
  956. background-position: left center;
  957. background-color: transparent;
  958. border: none;
  959. box-shadow: none; }
  960. overshoot.right {
  961. background-image: -gtk-gradient(radial, right center, 0.55, right center, 0.6, from(alpha(#4D4D4D, 0.2)), to(transparent));
  962. background-size: 60% 100%;
  963. background-repeat: no-repeat;
  964. background-position: right center;
  965. background-color: transparent;
  966. border: none;
  967. box-shadow: none; }
  968. undershoot.top {
  969. background-color: transparent;
  970. background-image: linear-gradient(to left, alpha(white, 0.2) 50%, alpha(black, 0.2) 50%);
  971. padding-top: 1px;
  972. background-size: 10px 1px;
  973. background-repeat: repeat-x;
  974. background-origin: content-box;
  975. background-position: center top; }
  976. undershoot.bottom {
  977. background-color: transparent;
  978. background-image: linear-gradient(to left, alpha(white, 0.2) 50%, alpha(black, 0.2) 50%);
  979. padding-bottom: 1px;
  980. background-size: 10px 1px;
  981. background-repeat: repeat-x;
  982. background-origin: content-box;
  983. background-position: center bottom; }
  984. undershoot.left {
  985. background-color: transparent;
  986. background-image: linear-gradient(to top, alpha(white, 0.2) 50%, alpha(black, 0.2) 50%);
  987. padding-left: 1px;
  988. background-size: 1px 10px;
  989. background-repeat: repeat-y;
  990. background-origin: content-box;
  991. background-position: left center; }
  992. undershoot.right {
  993. background-color: transparent;
  994. background-image: linear-gradient(to top, alpha(white, 0.2) 50%, alpha(black, 0.2) 50%);
  995. padding-right: 1px;
  996. background-size: 1px 10px;
  997. background-repeat: repeat-y;
  998. background-origin: content-box;
  999. background-position: right center; }
  1000. .overlay-bar {
  1001. background-color: alpha(black, 0.8);
  1002. border-radius: 0;
  1003. padding: 3px 6px;
  1004. margin: 3px; }
  1005. .overlay-bar label {
  1006. color: #FFFFFF; }
  1007. progressbar {
  1008. padding: 0;
  1009. border: none;
  1010. color: mix(#FFFFFF, #FFFFFF, 0.5);
  1011. background-color: transparent; }
  1012. progressbar progress {
  1013. border: none;
  1014. border-radius: 0px;
  1015. background-color: #06B025; }
  1016. progressbar progress:backdrop {
  1017. background-color: #06B025; }
  1018. progressbar trough {
  1019. border: 1px solid shade(shade(#FFFFFF, 0.2), 0.85);
  1020. border-radius: 0px;
  1021. background-color: alpha(#FFFFFF, 0.1); }
  1022. progressbar trough:backdrop {
  1023. background-color: mix(#191919, #FFFFFF, 0.05); }
  1024. progressbar.horizontal trough, progressbar.horizontal progress {
  1025. min-height: 14px; }
  1026. progressbar.vertical trough, progressbar.vertical progress {
  1027. min-width: 14px; }
  1028. treeview.view.progressbar, treeview.view.progressbar:disabled {
  1029. color: #FFFFFF;
  1030. border-radius: 0;
  1031. background-color: #06B025; }
  1032. treeview.view.progressbar:focus, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus, treeview.view.progressbar:disabled:selected {
  1033. border-radius: 0;
  1034. color: #4D4D4D;
  1035. background-color: #06B025; }
  1036. treeview.view.trough {
  1037. color: #FFFFFF;
  1038. background-color: alpha(#FFFFFF, 0.1);
  1039. border-radius: 0;
  1040. border: none; }
  1041. treeview.view.trough:selected, treeview.view.trough:selected:focus {
  1042. color: #FFFFFF;
  1043. background-color: alpha(#FFFFFF, 0.1);
  1044. border-radius: 0;
  1045. border: none; }
  1046. infobar treeview.view trough, row:selected treeview.view trough {
  1047. background-color: alpha(#FFFFFF, 0.1); }
  1048. levelbar trough {
  1049. padding: 1px;
  1050. border-radius: 0; }
  1051. levelbar.horizontal.discrete block {
  1052. margin: 0 1px; }
  1053. levelbar.vertical.discrete block {
  1054. margin: 1px 0; }
  1055. levelbar block {
  1056. border: none;
  1057. padding: 2px;
  1058. border-radius: 0px;
  1059. background-color: #4D4D4D; }
  1060. levelbar block.high {
  1061. background-color: shade(#06B025, 0.9); }
  1062. levelbar block.low {
  1063. background-color: shade(#FF9900, 0.9); }
  1064. levelbar block.empty {
  1065. background-color: alpha(black, 0.1); }
  1066. scale {
  1067. min-height: 10px;
  1068. min-width: 10px;
  1069. padding: 12px; }
  1070. scale fill, scale trough {
  1071. border: 1px solid shade(#FFFFFF, 0.2);
  1072. border-radius: 0;
  1073. background-color: alpha(#FFFFFF, 0.1);
  1074. outline-offset: 2px;
  1075. -gtk-outline-radius: 0; }
  1076. scale fill:disabled, scale trough:disabled {
  1077. background-color: alpha(#FFFFFF, 0.05); }
  1078. scale fill:disabled:backdrop, scale trough:disabled:backdrop {
  1079. background-color: alpha(#FFFFFF, 0.05); }
  1080. scale fill:backdrop, scale trough:backdrop {
  1081. background-color: alpha(#FFFFFF, 0.1); }
  1082. scale highlight {
  1083. border: none;
  1084. border-radius: 4px;
  1085. background-color: transparent; }
  1086. scale highlight:disabled {
  1087. background-color: transparent; }
  1088. scale highlight:disabled:backdrop {
  1089. background-color: transparent; }
  1090. scale highlight:backdrop {
  1091. background-color: transparent; }
  1092. scale.horizontal indicator {
  1093. min-height: 6px;
  1094. min-width: 1px; }
  1095. scale.horizontal.fine-tune indicator {
  1096. min-height: 3px; }
  1097. scale.vertical indicator {
  1098. min-height: 1px;
  1099. min-width: 6px; }
  1100. scale.vertical.fine-tune indicator {
  1101. min-width: 3px; }
  1102. scale.fine-tune.horizontal {
  1103. padding-top: 10px;
  1104. padding-bottom: 10px;
  1105. min-height: 14px; }
  1106. scale.fine-tune.vertical {
  1107. padding-left: 10px;
  1108. padding-right: 10px;
  1109. min-width: 14px; }
  1110. scale.fine-tune slider {
  1111. margin-top: -6px;
  1112. margin-bottom: -9px; }
  1113. scale.fine-tune fill, scale.fine-tune trough, scale.fine-tune highlight {
  1114. border-radius: 0;
  1115. -gtk-outline-radius: 0; }
  1116. scale.fine-tune marks.top {
  1117. margin-bottom: 8px;
  1118. margin-top: -13px; }
  1119. scale.fine-tune marks.bottom {
  1120. margin-top: 8px;
  1121. margin-bottom: -13px; }
  1122. scale.fine-tune marks.top {
  1123. margin-right: 8px;
  1124. margin-left: -13px; }
  1125. scale.fine-tune marks.bottom {
  1126. margin-left: 8px;
  1127. margin-right: -13px; }
  1128. scale slider {
  1129. min-height: 19px;
  1130. min-width: 11px;
  1131. margin: -5px;
  1132. margin-bottom: -10px;
  1133. border: none;
  1134. border-radius: 0;
  1135. color: #FFFFFF;
  1136. background-color: transparent;
  1137. background-image: url("assets/slider-horiz.png"); }
  1138. scale slider:hover {
  1139. color: #FFFFFF;
  1140. background-image: url("assets/slider-horiz-hover.png"); }
  1141. scale slider:disabled {
  1142. -gtk-icon-shadow: none;
  1143. background-image: url("assets/slider-horiz-insensitive.png"); }
  1144. scale slider:disabled:backdrop {
  1145. -gtk-icon-shadow: none;
  1146. background-image: url("assets/slider-horiz-insensitive.png"); }
  1147. scale slider:backdrop {
  1148. color: #FFFFFF;
  1149. background-image: url("assets/slider-horiz-insensitive.png"); }
  1150. scale.horizontal.marks-before slider {
  1151. background-image: url("assets/slider-horiz-top.png"); }
  1152. scale.horizontal.marks-before slider:hover {
  1153. background-image: url("assets/slider-horiz-top-hover.png"); }
  1154. scale.horizontal.marks-before slider:disabled {
  1155. background-image: url("assets/slider-horiz-top-insensitive.png"); }
  1156. scale.horizontal.marks-before slider:disabled:backdrop {
  1157. background-image: url("assets/slider-horiz-top-insensitive.png"); }
  1158. scale.horizontal.marks-before slider:backdrop {
  1159. background-image: url("assets/slider-horiz-top-insensitive.png"); }
  1160. scale.vertical slider {
  1161. min-height: 11px;
  1162. min-width: 19px;
  1163. margin: -5px;
  1164. margin-right: -10px;
  1165. background-image: url("assets/slider-vert.png"); }
  1166. scale.vertical slider:hover {
  1167. background-image: url("assets/slider-vert-hover.png"); }
  1168. scale.vertical slider:disabled {
  1169. background-image: url("assets/slider-vert-insensitive.png"); }
  1170. scale.vertical slider:disabled:backdrop {
  1171. background-image: url("assets/slider-vert-insensitive.png"); }
  1172. scale.vertical slider:backdrop {
  1173. background-image: url("assets/slider-vert-insensitive.png"); }
  1174. scale.vertical.marks-before {
  1175. background-image: url("assets/slider-vert-left.png"); }
  1176. scale.vertical.marks-before:hover {
  1177. background-image: url("assets/slider-vert-left-hover.png"); }
  1178. scale.vertical.marks-before:disabled {
  1179. background-image: url("assets/slider-vert-left-insensitive.png"); }
  1180. scale.vertical.marks-before:disabled:backdrop {
  1181. background-image: url("assets/slider-vert-left-insensitive.png"); }
  1182. scale.vertical.marks-before:backdrop {
  1183. background-image: url("assets/slider-vert-left-insensitive.png"); }
  1184. scale value {
  1185. color: alpha(currentColor, 0.35); }
  1186. scale marks {
  1187. color: alpha(currentColor, 0.35); }
  1188. scale marks.top {
  1189. margin-bottom: 6px;
  1190. margin-top: -12px; }
  1191. scale marks.bottom {
  1192. margin-top: 6px;
  1193. margin-bottom: -12px; }
  1194. scale marks.top {
  1195. margin-right: 6px;
  1196. margin-left: -12px; }
  1197. scale marks.bottom {
  1198. margin-left: 6px;
  1199. margin-right: -12px; }
  1200. scrollbar {
  1201. border: none;
  1202. background-color: mix(#191919, #FFFFFF, 0.1); }
  1203. scrollbar trough {
  1204. border: none;
  1205. border-radius: 0; }
  1206. scrollbar:backdrop {
  1207. background-color: mix(#191919, #FFFFFF, 0.1); }
  1208. scrollbar button:hover {
  1209. border-color: mix(#191919, #FFFFFF, 0.1);
  1210. background-color: mix(#191919, #FFFFFF, 0.2); }
  1211. scrollbar button:active {
  1212. border-color: mix(#191919, #FFFFFF, 0.1);
  1213. background-color: mix(#191919, #FFFFFF, 0.6); }
  1214. scrollbar button, scrollbar button:backdrop, scrollbar button:disabled, scrollbar button:disabled:backdrop {
  1215. padding: 3px;
  1216. border-color: mix(#191919, #FFFFFF, 0.1);
  1217. background-color: mix(#191919, #FFFFFF, 0.1); }
  1218. scrollbar slider {
  1219. min-width: 45px;
  1220. min-height: 14px;
  1221. margin: 0;
  1222. border: none;
  1223. border-radius: 0px;
  1224. background-clip: padding-box;
  1225. background-color: mix(#191919, #FFFFFF, 0.4); }
  1226. scrollbar slider:hover {
  1227. background-color: mix(#191919, #FFFFFF, 0.35); }
  1228. scrollbar slider:hover:active {
  1229. background-color: mix(#191919, #FFFFFF, 0.6); }
  1230. scrollbar slider:backdrop {
  1231. background-color: mix(#191919, #FFFFFF, 0.45); }
  1232. scrollbar slider:disabled {
  1233. background-color: transparent; }
  1234. scrollbar.vertical slider {
  1235. min-width: 14px;
  1236. min-height: 45px; }
  1237. scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
  1238. border: none;
  1239. opacity: 0.7;
  1240. margin: 0;
  1241. background-color: transparent; }
  1242. scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
  1243. margin: 0;
  1244. min-width: 2px;
  1245. min-height: 2px;
  1246. background-color: mix(#191919, #FFFFFF, 0.6);
  1247. border: 2px solid transparent;
  1248. border-radius: 2px; }
  1249. scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
  1250. margin: 0;
  1251. min-width: 40px; }
  1252. scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
  1253. margin: 0;
  1254. min-height: 40px; }
  1255. scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
  1256. min-width: 0;
  1257. min-height: 0;
  1258. padding: 0;
  1259. border: none;
  1260. box-shadow: none;
  1261. color: transparent;
  1262. background-color: transparent; }
  1263. scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
  1264. opacity: 1; }
  1265. scrollbar.horizontal slider {
  1266. min-width: 40px; }
  1267. scrollbar.horizontal button {
  1268. min-height: 6px;
  1269. min-width: 6px; }
  1270. scrollbar.horizontal button.down {
  1271. -gtk-icon-source: url("assets/arrow-right.svg"); }
  1272. scrollbar.horizontal button.down:active {
  1273. -gtk-icon-source: url("assets/arrow-right-active.svg"); }
  1274. scrollbar.horizontal button.up {
  1275. -gtk-icon-source: url("assets/arrow-left.svg"); }
  1276. scrollbar.horizontal button.up:active {
  1277. -gtk-icon-source: url("assets/arrow-left-active.svg"); }
  1278. scrollbar.vertical slider {
  1279. min-height: 40px; }
  1280. scrollbar.vertical button {
  1281. min-height: 6px;
  1282. min-width: 6px; }
  1283. scrollbar.vertical button.down {
  1284. -gtk-icon-source: url("assets/arrow-down.svg"); }
  1285. scrollbar.vertical button.down:active {
  1286. -gtk-icon-source: url("assets/arrow-down-active.svg"); }
  1287. scrollbar.vertical button.up {
  1288. -gtk-icon-source: url("assets/arrow-up.svg"); }
  1289. scrollbar.vertical button.up:active {
  1290. -gtk-icon-source: url("assets/arrow-up-active.svg"); }
  1291. treeview ~ scrollbar.vertical {
  1292. border-top: 1px solid shade(#FFFFFF, 0.2);
  1293. margin-top: -1px; }
  1294. separator {
  1295. -gtk-icon-source: none;
  1296. min-width: 1px;
  1297. min-height: 1px;
  1298. background-color: shade(#FFFFFF, 0.2); }
  1299. separator:backdrop {
  1300. background-color: shade(#FFFFFF, 0.2); }
  1301. button separator {
  1302. margin: 4px 1px; }
  1303. .sidebar view separator, view separator, separator .separator, separator {
  1304. border: none;
  1305. background-color: mix(#191919, #FFFFFF, 0.2); }
  1306. .sidebar view separator:backdrop, view separator:backdrop, separator .separator:backdrop, separator:backdrop {
  1307. border: none;
  1308. background-color: mix(#191919, #FFFFFF, 0.1); }
  1309. .primary-toolbar separator, toolbar separator {
  1310. background-color: mix(#191919, #FFFFFF, 0.2); }
  1311. .primary-toolbar separator:backdrop, toolbar separator:backdrop {
  1312. background-color: mix(#191919, #FFFFFF, 0.1); }
  1313. .primary-toolbar button separator, toolbar button separator, .primary-toolbar:not(.libreoffice-toolbar) separator {
  1314. background-color: mix(#191919, #FFFFFF, 0.2); }
  1315. .primary-toolbar button separator:backdrop, toolbar button separator:backdrop, .primary-toolbar:not(.libreoffice-toolbar) separator:backdrop {
  1316. background-color: mix(#191919, #FFFFFF, 0.1); }
  1317. headerbar separator {
  1318. -GtkWidget-window-dragging: true;
  1319. margin-top: 4px;
  1320. margin-bottom: 4px;
  1321. background-color: mix(#191919, #FFFFFF, 0.2); }
  1322. headerbar separator:backdrop {
  1323. background-color: mix(#191919, #FFFFFF, 0.1); }
  1324. headerbar button separator {
  1325. border-color: mix(#191919, #FFFFFF, 0.2); }
  1326. headerbar button separator:backdrop {
  1327. border-color: mix(#191919, #FFFFFF, 0.1); }
  1328. .titlebar separator, .titlebar:not(headerbar) > separator, .titlebar separator.titlebutton, .titlebar:not(headerbar) > separator.titlebutton {
  1329. -GtkWidget-window-dragging: true;
  1330. background-color: mix(#191919, #FFFFFF, 0.2); }
  1331. .titlebar separator:backdrop, .titlebar:not(headerbar) > separator:backdrop, .titlebar separator.titlebutton:backdrop, .titlebar:not(headerbar) > separator.titlebutton:backdrop {
  1332. background-color: mix(#191919, #FFFFFF, 0.1); }
  1333. headerbar separator.titlebutton, .titlebar:not(headerbar) separator.titlebutton {
  1334. min-width: 1px;
  1335. min-height: 1px;
  1336. background-color: mix(#191919, #FFFFFF, 0.2); }
  1337. headerbar separator.titlebutton:backdrop, .titlebar:not(headerbar) separator.titlebutton:backdrop {
  1338. background-color: mix(#191919, #FFFFFF, 0.1); }
  1339. .titlebutton button separator, .titlebutton separator.titlebutton {
  1340. border-color: mix(#191919, #FFFFFF, 0.2); }
  1341. .titlebutton button separator:backdrop, .titlebutton separator.titlebutton:backdrop {
  1342. border-color: mix(#191919, #FFFFFF, 0.1); }
  1343. menu separator {
  1344. background-color: mix(#191919, #FFFFFF, 0.2); }
  1345. menuitem separator {
  1346. border-width: 1px;
  1347. border-style: none;
  1348. color: mix(shade(#FFFFFF, 0.2), #191919, 0.5); }
  1349. popover separator {
  1350. border: 0;
  1351. color: alpha(currentColor, 0.5);
  1352. background-color: transparent; }
  1353. combobox separator {
  1354. border: none; }
  1355. spinbutton.horizontal {
  1356. border: 1px solid shade(#FFFFFF, 0.2); }
  1357. spinbutton.horizontal:backdrop {
  1358. border-color: shade(#FFFFFF, 0.2); }
  1359. spinbutton.horizontal:focus {
  1360. border-color: shade(#4D4D4D, 0.6); }
  1361. spinbutton.horizontal entry {
  1362. border: none;
  1363. padding: 7px 15px; }
  1364. spinbutton.horizontal button {
  1365. border-width: 0;
  1366. border-radius: 0;
  1367. border-left-width: 1px; }
  1368. spinbutton.horizontal button:hover, spinbutton.horizontal button:active, spinbutton.horizontal button:checked {
  1369. border-color: shade(#FFFFFF, 0.2);
  1370. background-color: #191919; }
  1371. spinbutton.horizontal button:hover:backdrop, spinbutton.horizontal button:active:backdrop, spinbutton.horizontal button:checked:backdrop {
  1372. border-color: shade(#FFFFFF, 0.2);
  1373. background-color: #191919; }
  1374. spinbutton.horizontal button:focus {
  1375. border-color: shade(#4D4D4D, 0.6); }
  1376. spinbutton.vertical button.up {
  1377. border-bottom-left-radius: 0;
  1378. border-bottom-right-radius: 0;
  1379. border-bottom-width: 0; }
  1380. spinbutton.vertical button.down {
  1381. border-top-width: 0;
  1382. border-top-left-radius: 0;
  1383. border-top-right-radius: 0; }
  1384. @keyframes spin {
  1385. to {
  1386. -gtk-icon-transform: rotate(1turn); } }
  1387. spinner {
  1388. background: none;
  1389. opacity: 0;
  1390. -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); }
  1391. spinner:checked {
  1392. opacity: 1;
  1393. animation: spin 1s linear infinite; }
  1394. spinner:checked:disabled {
  1395. opacity: 0.5; }
  1396. statusbar {
  1397. padding: 4px;
  1398. color: #FFFFFF; }
  1399. statusbar frame > border {
  1400. border: none; }
  1401. switch {
  1402. font-size: 0;
  1403. color: transparent;
  1404. outline-offset: -4px;
  1405. margin: 4px;
  1406. margin-left: -3px;
  1407. margin-right: -3px;
  1408. border: 3px solid #FFFFFF;
  1409. border-radius: 16px;
  1410. background-color: transparent;
  1411. min-width: 42px; }
  1412. switch:checked {
  1413. border-color: #0078D7;
  1414. background-color: #0078D7;
  1415. box-shadow: none; }
  1416. switch:checked:disabled {
  1417. border-color: mix(#0078D7, mix(#FFFFFF, #191919, 0.95), 0.4); }
  1418. switch:checked:backdrop {
  1419. border-color: shade(#0078D7, 0.9);
  1420. background-color: shade(#0078D7, 0.9); }
  1421. switch:disabled {
  1422. border-color: mix(#FFFFFF, #191919, 0.5); }
  1423. switch:disabled:backdrop {
  1424. border-color: mix(#FFFFFF, #191919, 0.75); }
  1425. switch:backdrop {
  1426. border-color: #FFFFFF; }
  1427. switch slider {
  1428. min-width: 12px;
  1429. min-height: 12px;
  1430. margin: 3px;
  1431. border: none;
  1432. border-radius: 100%;
  1433. color: #FFFFFF;
  1434. background-color: #FFFFFF;
  1435. margin-left: 4px;
  1436. margin-right: 4px; }
  1437. switch:checked slider {
  1438. background-color: #202020; }
  1439. switch:checked:disabled slider {
  1440. background-color: mix(#FFFFFF, #191919, 0.95); }
  1441. switch:checked:disabled:backdrop slider {
  1442. background-color: mix(#FFFFFF, #191919, 0.98); }
  1443. switch:checked:backdrop slider {
  1444. background-color: #191919; }
  1445. switch:disabled slider {
  1446. background-color: mix(#FFFFFF, #191919, 0.5); }
  1447. switch:disabled:backdrop slider {
  1448. background-color: mix(#FFFFFF, #191919, 0.75); }
  1449. switch:backdrop slider {
  1450. background-color: #FFFFFF; }
  1451. colorswatch.top {
  1452. border-top-left-radius: 2.5px;
  1453. border-top-right-radius: 2.5px; }
  1454. colorswatch.top overlay {
  1455. border-top-left-radius: 2px;
  1456. border-top-right-radius: 2px; }
  1457. colorswatch.bottom {
  1458. border-bottom-left-radius: 2.5px;
  1459. border-bottom-right-radius: 2.5px; }
  1460. colorswatch.bottom overlay {
  1461. border-bottom-left-radius: 2px;
  1462. border-bottom-right-radius: 2px; }
  1463. colorswatch.left, colorswatch:first-child:not(.top) {
  1464. border-top-left-radius: 2.5px;
  1465. border-bottom-left-radius: 2.5px; }
  1466. colorswatch.left overlay, colorswatch:first-child:not(.top) overlay {
  1467. border-top-left-radius: 2px;
  1468. border-bottom-left-radius: 2px; }
  1469. colorswatch.right, colorswatch:last-child:not(.bottom) {
  1470. border-top-right-radius: 2.5px;
  1471. border-bottom-right-radius: 2.5px; }
  1472. colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay {
  1473. border-top-right-radius: 2px;
  1474. border-bottom-right-radius: 2px; }
  1475. colorswatch.dark overlay {
  1476. color: alpha(white, 0.7); }
  1477. colorswatch.dark overlay:hover {
  1478. border-color: alpha(black, 0.5); }
  1479. colorswatch.light overlay {
  1480. color: alpha(white, 0.7); }
  1481. colorswatch.light overlay:hover {
  1482. border-color: alpha(black, 0.3); }
  1483. colorswatch overlay {
  1484. border: 1px solid alpha(black, 0.15); }
  1485. colorswatch overlay:hover {
  1486. background-color: alpha(white, 0.2); }
  1487. colorswatch:disabled {
  1488. opacity: 0.5; }
  1489. colorswatch:disabled overlay {
  1490. border-color: alpha(black, 0.6);
  1491. box-shadow: none; }
  1492. button.color {
  1493. padding: 0; }
  1494. button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay {
  1495. margin: 4px;
  1496. border-radius: 0; }
  1497. colorchooser .popover.osd {
  1498. border-radius: 0; }
  1499. colorchooser #add-color-button {
  1500. background-clip: padding-box;
  1501. border-color: alpha(black, 0.1);
  1502. background-color: shade(#191919, 0.95);
  1503. color: #FFFFFF; }
  1504. colorchooser #add-color-button:hover {
  1505. border-color: alpha(black, 0.3);
  1506. background-color: shade(#191919, 0.9);
  1507. color: #FFFFFF; }
  1508. .path-bar button.text-button, .path-bar button.image-button, .path-bar button button {
  1509. padding-left: 4px;
  1510. padding-right: 4px; }
  1511. .path-bar button.text-button.image-button label, .path-bar button label {
  1512. padding-left: 0;
  1513. padding-right: 0; }
  1514. .path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child {
  1515. padding-right: 8px; }
  1516. .path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child {
  1517. padding-left: 8px; }
  1518. .path-bar button image {
  1519. padding-left: 4px;
  1520. padding-right: 4px; }
  1521. .path-bar button.slider-button {
  1522. padding-left: 0;
  1523. padding-right: 0; }
  1524. headerbar {
  1525. padding: 4px 8px;
  1526. min-height: 32px;
  1527. color: #FFFFFF;
  1528. background-color: #191919;
  1529. border-bottom: 1px solid shade(#FFFFFF, 0.2); }
  1530. headerbar:backdrop {
  1531. background-color: #191919;
  1532. color: #FFFFFF;
  1533. border-bottom-color: shade(#FFFFFF, 0.2); }
  1534. .tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop {
  1535. border-radius: 0; }
  1536. separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop {
  1537. border-top-left-radius: 0px; }
  1538. .maximized separator:first-child + headerbar, .tiled separator:first-child + headerbar, .maximized separator:first-child + headerbar:backdrop, .tiled separator:first-child + headerbar:backdrop, .maximized headerbar:first-child, .tiled headerbar:first-child, .maximized headerbar:first-child:backdrop, .tiled headerbar:first-child:backdrop {
  1539. border-radius: 0; }
  1540. headerbar:last-child, headerbar:last-child:backdrop {
  1541. border-top-right-radius: 0px; }
  1542. .maximized headerbar:last-child, .tiled headerbar:last-child, .maximized headerbar:last-child:backdrop, .tiled headerbar:last-child:backdrop {
  1543. border-radius: 0; }
  1544. headerbar .title {
  1545. padding-left: 12px;
  1546. padding-right: 12px;
  1547. font-weight: bold; }
  1548. headerbar .subtitle {
  1549. font-size: smaller;
  1550. padding-left: 12px;
  1551. padding-right: 12px;
  1552. color: alpha(currentColor, 0.7); }
  1553. headerbar button {
  1554. padding: 3px;
  1555. border-style: solid;
  1556. border-width: 1px;
  1557. border-radius: 0px;
  1558. color: #FFFFFF;
  1559. border-color: shade(#FFFFFF, 0.2);
  1560. background-color: #191919; }
  1561. headerbar button:hover {
  1562. color: #FFFFFF;
  1563. border-color: shade(#4D4D4D, 0.7);
  1564. background-color: shade(#4D4D4D, 1.02); }
  1565. headerbar button:active, headerbar button:checked {
  1566. color: #FFFFFF;
  1567. border-color: shade(#4D4D4D, 0.8);
  1568. background-color: shade(#4D4D4D, 0.95); }
  1569. headerbar button:active:backdrop, headerbar button:checked:backdrop {
  1570. color: #FFFFFF;
  1571. border-color: shade(#191919, 0.85);
  1572. background-color: shade(#191919, 0.85); }
  1573. headerbar button:active:disabled, headerbar button:checked:disabled {
  1574. color: mix(#FFFFFF, mix(#FFFFFF, #191919, 0.75), 0.1);
  1575. border-color: mix(#191919, mix(#FFFFFF, #191919, 0.95), 0.6);
  1576. background-color: mix(#191919, mix(#FFFFFF, #191919, 0.95), 0.2); }
  1577. headerbar button:active:disabled:backdrop, headerbar button:checked:disabled:backdrop {
  1578. color: mix(#FFFFFF, #191919, 0.75);
  1579. border-color: shade(#FFFFFF, 0.2);
  1580. background-color: mix(#191919, mix(#FFFFFF, #191919, 0.95), 0.2); }
  1581. headerbar button:focus, headerbar button:hover:focus, headerbar button:active:focus, headerbar button:active:hover:focus {
  1582. border-color: shade(#4D4D4D, 0.7); }
  1583. headerbar button:disabled {
  1584. color: mix(#FFFFFF, mix(#FFFFFF, #191919, 0.75), 0.1);
  1585. border-color: mix(#191919, mix(#FFFFFF, #191919, 0.95), 0.6);
  1586. background-color: mix(#191919, mix(#FFFFFF, #191919, 0.95), 0.1); }
  1587. headerbar button:disabled:backdrop {
  1588. color: mix(#FFFFFF, #191919, 0.75);
  1589. border-color: shade(#FFFFFF, 0.2);
  1590. background-color: mix(#FFFFFF, #191919, 0.98); }
  1591. headerbar button:backdrop {
  1592. border-color: shade(#FFFFFF, 0.2);
  1593. color: #FFFFFF;
  1594. background-color: #191919; }
  1595. headerbar entry {
  1596. padding: 4px 8px; }
  1597. headerbar.titlebar, .titlebar headerbar {
  1598. border-radius: 0px 0px 0px 0px; }
  1599. headerbar .titlebutton.close, headerbar .titlebutton.maximize, headerbar .titlebutton.minimize, headerbar .titlebutton:not(separator) {
  1600. padding: 7px 14px;
  1601. border: none;
  1602. color: transparent;
  1603. background-color: transparent;
  1604. -gtk-icon-shadow: none;
  1605. background-size: 100% 100%;
  1606. background-position: center;
  1607. background-repeat: no-repeat; }
  1608. headerbar .titlebutton.close:hover, headerbar .titlebutton.maximize:hover, headerbar .titlebutton.minimize:hover, headerbar .titlebutton:not(separator):hover {
  1609. background-color: alpha(#FFFFFF, 0.15); }
  1610. headerbar .titlebutton.close:active, headerbar .titlebutton.maximize:active, headerbar .titlebutton.minimize:active, headerbar .titlebutton:not(separator):active {
  1611. background-color: alpha(#FFFFFF, 0.3); }
  1612. headerbar .titlebutton.close {
  1613. background-image: url("assets/close-focused.png"); }
  1614. headerbar .titlebutton.close:hover {
  1615. background-color: #ff5252;
  1616. background-image: url("assets/close-focused-active.png"); }
  1617. headerbar .titlebutton.close:active {
  1618. background-color: #ff0000;
  1619. background-image: url("assets/close-focused-active.png"); }
  1620. headerbar .titlebutton.close:backdrop {
  1621. background-image: url("assets/close-unfocused.png"); }
  1622. headerbar .titlebutton.close:backdrop:hover {
  1623. background-color: #ff5252;
  1624. background-image: url("assets/close-focused-active.png"); }
  1625. headerbar .titlebutton.close:backdrop:active {
  1626. background-color: #ff0000;
  1627. background-image: url("assets/close-focused-active.png"); }
  1628. headerbar .titlebutton.minimize {
  1629. background-image: url("assets/minimize-focused.png"); }
  1630. headerbar .titlebutton.minimize:hover {
  1631. background-image: url("assets/minimize-focused.png"); }
  1632. headerbar .titlebutton.minimize:active {
  1633. background-image: url("assets/minimize-focused.png"); }
  1634. headerbar .titlebutton.minimize:backdrop {
  1635. background-image: url("assets/minimize-unfocused.png"); }
  1636. headerbar .titlebutton.minimize:backdrop:hover {
  1637. background-image: url("assets/minimize-focused.png"); }
  1638. headerbar .titlebutton.minimize:backdrop:active {
  1639. background-image: url("assets/minimize-focused.png"); }
  1640. headerbar .titlebutton.maximize {
  1641. background-image: url("assets/maximize-focused.png"); }
  1642. headerbar .titlebutton.maximize:hover {
  1643. background-image: url("assets/maximize-focused.png"); }
  1644. headerbar .titlebutton.maximize:active {
  1645. background-image: url("assets/maximize-focused.png"); }
  1646. headerbar .titlebutton.maximize:backdrop {
  1647. background-image: url("assets/maximize-unfocused.png"); }
  1648. headerbar .titlebutton.maximize:backdrop:hover {
  1649. background-image: url("assets/maximize-focused.png"); }
  1650. headerbar .titlebutton.maximize:backdrop:active {
  1651. background-image: url("assets/maximize-focused.png"); }
  1652. .maximized headerbar .titlebutton.maximize {
  1653. background-image: url("assets/restore-focused.png"); }
  1654. .maximized headerbar .titlebutton.maximize:hover {
  1655. background-image: url("assets/restore-focused.png"); }
  1656. .maximized headerbar .titlebutton.maximize:active {
  1657. background-image: url("assets/restore-focused.png"); }
  1658. .maximized headerbar .titlebutton.maximize:backdrop {
  1659. background-image: url("assets/restore-unfocused.png"); }
  1660. .maximized headerbar .titlebutton.maximize:backdrop:hover {
  1661. background-image: url("assets/restore-focused.png"); }
  1662. .maximized headerbar .titlebutton.maximize:backdrop:active {
  1663. background-image: url("assets/restore-focused.png"); }
  1664. toolbar {
  1665. padding: 4px;
  1666. border: none;
  1667. color: #FFFFFF;
  1668. background-color: #191919; }
  1669. toolbar:backdrop {
  1670. color: #FFFFFF;
  1671. background-color: #191919; }
  1672. toolbar:disabled {
  1673. color: mix(#FFFFFF, #191919, 0.5);
  1674. background-color: mix(#FFFFFF, #191919, 0.95); }
  1675. toolbar button.flat {
  1676. border-color: transparent;
  1677. border-radius: 0px;
  1678. color: #FFFFFF;
  1679. background-color: transparent; }
  1680. toolbar button.flat:disabled {
  1681. border-color: transparent;
  1682. color: alpha(#FFFFFF, 0.8);
  1683. background-color: transparent; }
  1684. toolbar button.flat:disabled:backdrop {
  1685. border-color: transparent;
  1686. color: alpha(#FFFFFF, 0.7);
  1687. background-color: transparent; }
  1688. toolbar button.flat:backdrop {
  1689. border-color: transparent;
  1690. background-color: transparent;
  1691. color: #FFFFFF; }
  1692. toolbar menubar {
  1693. -GtkToolbar-button-relief: normal; }
  1694. .primary-toolbar {
  1695. -GtkWidget-window-dragging: true;
  1696. padding: 4px;
  1697. border-width: 0 0 1px 0;
  1698. border-style: solid;
  1699. border-color: mix(shade(#FFFFFF, 0.2), #191919, 0.5);
  1700. color: #FFFFFF;
  1701. background-color: #191919; }
  1702. .primary-toolbar:backdrop {
  1703. border-color: #191919;
  1704. color: #FFFFFF;
  1705. background-color: #191919; }
  1706. .primary-toolbar button, .primary-toolbar .raised button {
  1707. padding: 3px;
  1708. border-style: solid;
  1709. border-width: 1px;
  1710. border-radius: 0px;
  1711. color: #FFFFFF;
  1712. border-color: shade(#FFFFFF, 0.2);
  1713. background-color: #191919; }
  1714. .primary-toolbar button:hover, .primary-toolbar .raised button:hover {
  1715. color: #FFFFFF;
  1716. border-color: shade(#4D4D4D, 0.7);
  1717. background-color: shade(#4D4D4D, 1.02); }
  1718. .primary-toolbar button:active, .primary-toolbar button:checked, .primary-toolbar .raised button:active, .primary-toolbar .raised button:checked {
  1719. color: #FFFFFF;
  1720. border-color: shade(#4D4D4D, 0.8);
  1721. background-color: shade(#4D4D4D, 0.95); }
  1722. .primary-toolbar button:active:backdrop, .primary-toolbar button:checked:backdrop, .primary-toolbar .raised button:active:backdrop, .primary-toolbar .raised button:checked:backdrop {
  1723. color: #FFFFFF;
  1724. border-color: shade(#191919, 0.85);
  1725. background-color: shade(#191919, 0.85); }
  1726. .primary-toolbar button:active:disabled, .primary-toolbar button:checked:disabled, .primary-toolbar .raised button:active:disabled, .primary-toolbar .raised button:checked:disabled {
  1727. color: mix(#FFFFFF, mix(#FFFFFF, #191919, 0.75), 0.1);
  1728. border-color: mix(#191919, mix(#FFFFFF, #191919, 0.95), 0.6);
  1729. background-color: mix(#191919, mix(#FFFFFF, #191919, 0.95), 0.2); }
  1730. .primary-toolbar button:active:disabled:backdrop, .primary-toolbar button:checked:disabled:backdrop, .primary-toolbar .raised button:active:disabled:backdrop, .primary-toolbar .raised button:checked:disabled:backdrop {
  1731. color: mix(#FFFFFF, #191919, 0.75);
  1732. border-color: shade(#FFFFFF, 0.2);
  1733. background-color: mix(#191919, mix(#FFFFFF, #191919, 0.95), 0.2); }
  1734. .primary-toolbar button:focus, .primary-toolbar button:hover:focus, .primary-toolbar button:active:focus, .primary-toolbar button:active:hover:focus, .primary-toolbar .raised button:focus, .primary-toolbar .raised button:hover:focus, .primary-toolbar .raised button:active:focus, .primary-toolbar .raised button:active:hover:focus {
  1735. border-color: shade(#4D4D4D, 0.7); }
  1736. .primary-toolbar button:disabled, .primary-toolbar .raised button:disabled {
  1737. color: mix(#FFFFFF, mix(#FFFFFF, #191919, 0.75), 0.1);
  1738. border-color: mix(#191919, mix(#FFFFFF, #191919, 0.95), 0.6);
  1739. background-color: mix(#191919, mix(#FFFFFF, #191919, 0.95), 0.1); }
  1740. .primary-toolbar button:disabled:backdrop, .primary-toolbar .raised button:disabled:backdrop {
  1741. color: mix(#FFFFFF, #191919, 0.75);
  1742. border-color: shade(#FFFFFF, 0.2);
  1743. background-color: mix(#FFFFFF, #191919, 0.98); }
  1744. .primary-toolbar button:backdrop, .primary-toolbar .raised button:backdrop {
  1745. border-color: shade(#FFFFFF, 0.2);
  1746. color: #FFFFFF;
  1747. background-color: #191919; }
  1748. .inline-toolbar {
  1749. padding: 1px;
  1750. border-width: 1px;
  1751. border-style: solid;
  1752. border-color: mix(shade(#FFFFFF, 0.2), #191919, 0.5);
  1753. border-radius: 0;
  1754. background-color: #191919; }
  1755. .inline-toolbar:backdrop {
  1756. border-color: shade(#FFFFFF, 0.2);
  1757. background-color: #191919; }
  1758. .inline-toolbar toolbutton > button {
  1759. padding: 3px;
  1760. border-style: solid;
  1761. border-width: 1px;
  1762. border-radius: 0px;
  1763. color: #FFFFFF;
  1764. border-color: shade(#FFFFFF, 0.2);
  1765. background-color: #191919; }
  1766. .inline-toolbar toolbutton > button:hover {
  1767. color: #FFFFFF;
  1768. border-color: shade(#4D4D4D, 0.7);
  1769. background-color: shade(#4D4D4D, 1.02); }
  1770. .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked {
  1771. color: #FFFFFF;
  1772. border-color: shade(#4D4D4D, 0.8);
  1773. background-color: shade(#4D4D4D, 0.95); }
  1774. .inline-toolbar toolbutton > button:active:backdrop, .inline-toolbar toolbutton > button:checked:backdrop {
  1775. color: #FFFFFF;
  1776. border-color: shade(#191919, 0.85);
  1777. background-color: shade(#191919, 0.85); }
  1778. .inline-toolbar toolbutton > button:active:disabled, .inline-toolbar toolbutton > button:checked:disabled {
  1779. color: mix(#FFFFFF, mix(#FFFFFF, #191919, 0.75), 0.1);
  1780. border-color: mix(#191919, mix(#FFFFFF, #191919, 0.95), 0.6);
  1781. background-color: mix(#191919, mix(#FFFFFF, #191919, 0.95), 0.2); }
  1782. .inline-toolbar toolbutton > button:active:disabled:backdrop, .inline-toolbar toolbutton > button:checked:disabled:backdrop {
  1783. color: mix(#FFFFFF, #191919, 0.75);
  1784. border-color: shade(#FFFFFF, 0.2);
  1785. background-color: mix(#191919, mix(#FFFFFF, #191919, 0.95), 0.2); }
  1786. .inline-toolbar toolbutton > button:focus, .inline-toolbar toolbutton > button:hover:focus, .inline-toolbar toolbutton > button:active:focus, .inline-toolbar toolbutton > button:active:hover:focus {
  1787. border-color: shade(#4D4D4D, 0.7); }
  1788. .inline-toolbar toolbutton > button:disabled {
  1789. color: mix(#FFFFFF, mix(#FFFFFF, #191919, 0.75), 0.1);
  1790. border-color: mix(#191919, mix(#FFFFFF, #191919, 0.95), 0.6);
  1791. background-color: mix(#191919, mix(#FFFFFF, #191919, 0.95), 0.1); }
  1792. .inline-toolbar toolbutton > button:disabled:backdrop {
  1793. color: mix(#FFFFFF, #191919, 0.75);
  1794. border-color: shade(#FFFFFF, 0.2);
  1795. background-color: mix(#FFFFFF, #191919, 0.98); }
  1796. .inline-toolbar toolbutton > button:backdrop {
  1797. border-color: shade(#FFFFFF, 0.2);
  1798. color: #FFFFFF;
  1799. background-color: #191919; }
  1800. .linked button, .linked .raised button, .primary-toolbar .linked button, .primary-toolbar .linked .raised button {
  1801. border-radius: 0;
  1802. border-left-width: 0; }
  1803. .linked button:first-child, .linked .raised button:first-child, .primary-toolbar .linked button:first-child, .primary-toolbar .linked .raised button:first-child {
  1804. border-left-width: 1px;
  1805. border-top-left-radius: 0px;
  1806. border-bottom-left-radius: 0px; }
  1807. .linked button:last-child, .linked .raised button:last-child, .primary-toolbar .linked button:last-child, .primary-toolbar .linked .raised button:last-child {
  1808. border-left-width: 0;
  1809. border-top-left-radius: 0;
  1810. border-bottom-left-radius: 0;
  1811. border-top-right-radius: 0px;
  1812. border-bottom-right-radius: 0px; }
  1813. .linked button:only-child, .linked .raised button:only-child, .primary-toolbar .linked button:only-child, .primary-toolbar .linked .raised button:only-child {
  1814. border-width: 1px;
  1815. border-radius: 0px; }
  1816. .linked entry, .primary-toolbar .linked entry {
  1817. border-radius: 0;
  1818. border-left-width: 0; }
  1819. .linked entry:first-child, .primary-toolbar .linked entry:first-child {
  1820. border-left-width: 1px;
  1821. border-top-left-radius: 0px;
  1822. border-bottom-left-radius: 0px; }
  1823. .linked entry:last-child, .primary-toolbar .linked entry:last-child {
  1824. border-left-width: 0;
  1825. border-top-left-radius: 0;
  1826. border-bottom-left-radius: 0;
  1827. border-top-right-radius: 0px;
  1828. border-bottom-right-radius: 0px; }
  1829. .linked entry:only-child, .primary-toolbar .linked entry:only-child {
  1830. border-width: 1px;
  1831. border-radius: 0px; }
  1832. .linked combobox box.linked button, .primary-toolbar .linked combobox box.linked button {
  1833. border-radius: 0;
  1834. border-left-width: 0; }
  1835. .linked combobox:first-child box.linked button, .primary-toolbar .linked combobox:first-child box.linked button {
  1836. border-left-width: 1px;
  1837. border-top-left-radius: 0px;
  1838. border-bottom-left-radius: 0px; }
  1839. .linked combobox:last-child box.linked button, .primary-toolbar .linked combobox:last-child box.linked button {
  1840. border-left-width: 0;
  1841. border-top-left-radius: 0;
  1842. border-bottom-left-radius: 0;
  1843. border-top-right-radius: 0px;
  1844. border-bottom-right-radius: 0px; }
  1845. .linked combobox:only-child box.linked button, .primary-toolbar .linked combobox:only-child box.linked button {
  1846. border-width: 1px;
  1847. border-radius: 0px; }
  1848. .linked spinbutton, .primary-toolbar .linked spinbutton {
  1849. border-radius: 0;
  1850. border-left-width: 0; }
  1851. .linked spinbutton:first-child, .primary-toolbar .linked spinbutton:first-child {
  1852. border-left-width: 1px;
  1853. border-top-left-radius: 0px;
  1854. border-bottom-left-radius: 0px; }
  1855. .linked spinbutton:last-child, .primary-toolbar .linked spinbutton:last-child {
  1856. border-left-width: 0;
  1857. border-top-left-radius: 0;
  1858. border-bottom-left-radius: 0;
  1859. border-top-right-radius: 0px;
  1860. border-bottom-right-radius: 0px; }
  1861. .linked spinbutton:only-child, .primary-toolbar .linked spinbutton:only-child {
  1862. border-width: 1px;
  1863. border-radius: 0px; }
  1864. .linked.vertical button, .primary-toolbar .linked.vertical button {
  1865. border-left-width: 1px;
  1866. border-top-width: 0;
  1867. border-radius: 0; }
  1868. .linked.vertical button:first-child, .primary-toolbar .linked.vertical button:first-child {
  1869. border-top-width: 1px;
  1870. border-top-left-radius: 0px;
  1871. border-top-right-radius: 0px;
  1872. border-bottom-left-radius: 0;
  1873. border-bottom-right-radius: 0; }
  1874. .linked.vertical button:last-child, .primary-toolbar .linked.vertical button:last-child {
  1875. border-top-width: 0;
  1876. border-top-left-radius: 0;
  1877. border-top-right-radius: 0;
  1878. border-bottom-left-radius: 0px;
  1879. border-bottom-right-radius: 0px; }
  1880. .linked.vertical button:only-child, .primary-toolbar .linked.vertical button:only-child {
  1881. border-width: 1px;
  1882. border-radius: 0px; }
  1883. .linked.vertical entry, .primary-toolbar .linked.vertical entry {
  1884. border-left-width: 1px;
  1885. border-top-width: 0;
  1886. border-radius: 0; }
  1887. .linked.vertical entry:first-child, .primary-toolbar .linked.vertical entry:first-child {
  1888. border-top-width: 1px;
  1889. border-top-left-radius: 0px;
  1890. border-top-right-radius: 0px;
  1891. border-bottom-left-radius: 0;
  1892. border-bottom-right-radius: 0; }
  1893. .linked.vertical entry:last-child, .primary-toolbar .linked.vertical entry:last-child {
  1894. border-top-width: 0;
  1895. border-top-left-radius: 0;
  1896. border-top-right-radius: 0;
  1897. border-bottom-left-radius: 0px;
  1898. border-bottom-right-radius: 0px; }
  1899. .linked.vertical entry:only-child, .primary-toolbar .linked.vertical entry:only-child {
  1900. border-width: 1px;
  1901. border-radius: 0px; }
  1902. .linked.vertical combobox box.linked button, .primary-toolbar .linked.vertical combobox box.linked button {
  1903. border-left-width: 1px;
  1904. border-top-width: 0;
  1905. border-radius: 0; }
  1906. .linked.vertical combobox:first-child box.linked button, .primary-toolbar .linked.vertical combobox:first-child box.linked button {
  1907. border-top-width: 1px;
  1908. border-top-left-radius: 0px;
  1909. border-top-right-radius: 0px;
  1910. border-bottom-left-radius: 0;
  1911. border-bottom-right-radius: 0; }
  1912. .linked.vertical combobox:last-child box.linked button, .primary-toolbar .linked.vertical combobox:last-child box.linked button {
  1913. border-top-width: 0;
  1914. border-top-left-radius: 0;
  1915. border-top-right-radius: 0;
  1916. border-bottom-left-radius: 0px;
  1917. border-bottom-right-radius: 0px; }
  1918. .linked.vertical combobox:only-child box.linked button, .primary-toolbar .linked.vertical combobox:only-child box.linked button {
  1919. border-width: 1px;
  1920. border-radius: 0px; }
  1921. .linked.vertical spinbutton, .primary-toolbar .linked.vertical spinbutton {
  1922. border-left-width: 1px;
  1923. border-top-width: 0;
  1924. border-radius: 0; }
  1925. .linked.vertical spinbutton:first-child, .primary-toolbar .linked.vertical spinbutton:first-child {
  1926. border-top-width: 1px;
  1927. border-top-left-radius: 0px;
  1928. border-top-right-radius: 0px;
  1929. border-bottom-left-radius: 0;
  1930. border-bottom-right-radius: 0; }
  1931. .linked.vertical spinbutton:last-child, .primary-toolbar .linked.vertical spinbutton:last-child {
  1932. border-top-width: 0;
  1933. border-top-left-radius: 0;
  1934. border-top-right-radius: 0;
  1935. border-bottom-left-radius: 0px;
  1936. border-bottom-right-radius: 0px; }
  1937. .linked.vertical spinbutton:only-child, .primary-toolbar .linked.vertical spinbutton:only-child {
  1938. border-width: 1px;
  1939. border-radius: 0px; }
  1940. .linked.vertical spinbutton button:first-child, .linked.vertical spinbutton button:last-child, .primary-toolbar .linked.vertical spinbutton button:first-child, .primary-toolbar .linked.vertical spinbutton button:last-child {
  1941. border-radius: 0; }
  1942. toolbar.inline-toolbar toolbutton > button.flat, toolbar.inline-toolbar toolbutton:backdrop > button.flat {
  1943. border-radius: 0;
  1944. border-left-width: 0; }
  1945. toolbar.inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:backdrop:first-child > button.flat {
  1946. border-left-width: 1px;
  1947. border-top-left-radius: 0px;
  1948. border-bottom-left-radius: 0px; }
  1949. toolbar.inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:backdrop:last-child > button.flat {
  1950. border-left-width: 0;
  1951. border-top-left-radius: 0;
  1952. border-bottom-left-radius: 0;
  1953. border-top-right-radius: 0px;
  1954. border-bottom-right-radius: 0px; }
  1955. toolbar.inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:backdrop:only-child > button.flat {
  1956. border-width: 1px;
  1957. border-radius: 0px; }
  1958. .linked button:focus, .linked button:hover, .linked button:active, .linked button:checked, .linked .raised button:focus, .linked .raised button:hover, .linked .raised button:active, .linked .raised button:checked {
  1959. box-shadow: -1px 0 shade(#4D4D4D, 0.8); }
  1960. .linked button:focus:backdrop, .linked button:hover:backdrop, .linked button:active:backdrop, .linked button:checked:backdrop, .linked .raised button:focus:backdrop, .linked .raised button:hover:backdrop, .linked .raised button:active:backdrop, .linked .raised button:checked:backdrop {
  1961. box-shadow: -1px 0 shade(#191919, 0.85); }
  1962. .linked button:first-child:focus, .linked button:first-child:hover, .linked button:first-child:active, .linked button:first-child:checked, .linked button:only-child:focus, .linked button:only-child:hover, .linked button:only-child:active, .linked button:only-child:checked, .linked .raised button:first-child:focus, .linked .raised button:first-child:hover, .linked .raised button:first-child:active, .linked .raised button:first-child:checked, .linked .raised button:only-child:focus, .linked .raised button:only-child:hover, .linked .raised button:only-child:active, .linked .raised button:only-child:checked {
  1963. box-shadow: none; }
  1964. .linked button:first-child:focus:backdrop, .linked button:first-child:hover:backdrop, .linked button:first-child:active:backdrop, .linked button:first-child:checked:backdrop, .linked button:only-child:focus:backdrop, .linked button:only-child:hover:backdrop, .linked button:only-child:active:backdrop, .linked button:only-child:checked:backdrop, .linked .raised button:first-child:focus:backdrop, .linked .raised button:first-child:hover:backdrop, .linked .raised button:first-child:active:backdrop, .linked .raised button:first-child:checked:backdrop, .linked .raised button:only-child:focus:backdrop, .linked .raised button:only-child:hover:backdrop, .linked .raised button:only-child:active:backdrop, .linked .raised button:only-child:checked:backdrop {
  1965. box-shadow: none; }
  1966. .linked entry:focus, .linked entry:last-child:focus {
  1967. box-shadow: -1px 0 shade(#4D4D4D, 0.6); }
  1968. .linked entry:first-child:focus, .linked entry:only-child:focus {
  1969. box-shadow: none; }
  1970. .linked combobox box.linked button:focus, .linked combobox box.linked button:hover, .linked combobox box.linked button:active, .linked combobox box.linked button:checked {
  1971. box-shadow: -1px 0 shade(#4D4D4D, 0.8); }
  1972. .linked combobox box.linked button:focus:backdrop, .linked combobox box.linked button:hover:backdrop, .linked combobox box.linked button:active:backdrop, .linked combobox box.linked button:checked:backdrop {
  1973. box-shadow: -1px 0 shade(#191919, 0.85); }
  1974. .linked combobox:first-child box.linked button:focus, .linked combobox:first-child box.linked button:hover, .linked combobox:first-child box.linked button:active, .linked combobox:first-child box.linked button:checked, .linked combobox:only-child box.linked button:focus, .linked combobox:only-child box.linked button:hover, .linked combobox:only-child box.linked button:active, .linked combobox:only-child box.linked button:checked {
  1975. box-shadow: none; }
  1976. .linked combobox:first-child box.linked button:focus:backdrop, .linked combobox:first-child box.linked button:hover:backdrop, .linked combobox:first-child box.linked button:active:backdrop, .linked combobox:first-child box.linked button:checked:backdrop, .linked combobox:only-child box.linked button:focus:backdrop, .linked combobox:only-child box.linked button:hover:backdrop, .linked combobox:only-child box.linked button:active:backdrop, .linked combobox:only-child box.linked button:checked:backdrop {
  1977. box-shadow: none; }
  1978. .linked.vertical button:focus, .linked.vertical button:hover, .linked.vertical button:active, .linked.vertical button:checked {
  1979. box-shadow: 0 -1px shade(#4D4D4D, 0.8); }
  1980. .linked.vertical button:focus:backdrop, .linked.vertical button:hover:backdrop, .linked.vertical button:active:backdrop, .linked.vertical button:checked:backdrop {
  1981. box-shadow: 0 -1px shade(#191919, 0.85); }
  1982. .linked.vertical button:first-child:focus, .linked.vertical button:first-child:hover, .linked.vertical button:first-child:active, .linked.vertical button:first-child:checked, .linked.vertical button:only-child:focus, .linked.vertical button:only-child:hover, .linked.vertical button:only-child:active, .linked.vertical button:only-child:checked {
  1983. box-shadow: none; }
  1984. .linked.vertical button:first-child:focus:backdrop, .linked.vertical button:first-child:hover:backdrop, .linked.vertical button:first-child:active:backdrop, .linked.vertical button:first-child:checked:backdrop, .linked.vertical button:only-child:focus:backdrop, .linked.vertical button:only-child:hover:backdrop, .linked.vertical button:only-child:active:backdrop, .linked.vertical button:only-child:checked:backdrop {
  1985. box-shadow: none; }
  1986. .linked.vertical entry:focus, .linked.vertical entry:last-child:focus {
  1987. box-shadow: 0 -1px shade(#4D4D4D, 0.6); }
  1988. .linked.vertical entry:first-child:focus, .linked.vertical entry:only-child:focus {
  1989. box-shadow: none; }
  1990. .linked.vertical combobox box.linked button:focus, .linked.vertical combobox box.linked button:hover, .linked.vertical combobox box.linked button:active, .linked.vertical combobox box.linked button:checked {
  1991. box-shadow: 0 -1px shade(#4D4D4D, 0.8); }
  1992. .linked.vertical combobox box.linked button:focus:backdrop, .linked.vertical combobox box.linked button:hover:backdrop, .linked.vertical combobox box.linked button:active:backdrop, .linked.vertical combobox box.linked button:checked:backdrop {
  1993. box-shadow: 0 -1px shade(#191919, 0.85); }
  1994. .linked.vertical combobox:first-child box.linked button:focus, .linked.vertical combobox:first-child box.linked button:hover, .linked.vertical combobox:first-child box.linked button:active, .linked.vertical combobox:first-child box.linked button:checked, .linked.vertical combobox:only-child box.linked button:focus, .linked.vertical combobox:only-child box.linked button:hover, .linked.vertical combobox:only-child box.linked button:active, .linked.vertical combobox:only-child box.linked button:checked {
  1995. box-shadow: none; }
  1996. .linked.vertical combobox:first-child box.linked button:focus:backdrop, .linked.vertical combobox:first-child box.linked button:hover:backdrop, .linked.vertical combobox:first-child box.linked button:active:backdrop, .linked.vertical combobox:first-child box.linked button:checked:backdrop, .linked.vertical combobox:only-child box.linked button:focus:backdrop, .linked.vertical combobox:only-child box.linked button:hover:backdrop, .linked.vertical combobox:only-child box.linked button:active:backdrop, .linked.vertical combobox:only-child box.linked button:checked:backdrop {
  1997. box-shadow: none; }
  1998. .linked.vertical spinbutton:focus {
  1999. box-shadow: 0 -1px shade(#4D4D4D, 0.6); }
  2000. stackswitcher button.text-button {
  2001. min-width: 80px; }
  2002. tooltip {
  2003. border-radius: 0px;
  2004. box-shadow: none; }
  2005. tooltip.background {
  2006. border-width: 1px;
  2007. border-style: solid;
  2008. border-color: shade(#FFFFFF, 0.2);
  2009. background-color: #191919; }
  2010. tooltip.background label {
  2011. padding: 1px; }
  2012. tooltip * {
  2013. background-color: transparent;
  2014. color: #FFFFFF; }
  2015. textview {
  2016. color: #FFFFFF;
  2017. background-color: #202020; }
  2018. textview text {
  2019. background-color: #202020; }
  2020. textview text:selected, textview text selection, textview text:selected:focus, textview text selection:focus {
  2021. color: #FFFFFF;
  2022. background-color: #0078D7; }
  2023. treeview {
  2024. -treeview-vertical-separator: 0; }
  2025. treeview.view:selected, treeview.view:selected:focus {
  2026. border-radius: 0;
  2027. color: #FFFFFF;
  2028. background-color: #4D4D4D; }
  2029. treeview.view:drop(active) {
  2030. border-style: solid none;
  2031. border-width: 1px;
  2032. border-color: #4D4D4D; }
  2033. treeview.view:drop(active).after {
  2034. border-top-style: none; }
  2035. treeview.view:drop(active).before {
  2036. border-bottom-style: none; }
  2037. treeview header button {
  2038. border-width: 0 1px 1px 0;
  2039. border-radius: 0; }
  2040. treeview header button:last-child {
  2041. border-width: 0 0 1px 0; }
  2042. treeview header button:hover, treeview header button:focus:hover {
  2043. background-image: none;
  2044. background-color: #191919; }
  2045. treeview header button:active, treeview header button:focus:active {
  2046. color: #FFFFFF;
  2047. background-image: none;
  2048. background-color: #4D4D4D; }
  2049. treeview entry, treeview entry.flat {
  2050. border-radius: 0;
  2051. background-image: none;
  2052. background-color: #202020; }
  2053. treeview entry:focus, treeview entry.flat:focus {
  2054. border-color: #4D4D4D; }
  2055. .view {
  2056. color: #FFFFFF;
  2057. background-color: #202020; }
  2058. .view:disabled {
  2059. color: mix(#FFFFFF, #191919, 0.5);
  2060. background-color: mix(#FFFFFF, #191919, 0.95); }
  2061. .view:selected, .view:selected:focus, .view text:selected, .view text:selected:focus {
  2062. color: #FFFFFF;
  2063. background-color: #4D4D4D;
  2064. border-radius: 0px;
  2065. -gtk-outline-radius: 0px; }
  2066. .view:selected:disabled, .view:selected:focus:disabled, .view text:selected:disabled, .view text:selected:focus:disabled {
  2067. color: mix(#FFFFFF, mix(#FFFFFF, #191919, 0.5), 0.5);
  2068. background-color: #4D4D4D; }
  2069. .view:selected:backdrop, .view:selected:focus:backdrop, .view text:selected:backdrop, .view text:selected:focus:backdrop {
  2070. color: #FFFFFF;
  2071. background-color: #4D4D4D; }
  2072. .view text selection, .view text selection:focus {
  2073. color: #FFFFFF;
  2074. background-color: #0078D7; }
  2075. .view text selection:disabled, .view text selection:focus:disabled {
  2076. color: mix(#FFFFFF, mix(#FFFFFF, #191919, 0.5), 0.5);
  2077. background-color: #4D4D4D; }
  2078. .view text selection:backdrop, .view text selection:focus:backdrop {
  2079. color: #FFFFFF;
  2080. background-color: #4D4D4D; }
  2081. filechooser.csd.background, filechooser placessidebar list, .nautilus-window.csd.background, .nautilus-window placessidebar list, .nemo-window.csd.background, .nemo-window placessidebar list {
  2082. background-color: #191919; }
  2083. filechooser .sidebar, .nautilus-window .sidebar, .nemo-window .sidebar {
  2084. background-color: #191919; }
  2085. filechooser .sidebar .view:not(:selected), filechooser .sidebar iconview, .nautilus-window .sidebar .view:not(:selected), .nautilus-window .sidebar iconview, .nemo-window .sidebar .view:not(:selected), .nemo-window .sidebar iconview {
  2086. border: none;
  2087. color: #FFFFFF;
  2088. background-color: transparent; }
  2089. filechooser .sidebar frame > border, filechooser .sidebar .frame, .nautilus-window .sidebar frame > border, .nautilus-window .sidebar .frame, .nemo-window .sidebar frame > border, .nemo-window .sidebar .frame {
  2090. border: none; }
  2091. filechooser .sidebar row:not(:selected), filechooser .sidebar view row:not(:selected), filechooser .sidebar row.sidebar-row:not(:selected), .nautilus-window .sidebar row:not(:selected), .nautilus-window .sidebar view row:not(:selected), .nautilus-window .sidebar row.sidebar-row:not(:selected), .nemo-window .sidebar row:not(:selected), .nemo-window .sidebar view row:not(:selected), .nemo-window .sidebar row.sidebar-row:not(:selected) {
  2092. color: #FFFFFF; }
  2093. filechooser .sidebar .expander, .nautilus-window .sidebar .expander, .nemo-window .sidebar .expander {
  2094. color: #FFFFFF; }
  2095. filechooser .sidebar .expander:hover, .nautilus-window .sidebar .expander:hover, .nemo-window .sidebar .expander:hover {
  2096. color: #4D4D4D; }
  2097. .caja-navigation-window .caja-side-pane {
  2098. background-color: #191919; }
  2099. .caja-navigation-window .caja-side-pane .view:not(:selected), .caja-navigation-window .caja-side-pane iconview {
  2100. border: none;
  2101. color: #FFFFFF;
  2102. background-color: transparent; }
  2103. .caja-navigation-window .caja-side-pane frame > border, .caja-navigation-window .caja-side-pane .frame {
  2104. border: none; }
  2105. .caja-navigation-window .caja-side-pane row:not(:selected), .caja-navigation-window .caja-side-pane view row:not(:selected), .caja-navigation-window .caja-side-pane row.sidebar-row:not(:selected) {
  2106. color: #FFFFFF; }
  2107. .caja-navigation-window .caja-side-pane .expander {
  2108. color: #FFFFFF; }
  2109. .caja-navigation-window .caja-side-pane .expander:hover {
  2110. color: #4D4D4D; }
  2111. stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list {
  2112. border-right: 1px solid shade(#FFFFFF, 0.2);
  2113. border-left-style: none; }
  2114. stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list {
  2115. border-left: 1px solid shade(#FFFFFF, 0.2);
  2116. border-right-style: none; }
  2117. stacksidebar row {
  2118. padding: 10px 4px; }
  2119. stacksidebar row > label {
  2120. padding-left: 6px;
  2121. padding-right: 6px; }
  2122. stacksidebar row.needs-attention > label {
  2123. background-size: 6px 6px, 0 0; }
  2124. placessidebar > viewport.frame {
  2125. border-style: none; }
  2126. placessidebar row {
  2127. min-height: 36px;
  2128. padding: 0px; }
  2129. placessidebar row > revealer {
  2130. padding: 0 14px; }
  2131. placessidebar row image.sidebar-icon {
  2132. opacity: 1; }
  2133. placessidebar row image.sidebar-icon:dir(ltr) {
  2134. padding-right: 8px; }
  2135. placessidebar row image.sidebar-icon:dir(rtl) {
  2136. padding-left: 8px; }
  2137. placessidebar row label.sidebar-label:dir(ltr) {
  2138. padding-right: 2px; }
  2139. placessidebar row label.sidebar-label:dir(rtl) {
  2140. padding-left: 2px; }
  2141. placessidebar row.sidebar-new-bookmark-row {
  2142. color: #4D4D4D; }
  2143. placessidebar row:drop(active):not(:disabled) {
  2144. color: #4D4D4D;
  2145. box-shadow: inset 0 1px #4D4D4D, inset 0 -1px #4D4D4D; }
  2146. placessidebar row:drop(active):not(:disabled):selected {
  2147. color: #FFFFFF;
  2148. background-color: #4D4D4D; }
  2149. button.sidebar-button, button.sidebar-button:backdrop {
  2150. min-width: 22px;
  2151. min-height: 22px;
  2152. margin-top: 2px;
  2153. margin-bottom: 2px;
  2154. padding: 0;
  2155. border-radius: 100%;
  2156. color: #FFFFFF;
  2157. -gtk-outline-radius: 100%; }
  2158. button.sidebar-button:hover, button.sidebar-button:active {
  2159. color: #FFFFFF; }
  2160. button.sidebar-button:not(:hover):not(:active) > image {
  2161. opacity: 0.5; }
  2162. actionbar {
  2163. padding: 4px;
  2164. border-width: 1px 0 0 0;
  2165. border-style: solid;
  2166. border-color: shade(#FFFFFF, 0.2);
  2167. color: #FFFFFF;
  2168. background-color: #191919; }
  2169. actionbar:backdrop {
  2170. border-color: shade(#FFFFFF, 0.2);
  2171. color: #FFFFFF;
  2172. background-color: #191919; }
  2173. actionbar button.text-button {
  2174. padding: 4px; }
  2175. actionbar button .image-button {
  2176. padding: 6px; }
  2177. actionbar .title {
  2178. font-weight: bold;
  2179. padding: 0 12px; }
  2180. actionbar .subtitle {
  2181. font-size: smaller;
  2182. padding: 0 12px; }
  2183. searchbar {
  2184. border-width: 0 0 1px 0;
  2185. border-style: solid;
  2186. border-color: shade(#FFFFFF, 0.2);
  2187. background-color: #191919; }
  2188. .nautilus-window .searchbar-container {
  2189. margin-top: -1px; }
  2190. .app-notification {
  2191. border-style: solid;
  2192. border-color: shade(#FFFFFF, 0.2);
  2193. border-width: 1px;
  2194. border-radius: 0;
  2195. margin: 5px;
  2196. padding: 8px;
  2197. background-color: #202020;
  2198. color: #FFFFFF; }
  2199. .app-notification border {
  2200. border: none; }
  2201. .background.osd {
  2202. color: #FFFFFF;
  2203. background-color: mix(#191919, #FFFFFF, 0.2); }
  2204. .osd frame {
  2205. background-clip: border-box;
  2206. background-origin: border-box; }
  2207. .osd button, button.osd {
  2208. padding: 4px;
  2209. border-width: 1px;
  2210. border-style: solid;
  2211. border-color: shade(mix(#191919, #FFFFFF, 0.2), 0.8);
  2212. border-radius: 0px;
  2213. background-color: shade(mix(#191919, #FFFFFF, 0.2), 1.08);
  2214. color: #FFFFFF; }
  2215. .osd button:hover, button.osd:hover {
  2216. border-color: shade(mix(#191919, #FFFFFF, 0.2), 0.7);
  2217. background-color: shade(mix(#191919, #FFFFFF, 0.2), 1.1);
  2218. color: #FFFFFF; }
  2219. .osd button:active, .osd button:checked, button.osd:active, button.osd:checked {
  2220. border-color: shade(mix(#191919, #FFFFFF, 0.2), 0.8);
  2221. background-color: shade(mix(#191919, #FFFFFF, 0.2), 0.95);
  2222. color: #FFFFFF; }
  2223. .osd button:disabled, button.osd:disabled {
  2224. border-color: shade(mix(#191919, #FFFFFF, 0.2), 0.85);
  2225. background-color: shade(mix(#191919, #FFFFFF, 0.2), 0.9);
  2226. color: alpha(#FFFFFF, 0.8); }
  2227. .osd button:checked:disabled, button.osd:checked:disabled {
  2228. background-color: shade(mix(#191919, #FFFFFF, 0.2), 0.8); }
  2229. .osd toolbar, toolbar.osd {
  2230. -GtkToolbar-button-relief: normal;
  2231. padding: 4px;
  2232. border-width: 1px;
  2233. border-style: solid;
  2234. border-radius: 0;
  2235. border-color: shade(mix(#191919, #FFFFFF, 0.2), 0.8);
  2236. background-color: mix(#191919, #FFFFFF, 0.2);
  2237. color: #FFFFFF; }
  2238. .osd toolbar button, toolbar.osd button {
  2239. padding: 2px 4px;
  2240. border-width: 1px;
  2241. border-style: solid;
  2242. border-color: shade(mix(#191919, #FFFFFF, 0.2), 0.8);
  2243. border-radius: 0px;
  2244. background-color: shade(mix(#191919, #FFFFFF, 0.2), 1.08);
  2245. color: #FFFFFF; }
  2246. .osd toolbar button:hover, toolbar.osd button:hover {
  2247. border-color: shade(mix(#191919, #FFFFFF, 0.2), 0.7);
  2248. background-color: shade(mix(#191919, #FFFFFF, 0.2), 1.1);
  2249. color: #FFFFFF; }
  2250. .osd toolbar button:active, .osd toolbar button:checked, toolbar.osd button:active, toolbar.osd button:checked {
  2251. border-color: shade(mix(#191919, #FFFFFF, 0.2), 0.8);
  2252. background-color: shade(mix(#191919, #FFFFFF, 0.2), 0.95);
  2253. color: #FFFFFF; }
  2254. .osd toolbar button:disabled, toolbar.osd button:disabled {
  2255. border-color: shade(mix(#191919, #FFFFFF, 0.2), 0.85);
  2256. background-color: shade(mix(#191919, #FFFFFF, 0.2), 0.9);
  2257. color: alpha(#FFFFFF, 0.8); }
  2258. .osd toolbar button:checked:disabled, toolbar.osd button:checked:disabled {
  2259. border-color: shade(mix(#191919, #FFFFFF, 0.2), 0.75);
  2260. background-color: shade(mix(#191919, #FFFFFF, 0.2), 0.8); }
  2261. .osd toolbar separator, toolbar.osd separator {
  2262. color: shade(mix(#191919, #FFFFFF, 0.2), 0.9); }
  2263. .osd scale slider, scale.osd slider {
  2264. background-color: #4D4D4D; }
  2265. .osd scale slider:hover, scale.osd slider:hover {
  2266. background-color: #4D4D4D; }
  2267. .osd scale slider:disabled, scale.osd slider:disabled {
  2268. background-color: mix(mix(#191919, #FFFFFF, 0.2), #FFFFFF, 0.15); }
  2269. .osd scale trough, scale.osd trough {
  2270. border-color: mix(mix(#191919, #FFFFFF, 0.2), #FFFFFF, 0.15); }
  2271. .osd scale trough:disabled, scale.osd trough:disabled {
  2272. border-color: shade(mix(#191919, #FFFFFF, 0.2), 0.85);
  2273. background-color: transparent; }
  2274. .osd scale highlight, scale.osd highlight {
  2275. border-color: #4D4D4D;
  2276. background-color: #4D4D4D; }
  2277. .osd progress, progress.osd {
  2278. background-color: #FFFFFF; }
  2279. .osd progressbar, progressbar.osd {
  2280. padding: 0; }
  2281. .osd progressbar trough, progressbar.osd trough {
  2282. padding: 0;
  2283. border-style: none;
  2284. border-radius: 0;
  2285. background-color: transparent; }
  2286. .osd progressbar progress, progressbar.osd progress {
  2287. border-style: none;
  2288. border-radius: 0;
  2289. background-color: #4D4D4D; }
  2290. .osd scrollbar trough, scrollbar.osd trough {
  2291. background-color: transparent; }
  2292. .osd scrollbar slider, scrollbar.osd slider {
  2293. border-width: 0px;
  2294. border-radius: 6px;
  2295. background-color: mix(#191919, #FFFFFF, 0.21); }
  2296. .osd scrollbar slider:hover, scrollbar.osd slider:hover {
  2297. border-color: mix(#191919, #FFFFFF, 0.31);
  2298. background-color: mix(#191919, #FFFFFF, 0.31); }
  2299. .osd scrollbar slider:active, scrollbar.osd slider:active {
  2300. border-color: mix(#191919, #FFFFFF, 0.31);
  2301. background-color: mix(#191919, #FFFFFF, 0.1); }
  2302. .osd view, view.osd, .osd.view {
  2303. background-color: #191919; }
  2304. .osd view:selected, .osd view:selected:focus, view.osd:selected, view.osd:selected:focus, .osd.view:selected, .osd.view:selected:focus {
  2305. background-color: transparent;
  2306. border-style: solid;
  2307. border-radius: 0;
  2308. border-width: 3px;
  2309. border-color: #FFFFFF;
  2310. outline-color: transparent; }
  2311. button.destructive-action {
  2312. border-width: 1px;
  2313. border-style: solid;
  2314. border-color: mix(#CC0000, #FFFFFF, 0.2);
  2315. border-radius: 0px;
  2316. color: mix(#FFFFFF, #CC0000, 0.1);
  2317. background-color: #CC0000; }
  2318. button.destructive-action:hover {
  2319. border-color: mix(#CC0000, #FFFFFF, 0.3);
  2320. background-color: mix(#CC0000, #FFFFFF, 0.2); }
  2321. button.destructive-action:active {
  2322. border-color: mix(#CC0000, #FFFFFF, 0.3);
  2323. background-color: mix(#CC0000, #FFFFFF, 0.1); }
  2324. button.destructive-action:backdrop {
  2325. border-color: mix(#CC0000, #FFFFFF, 0.2);
  2326. color: mix(#FFFFFF, #CC0000, 0.1);
  2327. background-color: mix(#CC0000, #191919, 0.3); }
  2328. button.suggested-action {
  2329. border-color: shade(#4D4D4D, 0.6);
  2330. box-shadow: inset 0 0 0 1px shade(#4D4D4D, 0.6); }
  2331. button.suggested-action:hover {
  2332. border-color: shade(#4D4D4D, 0.6);
  2333. box-shadow: inset 0 0 0 1px shade(#4D4D4D, 0.6); }
  2334. headerbar button.suggested-action {
  2335. border-color: shade(#4D4D4D, 0.6);
  2336. box-shadow: inset 0 0 0 1px shade(#4D4D4D, 0.6); }
  2337. headerbar button.suggested-action:hover {
  2338. border-color: shade(#4D4D4D, 0.6);
  2339. box-shadow: inset 0 0 0 1px shade(#4D4D4D, 0.6); }
  2340. toolbar.selection-mode {
  2341. padding: 4px; }
  2342. headerbar.selection-mode, toolbar.selection-mode {
  2343. border-color: mix(#4D4D4D, #FFFFFF, 0.6);
  2344. color: #FFFFFF;
  2345. background-color: mix(#4D4D4D, #FFFFFF, 0.6); }
  2346. headerbar.selection-mode:backdrop, toolbar.selection-mode:backdrop {
  2347. border-color: mix(#4D4D4D, #FFFFFF, 0.6);
  2348. color: #FFFFFF;
  2349. background-color: mix(#4D4D4D, #FFFFFF, 0.6); }
  2350. headerbar.selection-mode button, toolbar.selection-mode button {
  2351. border-width: 1px;
  2352. border-style: solid;
  2353. border-color: mix(#4D4D4D, #FFFFFF, 0.7);
  2354. border-radius: 0px;
  2355. color: mix(#4D4D4D, #FFFFFF, 0.2);
  2356. background-color: mix(#4D4D4D, #FFFFFF, 0.7); }
  2357. headerbar.selection-mode button:hover, toolbar.selection-mode button:hover {
  2358. border-color: mix(#4D4D4D, #FFFFFF, 0.75);
  2359. background-color: mix(#4D4D4D, #FFFFFF, 0.75); }
  2360. headerbar.selection-mode button:active, headerbar.selection-mode button:checked, toolbar.selection-mode button:active, toolbar.selection-mode button:checked {
  2361. border-color: mix(#4D4D4D, #FFFFFF, 0.45);
  2362. background-color: mix(#4D4D4D, #FFFFFF, 0.45); }
  2363. headerbar.selection-mode button:active:backdrop, headerbar.selection-mode button:checked:backdrop, toolbar.selection-mode button:active:backdrop, toolbar.selection-mode button:checked:backdrop {
  2364. border-color: mix(#4D4D4D, #FFFFFF, 0.45);
  2365. background-color: mix(#4D4D4D, #FFFFFF, 0.45); }
  2366. headerbar.selection-mode button:backdrop, toolbar.selection-mode button:backdrop {
  2367. border-color: mix(#4D4D4D, #FFFFFF, 0.75);
  2368. color: mix(#4D4D4D, #FFFFFF, 0.3);
  2369. background-color: mix(#4D4D4D, #FFFFFF, 0.75); }
  2370. headerbar.selection-mode button.suggested-action, toolbar.selection-mode button.suggested-action {
  2371. border-color: shade(#4D4D4D, 0.6);
  2372. box-shadow: inset 0 0 0 1px shade(#4D4D4D, 0.6); }
  2373. headerbar.selection-mode button.suggested-action:hover, toolbar.selection-mode button.suggested-action:hover {
  2374. border-color: shade(#4D4D4D, 0.6);
  2375. box-shadow: inset 0 0 0 1px shade(#4D4D4D, 0.6); }
  2376. headerbar.selection-mode .selection-menu button, toolbar.selection-mode .selection-menu button {
  2377. border-style: none;
  2378. background-color: transparent;
  2379. color: shade(#4D4D4D, 0.8); }
  2380. headerbar.selection-mode .selection-menu button .dim-label, toolbar.selection-mode .selection-menu button .dim-label {
  2381. color: shade(#4D4D4D, 0.7); }
  2382. decoration {
  2383. border-radius: 0px 0px 0 0;
  2384. border-width: 0px;
  2385. box-shadow: 0 3px 9px 1px alpha(#000000, 0.3), 0 0 0 1px alpha(#000000, 0.23);
  2386. margin: 10px; }
  2387. decoration:backdrop {
  2388. box-shadow: 0 3px 9px 1px transparent, 0 2px 6px 2px alpha(#000000, 0.2), 0 0 0 1px alpha(#000000, 0.18); }
  2389. .maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration {
  2390. border-radius: 0; }
  2391. .popup decoration {
  2392. box-shadow: none; }
  2393. .csd.popup decoration {
  2394. border-radius: 0px;
  2395. box-shadow: 0 0 0 1px alpha(#000000, 0.1); }
  2396. .ssd decoration {
  2397. border-radius: 0px 0px 0 0;
  2398. box-shadow: 0 0 0 1px alpha(#000000, 0.1); }
  2399. .ssd decoration.maximized {
  2400. border-radius: 0; }
  2401. tooltip.csd decoration {
  2402. border-radius: 0px;
  2403. box-shadow: none; }
  2404. .solid-csd decoration {
  2405. margin: 1px;
  2406. border-radius: 0px;
  2407. background-color: alpha(white, 0.95);
  2408. box-shadow: none; }
  2409. messagedialog .background.csd {
  2410. border-radius: 0px 0px 0 0;
  2411. color: #FFFFFF;
  2412. background-color: #191919; }
  2413. messagedialog decoration {
  2414. border-radius: 0px 0px 0 0;
  2415. box-shadow: 0 1px 2px alpha(black, 0.2); }
  2416. messagedialog .titlebar.horizontal {
  2417. border: none;
  2418. background-color: #191919; }
  2419. messagedialog.csd .dialog-action-area button {
  2420. margin: 0;
  2421. padding: 10px;
  2422. border-radius: 0;
  2423. border-bottom-style: none;
  2424. -gtk-outline-radius: 0; }
  2425. messagedialog.csd .dialog-action-area button:last-child {
  2426. border-right-width: 0;
  2427. border-radius: 0px; }
  2428. messagedialog.csd .dialog-action-area button:first-child {
  2429. border-left-width: 0;
  2430. border-radius: 0px; }
  2431. messagedialog.csd .dialog-action-area button:only-child {
  2432. border-radius: 0px; }
  2433. .caja-desktop, .nemo-desktop.nemo-canvas-item, .nautilus-desktop.nautilus-canvas-item {
  2434. color: #FFFFFF;
  2435. text-shadow: 1px 1px alpha(black, 0.8); }
  2436. .caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, .nautilus-desktop.nautilus-canvas-item:active {
  2437. color: #FFFFFF; }
  2438. .caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, .nautilus-desktop.nautilus-canvas-item:selected {
  2439. color: #FFFFFF;
  2440. text-shadow: none; }
  2441. panel-toplevel.background, panel-toplevel.background menubar {
  2442. background-color: #000000;
  2443. color: #FFFFFF; }
  2444. panel-toplevel.background menubar, panel-toplevel.background #PanelApplet label, panel-toplevel.background #PanelApplet image {
  2445. color: #FFFFFF; }
  2446. panel-toplevel.background menubar > menuitem, panel-toplevel.background menubar > menuitem label:backdrop {
  2447. color: #FFFFFF; }
  2448. panel-toplevel.background menubar > menuitem:hover, panel-toplevel.background menubar > menuitem:hover label:backdrop {
  2449. color: #FFFFFF; }
  2450. panel-toplevel.background button {
  2451. color: #FFFFFF;
  2452. background-color: #000000;
  2453. border-radius: 0;
  2454. border: none; }
  2455. panel-toplevel.background button:hover {
  2456. border: none;
  2457. background-color: mix(#000000, #FFFFFF, 0.15); }
  2458. panel-toplevel.background button:active, panel-toplevel.background button:checked {
  2459. color: #FFFFFF;
  2460. border: none;
  2461. background-color: mix(#000000, #FFFFFF, 0.05); }
  2462. #tasklist-button {
  2463. color: #FFFFFF;
  2464. border-radius: 0;
  2465. border: none;
  2466. box-shadow: inset 0 -2px shade(#4D4D4D, 0.8), inset 4px 0 #000000, inset -4px 0 #000000;
  2467. background-color: transparent;
  2468. padding-bottom: 0;
  2469. padding-top: 0; }
  2470. #tasklist-button:hover {
  2471. background-color: mix(#000000, #FFFFFF, 0.15); }
  2472. #tasklist-button:checked, #tasklist-button:active {
  2473. background-color: alpha(shade(#4D4D4D, 0.6), 0.3);
  2474. box-shadow: inset 0 -2px shade(#4D4D4D, 0.8); }
  2475. #tasklist-button label {
  2476. color: #FFFFFF; }
  2477. #tasklist-button label:hover {
  2478. color: #FFFFFF; }
  2479. #tasklist-button label:checked {
  2480. color: #FFFFFF; }
  2481. panel-toplevel.background na-tray-applet {
  2482. -NaTrayApplet-icon-padding: 0;
  2483. -NaTrayApplet-icon-size: 16px; }
  2484. .mate-panel-menu-bar menubar > menuitem {
  2485. color: #FFFFFF;
  2486. background-color: #000000; }
  2487. .mate-panel-menu-bar {
  2488. color: #FFFFFF;
  2489. background-color: #000000; }
  2490. .mate-panel-menu-bar, .mate-panel-menu-bar .menubar {
  2491. background-color: #000000; }
  2492. .mate-panel-menu-bar menubar, .mate-panel-menu-bar menubar menuitem, .mate-panel-menu-bar togglebutton {
  2493. border-color: transparent;
  2494. background-color: transparent; }
  2495. .mate-panel-menu-bar menubar menuitem:hover, .mate-panel-menu-bar menubar menuitem:active {
  2496. color: #FFFFFF;
  2497. background-color: #4D4D4D; }
  2498. .mate-panel-menu-bar .menubar > .menuitem {
  2499. padding-top: 0;
  2500. padding-bottom: 0; }
  2501. .mate-panel-menu-bar GtkMenu .label {
  2502. color: #FFFFFF;
  2503. font-style: normal; }
  2504. .mate-panel-menu-bar GtkMenu .label:disabled {
  2505. color: mix(#FFFFFF, #191919, 0.5); }
  2506. .mate-panel-menu-bar button, .mate-panel-menu-bar button.flat {
  2507. background-color: transparent; }
  2508. .mate-panel-menu-bar > .button:not(#tasklist-button) {
  2509. color: #FFFFFF;
  2510. background-color: #000000;
  2511. border-radius: 0;
  2512. border: none; }
  2513. .mate-panel-menu-bar > .button:not(#tasklist-button):hover {
  2514. border: none;
  2515. background-color: mix(#000000, #FFFFFF, 0.15); }
  2516. .mate-panel-menu-bar > .button:not(#tasklist-button):active, .mate-panel-menu-bar > .button:not(#tasklist-button):checked {
  2517. color: #FFFFFF;
  2518. border: none;
  2519. background-color: mix(#000000, #FFFFFF, 0.05); }
  2520. .mate-panel-menu-bar #tasklist-button {
  2521. color: #FFFFFF;
  2522. border-radius: 0;
  2523. border: none;
  2524. box-shadow: inset 0 -2px shade(#4D4D4D, 0.8), inset 4px 0 #000000, inset -4px 0 #000000;
  2525. background-color: transparent;
  2526. padding-bottom: 0;
  2527. padding-top: 0; }
  2528. .mate-panel-menu-bar #tasklist-button:hover {
  2529. background-color: mix(#000000, #FFFFFF, 0.15); }
  2530. .mate-panel-menu-bar #tasklist-button:checked, .mate-panel-menu-bar #tasklist-button:active {
  2531. background-color: alpha(shade(#4D4D4D, 0.6), 0.3);
  2532. box-shadow: inset 0 -2px shade(#4D4D4D, 0.8); }
  2533. .mate-panel-menu-bar PanelSeparator {
  2534. color: shade(#000000, 0.7);
  2535. padding-top: 4px;
  2536. padding-bottom: 4px; }
  2537. .mate-panel-menu-bar NaTrayApplet {
  2538. -NaTrayApplet-icon-padding: 2; }
  2539. .mate-panel-menu-bar #PanelApplet label {
  2540. color: #FFFFFF; }
  2541. .mate-panel-menu-bar .caja-desktop.entry, .mate-panel-menu-bar .caja-navigation-window .view.entry {
  2542. background-image: none;
  2543. border-radius: 0px;
  2544. box-shadow: none;
  2545. border-color: shade(#4D4D4D, 0.6);
  2546. background-color: #202020; }
  2547. .mate-panel-menu-bar .caja-desktop.entry:selected, .mate-panel-menu-bar .caja-navigation-window .view.entry:selected {
  2548. color: #FFFFFF;
  2549. background-color: #4D4D4D; }
  2550. .mintmenu:hover {
  2551. background-color: shade(#000000, 1.1); }
  2552. .mintmenu:selected {
  2553. color: #FFFFFF;
  2554. background-color: #4D4D4D; }
  2555. .wnck-pager {
  2556. background-color: alpha(black, 0.04); }
  2557. .wnck-pager:selected {
  2558. background-color: alpha(#4D4D4D, 0.3); }
  2559. .wnck-pager:hover {
  2560. background-color: alpha(#4D4D4D, 0.2); }
  2561. .xfce4-panel.background {
  2562. background-color: #000000; }
  2563. .xfce4-panel.background button.flat, .xfce4-panel.background button.sidebar-button {
  2564. color: #FFFFFF;
  2565. background-color: #000000;
  2566. border-radius: 0;
  2567. border: none; }
  2568. .xfce4-panel.background button.flat:hover, .xfce4-panel.background button.sidebar-button:hover {
  2569. border: none;
  2570. background-color: mix(#000000, #FFFFFF, 0.15); }
  2571. .xfce4-panel.background button.flat:active, .xfce4-panel.background button.flat:checked, .xfce4-panel.background button.sidebar-button:active, .xfce4-panel.background button.sidebar-button:checked {
  2572. color: #FFFFFF;
  2573. border: none;
  2574. background-color: mix(#000000, #FFFFFF, 0.05); }
  2575. .xfce4-panel.background .tasklist button {
  2576. color: #FFFFFF;
  2577. border-radius: 0;
  2578. border: none;
  2579. box-shadow: inset 0 -2px shade(#4D4D4D, 0.8), inset 4px 0 #000000, inset -4px 0 #000000;
  2580. background-color: transparent;
  2581. padding-bottom: 0;
  2582. padding-top: 0; }
  2583. .xfce4-panel.background .tasklist button:hover {
  2584. background-color: mix(#000000, #FFFFFF, 0.15); }
  2585. .xfce4-panel.background .tasklist button:checked, .xfce4-panel.background .tasklist button:active {
  2586. background-color: alpha(shade(#4D4D4D, 0.6), 0.3);
  2587. box-shadow: inset 0 -2px shade(#4D4D4D, 0.8); }
  2588. #XfceNotifyWindow.osd {
  2589. background-color: #191919;
  2590. color: #FFFFFF;
  2591. border-radius: 0px;
  2592. border: none; }
  2593. #XfceNotifyWindow.osd label #summary {
  2594. font-weight: bold; }
  2595. #XfceNotifyWindow.osd button {
  2596. padding: 3px;
  2597. border-style: solid;
  2598. border-width: 1px;
  2599. border-radius: 0px;
  2600. color: #FFFFFF;
  2601. border-color: shade(#FFFFFF, 0.2);
  2602. background-color: #191919; }
  2603. #XfceNotifyWindow.osd button:hover {
  2604. color: #FFFFFF;
  2605. border-color: shade(#4D4D4D, 0.7);
  2606. background-color: shade(#4D4D4D, 1.02); }
  2607. #XfceNotifyWindow.osd button:active, #XfceNotifyWindow.osd button:checked {
  2608. color: #FFFFFF;
  2609. border-color: shade(#4D4D4D, 0.8);
  2610. background-color: shade(#4D4D4D, 0.95); }
  2611. #XfceNotifyWindow.osd button:active:backdrop, #XfceNotifyWindow.osd button:checked:backdrop {
  2612. color: #FFFFFF;
  2613. border-color: shade(#191919, 0.85);
  2614. background-color: shade(#191919, 0.85); }
  2615. #XfceNotifyWindow.osd button:active:disabled, #XfceNotifyWindow.osd button:checked:disabled {
  2616. color: mix(#FFFFFF, mix(#FFFFFF, #191919, 0.75), 0.1);
  2617. border-color: mix(#191919, mix(#FFFFFF, #191919, 0.95), 0.6);
  2618. background-color: mix(#191919, mix(#FFFFFF, #191919, 0.95), 0.2); }
  2619. #XfceNotifyWindow.osd button:active:disabled:backdrop, #XfceNotifyWindow.osd button:checked:disabled:backdrop {
  2620. color: mix(#FFFFFF, #191919, 0.75);
  2621. border-color: shade(#FFFFFF, 0.2);
  2622. background-color: mix(#191919, mix(#FFFFFF, #191919, 0.95), 0.2); }
  2623. #XfceNotifyWindow.osd button:focus, #XfceNotifyWindow.osd button:hover:focus, #XfceNotifyWindow.osd button:active:focus, #XfceNotifyWindow.osd button:active:hover:focus {
  2624. border-color: shade(#4D4D4D, 0.7); }
  2625. #XfceNotifyWindow.osd button:disabled {
  2626. color: mix(#FFFFFF, mix(#FFFFFF, #191919, 0.75), 0.1);
  2627. border-color: mix(#191919, mix(#FFFFFF, #191919, 0.95), 0.6);
  2628. background-color: mix(#191919, mix(#FFFFFF, #191919, 0.95), 0.1); }
  2629. #XfceNotifyWindow.osd button:disabled:backdrop {
  2630. color: mix(#FFFFFF, #191919, 0.75);
  2631. border-color: shade(#FFFFFF, 0.2);
  2632. background-color: mix(#FFFFFF, #191919, 0.98); }
  2633. #XfceNotifyWindow.osd button:backdrop {
  2634. border-color: shade(#FFFFFF, 0.2);
  2635. color: #FFFFFF;
  2636. background-color: #191919; }
  2637. .nemo-window .nemo-window-pane widget.entry {
  2638. border: 1px solid;
  2639. border-radius: 3px;
  2640. border-color: #4D4D4D;
  2641. color: #FFFFFF;
  2642. background-color: #202020; }
  2643. .nemo-window .nemo-window-pane widget.entry:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus {
  2644. color: #FFFFFF;
  2645. background-color: #4D4D4D; }
  2646. UnityDecoration {
  2647. -UnityDecoration-extents: 28px 0 0 0;
  2648. -UnityDecoration-input-extents: 10px;
  2649. -UnityDecoration-shadow-offset-x: 1px;
  2650. -UnityDecoration-shadow-offset-y: 1px;
  2651. -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.7);
  2652. -UnityDecoration-active-shadow-radius: 8px;
  2653. -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.5);
  2654. -UnityDecoration-inactive-shadow-radius: 5px;
  2655. -UnityDecoration-glow-size: 10px;
  2656. -UnityDecoration-glow-color: #4D4D4D;
  2657. -UnityDecoration-title-indent: 10px;
  2658. -UnityDecoration-title-fade: 35px;
  2659. -UnityDecoration-title-alignment: 0.0; }
  2660. UnityDecoration .top {
  2661. border: none;
  2662. border-radius: 0px 0px 0 0;
  2663. padding: 1px 8px 0 8px;
  2664. background-color: #191919;
  2665. color: mix(#FFFFFF, #191919, 0.1);
  2666. text-shadow: none; }
  2667. UnityDecoration .top:backdrop {
  2668. background-color: #191919;
  2669. color: mix(#FFFFFF, #191919, 0.4); }
  2670. UnityDecoration .left, UnityDecoration .right, UnityDecoration.bottom {
  2671. background-color: #191919; }
  2672. UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration.bottom:backdrop {
  2673. background-color: #191919; }
  2674. UnityDecoration.menuitem, UnityDecoration .menuitem {
  2675. border-radius: 0; }
  2676. UnityDecoration.menuitem:hover, UnityDecoration.menuitem *:hover, UnityDecoration .menuitem:hover, UnityDecoration .menuitem *:hover {
  2677. background-color: #4D4D4D;
  2678. color: #FFFFFF; }
  2679. UnityPanelWidget, .unity-panel {
  2680. border-width: 0 0 1px 0;
  2681. border-style: solid;
  2682. border-color: #000000;
  2683. background-color: #000000;
  2684. color: #FFFFFF; }
  2685. UnityPanelWidget.menuitem, UnityPanelWidget .menuitem, .unity-panel.menuitem, .unity-panel .menuitem {
  2686. border-width: 0 1px;
  2687. color: #FFFFFF; }
  2688. @keyframes playbackmenuitem_spinner {
  2689. to {
  2690. -gtk-icon-transform: rotate(1turn); } }
  2691. .menu IdoPlaybackMenuItem.menuitem:active {
  2692. -gtk-icon-source: -gtk-icontheme("process-working-symbolic");
  2693. animation: playbackmenuitem_spinner 1s infinite linear;
  2694. color: #4D4D4D; }
  2695. /* GTK NAMED COLORS - use responsibly! */
  2696. /* widget text/foreground color */
  2697. @define-color theme_fg_color #FFFFFF;
  2698. /* text color for entries, views and content in general */
  2699. @define-color theme_text_color #FFFFFF;
  2700. /* widget base background color */
  2701. @define-color theme_bg_color #191919;
  2702. /* text widgets and the like base background color */
  2703. @define-color theme_base_color #202020;
  2704. /* base background color of selections */
  2705. @define-color theme_selected_bg_color #4D4D4D;
  2706. /* text/foreground color of selections */
  2707. @define-color theme_selected_fg_color #FFFFFF;
  2708. /* base background color of insensitive widgets */
  2709. @define-color insensitive_bg_color mix(#FFFFFF, #191919, 0.95);
  2710. /* text foreground color of insensitive widgets */
  2711. @define-color insensitive_fg_color mix(#FFFFFF, #191919, 0.5);
  2712. /* insensitive text widgets and the like base background color */
  2713. @define-color insensitive_base_color #202020;
  2714. /* widget text/foreground color on backdrop windows */
  2715. @define-color theme_unfocused_fg_color #FFFFFF;
  2716. /* text color for entries, views and content in general on backdrop windows */
  2717. @define-color theme_unfocused_text_color #FFFFFF;
  2718. /* widget base background color on backdrop windows */
  2719. @define-color theme_unfocused_bg_color #191919;
  2720. /* text widgets and the like base background color on backdrop windows */
  2721. @define-color theme_unfocused_base_color #202020;
  2722. /* base background color of selections on backdrop windows */
  2723. @define-color theme_unfocused_selected_bg_color #4D4D4D;
  2724. /* text/foreground color of selections on backdrop windows */
  2725. @define-color theme_unfocused_selected_fg_color #FFFFFF;
  2726. /* insensitive color on backdrop windows*/
  2727. @define-color unfocused_insensitive_color mix(#FFFFFF, #191919, 0.75);
  2728. /* widgets main borders color */
  2729. @define-color borders shade(#FFFFFF, 0.2);
  2730. /* widgets main borders color on backdrop windows */
  2731. @define-color unfocused_borders shade(#FFFFFF, 0.2);
  2732. /* these are pretty self explicative */
  2733. @define-color warning_color #FF9900;
  2734. @define-color error_color #CC0000;
  2735. @define-color success_color #06B025;
  2736. /* these colors are exported for the window manager and shouldn't be used in applications,
  2737. read if you used those and something break with a version upgrade you're on your own... */
  2738. @define-color wm_title shade(#FFFFFF, 1.8);
  2739. @define-color wm_unfocused_title #FFFFFF;
  2740. @define-color wm_highlight #000000;
  2741. @define-color wm_borders_edge shade(#FFFFFF, 0.2);
  2742. @define-color wm_bg_a shade(#191919, 1.2);
  2743. @define-color wm_bg_b #191919;
  2744. @define-color wm_shadow alpha(#000000, 0.35);
  2745. @define-color wm_border alpha(#000000, 0.18);
  2746. @define-color wm_button_hover_color_a shade(#191919, 1.3);
  2747. @define-color wm_button_hover_color_b #191919;
  2748. @define-color wm_button_active_color_a shade(#191919, 0.85);
  2749. @define-color wm_button_active_color_b shade(#191919, 0.89);
  2750. @define-color wm_button_active_color_c shade(#191919, 0.9);
  2751. @define-color content_view_bg #202020;