From c241caef87bc170c4ad06fd5c07c33dacdfaae97 Mon Sep 17 00:00:00 2001 From: Hombre57 Date: Fri, 16 Dec 2016 23:40:58 +0100 Subject: [PATCH] Updated TooWaBlue themes added, old version removed (#3540) --- rtdata/themes/TooWaBlue-Dark-GTK3-20_.css | 1629 +++++++++++++++++++++ rtdata/themes/TooWaBlue-GTK3-20_.css | 1629 +++++++++++++++++++++ rtdata/themes/TooWaBlue.css | 881 ----------- 3 files changed, 3258 insertions(+), 881 deletions(-) create mode 100644 rtdata/themes/TooWaBlue-Dark-GTK3-20_.css create mode 100644 rtdata/themes/TooWaBlue-GTK3-20_.css delete mode 100644 rtdata/themes/TooWaBlue.css diff --git a/rtdata/themes/TooWaBlue-Dark-GTK3-20_.css b/rtdata/themes/TooWaBlue-Dark-GTK3-20_.css new file mode 100644 index 000000000..58684c908 --- /dev/null +++ b/rtdata/themes/TooWaBlue-Dark-GTK3-20_.css @@ -0,0 +1,1629 @@ +/* + This file is part of RawTherapee. + + Copyright (c) 2016 TooWaBoo + Version 2.12 - requires RT 4.2.1412 or higher + + RawTherapee is free software: you can redistribute it and/or modify + it under the terms of the GNU General Public License as published by + the Free Software Foundation, either version 3 of the License, or + (at your option) any later version. + + RawTherapee is distributed in the hope that it will be useful, + but WITHOUT ANY WARRANTY; without even the implied warranty of + MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + GNU General Public License for more details. + + You should have received a copy of the GNU General Public License + along with RawTherapee. If not, see . +*/ + + /* TooWaBoo's personal settings */ + /* + #PartialPaste {min-width: 811px; min-height: 589px;} + #ToolPanelNotebook {min-width: 323px;} + #Navigator {min-width: 288px;} + tooltip:only-child {background-color: transparent; border: none;} + tooltip label {color: transparent;} + */ + /******************************/ + +/*** Change me *** rgb(red,green,blue) *** allowed values from 0 to 255 for each color ***/ + +@define-color accent-color rgb(20,74,135); /*** Active color for Tabs, List, Menu, Borders ... * Default: rgb(20,74,135) ***/ +@define-color text-hl-color rgb(200,200,200); /*** Active text color * Default: rgb(200,200,200) ***/ + +@define-color highlighted-text-color rgb(20,74,135); /*** Highlighted text color * Default: rgb(20,74,135) ***/ + +@define-color bg-image-edit rgb(55,55,55); /*** Image area background * Default: rgb(55,55,55) ***/ + +@define-color accent-color2 rgb(20,74,135); /*** Scale, Progressbar, Scrollbar * Default: rgb(20,74,135) ***/ +@define-color accent-color4 rgb(93,93,93); /*** Slider knob * Default: rgb(93,93,93) ***/ + +@define-color accent-color3 rgb(20,74,135); /*** Selected thumbnail background color * Default: rgb(20,74,135) ***/ +@define-color text-hl-color3 rgb(200,200,200); /*** Selected thumbnail text color * Default: rgb(200,200,200) ***/ + +@define-color winHeaderbar rgb(38,38,38); /*** Window headerbar and frame color * Default: rgb(44,44,44) ***/ +@define-color winTitle rgb(180,180,180); /*** Window title color * Default: rgb(180,180,180) ***/ + +/*** Change me end *****************************************************************************/ + +@define-color bg-light-grey rgb(75,75,75); +@define-color bg-grey rgb(55,55,55); +@define-color bg-dark-grey rgb(30,30,30); + +@define-color bg-button-hover rgba(0,0,0,.3); +@define-color bg-button-active rgba(0,0,0,.7); +/***********************************************/ +@define-color text-color rgb(180,180,180); +@define-color text-tbEntry rgb(192,192,192); +@define-color border-color rgba(255,255,255,.30); +@define-color bg-list-hover rgb(40,40,40); +@define-color bg-scale-entry rgba(0,0,0,.14); +@define-color bg-button-border rgba(0,0,0,.60); +@define-color bg-entry-border rgba(0,0,0,.40); +@define-color view-grid-border rgba(255,255,255,0.15); +@define-color headline-big rgb(187,187,187); +@define-color headline-hl rgb(215,215,215); +@define-color headline-frame rgb(210,210,210); +/***********************************************************************************************/ + + +* { + color: @text-color; + text-shadow: none; + font-size: 12px; + font-family: Arial; + outline-style: none; /* removes the ugly dotted focus line */ + border-image: none; + transition: none; + -GtkDialog-button-spacing: 6; +} +*:disabled { + color: rgb(128,128,128); +} + +window.background { + background-color: @bg-light-grey; +} +dialog { + background-color: @bg-grey; + border-radius: 0; +} + +paned { + background-color: @bg-light-grey; +} + +#PlacesPaned { + margin: 5px 0 0; +} + +undershoot { + background-image: none; /* removes the dotted scrollbar line */ +} + +label { + padding: 0; + margin: 0; +} + +tooltip { + background-color: @bg-dark-grey; + border: 1px solid @accent-color; + border-radius: 4px; + padding: 0; +} + +.drawingarea { + border-radius: 0; + background-color: @bg-dark-grey; + box-shadow: none; +} + +/*** Frames ************************************************************************************/ +frame { + border: none; + padding: 0; + margin: 0; + background-color: transparent; + min-height: 0; + min-width: 0; + border-radius: 0; + box-shadow: none; +} + +#BatchQueueButtonsMainContainer frame, +#MyExpander frame, +dialog frame { + margin: 2px 6px; +} +filechooser frame { + margin: 0; +} + +#PlacesPaned frame { + margin: -8px 0 0; +} + +frame > border { + padding: 0; + border-radius: 0; + border: none; + background-color: transparent; + margin: 0; + min-height: 0; + min-width: 0; + box-shadow: none; +} + +#BatchQueueButtonsMainContainer > frame > border, +#MyExpander frame > border, +dialog frame > border { + padding: 6px; + border-radius: 0; + border: 1px solid @border-color; + background-color: transparent; + margin: 0 -6px; +} +filechooser frame > border { + margin: 0; + padding: 0; +} + +#BatchQueueButtonsMainContainer frame > label, +#ToolPanelNotebook frame > label, +dialog frame > label { + margin: 0; + padding: 2px 6px; +} +#BatchQueueButtonsMainContainer frame > border { + margin-bottom: 10px; +} +#BatchQueueButtonsMainContainer frame:nth-child(3) > border { + padding-left: 11px; +} +#BatchQueueButtonsMainContainer { + padding-top: 5px; +} +#BatchQueueButtons { + margin-top: 8px; +} + +frame > label { + margin: 0; + padding: 6px 0; + color: @headline-frame; +} +frame > checkbutton label{ + color: @headline-frame; +} +/*** end ***************************************************************************************/ + +/*** Lists *************************************************************************************/ +.view { + background-color: @bg-dark-grey; + border-color: @view-grid-border; + padding: 2px; + min-height: 12px; /* min-height needed for preferences list, cutting off checkboxes */ +} +.view:hover { + background-color: @bg-list-hover; +} +.view:selected { + color: @text-hl-color; + background-color: @accent-color; + border-color: transparent; +} + +#PlacesPaned .view { + padding-left: 6px; + padding-right: 0; +} + +/* History, Snapshots */ +#HistoryPanel .view { + padding-left: 0; + padding-right: 0; +} +#HistoryPanel { + margin-top: 8px; +} +#HistoryPanel > border { + margin-top: 21px; +} +#HistoryPanel > label { + margin: 0 0 -15px 0; + padding: 0; +} + +#Snapshots > border { + min-height: 114px; + margin-top: 0px; +} +#Snapshots > label { + margin-bottom: -4px; +} +#Snapshots button { + margin-top: -3px; + margin-bottom: -4px; +} + +#HistoryPanel > border, +#Snapshots > box > :nth-child(1) { + padding: 1px; + background-color: @bg-dark-grey; +} +/**/ + +/*** end ***************************************************************************************/ + +/*** Navigator *********************************************************************************/ +#Navigator .drawingarea { + border-top: 8px solid @bg-dark-grey; + border-bottom: 2px solid @bg-dark-grey; +} +#Navigator { + background-color: @bg-dark-grey; + padding-bottom: 3px; +} +#Navigator box label { + padding: 2px 0; +} + +/*** end ***************************************************************************************/ + +/*** Load - Save dialog ************************************************************************/ + +filechooser { + margin-bottom: 4px; +} + +filechooser > box:first-child { + margin-top: 6px; +} +filechooser placessidebar { + padding: 0 2px; + margin: 0; + background-color: @bg-dark-grey; +} +filechooser list { + background-color: @bg-dark-grey; + border: none; + box-shadow: none; + padding: 0; + margin: 0; +} +filechooser list row { + margin: 0; + min-height: 25px; +} +filechooser list row label{ + margin: 0; + padding: 0 ; +} +filechooser list row:hover { + background-color: @bg-list-hover; +} +filechooser list row:selected label, +filechooser list row:selected { + background-color: @accent-color; + color: @text-hl-color; +} +/*** end ***************************************************************************************/ + +/*** Histogram *********************************************************************************/ +#HistogramPanel { + margin-top: 3px; + border: none; +} +#HistogramArea, +#HistogramRGBArea { + border: 1px solid @bg-dark-grey; + background-color: @bg-dark-grey; +} +#fullButton, +#histButton { + padding: 5px; + margin: 0; + border: none; + background-color: @bg-dark-grey; + background-image: none; + box-shadow: none; + min-height: 0; + min-width: 0; + border-radius: 0; +} +#fullButton { + padding: 5px 5px 6px; +} +/*** end ***************************************************************************************/ + +/*** Separator ***/ +separator { + background-color: transparent; +} +grid separator.horizontal, box separator.horizontal { + margin: 2px 0; + padding: 0 +} +grid separator.vertical, box separator.vertical { + margin: 0 3px; + padding: 0; +} + +filechooser separator, +dialog separator { + background-color: @border-color; +} + +paned.horizontal > separator { + background-color: transparent; + border-left: 4px solid @bg-light-grey; + border-right: 4px solid @bg-light-grey; + margin: 0 -2px; + padding: 0; +} +paned.vertical > separator { + background-color: @bg-dark-grey; + border-bottom: 4px solid @bg-light-grey; + border-top: 4px solid @bg-light-grey; + margin: -1px 0; + padding: 1px 0; +} +dialog paned.horizontal > separator { + border-color: @bg-grey; +} + +menu separator { + background-color: @view-grid-border; + margin: 3px 6px; +} + +#Navigator separator { + background-color: @view-grid-border; + margin: 0; + padding: 0; +} + +#EditorTopPanel separator, +#IopsPanel separator, +#FileBrowser separator { + background-color: shade(@bg-light-grey,.75); + margin-top: 4px; + margin-bottom: 4px; +} + +#MyExpander separator { + background-color: shade(@bg-grey,.7); + margin: 4px 8px; +} +/*** end****************************************************************************************/ + +/*** PartialPaste ******************************************************************************/ +#PartialPaste { + border-bottom: 1px solid @border-color; + border-top: 1px solid @border-color; + padding-top: 6px; + padding-bottom: 6px; +} + +#PartialPaste separator.vertical { + margin: 0 4px; + padding: 0; +} + +#PartialPaste separator { /* Struggles with #PartialPasteHeaderSep */ + background-color: @border-color; + margin: 0 6px 1px 14px; +} +#PartialPasteHeaderSep.horizontal { + background-color: rgb(192,192,192); + margin: 0 6px; +} + +#PartialPasteHeader label { + color: @headline-frame; +} +#PartialPasteHeader { + margin: 6px 0 0 0; + padding: 0; +} +/*** end ***************************************************************************************/ + +/*** Scrollbar *********************************************************************************/ +scrollbar { + background-color: rgba(0,0,0,.30); + border: none; +} +scrollbar slider { + background-color: @text-color; +} +scrollbar slider:hover { + background-color: shade(@accent-color2,1.12); +} +/*** end ***************************************************************************************/ + +/*** Scale**************************************************************************************/ +scale { + padding: 0; + min-height: 0; + margin: 0 3px; +} +#BatchQueueButtonsMainContainer scale, +dialog scale { + padding-top: 2px; +} + +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: -5px 0; + background-image: linear-gradient(to bottom, shade (@accent-color4,1.15), shade (@accent-color4,.85)); + border: 1px solid shade(@bg-dark-grey, 1.1); + box-shadow: none; +} +scale slider:hover { + background-image: linear-gradient(to bottom, shade (@accent-color4,1.25), shade (@accent-color4,.95)); +} + +scale trough { + margin: 6px 6px; /* 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.13); +} +scale.fine-tune trough { + margin: 5px 6px; + padding: 1px 0; +} + +scale:not(:disabled) trough highlight { + background-color: @accent-color2; + border-color: @bg-dark-grey; + box-shadow: inset 0 1px shade(@accent-color2, 1.3); +} + +scale.fine-tune trough highlight { + margin: -2px -1px; +} + +scale:disabled slider, +scale:disabled trough { + background-color: rgb(65,65,65); + box-shadow: none; + background-image: none; +} + +/*** end ***************************************************************************************/ + +/*** Progressbar *******************************************************************************/ +progressbar.vertical text { + color: transparent; +} + +progressbar.vertical trough { + min-width: 6px; + background-color: transparent; + border-width: 0; +} +progressbar.vertical trough progress { + min-width: 6px; + margin: 0 -1px; + background-color: @accent-color2; + border-width: 0; + border-radius: 6px; +} + +progressbar.horizontal trough { + min-height: 5px; + background-color: transparent; + border: none; + border-radius: 6px; + margin-top: 7px; +} +progressbar.horizontal trough progress { + min-height: 5px; + margin: -1px 0; + background-color: @accent-color2; + border: none; + border-radius: 6px; +} + +#IopsPanel progressbar.horizontal trough { + min-height: 6px; + background-color: @bg-scale-entry; + border: 1px solid @bg-button-border; + margin-top: 3px; +} +#IopsPanel progressbar.horizontal trough progress { + min-height: 6px; + margin: -1px 0; + background-color: @accent-color2; + border: none; + border-radius: 6px; +} +#MainNotebook > header.top > grid > progressbar { + margin-right: 5px; +} +#MainNotebook > header.left > grid > progressbar { + margin-bottom: 5px; +} +/*** end ***************************************************************************************/ + +/*** Notebook **********************************************************************************/ +notebook { + padding: 0; + margin: 0; + border: none; +} +notebook header { + box-shadow: none; + background-color: @bg-dark-grey; + border: none; + border-radius: 0; + padding: 0; + margin: 0; +} +notebook stack { + background-color: @bg-light-grey; + padding: 0; + margin: 0; +} +dialog notebook stack { + background-color: @bg-grey; + padding: 0; + margin: 0; +} +notebook tabs { + background-color: @bg-dark-grey; + padding: 6px; + margin:0; +} +notebook tab { + background-color: transparent; + border: none; + min-height: 0; + min-width: 0; + box-shadow: none; +} + +notebook header.top tab label { + padding: 3px 0 3px 5px; +} +notebook header.left tab label { + padding: 0 3px 5px 3px; +} +notebook header tab:hover { + box-shadow: none; +} +notebook header tab:hover label { + color: @headline-hl; +} + +notebook header.top tab { + padding: 3px 6px; +} +notebook header.top tab:checked { + box-shadow: 0 3px @accent-color; +} + +notebook header.left tab { + padding: 6px 3px 5px; +} +notebook header.left tab:checked { + box-shadow: 3px 0 @accent-color; +} + +notebook > header > tabs > arrow { + background-color: transparent; +} +notebook > header > tabs > arrow:hover { + background-color: rgba(255,255,255,.1); +} +notebook > header > tabs > arrow:active { + background-color: transparent; +} + +#MainNotebook > header.top { + margin: 0 -5px; +} +#MainNotebook > header.left { + margin: 0 5px -5px -5px; +} + +#ToolPanelNotebook > header tab { + padding: 3px 4px; +} +#ToolPanelNotebook > header tabs { + margin-bottom: 3px; +} + +#RightNotebook > header { + margin: 5px 5px 0 0; +} +#RightNotebook > stack { + background-color: @bg-grey; + padding: 0; + margin-top: 5px; +} +#RightNotebook > stack > *:nth-child(3), +#RightNotebook > stack > *:nth-child(4) { + padding: 6px; + border: 1px solid @bg-entry-border; +} + +#PrefNotebook, #AboutNotebook { + padding: 0; + margin: -2px -8px; +} +#PrefNotebook stack { + padding: 0 8px; + margin: 0; +} +#AboutNotebook stack { + padding: 8px 8px 0; + margin: 0; +} +#AboutNotebook stack > * > * > * { + background-color: @dark-grey; +} + +#PrefNotebook header.top tab label, #AboutNotebook header.top tab label { + padding: 0px; +} + +/* 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: none; + background-color: @bg-grey; + border-radius: 0; + border-top-style: none; + padding: 0 4px; + margin: 0 6px -6px; +} +#MetaPanelNotebook header { + border: none; + background-color: @bg-grey; + border-radius: 0; + padding: 4px; + margin: 6px 6px 0; +} +#MetaPanelNotebook > header > tabs { + background-color: @bg-dark-grey; +} +#MetaPanelNotebook > header tab { + margin: 0 4px; + padding: 4px; +} + +#MetaPanelNotebook textview { + border-radius: 0; +} +#MetaPanelNotebook scrolledwindow { + padding: 0 0 6px 0; +} +#MetaPanelNotebook separator { + background-color: @border-color; + margin: 4px 0 5px; +} +#MetaPanelNotebook entry, #MetaPanelNotebook button, #MetaPanelNotebook combobox button { + margin-top: 0; + margin-bottom: 2px; + min-height: 20px; + min-width: 10px; + padding: 0; +} +#MetaPanelNotebook entry { + padding: 0 2px; + background-color: @bg-dark-grey; +} +#MetaPanelNotebook button { + min-width: 20px; +} +#MetaPanelNotebook combobox + button, +#MetaPanelNotebook combobox + button + button { + margin-left: 2px; +} + +#MetaPanelNotebook label { + padding: 0 5px; +} +#MetaPanelNotebook text { + /* border: 1px solid @bg-entry-border; */ + background-color: @bg-dark-grey; + border-radius: 0; +} + +/*** end ***************************************************************************************/ + +/*** File Browser ******************************************************************************/ +#FileCatalog { + background-color: @bg-grey; + border: 1px solid @bg-dark-grey; +} +#FileCatalog:selected { + background-color: @accent-color3; + color: @text-hl-color3; + border: none; +} + +#FileBrowser { + padding: 0; + margin: 5px 0 0; +} +#FileBrowser entry + button { + margin: 0 0 0 2px; + padding: 2px 2px 2px 2px; +} +#FileBrowser entry + button, +#FileBrowser entry { + min-height: 15px; + min-width: 15px; +} +#FileBrowser label { + margin: 0 4px 0 10px; +} +#ToolBarPanelFileBrowser { + margin: 3px -1px; + min-height: 0; + min-width: 0; +} + +#ToolBarPanelFileBrowser > box > button, +#ToolBarPanelFileBrowser > button { + margin: 0 1px; +} +#ToolBarPanelFileBrowser > box > box > button { + min-height: 11px; + min-width: 16px; + padding: 0; + margin: 2px 0 0 0; + border: none; + background-color: transparent; + background-image: none; + box-shadow: none; +} +/*** end ***************************************************************************************/ + +/*** Image Editor ******************************************************************************/ +#BeforeAfterContainer { + background-color: @bg-image-edit; + border: 1px solid @bg-dark-grey; + border-radius: 0; + padding: 0; + margin: 3px 0 5px; +} +#BeforeAfterContainer > box:nth-child(1) frame { + background-color: transparent; + border-top: 1px solid @bg-dark-grey; + border-radius: 0; + padding: 0; + margin: -1px 0 0 0; +} +#BeforeAfterContainer > box:nth-child(2) frame { + background-color: transparent; + 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 label { + min-height: 29px; + padding: 0 6px; +} +/* Small Lock Button */ +#BeforeAfterContainer button { + min-height: 20px; + min-width: 20px; + margin: 3px 0 4px; + padding: 0 0 0 1px; +} +/**/ + +#EditorTopPanel { + margin: 3px -2px 0; + padding: 0; + min-height: 0; +} +#EditorTopPanel button { + margin: 0 1px; +} +/* Removes margin from the last button. Otherwise the filmstrip will cut of the right border. */ +#EditorTopPanel :last-child > button:last-child { + margin-right: 0; +} + +#EditorTopPanel > box > button.image-button:not(:nth-child(6)) { + min-width: 14px; +} + + +#EditorTopPanel > box > box > button { + min-height: 0; + min-width: 0; + margin: 0 2px 0px; + padding: 2px 2px; + border: 1px solid transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} +#EditorTopPanel > box > box > button:hover { + background-color: transparent; + background-image: none; + border: 1px solid transparent; + box-shadow: none; +} +#EditorTopPanel > box > box > button:checked { + background-color: transparent; + background-image: none; + border: 1px solid @bg-dark-grey; + box-shadow: none; +} + +/*Button editor bottom*/ +#IopsPanel label { + min-width: 42px; + margin: 0; +} +/*** end ***************************************************************************************/ + +/*** Toolbox ***********************************************************************************/ +#ToolPanelNotebook stack { + background-color: @bg-dark-grey; + padding: 0 0 6px 0; +} + +#MyExpander .drawingarea { + border: 1px solid rgb(90,90,90); +} +#MyExpander .drawingarea:nth-child(2) { + background-image: linear-gradient(to bottom, shade (@accent-color4,1.15), shade (@accent-color4,.85)); + background-color: transparent; + border: 1px solid @bg-dark-grey; +} +#MyExpander .slider:not(:disabled) { + background-image: linear-gradient(to bottom, shade (@accent-color4,1.15), shade (@accent-color4,.85)); + background-color: black; + border: 0.55px solid black; +} +#MyExpander .drawingarea:disabled { + background-color: @bg-grey; + border-color: @bg-dark-grey; + background-image: none; +} + +#MyExpander { + margin: 0; + padding: 0; +} + +#ToolPanelNotebook scrolledwindow viewport.frame { + padding: 0 6px; +} + +#ExpanderBox > box, #ExpanderBox > grid { + background-color: @bg-grey; + border: none; + border-radius: 0; + margin: 0; + padding: 8px; +} + + /* Sub-tool (MyExpander) background */ +#ExpanderBox2 > box, #ExpanderBox2 > grid { + background-color: transparent; + border: 1px solid @border-color; + border-radius: 0; + margin: 0; + padding: 6px; +} + +#MyExpanderTitle > box { + margin: 0; + padding: 4px 0; +} + +#MyExpanderTitle label { + color: @headline-big; + padding: 0; + margin: 0 3px 0; +} + +#MyExpanderTitle:hover label { + color: @headline-hl; +} +/*** end ***************************************************************************************/ + +/*** Context & popups menus *****************************************************************************/ +menu { + background-color: @bg-dark-grey; + border: 1px solid @accent-color; + padding: 1px; + margin: 0; +} +menu > .top, +menu > .top:hover, +menu > .bottom, +menu > .bottom:hover { + background-color: transparent; + border: none; + padding: 6px; + min-height: 24px; +} + +menuitem { + padding: 0 4px; + margin: 1px; + min-height: 24px; +} +menuitem:hover { + background-color: @accent-color; +} +menuitem:hover > * > *, +menuitem:hover > * { + color: @text-hl-color; +} + +menu image { + min-height: 24px; +} +/* Selection popup list (used in filechooser) */ +entry > window > frame > border { + background-color: @bg-dark-grey; + padding: 1px; + border: 1px solid @accent-color; +} +/**/ + +/*** end ***************************************************************************************/ + +/*** Popover *** Context menu filechooser ******************************************************/ +popover.background { + background-color: @bg-dark-grey; + border-color: @accent-color; + border-radius: 0; + padding: 0; + margin: 0; +} + +popover > box { + padding: 0; + margin: -9px; +} +popover modelbutton { + min-height: 24px; + padding: 0 5px; + margin: 0; + border-radius: 0; +} + +popover label { + margin-right: 6px; +} +popover modelbutton:hover label, +popover modelbutton:hover { + background-color: @accent-color; + color: @text-hl-color; +} +/** end ****************************************************************************************/ + +/*** Buttons ***********************************************************************************/ +button { + min-height: 26px; + min-width: 26px; + margin: 0; + padding: 0; /* x */ + border-radius: 2px; + border: 1px solid @bg-button-border; + background-color: transparent; + box-shadow: inset 0 1px rgba(242, 242, 242, 0.1); + background-image: linear-gradient(to bottom, rgba(100,100,100,.3), rgba(30,30,30,.3)); +} +button.flat { + padding: 0;/* x */ +} +button.text-button label { + margin: 0 6px;/* x */ +} +combobox .combo { + padding: 0 2px; +} + +#MainNotebook > header > grid > button, +button.flat { + border: 1px solid transparent; + box-shadow: none; + background-image: none; + background-color: transparent; +} +/* Resetbutton queue*/ +dialog scale + button.flat, +scale + button.flat { + min-height: 16px; + min-width: 16px; + margin: 2px 0 0 2px; + padding: 0 0 0 1px; +} + +/* Resetbutton */ +#MyExpander button.flat { + min-height: 16px; + min-width: 16px; + margin: 1px 0 1px 2px; + padding: 0 0 0 1px; +} + +#MyExpander image + button.flat, +#MyExpander scale + button.flat { + min-height: 16px; + min-width: 16px; + margin: 0 0 1px 4px; + padding: 0 0 0 1px; +} + +#MyExpander spinbutton + button.flat { + min-height: 14px; + min-width: 16px; + margin: 0 0 0 2px; + padding: 0 0 0 1px; +} +/**/ + +/* Curve buttons */ +#MyExpander button.flat + button.flat, +#MyExpander button.flat:first-child { + min-height: 26px; + min-width: 26px; + margin: 1px; + padding: 0; +} +/**/ + +button.flat:hover, +button:hover { + border: 1px solid @bg-button-border; + box-shadow: inset 0 1px 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; +} + +button.flat:active, +button.flat:checked, +button:active, +button:checked { + border-color: black; + box-shadow: inset 0 1px 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-active; +} + +/* Add space between conected buttons */ +button.Right, +button.MiddleH { + margin-left: 2px; + border: 1px solid @bg-button-border; +} +/**/ + +/* Applies special styles in main notebook */ +#ProfilePanel { + margin-bottom: 3px; +} +#ProfilePanel combobox { + margin-left: 2px; +} +#PlacesPaned button.Left, +#PlacesPaned button.Right { + margin-top: 3px; +} +#PlacesPaned combobox { + margin-bottom: -3px; +} +/**/ + +/* Base format for Toolbox and dialogs */ +dialog button, +#MyExpander button, +#BatchQueueButtonsMainContainer button { + min-height: 20px; + min-width: 0; + padding: 0 4px; +} +dialog combobox .combo, +#ToolPanelNotebook combobox .combo, +#BatchQueueButtonsMainContainer combobox .combo { + min-width: 0; + padding: 0 2px; +} +/**/ + +/* Add/remove space between buttons and labels in toolbox*/ +#MyExpander combobox:not(:first-child):not(:only-child), +#MyExpander button:not(.flat).Left, +#MyExpander button:not(.flat) + combobox, +#MyExpander combobox + button:not(.flat), +#MyExpander combobox + combobox, +#MyExpander button + label, +#MyExpander combobox + label { + margin-left: 2px; +} +#MyExpander label + * > button:not(.flat).Left, +#MyExpander label + combobox:not(:first-child):not(:only-child), +#MyExpander label + button:not(.flat):not(spinbutton) { + margin-left: 5px; +} + /* Arrow toggle combo button */ +#IopsPanel button:not(.flat).Left + button:not(.flat).Right, +#MyExpander button:not(.flat).Left + button:not(.flat).Right { + border-left: none; + margin-left: 0; + padding-left: 4px; + padding-right: 4px; + border-radius: 0 2px 2px 0; +} +#IopsPanel button:not(.flat).Left, +#MyExpander button:not(.flat).Left { + border-radius: 2px 0 0 2px; +} +/**/ + +/* Add extra top and bottom space to buttons in toolbox*/ +#MyExpander button { + margin-top: 1px; + margin-bottom: 1px; +} +/**/ +#MyExpander button.text-button label { + margin: 0;/* x */ +} +.popupbutton-arrow { + min-width: 0; +} + +/* Save, Cancel, OK ... buttons */ +.dialog-action-area button { + min-height: 26px; + margin-top: 6px; +} +messagedialog .dialog-action-area button { + margin-top: 0; +} +messagedialog .dialog-action-area button:not(:only-child) { + margin-right: 3px; +} +messagedialog .dialog-action-area button + button { + margin-left: 3px; +} +/**/ + +#BatchQueueButtons button { + min-height: 24px; + min-width: 28px; +} + +/* View & Filechooser Buttons */ +dialog .view button, +window .view button { + background-color: @bg-dark-grey; + background-image: none; + box-shadow: none; + background-image: none; + min-height: 24px; + padding: 0 4px; +} +dialog .view button.text-button label, +window .view button.text-button label { + margin: 0; +} +window .view button { + border: none; + border-bottom: 1px solid @border-color; +} +dialog .view button { + border-color: @border-color; +} +dialog .path-bar button:first-child, +dialog .path-bar button:last-child { + padding: 0; +} +.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; +} + +dialog .view header button:not(:last-child):not(:only-child), +window .view header button:not(:last-child):not(:only-child), +.path-bar button:not(:last-child):not(:only-child) { + border-right: none; +} +dialog .view header button, +window .view header button, +.path-bar button { + border-radius: 0; +} +.path-bar button:first-child { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} +.path-bar button:last-child { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} +/**/ + +/* Popover Filechooser (Create folder) */ +popover button.text-button { + background-color: @bg-dark-grey; + background-image: none; + border: 1px solid @border-color; + box-shadow: none; + background-image: none; + margin: 0; + min-height: 20px; + padding: 0 8px; +} +popover button.text-button label { + padding: 0; + margin: 0; +} + +popover button.text-button:hover label { + color: @headline-hl; +} +popover button.text-button:hover { + background-color: @bg-list-hover; + +} +popover button.text-button:active label { + color: @text-color; +} +popover button.text-button:active { + background-color: @bg-dark-grey; +} +/**/ + +/* Titlebar & Notebook buttons */ +#MainNotebook > header.top > grid > button { + margin-left: 0; + margin-right: 5px; +} +#MainNotebook > header.left > grid > button { + margin-top: 0; + margin-bottom: 5px; +} + +headerbar button image { + padding: 0; + margin: 0; +} +headerbar button { + margin-right: 2px; + background-image: none; + border: 1px solid transparent; + background-color: transparent; + box-shadow: none; + min-width: 20px; + min-height: 20px; + padding: 0; +} +messagedialog headerbar button { + min-width: 0; + min-height: 0; +} +messagedialog headerbar button image { + padding: 0; + margin: -1px; +} +#MainNotebook tab #CloseButton { + padding: 0; + margin: 0 0 0 5px; + min-height: 18px; + min-width: 18px; +} +#MainNotebook > header > grid > button:hover, +#MainNotebook tab #CloseButton:hover, +headerbar button:hover{ + border-color: black; + box-shadow: inset 0 1px rgba(242, 242, 242, 0.1); + background-image: linear-gradient(to bottom, rgba(100,100,100,.3), rgba(30,30,30,.3)); + background-color: rgba(128, 128, 128,.10); +} +#MainNotebook > header > grid > button:active, +headerbar button:active{ + border-color: black; + box-shadow: inset 0 1px rgba(242, 242, 242, 0.1); + background-image: linear-gradient(to bottom, rgba(100,100,100,.3), rgba(30,30,30,.3)); + background-color: rgba(128, 128, 128,.25); +} +#MainNotebook tab #CloseButton:hover, +headerbar button:hover.close{ + border-color: rgba(0,0,0,.9); + 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.3); +} +#MainNotebook tab #CloseButton:active, +headerbar button:active.close{ + border-color: rgba(0,0,0,.9); + 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); +} +/**/ + +/*** end ***************************************************************************************/ + +/*** Ckeckbox & Radio **************************************************************************/ +checkbox { + padding:0; + margin:0; + min-height: 16px; +} +checkbutton, +radiobutton { + padding: 4px 0; + margin: 0; + min-height: 16px; +} +check, +check row, +radio, +radio row { + border: none; + background-image: none; + border-radius: 0; + margin: 0; + padding: 0; + min-height: 16px; + min-width: 14px; + box-shadow: none; + -gtk-icon-source: none; + background-repeat: no-repeat; +} + +radiobutton label, +checkbutton label { + margin: 0 6px 0 6px; + padding: 0; +} +frame > checkbutton check{ + margin-left: 6px; + padding: 0; +} + +#PartialPaste checkbutton { + padding: 0; +} +#PartialPaste check { + margin-left: 14px; +} +#PartialPasteHeader check { + margin-left: 6px; +} +#PrefNotebook checkbutton { + padding: 2px 0; +} +#PrefNotebook radiobutton { + padding: 3px 0; +} +/* What a lousy checkbox without label in White Picture :-) */ +#MyExpander button + checkbutton:last-child { + margin-left: 4px; +} + +check, +check row { + background-image: url("images/twb/checkbox-unchecked.png"); +} +check:checked, +check row:checked { + background-image: url("images/twb/checkbox-checked.png"); +} +check:disabled, +check row:disabled { + background-image: url("images/twb/checkbox-unchecked-disabled.png"); +} +check:checked:disabled, +check row:checked:disabled { + background-image: url("images/twb/checkbox-checked-disabled.png"); +} +check:indeterminate, +check row:indeterminate { + background-image: url("images/twb/checkbox-inconsistent.png"); +} +check:indeterminate:disabled, +check row:indeterminate:disabled { + background-image: url("images/twb/checkbox-inconsistent-disabled.png"); +} + +radio, +radio row { + background-image: url("images/twb/radio-unchecked.png"); +} +radio:checked, +radio row:checked { + background-image: url("images/twb/radio-checked.png"); +} +radio:disabled, +radio row:disabled { + background-image: url("images/twb/radio-unchecked-disabled.png"); +} +radio:checked:disabled, +radio row:checked:disabled { + background-image: url("images/twb/radio-checked-disabled.png"); +} +radio:indeterminate, +radio row:indeterminate { + background-image: url("images/twb/radio-inconsistent.png"); +} +radio:indeterminate:disabled, +radio row:indeterminate:disabled { + background-image: url("images/twb/radio-inconsistent-disabled.png"); +} +/*** end ***************************************************************************************/ + +/*** Toolbox Spinbutton ************************************************************************/ +#MyExpander entry, +entry { + margin: 0; + padding: 0 4px; + min-height: 20px; + min-width: 0; + border-radius: 2px; + 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; + background-color: @bg-scale-entry; +} + +spinbutton { + margin: 0; + padding: 0; + min-height: 18px; + min-width: 0; + border-radius: 2px; + 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); +} + +#MyExpander spinbutton { + margin: 3px 0; /* Affects Reset & and Auto button, min-height + margin = butten height*/ + padding: 0; + min-height: 16px; + min-width: 0; + border-radius: 22px 4px 4px 22px; + background-color: shade(@bg-grey, 1.33); + border: 1px solid rgba(0,0,0,.60); + color: @text-tbEntry; + box-shadow: inset 1px 1px rgba(0, 0, 0, .12), 0 1px rgba(255 , 255, 255, 0.12); +} +#MyExpander spinbutton button, +spinbutton button { + padding: 0; + margin: 0; + min-height: 0; + min-height: 0; + background-image: none; + background-color: transparent; + border: none; + border-radius: 0px; + box-shadow: none; +} +#MyExpander spinbutton entry, +spinbutton entry { + padding: 0 4px; + margin: 0; + min-height: 0; + min-width: 0; + box-shadow: none; + border: none; + background-color: transparent; +} +#MyExpander spinbutton entry { + padding: 0 4px 0 9px; +} +#MyExpander spinbutton button:hover, +spinbutton button:hover { + background-color: rgba(0,0,0,0.3); + background-image: none; + border: none; + box-shadow: none; +} +#MyExpander spinbutton button:active, +spinbutton button:active { + background-color: rgba(0,0,0,0.5); + background-image: none; + border: none; + box-shadow: none; +} + +#MyExpander entry:disabled, +entry :disabled { + color: rgb(144,144,144); +} + +#MyExpander spinbutton:disabled, +spinbutton:disabled { + background-color: rgba(0,0,0,0.08); + color: rgb(144,144,144); + box-shadow: none; +} + + /* Text selection */ +entry > selection { + background-color: transparent; +} +entry:focus > selection { + background-color: @highlighted-text-color; +} + /* end*/ + + /* Selection list (used in filechooser) */ +entry > window > frame { + padding: 0; + margin: 0; +} +/*** end ***************************************************************************************/ + +/*** Window Layout *****************************************************************************/ +window:not(.popup):only-child > decoration { + border: 1px solid @winHeaderbar; + border-radius: 0; + margin: 0; + box-shadow: none; + padding: 5px; + background-color: @bg-light-grey; +} +window:not(.popup):only-child > headerbar { + margin: -5px -5px 0; +} +headerbar { + background-color: @winHeaderbar; + padding: 3px; + border-radius: 0; + background-image: none; +} +dialog > decoration { + border: 1px solid @winHeaderbar; + border-radius: 0; + background-color: @bg-grey; + padding: 0 6px 6px; + border-radius: 0; + /* margin: 0; */ /*if box-shadow is set to none, set margin to 0 to get rid of the extra 10px space around the dialog*/ +} +dialog headerbar { + margin: 0 -6px; +} + +headerbar label { + padding: 0; + margin: 0; + font-size: 12px; + color: @winTitle; +} +/* Message window */ +messagedialog { + background-color: @bg-light-grey; + border-radius: 0; +} +messagedialog > decoration { + background-color: @bg-light-grey; + border-radius: 0; + padding: 0 6px 6px; +} +messagedialog headerbar { + margin: 0 -6px 0; + border-bottom: 10px solid @bg-light-grey; +} +/**/ + + +/*** end ***************************************************************************************/ diff --git a/rtdata/themes/TooWaBlue-GTK3-20_.css b/rtdata/themes/TooWaBlue-GTK3-20_.css new file mode 100644 index 000000000..1037afe45 --- /dev/null +++ b/rtdata/themes/TooWaBlue-GTK3-20_.css @@ -0,0 +1,1629 @@ +/* + This file is part of RawTherapee. + + Copyright (c) 2016 TooWaBoo + Version 2.12 - requires RT 4.2.1412 or higher + + RawTherapee is free software: you can redistribute it and/or modify + it under the terms of the GNU General Public License as published by + the Free Software Foundation, either version 3 of the License, or + (at your option) any later version. + + RawTherapee is distributed in the hope that it will be useful, + but WITHOUT ANY WARRANTY; without even the implied warranty of + MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + GNU General Public License for more details. + + You should have received a copy of the GNU General Public License + along with RawTherapee. If not, see . +*/ + + /* TooWaBoo's personal settings */ + /* + #PartialPaste {min-width: 811px; min-height: 589px;} + #ToolPanelNotebook {min-width: 323px;} + #Navigator {min-width: 288px;} + tooltip:only-child {background-color: transparent; border: none;} + tooltip label {color: transparent;} + */ + /******************************/ + +/*** Change me *** rgb(red,green,blue) *** allowed values from 0 to 255 for each color ***/ + +@define-color accent-color rgb(35,99,166); /*** Active color for Tabs, List, Menu, Borders ... * Default: rgb(35,99,166) ***/ +@define-color text-hl-color rgb(210,210,210); /*** Active text color * Default: rgb(210,210,210) ***/ + +@define-color highlighted-text-color rgb(35,99,166); /*** Highlighted text color * Default: rgb(35,99,166) ***/ + +@define-color bg-image-edit rgb(70,70,70); /*** Image area background * Default: rgb(70,70,70) ***/ + +@define-color accent-color2 rgb(35,99,166); /*** Scale, Progressbar, Scrollbar * Default: rgb(35,99,166) ***/ +@define-color accent-color4 rgb(115,115,115); /*** Slider knob * Default: rgb(115,115,115) ***/ + +@define-color accent-color3 rgb(35,99,166); /*** Selected thumbnail background color * Default: rgb(35,99,166) ***/ +@define-color text-hl-color3 rgb(210,210,210); /*** Selected thumbnail text color * Default: rgb(210,210,210) ***/ + +@define-color winHeaderbar rgb(44,44,44); /*** Window headerbar and frame color * Default: rgb(44,44,44) ***/ +@define-color winTitle rgb(180,180,180); /*** Window title color * Default: rgb(180,180,180) ***/ + +/*** Change me end *****************************************************************************/ + +@define-color bg-light-grey rgb(90,90,90); +@define-color bg-grey rgb(70,70,70); +@define-color bg-dark-grey rgb(36,36,36); + +@define-color bg-button-hover rgba(0,0,0,.20); +@define-color bg-button-active rgba(0,0,0,.5); +/***********************************************/ +@define-color text-color rgb(186,186,186); +@define-color text-tbEntry rgb(192,192,192); +@define-color border-color rgba(255,255,255,.30); +@define-color bg-list-hover rgb(50,50,50); +@define-color bg-scale-entry rgba(0,0,0,.14); +@define-color bg-button-border rgba(0,0,0,.60); +@define-color bg-entry-border rgba(0,0,0,.40); +@define-color view-grid-border rgba(255,255,255,0.15); +@define-color headline-big rgb(190,190,190); +@define-color headline-hl rgb(230,230,230); +@define-color headline-frame rgb(215,215,215); +/***********************************************************************************************/ + + +* { + color: @text-color; + text-shadow: none; + font-size: 12px; + font-family: Arial; + outline-style: none; /* removes the ugly dotted focus line */ + border-image: none; + transition: none; + -GtkDialog-button-spacing: 6; +} +*:disabled { + color: rgb(128,128,128); +} + +window.background { + background-color: @bg-light-grey; +} +dialog { + background-color: @bg-grey; + border-radius: 0; +} + +paned { + background-color: @bg-light-grey; +} + +#PlacesPaned { + margin: 5px 0 0; +} + +undershoot { + background-image: none; /* removes the dotted scrollbar line */ +} + +label { + padding: 0; + margin: 0; +} + +tooltip { + background-color: @bg-dark-grey; + border: 1px solid @accent-color; + border-radius: 4px; + padding: 0; +} + +.drawingarea { + border-radius: 0; + background-color: @bg-dark-grey; + box-shadow: none; +} + +/*** Frames ************************************************************************************/ +frame { + border: none; + padding: 0; + margin: 0; + background-color: transparent; + min-height: 0; + min-width: 0; + border-radius: 0; + box-shadow: none; +} + +#BatchQueueButtonsMainContainer frame, +#MyExpander frame, +dialog frame { + margin: 2px 6px; +} +filechooser frame { + margin: 0; +} + +#PlacesPaned frame { + margin: -8px 0 0; +} + +frame > border { + padding: 0; + border-radius: 0; + border: none; + background-color: transparent; + margin: 0; + min-height: 0; + min-width: 0; + box-shadow: none; +} + +#BatchQueueButtonsMainContainer > frame > border, +#MyExpander frame > border, +dialog frame > border { + padding: 6px; + border-radius: 0; + border: 1px solid @border-color; + background-color: transparent; + margin: 0 -6px; +} +filechooser frame > border { + margin: 0; + padding: 0; +} + +#BatchQueueButtonsMainContainer frame > label, +#ToolPanelNotebook frame > label, +dialog frame > label { + margin: 0; + padding: 2px 6px; +} +#BatchQueueButtonsMainContainer frame > border { + margin-bottom: 10px; +} +#BatchQueueButtonsMainContainer frame:nth-child(3) > border { + padding-left: 11px; +} +#BatchQueueButtonsMainContainer { + padding-top: 5px; +} +#BatchQueueButtons { + margin-top: 8px; +} + +frame > label { + margin: 0; + padding: 6px 0; + color: @headline-frame; +} +frame > checkbutton label{ + color: @headline-frame; +} +/*** end ***************************************************************************************/ + +/*** Lists *************************************************************************************/ +.view { + background-color: @bg-dark-grey; + border-color: @view-grid-border; + padding: 2px; + min-height: 12px; /* min-height needed for preferences list, cutting off checkboxes */ +} +.view:hover { + background-color: @bg-list-hover; +} +.view:selected { + color: @text-hl-color; + background-color: @accent-color; + border-color: transparent; +} + +#PlacesPaned .view { + padding-left: 6px; + padding-right: 0; +} + +/* History, Snapshots */ +#HistoryPanel .view { + padding-left: 0; + padding-right: 0; +} +#HistoryPanel { + margin-top: 8px; +} +#HistoryPanel > border { + margin-top: 21px; +} +#HistoryPanel > label { + margin: 0 0 -15px 0; + padding: 0; +} + +#Snapshots > border { + min-height: 114px; + margin-top: 0px; +} +#Snapshots > label { + margin-bottom: -4px; +} +#Snapshots button { + margin-top: -3px; + margin-bottom: -4px; +} + +#HistoryPanel > border, +#Snapshots > box > :nth-child(1) { + padding: 1px; + background-color: @bg-dark-grey; +} +/**/ + +/*** end ***************************************************************************************/ + +/*** Navigator *********************************************************************************/ +#Navigator .drawingarea { + border-top: 8px solid @bg-dark-grey; + border-bottom: 2px solid @bg-dark-grey; +} +#Navigator { + background-color: @bg-dark-grey; + padding-bottom: 3px; +} +#Navigator box label { + padding: 2px 0; +} + +/*** end ***************************************************************************************/ + +/*** Load - Save dialog ************************************************************************/ + +filechooser { + margin-bottom: 4px; +} + +filechooser > box:first-child { + margin-top: 6px; +} +filechooser placessidebar { + padding: 0 2px; + margin: 0; + background-color: @bg-dark-grey; +} +filechooser list { + background-color: @bg-dark-grey; + border: none; + box-shadow: none; + padding: 0; + margin: 0; +} +filechooser list row { + margin: 0; + min-height: 25px; +} +filechooser list row label{ + margin: 0; + padding: 0 ; +} +filechooser list row:hover { + background-color: @bg-list-hover; +} +filechooser list row:selected label, +filechooser list row:selected { + background-color: @accent-color; + color: @text-hl-color; +} +/*** end ***************************************************************************************/ + +/*** Histogram *********************************************************************************/ +#HistogramPanel { + margin-top: 3px; + border: none; +} +#HistogramArea, +#HistogramRGBArea { + border: 1px solid @bg-dark-grey; + background-color: @bg-dark-grey; +} +#fullButton, +#histButton { + padding: 5px; + margin: 0; + border: none; + background-color: @bg-dark-grey; + background-image: none; + box-shadow: none; + min-height: 0; + min-width: 0; + border-radius: 0; +} +#fullButton { + padding: 5px 5px 6px; +} +/*** end ***************************************************************************************/ + +/*** Separator ***/ +separator { + background-color: transparent; +} +grid separator.horizontal, box separator.horizontal { + margin: 2px 0; + padding: 0 +} +grid separator.vertical, box separator.vertical { + margin: 0 3px; + padding: 0; +} + +filechooser separator, +dialog separator { + background-color: @border-color; +} + +paned.horizontal > separator { + background-color: transparent; + border-left: 4px solid @bg-light-grey; + border-right: 4px solid @bg-light-grey; + margin: 0 -2px; + padding: 0; +} +paned.vertical > separator { + background-color: @bg-dark-grey; + border-bottom: 4px solid @bg-light-grey; + border-top: 4px solid @bg-light-grey; + margin: -1px 0; + padding: 1px 0; +} +dialog paned.horizontal > separator { + border-color: @bg-grey; +} + +menu separator { + background-color: @view-grid-border; + margin: 3px 6px; +} + +#Navigator separator { + background-color: @view-grid-border; + margin: 0; + padding: 0; +} + +#EditorTopPanel separator, +#IopsPanel separator, +#FileBrowser separator { + background-color: shade(@bg-light-grey,.75); + margin-top: 4px; + margin-bottom: 4px; +} + +#MyExpander separator { + background-color: shade(@bg-grey,.7); + margin: 4px 8px; +} +/*** end****************************************************************************************/ + +/*** PartialPaste ******************************************************************************/ +#PartialPaste { + border-bottom: 1px solid @border-color; + border-top: 1px solid @border-color; + padding-top: 6px; + padding-bottom: 6px; +} + +#PartialPaste separator.vertical { + margin: 0 4px; + padding: 0; +} + +#PartialPaste separator { /* Struggles with #PartialPasteHeaderSep */ + background-color: @border-color; + margin: 0 6px 1px 14px; +} +#PartialPasteHeaderSep.horizontal { + background-color: rgb(192,192,192); + margin: 0 6px; +} + +#PartialPasteHeader label { + color: @headline-frame; +} +#PartialPasteHeader { + margin: 6px 0 0 0; + padding: 0; +} +/*** end ***************************************************************************************/ + +/*** Scrollbar *********************************************************************************/ +scrollbar { + background-color: rgba(0,0,0,.30); + border: none; +} +scrollbar slider { + background-color: @text-color; +} +scrollbar slider:hover { + background-color: shade(@accent-color2,1.12); +} +/*** end ***************************************************************************************/ + +/*** Scale**************************************************************************************/ +scale { + padding: 0; + min-height: 0; + margin: 0 3px; +} +#BatchQueueButtonsMainContainer scale, +dialog scale { + padding-top: 2px; +} + +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: -5px 0; + background-image: linear-gradient(to bottom, shade (@accent-color4,1.15), shade (@accent-color4,.85)); + border: 1px solid shade(@bg-dark-grey, 1.1); + box-shadow: none; +} +scale slider:hover { + background-image: linear-gradient(to bottom, shade (@accent-color4,1.25), shade (@accent-color4,.95)); +} + +scale trough { + margin: 6px 6px; /* 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.13); +} +scale.fine-tune trough { + margin: 5px 6px; + padding: 1px 0; +} + +scale:not(:disabled) trough highlight { + background-color: @accent-color2; + border-color: @bg-dark-grey; + box-shadow: inset 0 1px shade(@accent-color2, 1.3); +} + +scale.fine-tune trough highlight { + margin: -2px -1px; +} + +scale:disabled slider, +scale:disabled trough { + background-color: rgb(65,65,65); + box-shadow: none; + background-image: none; +} + +/*** end ***************************************************************************************/ + +/*** Progressbar *******************************************************************************/ +progressbar.vertical text { + color: transparent; +} + +progressbar.vertical trough { + min-width: 6px; + background-color: transparent; + border-width: 0; +} +progressbar.vertical trough progress { + min-width: 6px; + margin: 0 -1px; + background-color: @accent-color2; + border-width: 0; + border-radius: 6px; +} + +progressbar.horizontal trough { + min-height: 5px; + background-color: transparent; + border: none; + border-radius: 6px; + margin-top: 7px; +} +progressbar.horizontal trough progress { + min-height: 5px; + margin: -1px 0; + background-color: @accent-color2; + border: none; + border-radius: 6px; +} + +#IopsPanel progressbar.horizontal trough { + min-height: 6px; + background-color: @bg-scale-entry; + border: 1px solid @bg-button-border; + margin-top: 3px; +} +#IopsPanel progressbar.horizontal trough progress { + min-height: 6px; + margin: -1px 0; + background-color: @accent-color2; + border: none; + border-radius: 6px; +} +#MainNotebook > header.top > grid > progressbar { + margin-right: 5px; +} +#MainNotebook > header.left > grid > progressbar { + margin-bottom: 5px; +} +/*** end ***************************************************************************************/ + +/*** Notebook **********************************************************************************/ +notebook { + padding: 0; + margin: 0; + border: none; +} +notebook header { + box-shadow: none; + background-color: @bg-dark-grey; + border: none; + border-radius: 0; + padding: 0; + margin: 0; +} +notebook stack { + background-color: @bg-light-grey; + padding: 0; + margin: 0; +} +dialog notebook stack { + background-color: @bg-grey; + padding: 0; + margin: 0; +} +notebook tabs { + background-color: @bg-dark-grey; + padding: 6px; + margin:0; +} +notebook tab { + background-color: transparent; + border: none; + min-height: 0; + min-width: 0; + box-shadow: none; +} + +notebook header.top tab label { + padding: 3px 0 3px 5px; +} +notebook header.left tab label { + padding: 0 3px 5px 3px; +} +notebook header tab:hover { + box-shadow: none; +} +notebook header tab:hover label { + color: @headline-hl; +} + +notebook header.top tab { + padding: 3px 6px; +} +notebook header.top tab:checked { + box-shadow: 0 3px @accent-color; +} + +notebook header.left tab { + padding: 6px 3px 5px; +} +notebook header.left tab:checked { + box-shadow: 3px 0 @accent-color; +} + +notebook > header > tabs > arrow { + background-color: transparent; +} +notebook > header > tabs > arrow:hover { + background-color: rgba(255,255,255,.1); +} +notebook > header > tabs > arrow:active { + background-color: transparent; +} + +#MainNotebook > header.top { + margin: 0 -5px; +} +#MainNotebook > header.left { + margin: 0 5px -5px -5px; +} + +#ToolPanelNotebook > header tab { + padding: 3px 4px; +} +#ToolPanelNotebook > header tabs { + margin-bottom: 3px; +} + +#RightNotebook > header { + margin: 5px 5px 0 0; +} +#RightNotebook > stack { + background-color: @bg-grey; + padding: 0; + margin-top: 5px; +} +#RightNotebook > stack > *:nth-child(3), +#RightNotebook > stack > *:nth-child(4) { + padding: 6px; + border: 1px solid @bg-entry-border; +} + +#PrefNotebook, #AboutNotebook { + padding: 0; + margin: -2px -8px; +} +#PrefNotebook stack { + padding: 0 8px; + margin: 0; +} +#AboutNotebook stack { + padding: 8px 8px 0; + margin: 0; +} +#AboutNotebook stack > * > * > * { + background-color: @dark-grey; +} + +#PrefNotebook header.top tab label, #AboutNotebook header.top tab label { + padding: 0px; +} + +/* 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: none; + background-color: @bg-grey; + border-radius: 0; + border-top-style: none; + padding: 0 4px; + margin: 0 6px -6px; +} +#MetaPanelNotebook header { + border: none; + background-color: @bg-grey; + border-radius: 0; + padding: 4px; + margin: 6px 6px 0; +} +#MetaPanelNotebook > header > tabs { + background-color: @bg-dark-grey; +} +#MetaPanelNotebook > header tab { + margin: 0 4px; + padding: 4px; +} + +#MetaPanelNotebook textview { + border-radius: 0; +} +#MetaPanelNotebook scrolledwindow { + padding: 0 0 6px 0; +} +#MetaPanelNotebook separator { + background-color: @border-color; + margin: 4px 0 5px; +} +#MetaPanelNotebook entry, #MetaPanelNotebook button, #MetaPanelNotebook combobox button { + margin-top: 0; + margin-bottom: 2px; + min-height: 20px; + min-width: 10px; + padding: 0; +} +#MetaPanelNotebook entry { + padding: 0 2px; + background-color: @bg-dark-grey; +} +#MetaPanelNotebook button { + min-width: 20px; +} +#MetaPanelNotebook combobox + button, +#MetaPanelNotebook combobox + button + button { + margin-left: 2px; +} + +#MetaPanelNotebook label { + padding: 0 5px; +} +#MetaPanelNotebook text { + /* border: 1px solid @bg-entry-border; */ + background-color: @bg-dark-grey; + border-radius: 0; +} + +/*** end ***************************************************************************************/ + +/*** File Browser ******************************************************************************/ +#FileCatalog { + background-color: @bg-grey; + border: 1px solid @bg-dark-grey; +} +#FileCatalog:selected { + background-color: @accent-color3; + color: @text-hl-color3; + border: none; +} + +#FileBrowser { + padding: 0; + margin: 5px 0 0; +} +#FileBrowser entry + button { + margin: 0 0 0 2px; + padding: 2px 2px 2px 2px; +} +#FileBrowser entry + button, +#FileBrowser entry { + min-height: 15px; + min-width: 15px; +} +#FileBrowser label { + margin: 0 4px 0 10px; +} +#ToolBarPanelFileBrowser { + margin: 3px -1px; + min-height: 0; + min-width: 0; +} + +#ToolBarPanelFileBrowser > box > button, +#ToolBarPanelFileBrowser > button { + margin: 0 1px; +} +#ToolBarPanelFileBrowser > box > box > button { + min-height: 11px; + min-width: 16px; + padding: 0; + margin: 2px 0 0 0; + border: none; + background-color: transparent; + background-image: none; + box-shadow: none; +} +/*** end ***************************************************************************************/ + +/*** Image Editor ******************************************************************************/ +#BeforeAfterContainer { + background-color: @bg-image-edit; + border: 1px solid @bg-dark-grey; + border-radius: 0; + padding: 0; + margin: 3px 0 5px; +} +#BeforeAfterContainer > box:nth-child(1) frame { + background-color: transparent; + border-top: 1px solid @bg-dark-grey; + border-radius: 0; + padding: 0; + margin: -1px 0 0 0; +} +#BeforeAfterContainer > box:nth-child(2) frame { + background-color: transparent; + 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 label { + min-height: 29px; + padding: 0 6px; +} +/* Small Lock Button */ +#BeforeAfterContainer button { + min-height: 20px; + min-width: 20px; + margin: 3px 0 4px; + padding: 0 0 0 1px; +} +/**/ + +#EditorTopPanel { + margin: 3px -2px 0; + padding: 0; + min-height: 0; +} +#EditorTopPanel button { + margin: 0 1px; +} +/* Removes margin from the last button. Otherwise the filmstrip will cut of the right border. */ +#EditorTopPanel :last-child > button:last-child { + margin-right: 0; +} + +#EditorTopPanel > box > button.image-button:not(:nth-child(6)) { + min-width: 14px; +} + + +#EditorTopPanel > box > box > button { + min-height: 0; + min-width: 0; + margin: 0 2px 0px; + padding: 2px 2px; + border: 1px solid transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} +#EditorTopPanel > box > box > button:hover { + background-color: transparent; + background-image: none; + border: 1px solid transparent; + box-shadow: none; +} +#EditorTopPanel > box > box > button:checked { + background-color: transparent; + background-image: none; + border: 1px solid @bg-dark-grey; + box-shadow: none; +} + +/*Button editor bottom*/ +#IopsPanel label { + min-width: 42px; + margin: 0; +} +/*** end ***************************************************************************************/ + +/*** Toolbox ***********************************************************************************/ +#ToolPanelNotebook stack { + background-color: @bg-dark-grey; + padding: 0 0 6px 0; +} + +#MyExpander .drawingarea { + border: 1px solid rgb(90,90,90); +} +#MyExpander .drawingarea:nth-child(2) { + background-image: linear-gradient(to bottom, shade (@accent-color4,1.15), shade (@accent-color4,.85)); + background-color: transparent; + border: 1px solid @bg-dark-grey; +} +#MyExpander .slider:not(:disabled) { + background-image: linear-gradient(to bottom, shade (@accent-color4,1.15), shade (@accent-color4,.85)); + background-color: black; + border: 0.55px solid black; +} +#MyExpander .drawingarea:disabled { + background-color: @bg-grey; + border-color: @bg-dark-grey; + background-image: none; +} + +#MyExpander { + margin: 0; + padding: 0; +} + +#ToolPanelNotebook scrolledwindow viewport.frame { + padding: 0 6px; +} + +#ExpanderBox > box, #ExpanderBox > grid { + background-color: @bg-grey; + border: none; + border-radius: 0; + margin: 0; + padding: 8px; +} + + /* Sub-tool (MyExpander) background */ +#ExpanderBox2 > box, #ExpanderBox2 > grid { + background-color: transparent; + border: 1px solid @border-color; + border-radius: 0; + margin: 0; + padding: 6px; +} + +#MyExpanderTitle > box { + margin: 0; + padding: 4px 0; +} + +#MyExpanderTitle label { + color: @headline-big; + padding: 0; + margin: 0 3px 0; +} + +#MyExpanderTitle:hover label { + color: @headline-hl; +} +/*** end ***************************************************************************************/ + +/*** Context & popups menus *****************************************************************************/ +menu { + background-color: @bg-dark-grey; + border: 1px solid @accent-color; + padding: 1px; + margin: 0; +} +menu > .top, +menu > .top:hover, +menu > .bottom, +menu > .bottom:hover { + background-color: transparent; + border: none; + padding: 6px; + min-height: 24px; +} + +menuitem { + padding: 0 4px; + margin: 1px; + min-height: 24px; +} +menuitem:hover { + background-color: @accent-color; +} +menuitem:hover > * > *, +menuitem:hover > * { + color: @text-hl-color; +} + +menu image { + min-height: 24px; +} +/* Selection popup list (used in filechooser) */ +entry > window > frame > border { + background-color: @bg-dark-grey; + padding: 1px; + border: 1px solid @accent-color; +} +/**/ + +/*** end ***************************************************************************************/ + +/*** Popover *** Context menu filechooser ******************************************************/ +popover.background { + background-color: @bg-dark-grey; + border-color: @accent-color; + border-radius: 0; + padding: 0; + margin: 0; +} + +popover > box { + padding: 0; + margin: -9px; +} +popover modelbutton { + min-height: 24px; + padding: 0 5px; + margin: 0; + border-radius: 0; +} + +popover label { + margin-right: 6px; +} +popover modelbutton:hover label, +popover modelbutton:hover { + background-color: @accent-color; + color: @text-hl-color; +} +/** end ****************************************************************************************/ + +/*** Buttons ***********************************************************************************/ +button { + min-height: 26px; + min-width: 26px; + margin: 0; + padding: 0; /* x */ + border-radius: 2px; + border: 1px solid @bg-button-border; + background-color: transparent; + box-shadow: inset 0 1px rgba(242, 242, 242, 0.1); + background-image: linear-gradient(to bottom, rgba(100,100,100,.3), rgba(30,30,30,.3)); +} +button.flat { + padding: 0;/* x */ +} +button.text-button label { + margin: 0 6px;/* x */ +} +combobox .combo { + padding: 0 2px; +} + +#MainNotebook > header > grid > button, +button.flat { + border: 1px solid transparent; + box-shadow: none; + background-image: none; + background-color: transparent; +} +/* Resetbutton queue*/ +dialog scale + button.flat, +scale + button.flat { + min-height: 16px; + min-width: 16px; + margin: 2px 0 0 2px; + padding: 0 0 0 1px; +} + +/* Resetbutton */ +#MyExpander button.flat { + min-height: 16px; + min-width: 16px; + margin: 1px 0 1px 2px; + padding: 0 0 0 1px; +} + +#MyExpander image + button.flat, +#MyExpander scale + button.flat { + min-height: 16px; + min-width: 16px; + margin: 0 0 1px 4px; + padding: 0 0 0 1px; +} + +#MyExpander spinbutton + button.flat { + min-height: 14px; + min-width: 16px; + margin: 0 0 0 2px; + padding: 0 0 0 1px; +} +/**/ + +/* Curve buttons */ +#MyExpander button.flat + button.flat, +#MyExpander button.flat:first-child { + min-height: 26px; + min-width: 26px; + margin: 1px; + padding: 0; +} +/**/ + +button.flat:hover, +button:hover { + border: 1px solid @bg-button-border; + box-shadow: inset 0 1px 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; +} + +button.flat:active, +button.flat:checked, +button:active, +button:checked { + border-color: black; + box-shadow: inset 0 1px 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-active; +} + +/* Add space between conected buttons */ +button.Right, +button.MiddleH { + margin-left: 2px; + border: 1px solid @bg-button-border; +} +/**/ + +/* Applies special styles in main notebook */ +#ProfilePanel { + margin-bottom: 3px; +} +#ProfilePanel combobox { + margin-left: 2px; +} +#PlacesPaned button.Left, +#PlacesPaned button.Right { + margin-top: 3px; +} +#PlacesPaned combobox { + margin-bottom: -3px; +} +/**/ + +/* Base format for Toolbox and dialogs */ +dialog button, +#MyExpander button, +#BatchQueueButtonsMainContainer button { + min-height: 20px; + min-width: 0; + padding: 0 4px; +} +dialog combobox .combo, +#ToolPanelNotebook combobox .combo, +#BatchQueueButtonsMainContainer combobox .combo { + min-width: 0; + padding: 0 2px; +} +/**/ + +/* Add/remove space between buttons and labels in toolbox*/ +#MyExpander combobox:not(:first-child):not(:only-child), +#MyExpander button:not(.flat).Left, +#MyExpander button:not(.flat) + combobox, +#MyExpander combobox + button:not(.flat), +#MyExpander combobox + combobox, +#MyExpander button + label, +#MyExpander combobox + label { + margin-left: 2px; +} +#MyExpander label + * > button:not(.flat).Left, +#MyExpander label + combobox:not(:first-child):not(:only-child), +#MyExpander label + button:not(.flat):not(spinbutton) { + margin-left: 5px; +} + /* Arrow toggle combo button */ +#IopsPanel button:not(.flat).Left + button:not(.flat).Right, +#MyExpander button:not(.flat).Left + button:not(.flat).Right { + border-left: none; + margin-left: 0; + padding-left: 4px; + padding-right: 4px; + border-radius: 0 2px 2px 0; +} +#IopsPanel button:not(.flat).Left, +#MyExpander button:not(.flat).Left { + border-radius: 2px 0 0 2px; +} +/**/ + +/* Add extra top and bottom space to buttons in toolbox*/ +#MyExpander button { + margin-top: 1px; + margin-bottom: 1px; +} +/**/ +#MyExpander button.text-button label { + margin: 0;/* x */ +} +.popupbutton-arrow { + min-width: 0; +} + +/* Save, Cancel, OK ... buttons */ +.dialog-action-area button { + min-height: 26px; + margin-top: 6px; +} +messagedialog .dialog-action-area button { + margin-top: 0; +} +messagedialog .dialog-action-area button:not(:only-child) { + margin-right: 3px; +} +messagedialog .dialog-action-area button + button { + margin-left: 3px; +} +/**/ + +#BatchQueueButtons button { + min-height: 24px; + min-width: 28px; +} + +/* View & Filechooser Buttons */ +dialog .view button, +window .view button { + background-color: @bg-dark-grey; + background-image: none; + box-shadow: none; + background-image: none; + min-height: 24px; + padding: 0 4px; +} +dialog .view button.text-button label, +window .view button.text-button label { + margin: 0; +} +window .view button { + border: none; + border-bottom: 1px solid @border-color; +} +dialog .view button { + border-color: @border-color; +} +dialog .path-bar button:first-child, +dialog .path-bar button:last-child { + padding: 0; +} +.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; +} + +dialog .view header button:not(:last-child):not(:only-child), +window .view header button:not(:last-child):not(:only-child), +.path-bar button:not(:last-child):not(:only-child) { + border-right: none; +} +dialog .view header button, +window .view header button, +.path-bar button { + border-radius: 0; +} +.path-bar button:first-child { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} +.path-bar button:last-child { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} +/**/ + +/* Popover Filechooser (Create folder) */ +popover button.text-button { + background-color: @bg-dark-grey; + background-image: none; + border: 1px solid @border-color; + box-shadow: none; + background-image: none; + margin: 0; + min-height: 20px; + padding: 0 8px; +} +popover button.text-button label { + padding: 0; + margin: 0; +} + +popover button.text-button:hover label { + color: @headline-hl; +} +popover button.text-button:hover { + background-color: @bg-list-hover; + +} +popover button.text-button:active label { + color: @text-color; +} +popover button.text-button:active { + background-color: @bg-dark-grey; +} +/**/ + +/* Titlebar & Notebook buttons */ +#MainNotebook > header.top > grid > button { + margin-left: 0; + margin-right: 5px; +} +#MainNotebook > header.left > grid > button { + margin-top: 0; + margin-bottom: 5px; +} + +headerbar button image { + padding: 0; + margin: 0; +} +headerbar button { + margin-right: 2px; + background-image: none; + border: 1px solid transparent; + background-color: transparent; + box-shadow: none; + min-width: 20px; + min-height: 20px; + padding: 0; +} +messagedialog headerbar button { + min-width: 0; + min-height: 0; +} +messagedialog headerbar button image { + padding: 0; + margin: -1px; +} +#MainNotebook tab #CloseButton { + padding: 0; + margin: 0 0 0 5px; + min-height: 18px; + min-width: 18px; +} +#MainNotebook > header > grid > button:hover, +#MainNotebook tab #CloseButton:hover, +headerbar button:hover{ + border-color: black; + box-shadow: inset 0 1px rgba(242, 242, 242, 0.1); + background-image: linear-gradient(to bottom, rgba(100,100,100,.3), rgba(30,30,30,.3)); + background-color: rgba(128, 128, 128,.10); +} +#MainNotebook > header > grid > button:active, +headerbar button:active{ + border-color: black; + box-shadow: inset 0 1px rgba(242, 242, 242, 0.1); + background-image: linear-gradient(to bottom, rgba(100,100,100,.3), rgba(30,30,30,.3)); + background-color: rgba(128, 128, 128,.25); +} +#MainNotebook tab #CloseButton:hover, +headerbar button:hover.close{ + border-color: rgba(0,0,0,.9); + 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.3); +} +#MainNotebook tab #CloseButton:active, +headerbar button:active.close{ + border-color: rgba(0,0,0,.9); + 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); +} +/**/ + +/*** end ***************************************************************************************/ + +/*** Ckeckbox & Radio **************************************************************************/ +checkbox { + padding:0; + margin:0; + min-height: 16px; +} +checkbutton, +radiobutton { + padding: 4px 0; + margin: 0; + min-height: 16px; +} +check, +check row, +radio, +radio row { + border: none; + background-image: none; + border-radius: 0; + margin: 0; + padding: 0; + min-height: 16px; + min-width: 14px; + box-shadow: none; + -gtk-icon-source: none; + background-repeat: no-repeat; +} + +radiobutton label, +checkbutton label { + margin: 0 6px 0 6px; + padding: 0; +} +frame > checkbutton check{ + margin-left: 6px; + padding: 0; +} + +#PartialPaste checkbutton { + padding: 0; +} +#PartialPaste check { + margin-left: 14px; +} +#PartialPasteHeader check { + margin-left: 6px; +} +#PrefNotebook checkbutton { + padding: 2px 0; +} +#PrefNotebook radiobutton { + padding: 3px 0; +} +/* What a lousy checkbox without label in White Picture :-) */ +#MyExpander button + checkbutton:last-child { + margin-left: 4px; +} + +check, +check row { + background-image: url("images/twb/checkbox-unchecked.png"); +} +check:checked, +check row:checked { + background-image: url("images/twb/checkbox-checked.png"); +} +check:disabled, +check row:disabled { + background-image: url("images/twb/checkbox-unchecked-disabled.png"); +} +check:checked:disabled, +check row:checked:disabled { + background-image: url("images/twb/checkbox-checked-disabled.png"); +} +check:indeterminate, +check row:indeterminate { + background-image: url("images/twb/checkbox-inconsistent.png"); +} +check:indeterminate:disabled, +check row:indeterminate:disabled { + background-image: url("images/twb/checkbox-inconsistent-disabled.png"); +} + +radio, +radio row { + background-image: url("images/twb/radio-unchecked.png"); +} +radio:checked, +radio row:checked { + background-image: url("images/twb/radio-checked.png"); +} +radio:disabled, +radio row:disabled { + background-image: url("images/twb/radio-unchecked-disabled.png"); +} +radio:checked:disabled, +radio row:checked:disabled { + background-image: url("images/twb/radio-checked-disabled.png"); +} +radio:indeterminate, +radio row:indeterminate { + background-image: url("images/twb/radio-inconsistent.png"); +} +radio:indeterminate:disabled, +radio row:indeterminate:disabled { + background-image: url("images/twb/radio-inconsistent-disabled.png"); +} +/*** end ***************************************************************************************/ + +/*** Toolbox Spinbutton ************************************************************************/ +#MyExpander entry, +entry { + margin: 0; + padding: 0 4px; + min-height: 20px; + min-width: 0; + border-radius: 2px; + 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; + background-color: @bg-scale-entry; +} + +spinbutton { + margin: 0; + padding: 0; + min-height: 18px; + min-width: 0; + border-radius: 2px; + 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); +} + +#MyExpander spinbutton { + margin: 3px 0; /* Affects Reset & and Auto button, min-height + margin = butten height*/ + padding: 0; + min-height: 16px; + min-width: 0; + border-radius: 22px 4px 4px 22px; + background-color: shade(@bg-grey, 1.33); + border: 1px solid rgba(0,0,0,.60); + color: @text-tbEntry; + box-shadow: inset 1px 1px rgba(0, 0, 0, .12), 0 1px rgba(255 , 255, 255, 0.12); +} +#MyExpander spinbutton button, +spinbutton button { + padding: 0; + margin: 0; + min-height: 0; + min-height: 0; + background-image: none; + background-color: transparent; + border: none; + border-radius: 0px; + box-shadow: none; +} +#MyExpander spinbutton entry, +spinbutton entry { + padding: 0 4px; + margin: 0; + min-height: 0; + min-width: 0; + box-shadow: none; + border: none; + background-color: transparent; +} +#MyExpander spinbutton entry { + padding: 0 4px 0 9px; +} +#MyExpander spinbutton button:hover, +spinbutton button:hover { + background-color: rgba(0,0,0,0.3); + background-image: none; + border: none; + box-shadow: none; +} +#MyExpander spinbutton button:active, +spinbutton button:active { + background-color: rgba(0,0,0,0.5); + background-image: none; + border: none; + box-shadow: none; +} + +#MyExpander entry:disabled, +entry :disabled { + color: rgb(144,144,144); +} + +#MyExpander spinbutton:disabled, +spinbutton:disabled { + background-color: rgba(0,0,0,0.08); + color: rgb(144,144,144); + box-shadow: none; +} + + /* Text selection */ +entry > selection { + background-color: transparent; +} +entry:focus > selection { + background-color: @highlighted-text-color; +} + /* end*/ + + /* Selection list (used in filechooser) */ +entry > window > frame { + padding: 0; + margin: 0; +} +/*** end ***************************************************************************************/ + +/*** Window Layout *****************************************************************************/ +window:not(.popup):only-child > decoration { + border: 1px solid @winHeaderbar; + border-radius: 0; + margin: 0; + box-shadow: none; + padding: 5px; + background-color: @bg-light-grey; +} +window:not(.popup):only-child > headerbar { + margin: -5px -5px 0; +} +headerbar { + background-color: @winHeaderbar; + padding: 3px; + border-radius: 0; + background-image: none; +} +dialog > decoration { + border: 1px solid @winHeaderbar; + border-radius: 0; + background-color: @bg-grey; + padding: 0 6px 6px; + border-radius: 0; + /* margin: 0; */ /*if box-shadow is set to none, set margin to 0 to get rid of the extra 10px space around the dialog*/ +} +dialog headerbar { + margin: 0 -6px; +} + +headerbar label { + padding: 0; + margin: 0; + font-size: 12px; + color: @winTitle; +} +/* Message window */ +messagedialog { + background-color: @bg-light-grey; + border-radius: 0; +} +messagedialog > decoration { + background-color: @bg-light-grey; + border-radius: 0; + padding: 0 6px 6px; +} +messagedialog headerbar { + margin: 0 -6px 0; + border-bottom: 10px solid @bg-light-grey; +} +/**/ + + +/*** end ***************************************************************************************/ diff --git a/rtdata/themes/TooWaBlue.css b/rtdata/themes/TooWaBlue.css deleted file mode 100644 index 24442aae3..000000000 --- a/rtdata/themes/TooWaBlue.css +++ /dev/null @@ -1,881 +0,0 @@ -/* - This file is part of RawTherapee. - - Copyright (c) 2016 TooWaBoo (v1.19.4) - Many thanks to the RawTherapee Developer Team for this great piece of software - - RawTherapee is free software: you can redistribute it and/or modify - it under the terms of the GNU General Public License as published by - the Free Software Foundation, either version 3 of the License, or - (at your option) any later version. - - RawTherapee is distributed in the hope that it will be useful, - but WITHOUT ANY WARRANTY; without even the implied warranty of - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the - GNU General Public License for more details. - - You should have received a copy of the GNU General Public License - along with RawTherapee. If not, see . -*/ - -/*** Change me *** rgb(red,green,blue) *** allowed values from 0 to 255 for each color ***/ - -@define-color accent-color rgb(35,99,166); /*** Highlight/selected color for Tab indicator, List, Dropdown menu, Borders ... ***/ -@define-color text-hl-color rgb(210,210,210); /*** Highlight/selected text color ***/ - -@define-color accent-color2 rgb(35,99,166); /*** Slider, Progressbar, Scrollbar ***/ -@define-color accent-color4 rgb(35,99,166); /*** Slider knob ***/ - -@define-color accent-color3 rgb(35,99,166); /*** Selected thumbnail background color ***/ -@define-color text-hl-color3 rgb(210,210,210); /*** Selected thumbnail text color ***/ - -/*** Change me end ************************************************************************/ - -@define-color text-color rgb(180,180,180); -@define-color text-hl-color2 rgb(192,192,192); -@define-color text-tbEntry rgb(192,192,192); -@define-color bg-dark-grey rgb(36,36,36); -@define-color bg-grey rgb(70,70,70); -@define-color bg-light-grey rgb(88,88,88); -@define-color border-color rgba(255,255,255,.25); -@define-color bg-list-hover rgba(255,255,255,.065); -@define-color bg-scale-entry rgba(0,0,0,.14); -@define-color bg-button-border rgba(0,0,0,.48); -@define-color bg-button-border-hover rgba(0,0,0,.58); -@define-color bg-entry-border rgba(0,0,0,.40); -@define-color bg-button-hover rgba(0,0,0,.22); -@define-color bg-spin-button-hover rgba(0,0,0,.25); -@define-color bg-entry-IPTC @bg-dark-grey; -@define-color view-grid-border rgb(64,64,64); - -* { - color: @text-color; - transition: none; - text-shadow: none; - icon-shadow: none; - box-shadow: none; - outline-style: none; /* removes the ugly dotted focus line */ - border-image: none; - -GtkCheckButton-indicator-size: 16; - -GtkCheckMenuItem-indicator-size: 16; - -GtkCheckButton-indicator-spacing: 2; -} - -.undershoot { - background-image: none; /* removes the dotted scrollbar line */ -} -GtkWindow { - background-color: @bg-light-grey; -} -GtkDialog { - background-color: @bg-grey; - -GtkDialog-content-area-spacing: 7; - -GtkDialog-action-area-border: 0; - -GtkDialog-content-area-border: 8; -} - -GtkFontChooser, -GtkColorChooser { - -GtkDialog-action-area-border: 4; - -GtkDialog-content-area-border: 0; -} - -.frame { - border: none; -} -#PrefNotebook > .frame { - border: 1px solid rgba(0,0,0,.50); - border-top: none; -} -#BatchQueueButtonsMainContainer GtkFrame { - padding: 4px 4px 4px 10px; -} - -/*** Add space between buttons and image area***/ -#BeforeAfterContainer GtkFrame { - padding: 2px 0 4px; -} -/*** Add space between before/after image ***/ -#BeforeAfterContainer GtkContainer:nth-child(1) > GtkContainer:nth-child(2) GtkFrame { - padding-right: 14px; -} - -/*** Menu bubble box ***/ -GtkPopover { - background-color: @bg-grey; - border: 1px solid @accent-color; - border-radius: 0; -} - -.menu { - background-color: @bg-dark-grey; - border: 1px solid @accent-color; -} -.menu > .menuitem { - padding: 2px 4px; -} -.menu > .menuitem:hover { - background-color: @accent-color; -} -.menu > .menuitem:hover > * > *, -.menu > .menuitem:hover > * { - color: @text-hl-color; -} - -GtkNotebook { - padding: 4px; - background-color: @bg-light-grey; -} -GtkDialog GtkNotebook { - padding: 2px 0 0; -} -#PrefNotebook { - padding: 4px 8px; -} -#RightNotebook { - padding: 0 0 0 4px; -} - -GtkPaned { - -GtkPaned-handle-size: 4px; - background-color: transparent; -} -.pane-separator { - background-color: @bg-light-grey; -} -GtkDialog .pane-separator { - background-color: @bg-grey; -} - -/*** Separator ***/ -.separator { - color: @bg-light-grey; -} -GtkDialog .separator { - color: @border-color; -} -#RightNotebook .separator { - color: @bg-dark-grey; -} - /*** Navigator ***/ -#Navigator .separator { - color: @view-grid-border; -} -/*** end ***/ - -/*** Background color image area***/ -GtkDrawingArea { - background-color: @bg-grey; - border: 1px solid rgba(0,0,0,.32); -} -/*** Histogram ***/ -#HistogramPanel, -#HistogramArea { - background-color: @bg-dark-grey; - border: none; -} -/*** Histogram RGB-Bar***/ -#HistogramRGBArea { - background-color: rgb(128,128,128); - border: none; -} -/*** Navigator ***/ -#Navigator GtkDrawingArea { - background-color: @bg-dark-grey; - border: 1px solid @bg-dark-grey; -} -#Navigator { - background-color: @bg-dark-grey; - border-top: 156px solid @bg-light-grey; -} - -#RightNotebook GtkDrawingArea { - background-color: @bg-dark-grey; -} - -/*** Label ***/ - .label { - padding: 0 4px; -} - /*** Increase space between labels in navigater ***/ -#Navigator .label { - padding: 6px 0 3px; -} -#Navigator GtkTable .label { - padding: 0 0 4px; -} - /***/ -GtkDialog .label, -#ToolPanelNotebook .label, -.notebook tab .label { - padding: 0 1px; -} -.button .label { - padding: 0; -} - - /*** Add left and right space between frame and labels ***/ -.frame > .label, -#ToolPanelNotebook .frame > .label { - padding: 4px; -} -#BatchQueueButtonsMainContainer GtkFrame:nth-child(3) > .label{ - padding: 2px 0px 4px; -} - -#MyExpanderTitle .label { - padding: 2px 3px; -} -/*** end ***/ - -.tooltip { - border-radius: 0; - padding: 0; -} -.tooltip.background { - background-color: @bg-dark-grey; - border: 1px solid @accent-color; -} - -/*** PartialPaste ***/ -#PartialPaste:nth-child(2) { - background-color: @bg-light-grey; - border: 1px solid rgba(0,0,0,.50); -} -#PartialPaste > .frame { - padding: 8px 10px; -} -#PartialPasteHeaderSep { - color: rgb(192,192,192); -} -#PartialPasteHeader .label { - color: rgb(213,213,213); -} -/*** end ***/ - -/*** Scrollbar ***/ -.scrollbar.trough { - background-color: rgba(0,0,0,.38); - background-image: none; - border: none; -} -.scrollbar.slider:active { - background-color: shade(@accent-color2,1.12); -} - -/*** end ***/ - -/*** Scale & Progressbar ***/ -.scale { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(242, 242, 242, 0.1); - -GtkRange-trough-border: 6; - -GtkScale-slider-length: 15; - -GtkRange-slider-width: 15; -} -.scale.trough, -#ToolPanelNotebook .scale.trough { - background-color: @bg-scale-entry; - border-color: @bg-dark-grey; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(242, 242, 242, 0.1); -} -.scale.trough.highlight, -#ToolPanelNotebook .scale.trough.highlight { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(242, 242, 242, 0.1); - background-image: none; - background-color: @accent-color2; - border: 1px solid @bg-dark-grey; - color: @text-hl-color2; -} -.scale.slider, -#ToolPanelNotebook .scale.slider { - background-image: linear-gradient(to bottom, shade (@accent-color4,1.15), shade (@accent-color4,.85)); - border: 1px solid shade(@bg-dark-grey, 1.25); - box-shadow: none; -} -.scale.fine-tune { - -GtkRange-trough-border: 5; -} -.scale.scale-has-marks-below { - -GtkRange-trough-border: 6; - -GtkScale-slider-length: 6; - -GtkRange-slider-width: 19; -} -.scale.slider.scale-has-marks-below { - border-radius: 0 0 20px 20px; - border: 1px solid @bg-dark-grey; -} -.scale.fine-tune.scale-has-marks-below { - -GtkRange-trough-border: 5; -} -.scale.slider:hover, -#ToolPanelNotebook .scale.slider:hover { - background-image: linear-gradient(to bottom, shade (@accent-color4,1.25), shade (@accent-color4,.95)); -} - -.scale.slider:active, -#ToolPanelNotebook .scale.slider:active { - background-image: linear-gradient(to bottom, shade (@accent-color4,1.25), shade (@accent-color4,.95)); -} - -GtkProgressBar { - -GtkProgressBar-min-vertical-bar-width: 8; - -GtkProgressBar-min-horizontal-bar-height: 8; - -GtkProgressBar-yspacing: 4px; - border-radius: 10px; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(242, 242, 242, 0.1); -} -.progressbar { - background-image: none; - background-color: @accent-color2; - border-color: @bg-dark-grey; -} -GtkProgressBar.trough { - background-image: none; - background-color: @bg-scale-entry; -} -#MainNotebook > GtkGrid GtkProgressBar { - box-shadow: none; -} -#MainNotebook > GtkGrid GtkProgressBar.trough { - background-image: none; - background-color: @bg-dark-grey; - border-color: @bg-dark-grey; -} -/*** end ***/ - -/*** Load/Save ***/ -GtkFileChooserWidget { - background-color: @bg-grey; -} -GtkFileChooserWidget > GtkBox { - border-bottom-color: @bg-dark-grey; -} -GtkFileChooserWidget GtkBox { - background-color: transparent; -} -GtkFileChooserWidget GtkListBox * { - padding-top: 1px; - padding-bottom: 1px; -} -GtkFileChooserWidget GtkListBox { - background-color: @bg-dark-grey; -} -GtkFileChooserWidget .list-row * { - padding: 1px 4px; -} -GtkFileChooserWidget .list-row:hover { - background-color: @bg-list-hover; -} -GtkFileChooserWidget .list-row:hover * { - color: @text-hl-color2; -} -GtkFileChooserWidget .list-row:selected { - background-color: @accent-color; -} -GtkFileChooserWidget .list-row:selected * { - color: @text-hl-color; -} -/*** end ***/ - -/*** Tab Bars ***/ -.notebook tab, .notebook.header { - background-color: @bg-dark-grey; - border-color: @bg-dark-grey; -} -#MainNotebook tab { - padding: 5px; -} -.notebook tab.top { - border-width: 0 0 5px 0; -} -.notebook tab.left { - border-width: 0 5px 0 0; -} -#RightNotebook tab.left, -#PrefNotebook tab, -GtkDialog tab { - padding: 9px; -} -#ToolPanelNotebook tab { - padding: 10px 4px 7px; -} -#MetaPanelNotebook tab { - padding: 8px 4px; -} - -.notebook tab:active { - border-color: @accent-color; -} - -/*** end ***/ - -/*** File Browser ***/ -#FileBrowser GtkDrawingArea { - background-color: @bg-grey; -} -#FileBrowser GtkDrawingArea:selected { - background-color: @accent-color3; - color: @text-hl-color3; -} -/*** end ***/ - -/*** Image ***/ -GtkImage { - padding: 0; -} -#MainNotebook > GtkGrid GtkImage { - padding: 1px; -} - -#ToolPanelNotebook GtkImage{ - padding: 0 4px; -} -#MyExpanderTitle GtkImage{ - padding: 0; -} - -#ToolPanelNotebook tab GtkImage, -#ToolPanelNotebook .button GtkImage { - padding: 1px 0; -} - -GtkDialog .button GtkImage{ - padding: 0; -} -GtkFileChooserWidget .button GtkImage{ - padding: 0 4px; -} -/*** end ***/ - -/*** Toolpanel ***/ -#ToolPanelNotebook { - background-color: @bg-dark-grey; - padding: 0; - border-top: 4px solid @bg-dark-grey; -} - -#ToolPanelNotebook GtkScrolledWindow GtkViewport.frame { - padding: 0 4px; -} -#ToolPanelNotebook .separator { - color: transparent; -} -#ToolPanelNotebook GtkFrame, -#PrefNotebook GtkFrame { - border: 1px solid @border-color; - border-radius: 0; - padding: 5px; -} - -#ToolPanelNotebook GtkDrawingArea { - background-color: @bg-dark-grey; - border-color: @bg-light-grey; - color: @text-color; -} -#ToolPanelNotebook GtkDrawingArea { - border-radius: 1px; /* BUG: if 0, scale mini sliders look funny */ -} - -#ExpanderBox #ExpanderBox, -#ExpanderBox2, -#ExpanderBox3 { - border: 1px solid @border-color; -} - -#ExpanderBox, -#ExpanderBox2, -#ExpanderBox3 { - background-color: @bg-grey; - border-radius: 0; -} - -#MyExpanderTitle .label { - color: @text-color; -} -#MyExpanderTitle:hover .label { - color: @text-hl-color2; -} -/*** end ***/ - -/*** View ***/ -.view { - background-color: @bg-dark-grey; - border-color: @view-grid-border; -} -#PrefNotebook .view { - background-color: @bg-grey; -} -#MainNotebook .view.cell:nth-child(2) { - padding: 1px 0px 1px 4px; -} -.view row:hover { - background-color: @bg-list-hover; - color: @text-hl-color2; -} -#PrefNotebook .view row:hover { - background-color: @bg-light-grey; - color: @text-hl-color2; -} -.view row:selected { - color: @text-hl-color; - background-color: @accent-color; -} -#PrefNotebook .view row:selected { - color: @text-hl-color; - background-color: @accent-color; -} -/*** end ***/ - -/*** Metadata ***/ -#MetaPanelNotebook { - padding: 8px 11px 0; -} -#MetaPanelNotebook GtkScrolledWindow GtkViewport.frame { - padding: 8px 10px; -} -#MetaPanelNotebook.frame { - background-color: @bg-grey; - border-bottom: none; - border-top: 4px solid @bg-dark-grey; - border-left: 9px solid @bg-dark-grey; - border-right: 9px solid @bg-dark-grey; -} -#MetaPanelNotebook .separator { - color: @border-color; -} -#MetaPanelNotebook.header { - background-color: @bg-dark-grey; - -} -#MetaPanelNotebook GtkTreeView { - padding: 1px; - background-color: @bg-grey; -} -#MetaPanelNotebook .frame GtkTreeView { - padding: 0px; - background-color: @bg-entry-IPTC; -} -#MetaPanelNotebook GtkTreeView:hover, -#MetaPanelNotebook .frame GtkTreeView:hover { - background-color: @bg-list-hover; - color: @text-hl-color; -} -#MetaPanelNotebook GtkTreeView:selected, -#MetaPanelNotebook .frame GtkTreeView:selected { - color: @text-hl-color; - background-color: @accent-color; -} -#MetaPanelNotebook GtkTextView { - color: @text-color; - background-color: @bg-entry-IPTC; - padding: 2px 4px; -} -/*** end ***/ - -/*** Entry ***/ -.entry { - background-image: none; - background-color: @bg-scale-entry; - border: 1px solid @bg-entry-border; - border-radius: 0; - padding: 2px 4px; - color: @text-color; - box-shadow: inset 1px 1px rgba(0, 0, 0, 0.08), 0 1px rgba(242 , 242, 242, 0.1); -} -#FileBrowser .entry { - padding: 3px 4px; -} -.entry:focused:selected { - color: @text-hl-color; - background-color: @accent-color; -} -.entry:not(:focused):not(:insensitive) {/*Workaround*/ - color: @text-color; - background-color: transparent; -} -.entry:not(:selected):not(:insensitive) { - color: @text-color; - background-color: @bg-scale-entry; -} -#ToolPanelNotebook .entry { - padding: 0 4px 0 8px; - border-radius: 20px 0 0 20px; - background-color: rgba(255,255,255,.12); - border: 1px solid rgba(0,0,0,.46); - color: @text-tbEntry; - box-shadow: inset 1px 1px rgba(0, 0, 0, .12), 0 1px rgba(255 , 255, 255, 0.12); -} -#ToolPanelNotebook .entry:focused:selected { - color: @text-hl-color; - background-color: @accent-color; -} -#ToolPanelNotebook .entry:not(:focused):not(:insensitive) {/*Workaround*/ - color: @text-tbEntry; - background-color: transparent; -} -#ToolPanelNotebook .entry:not(:selected):not(:insensitive) { - color: @text-tbEntry; - background-color: rgba(255,255,255,.12); -} - -#MetaPanelNotebook .entry { - color: @text-color; - background-color: @bg-entry-IPTC; - border: none; - border-radius: 0; - padding: 2px 4px; - box-shadow: none; -} -#MetaPanelNotebook .entry:focused:selected { - color: @text-hl-color; - background-color: @accent-color; - box-shadow: none; -} -#MetaPanelNotebook .entry:not(:focused):not(:insensitive) {/*Workaround*/ - color: @text-color; - background-color: transparent; - box-shadow: none; -} -#MetaPanelNotebook .entry:not(:selected):not(:insensitive) { - color: @text-color; - background-color: @bg-entry-IPTC; - box-shadow: none; -} -/*** end ***/ - -/*** Buttons ***/ -.button { - background-color: transparent; - border: 1px solid @bg-button-border; - border-radius: 0; - padding: 3px 4px; - box-shadow: inset 0 1px rgba(242, 242, 242, 0.1), 0 1px rgba(242, 242, 242, 0.1); - background-image: linear-gradient(to bottom, rgba(0,0,0,.05), rgba(0,0,0,.14) 40%, rgba(0,0,0,.26)); -} -.message-dialog .dialog-action-area .button { - padding: 6px; - } - -.button.Left + .button:not(.image-button).Right { - border-left: none; -} -GtkComboBox .button { - padding: 4px 3px; -} -#ToolPanelNotebook .button, -GtkDialog .button, -#BatchQueueButtonsMainContainer .button { - padding: 0px 3px; -} -#BatchQueueButtons .button { - padding-top: 6px; - padding-bottom: 6px -} -#BeforeAfterContainer .button { - padding: 2px; -} - - /*** Fix: Space between first Retinex Comboboxes ***/ -GtkLabel + GtkComboBox + GtkComboBox { - padding-left: 4px; -} - -.text-button { - padding: 0 2px 0 0; -} -#PartialPaste .text-button { - padding: 0 8px 0 2px; - -GtkCheckButton-indicator-spacing: 1; -} -#ToolPanelNotebook GtkFrame > .text-button { - padding: 0 3px 0 0; -} - -.button.text-button { - padding: 5px 12px; -} -#ToolPanelNotebook .button.text-button, -#PrefNotebook .button.text-button, -GtkFileChooserWidget .button.text-button, -#RightNotebook .button.text-button { - padding: 3px 4px; -} -GtkPopover .button.text-button { - padding: 2px 4px; -} - -.spinbutton .button { - background-image: none; - background-color: transparent; - border: none; - border-radius: 0; - padding: 2px; - box-shadow: none; -} -#ToolPanelNotebook .spinbutton .button { - padding: 0; -} - -.button:hover { - background-color: rgba(0, 0, 0,.18); -} -#ToolPanelNotebook .spinbutton .button:hover { - background-color: @bg-spin-button-hover; -} - -.button:active, -.button:checked { - background-image: linear-gradient(to bottom, rgb(41,41,41), rgb(37,37,37) 40%, rgb(25,25,25)); - background-color: transparent; - border-color: black; -} - -#MainNotebook > GtkGrid .button { - padding: 2px; - border: 4px solid @bg-dark-grey; - background-color: transparent; - background-image: none; - box-shadow: none; -} -#MainNotebook tab .button { - padding: 1px; - border-top: 4px solid @bg-dark-grey; - border-bottom: 4px solid @bg-dark-grey; - border-left: none; - border-right: none; - background-color: transparent; - background-image: none; - box-shadow: none; -} -#MainNotebook > GtkGrid .button:hover, -#MainNotebook tab .button:hover { - background-color: rgba(255,255,255,.20); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - background-image: linear-gradient(to bottom, rgba(0,0,0,.05), rgba(0,0,0,.12) 40%, rgba(0,0,0,.24)); -} -#MainNotebook > GtkGrid .button:active, -#MainNotebook tab .button:active { - background-color: rgba(255,255,255,.27); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - background-image: linear-gradient(to bottom, rgba(0,0,0,.05), rgba(0,0,0,.12) 40%, rgba(0,0,0,.24)); -} -.view .button { - background-color: rgb(20,20,20); - padding: 1px 5px 2px; - background-image: none; - border-color: black; - box-shadow: none; -} -.menu .button.bottom, -.menu .button.bottom:insensitive { - background-color: rgb(20,20,20); - border-color: @accent-color; - border-width: 0 1px 1px 1px; - background-image: none; - box-shadow: none; -} -.menu .button.top, -.menu .button.top:insensitive { - background-color: rgb(20,20,20); - border-color: @accent-color; - border-width: 1px 1px 0 1px; - background-image: none; - box-shadow: none; -} -#fullButton, -#histButton { - padding: 5px; - border: none; - background-color: @bg-dark-grey; - background-image: none; - box-shadow: none; -} -/*** end ***/ - -/*** Check & Radio buttons ***/ -.check, -.check row { - -gtk-icon-source: url("images/twb/checkbox-unchecked.png"); -} -.check:checked, -.check row:checked { - -gtk-icon-source: url("images/twb/checkbox-checked.png"); -} -.check:insensitive, -.check row:insensitive { - -gtk-icon-source: url("images/twb/checkbox-unchecked-disabled.png"); -} -.check:checked:insensitive, -.check row:checked:insensitive { - -gtk-icon-source: url("images/twb/checkbox-checked-disabled.png"); -} -.check:inconsistent, -.check row:inconsistent { - -gtk-icon-source: url("images/twb/checkbox-inconsistent.png"); -} -.check:inconsistent:insensitive, -.check row:inconsistent:insensitive { - -gtk-icon-source: url("images/twb/checkbox-inconsistent-disabled.png"); -} - -.radio, -.radio row { - -gtk-icon-source: url("images/twb/radio-unchecked.png"); -} -.radio:checked, -.radio row:checked { - -gtk-icon-source: url("images/twb/radio-checked.png"); -} -.radio:insensitive, -.radio row:insensitive { - -gtk-icon-source: url("images/twb/radio-unchecked-disabled.png"); -} -.radio:checked:insensitive, -.radio row:checked:insensitive { - -gtk-icon-source: url("images/twb/radio-checked-disabled.png"); -} -.radio:inconsistent, -.radio row:inconsistent { - -gtk-icon-source: url("images/twb/radio-inconsistent.png"); -} -.radio:inconsistent:insensitive, -.radio row:inconsistent:insensitive { - -gtk-icon-source: url("images/twb/radio-inconsistent-disabled.png"); -} -/*** end ***/ - -/*** Disabled Items ***/ - -*:insensitive, -#ToolPanelNotebook *:insensitive { - color: rgb(128,128,128); - box-shadow: none; -} -#ToolPanelNotebook .entry:insensitive { - color: rgb(144,144,144); - background-color: rgba(255,255,255,.06); - box-shadow: none; -} -.button:insensitive { - background-image: none; - background-color: rgba(0,0,0,.10); - border-color: rgba(0,0,0,.30); - box-shadow: none; -} -.spinbutton .button:insensitive { - background-image: none; - background-color: transparent; - border: none; - box-shadow: none; -} -.scale.slider:insensitive, -.scale.trough.highlight:insensitive, -.scale.trough:insensitive, -#ToolPanelNotebook .scale.slider:insensitive, -#ToolPanelNotebook .scale.trough.highlight:insensitive, -#ToolPanelNotebook .scale.trough:insensitive { - background-color: rgb(65,65,65); - box-shadow: none; - background-image: none; -} -/*** end ***/