diff --git a/rtdata/themes/RawTherapee-GTK3-20_.css b/rtdata/themes/RawTherapee-GTK3-20_.css index 20478367f..7384003dc 100644 --- a/rtdata/themes/RawTherapee-GTK3-20_.css +++ b/rtdata/themes/RawTherapee-GTK3-20_.css @@ -2,7 +2,8 @@ This file is part of RawTherapee. Copyright (c) 2015-2017 DrSlony - Copyright (c) 2016-2017 Hombre + Copyright (c) 2016-2019 Hombre + Copyright (c) 2016-2019 TooWaBoo RawTherapee is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License as published by @@ -18,6 +19,10 @@ along with RawTherapee. If not, see . */ +/***************************/ +/**/ @import "size.css"; /**/ +/***************************/ + /* text-shadow causes a serious performance degradation in rendering the UI, * at least in comboboxes with many entries (i.e. Profiled Lens Correction). */ @@ -31,6 +36,352 @@ color: #666666; } +.view:selected:not(check):not(radio) { + color: #262626; + background-color: #AAAAAA +} + +/* The Places and Dir browser panels */ +textview.view, treeview.view { + padding: 0.166666666666666666em; + margin: 0; +} +.view, .textview, textview, textview.view { + background-color: #262626; +} +/* The headers of these panels */ +.view .button { + background-color: #363636; + /*padding: 0.1666666666666666em;*/ +} + +window > box { + padding: 0.416666666666666666em; +} +window.background { + background-color: #484848; +} + +/*** Window decoration *********************************************************/ +@define-color winHeaderbar rgb(50,50,50); + +.csd:not(.popup):not(tooltip) > decoration { + background-color: #484848; + background-image: none; + box-shadow: 0 0.25em 0.75em 0.083333333333333333em rgba(0, 0, 0, 0.5), 0 0 0 0.083333333333333333em #242424; +} +headerbar { + background-color: shade(@winHeaderbar,1.12); + box-shadow: inset 0 0.083333333333333333em rgba(200,200,200,.13); + background-image: linear-gradient(shade(@winHeaderbar,1.14), shade(@winHeaderbar,.86)); + border-bottom-color: #242424; +} +dialog > box { + padding: 0.666666666666666666em; +} +dialog.csd #PrefNotebook > header, +dialog.csd #AboutNotebook > header, +window.csd:not(.fullscreen) #MainNotebook > header.top { + border-top-color: #484848; +} + +/* Window state */ +.maximized > headerbar { + border-radius: 0; +} +/**/ + +/*** End Window decoration *****************************************************/ + +arrow { + min-width: 1.333333333333333333em; + min-height: 1.333333333333333333em; +} +cellview { + margin: -1px 0; +} + +overshoot, +undershoot { + background-image: none; /* removes the dashed scrollbar line */ +} + +dialog.background { + background-color: #484848; +} + +box, grid { + border-width: 0; + border-style: none; + border-radius: 0; + margin: 0.083333333333333333em; + padding: 0; + min-height: 0.4166666666666666em; + min-width: 0.4166666666666666em; +} +label { + padding: 0.083333333333333333em 0; + margin: 0.19em; + min-height: 1.333333333333333333em; +} + +/* Affects all frames except in the toolbox */ +frame { + border-width: 0; + border-color: #303030; + border-radius: 0; + border-style: solid; + /*border-style: none none none solid;*/ + padding: 0; + margin: 0.25em 0 ; + background-color: rgba(0,0,0,0.); + min-height: 0; + min-width: 0; +} + +/* Create space between frame contents and frame border */ +frame border { + border-width: 0.083333333333333333em; + padding: 0.3333333333333333em; + border-radius: 0.3333333333333333em; + background-color: #383838; + margin: 0; + min-height: 0; + min-width: 0; +} + +frame > label { + margin: 0 0 0 0.3333333333333333em; + color: #D8D8D8; + padding: 0.416666666666666666em 0; +} + +/* affects selection list*/ +entry > window > frame { + margin: 0; +} + +tooltip { + border-radius: 0.416666666666666666em; + background-color: rgba(0,0,0,0.95); + border-style: none; + box-shadow: none; + padding: 0; + margin: 0; +} + +treeview header button { + background-image: linear-gradient(#343434, #2E2E2E, #292929); +} + +/*** Separator *********************************************************************************/ +separator, +.separator { + border: none; + min-width: 0.083333333333333333em; + min-height: 0.083333333333333333em; +} +grid separator, box separator { + background-color: rgba(0, 0, 0, 0.17); +} +grid separator.horizontal, box separator.horizontal { + margin: 0.5em 0.25em; +} +grid separator.vertical, box separator.vertical { + margin: 0.25em 0.5em; +} + +popover separator:not(:only-child) { + margin: 0 0.5em; +} + +paned.horizontal > separator { + margin: 0 0.16666666666666666em; +} +/* Double line separator */ +paned.vertical > separator { + margin: 0.5em 0; +} + +dialog paned.horizontal > separator { + min-width: 0.333333333333333333em; +} + +menu separator { + margin: 0.25em 0.5em; +} + +#Navigator separator { + margin: 0; +} + +.scrollableToolbar separator.vertical { + margin: 0.19em; +} + +#MyExpander separator.horizontal { + margin: 0.25em 0.19em; +} +#MyFileChooserButton separator { +} + +#PlacesPaned .view.separator { +} + +#MetaPanelNotebook separator { + margin: 0.19em 0; +} +/*** end****************************************************************************************/ + +#FileBrowser { + padding: 0.1666666666666666em; + margin: 0; +} + +#FileCatalog { + background-color: #393939; +} +#FileCatalog:selected { + background-color: #565656; +} + +#BeforeAfterContainer frame { + background-color: #262626; + padding: 0; + margin: 0.0833333333333333em; +} + +#BeforeAfterContainer frame border { + border-radius: 0; + margin: 0; + padding: 0; +} + + +/* Frames in the toolbox. Not MyExpander frames. */ +eventbox.frame { + border-color: #565656; +} + +/*** Load - Save dialog ************************************************************************/ +filechooser { +margin-bottom: 0.25em; +} + +filechooser box > box box > button { +margin-top: 0.5em; +margin-right: 0; +} + +filechooser #pathbarbox { + padding: 0.5em; +} + +/* Right side */ +filechooser > box > paned > box:nth-child(3) { + border-width: 0.083333333333333333em; + padding: 0; + margin: 0; +} +filechooser > box > paned > box:nth-child(3) > box > * > * > * > frame { + padding: 0; + margin: -0.6666666666666666em -0.083333333333333333em; +} +/**/ +filechooser placessidebar viewport.frame { + padding: 0; + margin: -0.3333333333333333em 0 -0.083333333333333333em; + border-width: 0.083333333333333333em; +} +filechooser placessidebar list row image { + min-width: 1.333333333333333333em; + min-height: 1.333333333333333333em; +} +filechooser placessidebar list row { + margin: 0; + padding: 0 0.5em 0 0.83333333333333333em; + min-height: calc(1.416666666666666666em + 8px); +} +filechooser placessidebar list row label{ + margin: 0 0 0 0.583333333333333333em; +} + +/*** end ***************************************************************************************/ + +/*** Scrollbar ***************************************/ +scrollbar { + border: none; + margin: 0; + padding: 0; + background-color: #303030; +} +scrollbar slider { + padding: 0; + margin: 0; + background-color: #808080; +} +scrollbar slider:hover { + background-color: #999999; +} + +scrollbar:not(.overlay-indicator).horizontal { + border-width: 0 0.083333333333333333em 0.083333333333333333em 0.083333333333333333em; +} +scrollbar:not(.overlay-indicator).vertical { + border-width: 0.083333333333333333em 0.083333333333333333em 0.083333333333333333em 0; +} +scrollbar:not(.overlay-indicator).horizontal slider, +scrollbar.horizontal.hovering slider { + min-height: 0.5em; + min-width: 2em; + border-width: 0.25em; +} +scrollbar:not(.overlay-indicator).horizontal.fine-tune slider, +scrollbar.horizontal.hovering.fine-tune slider { + min-height: calc(0.5em - 2px); + border-width: calc(0.25em + 1px); + margin: 0 -1px; + /* + min-height: 0.3333333333333333em; + border-width: 0.3333333333333333em; + margin: 0 -0.0833333333333333em; + */ +} +scrollbar.horizontal.overlay-indicator:not(.hovering) slider { + min-width: 2em; + min-height: 0.25em; + border-width: 0; + border-radius: 0.25em; + margin: 0.166666666666666666em 0.25em; + /*margin: 0 0.1666666666666666em;*/ +} + +scrollbar:not(.overlay-indicator).vertical slider, +scrollbar.vertical.hovering slider { + min-height: 2em; + min-width: 0.5em; + border-width: 0.25em; +} +scrollbar:not(.overlay-indicator).vertical.fine-tune slider, +scrollbar.vertical.hovering.fine-tune slider { + min-width: calc(0.5em - 2px); + border-width: calc(0.25em + 1px); + margin: -0.0833333333333333em 0; + /* + min-width: 0.3333333333333333em; + border-width: 0.3333333333333333em; + margin: -0.0833333333333333em 0; + */ +} +scrollbar.vertical.overlay-indicator:not(.hovering) slider { + min-width: 0.25em; + min-height: 2em; + border-width: 0; + border-radius: 0.25em; + margin: 0.1666666666666666em 0; + /*margin: 0.25em 0.166666666666666666em;*/ +} + /* Scrollbar stuck workaround */ scrollbar:not(.overlay-indicator):hover { min-width: 1px; @@ -48,198 +399,13 @@ scrollbar:not(.overlay-indicator):hover { border: none; } -.view:selected:not(check):not(radio) { - color: #262626; - background-color: #AAAAAA -} - -/* The Places and Dir browser panels */ -.view, .textview, textview, textview.view { - background-color: #262626; -} -/* The headers of these panels */ -.view .button { - background-color: #363636; - padding: 2px; -} - -window.background { - background-color: #484848; -} - -/*** Window decoration *********************************************************/ -@define-color winHeaderbar rgb(50,50,50); - -:not(.popup):not(tooltip) > decoration { - background-color: #484848; - background-image: none; - border-radius: 5px 5px 0 0; - border: none; - padding: 0; - box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5), 0 0 0 1px #242424; - margin: 10px; -} -headerbar { - background-color: shade(@winHeaderbar,1.12); - box-shadow: inset 0 1px rgba(200,200,200,.13); - background-image: linear-gradient(shade(@winHeaderbar,1.14), shade(@winHeaderbar,.86)); - border-bottom: 1px solid #242424; - border-radius: 5px 5px 0 0; - min-height: 26px; - padding: 1px 5px 0; - margin: 0; -} -.csd #MainNotebook > header.top { - border-top: 1px solid #484848; -} - -/* Window state */ -.maximized > headerbar { - border-radius: 0; -} -/**/ - -/*** End Window decoration *****************************************************/ - -dialog.background { - background-color: #484848; -} - -box, grid { - border-width: 0; - border-style: none; - border-radius: 0; - margin: 1px; - padding: 0; - min-height: 5px; - min-width: 5px; -} - -/* Affects all frames except in the toolbox */ -frame { - border-width: 0; - border-color: #303030; - border-radius: 0; - border-style: solid; - /*border-style: none none none solid;*/ - padding: 0; - margin: 3px 0 ; - background-color: rgba(0,0,0,0.); -} - -/* Create space between frame contents and frame border */ -frame border { - padding: 4px; - border-radius: 4px; - background-color: #383838 -} - -frame > label { - color: #D8D8D8; -} - -tooltip { - background-color: rgba(0,0,0,0.95); - border-style: none; - box-shadow: none; - padding: 0; -} - -grid separator, box separator { - background-color: rgba(0, 0, 0, 0.17); - padding: 0; -} - -grid separator.horizontal, box separator.horizontal { - margin: 0.3em 0.45em; -} - -grid separator.vertical, box separator.vertical { - margin: 0.45em 0.3em; -} - -#FileBrowser { - padding: 2px; - margin: 0px; -} - -#FileCatalog { - background-color: #393939; -} -#FileCatalog:selected { - background-color: #565656; -} - -#BeforeAfterContainer frame { - background-color: #262626; - padding: 0; - margin: 1px; -} - -#BeforeAfterContainer frame border { - border-radius: 0; - margin: 0; - padding: 0; -} - - -/* Frames in the toolbox. Not MyExpander frames. */ -eventbox.frame { - border-color: #565656; -} - -/*** Scrollbar ***************************************/ -scrollbar { - background-color: #303030; -} -scrollbar slider { - background-color: #808080; -} -scrollbar slider:hover { - background-color: #999999; -} - -scrollbar:not(.overlay-indicator).horizontal slider, -scrollbar.horizontal.hovering slider { - min-height: 6px; - min-width: 24px; -} -scrollbar:not(.overlay-indicator).horizontal.fine-tune slider, -scrollbar.horizontal.hovering.fine-tune slider { - min-height: 4px; - border-width: 4px; - margin: 0 -1px; -} -scrollbar.horizontal.overlay-indicator:not(.hovering) slider { - min-width: 24px; - min-height: 3px; - margin: 0 2px; -} - -scrollbar:not(.overlay-indicator).vertical slider, -scrollbar.vertical.hovering slider { - min-height: 24px; - min-width: 6px; -} -scrollbar:not(.overlay-indicator).vertical.fine-tune slider, -scrollbar.vertical.hovering.fine-tune slider { - min-width: 4px; - border-width: 4px; - margin: -1px 0; -} -scrollbar.vertical.overlay-indicator:not(.hovering) slider { - min-width: 3px; - min-height: 24px; - margin: 2px 0; -} - /**************************************************/ button { padding: 0; box-shadow: none; - min-height: 5px; - min-width: 5px; + min-height: 0.4166666666666666em; + min-width: 0.4166666666666666em; background-image: linear-gradient(to bottom, rgba(100,100,100,.3), rgba(30,30,30,.3)); } @@ -270,7 +436,7 @@ button.flat:hover, checkbutton:hover > check, radiobutton:hover > radio { } button.popupbutton-arrow { - min-width: 18px; + min-width: 1.5em; } button:hover { @@ -291,28 +457,26 @@ button:checked:hover { /* Save, Cancel, OK ... buttons */ .dialog-action-area button { - min-height: 24px; - margin-top: 6px; + min-height: 2em; + margin-top: 0.5em; } /**/ -combobox { - min-height: 5px; - min-width: 5px; - margin-left: 2px; -} - +/*** Scale**************************************************************************************/ scale { padding: 0; - min-height: 5px; - margin: 0 7px 0 0; + min-height: 0.4166666666666666em; + margin: 0 0.5833333333333333em 0 0; } scale slider { /* Slider size is min-width x min-height ; margin have to be half of those values, but negative */ - min-width: 12px; - min-height: 12px; - margin: -6px; + min-width: 0; + min-height: 0; + margin: -0.583333333333333333em; + padding: 0.583333333333333333em; + border-radius: 1.166666666666666666em; + border-width: 0.083333333333333333em; background-image: linear-gradient(#343434, #2E2E2E, #292929); } scale slider:hover { @@ -324,28 +488,50 @@ scale:disabled slider { border-color: #282828; } scale trough { - margin: 6px 6px; /* have to be half of "scale slider / min-width min-height" */ + margin: 0.5em 0.5em; /* have to be half of "scale slider / min-width min-height" */ + min-height: 0.2em; + min-width: 0.2em; + padding: 0 0.583333333333333333em; + border-width: 0.083333333333333333em; + border-radius: 0.333333333333333333em; background-color: #2A2A2A; } -scale.fine-tune trough { - margin: 5px; - padding: 1px; -} -scale.fine-tune trough highlight { - margin: -2px; -} scale:disabled trough { background-color: #444; border-color: #282828; } +scale.color trough { + border-width: 0.083333333333333333em; + min-height: 0.333333333333333333em; + min-width: 0.333333333333333333em; + border-radius: 0; + padding: 0; +} + +scale trough highlight { + border: none; + margin: 0 -0.583333333333333333em; + border-radius: 0.2em; + min-height: 0; + min-width: 0; + padding: 0.1em 0.1em 0 0; /*height of trough */ +} + +scale.fine-tune trough highlight { + padding: 0.5em 0.5em 0 0; + border-radius: 0.5em; +} +/*** end ***************************************************************************************/ + /*.EditorTopPanel .button, .ToolBarPanelFileBrowser .button, .EditorZoomPanel .button {*/ .button { - padding: 1px; - margin: 1px; + padding: 0.0833333333333333em; + margin: 0.0833333333333333em; padding: 0; - min-height: 5px; - min-width: 5px; + min-height: 0.4166666666666666em; + min-width: 0.4166666666666666em; + border-radius: 0.25em; } /* Adjusters */ @@ -355,7 +541,7 @@ scale:disabled trough { /* Any text-button which is a real button, unlike Slider label */ .text-button.button { - padding: 4px; + padding: 0.3333333333333333em; } /* Better on/off state separation for text toggle buttons, e.g. auto-levels or histogram matching. */ @@ -375,17 +561,12 @@ button.text-button.toggle:hover:checked { background-image: linear-gradient(to bottom, rgba(48,48,48,.3), rgba(0,0,0,.3)); } -separator { - color: #363636; - margin: 5px; -} - /* */ .drawingarea { border-radius: 0; background-color: #2A2A2A; - border: 1px solid #1D1D1D; + border: 0.0833333333333333em solid #1D1D1D; } .drawingarea:disabled { background-color: #444; @@ -394,16 +575,16 @@ separator { .drawingarea:selected { background-color: #565656; - border-radius: 10px; + border-radius: 0.8333333333333333em; } image { - padding: 1px; + padding: 0.0833333333333333em; } /* Vertical group of buttons in 1 column */ button.Top { - border-radius: 10px 4px 0 0; + border-radius: 0.25em 0.25em 0 0; border-style: solid solid none solid; margin-bottom: 0; } @@ -414,26 +595,35 @@ button.MiddleV { margin-bottom: 0; } button.Bottom { - border-radius: 0 0 4px 4px; + border-radius: 0 0 0.25em 0.25em; border-style: none solid solid solid; margin-top: 0; } /* end */ /* Horizontal group of buttons in 1 row */ +#MetaPanelNotebook scrolledwindow + grid > button.Left, +#MetaPanelNotebook scrolledwindow + grid + grid > button.Left, +#ProfilePanel button.Left, button.Left { - border-radius: 4px 0 0 4px; + border-radius: 0.25em 0 0 0.25em; border-style: solid none solid solid; margin-right: 0; } +#MetaPanelNotebook scrolledwindow + grid > button.MiddleH, +#MetaPanelNotebook scrolledwindow + grid + grid > button.MiddleH, +#ProfilePanel button.MiddleH, button.MiddleH { border-radius: 0; border-style: solid none solid none; margin-left: 0; margin-right: 0; } +#MetaPanelNotebook scrolledwindow + grid > button.Right, +#MetaPanelNotebook scrolledwindow + grid + grid > button.Right, +#ProfilePanel button.Right, button.Right { - border-radius: 0 4px 4px 0; + border-radius: 0 0.25em 0.25em 0; border-style: solid solid solid none; margin-left: 0; } @@ -441,12 +631,21 @@ button.Right { /* [1.23[-][+]] */ entry, spinbutton { - min-height: 10px; + min-height: 0.8333333333333333em; background-color: #262626; + border-radius: 0.2em; } spinbutton entry { - padding-right: 6px; + padding-right: 0.25em; +} +spinbutton button { + margin: 0; + padding: 0; + border-radius: 0; +} +spinbutton button.up { + border-radius: 0 0.16666666666666666666em 0.16666666666666666666em 0; } entry:disabled, spinbutton:disabled { @@ -470,9 +669,9 @@ menu { /* Context menu item */ menuitem { - padding: 2px; + padding: 0.1666666666666666em; margin: 0; - min-height: 10px; + min-height: 0.8333333333333333em; } /* FlowBoxChild */ @@ -480,28 +679,67 @@ flowboxchild:selected { background-color: inherit; } +/*** Histogram *********************************************************************************/ #HistogramPanel { + min-height: 0; margin: 0; padding: 0; + border: none; } +#HistogramPanel > :nth-child(2) { + border: none; + border-left-width: 0.083333333333333333em; +} + +#HistogramPanel > :nth-child(1) { + border: none; +} + +#EditorLeftPaned #HistogramPanel > :nth-child(1) { + border: none; + border-right-width: 0.083333333333333333em; +} + +#EditorLeftPaned #HistogramPanel > :nth-child(2) { + border: none; +} + +#HistogramArea, +#HistogramRGBArea { + border-width: 0.083333333333333333em; +} + +#histButton { + padding: 0.25em 0.25em 0; + margin: 0 0 -1px 0; + min-height: 1.333333333333333333em; + min-width: 1.333333333333333333em; +} +#histButton:last-child { + padding-bottom: 0.25em; + margin: 0; +} + +/*** end ***************************************************************************************/ + #MyExpander { margin: 0; padding: 0; } #MyExpander.withScrollbar { - margin-right: 6px; + margin-right: 0.5em; } /* Tool background */ #ExpanderBox > box, #ExpanderBox > grid { background-color: #363636; - border-width: 1px; + border-width: 0.0833333333333333em; border-style: solid; - border-radius: 4px; + border-radius: 0.3333333333333333em; border-color: #252525; margin: 0; - padding: 3px; + padding: 0.25em; } #ExpanderBox drawingarea { @@ -511,17 +749,17 @@ flowboxchild:selected { #ExpanderBox frame, #ExpanderBox2 frame, #ExpanderBox3 frame { - padding: 2px 0 0 0; + padding: 0.1666666666666666em 0 0 0; border-style: none; } #ExpanderBox frame > border { background-color: #3B3B3B; border-style: solid; - border-width: 1px; - border-radius: 4px; + border-width: 0.0833333333333333em; + border-radius: 0.3333333333333333em; border-color: #313131; - margin: 3px; - padding: 3px; + margin: 0.25em; + padding: 0.25em; } #ExpanderBox frame > label, #ExpanderBox frame frame > label, @@ -533,13 +771,13 @@ flowboxchild:selected { #ExpanderBox frame > box, #ExpanderBox frame frame > box, #ExpanderBox frame > grid, #ExpanderBox frame frame > grid, #ExpanderBox2 frame > box, #ExpanderBox2 frame frame > box, #ExpanderBox2 frame > grid, #ExpanderBox2 frame frame > grid, #ExpanderBox3 frame > box, #ExpanderBox3 frame frame > box, #ExpanderBox3 frame > grid, #ExpanderBox3 frame frame > grid { - margin: 2px; + margin: 0.1666666666666666em; } #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, #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, #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 { - margin-top: 2px; + margin-top: 0.1666666666666666em; } #ExpanderBox frame drawingarea { @@ -548,10 +786,10 @@ flowboxchild:selected { #ExpanderBox frame frame > border { background-color: #414141; - border: 1px solid #373737; - border-radius: 4px; - margin: 3px; - padding: 3px; + border: 0.0833333333333333em solid #373737; + border-radius: 0.3333333333333333em; + margin: 0.25em; + padding: 0.25em; } #ExpanderBox frame frame drawingarea { @@ -561,10 +799,10 @@ flowboxchild:selected { /* Sub-tool (MyExpander) background */ #ExpanderBox2 > box, #ExpanderBox2 > grid { background-color: #3B3B3B; - border: 1px solid #2A2A2A; - border-radius: 4px; + border: 0.0833333333333333em solid #2A2A2A; + border-radius: 0.3333333333333333em; margin: 0; - padding: 3px; + padding: 0.25em; } #ExpanderBox2 drawingarea { @@ -573,10 +811,10 @@ flowboxchild:selected { #ExpanderBox2 frame > border { background-color: #414141; - border: 1px solid #373737; - border-radius: 4px; - margin: 3px; - padding: 3px; + border: 0.0833333333333333em solid #373737; + border-radius: 0.3333333333333333em; + margin: 0.25em; + padding: 0.25em; } #ExpanderBox2 frame drawingarea { @@ -585,10 +823,10 @@ flowboxchild:selected { #ExpanderBox2 frame frame > border { background-color: #474747; - border: 1px solid #3D3D3D; - border-radius: 4px; - margin: 3px; - padding: 3px; + border: 0.0833333333333333em solid #3D3D3D; + border-radius: 0.3333333333333333em; + margin: 0.25em; + padding: 0.25em; } #ExpanderBox2 frame frame drawingarea { @@ -596,21 +834,22 @@ flowboxchild:selected { } #MyExpanderTitle > box { - margin: 2px 0; - padding: 2px 0; + margin: 0.1666666666666666em 0; + padding: 0.1666666666666666em 0; } #MyExpanderTitle label { color: #CCCCCC; padding: 0; - margin: 0 3px 0 3px; + margin: 0 0.25em 0 0.25em; + font-size: 1.1em; } #MyExpanderTitle:hover { background-color: #202020; } #MyExpanderTitle eventbox:hover image { background-color: #202020; - border-radius: 3px; + border-radius: 0.25em; } #MyExpanderTitle:hover label { color: #D8D8D8; @@ -622,7 +861,7 @@ flowboxchild:selected { /* Editor tab button */ #MainNotebook grid label, #MainNotebook grid image { - padding: 1px; + padding: 0.0833333333333333em; } /* File Browser right side tabs - Toolbox, Inspector, Fast Export, Filter */ @@ -635,57 +874,51 @@ notebook { notebook header { box-shadow: none; background-color: #383838; - border-width: 1px; + border-width: 0.0833333333333333em; border-style: none; border-color: #262626; border-radius: 0; - padding: 2px; + padding: 0.1666666666666666em; margin: 0; } notebook tabs { - padding: 1px; + padding: 0.0833333333333333em; margin: 0; } notebook tab { - padding: 1px; - margin: 2px; - min-height: 15px; - min-width: 15px; + padding: 0.0833333333333333em; + margin: 0.1666666666666666em; + min-height: 1.25em; + min-width: 1.25em; } notebook tab:hover { background-color: #505050; } -notebook tab:active { - padding: 3px; - border-width: 5px; - border-color: #989898; -} - notebook tab button { padding: 0 0; - margin: 0 3px; + margin: 0 0.25em; } /* Get rid of shitty notebook header shadow */ notebook header.top { border-bottom-style: solid; - padding-bottom: 3px; + padding-bottom: 0.25em; } notebook header.right { border-left-style: solid; - padding-left: 3px; + padding-left: 0.25em; } notebook header.bottom { border-top-style: solid; - padding-top: 3px; + padding-top: 0.25em; } notebook header.left { border-right-style: solid; - padding-right: 3px; + padding-right: 0.25em; } notebook.frame { @@ -709,19 +942,29 @@ paned box, paned grid { } paned > separator { - border-width: 1px 1px 0 0; + border-width: 0.0833333333333333em 0.0833333333333333em 0 0; border-style: solid; border-color: #404040; - padding: 0px; - margin: 4px; + padding: 0; + margin: 0.3333333333333333em; +} +fontchooser scrolledwindow, +#PlacesPaned scrolledwindow, +#HistoryPanel scrolledwindow, +#Snapshots scrolledwindow { + border-width: 0.083333333333333333em; } #PlacesPaned { - padding: 0px 0px 5px 5px; + margin: 0; + padding: 0 0.4166666666666666em 0 0; } -#PlacesPaned:first-child { - padding: 0; - margin: 2px 0 4px 4px; +#PlacesPaned > box:nth-child(1) scrolledwindow + grid { + margin: -2px 0 -2px 0; + border-top-width: 0.083333333333333333em; +} +#PlacesPaned > box:nth-child(3) treeview { + padding: 0.25em 0.333333333333333333em 0.25em 0.333333333333333333em; } #MainNotebook > header.left tab image { @@ -755,29 +998,64 @@ paned > separator { /* OK */ border-color: #989898; } +#MainNotebook tab:checked { + background-color: #505050; +} + +#RightNotebook > stack > :nth-child(1) checkbutton + scrolledwindow { + min-height: calc(6em + 43px); +} +#RightNotebook > stack > scrolledwindow frame, +#BatchQueueButtonsMainContainer frame, +#MyExpander frame, +dialog frame { + margin: 0; + padding: 0.19em 0.75em; +} +#RightNotebook > stack > scrolledwindow frame > border, +#BatchQueueButtonsMainContainer > frame > border, +#MyExpander frame > border, +dialog frame > border { + padding: 0 0.333333333333333333em 0.333333333333333333em; + border-width: 0.083333333333333333em; + margin: 0 -0.583333333333333333em; +} +#RightNotebook > stack > scrolledwindow frame > label:not(.dummy), +#BatchQueueButtonsMainContainer frame > label:not(.dummy), +#ToolPanelNotebook frame > label:not(.dummy), +dialog frame > label:not(.dummy) { + padding: 0.25em 0.5em; +} +#BatchQueueButtonsMainContainer frame > border { + margin-bottom: 0.833333333333333333em; +} +#BatchQueueButtonsMainContainer frame:nth-child(3) > border { + padding-left: 0.916666666666666666em; +} #RightNotebook header { - /* OK */ background-color: #2A2A2A; } #RightNotebook tabs { - /* OK */ background-color: #2A2A2A; - padding-bottom: 5px; + padding-bottom: 0.083333333333333333em; } #RightNotebook tab:hover { - /* OK */ background-color: #505050; color: #D6D6D6; } #RightNotebook tab:active { - /* OK */ border-color: #A5A5A5; } #LabelRightNotebook { - padding: 5px; - margin: 2px; + padding: 0.4166666666666666em; + margin: 0.1666666666666666em; + font-size: 1.25em; +} + +#ToolPanelNotebook { + min-width: 25em; } #ToolPanelNotebook header { @@ -788,32 +1066,33 @@ paned > separator { } #ToolPanelNotebook header tabs { - background-color: #383838; + background-color: #2A2A2A; + margin: 0; } #ToolPanelNotebook header tab { - padding: 3px; + padding: 0.25em; margin: 0; } /* All tool panels have a frame except for Meta which unlike the rest is a notebook itself. * So we use CSS to make it look like a frame. */ #MetaPanelNotebook > stack > box { - border: 1px solid #262626; + border: 0.0833333333333333em solid #262626; background-color: #363636; - border-radius: 0 0 4px 4px; + border-radius: 0 0 0.3333333333333333em 0.3333333333333333em; border-top-style: none; - padding: 0 3px 3px 3px; - margin: 0 5px 5px 5px; + padding: 0 0.25em 0.25em 0.25em; + margin: 0 0.4166666666666666em 0.4166666666666666em 0.4166666666666666em; } #MetaPanelNotebook header { - border: 1px solid #262626; + border: 0.0833333333333333em solid #262626; background-color: #363636; - border-radius: 4px 4px 0 0; + border-radius: 0.3333333333333333em 0.3333333333333333em 0 0; border-bottom-style: none; - padding: 5px; - margin: 5px 5px 0 5px; + padding: 0.4166666666666666em; + margin: 0.4166666666666666em 0.4166666666666666em 0 0.4166666666666666em; } #MetaPanelNotebook > header > tabs { @@ -821,36 +1100,36 @@ paned > separator { } #MetaPanelNotebook > header tab { - margin: 0 5px; - padding: 5px; + margin: 0 0.4166666666666666em; + padding: 0.4166666666666666em; } #MetaPanelNotebook textview { - border-radius: 3px; + border-radius: 0.25em; } #MetaPanelNotebook entry, #MetaPanelNotebook scrolledwindow, #MetaPanelNotebook combobox { - margin: 2px 0 2px 0; + margin: 0.1666666666666666em 0 0.1666666666666666em 0; } #MetaPanelNotebook entry { - padding: 0 1px; + padding: 0 0.0833333333333333em; } #MetaPanelNotebook label { - padding: 0 5px; + padding: 0 0.4166666666666666em; } #MetaPanelNotebook text { border-color: #202020; background-color: #262626; border-style: solid; - border-width: 1px; - border-radius: 3px; + border-width: 0.0833333333333333em; + border-radius: 0.25em; } #MetaPanelNotebook stack > box > scrolledwindow > viewport { - margin-left: 15px; + margin-left: 1.25em; } #PreviewWindow { @@ -881,27 +1160,29 @@ paned > separator { padding: 3pt; margin: 0; } +#PrefNotebook box > frame > border { + padding-top: 0; + padding-bottom: 0.25em; +} +#PrefNotebook scrolledwindow scrolledwindow { + border-width: 0.083333333333333333em; +} /* Add space between bottom panel and window edge */ #IopsPanel { - padding: 0 2px 2px; -} - -/* Move places paned (Places and Folders) away from window edges */ -#PlacesPaned { - padding: 5px; + padding: 0 0.1666666666666666em 0.1666666666666666em; } #EditorLeftPaned:first-child { - padding: 0 0 0 3px; + padding: 0 0 0 0.25em; } #EditorLeftPaned:last-child { - padding: 10px 0 0 10px; + padding: 0.8333333333333333em 0 0 0.8333333333333333em; } #EditorRightPaned:last-child { - padding: 0 4px 0 0; + padding: 0 0.3333333333333333em 0 0; } #MainNotebook > header #CloseButton { @@ -914,17 +1195,71 @@ paned > separator { } #RightNotebook #ToolPanelNotebook stack { - margin: 0px; + margin: 0; } #RightNotebook #HistoryPanel { - padding: 4px; + min-width: 17.5em; + margin-top: 0.333333333333333333em; } #RightNotebook scrolledwindow { - padding: 4px; + padding: 0.3333333333333333em; +} +#HistoryPanel { + margin-top: 0.25em; +} +#HistoryPanel > border { + margin-top: 1.75em; +} +#HistoryPanel > label { + margin: 0 0 -1.5em 0; + padding: 0 0 0 0.083333333333333333em; +} +#Snapshots { + margin-top: 0.166666666666666666em; +} +#Snapshots > border { + min-height: calc(6em + 36px); +} +#Snapshots > label { + margin-bottom: -4px; +} +#Snapshots scrolledwindow + box { + margin: -8px 0 -4px ; + border-top-width: 0.083333333333333333em; +} +#Navigator { + padding-top: 0.75em; + padding-bottom: 0.25em; +} +#Navigator label { + padding: 0; } +/*** PartialPaste ******************************************************************************/ +#PartialPaste { + border-width: 0.083333333333333333em; + padding-top: 0.5em; + padding-bottom: 0.5em; +} + +#PartialPaste separator.vertical { + margin: 0 0.333333333333333333em; + padding: 0; +} + +#PartialPaste separator { /* Struggles with #PartialPasteHeaderSep */ + margin: 0.166666666666666666em 0.5em 0.166666666666666666em 1.166666666666666666em; +} +#PartialPasteHeaderSep.horizontal { + margin: 0.166666666666666666em 0.5em; +} + +/* +#PartialPasteHeader label { +} +*/ /* make the "partial profile" dialog a little bit more readable */ #PartialPasteHeader { @@ -937,14 +1272,17 @@ paned > separator { background-color: #D8D8D8; } +/*** end ***************************************************************************************/ + + /* All MyFileChooserButtons */ button#MyFileChooserButton { - padding: 2px; - margin: 2px; + padding: 0.1666666666666666em; + margin: 0.1666666666666666em; } #ToolPanelNotebook button { - margin: 0px; + margin: 0; } button.flat { @@ -959,25 +1297,25 @@ button.flat:checked { .text-button, .image-button, .independent { box-shadow: none; - min-height: 24px; - min-width: 24px; - padding: 0px; + min-height: 2em; + min-width: 2em; + padding: 0; } /* Makes image-comboboxes (e.g. tone curve types) have same size as image buttons */ combobox, .popupbutton-arrow { - min-height: 24px; + min-height: 2em; } /* Makes image-combobox small icons centered */ button.toggle > grid > image { - padding: 4px; + padding: 0.3333333333333333em; } #histButton { background: none; - min-height: 16px; - min-width: 16px; + min-height: 1.3333333333333333em; + min-width: 1.3333333333333333em; } /* -gtk-icon-shadow looks buggy on the small histogram icons */ @@ -986,38 +1324,23 @@ button.toggle > grid > image { } .narrowbutton { - min-width: 10px; + min-width: 0.8333333333333333em; } .smallbuttonbox button { - min-width: 16px; - min-height: 16px; + min-width: 1.3333333333333333em; + min-height: 1.3333333333333333em; } -/* Adds padding around sides of text-buttons */ -button.text-button { - padding: 0 8px; -} /* Adds gap between combobox contents and combobox edges */ button.combo, .image-combo .toggle, #MyFileChooserButton { - padding-left: 4px; - padding-right: 4px; -} - -/* Progress bars */ - -progressbar.horizontal { - min-width: 100px; - margin-bottom: 2px; -} - -progressbar.vertical { - min-height: 100px; - margin: 8px 0; + padding-left: 0.3333333333333333em; + padding-right: 0.3333333333333333em; } +/*** Progressbar *******************************************************************************/ progressbar trough { background-color: #383838; border: none; @@ -1025,20 +1348,13 @@ progressbar trough { progressbar progress { border-color: #363636; - border-radius: 3px; + /*border-radius: 0.25em;*/ background-color: #215d9c; } - -progressbar.horizontal trough, progressbar.horizontal progress { - min-height: 10px; -} - -progressbar.vertical trough, progressbar.vertical progress { - min-width: 10px; -} +/*** end ***************************************************************************************/ /* Add padding to grid cells */ .grid-spacing > * { - margin: 2px; + margin: 0.1666666666666666em; } diff --git a/rtdata/themes/size.css b/rtdata/themes/size.css new file mode 100644 index 000000000..636bea4b2 --- /dev/null +++ b/rtdata/themes/size.css @@ -0,0 +1,1023 @@ +* { + min-width: 0; + min-height: 0; + padding: 0; + margin: 0; +} + +progressbar.vertical { + min-width: 0; + min-height: 9em; +} +progressbar trough { + border-width: 0.083333333333333333em; + border-radius: 0.416666666666666666em; +} + +progressbar trough progress { + border-radius: 0.416666666666666666em; + border-width: 0.083333333333333333em; +} + +progressbar.vertical trough { + min-width: 0.416666666666666666em; +} +progressbar.vertical trough progress { + min-width: 0.416666666666666666em; + margin: -0.083333333333333333em 0; +} + + +progressbar.horizontal trough { + min-height: 0.416666666666666666em; + margin-top: 0.416666666666666666em; +} +#IopsPanel progressbar.horizontal trough { + margin-top: 0; +} + +progressbar.horizontal trough progress { + min-height: 0.416666666666666666em; + margin: 0 -1px; +} + +/* #IopsPanel progressbar trough.empty, */ +progressbar trough.empty progress { +} + +/*** Notebook **********************************************************************************/ +notebook, +notebook header, +notebook tabs, +notebook tab, +notebook stack { + border-radius: 0; + border: none; + padding: 0; + margin: 0; + min-width: 0; + min-height: 0; +} +notebook > header { + padding: 0 0.416666666666666666em; +} +notebook > header.left { + padding: 0.416666666666666666em 0; +} +notebook > header tab { + margin: 0.416666666666666666em 0.25em; + padding: 0 0.333333333333333333em; +} +notebook > header.left tab { + margin: 0.25em 0.416666666666666666em; + padding: 0.333333333333333333em 0; +} +notebook > header tab > grid > image { + min-height: 2em; + min-width: 2em; + padding: 0.25em; + margin: 0; +} + +notebook > header > tabs > arrow { + border-radius: 0.2em; + padding: 0 0.166666666666666666em; + margin: 0.5em 0; +} +notebook > header.left > tabs > arrow { + padding: 0.166666666666666666em 0; + margin: 0 0.5em; +} + +/*?win*/ +#MainNotebook > stack { + padding: 0.416666666666666666em; +} + +#MainNotebook > stack > :nth-child(2) > box:nth-child(3) { + margin-top: 0.416666666666666666em; +} + + +/* Adds a line on top of the notebook as a separtor for the titlebar (only on CSD) */ +dialog.csd #PrefNotebook > header, +dialog.csd #AboutNotebook > header, +window.csd:not(.fullscreen) #MainNotebook > header.top { + border-top-width: 0.083333333333333333em; +} +/**/ + + +#RightNotebook > stack > scrolledwindow > viewport > box > box:last-child > image, +#ToolPanelNotebook > stack > scrolledwindow > viewport > box > box:last-child > image { + min-height: 5em; +} + +#ToolPanelNotebook > header { + border-bottom-width: 0.083333333333333333em; + margin-left: 0.083333333333333333em; + margin-right: 0.083333333333333333em; + padding: 0 0.19em; +} +#ToolPanelNotebook > header tabs { + margin: 0; +} +#ToolPanelNotebook > header tab { + padding: 0; +} +#ToolPanelNotebook > header tab image{ + min-height: 2em; + min-width: 2em; + margin: 0.19em 0.25em 0.333333333333333333em; + padding: 0; +} +#ToolPanelNotebook > stack { + padding: 0.5em 0 0 0; +} + +#RightNotebook > header { + margin: 0 0.416666666666666666em 0 0; +} +#RightNotebook > stack { + padding: 0; +} +#RightNotebook > header tab label { + padding-left: 0.25em; + padding-right: 0.25em; +} + +#RightNotebook > stack > :nth-child(1) > * > box, +#RightNotebook > stack > :nth-child(4) > * > box { + padding: 0.5em; + border-width: 0.083333333333333333em; +} + +#PrefNotebook > header { + margin: -0.666666666666666666em -0.666666666666666666em 0.333333333333333333em; +} +#PrefNotebook > stack { + margin: 0 -0.666666666666666666em; +} +#PrefNotebook > stack > scrolledwindow > viewport { + padding: 0 0.333333333333333333em; +} + +#AboutNotebook > header { + margin: -0.666666666666666666em -0.666666666666666666em 0.666666666666666666em; +} + +#AboutNotebook > stack text, +#AboutNotebook > stack textview { + padding: 0.75em 0; +} +/* Meta panel notebook */ +#MetaPanelNotebook > header { + padding: 0.333333333333333333em; + margin: 0 0.5em 0; +} +#MetaPanelNotebook > header > tabs { + padding-left: 0.333333333333333333em; +} +#MetaPanelNotebook > stack { + padding: 0 0 0.5em 0; +} + +#MetaPanelNotebook > stack > box { + border: none; + border-radius: 0; + border-top-style: none; + padding: 0 0.333333333333333333em 0.25em; + margin:0 0.5em -0.5em; +} +#MetaPanelNotebook > stack > box:nth-child(1) > scrolledwindow { + margin: 0 0 0.333333333333333333em; + padding: 0; +} + +#MetaPanelNotebook > stack > box:nth-child(2) > scrolledwindow > viewport.frame { + padding: 0; +} + +#MetaPanelNotebook entry { + padding: 0 0.333333333333333333em; + border-radius: 0; + margin-left: 0; + margin-right: 0; +} + +#MetaPanelNotebook .view { + border-width: 0.083333333333333333em; + padding: 0.083333333333333333em 0.25em; +} + +#MetaPanelNotebook stack label { + margin-top: 0; + margin-bottom: 0; + padding: 0; +} + +/*** end ***************************************************************************************/ + +/*** File Browser ******************************************************************************/ +#FileCatalog { + border-width: 0.083333333333333333em; +} + +/*?win*/ +#FileBrowser { + padding: 0; + margin: 0; +} + +#ToolBarPanelFileBrowser { + margin: 0 0 0.416666666666666666em 0; + min-height: 0; + min-width: 0; + padding: 0; +} +#FileBrowserQueryToolbar { + margin: 0 0 0.416666666666666666em 0; + min-height: 0; + min-width: 0; + padding: 0; +} + +/*** end ***************************************************************************************/ + +/*** Image Editor ******************************************************************************/ +#EditorRightPaned { + margin: 0; +} + +#BeforeAfterContainer { + border-width: 0.083333333333333333em; + border-radius: 0; + padding: 0; + margin: calc(0.416666666666666666em - 2px) 0 0.416666666666666666em; +} +#BeforeAfterContainer > box:nth-child(2) > box:nth-child(2), +#BeforeAfterContainer > box:nth-child(1) > box:nth-child(2){ + border-top: 0.083333333333333333em solid @bg-dark-grey; +} +#BeforeAfterContainer > box:nth-child(2){ + border-left: 0.083333333333333333em solid @bg-dark-grey; +} + +/* !!! Must be same height as "Small Lock Button" */ +#BeforeAfterContainer label { + padding: 0 0.5em; + min-height: 2em; + min-width: 2em; + margin: 0.25em 0; + border-width: 0.083333333333333333em; +} + +#EditorToolbarTop { + margin: 0 -1px 0 -1px; + padding: 0; + min-height: 0; +} + +#IopsPanel { + margin: 0; + padding: 0; + min-height: 0; +} + +#EditorZoomPanel label { + min-width: 4em; + margin: 0; +} +/*** end ***************************************************************************************/ + +/*** Toolbox ***********************************************************************************/ +#MyExpander image { + min-width: 1.333333333333333333em; + min-height: 0; + margin: -0.083333333333333333em 0.19em; +} + +#MyExpander .drawingarea:not(.slider) { + border-width: 0.083333333333333333em; +} +#MyExpander .slider, +#MyExpander #CurveSHCSelector { + border-width: 0.083333333333333333em; +} +#MyExpander .drawingarea:disabled { +} +#ThresholdAdjuster { + margin: 0.083333333333333333em 0 0.166666666666666666em 0; +} + +#ToolPanelNotebook > stack > scrolledwindow > viewport.frame { + padding: 0 0.25em 0 0.5em; +} + +#MyExpander { + margin: 0; + padding: 0; +} +#ExpanderBox > box, #ExpanderBox > grid { + border-width: 0.083333333333333333em; + border-radius: 0.416666666666666666em; + margin: 0; + padding: 0.5em 0.333333333333333333em; +} + +/* Sub-tool (MyExpander) */ +#ExpanderBox2 > box, #ExpanderBox2 > grid { + border-width: 0.083333333333333333em; + border-radius: 0.416666666666666666em; + margin: 0 0.19em; + padding: 0.333333333333333333em; +} + +#MyExpanderTitle > box { + margin: 0; + padding: 0.25em 0; +} + +#MyExpanderTitle label { + padding: 0; + margin: 0.083333333333333333em 0.25em 0 0.166666666666666666em; +} +/*** end ***************************************************************************************/ + +/*** Context & popups menus *****************************************************************************/ +.csd.popup > decoration { + border-radius: 0; + border: none; + padding: 0; + margin: 0; +} + +menu { + border-width: 0.083333333333333333em; + padding: 0.083333333333333333em; + margin: 0; +} +menu > arrow.top, +menu > arrow.top:hover, +menu > arrow.bottom, +menu > arrow.bottom:hover { + border: none; + padding: 0.5em; + min-height: 1.5em; +} + +menuitem { + padding: 0 0.333333333333333333em; + margin: 0.083333333333333333em; + min-height: 2em; +} + +menu arrow { + min-width: 1.333333333333333333em; + margin: 0 -0.19em; + padding: 0; + margin: 0 -0.25em 0 0; +} + +menu image:not(.dummy), +#MyExpander menu image:not(.dummy) { + min-height: 2em; + min-width: 1.5em; + padding: 0; + margin: 0 0 0 -1.333333333333333333em; +} + +/*** Selection popup list (used in filechooser) ***/ +entry > window > frame:not(.dummy) { + padding: 0; +} +entry > window > frame > border:not(.dummy) { + padding: 0.083333333333333333em; + margin: 0.083333333333333333em; + border-width: 0.083333333333333333em; +} +/* end */ + +/*** end ***************************************************************************************/ + +/*** Popover *** Context menu filechooser ******************************************************/ +popover { + border-width: 0.083333333333333333em; + border-radius: 0; + padding: 0; + margin: 0; +} +popover > box { + padding: 0; + margin: -9px; +} +popover modelbutton { + min-height: 2em; + padding: 0 0.416666666666666666em; + margin: 0; + border-radius: 0; +} + +popover label { + margin-right: 0.5em; +} +/** end ****************************************************************************************/ + +/*** Switch ***********************************************************************************/ +switch { + min-height: 2.333333333333333333em; + min-width: 11em; + margin: 0 0.19em; + padding: 0; + border-radius: 0.2em; + border-width: 0.083333333333333333em; + margin-bottom: 0.5em; +} + +switch slider { + border-width: 0.083333333333333333em; + border-radius: 0.2em 0 0 0.2em; + + /* Needed to cover the total switch */ + margin: -0.083333333333333333em; + padding: 0.083333333333333333em; +} +switch:checked slider{ + border-radius: 0 0.2em 0.2em 0; +} +/** end ****************************************************************************************/ + +/*** Buttons ***********************************************************************************/ +button, +#BeforeAfterContainer button { + min-height: 1.666666666666666666em; + min-width: 1.666666666666666666em;/*x*/ + margin: 0.19em; + border-radius: 0.2em; + border-width: 0.083333333333333333em; +} +button.flat { + border-width: 0.083333333333333333em; +} + +/* Combobox */ +button.combo { + padding: 0 0 0 0.25em; +} +combobox entry.combo + button.combo { + min-width: 1em; + margin-left: 0; + padding: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-left: none; +} +#WB-Size-Helper button.combo { + min-width: 0; + margin: 0; +} +#WB-Size-Helper { + min-width: 3.5em; + margin: 0.19em; +} + +combobox arrow { + margin-right: 0.083333333333333333em; +} + +combobox entry.combo + button.combo arrow { + margin-right: 0; +} + +#PlacesPaned button.combo { + margin: 0; +} +#PlacesPaned combobox { + margin-bottom: calc(0.416666666666666666em - 8px); +} + +#ProfilePanel combobox { + margin-right: -0.166666666666666666em; +} + +/* Misc */ +button label { + margin: 0 0.416666666666666666em; +} +button image:not(.dummy), +#MyExpander button image:not(.dummy) { + margin: 0; +} +#MyFileChooserButton label { + margin: 0 0 0 0.416666666666666666em; +} +#MyFileChooserButton image:not(.dummy):last-child { + margin: 0 0.416666666666666666em 0 0; + min-width: 1.333333333333333333em; +} +#MetaPanelNotebook button + button:last-child { + margin-right: 0; +} +#MetaPanelNotebook scrolledwindow + grid > button:first-child, +#MetaPanelNotebook scrolledwindow + grid + grid > button:first-child { + margin-left: 0; +} +#MetaPanelNotebook scrolledwindow + grid > button:last-child, +#MetaPanelNotebook scrolledwindow + grid + grid > button:last-child { + margin-right: 0; +} + +#ProfilePanel > grid { + margin-bottom: calc(0.416666666666666666em -2px); +} + +/* Reset button */ +scale + button.flat, +spinbutton + button.flat, +scale + image + image + button.flat { + min-height: 1.333333333333333333em; + margin-top:0.095em; + margin-bottom: 0.095em; +} + +/* Color chooser & buttons */ +button.color { + min-width: 3.25em; +} + +button.color colorswatch { + min-height: 0; + min-width: 0; + margin: 1px; + border-radius: 0.2em; +} + +colorchooser colorswatch { + border-width: 1px; +} +colorchooser colorswatch#add-color-button:first-child { + border-radius: 5.5px 0 0 5.5px; +} + +/* Font chooser button */ +button.font label{ + min-height: 0; + min-width: 0; + margin: 0 0.19em; +} + +/* Save, Cancel, OK ... buttons */ +dialog .dialog-action-area button { + min-height: 2.166666666666666666em; + margin: 0.5em 0 0 0.333333333333333333em; + padding: 0; +} +messagedialog .dialog-action-area button { + min-height: 1.833333333333333333em; + margin: 0 0.5em 0.5em; + padding: 0; +} +messagedialog .dialog-action-area button:not(:only-child):nth-child(1) { + margin-right: 0.25em; +} +messagedialog .dialog-action-area button:not(:only-child):nth-child(2) { + margin-left: 0.25em; +} + +/* Big tool buttons */ +#ToolBarPanelFileBrowser button, +#EditorTopPanel button, +#IopsPanel button, +#ProfilePanel button, +#MainNotebook > header > grid > button, +#MyExpander button.independent.toggle:not(.image-button):not(.text-button):first-child:only-child, /* Graduated filter big button */ +.curve-mainbox .curve-buttonbox button.flat, +#BatchQueueButtonsMainContainer + grid + box button, +#RightNotebook > stack > scrolledwindow:last-child button.image-button, /* Fast Export */ +#MetaPanelNotebook scrolledwindow + grid > button, +#MetaPanelNotebook scrolledwindow + grid + grid > button { + min-height: 2.5em; + min-width: 2.5em; + margin: 0 0.19em; +} +#ToolBarPanelFileBrowser > button:first-child, +#EditorTopPanel > button:first-child, +#IopsPanel > button:nth-child(6), +#ProfilePanel > grid > button:first-child { + margin-left: 0; +} +#ToolBarPanelFileBrowser > button:last-child, +#ToolBarPanelFileBrowser > box:last-child > button:last-child, +#EditorTopPanel > button:last-child, +#EditorTopPanel > box:last-child > button:last-child, +#IopsPanel > button:last-child, +#ProfilePanel > grid > button:last-child, +#BatchQueueButtonsMainContainer + grid + box button { + margin-right: 0; +} +#MyExpander button.independent.toggle:not(.image-button):not(.text-button):first-child:only-child, /* Graduated filter button */ +#MetaPanelNotebook scrolledwindow + grid > button, +#MetaPanelNotebook scrolledwindow + grid + grid > button { + margin: 0.19em; +} + +#EditorTopPanel button.narrowbutton { + min-width: 0.833333333333333333em; + padding: 0 0.166666666666666666em; +} + +/* Image close button */ +#MainNotebook > header tab #CloseButton { + padding: 0; + margin: 0.333333333333333333em 0 0.416666666666666666em 0.19em; + min-width: 1.5em; + min-height: 0; +} +#MainNotebook > header tab #CloseButton image{ + min-width: 1.333333333333333333em; + min-height: 1.333333333333333333em; +} + +/* Filter buttons*/ +#ToolBarPanelFileBrowser .smallbuttonbox { + min-height: 1.333333333333333333em; + padding: 0; + margin: 0; +} +#ToolBarPanelFileBrowser .smallbuttonbox:nth-child(2) { + margin: 0.083333333333333333em 0 -0.166666666666666666em; +} +#ToolBarPanelFileBrowser .smallbuttonbox button.smallbutton image { + margin: -0.19em; + min-width: 1.333333333333333333em; + min-height: 1.333333333333333333em; +} +#ToolBarPanelFileBrowser .smallbuttonbox button.smallbutton { + min-height: 0; + min-width: 1.333333333333333333em; + padding: 0; + margin: 0 0.25em; + border: none; + border-radius: 0; +} + +/* Arrow toggle combo button */ +#IopsPanel .image-combo button.Right, +#MyExpander .image-combo button.Right { + border-left: none; + margin-left: 0; + padding: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + min-width: 1.333333333333333333em; +} +#IopsPanel .image-combo button.Right image, +#MyExpander .image-combo button.Right image { + margin: 0 -0.083333333333333333em; +} +#IopsPanel .image-combo button.Left, +#MyExpander .image-combo button.Left { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + min-width: 2.5em; + margin-right: 0; +} +#MyExpander .image-combo button.Left { + min-width: 2.75em; +} +#MyExpander .image-combo button.Left label { + margin-right: 0; +} + +/* Search & Query buttons */ +#FileBrowserQueryToolbar entry + button.flat, +#FileBrowserIconToolbar entry + button.flat { + min-height: 1.666666666666666666em;/*x*/ + min-width: 1.666666666666666666em;/*x*/ + margin: 0; + border-radius: 0 0.2em 0.2em 0; + border-width: 0.083333333333333333em; + padding: 0; +} +#FileBrowserQueryToolbar entry + button.flat:not(:hover):not(:active), +#FileBrowserIconToolbar entry + button.flat:not(:hover):not(:active) { + border-left: none; + padding-left: 0.083333333333333333em; +} +#FileBrowserIconToolbar box > entry + button.flat { + margin-top: 0.416666666666666666em; + margin-bottom: 0.416666666666666666em; + min-height: 0; +} + +/* Small Lock Button */ +#BeforeAfterContainer button { + min-height: 2em; + min-width: 2em; + margin: 0.25em 0.25em 0.25em 0; + padding: 0; + border-radius: 0.2em; + border-width: 0.083333333333333333em; +} +#BeforeAfterContainer button image{ + margin: 0 0 0 0.083333333333333333em; +} +#BeforeAfterContainer button:checked image{ + margin: 0.083333333333333333em -0.166666666666666666em 0.083333333333333333em 0.25em; +} + +/* Snapshot & Places buttons */ +#Snapshots button, +#PlacesPaned > box:nth-child(1) scrolledwindow + grid > button { + margin: 0; + padding: 0; + border-width: 0.083333333333333333em; + border-radius: 0; + min-height: 1.666666666666666666em;/*x*/ +} +/**/ + + +/* View & Filechooser Buttons */ +.view button { + min-height: 2em; + min-width: 1.333333333333333333em; + padding: 0 0.19em; + margin: 0; +} +#pathbarbox button { + min-width: 2em; + margin: 0; + padding: 0; + } +window treeview > header image { + min-width: 1.333333333333333333em; +} + +window .view button { + border: none; + border-bottom-width: 0.083333333333333333em; +} +dialog .view button { + border-width: 0.083333333333333333em; +} + +.view header button:not(:first-child):not(:only-child), +.path-bar button:not(:first-child):not(:only-child) { + border-left: none; +} +.view header button, +.path-bar button { + border-radius: 0; +} + +.path-bar button:first-child { + border-top-left-radius: 0.2em; + border-bottom-left-radius: 0.2em; + margin: 0; + padding: 0; +} +.path-bar button:last-child { + border-top-right-radius: 0.2em; + border-bottom-right-radius: 0.2em; + margin: 0; + padding: 0; +} +#pathbarbox button:not(:first-child):not(:last-child) label { + margin: 0 0.5em; +} + +#pathbarbox button:not(:first-child):not(:last-child) image { + margin: 0 0 0 0.5em; + min-width: 1.333333333333333333em; +} +/**/ + +/* Popover Filechooser (Create folder) */ +popover button.text-button { + border-width: 0.083333333333333333em; +} +popover button.text-button label { + padding: 0; + margin: 0; +} +/* Adds padding around sides of text-buttons */ +button.text-button { + padding: 0 0.6666666666666666em; +} +/**/ + +/*** end ***************************************************************************************/ + +/*** Checkbox & Radio **************************************************************************/ +checkbutton, +radiobutton { + padding: 0.083333333333333333em 0; + margin: 0.19em; + min-height: 1.666666666666666666em;/*x*/ +} + +check, +radio { + border-width: 0.105em; + margin: 0; + padding: 0; + min-height: 1.166666666666666666em; + min-width: 1.166666666666666666em; +} +check { + border-radius: 0.166666666666666666em; +} + +radio{ + border-radius: 1.166666666666666666em; +} + +radiobutton label, +checkbutton label { + margin: 0 0.583333333333333333em 0 0.416666666666666666em; + padding: 0; +} + +frame > checkbutton check{ + margin-left: 0.5em; +} + +#PartialPaste checkbutton { + padding: 0; + margin: 0.19em 0 0 0.583333333333333333em; +} +#PartialPaste checkbutton:not(#PartialPasteHeader) { + margin: 0 0 0 1.166666666666666666em; +} + +/*** end ***************************************************************************************/ + +/*** Entry & Spinbutton ************************************************************************/ +#MyExpander entry, +entry, +spinbutton { + margin: 0.19em; + padding: 0 0.333333333333333333em; + min-height: 1.666666666666666666em;/*x*/ + min-width: 0; + border-width: 0.083333333333333333em; +} +#FileBrowserQueryToolbar entry, +#FileBrowserIconToolbar entry { + min-height: 1.666666666666666666em;/*x*/ + min-width: 0; + margin: 0; + border-right: none; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +#FileBrowserIconToolbar box > entry { + margin-top: 0.416666666666666666em; + margin-bottom: 0.416666666666666666em; + margin-left: 0.19em; + min-height: 0; +} +#FileBrowserQueryToolbar box + box > label + entry { + margin-left: 0.19em; +} +spinbutton { + padding: 0; +} + +#MyExpander spinbutton { + margin: 0.19em; + padding: 0; + min-height: 1.333333333333333333em; + min-width: 0; + border-width: 0.083333333333333333em; +} +/* Needed for Reset & and Auto button height*/ +#MyExpander button + label + spinbutton { + margin-top: 0.333333333333333333em; + margin-bottom: 0.333333333333333333em; +} +#MyExpander checkbutton + label + spinbutton { + margin-top: 0.416666666666666666em; + margin-bottom: 0.416666666666666666em; +} +/**/ + +#MyExpander spinbutton button, +spinbutton button { + padding: 0; + min-height: 1.333333333333333333em; + min-width: 1.666666666666666666em; + border: none; +} + +#MyExpander spinbutton entry, +spinbutton entry { + padding: 0 0.333333333333333333em; + margin: 0; + min-height: 0; + min-width: 0; + border: none; +} +#MyExpander spinbutton entry { + padding: 0 0.333333333333333333em 0 0.833333333333333333em; +} + +#MyExpander spinbutton button:hover, +spinbutton button:hover { + border: none; +} +#MyExpander spinbutton button:active, +spinbutton button:active { + border: none; +} + +/* Text selection */ +.view entry { + margin: 0 -2px; + border-width: 0.083333333333333333em; +} +/* end*/ + +/*** end ***************************************************************************************/ + +/* Curves **************************************************************************************/ +.curve-mainbox { + margin: 0.19em; + border-width: 0.083333333333333333em; +} +.curve-mainbox .curve-curvebox { + margin: 0; + padding: 0.416666666666666666em; +} +.curve-mainbox .curve-spinbuttonbox { + margin: 0; + padding: 0.25em; + border-width: 0.083333333333333333em; +} +.curve-mainbox .curve-sliderbox { + margin: 0; + padding: 0.25em; + border-width: 0.083333333333333333em; +} +.curve-mainbox .curve-buttonbox { + padding: 0.25em; +} +.curve-mainbox.left .curve-buttonbox { + border-width: 0.083333333333333333em; +} +.curve-mainbox.right .curve-buttonbox { + border-width: 0.083333333333333333em; +} +.curve-mainbox.top .curve-buttonbox { + border-width: 0.083333333333333333em; +} +.curve-mainbox.bottom .curve-buttonbox { + border-width: 0.083333333333333333em; +} +.curve-mainbox .curve-buttonbox button.flat { + margin: 0.095em; +} +/*** end ***************************************************************************************/ + +/*** Window Layout *****************************************************************************/ +.csd:not(.popup):not(tooltip) > decoration { + border-radius: 0.416666666666666666em 0.416666666666666666em 0 0; + border: none; + padding: 0; + margin: 0.833333333333333333em; +} +headerbar { + border-bottom-width: 0.083333333333333333em; + border-radius: 0.416666666666666666em 0.416666666666666666em 0 0; + min-height: 2em; + padding: 0.083333333333333333em 0.416666666666666666em 0; + margin: 0; +} + +/* Window state */ +.maximized > headerbar { + border-radius: 0; +} +/**/ + +/* Titlebar buttons*/ + +headerbar button.titlebutton image { + padding: 0; + margin: 0; +} +headerbar button.titlebutton { + margin: 0 0 0 0.333333333333333333em; + border-width: 0.083333333333333333em; + min-width: 1.5em; + min-height: 1.5em; + padding: 0; +} +messagedialog headerbar button.titlebutton { + min-width: 1.25em; + min-height: 1.25em; + margin: 0; +} +/*** end ***************************************************************************************/ diff --git a/rtgui/curveeditorgroup.cc b/rtgui/curveeditorgroup.cc index 4e5f038d6..10aff907c 100644 --- a/rtgui/curveeditorgroup.cc +++ b/rtgui/curveeditorgroup.cc @@ -33,6 +33,7 @@ CurveEditorGroup::CurveEditorGroup (Glib::ustring& curveDir, Glib::ustring group // We set the label to the one provided as parameter, even if it's an empty string curveGroupLabel = Gtk::manage (new Gtk::Label (groupLabel + ":", Gtk::ALIGN_START)); setExpandAlignProperties(curveGroupLabel, false, false, Gtk::ALIGN_START, Gtk::ALIGN_CENTER); + set_row_spacing(RTScalable::getScale()); } CurveEditorGroup::~CurveEditorGroup() @@ -120,6 +121,7 @@ void CurveEditorGroup::newLine() if (curveEditors.size() > numberOfPackedCurve) { Gtk::Grid* currLine = Gtk::manage (new Gtk::Grid ()); setExpandAlignProperties(currLine, true, false, Gtk::ALIGN_FILL, Gtk::ALIGN_START); + currLine->set_column_spacing(RTScalable::getScale()); bool isHeader = false; int x = 0; diff --git a/rtgui/histogrampanel.cc b/rtgui/histogrampanel.cc index c6acffb13..49960b2db 100644 --- a/rtgui/histogrampanel.cc +++ b/rtgui/histogrampanel.cc @@ -412,8 +412,9 @@ void HistogramRGBArea::get_preferred_height_vfunc (int &minimum_height, int &nat void HistogramRGBArea::get_preferred_width_vfunc (int &minimum_width, int &natural_width) const { - minimum_width = 60 * RTScalable::getScale(); - natural_width = 200 * RTScalable::getScale(); + int s = RTScalable::getScale(); + minimum_width = 60 * s; + natural_width = 200 * s; } void HistogramRGBArea::get_preferred_height_for_width_vfunc (int width, int &minimum_height, int &natural_height) const @@ -699,16 +700,17 @@ Gtk::SizeRequestMode HistogramArea::get_request_mode_vfunc () const void HistogramArea::get_preferred_height_vfunc (int &minimum_height, int &natural_height) const { - - minimum_height = 100 * RTScalable::getScale(); - natural_height = 200 * RTScalable::getScale(); + int s = (int)RTScalable::getScale(); + minimum_height = 100 * s; + natural_height = 200 * s; } void HistogramArea::get_preferred_width_vfunc (int &minimum_width, int &natural_width) const { - minimum_width = 200 * RTScalable::getScale(); - natural_width = 400 * RTScalable::getScale(); + int s = (int)RTScalable::getScale(); + minimum_width = 200 * s; + natural_width = 400 * s; } void HistogramArea::get_preferred_height_for_width_vfunc (int width, int &minimum_height, int &natural_height) const @@ -928,7 +930,6 @@ void HistogramArea::updateBackBuffer () cr->set_antialias (Cairo::ANTIALIAS_SUBPIXEL); cr->set_line_width (1.0 * s); - //cr->set_line_cap(Cairo::LINE_CAP_SQUARE); cr->set_operator (Cairo::OPERATOR_OVER); int ui = 0, oi = 0; @@ -992,6 +993,7 @@ void HistogramArea::drawCurve(Cairo::RefPtr &cr, { double s = RTScalable::getScale(); + cr->set_line_width(s); cr->move_to (0, vsize - 1); scale = scale <= 0.f ? 0.001f : scale; // avoid division by zero and negative values diff --git a/rtgui/preferences.cc b/rtgui/preferences.cc index dacae2221..b674ae5eb 100644 --- a/rtgui/preferences.cc +++ b/rtgui/preferences.cc @@ -889,7 +889,7 @@ Gtk::Widget* Preferences::getGeneralPanel () Gtk::Label* flayoutlab = Gtk::manage (new Gtk::Label (M ("PREFERENCES_EDITORLAYOUT") + ":")); setExpandAlignProperties (flayoutlab, false, false, Gtk::ALIGN_START, Gtk::ALIGN_BASELINE); - editorLayout = Gtk::manage (new Gtk::ComboBoxText ()); + editorLayout = Gtk::manage (new MyComboBoxText ()); setExpandAlignProperties (editorLayout, true, false, Gtk::ALIGN_FILL, Gtk::ALIGN_BASELINE); editorLayout->append (M ("PREFERENCES_SINGLETAB")); editorLayout->append (M ("PREFERENCES_SINGLETABVERTAB"));