liz/rawTherapee
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
Files
a2394e08cef9fa1b766c3c255c6a07c2080fdff8
rawTherapee/rtdata/themes/RawTherapee-GTK3-20_.css
Thanatomanic d2cd5f21c9 GUI changes: more distinct on/off modules, various CSS and GUI tweaks for further future modifications 
Collection of CSS and GUI improvements, cleanup of main CSS theme, introduction of highlight for enabled module. 

Primary change is the modification of the module titles to better distinguish modules that are on or off. The text of a disabled module is now less bright, the corresponding icon is a slightly smaller version of the power icon. When activating the module, the text turns brighter and the icon slightly bigger and also brighter. Thanks to @TechXavAL for the icon work.

Secondary changes are related to the margins around several GUI elements, padding within elements and some accompanying borders. These changes hopefully make it easier to distinguish the various (sometimes crowded) GUI elements of modules. The panels have gotten a slightly 'outset' look.

Nested panels have a changed look where deeper nesting increases the background brightness slightly, instead of darkening it (old behaviour). This  is done without a strong decrease in contrast.

The old theme is available as a legacy option. Due to hardcoded GUI changes needed for the new theme, the legacy version is not a 100% exact replicate. The @TooWaBoo theme's may also be slightly affected.
2020-12-27 15:31:39 +01:00

1326 lines
30 KiB
CSS
Raw Blame History

