Updated TooWaBlue theme to v2.44, #3696

This commit is contained in:
Morgan Hardwood
2017-02-17 21:09:39 +01:00
parent 66b5f05ceb
commit 4994fb6d9d
2 changed files with 190 additions and 212 deletions

View File

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

View File

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