Files
rawTherapee/rtdata/themes/TooWaBlue-GTK3-20_.css
2017-01-12 08:08:24 +01:00

1760 lines
42 KiB
CSS

/*
This file is part of RawTherapee.
Copyright (c) 2016 TooWaBoo
Version 2.31 - requires RT 4.2.1445 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 <http://www.gnu.org/licenses/>.
*/
/*** 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 Lists, 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 bg-highlighted-text-color rgb(35,99,166); /*** Highlighted text color background* Default: rgb(35,99,166) ***/
@define-color highlighted-text-color rgb(210,210,210); /*** Highlighted text color * Default: rgb(210,210,210) ***/
@define-color bg-image rgb(70,70,70); /*** Image area & File Browser background * Default: rgb(70,70,70) ***/
@define-color accent-color2 rgb(35,99,166); /*** Scale, Progressbar, Scrollbar, Tabs * 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) ***/
/*** 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,.25);
@define-color bg-button-active rgba(0,0,0,.60);
@define-color winHeaderbar rgb(55,55,55);
@define-color winTitle rgb(190,190,190);
@define-color bg-tooltip rgb(185,185,185);
@define-color border-tooltip rgb(36,36,36);
@define-color text-tooltip rgb(36,36,36);
/***********************************************/
@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;
outline-style: none; /* removes the ugly dashed focus line */
border-image: none;
transition: none;
}
*:disabled {
color: rgb(128,128,128);
}
window.background {
background-color: @bg-light-grey;
}
dialog {
background-color: @bg-grey;
border-radius: 0;
-GtkDialog-button-spacing: 6;
-GtkDialog-content-area-spacing: 4;
-GtkDialog-content-area-border: 0;
-GtkDialog-action-area-border: 0;
}
dialog > box {
padding: 8px;
}
messagedialog {
background-color: @bg-light-grey;
border-radius: 0;
}
tooltip {
background-color: @bg-tooltip;
border: 1px solid @border-tooltip;
border-radius: 4px;
padding: 0;
margin: 0;
box-shadow: none;
}
tooltip label {
color: @text-tooltip;
}
paned {
background-color: @bg-light-grey;
}
/*?win*/
#PlacesPaned {
margin: 5px 0 0;
}
undershoot {
background-image: none; /* removes the dashed scrollbar line */
}
label {
padding: 0;
margin: 0;
}
.drawingarea:not(.slider) {
background-color: @bg-dark-grey;
}
/*** 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;
}
/* affects selection list*/
entry > window > frame,
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;
}
/* affects selection list*/
entry > window > frame> border,
filechooser > frame > border {
padding: 0;
border: none;
background-color: transparent;
margin: 0;
}
#PrefNotebook box > frame > border {
padding-top: 0;
padding-bottom: 3px;
}
#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;
}
#BatchQueueButtons {
margin-top: 8px;
}
frame > label {
margin: 0;
padding: 6px 0;
color: @headline-frame;
}
frame > checkbutton label{
color: @headline-frame;
}
/*** end ***************************************************************************************/
/*** Lists & Views *****************************************************************************/
textview.view, treeview.view {
background-color: @bg-dark-grey;
border-color: @view-grid-border;
padding: 1px;
margin: 0;
}
#RightNotebook > stack > :nth-child(3) treeview {
border: 1px solid @bg-dark-grey;
border-bottom: none;
}
#PrefNotebook textview:selected:hover, #PrefNotebook treeview:selected:hover,
textview:hover, treeview:hover {
background-color: @bg-list-hover;
}
textview:selected, treeview:selected {
color: @text-hl-color;
background-color: @accent-color;
border-top-color: transparent;
}
#PrefNotebook textview:selected, #PrefNotebook treeview:selected {
color: @text-color;
background-color: @bg-dark-grey;
}
#PlacesPaned treeview {
padding-left: 5px;
padding-right: 0;
-gtk-icon-style: symbolic;
}
#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: 0;
}
#Snapshots > label {
margin-bottom: -4px;
}
#Snapshots button {
margin-top: -3px;
margin-bottom: -4px;
}
#PlacesPaned > box:nth-child(3) > :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;
}
/*** end ***************************************************************************************/
/*** Navigator *********************************************************************************/
#Navigator .drawingarea {
border-top: 5px 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 * {
box-shadow: none;
}
filechooser #pathbarbox {
border: none;
background-color: @bg-dark-grey;
}
filechooser box {
border-color: transparent;
}
filechooser > box > paned > box {
border: 1px solid @bg-dark-grey;
}
filechooser placessidebar {
padding: 0 1px;
margin: -3px 0 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: 23px;
}
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 4px;
margin: 0;
border-color: @bg-light-grey;
border-style: solid;
border-width: 0 0 0 1px;
background-color: @bg-dark-grey;
background-image: none;
box-shadow: none;
min-height: 0;
min-width: 0;
border-radius: 0;
}
#fullButton {
padding: 5px 4px 6px;
}
#EditorLeftPaned #fullButton,
#EditorLeftPaned #histButton {
border-width: 0 1px 0 0;
}
/*** 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;
}
#PlacesPaned .view.separator,
filechooser separator,
dialog separator {
background-color: @border-color;
}
popover separator:not(:only-child) {
margin: 0 6px;
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-left: 3px solid @bg-light-grey;
border-right: 3px solid @bg-light-grey;
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;
}
#PlacesPaned .view.separator {
color: @border-color;
}
/*** 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;margin: 0;
}
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;
border-radius: 10px;
background-image: linear-gradient(to bottom, shade (@accent-color4,1.15), shade (@accent-color4,.85));
border: 1px solid @bg-dark-grey;
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; /* 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);
}
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 {
margin: 5px 6px;
padding: 1px 0;
}
scale.fine-tune trough highlight {
margin: -2px -1px;
}
scale:disabled slider,
scale:disabled trough {
background-color: shade(@bg-grey,.9);
box-shadow: none;
background-image: none;
}
/*** end ***************************************************************************************/
/*** Progressbar *******************************************************************************/
progressbar.vertical {
min-width: 0;
margin-right: 7px;
}
progressbar.vertical text {
color: transparent;
margin-right: -10px;
min-width: 0;
}
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;
}
/*** end ***************************************************************************************/
/*** Notebook **********************************************************************************/
notebook,
notebook header,
notebook tabs,
notebook tab,
notebook stack {
border-radius: 0;
border: none;
box-shadow: none;
padding: 0;
margin: 0;
min-width: 0;
min-height: 0;
}
notebook header {
background-color: @bg-dark-grey;
padding: 0 5px;
}
notebook header.left {
padding: 5px 0;
}
notebook tabs {
background-color: transparent;
}
notebook header tab {
background-color: transparent;
margin: 5px;
padding: 0 4px;
}
notebook header.left tab {
padding: 4px 0;
}
notebook header tab > grid > image {
min-height: 28px;
min-width: 0;
padding: 0 2px 0 0;
margin: 0;
}
notebook header.left tab > grid > image {
min-height: 0;
min-width: 28px;
padding: 2px 0 0;
}
notebook header tab label {
margin: 3px;
}
notebook header tab:hover label {
color: @headline-hl;
}
notebook header tab:checked {
box-shadow: 0 3px @accent-color2;
}
notebook header.left tab:checked {
box-shadow: 3px 0 @accent-color2;
}
notebook > header > tabs > arrow {
background-color: transparent;
border-radius: 2px;
min-width: 0;
min-height: 0;
padding: 0 2px;
margin: 6px 0;
}
notebook > header.left > tabs > arrow {
padding: 2px 0;
margin: 0 6px;
}
notebook > header > tabs > arrow:hover {
background-color: rgba(255,255,255,.1);
}
notebook > header > tabs > arrow:active {
background-color: transparent;
}
notebook stack {
background-color: @bg-light-grey;
}
dialog notebook stack {
background-color: @bg-grey;
}
/*?win*/
#MainNotebook > stack > :nth-child(1) {
padding: 0 5px 5px 5px;
}
/*?win*/
#MainNotebook > stack > :nth-child(2) {
padding: 5px;
}
/*?win*/
#MainNotebook > stack > :nth-child(2) > :nth-child(2) {
margin-bottom: 4px;
}
/* Adds a line on top of the notebook as a separtor for the titlebar (only on CSD) */
dialog.csd #PrefNotebook > header,
dialog.csd #AboutNotebook > header,
window.csd:not(.fullscreen) #MainNotebook > header.top {
border-top: 1px solid rgba(200,200,200,.18);
}
/**/
#ToolPanelNotebook > header tabs {
margin-bottom: 3px;
}
#ToolPanelNotebook > header tab {
margin: 5px 3px;
padding: 0 5px;
}
#ToolPanelNotebook > header tab image{
min-height: 30px;
min-width: 0;
padding: 0;
margin: 0;
}
#RightNotebook {
margin: 5px 0 0 0;
}
#RightNotebook > header {
margin: 0 5px 0 0;
}
#RightNotebook > stack {
background-color: @bg-grey;
padding: 0;
}
#RightNotebook > stack > :nth-child(3),
#RightNotebook > stack > :nth-child(4) {
padding: 6px;
border: 1px solid @bg-entry-border;
}
#PrefNotebook header {
margin: -8px -8px 4px;
}
#AboutNotebook header {
margin: -8px -8px 8px;
}
#AboutNotebook stack > * > * > * {
background-color: @dark-grey;
}
/* 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 header {
background-color: @bg-grey;
padding: 4px;
margin: 6px 6px 0;
}
#MetaPanelNotebook > header > tabs {
background-color: @bg-dark-grey;
}
#MetaPanelNotebook > header > tab {
background-color: @bg-dark-grey;
}
#MetaPanelNotebook > stack > box {
border: none;
background-color: @bg-grey;
border-radius: 0;
border-top-style: none;
padding: 0 4px 3px;
margin: 0 6px -6px;
}
#MetaPanelNotebook > stack > box:nth-child(1) > scrolledwindow {
margin: 0 0 4px;
padding: 0;
}
#MetaPanelNotebook > stack > box:nth-child(2) > scrolledwindow {
margin: 0 0 0 -2px;
padding: 0;
}
#MetaPanelNotebook > stack > box:nth-child(2) > scrolledwindow > viewport.frame {
padding: 0 0 0 10px;
}
#MetaPanelNotebook separator {
background-color: @border-color;
margin: 2px 0;
}
#MetaPanelNotebook entry, #MetaPanelNotebook button, #MetaPanelNotebook combobox button {
margin-top: 0;
margin-bottom: 0;
min-height: 20px;
min-width: 10px;
}
#MetaPanelNotebook entry {
padding: 0 4px;
background-color: @bg-dark-grey;
margin: 0;
border-radius: 0;
}
#MetaPanelNotebook > stack > box:nth-child(2) > scrolledwindow scrolledwindow {
background-color: @bg-dark-grey;
padding: 0;
margin: 0;
}
#MetaPanelNotebook .view {
border: 1px solid @bg-dark-grey;
padding: 2px;
margin: 0;
}
#MetaPanelNotebook textview.view {
background-color: @bg-dark-grey;
padding: 1px 4px;
margin: 0;
}
#MetaPanelNotebook text {
background-color: transparent;
padding: 0;
margin: 0;
}
#MetaPanelNotebook combobox + button,
#MetaPanelNotebook combobox + button + button {
margin-left: 2px;
min-width: 20px;
}
#MetaPanelNotebook > stack > box > grid > button {
margin-top: 1px;
margin-bottom: 1px;
min-height: 26px;
}
#MetaPanelNotebook label {
padding: 0 2px;
}
/*** end ***************************************************************************************/
/*** File Browser ******************************************************************************/
#FileCatalog {
background-color: @bg-image;
border: 1px solid @bg-dark-grey;
}
#FileCatalog:selected {
background-color: @accent-color3;
color: @text-hl-color3;
border: none;
}
/*?win*/
#FileBrowser {
padding: 0;
margin: 5px 0 0;
}
#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;
}
#ToolBarPanelFileBrowser entry + button.flat,
#FileBrowser entry + button.flat {
min-height: 20px;
min-width: 19px;
margin: 0 0 0 -20px;
border-radius: 0 2px 2px 0;
border: 1px solid transparent;
}
#ToolBarPanelFileBrowser entry,
#FileBrowser entry {
min-height: 20px;
min-width: 144px;
margin: 0 -1px 0 0;
padding: 0 24px 0 4px;
}
#ToolBarPanelFileBrowser label,
#FileBrowser label {
margin: 0 4px 0 6px;
}
/*** end ***************************************************************************************/
/*** Image Editor ******************************************************************************/
#EditorRightPaned {
margin: 0 5px 5px 5px;
}
#BeforeAfterContainer {
background-color: @bg-grey;
border: 1px solid @bg-dark-grey;
border-radius: 0;
padding: 0;
margin: 3px 0 5px;
}
#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) 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 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 > button.image-button:nth-child(6) {
-gtk-icon-shadow: none;
}
#EditorTopPanel > box > box > button {
min-height: 0;
min-width: 0;
margin: 0 2px;
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*/
#EditorZoomPanel label {
min-width: 48px;
margin: 0;
}
#IopsPanel button.Left image {
padding: 0 2px 0 3px;
}
#EditorZoomPanel button {
margin-left: 1px;
margin-right: 1px;
}
/*** end ***************************************************************************************/
/*** Toolbox ***********************************************************************************/
#ToolPanelNotebook stack {
background-color: @bg-dark-grey;
padding: 0 0 6px 0;
}
/*Curve spinbutton background */
#MyExpander flowbox > flowboxchild {
background-color: transparent;
}
/**/
#MyExpander .drawingarea:not(.slider) {
border: 1px 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);
}
#MyExpander .drawingarea:disabled {
background-color: shade(@bg-grey,.85);
border-color: @bg-dark-grey;
background-image: none;
}
#ToolPanelNotebook scrolledwindow viewport.frame {
padding: 0 6px;
}
/* #MyExpander.withScrollbar {
padding: 0 6px;
}
*/
#MyExpander {
margin: 0;
padding: 0;
}
#ExpanderBox > box, #ExpanderBox > grid {
background-color: @bg-grey;
border: none;
border-radius: 0;
margin: 0;
padding: 6px;
}
/* Sub-tool (MyExpander) */
#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 6px;
}
#MyExpanderTitle:hover label {
color: @headline-hl;
}
/*** end ***************************************************************************************/
/*** Context & popups menus *****************************************************************************/
.popup > decoration {
background-image: none;
border-radius: 0;
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;
}
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;
padding: 0;
margin: 0 4px 0 0;
}
/*** Selection popup list (used in filechooser) ***/
entry > window > frame {
background-color: @bg-dark-grey;
}
entry > window > frame > border {
background-color: @bg-dark-grey;
padding: 1px;
border: 1px solid @accent-color;
}
.csd entry > window > frame > border {
margin: 1px;
}
/* end */
/*** end ***************************************************************************************/
/*** Popover *** Context menu filechooser ******************************************************/
.csd popover.background {
box-shadow: 0 1px 6px 1px rgba(0, 0, 0, 0.5), 0 0 0 1px @bg-dark-grey;
}
popover.background {
background-color: @bg-dark-grey;
border-color: @accent-color;
border-radius: 0;
padding: 0;
margin: 0;
}
popover.background > box {
padding: 0;
margin: -9px;
}
popover.background modelbutton {
min-height: 24px;
padding: 0 5px;
margin: 0;
border-radius: 0;
}
popover.background label {
margin-right: 6px;
}
popover.background modelbutton:hover label,
popover.background 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 & Save as*/
dialog scale + button.flat,
scale + button.flat {
min-height: 16px;
min-width: 15px;
margin: 2px 0 1px 2px;
padding: 0 0 0 1px;
-gtk-icon-shadow: none;
}
/* Resetbutton */
#MyExpander button.flat {
min-height: 16px;
min-width: 15px;
margin: 1px 0 1px 2px;
padding: 0 0 0 1px;
-gtk-icon-shadow: none;
}
#MyExpander scale + button.flat {
margin: 1px 0 1px;
}
#MyExpander image + button.flat {
margin: 1px 0 1px 4px;
}
/**/
/* Buttons Curve drawingarea*/
#MyExpander button.flat + button.flat,
#MyExpander button.flat:first-child {
min-height: 26px;
min-width: 26px;
margin: 1px;
padding: 0;
}
/**/
#ToolBarPanelFileBrowser entry + button:hover,
#FileBrowser entry + button:hover,
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;
}
#ToolBarPanelFileBrowser entry + button:active,
#FileBrowser entry + button:active,
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 connected 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 + filechooserbutton,
#MyExpander label + * > button:not(.flat).Left,
#MyExpander label + combobox:not(:first-child):not(:only-child),
#MyExpander label + button:not(.flat):not(spinbutton) {
margin-left: 4px;
}
/* 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-top-left-radius: 0;
border-bottom-left-radius: 0;
}
#IopsPanel button:not(.flat).Left,
#MyExpander button:not(.flat).Left {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
min-width: 28px;
}
/**/
/* Add extra top and bottom space to buttons in toolbox & Preferences*/
#PrefNotebook stack > box:nth-child(4) combobox,
#MyExpander button.flat,
#MyExpander button {
margin-top: 1px;
margin-bottom: 1px;
}
/**/
#MyExpander button.text-button label {
margin: 0;/* x */
}
/* Graduated filter big button */
#ExpanderBox > box > box:first-child > button:not(.flat):not(.text-button):first-child {
min-height: 26px;
min-width: 26px;
padding: 0;
margin: 0 0 6px;
}
.popupbutton-arrow {
min-width: 0;
}
button.color {
padding: 3px;
}
/* Save, Cancel, OK ... buttons */
.dialog-action-area button {
min-height: 26px;
margin-top: 4px;
}
messagedialog .dialog-action-area button {
margin: 0 8px 8px 8px;
min-height: 22px;
}
messagedialog .dialog-action-area button:not(:only-child):nth-child(1) {
margin-right: 3px;
}
messagedialog .dialog-action-area button:not(:only-child):nth-child(2) {
margin-left: 3px;
}
/**/
/* Queue */
#BatchQueueButtons button {
min-height: 26px;
min-width: 120px;
}
/**/
/* 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: 0 0 0 5px;
}
#MainNotebook > header.left > grid > button {
margin: 5px 0 0 0;
}
headerbar button.titlebutton image {
padding: 0;
margin: 0;
}
headerbar button.titlebutton {
margin: 0 0 0 4px;
background-image: none;
border: 1px solid transparent;
background-color: transparent;
box-shadow: none;
min-width: 18px;
min-height: 18px;
padding: 0;
}
messagedialog headerbar button.titlebutton {
min-width: 0;
min-height: 0;
margin: 0;
}
#MainNotebook tab #CloseButton {
padding: 0;
margin: 4px -3px 4px 1px;
min-height: 18px;
min-width: 18px;
}
#MainNotebook > header > grid > button:hover,
#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.1);
background-image: linear-gradient(to bottom, rgba(100,100,100,.3), rgba(30,30,30,.3));
background-color: rgba(128, 128, 128,.15);
}
#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.1);
background-image: linear-gradient(to bottom, rgba(100,100,100,.3), rgba(30,30,30,.3));
background-color: rgba(128, 128, 128,.30);
}
#MainNotebook tab #CloseButton:hover,
headerbar button.titlebutton.close:hover{
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.titlebutton.close:active{
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,
radio {
border: 1.16px solid shade(@text-color, .9);
background-image: none;
background-color: transparent;
margin: 0;
padding: 0;
min-height: 14px;
min-width: 14px;
box-shadow: none;
background-repeat: no-repeat;
-gtk-icon-shadow: none;
}
radiobutton label,
checkbutton label {
margin: 0 6px 0 6px;
padding: 0;
}
check,
check:indeterminate {
border-radius: 2px;
}
check:checked {
padding: 0 2px 0 0;
min-width: 12px;
}
radio{
border-radius: 20px;
}
check:disabled,
radio:disabled {
border-color: rgb(120,120,120);
}
frame > checkbutton check{
margin-left: 6px;
}
#PartialPaste checkbutton:not(#PartialPasteHeader) {
padding: 0;
margin-left: 14px;
}
#PartialPasteHeader {
margin-left: 6px;
}
#PrefNotebook checkbutton {
padding: 0;
}
#PrefNotebook radiobutton,
#PrefNotebook stack > box:nth-child(3) checkbutton,
#PrefNotebook stack > box:nth-child(4) checkbutton {
padding: 3px 0;
}
#MyExpander button + checkbutton:last-child {
margin-left: 4px;
}
/*** end ***************************************************************************************/
/*** Entry & 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: 2px 0;
padding: 0;
min-height: 0;
min-width: 0;
border-radius: 22px 4px 4px 22px;
background-color: shade(@bg-grey, 1.33);
border: 1px 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);
}
#MyExpander checkbutton + label + spinbutton,
#MyExpander button + label + spinbutton {
margin: 3px 0; /* Needed for Reset & and Auto button height*/
}
#MyExpander image + spinbutton {
margin-left: 3px;
}
#BatchQueueButtonsMainContainer spinbutton button,
#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: 0;
box-shadow: none;
-gtk-icon-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;
}
#BatchQueueButtonsMainContainer spinbutton button:hover,
#MyExpander spinbutton button:hover,
spinbutton button:hover {
background-color: rgba(0,0,0,0.3);
background-image: none;
border: none;
box-shadow: none;
}
#BatchQueueButtonsMainContainer spinbutton button:active,
#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: shade(@bg-grey,.9);
color: rgb(144,144,144);
box-shadow: none;
border-color: shade(@bg-entry-border,1.1);
}
/* Text selection */
text > selection,
entry > selection {
background-color: transparent;
color: @text-color;
}
text:focus > selection,
entry:focus > selection {
background-color: @bg-highlighted-text-color;
color: @highlighted-text-color;
}
.view entry {
background-color: @bg-dark-grey;
margin: 0 -1px;
border: none;
box-shadow: none;
}
/* end*/
/*** end ***************************************************************************************/
/*** Window Layout *****************************************************************************/
:not(.popup):not(tooltip) > decoration {
background-color: @winHeaderbar;
background-image: none;
border-radius: 4px 4px 0 0;
border: none;
padding: 0;
box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5), 0 0 0 1px @bg-dark-grey;
margin: 10px;
}
headerbar {
background-color: shade(@winHeaderbar,1.12);
box-shadow: inset 0 1px rgba(200,200,200,.13);
background-image: linear-gradient(shade(@winHeaderbar,1.14), shade(@winHeaderbar,.86));
border-bottom: 1px solid @bg-dark-grey;
border-radius: 4px 4px 0 0;
min-height: 0;
padding: 4px 5px 3px;
margin: 0;
}
headerbar .title{
color: @winTitle;
}
/* Window state */
.maximized > headerbar {
border-radius: 0;
}
/**/
/* Window in background */
:not(.popup):not(tooltip) > decoration:backdrop {
box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.3), 0 0 0 1px @bg-dark-grey;
}
headerbar:backdrop {
box-shadow: none;
background-image: none;
}
headerbar .title:backdrop {
color: alpha(@winTitle,.60);
}
/**/
/*** end ***************************************************************************************/