diff --git a/rtdata/themes/TooWaBlue-Dark-GTK3-20_.css b/rtdata/themes/TooWaBlue-Dark-GTK3-20_.css index 43d9a3035..9472f4b3d 100644 --- a/rtdata/themes/TooWaBlue-Dark-GTK3-20_.css +++ b/rtdata/themes/TooWaBlue-Dark-GTK3-20_.css @@ -2,7 +2,7 @@ This file is part of RawTherapee. Copyright (c) 2016-2017 TooWaBoo - Version 2.42 - requires RT 5.0 + Version 2.44 - requires RT 5.0 RawTherapee is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License as published by @@ -105,7 +105,7 @@ messagedialog { } tooltip { background-color: @bg-tooltip; - border: 1px solid @border-tooltip; + border: 0.08334em solid @border-tooltip; border-radius: 0.33334em; padding: 0; margin: 0; @@ -180,7 +180,7 @@ frame > border { dialog frame > border { padding: 0.5em; border-radius: 0; - border: 1px solid @border-color; + border: 0.08334em solid @border-color; background-color: transparent; margin: 0 -0.5em; } @@ -241,11 +241,11 @@ textview:selected, treeview:selected { } #RightNotebook > stack > :nth-child(3) treeview { - border: 1px solid @bg-dark-grey; + border: 0.08334em solid @bg-dark-grey; border-bottom: none; } -#PlacesPaned > :nth-child(1) treeview { +#PlacesPaned > box:nth-child(1) treeview { padding: 0.08334em 0 0.08334em 0.5em; -gtk-icon-style: symbolic; } @@ -275,15 +275,15 @@ textview:selected, treeview:selected { margin-bottom: 0.41667em; } -#PlacesPaned > box:nth-child(3) > :nth-child(2), +#PlacesPaned > box:nth-child(3) > box:nth-child(2), #PlacesPaned > box:nth-child(1) > :nth-child(1), #HistoryPanel > border, #Snapshots > box > :nth-child(1) { - padding: 1px; background-color: @bg-dark-grey; + border: 0.08334em solid @bg-dark-grey; } -/*Corrects the space for the snapshot view of the paned separator*/ +/*Corrects the space of the snapshot view to the paned separator*/ #Snapshots { margin-top: -0.33334em; } @@ -321,11 +321,11 @@ filechooser box { } filechooser > box > paned > box { - border: 1px solid @bg-dark-grey; + border: 0.08334em solid @bg-dark-grey; background-color: @bg-dark-grey; } filechooser placessidebar { - padding: 0 1px; + padding: 0 0.08334em; background-color: @bg-dark-grey; } @@ -362,7 +362,7 @@ filechooser list row:selected { } #HistogramArea, #HistogramRGBArea { - border: 1px solid @bg-dark-grey; + border: 0.08334em solid @bg-dark-grey; background-color: @bg-dark-grey; } @@ -372,7 +372,7 @@ filechooser list row:selected { margin: 0; border-color: @bg-light-grey; border-style: solid; - border-width: 0 0 0 1px; + border-width: 0 0 0 0.08334em; background-color: @bg-dark-grey; background-image: none; box-shadow: none; @@ -385,7 +385,7 @@ filechooser list row:selected { } #EditorLeftPaned #fullButton, #EditorLeftPaned #histButton { - border-width: 0 1px 0 0; + border-width: 0 0.08334em 0 0; } /*** end ***************************************************************************************/ @@ -467,8 +467,8 @@ menu separator { /*** PartialPaste ******************************************************************************/ #PartialPaste { - border-bottom: 1px solid @border-color; - border-top: 1px solid @border-color; + border-bottom: 0.08334em solid @border-color; + border-top: 0.08334em solid @border-color; padding-top: 0.5em; padding-bottom: 0.5em; } @@ -518,10 +518,10 @@ scrollbar:not(.overlay-indicator) { background-color: rgba(0,0,0,.30); } scrollbar:not(.overlay-indicator).horizontal { - border-width: 0 1px 1px 1px; + border-width: 0 0.08334em 0.08334em 0.08334em; } scrollbar:not(.overlay-indicator).vertical { - border-width: 1px 1px 1px 0; + border-width: 0.08334em 0.08334em 0.08334em 0; } scrollbar:not(.overlay-indicator) slider { background-color: shade(@text-color, .9); @@ -593,7 +593,7 @@ scale slider { margin: calc(-0.33334em - 1px); border-radius: 0.83334em; background-image: linear-gradient(to bottom, shade (@accent-color4,1.15), shade (@accent-color4,.85)); - border: 1px solid @bg-dark-grey; + border: 0.08334em solid @bg-dark-grey; box-shadow: none; } scale slider:hover { @@ -603,14 +603,14 @@ scale slider:hover { scale trough { margin: 0.5em; /* has to be half of "scale slider / min-width min-height*/ background-color: @bg-scale-entry; - border-color: @bg-dark-grey; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.11), 0 1px rgba(242, 242, 242, 0.11); + border: 0.08334em solid @bg-dark-grey; + box-shadow: inset 0 0.08334em rgba(255, 255, 255, 0.11), 0 0.08334em rgba(242, 242, 242, 0.11); border-radius: 0.5em; } scale:not(:disabled) trough highlight { background-color: @accent-color2; - border-color: @bg-dark-grey; - box-shadow: inset 0 1px shade(@accent-color2, 1.3); + border: 0.08334em solid @bg-dark-grey; + box-shadow: inset 0 0.08334em shade(@accent-color2, 1.3); border-radius: 0.5em; } @@ -671,7 +671,7 @@ progressbar.horizontal trough progress { #IopsPanel progressbar.horizontal trough { min-height: 0.5em; background-color: @bg-scale-entry; - border: 1px solid @bg-button-border; + border: 0.08334em solid @bg-button-border; margin-top: 0.25em; } #IopsPanel progressbar.horizontal trough progress { @@ -770,8 +770,9 @@ dialog notebook stack { #MainNotebook > stack { padding: 0.41667em; } -#MainNotebook > stack > :nth-child(2) > :nth-child(2) { - margin-bottom: 0.33334em; + +#MainNotebook > stack > :nth-child(2) > box:nth-child(3) { + margin-top: 0.41667em; } @@ -801,10 +802,11 @@ window.csd:not(.fullscreen) #MainNotebook > header.top { background-color: @bg-grey; padding: 0; } -#RightNotebook > stack > :nth-child(3), -#RightNotebook > stack > :nth-child(4) { + +#RightNotebook > stack > :nth-child(3) > * > box, +#RightNotebook > stack > :nth-child(4) > * > box { padding: 0.5em; - border: 1px solid @bg-entry-border; + border: 0.08334em solid @bg-entry-border; } #PrefNotebook header { @@ -813,8 +815,9 @@ window.csd:not(.fullscreen) #MainNotebook > header.top { #AboutNotebook header { margin: -0.66667em -0.66667em 0.66667em; } -#AboutNotebook stack > * > * > * { - background-color: @dark-grey; + +#AboutNotebook stack text { + background-color: @bg-dark-grey; } /* All tool panels have a frame except for Meta which unlike the rest is a notebook itself. @@ -873,7 +876,7 @@ window.csd:not(.fullscreen) #MainNotebook > header.top { margin: 0; } #MetaPanelNotebook .view { - border: 1px solid @bg-dark-grey; + border: 0.08334em solid @bg-dark-grey; padding: 0.16667em; margin: 0; } @@ -894,8 +897,8 @@ window.csd:not(.fullscreen) #MainNotebook > header.top { min-width: 1.66667em; } #MetaPanelNotebook > stack > box > grid > button { - margin-top: 1px; - margin-bottom: 1px; + margin-top: 0.08334em; + margin-bottom: 0.08334em; min-height: 2.16667em; } @@ -908,7 +911,7 @@ window.csd:not(.fullscreen) #MainNotebook > header.top { /*** File Browser ******************************************************************************/ #FileCatalog { background-color: @bg-image; - border: 1px solid @bg-dark-grey; + border: 0.08334em solid @bg-dark-grey; } #FileCatalog:selected { background-color: @accent-color3; @@ -949,7 +952,7 @@ window.csd:not(.fullscreen) #MainNotebook > header.top { min-width: 1.66667em; margin: 0 0 0 -1.66667em; border-radius: 0 0.2em 0.2em 0; - border: 1px solid transparent; + border: 0.08334em solid transparent; padding: 0; } #ToolBarPanelFileBrowser entry, @@ -972,25 +975,17 @@ window.csd:not(.fullscreen) #MainNotebook > header.top { #BeforeAfterContainer { background-color: @bg-grey; - border: 1px solid @bg-dark-grey; + border: 0.08334em solid @bg-dark-grey; border-radius: 0; padding: 0; margin: 0.41667em 0; } -#BeforeAfterContainer > box:nth-child(1) frame { - background-color: @bg-image; - border-top: 1px solid @bg-dark-grey; - border-radius: 0; - padding: 0; - margin: -1px 0 0 0; +#BeforeAfterContainer > box:nth-child(2) > box:nth-child(2), +#BeforeAfterContainer > box:nth-child(1) > box:nth-child(2){ + border-top: 0.08334em solid @bg-dark-grey; } -#BeforeAfterContainer > box:nth-child(2) frame { - background-color: @bg-image; - border-top: 1px solid @bg-dark-grey; - border-left: 1px solid @bg-dark-grey; - border-radius: 0; - padding: 0; - margin: -1px 0 0 0; +#BeforeAfterContainer > box:nth-child(2){ + border-left: 0.08334em solid @bg-dark-grey; } #BeforeAfterContainer label { @@ -1000,8 +995,8 @@ window.csd:not(.fullscreen) #MainNotebook > header.top { /* Small Lock Button */ #BeforeAfterContainer button { min-height: 1.66667em; - min-width: 1.66667em; - margin: 0.25em 0 0.33334em; + min-width: 1.75em; + margin: 0.25em; padding: 0 0 0 0.08334em; } /**/ @@ -1034,7 +1029,7 @@ window.csd:not(.fullscreen) #MainNotebook > header.top { min-width: 0; margin: 0 0.16667em; padding: 0 0.16667em; - border: 1px solid transparent; + border: 0.08334em solid transparent; background-color: transparent; background-image: none; box-shadow: none; @@ -1042,13 +1037,13 @@ window.csd:not(.fullscreen) #MainNotebook > header.top { #EditorTopPanel > box > box > button:hover { background-color: transparent; background-image: none; - border: 1px solid transparent; + border: 0.08334em solid transparent; box-shadow: none; } #EditorTopPanel > box > box > button:checked { background-color: transparent; background-image: none; - border: 1px solid @bg-button-border; + border: 0.08334em solid @bg-button-border; box-shadow: none; } @@ -1077,13 +1072,13 @@ window.csd:not(.fullscreen) #MainNotebook > header.top { } /**/ #MyExpander .drawingarea:not(.slider) { - border: 1px solid @bg-light-grey; + border: 0.08334em solid @bg-light-grey; } #MyExpander .slider, #MyExpander .drawingarea:nth-child(2) { background-image: linear-gradient(to bottom, shade (@accent-color4,1.15), shade (@accent-color4,.85)); background-color: @accent-color4; - border: 1px solid rgb(15,15,15); + border: 0.08334em solid rgb(15,15,15); } #MyExpander .drawingarea:disabled { background-color: shade(@bg-grey,.85); @@ -1114,7 +1109,7 @@ window.csd:not(.fullscreen) #MainNotebook > header.top { /* Sub-tool (MyExpander) */ #ExpanderBox2 > box, #ExpanderBox2 > grid { background-color: transparent; - border: 1px solid @border-color; + border: 0.08334em solid @border-color; border-radius: 0; margin: 0; padding: 0.5em; @@ -1143,13 +1138,13 @@ window.csd:not(.fullscreen) #MainNotebook > header.top { border: none; padding: 0; margin: 0; - box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.50), 0 0 0 1px @bg-dark-grey; + box-shadow: 0 0.25em 0.75em 0.08334em rgba(0, 0, 0, 0.50), 0 0 0 0.08334em @bg-dark-grey; } menu { background-color: @bg-dark-grey; - border: 1px solid @accent-color; - padding: 1px; + border: 0.08334em solid @accent-color; + padding: 0.08334em; margin: 0; } menu > .top, @@ -1159,12 +1154,12 @@ menu > .bottom:hover { background-color: transparent; border: none; padding: 0.5em; - min-height: 2em; + min-height: 1.5em; } menuitem { padding: 0 0.33334em; - margin: 1px; + margin: 0.08334em; min-height: 2em; } menuitem:hover { @@ -1187,11 +1182,11 @@ entry > window > frame { } entry > window > frame > border { background-color: @bg-dark-grey; - padding: 1px; - border: 1px solid @accent-color; + padding: 0.08334em; + border: 0.08334em solid @accent-color; } .csd entry > window > frame > border { - margin: 1px; + margin: 0.08334em; } /* end */ @@ -1203,7 +1198,7 @@ entry > window > frame > border { } popover.background { background-color: @bg-dark-grey; - border-color: @accent-color; + border: 0.08334em solid @accent-color; border-radius: 0; padding: 0; margin: 0; @@ -1236,9 +1231,9 @@ button { margin: 0; padding: 0; /* x */ border-radius: 0.2em; - border: 1px solid @bg-button-border; + border: 0.08334em solid @bg-button-border; background-color: transparent; - box-shadow: inset 0 1px rgba(242, 242, 242, 0.1); + box-shadow: inset 0 0.08334em rgba(242, 242, 242, 0.1); background-image: linear-gradient(to bottom, rgba(100,100,100,.3), rgba(30,30,30,.3)); } button.flat { @@ -1250,7 +1245,7 @@ button.text-button label { #MainNotebook > header > grid > button, button.flat { - border: 1px solid transparent; + border: 0.08334em solid transparent; box-shadow: none; background-image: none; background-color: transparent; @@ -1301,7 +1296,7 @@ scale + button.flat { button.flat:hover, button:hover { border-color: @bg-button-border; - box-shadow: inset 0 1px rgba(242, 242, 242, 0.1); + box-shadow: inset 0 0.08334em rgba(242, 242, 242, 0.1); background-image: linear-gradient(to bottom, rgba(100,100,100,.3), rgba(30,30,30,.3)); background-color: @bg-button-hover; } @@ -1313,7 +1308,7 @@ button.flat:checked, button:active, button:checked { border-color: @bg-button-border; - box-shadow: inset 0 1px rgba(242, 242, 242, 0.08); + box-shadow: inset 0 0.08334em rgba(242, 242, 242, 0.08); background-image: linear-gradient(to bottom, rgba(100,100,100,.3), rgba(30,30,30,.3)); background-color: @bg-button-active; } @@ -1322,7 +1317,7 @@ button:checked { button.Right, button.MiddleH { margin-left: 0.16667em; - border: 1px solid @bg-button-border; + border: 0.08334em solid @bg-button-border; } /**/ @@ -1364,9 +1359,10 @@ dialog combobox .combo, #MyExpander button:not(.flat).Left, #MyExpander button:not(.flat) + combobox, #MyExpander combobox + button:not(.flat), -#MyExpander combobox + combobox, +#MyExpander combobox + combobox +/* Crash #MyExpander button + label, -#MyExpander combobox + label { +#MyExpander combobox + label */ { margin-left: 0.16667em; } #MyExpander label + filechooserbutton, @@ -1453,7 +1449,7 @@ window .view button { background-image: none; box-shadow: none; min-height: 2em; - min-width: 1.33334em; + min-width: 1.33334em; padding: 0 0.33334em; } dialog .view button.text-button label, @@ -1462,20 +1458,21 @@ window .view button.text-button label { } window .view button { border: none; - border-bottom: 1px solid @border-color; + border-bottom: 0.08334em solid @border-color; } dialog .view button { - border-color: @border-color; + border: 0.08334em solid @border-color; } -.view button:checked label, .view button:checked, -.view button:hover:not(:active) label, .view button:hover:not(:active) { - color: @headline-hl; background-image: none; background-color: @bg-list-hover; } +.view button:checked label, +.view button:hover:not(:active) label { + color: @headline-hl; +} dialog .view header button:not(:last-child):not(:only-child), window .view header button:not(:last-child):not(:only-child), @@ -1517,7 +1514,7 @@ window .view header button, popover button.text-button { background-color: @bg-dark-grey; background-image: none; - border: 1px solid @border-color; + border: 0.08334em solid @border-color; box-shadow: none; background-image: none; margin: 0; @@ -1559,7 +1556,7 @@ headerbar button.titlebutton image { headerbar button.titlebutton { margin: 0 0 0 0.33334em; background-image: none; - border: 1px solid transparent; + border: 0.08334em solid transparent; background-color: transparent; box-shadow: none; min-width: 1.55em; @@ -1582,14 +1579,14 @@ messagedialog headerbar button.titlebutton { #MainNotebook tab #CloseButton:hover, headerbar button.titlebutton:hover{ border-color: rgba(0,0,0,.8); - box-shadow: inset 0 1px rgba(242, 242, 242, 0.11); + box-shadow: inset 0 0.08334em rgba(242, 242, 242, 0.11); background-image: linear-gradient(to bottom, rgba(100,100,100,.3), rgba(30,30,30,.3)); background-color: rgba(128, 128, 128,.20); } #MainNotebook > header > grid > button:active, headerbar button.titlebutton:active{ border-color: rgba(0,0,0,.8); - box-shadow: inset 0 1px rgba(242, 242, 242, 0.15); + box-shadow: inset 0 0.08334em rgba(242, 242, 242, 0.15); background-image: linear-gradient(to bottom, rgba(100,100,100,.3), rgba(30,30,30,.3)); background-color: rgba(128, 128, 128,.40); } @@ -1597,13 +1594,13 @@ headerbar button.titlebutton:active{ headerbar button.titlebutton.close:hover{ border-color: rgba(0,0,0,.8); background-image: linear-gradient(to bottom, rgb(180,0,0), rgb(160,0,0) 40%, rgb(130,0,0)); - box-shadow: inset 0 1px rgba(242, 242, 242, 0.32); + box-shadow: inset 0 0.08334em rgba(242, 242, 242, 0.32); } #MainNotebook tab #CloseButton:active, headerbar button.titlebutton.close:active{ border-color: rgba(0,0,0,.8); background-image: linear-gradient(to bottom, rgb(215,0,0), rgb(185,0,0) 40%, rgb(150,0,0)); - box-shadow: inset 0 1px rgba(242, 242, 242, 0.4); + box-shadow: inset 0 0.08334em rgba(242, 242, 242, 0.4); } /**/ @@ -1642,14 +1639,6 @@ checkbutton label { check { border-radius: 0.16667em; } -check:checked { - padding: 0 2px 0 0; - min-width: calc(1.16667em - 2px); -} -check:indeterminate { - min-width: 1.16667em; - padding: 0; -} radio{ border-radius: 1.16667em; @@ -1676,7 +1665,7 @@ frame > checkbutton check{ } #PrefNotebook stack > box:nth-child(3) checkbutton, #PrefNotebook stack > box:nth-child(4) checkbutton { - min-height: 2em; + min-height: 1.83334em; } #PrefNotebook radiobutton { min-height: 2em; @@ -1696,8 +1685,8 @@ entry { min-height: 1.66667em; min-width: 0; border-radius: 0.2em; - box-shadow: inset 1px 1px rgba(0, 0, 0, 0.08), 0 1px rgba(242, 242, 242, 0.1); - border: 1px solid @bg-entry-border; + box-shadow: inset 0.08334em 0.08334em rgba(0, 0, 0, 0.08), 0 0.08334em rgba(242, 242, 242, 0.1); + border: 0.08334em solid @bg-entry-border; background-color: @bg-scale-entry; } @@ -1708,8 +1697,8 @@ spinbutton { min-width: 0; border-radius: 0.2em; background-color: @bg-scale-entry; - border: 1px solid @bg-entry-border; - box-shadow: inset 1px 1px rgba(0, 0, 0, 0.08), 0 1px rgba(242, 242, 242, 0.1); + border: 0.08334em solid @bg-entry-border; + box-shadow: inset 0.08334em 0.08334em rgba(0, 0, 0, 0.08), 0 0.08334em rgba(242, 242, 242, 0.1); } #MyExpander spinbutton { @@ -1720,9 +1709,9 @@ spinbutton { border-top-left-radius: 1.83334em; border-bottom-left-radius: 1.83334em; background-color: shade(@bg-grey, 1.33); - border: 1px solid @bg-button-border; + border: 0.08334em solid @bg-button-border; color: @text-tbEntry; - box-shadow: inset 1px 1px rgba(0, 0, 0, .12), 0 1px rgba(255, 255, 255, 0.12); + box-shadow: inset 0.08334em 0.08334em rgba(0, 0, 0, .12), 0 0.08334em rgba(255, 255, 255, 0.12); } #MyExpander button + label + spinbutton { margin: 0.25em 0; /* Needed for Reset & and Auto button height*/ @@ -1808,7 +1797,7 @@ entry:focus > selection { .view entry { background-color: @bg-dark-grey; margin: 0 -2px; - border: 1px solid @accent-color; + border: 0.08334em solid @accent-color; box-shadow: none; } /* end*/ @@ -1822,14 +1811,14 @@ entry:focus > selection { border-radius: 0.41667em 0.41667em 0 0; border: none; padding: 0; - box-shadow: 0 0.25em 0.75em 1px rgba(0, 0, 0, 0.5), 0 0 0 1px @bg-dark-grey; + box-shadow: 0 0.25em 0.75em 0.08334em rgba(0, 0, 0, 0.5), 0 0 0 0.08334em @bg-dark-grey; margin: 0.83334em; } headerbar { background-color: shade(@winHeaderbar,1.12); - box-shadow: inset 0 1px rgba(200,200,200,.13); + box-shadow: inset 0 0.08334em rgba(200,200,200,.13); background-image: linear-gradient(shade(@winHeaderbar,1.14), shade(@winHeaderbar,.86)); - border-bottom: 1px solid @bg-dark-grey; + border-bottom: 0.08334em solid @bg-dark-grey; border-radius: 0.41667em 0.41667em 0 0; min-height: 2.16667em; padding: 0.08334em 0.41667em 0; @@ -1851,7 +1840,7 @@ headerbar .title{ /* Window in background */ :not(.popup):not(tooltip) > decoration:backdrop { - box-shadow: 0 0.25em 0.75em 1px rgba(0, 0, 0, 0.3), 0 0 0 1px @bg-dark-grey; + box-shadow: 0 0.25em 0.75em 0.08334em rgba(0, 0, 0, 0.3), 0 0 0 0.08334em @bg-dark-grey; } headerbar:backdrop { box-shadow: none; diff --git a/rtdata/themes/TooWaBlue-GTK3-20_.css b/rtdata/themes/TooWaBlue-GTK3-20_.css index e1a7e84c2..679a8ed13 100644 --- a/rtdata/themes/TooWaBlue-GTK3-20_.css +++ b/rtdata/themes/TooWaBlue-GTK3-20_.css @@ -2,7 +2,7 @@ This file is part of RawTherapee. Copyright (c) 2016-2017 TooWaBoo - Version 2.42 - requires RT 5.0 + Version 2.44 - requires RT 5.0 RawTherapee is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License as published by @@ -105,7 +105,7 @@ messagedialog { } tooltip { background-color: @bg-tooltip; - border: 1px solid @border-tooltip; + border: 0.08334em solid @border-tooltip; border-radius: 0.33334em; padding: 0; margin: 0; @@ -180,7 +180,7 @@ frame > border { dialog frame > border { padding: 0.5em; border-radius: 0; - border: 1px solid @border-color; + border: 0.08334em solid @border-color; background-color: transparent; margin: 0 -0.5em; } @@ -241,11 +241,11 @@ textview:selected, treeview:selected { } #RightNotebook > stack > :nth-child(3) treeview { - border: 1px solid @bg-dark-grey; + border: 0.08334em solid @bg-dark-grey; border-bottom: none; } -#PlacesPaned > :nth-child(1) treeview { +#PlacesPaned > box:nth-child(1) treeview { padding: 0.08334em 0 0.08334em 0.5em; -gtk-icon-style: symbolic; } @@ -275,15 +275,15 @@ textview:selected, treeview:selected { margin-bottom: 0.41667em; } -#PlacesPaned > box:nth-child(3) > :nth-child(2), +#PlacesPaned > box:nth-child(3) > box:nth-child(2), #PlacesPaned > box:nth-child(1) > :nth-child(1), #HistoryPanel > border, #Snapshots > box > :nth-child(1) { - padding: 1px; background-color: @bg-dark-grey; + border: 0.08334em solid @bg-dark-grey; } -/*Corrects the space for the snapshot view of the paned separator*/ +/*Corrects the space of the snapshot view to the paned separator*/ #Snapshots { margin-top: -0.33334em; } @@ -321,11 +321,11 @@ filechooser box { } filechooser > box > paned > box { - border: 1px solid @bg-dark-grey; + border: 0.08334em solid @bg-dark-grey; background-color: @bg-dark-grey; } filechooser placessidebar { - padding: 0 1px; + padding: 0 0.08334em; background-color: @bg-dark-grey; } @@ -362,7 +362,7 @@ filechooser list row:selected { } #HistogramArea, #HistogramRGBArea { - border: 1px solid @bg-dark-grey; + border: 0.08334em solid @bg-dark-grey; background-color: @bg-dark-grey; } @@ -372,7 +372,7 @@ filechooser list row:selected { margin: 0; border-color: @bg-light-grey; border-style: solid; - border-width: 0 0 0 1px; + border-width: 0 0 0 0.08334em; background-color: @bg-dark-grey; background-image: none; box-shadow: none; @@ -385,7 +385,7 @@ filechooser list row:selected { } #EditorLeftPaned #fullButton, #EditorLeftPaned #histButton { - border-width: 0 1px 0 0; + border-width: 0 0.08334em 0 0; } /*** end ***************************************************************************************/ @@ -467,8 +467,8 @@ menu separator { /*** PartialPaste ******************************************************************************/ #PartialPaste { - border-bottom: 1px solid @border-color; - border-top: 1px solid @border-color; + border-bottom: 0.08334em solid @border-color; + border-top: 0.08334em solid @border-color; padding-top: 0.5em; padding-bottom: 0.5em; } @@ -518,10 +518,10 @@ scrollbar:not(.overlay-indicator) { background-color: rgba(0,0,0,.30); } scrollbar:not(.overlay-indicator).horizontal { - border-width: 0 1px 1px 1px; + border-width: 0 0.08334em 0.08334em 0.08334em; } scrollbar:not(.overlay-indicator).vertical { - border-width: 1px 1px 1px 0; + border-width: 0.08334em 0.08334em 0.08334em 0; } scrollbar:not(.overlay-indicator) slider { background-color: shade(@text-color, .9); @@ -593,7 +593,7 @@ scale slider { margin: calc(-0.33334em - 1px); border-radius: 0.83334em; background-image: linear-gradient(to bottom, shade (@accent-color4,1.15), shade (@accent-color4,.85)); - border: 1px solid @bg-dark-grey; + border: 0.08334em solid @bg-dark-grey; box-shadow: none; } scale slider:hover { @@ -603,14 +603,14 @@ scale slider:hover { scale trough { margin: 0.5em; /* has to be half of "scale slider / min-width min-height*/ background-color: @bg-scale-entry; - border-color: @bg-dark-grey; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.11), 0 1px rgba(242, 242, 242, 0.11); + border: 0.08334em solid @bg-dark-grey; + box-shadow: inset 0 0.08334em rgba(255, 255, 255, 0.11), 0 0.08334em rgba(242, 242, 242, 0.11); border-radius: 0.5em; } scale:not(:disabled) trough highlight { background-color: @accent-color2; - border-color: @bg-dark-grey; - box-shadow: inset 0 1px shade(@accent-color2, 1.3); + border: 0.08334em solid @bg-dark-grey; + box-shadow: inset 0 0.08334em shade(@accent-color2, 1.3); border-radius: 0.5em; } @@ -671,7 +671,7 @@ progressbar.horizontal trough progress { #IopsPanel progressbar.horizontal trough { min-height: 0.5em; background-color: @bg-scale-entry; - border: 1px solid @bg-button-border; + border: 0.08334em solid @bg-button-border; margin-top: 0.25em; } #IopsPanel progressbar.horizontal trough progress { @@ -770,8 +770,9 @@ dialog notebook stack { #MainNotebook > stack { padding: 0.41667em; } -#MainNotebook > stack > :nth-child(2) > :nth-child(2) { - margin-bottom: 0.33334em; + +#MainNotebook > stack > :nth-child(2) > box:nth-child(3) { + margin-top: 0.41667em; } @@ -801,10 +802,11 @@ window.csd:not(.fullscreen) #MainNotebook > header.top { background-color: @bg-grey; padding: 0; } -#RightNotebook > stack > :nth-child(3), -#RightNotebook > stack > :nth-child(4) { + +#RightNotebook > stack > :nth-child(3) > * > box, +#RightNotebook > stack > :nth-child(4) > * > box { padding: 0.5em; - border: 1px solid @bg-entry-border; + border: 0.08334em solid @bg-entry-border; } #PrefNotebook header { @@ -813,8 +815,9 @@ window.csd:not(.fullscreen) #MainNotebook > header.top { #AboutNotebook header { margin: -0.66667em -0.66667em 0.66667em; } -#AboutNotebook stack > * > * > * { - background-color: @dark-grey; + +#AboutNotebook stack text { + background-color: @bg-dark-grey; } /* All tool panels have a frame except for Meta which unlike the rest is a notebook itself. @@ -873,7 +876,7 @@ window.csd:not(.fullscreen) #MainNotebook > header.top { margin: 0; } #MetaPanelNotebook .view { - border: 1px solid @bg-dark-grey; + border: 0.08334em solid @bg-dark-grey; padding: 0.16667em; margin: 0; } @@ -894,8 +897,8 @@ window.csd:not(.fullscreen) #MainNotebook > header.top { min-width: 1.66667em; } #MetaPanelNotebook > stack > box > grid > button { - margin-top: 1px; - margin-bottom: 1px; + margin-top: 0.08334em; + margin-bottom: 0.08334em; min-height: 2.16667em; } @@ -908,7 +911,7 @@ window.csd:not(.fullscreen) #MainNotebook > header.top { /*** File Browser ******************************************************************************/ #FileCatalog { background-color: @bg-image; - border: 1px solid @bg-dark-grey; + border: 0.08334em solid @bg-dark-grey; } #FileCatalog:selected { background-color: @accent-color3; @@ -949,7 +952,7 @@ window.csd:not(.fullscreen) #MainNotebook > header.top { min-width: 1.66667em; margin: 0 0 0 -1.66667em; border-radius: 0 0.2em 0.2em 0; - border: 1px solid transparent; + border: 0.08334em solid transparent; padding: 0; } #ToolBarPanelFileBrowser entry, @@ -972,25 +975,17 @@ window.csd:not(.fullscreen) #MainNotebook > header.top { #BeforeAfterContainer { background-color: @bg-grey; - border: 1px solid @bg-dark-grey; + border: 0.08334em solid @bg-dark-grey; border-radius: 0; padding: 0; margin: 0.41667em 0; } -#BeforeAfterContainer > box:nth-child(1) frame { - background-color: @bg-image; - border-top: 1px solid @bg-dark-grey; - border-radius: 0; - padding: 0; - margin: -1px 0 0 0; +#BeforeAfterContainer > box:nth-child(2) > box:nth-child(2), +#BeforeAfterContainer > box:nth-child(1) > box:nth-child(2){ + border-top: 0.08334em solid @bg-dark-grey; } -#BeforeAfterContainer > box:nth-child(2) frame { - background-color: @bg-image; - border-top: 1px solid @bg-dark-grey; - border-left: 1px solid @bg-dark-grey; - border-radius: 0; - padding: 0; - margin: -1px 0 0 0; +#BeforeAfterContainer > box:nth-child(2){ + border-left: 0.08334em solid @bg-dark-grey; } #BeforeAfterContainer label { @@ -1000,8 +995,8 @@ window.csd:not(.fullscreen) #MainNotebook > header.top { /* Small Lock Button */ #BeforeAfterContainer button { min-height: 1.66667em; - min-width: 1.66667em; - margin: 0.25em 0 0.33334em; + min-width: 1.75em; + margin: 0.25em; padding: 0 0 0 0.08334em; } /**/ @@ -1034,7 +1029,7 @@ window.csd:not(.fullscreen) #MainNotebook > header.top { min-width: 0; margin: 0 0.16667em; padding: 0 0.16667em; - border: 1px solid transparent; + border: 0.08334em solid transparent; background-color: transparent; background-image: none; box-shadow: none; @@ -1042,13 +1037,13 @@ window.csd:not(.fullscreen) #MainNotebook > header.top { #EditorTopPanel > box > box > button:hover { background-color: transparent; background-image: none; - border: 1px solid transparent; + border: 0.08334em solid transparent; box-shadow: none; } #EditorTopPanel > box > box > button:checked { background-color: transparent; background-image: none; - border: 1px solid @bg-button-border; + border: 0.08334em solid @bg-button-border; box-shadow: none; } @@ -1077,13 +1072,13 @@ window.csd:not(.fullscreen) #MainNotebook > header.top { } /**/ #MyExpander .drawingarea:not(.slider) { - border: 1px solid @bg-light-grey; + border: 0.08334em solid @bg-light-grey; } #MyExpander .slider, #MyExpander .drawingarea:nth-child(2) { background-image: linear-gradient(to bottom, shade (@accent-color4,1.15), shade (@accent-color4,.85)); background-color: @accent-color4; - border: 1px solid rgb(15,15,15); + border: 0.08334em solid rgb(15,15,15); } #MyExpander .drawingarea:disabled { background-color: shade(@bg-grey,.85); @@ -1114,7 +1109,7 @@ window.csd:not(.fullscreen) #MainNotebook > header.top { /* Sub-tool (MyExpander) */ #ExpanderBox2 > box, #ExpanderBox2 > grid { background-color: transparent; - border: 1px solid @border-color; + border: 0.08334em solid @border-color; border-radius: 0; margin: 0; padding: 0.5em; @@ -1143,13 +1138,13 @@ window.csd:not(.fullscreen) #MainNotebook > header.top { border: none; padding: 0; margin: 0; - box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.50), 0 0 0 1px @bg-dark-grey; + box-shadow: 0 0.25em 0.75em 0.08334em rgba(0, 0, 0, 0.50), 0 0 0 0.08334em @bg-dark-grey; } menu { background-color: @bg-dark-grey; - border: 1px solid @accent-color; - padding: 1px; + border: 0.08334em solid @accent-color; + padding: 0.08334em; margin: 0; } menu > .top, @@ -1159,12 +1154,12 @@ menu > .bottom:hover { background-color: transparent; border: none; padding: 0.5em; - min-height: 2em; + min-height: 1.5em; } menuitem { padding: 0 0.33334em; - margin: 1px; + margin: 0.08334em; min-height: 2em; } menuitem:hover { @@ -1187,11 +1182,11 @@ entry > window > frame { } entry > window > frame > border { background-color: @bg-dark-grey; - padding: 1px; - border: 1px solid @accent-color; + padding: 0.08334em; + border: 0.08334em solid @accent-color; } .csd entry > window > frame > border { - margin: 1px; + margin: 0.08334em; } /* end */ @@ -1203,7 +1198,7 @@ entry > window > frame > border { } popover.background { background-color: @bg-dark-grey; - border-color: @accent-color; + border: 0.08334em solid @accent-color; border-radius: 0; padding: 0; margin: 0; @@ -1236,9 +1231,9 @@ button { margin: 0; padding: 0; /* x */ border-radius: 0.2em; - border: 1px solid @bg-button-border; + border: 0.08334em solid @bg-button-border; background-color: transparent; - box-shadow: inset 0 1px rgba(242, 242, 242, 0.1); + box-shadow: inset 0 0.08334em rgba(242, 242, 242, 0.1); background-image: linear-gradient(to bottom, rgba(100,100,100,.3), rgba(30,30,30,.3)); } button.flat { @@ -1250,7 +1245,7 @@ button.text-button label { #MainNotebook > header > grid > button, button.flat { - border: 1px solid transparent; + border: 0.08334em solid transparent; box-shadow: none; background-image: none; background-color: transparent; @@ -1301,7 +1296,7 @@ scale + button.flat { button.flat:hover, button:hover { border-color: @bg-button-border; - box-shadow: inset 0 1px rgba(242, 242, 242, 0.1); + box-shadow: inset 0 0.08334em rgba(242, 242, 242, 0.1); background-image: linear-gradient(to bottom, rgba(100,100,100,.3), rgba(30,30,30,.3)); background-color: @bg-button-hover; } @@ -1313,7 +1308,7 @@ button.flat:checked, button:active, button:checked { border-color: @bg-button-border; - box-shadow: inset 0 1px rgba(242, 242, 242, 0.08); + box-shadow: inset 0 0.08334em rgba(242, 242, 242, 0.08); background-image: linear-gradient(to bottom, rgba(100,100,100,.3), rgba(30,30,30,.3)); background-color: @bg-button-active; } @@ -1322,7 +1317,7 @@ button:checked { button.Right, button.MiddleH { margin-left: 0.16667em; - border: 1px solid @bg-button-border; + border: 0.08334em solid @bg-button-border; } /**/ @@ -1364,9 +1359,10 @@ dialog combobox .combo, #MyExpander button:not(.flat).Left, #MyExpander button:not(.flat) + combobox, #MyExpander combobox + button:not(.flat), -#MyExpander combobox + combobox, +#MyExpander combobox + combobox +/* Crash #MyExpander button + label, -#MyExpander combobox + label { +#MyExpander combobox + label */ { margin-left: 0.16667em; } #MyExpander label + filechooserbutton, @@ -1453,7 +1449,7 @@ window .view button { background-image: none; box-shadow: none; min-height: 2em; - min-width: 1.33334em; + min-width: 1.33334em; padding: 0 0.33334em; } dialog .view button.text-button label, @@ -1462,20 +1458,21 @@ window .view button.text-button label { } window .view button { border: none; - border-bottom: 1px solid @border-color; + border-bottom: 0.08334em solid @border-color; } dialog .view button { - border-color: @border-color; + border: 0.08334em solid @border-color; } -.view button:checked label, .view button:checked, -.view button:hover:not(:active) label, .view button:hover:not(:active) { - color: @headline-hl; background-image: none; background-color: @bg-list-hover; } +.view button:checked label, +.view button:hover:not(:active) label { + color: @headline-hl; +} dialog .view header button:not(:last-child):not(:only-child), window .view header button:not(:last-child):not(:only-child), @@ -1517,7 +1514,7 @@ window .view header button, popover button.text-button { background-color: @bg-dark-grey; background-image: none; - border: 1px solid @border-color; + border: 0.08334em solid @border-color; box-shadow: none; background-image: none; margin: 0; @@ -1559,7 +1556,7 @@ headerbar button.titlebutton image { headerbar button.titlebutton { margin: 0 0 0 0.33334em; background-image: none; - border: 1px solid transparent; + border: 0.08334em solid transparent; background-color: transparent; box-shadow: none; min-width: 1.55em; @@ -1582,14 +1579,14 @@ messagedialog headerbar button.titlebutton { #MainNotebook tab #CloseButton:hover, headerbar button.titlebutton:hover{ border-color: rgba(0,0,0,.8); - box-shadow: inset 0 1px rgba(242, 242, 242, 0.11); + box-shadow: inset 0 0.08334em rgba(242, 242, 242, 0.11); background-image: linear-gradient(to bottom, rgba(100,100,100,.3), rgba(30,30,30,.3)); background-color: rgba(128, 128, 128,.20); } #MainNotebook > header > grid > button:active, headerbar button.titlebutton:active{ border-color: rgba(0,0,0,.8); - box-shadow: inset 0 1px rgba(242, 242, 242, 0.15); + box-shadow: inset 0 0.08334em rgba(242, 242, 242, 0.15); background-image: linear-gradient(to bottom, rgba(100,100,100,.3), rgba(30,30,30,.3)); background-color: rgba(128, 128, 128,.40); } @@ -1597,13 +1594,13 @@ headerbar button.titlebutton:active{ headerbar button.titlebutton.close:hover{ border-color: rgba(0,0,0,.8); background-image: linear-gradient(to bottom, rgb(180,0,0), rgb(160,0,0) 40%, rgb(130,0,0)); - box-shadow: inset 0 1px rgba(242, 242, 242, 0.32); + box-shadow: inset 0 0.08334em rgba(242, 242, 242, 0.32); } #MainNotebook tab #CloseButton:active, headerbar button.titlebutton.close:active{ border-color: rgba(0,0,0,.8); background-image: linear-gradient(to bottom, rgb(215,0,0), rgb(185,0,0) 40%, rgb(150,0,0)); - box-shadow: inset 0 1px rgba(242, 242, 242, 0.4); + box-shadow: inset 0 0.08334em rgba(242, 242, 242, 0.4); } /**/ @@ -1642,14 +1639,6 @@ checkbutton label { check { border-radius: 0.16667em; } -check:checked { - padding: 0 2px 0 0; - min-width: calc(1.16667em - 2px); -} -check:indeterminate { - min-width: 1.16667em; - padding: 0; -} radio{ border-radius: 1.16667em; @@ -1676,7 +1665,7 @@ frame > checkbutton check{ } #PrefNotebook stack > box:nth-child(3) checkbutton, #PrefNotebook stack > box:nth-child(4) checkbutton { - min-height: 2em; + min-height: 1.83334em; } #PrefNotebook radiobutton { min-height: 2em; @@ -1696,8 +1685,8 @@ entry { min-height: 1.66667em; min-width: 0; border-radius: 0.2em; - box-shadow: inset 1px 1px rgba(0, 0, 0, 0.08), 0 1px rgba(242, 242, 242, 0.1); - border: 1px solid @bg-entry-border; + box-shadow: inset 0.08334em 0.08334em rgba(0, 0, 0, 0.08), 0 0.08334em rgba(242, 242, 242, 0.1); + border: 0.08334em solid @bg-entry-border; background-color: @bg-scale-entry; } @@ -1708,8 +1697,8 @@ spinbutton { min-width: 0; border-radius: 0.2em; background-color: @bg-scale-entry; - border: 1px solid @bg-entry-border; - box-shadow: inset 1px 1px rgba(0, 0, 0, 0.08), 0 1px rgba(242, 242, 242, 0.1); + border: 0.08334em solid @bg-entry-border; + box-shadow: inset 0.08334em 0.08334em rgba(0, 0, 0, 0.08), 0 0.08334em rgba(242, 242, 242, 0.1); } #MyExpander spinbutton { @@ -1720,9 +1709,9 @@ spinbutton { border-top-left-radius: 1.83334em; border-bottom-left-radius: 1.83334em; background-color: shade(@bg-grey, 1.33); - border: 1px solid @bg-button-border; + border: 0.08334em solid @bg-button-border; color: @text-tbEntry; - box-shadow: inset 1px 1px rgba(0, 0, 0, .12), 0 1px rgba(255, 255, 255, 0.12); + box-shadow: inset 0.08334em 0.08334em rgba(0, 0, 0, .12), 0 0.08334em rgba(255, 255, 255, 0.12); } #MyExpander button + label + spinbutton { margin: 0.25em 0; /* Needed for Reset & and Auto button height*/ @@ -1808,7 +1797,7 @@ entry:focus > selection { .view entry { background-color: @bg-dark-grey; margin: 0 -2px; - border: 1px solid @accent-color; + border: 0.08334em solid @accent-color; box-shadow: none; } /* end*/ @@ -1822,14 +1811,14 @@ entry:focus > selection { border-radius: 0.41667em 0.41667em 0 0; border: none; padding: 0; - box-shadow: 0 0.25em 0.75em 1px rgba(0, 0, 0, 0.5), 0 0 0 1px @bg-dark-grey; + box-shadow: 0 0.25em 0.75em 0.08334em rgba(0, 0, 0, 0.5), 0 0 0 0.08334em @bg-dark-grey; margin: 0.83334em; } headerbar { background-color: shade(@winHeaderbar,1.12); - box-shadow: inset 0 1px rgba(200,200,200,.13); + box-shadow: inset 0 0.08334em rgba(200,200,200,.13); background-image: linear-gradient(shade(@winHeaderbar,1.14), shade(@winHeaderbar,.86)); - border-bottom: 1px solid @bg-dark-grey; + border-bottom: 0.08334em solid @bg-dark-grey; border-radius: 0.41667em 0.41667em 0 0; min-height: 2.16667em; padding: 0.08334em 0.41667em 0; @@ -1851,7 +1840,7 @@ headerbar .title{ /* Window in background */ :not(.popup):not(tooltip) > decoration:backdrop { - box-shadow: 0 0.25em 0.75em 1px rgba(0, 0, 0, 0.3), 0 0 0 1px @bg-dark-grey; + box-shadow: 0 0.25em 0.75em 0.08334em rgba(0, 0, 0, 0.3), 0 0 0 0.08334em @bg-dark-grey; } headerbar:backdrop { box-shadow: none;