RawTherapee-GTK3-20_.css 31 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356
  1. /*
  2. This file is part of RawTherapee.
  3. Copyright (c) 2015-2017 DrSlony
  4. Copyright (c) 2016-2019 Hombre
  5. Copyright (c) 2016-2019 TooWaBoo
  6. RawTherapee is free software: you can redistribute it and/or modify
  7. it under the terms of the GNU General Public License as published by
  8. the Free Software Foundation, either version 3 of the License, or
  9. (at your option) any later version.
  10. RawTherapee is distributed in the hope that it will be useful,
  11. but WITHOUT ANY WARRANTY; without even the implied warranty of
  12. MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
  13. GNU General Public License for more details.
  14. You should have received a copy of the GNU General Public License
  15. along with RawTherapee. If not, see <https://www.gnu.org/licenses/>.
  16. */
  17. /***************************/
  18. /**/ @import "size.css"; /**/
  19. /***************************/
  20. /* text-shadow causes a serious performance degradation in rendering the UI,
  21. * at least in comboboxes with many entries (i.e. Profiled Lens Correction).
  22. */
  23. * {
  24. color: #AAAAAA;
  25. text-shadow: none;
  26. }
  27. *:disabled {
  28. color: #666666;
  29. opacity: 0.7;
  30. }
  31. .view:selected:not(check):not(radio) {
  32. color: #262626;
  33. background-color: #AAAAAA
  34. }
  35. /* The Places and Dir browser panels */
  36. textview.view, treeview.view {
  37. padding: 0;
  38. margin: 0;
  39. }
  40. .view, .textview, textview, textview.view {
  41. background-color: #262626;
  42. }
  43. /* The headers of these panels */
  44. .view .button {
  45. background-color: #363636;
  46. /*padding: 0.1666666666666666em;*/
  47. }
  48. window > box {
  49. padding: 0.416666666666666666em;
  50. }
  51. window.background {
  52. background-color: #484848;
  53. }
  54. /*** Window decoration *********************************************************/
  55. @define-color winHeaderbar rgb(50,50,50);
  56. .csd:not(.popup):not(tooltip) > decoration {
  57. background-color: #484848;
  58. background-image: none;
  59. box-shadow: 0 0.25em 0.75em 0.083333333333333333em rgba(0, 0, 0, 0.5), 0 0 0 0.083333333333333333em #242424;
  60. }
  61. headerbar {
  62. background-color: shade(@winHeaderbar,1.12);
  63. box-shadow: inset 0 0.083333333333333333em rgba(200,200,200,.13);
  64. background-image: linear-gradient(shade(@winHeaderbar,1.14), shade(@winHeaderbar,.86));
  65. border-bottom-color: #242424;
  66. }
  67. dialog > box {
  68. padding: 0.666666666666666666em;
  69. }
  70. dialog.csd #PrefNotebook > header,
  71. dialog.csd #AboutNotebook > header,
  72. window.csd:not(.fullscreen) #MainNotebook > header.top {
  73. border-top-color: #484848;
  74. }
  75. /* Window state */
  76. .maximized > headerbar {
  77. border-radius: 0;
  78. }
  79. /**/
  80. /*** End Window decoration *****************************************************/
  81. arrow {
  82. min-width: 1.333333333333333333em;
  83. min-height: 1.333333333333333333em;
  84. }
  85. cellview {
  86. margin: -1px 0;
  87. }
  88. overshoot,
  89. undershoot {
  90. background-image: none; /* removes the dashed scrollbar line */
  91. }
  92. dialog.background {
  93. background-color: #484848;
  94. }
  95. box, grid {
  96. border-width: 0;
  97. border-style: none;
  98. border-radius: 0;
  99. margin: 0.083333333333333333em;
  100. padding: 0;
  101. min-height: 0.4166666666666666em;
  102. min-width: 0.4166666666666666em;
  103. }
  104. label {
  105. padding: 0.083333333333333333em 0;
  106. margin: 0.19em;
  107. min-height: 1.333333333333333333em;
  108. }
  109. /* Affects all frames except in the toolbox */
  110. frame {
  111. border-width: 0;
  112. border-color: #303030;
  113. border-radius: 0;
  114. border-style: solid;
  115. /*border-style: none none none solid;*/
  116. padding: 0;
  117. margin: 0;
  118. background-color: rgba(0,0,0,0.);
  119. min-height: 0;
  120. min-width: 0;
  121. }
  122. /* Create space between frame contents and frame border */
  123. frame border {
  124. border-width: 0.083333333333333333em;
  125. padding: 0.3333333333333333em;
  126. border-radius: 0.3333333333333333em;
  127. background-color: #383838;
  128. margin: 0;
  129. min-height: 0;
  130. min-width: 0;
  131. }
  132. frame > label {
  133. margin: 0 0 0 0.3333333333333333em;
  134. color: #D8D8D8;
  135. padding: 0.416666666666666666em 0;
  136. }
  137. /* affects selection list*/
  138. entry > window > frame {
  139. margin: 0;
  140. }
  141. tooltip {
  142. border-radius: 0.416666666666666666em;
  143. background-color: rgba(0,0,0,0.95);
  144. border-style: none;
  145. box-shadow: none;
  146. padding: 0;
  147. margin: 0;
  148. }
  149. treeview header button {
  150. background-image: linear-gradient(#343434, #2E2E2E, #292929);
  151. }
  152. /*** Separator *********************************************************************************/
  153. separator,
  154. .separator {
  155. border: none;
  156. min-width: 0.083333333333333333em;
  157. min-height: 0.083333333333333333em;
  158. }
  159. grid separator, box separator {
  160. background-color: rgba(0, 0, 0, 0.17);
  161. }
  162. grid separator.horizontal, box separator.horizontal {
  163. margin: 0.5em 0.25em;
  164. }
  165. grid separator.vertical, box separator.vertical {
  166. margin: 0.25em 0.5em;
  167. }
  168. popover separator:not(:only-child) {
  169. margin: 0 0.5em;
  170. }
  171. paned.horizontal > separator {
  172. margin: 0 0.16666666666666666em;
  173. }
  174. /* Double line separator */
  175. paned.vertical > separator {
  176. margin: 0.25em 0;
  177. }
  178. dialog paned.horizontal > separator {
  179. min-width: 0.333333333333333333em;
  180. }
  181. menu separator {
  182. margin: 0.25em 0.5em;
  183. }
  184. #Navigator separator {
  185. margin: 0;
  186. }
  187. .scrollableToolbar separator.vertical {
  188. margin: 0.19em;
  189. }
  190. #MyExpander separator.horizontal {
  191. margin: 0.25em 0.19em;
  192. }
  193. #MyFileChooserButton separator {
  194. }
  195. #PlacesPaned .view.separator {
  196. }
  197. #MetaPanelNotebook separator {
  198. margin: 0.19em 0;
  199. }
  200. /*** end****************************************************************************************/
  201. #FileBrowser {
  202. padding: 0.1666666666666666em;
  203. margin: 0;
  204. }
  205. #FileCatalog {
  206. background-color: #393939;
  207. }
  208. #FileCatalog:selected {
  209. background-color: #565656;
  210. }
  211. #BeforeAfterContainer frame {
  212. background-color: #262626;
  213. padding: 0;
  214. margin: 0.0833333333333333em;
  215. }
  216. #BeforeAfterContainer frame border {
  217. border-radius: 0;
  218. margin: 0;
  219. padding: 0;
  220. }
  221. /* Frames in the toolbox. Not MyExpander frames. */
  222. eventbox.frame {
  223. border-color: #565656;
  224. }
  225. /*** Load - Save dialog ************************************************************************/
  226. filechooser {
  227. margin-bottom: 0.25em;
  228. }
  229. filechooser box > box box > button {
  230. margin-top: 0.5em;
  231. margin-right: 0;
  232. }
  233. filechooser #pathbarbox {
  234. padding: 0.5em;
  235. }
  236. /* Right side */
  237. filechooser > box > paned > box:nth-child(3) {
  238. border-width: 0.083333333333333333em;
  239. padding: 0;
  240. margin: 0;
  241. }
  242. filechooser > box > paned > box:nth-child(3) > box > * > * > * > frame {
  243. padding: 0;
  244. margin: -0.6666666666666666em -0.083333333333333333em;
  245. }
  246. /**/
  247. filechooser placessidebar viewport.frame {
  248. padding: 0;
  249. margin: -0.3333333333333333em 0 -0.083333333333333333em;
  250. border-width: 0.083333333333333333em;
  251. }
  252. filechooser placessidebar list row image {
  253. min-width: 1.333333333333333333em;
  254. min-height: 1.333333333333333333em;
  255. }
  256. filechooser placessidebar list row {
  257. margin: 0;
  258. padding: 0 0.5em 0 0.83333333333333333em;
  259. min-height: calc(1.416666666666666666em + 8px);
  260. }
  261. filechooser placessidebar list row label{
  262. margin: 0 0 0 0.583333333333333333em;
  263. }
  264. /*** end ***************************************************************************************/
  265. /*** Scrollbar ***************************************/
  266. scrollbar {
  267. border: none;
  268. margin: 0;
  269. padding: 0;
  270. background-color: #303030;
  271. }
  272. scrollbar slider {
  273. padding: 0;
  274. margin: 0;
  275. background-color: #808080;
  276. }
  277. scrollbar slider:hover {
  278. background-color: #999999;
  279. }
  280. scrollbar:not(.overlay-indicator).horizontal {
  281. border-width: 0 0.083333333333333333em 0.083333333333333333em 0.083333333333333333em;
  282. }
  283. scrollbar:not(.overlay-indicator).vertical {
  284. border-width: 0.083333333333333333em 0.083333333333333333em 0.083333333333333333em 0;
  285. }
  286. scrollbar:not(.overlay-indicator).horizontal slider,
  287. scrollbar.horizontal.hovering slider {
  288. min-height: 0.5em;
  289. min-width: 2em;
  290. border-width: 0.25em;
  291. }
  292. scrollbar:not(.overlay-indicator).horizontal.fine-tune slider,
  293. scrollbar.horizontal.hovering.fine-tune slider {
  294. min-height: calc(0.5em - 2px);
  295. border-width: calc(0.25em + 1px);
  296. margin: 0 -1px;
  297. /*
  298. min-height: 0.3333333333333333em;
  299. border-width: 0.3333333333333333em;
  300. margin: 0 -0.0833333333333333em;
  301. */
  302. }
  303. scrollbar.horizontal.overlay-indicator:not(.hovering) slider {
  304. min-width: 2em;
  305. min-height: 0.25em;
  306. border-width: 0;
  307. border-radius: 0.25em;
  308. margin: 0.166666666666666666em 0.25em;
  309. /*margin: 0 0.1666666666666666em;*/
  310. }
  311. scrollbar:not(.overlay-indicator).vertical slider,
  312. scrollbar.vertical.hovering slider {
  313. min-height: 2em;
  314. min-width: 0.5em;
  315. border-width: 0.25em;
  316. }
  317. scrollbar:not(.overlay-indicator).vertical.fine-tune slider,
  318. scrollbar.vertical.hovering.fine-tune slider {
  319. min-width: calc(0.5em - 2px);
  320. border-width: calc(0.25em + 1px);
  321. margin: -0.0833333333333333em 0;
  322. /*
  323. min-width: 0.3333333333333333em;
  324. border-width: 0.3333333333333333em;
  325. margin: -0.0833333333333333em 0;
  326. */
  327. }
  328. scrollbar.vertical.overlay-indicator:not(.hovering) slider {
  329. min-width: 0.25em;
  330. min-height: 2em;
  331. border-width: 0;
  332. border-radius: 0.25em;
  333. margin: 0.1666666666666666em 0;
  334. /*margin: 0.25em 0.166666666666666666em;*/
  335. }
  336. /* Scrollbar stuck workaround */
  337. scrollbar:not(.overlay-indicator):hover {
  338. min-width: 1px;
  339. }
  340. /* Toolbar stuck workaround */
  341. .scrollableToolbar > scrollbar:not(.dummy),
  342. .scrollableToolbar > scrollbar:not(.dummy) > contents:not(.dummy),
  343. .scrollableToolbar > scrollbar:not(.dummy) > contents:not(.dummy) > trough:not(.dummy),
  344. .scrollableToolbar > scrollbar:not(.dummy) > contents:not(.dummy) > trough:not(.dummy) > slider:not(.dummy) {
  345. padding: 0;
  346. margin: 0;
  347. min-height: 0;
  348. min-width: 0;
  349. border: none;
  350. }
  351. /**************************************************/
  352. button {
  353. padding: 0;
  354. box-shadow: none;
  355. min-height: 0.4166666666666666em;
  356. min-width: 0.4166666666666666em;
  357. background-image: linear-gradient(to bottom, rgba(100,100,100,.3), rgba(30,30,30,.3));
  358. }
  359. button:disabled {
  360. opacity: 1;
  361. }
  362. button.flat {
  363. background-image: none;
  364. }
  365. button.flat:checked {
  366. background-image: linear-gradient(#343434, #2E2E2E, #292929);
  367. }
  368. checkbutton > check {
  369. background-image: linear-gradient(#343434, #2E2E2E, #292929);
  370. }
  371. radiobutton > radio {
  372. background-image: linear-gradient(#343434, #2E2E2E, #292929);
  373. }
  374. button.flat:hover, checkbutton:hover > check, radiobutton:hover > radio {
  375. background-image: linear-gradient(shade(#343434,1.3), shade(#2E2E2E,1.3), shade(#292929,1.3));
  376. }
  377. button.popupbutton-arrow {
  378. min-width: 1.5em;
  379. }
  380. button:hover {
  381. background-image: linear-gradient(to bottom, rgba(150,150,150,.3), rgba(80,80,80,.3));
  382. }
  383. button:active {
  384. background-image: linear-gradient(to bottom, rgba(30,30,30,.3), rgba(0,0,0,.3));
  385. }
  386. button:checked {
  387. background-image: linear-gradient(to bottom, rgba(30,30,30,.8), rgba(0,0,0,.8));
  388. }
  389. button:checked:hover {
  390. background-image: linear-gradient(to bottom, rgba(60,60,60,1), rgba(30,30,30,1));
  391. }
  392. /* Save, Cancel, OK ... buttons */
  393. .dialog-action-area button {
  394. min-height: 2em;
  395. margin-top: 0.5em;
  396. }
  397. /**/
  398. /*** Scale**************************************************************************************/
  399. scale {
  400. padding: 0;
  401. min-height: 0.4166666666666666em;
  402. margin: 0 0.5833333333333333em 0 0;
  403. }
  404. scale slider {
  405. /* Slider size is min-width x min-height ; margin have to be half of those values, but negative */
  406. min-width: 0;
  407. min-height: 0;
  408. margin: -0.583333333333333333em;
  409. padding: 0.583333333333333333em;
  410. border-radius: 1.166666666666666666em;
  411. border-width: 0.083333333333333333em;
  412. background-image: linear-gradient(#343434, #2E2E2E, #292929);
  413. }
  414. scale slider:hover {
  415. background-image: linear-gradient(#444444, #3E3E3E, #393939);
  416. }
  417. scale:disabled slider {
  418. background-image: none;
  419. background-color: #444;
  420. border-color: #282828;
  421. }
  422. scale trough {
  423. margin: 0.5em 0.5em; /* have to be half of "scale slider / min-width min-height" */
  424. min-height: 0.2em;
  425. min-width: 0.2em;
  426. padding: 0 0.583333333333333333em;
  427. border-width: 0.083333333333333333em;
  428. border-radius: 0.333333333333333333em;
  429. background-color: #2A2A2A;
  430. }
  431. scale:disabled trough {
  432. background-color: #444;
  433. border-color: #282828;
  434. }
  435. scale.color trough {
  436. border-width: 0.083333333333333333em;
  437. min-height: 0.333333333333333333em;
  438. min-width: 0.333333333333333333em;
  439. border-radius: 0;
  440. padding: 0;
  441. }
  442. scale trough highlight {
  443. border: none;
  444. margin: 0 -0.583333333333333333em;
  445. border-radius: 0.2em;
  446. min-height: 0;
  447. min-width: 0;
  448. padding: 0.1em 0.1em 0 0; /*height of trough */
  449. }
  450. scale.fine-tune trough highlight {
  451. padding: 0.5em 0.5em 0 0;
  452. border-radius: 0.5em;
  453. }
  454. /*** end ***************************************************************************************/
  455. /*.EditorTopPanel .button, .ToolBarPanelFileBrowser .button, .EditorZoomPanel .button {*/
  456. .button {
  457. padding: 0.0833333333333333em;
  458. margin: 0.0833333333333333em;
  459. padding: 0;
  460. min-height: 0.4166666666666666em;
  461. min-width: 0.4166666666666666em;
  462. border-radius: 0.25em;
  463. }
  464. /* Adjusters */
  465. .text-button {
  466. padding: 0;
  467. }
  468. /* Any text-button which is a real button, unlike Slider label */
  469. .text-button.button {
  470. padding: 0.3333333333333333em;
  471. }
  472. /* Better on/off state separation for text toggle buttons, e.g. auto-levels or histogram matching. */
  473. button.text-button.toggle {
  474. background-image: linear-gradient(to bottom, rgba(100,100,100,.3), rgba(30,30,30,.3));
  475. }
  476. button.text-button.toggle:hover {
  477. background-image: linear-gradient(to bottom, rgba(128,128,128,.3), rgba(64,64,64,.3));
  478. }
  479. button.text-button.toggle:checked {
  480. background-image: linear-gradient(to bottom, rgba(30,30,30,.3), rgba(0,0,0,.4));
  481. }
  482. button.text-button.toggle:hover:checked {
  483. background-image: linear-gradient(to bottom, rgba(48,48,48,.3), rgba(0,0,0,.3));
  484. }
  485. /* */
  486. .drawingarea {
  487. border-radius: 0;
  488. background-color: #2A2A2A;
  489. border: 0.0833333333333333em solid #1D1D1D;
  490. }
  491. .drawingarea:disabled {
  492. background-color: #444;
  493. border-color: #282828;
  494. }
  495. .drawingarea:selected {
  496. background-color: #565656;
  497. border-radius: 0.8333333333333333em;
  498. }
  499. image {
  500. padding: 0.0833333333333333em;
  501. }
  502. /* Vertical group of buttons in 1 column */
  503. button.Top {
  504. border-radius: 0.25em 0.25em 0 0;
  505. border-style: solid solid none solid;
  506. margin-bottom: 0;
  507. }
  508. button.MiddleV {
  509. border-radius: 0;
  510. border-style: none solid none solid;
  511. margin-top: 0;
  512. margin-bottom: 0;
  513. }
  514. button.Bottom {
  515. border-radius: 0 0 0.25em 0.25em;
  516. border-style: none solid solid solid;
  517. margin-top: 0;
  518. }
  519. /* end */
  520. /* Horizontal group of buttons in 1 row */
  521. #MetaPanelNotebook scrolledwindow + grid > button.Left,
  522. #MetaPanelNotebook scrolledwindow + grid + grid > button.Left,
  523. #ProfilePanel button.Left,
  524. button.Left {
  525. border-radius: 0.25em 0 0 0.25em;
  526. border-style: solid none solid solid;
  527. margin-right: 0;
  528. }
  529. #MetaPanelNotebook scrolledwindow + grid > button.MiddleH,
  530. #MetaPanelNotebook scrolledwindow + grid + grid > button.MiddleH,
  531. #ProfilePanel button.MiddleH,
  532. button.MiddleH {
  533. border-radius: 0;
  534. border-style: solid none solid none;
  535. margin-left: 0;
  536. margin-right: 0;
  537. }
  538. #MetaPanelNotebook scrolledwindow + grid > button.Right,
  539. #MetaPanelNotebook scrolledwindow + grid + grid > button.Right,
  540. #ProfilePanel button.Right,
  541. button.Right {
  542. border-radius: 0 0.25em 0.25em 0;
  543. border-style: solid solid solid none;
  544. margin-left: 0;
  545. }
  546. /* end */
  547. /* [1.23[-][+]] */
  548. entry, spinbutton {
  549. min-height: 0.8333333333333333em;
  550. background-color: #262626;
  551. border-radius: 0.2em;
  552. }
  553. spinbutton entry {
  554. padding-right: 0.25em;
  555. }
  556. spinbutton button {
  557. margin: 0;
  558. padding: 0;
  559. border-radius: 0;
  560. }
  561. spinbutton button.up {
  562. border-radius: 0 0.16666666666666666666em 0.16666666666666666666em 0;
  563. }
  564. entry:disabled, spinbutton:disabled {
  565. background-color: #363636;
  566. }
  567. entry:hover, spinbutton:hover {
  568. background-color: #565656;
  569. }
  570. entry:selected {
  571. color: #262626;
  572. background-color: #AAAAAA;
  573. }
  574. /* Context menus */
  575. menu {
  576. background-color: #262626;
  577. color: #909090;
  578. }
  579. /* Context menu item */
  580. menuitem {
  581. padding: 0.1666666666666666em;
  582. margin: 0;
  583. min-height: 0.8333333333333333em;
  584. }
  585. /* FlowBoxChild */
  586. flowboxchild:selected {
  587. background-color: inherit;
  588. }
  589. /*** Histogram *********************************************************************************/
  590. #HistogramPanel {
  591. min-height: 0;
  592. margin: 0;
  593. padding: 0;
  594. border: none;
  595. }
  596. #HistogramPanel > :nth-child(2) {
  597. border: none;
  598. border-left-width: 0.083333333333333333em;
  599. }
  600. #HistogramPanel > :nth-child(1) {
  601. border: none;
  602. }
  603. #EditorLeftPaned #HistogramPanel > :nth-child(1) {
  604. border: none;
  605. border-right-width: 0.083333333333333333em;
  606. }
  607. #EditorLeftPaned #HistogramPanel > :nth-child(2) {
  608. border: none;
  609. }
  610. #HistogramArea,
  611. #HistogramRGBArea {
  612. border-width: 0.083333333333333333em;
  613. }
  614. #histButton {
  615. padding: 0.25em 0.25em 0;
  616. margin: 0 0 -1px 0;
  617. min-height: 1.333333333333333333em;
  618. min-width: 1.333333333333333333em;
  619. }
  620. #histButton:last-child {
  621. padding-bottom: 0.25em;
  622. margin: 0;
  623. }
  624. /*** end ***************************************************************************************/
  625. #MyExpander {
  626. margin: 0;
  627. padding: 0;
  628. }
  629. #MyExpander.withScrollbar {
  630. margin-right: 0.25em;
  631. }
  632. /* Tool background */
  633. #ExpanderBox > box, #ExpanderBox > grid {
  634. background-color: #363636;
  635. border-width: 0.0833333333333333em;
  636. border-style: solid;
  637. border-radius: 0.3333333333333333em;
  638. border-color: #252525;
  639. margin: 0;
  640. padding: 0.25em;
  641. }
  642. #ExpanderBox drawingarea {
  643. background-color: #363636;
  644. }
  645. #ExpanderBox frame,
  646. #ExpanderBox2 frame,
  647. #ExpanderBox3 frame {
  648. padding: 0.1666666666666666em 0 0 0;
  649. border-style: none;
  650. }
  651. #ExpanderBox frame > border {
  652. background-color: #3B3B3B;
  653. border-style: solid;
  654. border-width: 0.0833333333333333em;
  655. border-radius: 0.3333333333333333em;
  656. border-color: #313131;
  657. margin: 0.25em;
  658. padding: 0.25em;
  659. }
  660. #ExpanderBox frame > label, #ExpanderBox frame frame > label,
  661. #ExpanderBox2 frame > label, #ExpanderBox2 frame frame > label,
  662. #ExpanderBox3 frame > label, #ExpanderBox3 frame frame > label {
  663. margin-left: 7pt;
  664. margin-top: 0;
  665. }
  666. #ExpanderBox frame > box, #ExpanderBox frame frame > box, #ExpanderBox frame > grid, #ExpanderBox frame frame > grid,
  667. #ExpanderBox2 frame > box, #ExpanderBox2 frame frame > box, #ExpanderBox2 frame > grid, #ExpanderBox2 frame frame > grid,
  668. #ExpanderBox3 frame > box, #ExpanderBox3 frame frame > box, #ExpanderBox3 frame > grid, #ExpanderBox3 frame frame > grid {
  669. margin: 0.1666666666666666em;
  670. }
  671. #ExpanderBox > box > checkbutton, #ExpanderBox > box > box, #ExpanderBox > grid > checkbutton, #ExpanderBox > box > grid, #ExpanderBox > grid > grid, #ExpanderBox frame > box > grid, #ExpanderBox frame > grid > grid, #ExpanderBox frame > grid > box,
  672. #ExpanderBox2 > box > checkbutton, #ExpanderBox2 > box > box, #ExpanderBox2 > grid > checkbutton, #ExpanderBox2 > box > grid, #ExpanderBox2 > grid > grid, #ExpanderBox2 frame > box > grid, #ExpanderBox2 frame > grid > grid, #ExpanderBox2 frame > grid > box,
  673. #ExpanderBox3 > box > checkbutton, #ExpanderBox3 > box > box, #ExpanderBox3 > grid > checkbutton, #ExpanderBox3 > box > grid, #ExpanderBox3 > grid > grid, #ExpanderBox3 frame > box > grid, #ExpanderBox3 frame > grid > grid, #ExpanderBox3 frame > grid > box {
  674. margin-top: 0.1666666666666666em;
  675. }
  676. #ExpanderBox frame drawingarea {
  677. background-color: #3B3B3B;
  678. }
  679. #ExpanderBox frame frame > border {
  680. background-color: #414141;
  681. border: 0.0833333333333333em solid #373737;
  682. border-radius: 0.3333333333333333em;
  683. margin: 0.25em;
  684. padding: 0.25em;
  685. }
  686. #ExpanderBox frame frame drawingarea {
  687. background-color: #414141;
  688. }
  689. /* Sub-tool (MyExpander) background */
  690. #ExpanderBox2 > box, #ExpanderBox2 > grid {
  691. background-color: #3B3B3B;
  692. border: 0.0833333333333333em solid #2A2A2A;
  693. border-radius: 0.3333333333333333em;
  694. margin: 0;
  695. padding: 0.25em;
  696. }
  697. #ExpanderBox2 drawingarea {
  698. background-color: #3B3B3B;
  699. }
  700. #ExpanderBox2 frame > border {
  701. background-color: #414141;
  702. border: 0.0833333333333333em solid #373737;
  703. border-radius: 0.3333333333333333em;
  704. margin: 0.25em;
  705. padding: 0.25em;
  706. }
  707. #ExpanderBox2 frame drawingarea {
  708. background-color: #414141;
  709. }
  710. #ExpanderBox2 frame frame > border {
  711. background-color: #474747;
  712. border: 0.0833333333333333em solid #3D3D3D;
  713. border-radius: 0.3333333333333333em;
  714. margin: 0.25em;
  715. padding: 0.25em;
  716. }
  717. #ExpanderBox2 frame frame drawingarea {
  718. background-color: #474747;
  719. }
  720. #MyExpanderTitle > box {
  721. margin: 0.1666666666666666em 0;
  722. padding: 0.1666666666666666em 0;
  723. }
  724. #MyExpanderTitle label {
  725. color: #CCCCCC;
  726. padding: 0;
  727. margin: 0 0.25em 0 0.25em;
  728. font-size: 1.1em;
  729. }
  730. #MyExpanderTitle:hover {
  731. background-color: #202020;
  732. }
  733. #MyExpanderTitle eventbox:hover image {
  734. background-color: #202020;
  735. border-radius: 0.25em;
  736. }
  737. #MyExpanderTitle:hover label {
  738. color: #D8D8D8;
  739. }
  740. #ExpanderBox2 separator, #ExpanderBox3 separator {
  741. color: #292929;
  742. }
  743. /* Editor tab button */
  744. #MainNotebook grid label, #MainNotebook grid image {
  745. padding: 0.0833333333333333em;
  746. }
  747. /* File Browser right side tabs - Toolbox, Inspector, Fast Export, Filter */
  748. notebook {
  749. padding: 0;
  750. margin: 0;
  751. border-style: none;
  752. }
  753. notebook header {
  754. box-shadow: none;
  755. background-color: #383838;
  756. border-width: 0.0833333333333333em;
  757. border-style: none;
  758. border-color: #262626;
  759. border-radius: 0;
  760. padding: 0.1666666666666666em;
  761. margin: 0;
  762. }
  763. notebook tabs {
  764. padding: 0.0833333333333333em;
  765. margin: 0;
  766. }
  767. notebook tab {
  768. padding: 0.0833333333333333em;
  769. margin: 0.1666666666666666em;
  770. min-height: 1.25em;
  771. min-width: 1.25em;
  772. }
  773. notebook tab:hover {
  774. background-color: #505050;
  775. }
  776. notebook tab button {
  777. padding: 0 0;
  778. margin: 0 0.25em;
  779. }
  780. /* Get rid of shitty notebook header shadow */
  781. notebook header.top {
  782. border-bottom-style: solid;
  783. padding-bottom: 0.25em;
  784. }
  785. notebook header.right {
  786. border-left-style: solid;
  787. padding-left: 0.25em;
  788. }
  789. notebook header.bottom {
  790. border-top-style: solid;
  791. padding-top: 0.25em;
  792. }
  793. notebook header.left {
  794. border-right-style: solid;
  795. padding-right: 0.25em;
  796. }
  797. notebook.frame {
  798. /* OK */
  799. border-radius: 0;
  800. border-style: none;
  801. }
  802. /* Pad notebooks, makes the other borders look nicer */
  803. notebook stack {
  804. /* OK */
  805. background-color: #484848;
  806. padding: 0;
  807. margin: 0;
  808. }
  809. paned box, paned grid {
  810. padding: 0;
  811. margin: 0;
  812. border-style: none;
  813. }
  814. paned > separator {
  815. border-width: 0.0833333333333333em 0.0833333333333333em 0 0;
  816. border-style: solid;
  817. border-color: #404040;
  818. padding: 0;
  819. margin: 0.3333333333333333em;
  820. }
  821. fontchooser scrolledwindow,
  822. #PlacesPaned scrolledwindow,
  823. #HistoryPanel scrolledwindow,
  824. #Snapshots scrolledwindow {
  825. border-width: 0.083333333333333333em;
  826. }
  827. #PlacesPaned {
  828. margin: 0;
  829. padding: 0 0.4166666666666666em 0 0;
  830. }
  831. #PlacesPaned > box:nth-child(1) scrolledwindow + grid {
  832. margin: 0;
  833. border-top-width: 0.083333333333333333em;
  834. }
  835. #PlacesPaned > box:nth-child(3) treeview {
  836. padding: 0;
  837. }
  838. #MainNotebook > header.left tab image {
  839. margin: 0.5em 0 0 0;
  840. }
  841. #MainNotebook > header.top tab image {
  842. margin: 0 0.5em 0 0;
  843. }
  844. #MainNotebook > header.left tab {
  845. margin: 0.5em 0 0.5em 0;
  846. }
  847. #MainNotebook > header.top tab {
  848. margin: 0 0.5em 0 0.5em;
  849. }
  850. #MainNotebook header {
  851. /* OK */
  852. background-color: #2A2A2A;
  853. border: 0;
  854. padding: 0;
  855. }
  856. #MainNotebook tabs {
  857. /* OK */
  858. background-color: #2A2A2A;
  859. }
  860. #MainNotebook tab:hover {
  861. /* OK */
  862. background-color: #505050;
  863. }
  864. #MainNotebook tab:active {
  865. /* OK */
  866. border-color: #989898;
  867. }
  868. #MainNotebook tab:checked {
  869. background-color: #505050;
  870. }
  871. #RightNotebook > stack > :nth-child(1) checkbutton + scrolledwindow {
  872. min-height: calc(6em + 43px);
  873. }
  874. #RightNotebook > stack > scrolledwindow frame,
  875. #BatchQueueButtonsMainContainer frame,
  876. #MyExpander frame,
  877. dialog frame {
  878. margin: 0;
  879. padding: 0.19em 0.583333333333333333em;
  880. }
  881. #RightNotebook > stack > scrolledwindow frame > border,
  882. #BatchQueueButtonsMainContainer > frame > border,
  883. #MyExpander frame > border,
  884. dialog frame > border {
  885. padding: 0 0.333333333333333333em 0.333333333333333333em;
  886. border-width: 0.083333333333333333em;
  887. margin: 0 -0.583333333333333333em;
  888. }
  889. #RightNotebook > stack > scrolledwindow frame > label:not(.dummy),
  890. #BatchQueueButtonsMainContainer frame > label:not(.dummy),
  891. #ToolPanelNotebook frame > label:not(.dummy),
  892. dialog frame > label:not(.dummy) {
  893. padding: 0.25em 0.5em;
  894. }
  895. #BatchQueueButtonsMainContainer frame > border {
  896. margin-bottom: 0.833333333333333333em;
  897. }
  898. #BatchQueueButtonsMainContainer frame:nth-child(3) > border {
  899. padding-left: 0.916666666666666666em;
  900. }
  901. #RightNotebook header {
  902. background-color: #2A2A2A;
  903. }
  904. #RightNotebook tabs {
  905. background-color: #2A2A2A;
  906. padding-bottom: 0.083333333333333333em;
  907. }
  908. #RightNotebook tab:hover {
  909. background-color: #505050;
  910. color: #D6D6D6;
  911. }
  912. #RightNotebook tab:active {
  913. border-color: #A5A5A5;
  914. }
  915. #LabelRightNotebook {
  916. padding: 0.4166666666666666em;
  917. margin: 0.1666666666666666em;
  918. font-size: 1.25em;
  919. }
  920. #ToolPanelNotebook {
  921. min-width: 25em;
  922. }
  923. #ToolPanelNotebook header {
  924. background-color: #383838;
  925. border-color: #262626;
  926. padding: 0;
  927. margin: 0;
  928. }
  929. #ToolPanelNotebook header tabs {
  930. background-color: #2A2A2A;
  931. margin: 0;
  932. }
  933. #ToolPanelNotebook header tab {
  934. padding: 0.25em;
  935. margin: 0;
  936. }
  937. /* All tool panels have a frame except for Meta which unlike the rest is a notebook itself.
  938. * So we use CSS to make it look like a frame. */
  939. #MetaPanelNotebook > stack > box {
  940. border: 0.0833333333333333em solid #262626;
  941. background-color: #363636;
  942. border-radius: 0 0 0.3333333333333333em 0.3333333333333333em;
  943. border-top-style: none;
  944. padding: 0 0.25em 0.25em 0.25em;
  945. margin: 0 0.4166666666666666em 0.4166666666666666em 0.4166666666666666em;
  946. }
  947. #MetaPanelNotebook header {
  948. border: 0.0833333333333333em solid #262626;
  949. background-color: #363636;
  950. border-radius: 0.3333333333333333em 0.3333333333333333em 0 0;
  951. border-bottom-style: none;
  952. padding: 0.4166666666666666em;
  953. margin: 0.4166666666666666em 0.4166666666666666em 0 0.4166666666666666em;
  954. }
  955. #MetaPanelNotebook > header > tabs {
  956. background-color: #363636;
  957. }
  958. #MetaPanelNotebook > header tab {
  959. margin: 0 0.4166666666666666em;
  960. padding: 0.4166666666666666em;
  961. }
  962. #MetaPanelNotebook textview {
  963. border-radius: 0.25em;
  964. }
  965. #MetaPanelNotebook entry, #MetaPanelNotebook scrolledwindow, #MetaPanelNotebook combobox {
  966. margin: 0.1666666666666666em 0 0.1666666666666666em 0;
  967. }
  968. #MetaPanelNotebook entry {
  969. padding: 0 0.0833333333333333em;
  970. }
  971. #MetaPanelNotebook label {
  972. padding: 0 0.4166666666666666em;
  973. }
  974. #MetaPanelNotebook text {
  975. border-color: #202020;
  976. background-color: #262626;
  977. border-style: solid;
  978. border-width: 0.0833333333333333em;
  979. border-radius: 0.25em;
  980. }
  981. #MetaPanelNotebook stack > box > scrolledwindow > viewport {
  982. margin-left: 1.25em;
  983. }
  984. #PreviewWindow {
  985. border-style: solid;
  986. }
  987. /* Decently sized tabs */
  988. #PrefNotebook tab, #AboutNotebook tab {
  989. padding: 0.8em;
  990. }
  991. #PrefNotebook, #AboutNotebook {
  992. padding: 0;
  993. margin: 0 0 3pt 0;
  994. }
  995. #PrefNotebook header, #AboutNotebook header {
  996. padding: 0;
  997. margin: 0;
  998. }
  999. #PrefNotebook header tabs, #AboutNotebook header tabs {
  1000. padding: 0;
  1001. margin: 0;
  1002. }
  1003. #PrefNotebook stack, #AboutNotebook stack {
  1004. padding: 3pt;
  1005. margin: 0;
  1006. }
  1007. #PrefNotebook box > frame > border {
  1008. padding-top: 0;
  1009. padding-bottom: 0.25em;
  1010. }
  1011. #PrefNotebook scrolledwindow scrolledwindow {
  1012. border-width: 0.083333333333333333em;
  1013. }
  1014. /* Add space between bottom panel and window edge */
  1015. #IopsPanel {
  1016. padding: 0 0.1666666666666666em 0.1666666666666666em;
  1017. }
  1018. #EditorLeftPaned:last-child {
  1019. padding: 0.8333333333333333em 0 0 0.8333333333333333em;
  1020. }
  1021. #EditorRightPaned:last-child {
  1022. padding: 0;
  1023. }
  1024. #MainNotebook > header #CloseButton {
  1025. padding: 0;
  1026. margin: 0 0 0 0.3em;
  1027. }
  1028. #MainNotebook > header #CloseButton image {
  1029. padding: 0;
  1030. margin: 0;
  1031. }
  1032. #RightNotebook #ToolPanelNotebook stack {
  1033. margin: 0;
  1034. }
  1035. #RightNotebook #HistoryPanel {
  1036. min-width: 17.5em;
  1037. margin-top: 0.333333333333333333em;
  1038. }
  1039. #RightNotebook scrolledwindow {
  1040. padding: 0;
  1041. }
  1042. #HistoryPanel {
  1043. margin-top: 0.25em;
  1044. }
  1045. #HistoryPanel > border {
  1046. margin-top: 1.75em;
  1047. }
  1048. #HistoryPanel > label {
  1049. margin: 0 0 -1.5em 0;
  1050. padding: 0 0 0 0.083333333333333333em;
  1051. }
  1052. #Snapshots {
  1053. margin-top: 0.166666666666666666em;
  1054. }
  1055. #Snapshots > border {
  1056. min-height: calc(6em + 36px);
  1057. }
  1058. #Snapshots > label {
  1059. margin-bottom: -4px;
  1060. }
  1061. #Snapshots scrolledwindow + box {
  1062. margin: -8px 0 -4px ;
  1063. border-top-width: 0.083333333333333333em;
  1064. }
  1065. #Navigator {
  1066. padding-top: 0.25em;
  1067. padding-bottom: 0.25em;
  1068. }
  1069. #Navigator label {
  1070. padding: 0;
  1071. margin: 0.083333333333333333em 0;
  1072. }
  1073. /*** PartialPaste ******************************************************************************/
  1074. #PartialPaste {
  1075. border-width: 0.083333333333333333em;
  1076. padding-top: 0.5em;
  1077. padding-bottom: 0.5em;
  1078. }
  1079. #PartialPaste separator.vertical {
  1080. margin: 0 0.333333333333333333em;
  1081. padding: 0;
  1082. }
  1083. #PartialPaste separator { /* Struggles with #PartialPasteHeaderSep */
  1084. margin: 0.166666666666666666em 0.5em 0.166666666666666666em 1.166666666666666666em;
  1085. }
  1086. #PartialPasteHeaderSep.horizontal {
  1087. margin: 0.166666666666666666em 0.5em;
  1088. }
  1089. /*
  1090. #PartialPasteHeader label {
  1091. }
  1092. */
  1093. /* make the "partial profile" dialog a little bit more readable */
  1094. #PartialPasteHeader {
  1095. margin: 1.5em 0 0 0;
  1096. padding: 0;
  1097. font-weight: bold;
  1098. }
  1099. #PartialPasteHeaderSep {
  1100. background-color: #D8D8D8;
  1101. }
  1102. /*** end ***************************************************************************************/
  1103. /* All MyFileChooserButtons */
  1104. button#MyFileChooserButton {
  1105. padding: 0.1666666666666666em;
  1106. margin: 0.1666666666666666em;
  1107. }
  1108. #ToolPanelNotebook button {
  1109. margin: 0;
  1110. }
  1111. button.flat {
  1112. background: none;
  1113. border: none;
  1114. outline: none;
  1115. }
  1116. button.flat:checked {
  1117. background: #262626;
  1118. }
  1119. .text-button, .image-button, .independent {
  1120. box-shadow: none;
  1121. min-height: 2em;
  1122. min-width: 2em;
  1123. padding: 0;
  1124. }
  1125. /* Makes image-comboboxes (e.g. tone curve types) have same size as image buttons */
  1126. combobox, .popupbutton-arrow {
  1127. min-height: 2em;
  1128. }
  1129. /* Makes image-combobox small icons centered */
  1130. button.toggle > grid > image {
  1131. padding: 0.3333333333333333em;
  1132. }
  1133. #histButton {
  1134. background: none;
  1135. min-height: 1.3333333333333333em;
  1136. min-width: 1.3333333333333333em;
  1137. }
  1138. /* -gtk-icon-shadow looks buggy on the small histogram icons */
  1139. #histButton:hover {
  1140. -gtk-icon-shadow: none;
  1141. }
  1142. .narrowbutton {
  1143. min-width: 0.8333333333333333em;
  1144. }
  1145. .smallbuttonbox button {
  1146. min-width: 1.3333333333333333em;
  1147. min-height: 1.3333333333333333em;
  1148. }
  1149. /* Adds gap between combobox contents and combobox edges */
  1150. button.combo, .image-combo .toggle, #MyFileChooserButton {
  1151. padding-left: 0.3333333333333333em;
  1152. padding-right: 0.3333333333333333em;
  1153. }
  1154. /*** Progressbar *******************************************************************************/
  1155. progressbar trough {
  1156. background-color: #383838;
  1157. border: none;
  1158. }
  1159. progressbar progress {
  1160. border-color: #363636;
  1161. /*border-radius: 0.25em;*/
  1162. background-color: #215d9c;
  1163. }
  1164. /*** end ***************************************************************************************/
  1165. /* Add padding to grid cells */
  1166. .grid-spacing > * {
  1167. margin: 0.1666666666666666em;
  1168. }