/*
This file is part of RawTherapee.
Copyright (c) 2015-2020 RawTherapee
Contributions by DrSlony, Hombre, TooWaBoo, Thanatomanic
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 <https://www.gnu.org/licenses/>.
*/
/***************************/
/**/ @import "size.css"; /**/ /* TODO: Remove this weird dependency */
/***************************/
/** Set style defaults **/
* {
color: #BBBBBB;
text-shadow: none; /* Keep at none, or suffer serious performance issues */
font-size: 1em;
}
*:disabled {
color: rgba(255,255,255,0.25);
opacity: 0.8;
}
.view:selected:not(check):not(radio) {
color: #262626;
background-color: #AAAAAA;
}
/* The Places and Dir browser panels */
textview.view, treeview.view {
padding: 0;
margin: 0;
}
.view, .textview, textview, textview.view {
background-color: #262626;
}
/* The headers of these panels */
.view .button {
background-color: #363636;
}
window > box {
padding: 0.416666666666666666em;
}
window.background {
background-color: #484848;
}
/*** Window decoration *********************************************************/
.csd:not(.popup):not(tooltip) > decoration {
background-color: #484848;
background-image: none;
box-shadow: 0 0.25em 0.75em 0.083333333333333333em rgba(0, 0, 0, 0.5), 0 0 0 0.083333333333333333em #242424;
}
headerbar {
background-color: shade(rgb(50,50,50),1.12);
box-shadow: inset 0 0.083333333333333333em rgba(200,200,200,.13);
background-image: linear-gradient(shade(rgb(50,50,50),1.14), shade(rgb(50,50,50),.86));
border-bottom-color: #242424;
}
dialog > box {
padding: 0.666666666666666666em;
}
dialog.csd #PrefNotebook > header,
dialog.csd #AboutNotebook > header,
window.csd:not(.fullscreen) #MainNotebook > header.top {
border-top-color: #484848;
}
/* Window state */
.maximized > headerbar {
border-radius: 0;
}
/*** End Window decoration *****************************************************/
arrow {
min-width: 1.333333333333333333em;
min-height: 1.333333333333333333em;
}
cellview {
margin: -1px 0;
}
overshoot,
undershoot {
background-image: none; /* removes the dashed scrollbar line */
}
dialog.background {
background-color: #484848;
}
box, grid {
border-width: 0;
border-style: none;
border-radius: 0;
margin: 0.083333333333333333em;
padding: 0;
min-height: 0.4166666666666666em;
min-width: 0.4166666666666666em;
}
label {
padding: 0.083333333333333333em 0;
margin: 0.19em;
min-height: 1.333333333333333333em;
}
/* Affects all frames except in the toolbox */
frame {
padding: 0;
margin-bottom: 0.75em;
}
/* Create space between frame contents and frame border */
frame border {
border: 1px solid #262626;
border-radius: 0.3333333333333333em;
padding: 0.083333333333333333em;
}
frame > label {
color: #D8D8D8;
padding: 0.416666666666666666em 0.25em;
}
/* affects selection list*/
entry > window > frame {
margin: 0;
}
tooltip {
border-radius: 0.416666666666666666em;
background-color: rgba(0,0,0,0.95);
border-style: none;
box-shadow: none;
padding: 0;
margin: 0;
}
treeview header button {
background-image: linear-gradient(#343434, #2E2E2E, #292929);
}
/*** Separator *********************************************************************************/
separator,
.separator {
border: none;
min-width: 0.083333333333333333em;
min-height: 0.083333333333333333em;
}
grid separator, box separator {
background-color: rgba(0, 0, 0, 0.17);
}
grid separator.horizontal, box separator.horizontal {
margin: 0.5em 0.25em;
}
grid separator.vertical, box separator.vertical {
margin: 0.25em 0.5em;
}
popover separator:not(:only-child) {
margin: 0 0.5em;
}
paned.horizontal > separator {
margin: 0 0.16666666666666666em;
}
paned.vertical > separator {
margin: 0.25em 0;
}
dialog paned.horizontal > separator {
min-width: 0.333333333333333333em;
}
menu separator {
margin: 0.25em 0.5em;
}
#Navigator separator {
margin: 0;
}
.scrollableToolbar separator.vertical {
margin: 0.19em;
}
#MyExpander separator.horizontal {
margin: 0.25em 0.19em;
}
#MyFileChooserButton separator {
}
#PlacesPaned .view.separator {
}
#MetaPanelNotebook separator {
margin: 0.19em 0;
}
/*** end****************************************************************************************/
#FileBrowser {
padding: 0.1666666666666666em;
margin: 0;
}
#FileCatalog {
background-color: #393939;
}
#FileCatalog:selected {
background-color: #565656;
}
#BeforeAfterContainer frame {
background-color: #262626;
padding: 0;
margin: 0.0833333333333333em;
}
#BeforeAfterContainer frame border {
border-radius: 0;
margin: 0;
padding: 0;
}
/* Frames in the toolbox. Not MyExpander frames. */
eventbox.frame {
border-color: #565656;
}
/*** Load - Save dialog ************************************************************************/
filechooser {
margin-bottom: 0.25em;
}
filechooser box > box box > button {
margin-top: 0.5em;
margin-right: 0;
}
filechooser #pathbarbox {
padding: 0.5em;
}
/* Right side */
filechooser > box > paned > box:nth-child(3) {
border-width: 0.083333333333333333em;
padding: 0;
margin: 0;
}
filechooser > box > paned > box:nth-child(3) > box > * > * > * > frame {
padding: 0;
margin: -0.6666666666666666em -0.083333333333333333em;
}
/**/
filechooser placessidebar viewport.frame {
padding: 0;
margin: -0.3333333333333333em 0 -0.083333333333333333em;
border-width: 0.083333333333333333em;
}
filechooser placessidebar list row image {
min-width: 1.333333333333333333em;
min-height: 1.333333333333333333em;
}
filechooser placessidebar list row {
margin: 0;
padding: 0 0.5em 0 0.83333333333333333em;
min-height: calc(1.416666666666666666em + 8px);
}
filechooser placessidebar list row label{
margin: 0 0 0 0.583333333333333333em;
}
/*** end ***************************************************************************************/
/*** Scrollbar ***************************************/
scrollbar {
border: none;
margin: 0;
padding: 0;
background-color: #303030;
}
scrollbar slider {
padding: 0;
margin: 0;
background-color: #808080;
}
scrollbar slider:hover {
background-color: #999999;
}
scrollbar:not(.overlay-indicator).horizontal {
border-width: 0 0.083333333333333333em 0.083333333333333333em 0.083333333333333333em;
}
scrollbar:not(.overlay-indicator).vertical {
border-width: 0.083333333333333333em 0.083333333333333333em 0.083333333333333333em 0;
}
scrollbar:not(.overlay-indicator).horizontal slider,
scrollbar.horizontal.hovering slider {
min-height: 0.5em;
min-width: 2em;
border-width: 0.25em;
}
scrollbar:not(.overlay-indicator).horizontal.fine-tune slider,
scrollbar.horizontal.hovering.fine-tune slider {
min-height: calc(0.5em - 2px);
border-width: calc(0.25em + 1px);
margin: 0 -1px;
/*
min-height: 0.3333333333333333em;
border-width: 0.3333333333333333em;
margin: 0 -0.0833333333333333em;
*/
}
scrollbar.horizontal.overlay-indicator:not(.hovering) slider {
min-width: 2em;
min-height: 0.25em;
border-width: 0;
border-radius: 0.25em;
margin: 0.166666666666666666em 0.25em;
/*margin: 0 0.1666666666666666em;*/
}
scrollbar:not(.overlay-indicator).vertical slider,
scrollbar.vertical.hovering slider {
min-height: 2em;
min-width: 0.5em;
border-width: 0.25em;
}
scrollbar:not(.overlay-indicator).vertical.fine-tune slider,
scrollbar.vertical.hovering.fine-tune slider {
min-width: calc(0.5em - 2px);
border-width: calc(0.25em + 1px);
margin: -0.0833333333333333em 0;
/*
min-width: 0.3333333333333333em;
border-width: 0.3333333333333333em;
margin: -0.0833333333333333em 0;
*/
}
scrollbar.vertical.overlay-indicator:not(.hovering) slider {
min-width: 0.25em;
min-height: 2em;
border-width: 0;
border-radius: 0.25em;
margin: 0.1666666666666666em 0;
/*margin: 0.25em 0.166666666666666666em;*/
}
/* Scrollbar stuck workaround */
scrollbar:not(.overlay-indicator):hover {
min-width: 1px;
}
/* Toolbar stuck workaround */
.scrollableToolbar > scrollbar:not(.dummy),
.scrollableToolbar > scrollbar:not(.dummy) > contents:not(.dummy),
.scrollableToolbar > scrollbar:not(.dummy) > contents:not(.dummy) > trough:not(.dummy),
.scrollableToolbar > scrollbar:not(.dummy) > contents:not(.dummy) > trough:not(.dummy) > slider:not(.dummy) {
padding: 0;
margin: 0;
min-height: 0;
min-width: 0;
border: none;
}
/**************************************************/
button {
padding: 0;
box-shadow: none;
min-height: 0.4166666666666666em;
min-width: 0.4166666666666666em;
background-image: linear-gradient(to bottom, rgba(100,100,100,.3), rgba(30,30,30,.3));
}
button:disabled {
opacity: 1;
}
button.flat {
background-image: none;
}
button.flat:checked {
background-image: linear-gradient(#545454, #4E4E34, #494949);
}
checkbutton > check {
background-image: linear-gradient(#545454, #4E4E4E, #494949);
}
radiobutton > radio {
background-image: linear-gradient(#545454, #4E4E4E, #494949);
}
button.flat:hover, checkbutton:hover > check, radiobutton:hover > radio {
background-image: linear-gradient(shade(#545454,1.3), shade(#4E4E4E,1.3), shade(#494949,1.3));
}
button.popupbutton-arrow {
min-width: 1.5em;
}
button:hover {
background-image: linear-gradient(to bottom, rgba(150,150,150,.3), rgba(80,80,80,.3));
}
button:active {
background-image: linear-gradient(to bottom, rgba(30,30,30,.3), rgba(0,0,0,.3));
}
button:checked {
background-image: linear-gradient(to bottom, rgba(30,30,30,.8), rgba(0,0,0,.8));
}
button:checked:hover {
background-image: linear-gradient(to bottom, rgba(60,60,60,1), rgba(30,30,30,1));
}
/* Save, Cancel, OK ... buttons */
.dialog-action-area button {
min-height: 2em;
margin-top: 0.5em;
}
/**/
/*** Scale**************************************************************************************/
scale {
padding: 0;
min-height: 0.4166666666666666em;
margin: 0 0.5833333333333333em 0 0;
}
scale slider {
/* Slider size is min-width x min-height ; margin have to be half of those values, but negative */
min-width: 0;
min-height: 0;
margin: -0.583333333333333333em;
padding: 0.583333333333333333em;
border-radius: 1.166666666666666666em;
border-width: 0.083333333333333333em;
background-image: linear-gradient(#444444, #3E3E3E, #393939);
}
scale slider:hover {
background-image: linear-gradient(#545454, #4E4E4E, #494949);
}
scale:disabled slider {
background-image: none;
background-color: #444;
border-color: #282828;
}
scale trough {
margin: 0.5em 0.5em; /* have to be half of "scale slider / min-width min-height" */
min-height: 0.2em;
min-width: 0.2em;
padding: 0 0.583333333333333333em;
border-width: 0.083333333333333333em;
border-radius: 0.333333333333333333em;
background-color: rgba(0,0,0,0.15);
}
scale:disabled trough {
background-color: #444;
border-color: #282828;
}
scale.color trough {
border-width: 0.083333333333333333em;
min-height: 0.333333333333333333em;
min-width: 0.333333333333333333em;
border-radius: 0;
padding: 0;
}
scale trough highlight {
border: none;
margin: 0 -0.583333333333333333em;
border-radius: 0.2em;
min-height: 0;
min-width: 0;
padding: 0.1em 0.1em 0 0; /*height of trough */
}
scale.fine-tune trough highlight {
padding: 0.5em 0.5em 0 0;
border-radius: 0.5em;
}
/*** end ***************************************************************************************/
/*.EditorTopPanel .button, .ToolBarPanelFileBrowser .button, .EditorZoomPanel .button {*/
.button {
padding: 0.0833333333333333em;
margin: 0.0833333333333333em;
padding: 0;
min-height: 0.4166666666666666em;
min-width: 0.4166666666666666em;
border-radius: 0.25em;
}
/* Adjusters */
.text-button {
padding: 0;
}
/* Any text-button which is a real button, unlike Slider label */
.text-button.button {
padding: 0.3333333333333333em;
}
/* Better on/off state separation for text toggle buttons, e.g. auto-levels or histogram matching. */
button.text-button.toggle {
background-image: linear-gradient(to bottom, rgba(100,100,100,.3), rgba(30,30,30,.3));
}
button.text-button.toggle:hover {
background-image: linear-gradient(to bottom, rgba(128,128,128,.3), rgba(64,64,64,.3));
}
button.text-button.toggle:checked {
background-image: linear-gradient(to bottom, rgba(30,30,30,.3), rgba(0,0,0,.4));
}
button.text-button.toggle:hover:checked {
background-image: linear-gradient(to bottom, rgba(48,48,48,.3), rgba(0,0,0,.3));
}
/* */
.drawingarea {
border-radius: 0;
background-color: #2A2A2A;
border: 0.0833333333333333em solid #888888;
}
.drawingarea:disabled {
background-color: #444;
border-color: #282828;
}
.drawingarea:selected {
background-color: #565656;
border-radius: 1.8333333333333333em;
}
image {
padding: 0.0833333333333333em;
}
/* Vertical group of buttons in 1 column */
button.Top {
border-radius: 0.25em 0.25em 0 0;
border-style: solid solid none solid;
margin-bottom: 0;
}
button.MiddleV {
border-radius: 0;
border-style: none solid none solid;
margin-top: 0;
margin-bottom: 0;
}
button.Bottom {
border-radius: 0 0 0.25em 0.25em;
border-style: none solid solid solid;
margin-top: 0;
}
/* end */
/* Horizontal group of buttons in 1 row */
#MetaPanelNotebook scrolledwindow + grid > button.Left,
#MetaPanelNotebook scrolledwindow + grid + grid > button.Left,
#ProfilePanel button.Left,
button.Left {
border-radius: 0.25em 0 0 0.25em;
border-style: solid none solid solid;
margin-right: 0;
}
#MetaPanelNotebook scrolledwindow + grid > button.MiddleH,
#MetaPanelNotebook scrolledwindow + grid + grid > button.MiddleH,
#ProfilePanel button.MiddleH,
button.MiddleH {
border-radius: 0;
border-style: solid none solid none;
margin-left: 0;
margin-right: 0;
}
#MetaPanelNotebook scrolledwindow + grid > button.Right,
#MetaPanelNotebook scrolledwindow + grid + grid > button.Right,
#ProfilePanel button.Right,
button.Right {
border-radius: 0 0.25em 0.25em 0;
border-style: solid solid solid none;
margin-left: 0;
}
/* end */
/* [1.23[-][+]] */
entry, spinbutton {
min-height: 0.8333333333333333em;
background-color: rgba(0,0,0,0.075);
border-radius: 0.2em;
}
spinbutton entry {
padding-right: 0.25em;
}
spinbutton button {
margin: 0;
padding: 0;
border-radius: 0;
}
spinbutton button.up {
border-radius: 0 0.16666666666666666666em 0.16666666666666666666em 0;
}
entry:disabled, spinbutton:disabled {
background-color: #363636;
}
entry:hover, spinbutton:hover {
background-color: #565656;
}
entry:selected {
color: #262626;
background-color: #AAAAAA;
}
/* Context menus */
menu {
background-color: #262626;
color: #909090;
}
/* Context menu item */
menuitem {
padding: 0.1666666666666666em;
margin: 0;
min-height: 0.8333333333333333em;
}
/* FlowBoxChild */
flowboxchild:selected {
background-color: inherit;
}
/*** Histogram *********************************************************************************/
#HistogramPanel {
min-height: 0;
margin: 0;
padding: 0;
border: none;
}
#HistogramPanel > :nth-child(2) {
border: none;
border-left-width: 0.083333333333333333em;
}
#HistogramPanel > :nth-child(1) {
border: none;
}
#EditorLeftPaned #HistogramPanel > :nth-child(1) {
border: none;
border-right-width: 0.083333333333333333em;
}
#EditorLeftPaned #HistogramPanel > :nth-child(2) {
border: none;
}
#HistogramArea,
#HistogramRGBArea {
border-width: 0.083333333333333333em;
}
#histButton {
padding: 0.25em 0.25em 0;
margin: 0 0 -1px 0;
min-height: 1.333333333333333333em;
min-width: 1.333333333333333333em;
}
#histButton:last-child {
padding-bottom: 0.25em;
margin: 0;
}
/* Vertical version of slider. */
#histScale {
min-height: 4em;
min-width: 0.4166666666666666em;
margin: 0.5833333333333333em 0 0 0;
}
#histScale trough {
padding: 0.583333333333333333em 0;
}
#histScale trough highlight {
margin: -0.583333333333333333em 0;
padding: 0.1em 0 0 0.1em;
}
#histScale.fine-tune trough highlight {
padding: 0.5em 0 0 0.5em;
}
/* Copied from button.flat style. */
button.radio#histButton {
background-image: none;
}
button.radio#histButton:checked {
background-image: linear-gradient(#343434, #2E2E2E, #292929);
}
button.radio#histButton:hover {
background-image: linear-gradient(shade(#343434,1.3), shade(#2E2E2E,1.3), shade(#292929,1.3));
}
/*** end ***************************************************************************************/
/*** Modules ***********************************************************************************/
#EditorModules > box {
margin: 0;
padding: 0;
}
#MyExpander {
margin: 0;
padding: 0;
}
#MyExpander.withScrollbar { /* This margin is always added */
margin-right: 1em;
}
#MyExpander.withScrollbar #MyExpander { /* No margin for nested expanders */
margin-right: 0;
}
/* Borders around tools and subtools */
#MyExpander {
border-top: 0.0833333333333333em solid rgba(0,0,0,0.3);
}
#MyExpander:first-child {
border-top: none;
}
#MyExpander:nth-last-child(2),
#MyExpander #MyExpander:nth-last-child(1) {
border-bottom: 0.0833333333333333em solid rgba(0,0,0,0.3);
}
#MyExpander #MyExpander:nth-last-child(2) {
border-bottom: none;
}
/* Tool background */
#ExpanderBox > box,
#ExpanderBox > grid {
background-color: rgba(255,255,255,0.075);
padding: 0.3em 0.5em 0.6em 0.5em;
border-top: 0.0833333333333333em solid rgba(255,255,255,0.1);
border-bottom: none;
}
/* Not all combinations below are used, but this makes sure
also some of the more exotic box and frame layouts are
treated properly. */
#ExpanderBox frame > box,
#ExpanderBox frame frame > box,
#ExpanderBox2 frame > box,
#ExpanderBox2 frame frame > box,
#ExpanderBox3 frame > box,
#ExpanderBox3 frame frame > box,
#ExpanderBox frame > grid,
#ExpanderBox frame frame > grid,
#ExpanderBox2 frame > grid,
#ExpanderBox2 frame frame > grid,
#ExpanderBox3 frame > grid,
#ExpanderBox3 frame frame > grid {
padding: 0 0.5em 0.5em 0.5em;
}
/* Necessary hack for extra margin in Wavelets and some other locations */
#ExpanderBox box > box,
#ExpanderBox2 box > box {
margin: 0.16666666666666em 0;
}
/* Sub-tool (MyExpander) background */
#LocallabToolPanel > box,
#LocallabToolPanel > grid,
#ExpanderBox2 > box,
#ExpanderBox2 > grid {
background-color: rgba(255,255,255,0.075);
margin: 0;
padding: 0.25em 0.5em 0.5em 0.25em;
border-top: 0.0833333333333333em solid rgba(255,255,255,0.1);
border-bottom: none;
}
#MyExpanderTitle label {
color: #AAAAAA;
padding: 0;
margin: 0;
font-size: 1.1em; /* TODO: Does not work? */
font-weight: bold;
}
#MyExpander.Fold > #MyExpanderTitle label,
#MyExpander.OnOff.enabledTool > #MyExpanderTitle label {
color: #DDDDDD;
}
#MyExpanderTitle:hover {
background-color: #202020;
}
#MyExpanderTitle eventbox:hover image {
background-color: #202020;
margin: 0;
padding: 0;
}
#MyExpanderTitle:hover label {
color: #D8D8D8;
}
/* Alignment of tool headers is controlled by the image */
#MyExpander.Fold > #MyExpanderTitle box > image,
#MyExpander.OnOff > #MyExpanderTitle #MyExpanderStatus image {
padding: 0.3em;
margin: 0.25em 0.25em 0.25em 0;
}
#LocallabToolPanel separator, #ExpanderBox2 separator, #ExpanderBox3 separator {
color: #292929;
}
/* Editor tab button */
#MainNotebook grid label, #MainNotebook grid image {
padding: 0.0833333333333333em;
}
/*** end ***************************************************************************************/
/* File Browser right side tabs - Toolbox, Inspector, Fast Export, Filter */
notebook {
padding: 0;
margin: 0;
border-style: none;
}
notebook header {
box-shadow: none;
background-color: #383838;
border-width: 0.0833333333333333em;
border-style: none;
border-color: #262626;
border-radius: 0;
padding: 0;
margin: 0;
}
notebook tabs {
padding: 0.0833333333333333em;
margin: 0;
}
notebook tab {
padding: 0.0833333333333333em;
margin: 0.1666666666666666em;
min-height: 1.25em;
min-width: 1.25em;
}
notebook tab:hover {
background-color: #505050;
}
notebook tab button {
padding: 0 0;
margin: 0 0.25em;
}
/* Get rid of shitty notebook header shadow */
notebook header.top {
border-bottom-style: solid;
padding-bottom: 0.25em;
}
notebook header.right {
border-left-style: solid;
padding-left: 0.25em;
}
notebook header.bottom {
border-top-style: solid;
padding-top: 0.25em;
}
notebook header.left {
border-right-style: solid;
padding-right: 0.25em;
}
notebook.frame {
border-radius: 0;
border-style: none;
}
/* Pad notebooks, makes the other borders look nicer */
notebook stack {
background-color: #484848;
padding: 0;
margin: 0;
}
paned box, paned grid {
padding: 0;
margin: 0;
border-style: none;
}
paned > separator {
background: rgba(0,0,0,0.075);
border: none;
min-width: 0.25em;
min-height: 0.25em;
padding: 0;
margin: 0;
}
fontchooser scrolledwindow,
#PlacesPaned scrolledwindow,
#HistoryPanel scrolledwindow,
#Snapshots scrolledwindow {
border-width: 0.083333333333333333em;
}
#PlacesPaned {
margin: 0;
padding: 0 0.4166666666666666em 0 0;
}
#PlacesPaned > box:nth-child(1) scrolledwindow + grid {
margin: 0;
border-top-width: 0.083333333333333333em;
}
#PlacesPaned > box:nth-child(3) treeview {
padding: 0;
}
#MainNotebook > header.left tab image {
margin: 0.5em 0 0 0;
}
#MainNotebook > header.top tab image {
margin: 0 0.5em 0 0;
}
#MainNotebook > header.left tab {
margin: 0.5em 0 0.5em 0;
}
#MainNotebook > header.top tab {
margin: 0 0.5em 0 0.5em;
}
#MainNotebook header {
background-color: #2A2A2A;
border: 0;
padding: 0;
}
#MainNotebook tabs {
background-color: #2A2A2A;
}
#MainNotebook tab:hover {
background-color: #505050;
}
#MainNotebook tab:active {
border-color: #989898;
}
#MainNotebook tab:checked {
background-color: #505050;
}
#RightNotebook > stack > :nth-child(1) checkbutton + scrolledwindow {
min-height: calc(6em + 43px);
}
#RightNotebook > stack > scrolledwindow frame,
#BatchQueueButtonsMainContainer frame,
dialog frame {
margin: 0;
padding: 0;
}
#RightNotebook > stack > scrolledwindow frame > border,
#BatchQueueButtonsMainContainer > frame > border,
dialog frame > border {
padding: 0;
border-width: 0.083333333333333333em;
margin: 0;
}
#RightNotebook > stack > scrolledwindow frame > label:not(.dummy),
#BatchQueueButtonsMainContainer frame > label:not(.dummy),
#ToolPanelNotebook frame > label:not(.dummy),
dialog frame > label:not(.dummy) {
padding: 0.25em 0.5em;
}
#BatchQueueButtonsMainContainer frame > border {
margin-bottom: 0.833333333333333333em;
}
#BatchQueueButtonsMainContainer frame:nth-child(3) > border {
padding-left: 0.916666666666666666em;
}
#RightNotebook header {
background-color: #2A2A2A;
}
#RightNotebook tabs {
background-color: #2A2A2A;
padding-bottom: 0.083333333333333333em;
}
#RightNotebook tab:hover {
background-color: #505050;
color: #D6D6D6;
}
#RightNotebook tab:active {
border-color: #A5A5A5;
}
#LabelRightNotebook {
padding: 0.4166666666666666em;
margin: 0.1666666666666666em;
font-size: 1.25em;
}
#ToolPanelNotebook {
min-width: 25em;
}
#ToolPanelNotebook viewport {
padding: 0;
}
#ToolPanelNotebook header tabs {
padding: 0.0833333333333333em;
background-color: #2A2A2A;
}
#ToolPanelNotebook header tab {
margin: 0;
padding: 0.3333333333333333em;
}
/* 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: 0.0833333333333333em solid #262626;
background-color: #363636;
border-radius: 0 0 0.3333333333333333em 0.3333333333333333em;
border-top-style: none;
padding: 0 0.25em 0.25em 0.25em;
margin: 0 0.4166666666666666em 0.4166666666666666em 0.4166666666666666em;
}
#MetaPanelNotebook header {
border: 0.0833333333333333em solid #262626;
background-color: #363636;
border-radius: 0.3333333333333333em 0.3333333333333333em 0 0;
border-bottom-style: none;
padding: 0.4166666666666666em;
margin: 0.4166666666666666em 0.4166666666666666em 0 0.4166666666666666em;
}
#MetaPanelNotebook > header > tabs {
background-color: #363636;
}
#MetaPanelNotebook > header tab {
margin: 0 0.4166666666666666em;
padding: 0.4166666666666666em;
}
#MetaPanelNotebook textview {
border-radius: 0.25em;
}
#MetaPanelNotebook entry, #MetaPanelNotebook scrolledwindow, #MetaPanelNotebook combobox {
margin: 0.1666666666666666em 0 0.1666666666666666em 0;
}
#MetaPanelNotebook entry {
padding: 0 0.0833333333333333em;
}
#MetaPanelNotebook label {
padding: 0 0.4166666666666666em;
}
#MetaPanelNotebook text {
border-color: #202020;
background-color: #262626;
border-style: solid;
border-width: 0.0833333333333333em;
border-radius: 0.25em;
}
#MetaPanelNotebook stack > box > scrolledwindow > viewport {
margin-left: 1.25em;
}
#PreviewWindow {
border-style: solid;
}
/* Decently sized tabs */
#PrefNotebook tab, #AboutNotebook tab {
padding: 0.8em;
}
#PrefNotebook, #AboutNotebook {
padding: 0;
margin: 0 0 3pt 0;
}
#PrefNotebook header, #AboutNotebook header {
padding: 0;
margin: 0;
}
#PrefNotebook header tabs, #AboutNotebook header tabs {
padding: 0;
margin: 0;
}
#PrefNotebook stack, #AboutNotebook stack {
padding: 3pt;
margin: 0;
}
#PrefNotebook box > frame > border {
padding-top: 0;
padding-bottom: 0.25em;
}
#PrefNotebook scrolledwindow scrolledwindow {
border-width: 0.083333333333333333em;
}
/* Add space between bottom panel and window edge */
#IopsPanel {
padding: 0 0.1666666666666666em 0.1666666666666666em;
}
#EditorLeftPaned:last-child {
padding: 0.8333333333333333em 0 0 0.8333333333333333em;
}
#EditorRightPaned:last-child {
padding: 0;
}
#MainNotebook > header #CloseButton {
padding: 0;
margin: 0 0 0 0.3em;
}
#MainNotebook > header #CloseButton image {
padding: 0;
margin: 0;
}
#RightNotebook #ToolPanelNotebook stack {
margin: 0;
}
#RightNotebook scrolledwindow {
padding: 0;
}
#Navigator border,
#HistoryPanel border,
#Snapshots border {
border: none;
}
#Navigator > label,
#HistoryPanel > label,
#Snapshots > label {
margin: 0;
padding: 0 0 0.25em 0;
}
#Snapshots scrolledwindow + box {
margin: -8px 0 -4px;
border-top-width: 0.083333333333333333em;
}
#Navigator box label {
margin: 0;
padding: 0;
}
/*** PartialPaste ******************************************************************************/
#PartialPaste {
border-width: 0.083333333333333333em;
padding-top: 0.5em;
padding-bottom: 0.5em;
}
#PartialPaste separator.vertical {
margin: 0 0.333333333333333333em;
padding: 0;
}
#PartialPaste separator { /* Struggles with #PartialPasteHeaderSep */
margin: 0.166666666666666666em 0.5em 0.166666666666666666em 1.166666666666666666em;
}
#PartialPasteHeaderSep.horizontal {
margin: 0.166666666666666666em 0.5em;
}
/*
#PartialPasteHeader label {
}
*/
/* make the "partial profile" dialog a little bit more readable */
#PartialPasteHeader {
margin: 1.5em 0 0 0;
padding: 0;
font-weight: bold;
}
#PartialPasteHeaderSep {
background-color: #D8D8D8;
}
/*** end ***************************************************************************************/
/* All MyFileChooserButtons */
button#MyFileChooserButton {
padding: 0.1666666666666666em;
margin: 0.1666666666666666em;
}
#ToolPanelNotebook button {
margin: 0;
}
button.flat {
background: none;
border: none;
outline: none;
}
button.flat:checked {
background: #262626;
}
.text-button, .image-button, .independent {
box-shadow: none;
min-height: 2em;
min-width: 2em;
padding: 0;
}
/* Makes image-comboboxes (e.g. tone curve types) have same size as image buttons */
combobox, .popupbutton-arrow {
min-height: 2em;
}
/* Makes image-combobox small icons centered */
button.toggle > grid > image {
padding: 0.3333333333333333em;
}
#histButton {
background: none;
min-height: 1.3333333333333333em;
min-width: 1.3333333333333333em;
}
/* -gtk-icon-shadow looks buggy on the small histogram icons */
#histButton:hover {
-gtk-icon-shadow: none;
}
.narrowbutton {
min-width: 0.8333333333333333em;
}
.smallbuttonbox button {
min-width: 1.3333333333333333em;
min-height: 1.3333333333333333em;
}
/* Adds gap between combobox contents and combobox edges */
button.combo, .image-combo .toggle, #MyFileChooserButton {
padding-left: 0.3333333333333333em;
padding-right: 0.3333333333333333em;
}
/*** Progressbar *******************************************************************************/
progressbar trough {
background-color: #383838;
border: none;
}
progressbar progress {
border-color: #363636;
/*border-radius: 0.25em;*/
background-color: #215d9c;
}
/*** end ***************************************************************************************/
/* Add padding to grid cells */
.grid-spacing > * {
margin: 0.1666666666666666em;
}
Reference in New Issue View Git Blame Copy Permalink