58b7d41694
For hidpi support, Gtk min version has been increased to 3.24.3. Theme logics based on Gtk version is so now useless
2179 lines
58 KiB
CSS
2179 lines
58 KiB
CSS
/*
|
|
This file is part of RawTherapee.
|
|
|
|
Copyright (c) 2016-2019 TooWaBoo
|
|
Version 3.08
|
|
|
|
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/>.
|
|
*/
|
|
|
|
/*** 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(75,75,75); /*** 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(95,95,95);
|
|
@define-color bg-grey rgb(75,75,75);
|
|
@define-color bg-dark-grey rgb(40,40,40);
|
|
|
|
@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(40,40,40);
|
|
@define-color text-tooltip rgb(40,40,40);
|
|
/***********************************************/
|
|
@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(195,195,195);
|
|
@define-color headline-hl rgb(230,230,230);
|
|
@define-color headline-frame rgb(215,215,215);
|
|
/*** New Color Variable v2.53 ************************************************************************/
|
|
@define-color fg-disabled rgb(128,128,128);
|
|
@define-color bg-tb-spinbutton shade(@bg-grey, 1.33);
|
|
/***********************************************************************************************/
|
|
|
|
* {
|
|
color: @text-color;
|
|
text-shadow: none;
|
|
outline-style: none; /* removes the ugly dashed focus line */
|
|
border-image: none;
|
|
background-image: none;
|
|
background-color: transparent;
|
|
transition: none;
|
|
-gtk-icon-shadow: none;
|
|
-gtk-icon-style: symbolic;
|
|
min-width: 0;
|
|
min-height: 0;
|
|
padding: 0;
|
|
margin: 0;
|
|
border: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
*:disabled {
|
|
color: @fg-disabled;
|
|
-gtk-icon-effect: none;
|
|
}
|
|
|
|
image:disabled {
|
|
opacity: .45;
|
|
}
|
|
|
|
#ToolPanelNotebook {
|
|
min-width: 25em;
|
|
}
|
|
#HistoryPanel {
|
|
min-width: 17.5em;
|
|
}
|
|
|
|
window.background {
|
|
background-color: @bg-light-grey;
|
|
}
|
|
/* Single Window */
|
|
window > box {
|
|
padding: 0.416666666666666666em;
|
|
}
|
|
/**/
|
|
dialog {
|
|
background-color: @bg-grey;
|
|
border-radius: 0;
|
|
-GtkDialog-button-spacing: 0;
|
|
-GtkDialog-content-area-spacing: 0;
|
|
-GtkDialog-content-area-border: 0;
|
|
-GtkDialog-action-area-border: 0;
|
|
}
|
|
dialog > box {
|
|
padding: 0.666666666666666666em;
|
|
}
|
|
messagedialog {
|
|
background-color: @bg-light-grey;
|
|
border-radius: 0;
|
|
}
|
|
tooltip {
|
|
background-color: @bg-tooltip;
|
|
border: 0.083333333333333333em solid @border-tooltip;
|
|
border-radius: 0.333333333333333333em;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
tooltip label {
|
|
color: @text-tooltip;
|
|
}
|
|
|
|
paned {
|
|
background-color: @bg-light-grey;
|
|
}
|
|
|
|
arrow {
|
|
min-width: 1.333333333333333333em;
|
|
min-height: 1.333333333333333333em;
|
|
}
|
|
/* combobox cellview to high for font size 8@96dpi*/
|
|
cellview {
|
|
margin: -1px 0;
|
|
}
|
|
|
|
text {
|
|
background-color: @bg-dark-grey;
|
|
}
|
|
|
|
/*?win*/
|
|
#PlacesPaned {
|
|
margin: 0;
|
|
}
|
|
|
|
overshoot,
|
|
undershoot {
|
|
background-image: none; /* removes the dashed scrollbar line */
|
|
}
|
|
|
|
label {
|
|
padding: 0.083333333333333333em 0;
|
|
margin: 0.125em 0.166666666666666666em;
|
|
min-height: 1.333333333333333333em;
|
|
}
|
|
|
|
/*** Frames ************************************************************************************/
|
|
border,
|
|
frame {
|
|
border: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
background-color: transparent;
|
|
min-height: 0;
|
|
min-width: 0;
|
|
border-radius: 0;
|
|
}
|
|
|
|
/* affects selection list*/
|
|
entry > window > frame {
|
|
margin: 0;
|
|
}
|
|
|
|
#PlacesPaned frame {
|
|
margin: -5px 0 0;
|
|
}
|
|
|
|
#RightNotebook > stack > scrolledwindow frame,
|
|
#BatchQueueButtonsMainContainer frame,
|
|
#MyExpander frame,
|
|
dialog frame {
|
|
margin: 0;
|
|
padding: 0.19em 0.75em;
|
|
}
|
|
#RightNotebook > stack > scrolledwindow frame > border,
|
|
#BatchQueueButtonsMainContainer > frame > border,
|
|
#MyExpander frame > border,
|
|
dialog frame > border {
|
|
padding: 0 0.333333333333333333em 0.333333333333333333em;
|
|
border-radius: 0;
|
|
border: 0.083333333333333333em solid @border-color;
|
|
background-color: transparent;
|
|
margin: 0 -0.583333333333333333em;
|
|
}
|
|
frame > label {
|
|
margin: 0;
|
|
padding: 0.416666666666666666em 0;
|
|
color: @headline-frame;
|
|
}
|
|
frame > checkbutton label{
|
|
color: @headline-frame;
|
|
}
|
|
#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;
|
|
}
|
|
|
|
#PrefNotebook box > frame > border {
|
|
padding-top: 0;
|
|
padding-bottom: 0.25em;
|
|
}
|
|
#PrefNotebook scrolledwindow scrolledwindow {
|
|
border: 0.083333333333333333em solid @bg-dark-grey;
|
|
}
|
|
|
|
#BatchQueueButtonsMainContainer frame > border {
|
|
margin-bottom: 0.833333333333333333em;
|
|
}
|
|
#BatchQueueButtonsMainContainer frame:nth-child(3) > border {
|
|
padding-left: 0.916666666666666666em;
|
|
}
|
|
|
|
/*** end ***************************************************************************************/
|
|
|
|
/*** Lists & Views *****************************************************************************/
|
|
textview.view, treeview.view {
|
|
background-color: @bg-dark-grey;
|
|
border-color: @view-grid-border;
|
|
padding: 0.166666666666666666em;
|
|
margin: 0;
|
|
}
|
|
treeview header {
|
|
background-color: @bg-dark-grey;
|
|
}
|
|
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;
|
|
}
|
|
|
|
/* Filter treeview */
|
|
#RightNotebook > stack > :nth-child(1) checkbutton + scrolledwindow {
|
|
min-height: calc(6em + 43px);
|
|
border: 0.083333333333333333em solid @bg-dark-grey;
|
|
}
|
|
#RightNotebook > stack > :nth-child(1) checkbutton + scrolledwindow treeview {
|
|
border-bottom: 0.083333333333333333em solid @bg-dark-grey;
|
|
}
|
|
/**/
|
|
|
|
#PlacesPaned > box:nth-child(3) treeview {
|
|
padding: 0.25em 0;
|
|
}
|
|
|
|
#HistoryPanel {
|
|
margin-top: 0.25em;
|
|
}
|
|
#RightNotebook #HistoryPanel {
|
|
margin-top: 0.416666666666666666em;
|
|
}
|
|
#HistoryPanel > border {
|
|
margin-top: 1.75em;
|
|
}
|
|
#HistoryPanel > label {
|
|
margin: 0 0 -1.416666666666666666em 0;
|
|
padding: 0 0 0 0.083333333333333333em;
|
|
}
|
|
|
|
#Snapshots > border {
|
|
min-height: calc(6em + 36px);
|
|
}
|
|
#Snapshots > label {
|
|
margin-bottom: -4px;
|
|
}
|
|
#Snapshots scrolledwindow + box {
|
|
background-color: @bg-dark-grey;
|
|
margin: -8px 0 -4px ;
|
|
border-top: 0.083333333333333333em solid @view-grid-border;
|
|
}
|
|
#PlacesPaned > box:nth-child(1) scrolledwindow + grid {
|
|
background-color:@bg-dark-grey;
|
|
margin: -2px 0 -2px 0;
|
|
border-top: 0.083333333333333333em solid @view-grid-border;
|
|
}
|
|
|
|
fontchooser scrolledwindow,
|
|
#PlacesPaned scrolledwindow,
|
|
#HistoryPanel scrolledwindow,
|
|
#Snapshots scrolledwindow {
|
|
background-color: @bg-dark-grey;
|
|
border: 0.083333333333333333em solid @bg-dark-grey;
|
|
}
|
|
|
|
/*Corrects the space of the snapshot view to the paned separator*/
|
|
#Snapshots {
|
|
margin-top: 0.166666666666666666em;
|
|
}
|
|
/**/
|
|
|
|
/*** end ***************************************************************************************/
|
|
|
|
/*** Navigator *********************************************************************************/
|
|
#Navigator box {
|
|
padding-top: 0.75em;
|
|
padding-bottom: 0.25em;
|
|
background-color: @bg-dark-grey;
|
|
}
|
|
#Navigator box label {
|
|
padding: 0;
|
|
margin: 0.083333333333333333em 0 0;
|
|
}
|
|
|
|
/*** end ***************************************************************************************/
|
|
|
|
/*** Load - Save dialog ************************************************************************/
|
|
filechooser {
|
|
margin-bottom: 0.25em;
|
|
}
|
|
|
|
filechooser box > box box > button {
|
|
margin-top: 0.5em;
|
|
margin-right: 0;
|
|
}
|
|
|
|
filechooser image {
|
|
opacity: 0.80;
|
|
}
|
|
filechooser *:selected image,
|
|
filechooser *:checked image,
|
|
filechooser *:active image {
|
|
opacity: 1;
|
|
}
|
|
|
|
filechooser list {
|
|
background-color: @bg-dark-grey;
|
|
}
|
|
|
|
filechooser #pathbarbox {
|
|
border: none;
|
|
background-color: @bg-dark-grey;
|
|
padding: 0.5em;
|
|
}
|
|
|
|
/* Right side */
|
|
filechooser > box > paned > box:nth-child(3) {
|
|
border: 0.083333333333333333em solid @bg-dark-grey;
|
|
background-color: @bg-dark-grey;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
filechooser > box > paned > box:nth-child(3) > box > * > * > * > frame {
|
|
padding: 0;
|
|
margin: -8px -1px;
|
|
background-color: @bg-dark-grey;
|
|
}
|
|
/**/
|
|
filechooser placessidebar viewport.frame {
|
|
background-color: @bg-dark-grey;
|
|
padding: 0;
|
|
margin: -4px 0 -1px;
|
|
border: 0.083333333333333333em solid @bg-dark-grey;
|
|
}
|
|
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;
|
|
}
|
|
filechooser list row:hover {
|
|
background-color: @bg-list-hover;
|
|
}
|
|
filechooser placessidebar list row:selected label,
|
|
filechooser placessidebar list row:selected {
|
|
background-color: @accent-color;
|
|
color: @text-hl-color;
|
|
}
|
|
|
|
/*** end ***************************************************************************************/
|
|
|
|
/*** Histogram *********************************************************************************/
|
|
#HistogramPanel {
|
|
min-height: 0;
|
|
margin: 0;
|
|
padding: 0;
|
|
border: none;
|
|
background-color: transparent;
|
|
}
|
|
|
|
#HistogramPanel > :nth-child(2) {
|
|
border: none;
|
|
border-left: 0.083333333333333333em solid @bg-light-grey;
|
|
background-color: @bg-dark-grey;
|
|
}
|
|
|
|
#HistogramPanel > :nth-child(1) {
|
|
border: none;
|
|
background-color: transparent;
|
|
}
|
|
|
|
#EditorLeftPaned #HistogramPanel > :nth-child(1) {
|
|
border: none;
|
|
border-right: 0.083333333333333333em solid @bg-light-grey;
|
|
background-color: @bg-dark-grey;
|
|
}
|
|
|
|
#EditorLeftPaned #HistogramPanel > :nth-child(2) {
|
|
border: none;
|
|
background-color: transparent;
|
|
}
|
|
|
|
#HistogramArea,
|
|
#HistogramRGBArea {
|
|
border: 0.083333333333333333em solid @bg-dark-grey;
|
|
background-color: @bg-dark-grey;
|
|
}
|
|
|
|
#histButton {
|
|
padding: 0.25em 0.25em 0;
|
|
margin: 0 0 -1px 0;
|
|
border: none;
|
|
background-color: transparent;
|
|
background-image: none;
|
|
min-height: 1.333333333333333333em;
|
|
min-width: 1.333333333333333333em;
|
|
border-radius: 0;
|
|
box-shadow: none;
|
|
}
|
|
#histButton:last-child {
|
|
padding-bottom: 0.25em;
|
|
margin: 0;
|
|
}
|
|
|
|
/* Vertical version of slider. */
|
|
#histScale {
|
|
min-height: 4em;
|
|
min-width: 1.833333333333333333em;
|
|
margin: -0.333333333333333333em 0;
|
|
}
|
|
#histScale trough {
|
|
padding: 0.583333333333333333em 0;
|
|
}
|
|
#histScale highlight {
|
|
background-image: linear-gradient(to right, shade (@accent-color2,1.22), shade(@accent-color2,.88));
|
|
margin: -0.583333333333333333em 0;
|
|
padding: 0.333333333333333333em 0 0 0.333333333333333333em;
|
|
}
|
|
#histScale slider {
|
|
}
|
|
#histScale.fine-tune highlight {
|
|
padding: 0.5em 0 0 0.5em;
|
|
}
|
|
|
|
/* Copied from button.flat style. */
|
|
button.radio#histButton {
|
|
border: 0.083333333333333333em solid transparent;
|
|
box-shadow: none;
|
|
background-image: none;
|
|
background-color: transparent;
|
|
}
|
|
button.radio#histButton:hover {
|
|
border-color: @bg-button-border;
|
|
box-shadow: inset 0 0.083333333333333333em rgba(242, 242, 242, 0.1);
|
|
background-image: linear-gradient(to bottom, rgba(100,100,100,.3), rgba(30,30,30,.3));
|
|
background-color: @bg-button-hover;
|
|
}
|
|
button.radio#histButton:active,
|
|
button.radio#histButton:checked {
|
|
border-color: @bg-button-border;
|
|
box-shadow: inset 0 0.1em 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;
|
|
}
|
|
|
|
/*** end ***************************************************************************************/
|
|
|
|
/*** Separator *********************************************************************************/
|
|
separator,
|
|
.separator {
|
|
min-width: 0.083333333333333333em;
|
|
min-height: 0.083333333333333333em;
|
|
background-color: transparent;
|
|
}
|
|
grid separator.horizontal, box separator.horizontal {
|
|
margin: 0.25em 0.19em;
|
|
padding: 0;
|
|
}
|
|
grid separator.vertical, box separator.vertical {
|
|
margin: 0 0.25em;
|
|
padding: 0;
|
|
}
|
|
|
|
#PlacesPaned .view.separator {
|
|
min-height: 0.5em;
|
|
}
|
|
|
|
filechooser separator {
|
|
background-color: @view-grid-border;
|
|
}
|
|
|
|
.view.separator,
|
|
dialog separator {
|
|
background-color: @border-color;
|
|
}
|
|
popover separator:not(:only-child) {
|
|
margin: 0 0.5em;
|
|
background-color: @border-color;
|
|
}
|
|
|
|
paned.horizontal > separator {
|
|
background-color: transparent;
|
|
background-image: none;
|
|
min-width: 0;
|
|
border: none;
|
|
margin: 0 -0.25em 0 -3px;
|
|
padding: 0 0.25em;
|
|
}
|
|
/* Double line separator */
|
|
paned.vertical > separator {
|
|
background-image: none;
|
|
background-color: @bg-light-grey;
|
|
min-height: 0.416666666666666666em;
|
|
border-top: 0.083333333333333333em solid @bg-dark-grey;
|
|
border-bottom: none;
|
|
margin: 0.416666666666666666em 0 -0.5em;
|
|
padding: 0.2em 0 0;
|
|
}
|
|
|
|
#EditorLeftPaned > paned.vertical:last-child > separator {
|
|
margin-bottom: 1px;
|
|
}
|
|
/**/
|
|
/* Remove hard coded pixel from tool button */
|
|
#EditorLeftPaned > paned.vertical:last-child > box {
|
|
margin-top: -2px;
|
|
padding: 0;
|
|
}
|
|
/**/
|
|
|
|
dialog paned.horizontal > separator {
|
|
background-color: @bg-grey;
|
|
border-color: @bg-grey;
|
|
min-width: 0.333333333333333333em;
|
|
}
|
|
|
|
menu separator {
|
|
background-color: @view-grid-border;
|
|
margin: 0.25em 0.5em;
|
|
}
|
|
|
|
#Navigator separator {
|
|
background-color: @view-grid-border;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.scrollableToolbar separator.vertical {
|
|
background-color: shade(@bg-light-grey, .72);
|
|
margin: 0.19em;
|
|
}
|
|
|
|
#MyExpander separator.horizontal {
|
|
background-color: @view-grid-border;
|
|
margin: 0.25em 0.19em;
|
|
}
|
|
#MyFileChooserButton separator {
|
|
background-color: transparent;
|
|
}
|
|
|
|
#PlacesPaned .view.separator {
|
|
color: @view-grid-border;
|
|
}
|
|
|
|
#MetaPanelNotebook separator {
|
|
background-color: @border-color;
|
|
margin: 0.19em 0;
|
|
}
|
|
/*** end****************************************************************************************/
|
|
|
|
/*** PartialPaste ******************************************************************************/
|
|
#PartialPaste {
|
|
border-bottom: 0.083333333333333333em solid @border-color;
|
|
border-top: 0.083333333333333333em solid @border-color;
|
|
padding-top: 0.5em;
|
|
padding-bottom: 0.5em;
|
|
}
|
|
|
|
#PartialPaste separator.vertical {
|
|
margin: 0 0.333333333333333333em;
|
|
padding: 0;
|
|
}
|
|
|
|
#PartialPaste separator { /* Struggles with #PartialPasteHeaderSep */
|
|
background-color: @border-color;
|
|
margin: 0.166666666666666666em 0.5em 0.166666666666666666em 1.166666666666666666em;
|
|
}
|
|
#PartialPasteHeaderSep.horizontal {
|
|
background-color: rgb(192,192,192);
|
|
margin: 0.166666666666666666em 0.5em;
|
|
}
|
|
|
|
#PartialPasteHeader label {
|
|
color: @headline-big;
|
|
font-weight: bold;
|
|
}
|
|
|
|
/*** end ***************************************************************************************/
|
|
|
|
/*** Scrollbar *********************************************************************************/
|
|
scrollbar {
|
|
background-color: rgba(0,0,0,.40);
|
|
border: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
border-radius: 0;
|
|
}
|
|
scrollbar slider {
|
|
background-color: @text-color;
|
|
padding: 0;
|
|
margin: 0;
|
|
border-color: transparent;
|
|
border-style: solid;
|
|
border-radius: 0.5em;
|
|
}
|
|
scrollbar.overlay-indicator {
|
|
opacity: 0.8;
|
|
}
|
|
scrollbar.overlay-indicator:not(.hovering) {
|
|
opacity: 0.5;
|
|
}
|
|
|
|
scrollbar:not(.overlay-indicator) {
|
|
border-color: @bg-dark-grey;
|
|
border-style: solid;
|
|
background-color: rgba(0,0,0,.30);
|
|
}
|
|
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) slider {
|
|
background-color: shade(@text-color, .9);
|
|
}
|
|
|
|
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;
|
|
}
|
|
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;
|
|
}
|
|
|
|
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: -1px 0;
|
|
}
|
|
scrollbar.vertical.overlay-indicator:not(.hovering) slider {
|
|
min-width: 0.25em;
|
|
min-height: 2em;
|
|
border-width: 0;
|
|
border-radius: 0.25em;
|
|
margin: 0.25em 0.166666666666666666em;
|
|
}
|
|
|
|
scrollbar:not(.overlay-indicator) slider:hover,
|
|
scrollbar.hovering slider:hover {
|
|
background-color: shade(@accent-color2,1.12);
|
|
}
|
|
|
|
/* 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;
|
|
}
|
|
|
|
/*** end ***************************************************************************************/
|
|
|
|
/*** Scale**************************************************************************************/
|
|
scale {
|
|
padding: 0;
|
|
min-height: 1.833333333333333333em;
|
|
margin: 0 -0.333333333333333333em;
|
|
}
|
|
|
|
scale slider {
|
|
min-width: 0;
|
|
min-height: 0;
|
|
margin: -0.583333333333333333em;
|
|
padding: 0.583333333333333333em;
|
|
border-radius: 1.166666666666666666em;
|
|
background-image: linear-gradient(to bottom, shade (@accent-color4,1.15), shade (@accent-color4,.85));
|
|
border: 0.083333333333333333em solid shade(@bg-dark-grey,0.9);
|
|
}
|
|
scale slider:hover {
|
|
background-image: linear-gradient(to bottom, shade (@accent-color4,1.25), shade (@accent-color4,.95));
|
|
}
|
|
|
|
scale trough {
|
|
margin: 0.583333333333333333em;
|
|
background-color: shade(@bg-grey,.83);
|
|
border-radius: 0.333333333333333333em;
|
|
min-height: 0;
|
|
min-width: 0;
|
|
padding: 0 0.583333333333333333em;
|
|
border: none;
|
|
}
|
|
scale.color trough {
|
|
border: 0.083333333333333333em solid shade(@bg-dark-grey,0.9);
|
|
min-height: 0.333333333333333333em;
|
|
min-width: 0.333333333333333333em;
|
|
border-radius: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
scale trough highlight {
|
|
background-color: @accent-color2;
|
|
background-image: linear-gradient(to bottom, shade (@accent-color2,1.22), shade(@accent-color2,.88));
|
|
border: 0.083333333333333333em solid shade(@bg-dark-grey,0.9);
|
|
margin: 0 -0.583333333333333333em;
|
|
border-radius: 0.333333333333333333em;
|
|
min-height: 0;
|
|
min-width: 0;
|
|
padding: 0.333333333333333333em 0.333333333333333333em 0 0; /*height of trough */
|
|
}
|
|
|
|
scale.fine-tune trough highlight {
|
|
padding: 0.5em 0.5em 0 0;
|
|
border-radius: 0.5em;
|
|
}
|
|
|
|
scale:disabled slider,
|
|
scale:disabled trough highlight {
|
|
background-color: shade(@bg-grey,.83);
|
|
background-image: none;
|
|
border-color: transparent;
|
|
}
|
|
|
|
#BatchQueueButtonsMainContainer scale trough,
|
|
#BatchQueueButtonsMainContainer scale:disabled slider,
|
|
#BatchQueueButtonsMainContainer scale:disabled trough highlight {
|
|
background-color: @bg-grey;
|
|
}
|
|
|
|
/*** end ***************************************************************************************/
|
|
|
|
/*** Progressbar *******************************************************************************/
|
|
progressbar.vertical {
|
|
min-width: 0;
|
|
min-height: 9em;
|
|
}
|
|
progressbar text {
|
|
background-color: transparent;
|
|
}
|
|
progressbar.vertical text {
|
|
color: transparent;
|
|
}
|
|
|
|
progressbar trough {
|
|
background-color: alpha(@bg-grey, .45);
|
|
border: 0.083333333333333333em solid transparent;
|
|
border-radius: 0.416666666666666666em;
|
|
}
|
|
#IopsPanel progressbar trough {
|
|
background-color: @bg-grey;
|
|
}
|
|
|
|
progressbar trough progress {
|
|
background-color: @accent-color2;
|
|
border-radius: 0.416666666666666666em;
|
|
border: 0.083333333333333333em solid @bg-button-border;
|
|
}
|
|
|
|
progressbar.vertical trough {
|
|
min-width: 0.416666666666666666em;
|
|
}
|
|
progressbar.vertical trough progress {
|
|
min-width: 0.416666666666666666em;
|
|
margin: -1px 0;
|
|
background-image: linear-gradient(to right, shade (@accent-color2,1.2), shade(@accent-color2,.85));
|
|
}
|
|
|
|
|
|
progressbar.horizontal trough {
|
|
min-height: 0.416666666666666666em;
|
|
margin-top: 0.416666666666666666em;
|
|
}
|
|
#IopsPanel progressbar.horizontal trough {
|
|
margin-top: 0;
|
|
}
|
|
|
|
progressbar.horizontal trough progress {
|
|
min-height: 0.416666666666666666em;
|
|
margin: 0 -1px;
|
|
background-image: linear-gradient(to bottom, shade (@accent-color2,1.2), shade(@accent-color2,.85));
|
|
}
|
|
|
|
/* #IopsPanel progressbar trough.empty, */
|
|
progressbar.horizontal trough.empty,
|
|
progressbar.vertical trough.empty {
|
|
background-color: transparent;
|
|
}
|
|
progressbar trough.empty progress {
|
|
border-color: transparent;
|
|
background-image: none;
|
|
background-color:transparent;
|
|
box-shadow: none;
|
|
}
|
|
|
|
/*** end ***************************************************************************************/
|
|
|
|
/*** Notebook **********************************************************************************/
|
|
notebook,
|
|
notebook header,
|
|
notebook tabs,
|
|
notebook tab,
|
|
notebook stack {
|
|
border-radius: 0;
|
|
border: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
min-width: 0;
|
|
min-height: 0;
|
|
}
|
|
notebook > header {
|
|
background-color: @bg-dark-grey;
|
|
padding: 0 0.416666666666666666em;
|
|
}
|
|
notebook > header.left {
|
|
padding: 0.416666666666666666em 0;
|
|
}
|
|
notebook tabs {
|
|
background-color: transparent;
|
|
}
|
|
notebook > header tab {
|
|
background-color: transparent;
|
|
margin: 0.416666666666666666em 0.25em;
|
|
padding: 0 0.333333333333333333em;
|
|
}
|
|
notebook > header.left tab {
|
|
margin: 0.25em 0.416666666666666666em;
|
|
padding: 0.333333333333333333em 0;
|
|
}
|
|
notebook > header tab > grid > image {
|
|
min-height: 2em;
|
|
min-width: 2em;
|
|
padding: 0.25em;
|
|
margin: 0;
|
|
}
|
|
|
|
notebook > header tab:hover label {
|
|
color: @headline-hl;
|
|
}
|
|
notebook > header tab:checked {
|
|
box-shadow: 0 0.25em @accent-color2;
|
|
}
|
|
notebook > header.left tab:checked {
|
|
box-shadow: 0.25em 0 @accent-color2;
|
|
}
|
|
notebook > header > tabs > arrow {
|
|
background-color: transparent;
|
|
border-radius: 0.2em;
|
|
padding: 0 0.166666666666666666em;
|
|
margin: 0.5em 0;
|
|
}
|
|
notebook > header.left > tabs > arrow {
|
|
padding: 0.166666666666666666em 0;
|
|
margin: 0 0.5em;
|
|
}
|
|
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 {
|
|
padding: 0.416666666666666666em;
|
|
}
|
|
|
|
#MainNotebook > stack > :nth-child(2) > box:nth-child(3) {
|
|
margin-top: 0.416666666666666666em;
|
|
}
|
|
|
|
|
|
/* Adds a line on top of the notebook as a separator for the titlebar (only on CSD) */
|
|
dialog.csd #PrefNotebook > header,
|
|
dialog.csd #AboutNotebook > header,
|
|
window.csd:not(.fullscreen) #MainNotebook > header.top {
|
|
border-top: 0.083333333333333333em solid rgba(200,200,200,.18);
|
|
}
|
|
/**/
|
|
|
|
|
|
#RightNotebook > stack > scrolledwindow > viewport > box > box:last-child > image,
|
|
#ToolPanelNotebook > stack > scrolledwindow > viewport > box > box:last-child > image {
|
|
min-height: 5em;
|
|
}
|
|
|
|
#ToolPanelNotebook {
|
|
background-color: @bg-dark-grey;
|
|
}
|
|
#ToolPanelNotebook .PanelEnding {
|
|
margin-top: 4px;
|
|
}
|
|
#ToolPanelNotebook > header {
|
|
border-bottom: 0.083333333333333333em solid @view-grid-border;
|
|
margin-left: 0.083333333333333333em;
|
|
margin-right: 0.083333333333333333em;
|
|
padding: 0 0.19em;
|
|
}
|
|
#ToolPanelNotebook > header tabs {
|
|
margin: 0 0 0.25em;
|
|
}
|
|
#ToolPanelNotebook > header tab {
|
|
padding: 0;
|
|
}
|
|
#ToolPanelNotebook > header tab image{
|
|
min-height: 2em;
|
|
min-width: 2em;
|
|
margin: 0.19em 0.25em 0.333333333333333333em;
|
|
padding: 0;
|
|
}
|
|
#ToolPanelNotebook > stack {
|
|
background-color: @bg-dark-grey;
|
|
padding: 0.5em 0;
|
|
}
|
|
|
|
#RightNotebook > header {
|
|
margin: 0 0.416666666666666666em 0 0;
|
|
}
|
|
#RightNotebook > stack {
|
|
background-color: @bg-grey;
|
|
padding: 0;
|
|
}
|
|
#RightNotebook > header tab label {
|
|
padding-left: 0.25em;
|
|
padding-right: 0.25em;
|
|
}
|
|
|
|
#RightNotebook > stack > scrolledwindow > viewport {
|
|
padding: 0 0.5em;
|
|
border: 0.083333333333333333em solid @bg-dark-grey;
|
|
}
|
|
|
|
#PrefNotebook > header {
|
|
margin: -0.666666666666666666em -0.666666666666666666em 0.333333333333333333em;
|
|
}
|
|
#PrefNotebook > stack {
|
|
margin: 0 -0.666666666666666666em;
|
|
}
|
|
#PrefNotebook > stack > scrolledwindow > viewport {
|
|
padding: 0 0.666666666666666666em;
|
|
}
|
|
|
|
#AboutNotebook > header {
|
|
margin: -0.666666666666666666em -0.666666666666666666em 0.666666666666666666em;
|
|
}
|
|
|
|
#AboutNotebook > stack text,
|
|
#AboutNotebook > stack textview {
|
|
background-color: @bg-dark-grey;
|
|
padding: 0.75em 0;
|
|
}
|
|
/* Meta panel notebook */
|
|
#MetaPanelNotebook > header {
|
|
background-color: @bg-grey;
|
|
padding: 0.333333333333333333em;
|
|
margin: 0 0.5em 0;
|
|
}
|
|
#MetaPanelNotebook > header > tabs {
|
|
background-color: @bg-dark-grey;
|
|
padding-left: 0.333333333333333333em;
|
|
}
|
|
#MetaPanelNotebook > stack {
|
|
background-color: @bg-dark-grey;
|
|
padding: 0 0 0.5em 0;
|
|
}
|
|
|
|
#MetaPanelNotebook > stack > box {
|
|
border: none;
|
|
background-color: @bg-grey;
|
|
border-radius: 0;
|
|
border-top-style: none;
|
|
padding: 0 0.333333333333333333em 0.25em;
|
|
margin:0 0.5em -0.5em;
|
|
}
|
|
#MetaPanelNotebook > stack > box:nth-child(1) > scrolledwindow {
|
|
margin: 0 0 0.333333333333333333em;
|
|
padding: 0;
|
|
}
|
|
|
|
#MetaPanelNotebook > stack > box:nth-child(2) > scrolledwindow > viewport.frame {
|
|
padding: 0 0 0 1.083333333333333333em;
|
|
}
|
|
|
|
#MetaPanelNotebook entry {
|
|
padding: 0 0.333333333333333333em;
|
|
background-color: @bg-dark-grey;
|
|
border-radius: 0;
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
}
|
|
|
|
#MetaPanelNotebook .view {
|
|
border: 0.083333333333333333em solid @bg-dark-grey;
|
|
padding: 0.083333333333333333em 0.25em;
|
|
}
|
|
|
|
#MetaPanelNotebook text {
|
|
background-color: transparent;
|
|
}
|
|
|
|
#MetaPanelNotebook stack label {
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
/*** end ***************************************************************************************/
|
|
|
|
/*** File Browser ******************************************************************************/
|
|
#FileCatalog {
|
|
background-color: @bg-image;
|
|
border: 0.083333333333333333em solid @bg-dark-grey;
|
|
}
|
|
#FileCatalog:selected {
|
|
background-color: @accent-color3;
|
|
color: @text-hl-color3;
|
|
}
|
|
|
|
/*?win*/
|
|
#FileBrowser {
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
#ToolBarPanelFileBrowser {
|
|
margin: 0 0 0.416666666666666666em 0;
|
|
min-height: 0;
|
|
min-width: 0;
|
|
padding: 0;
|
|
}
|
|
#FileBrowserQueryToolbar > viewport > box {
|
|
margin: 0 0 0.416666666666666666em 0;
|
|
min-height: 0;
|
|
min-width: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
/*** end ***************************************************************************************/
|
|
|
|
/*** Image Editor ******************************************************************************/
|
|
#EditorRightPaned {
|
|
margin: 0;
|
|
}
|
|
|
|
#BeforeAfterContainer {
|
|
background-color: @bg-grey;
|
|
border: 0.083333333333333333em solid @bg-dark-grey;
|
|
border-radius: 0;
|
|
padding: 0;
|
|
margin: calc(0.416666666666666666em - 2px) 0 0.416666666666666666em;
|
|
}
|
|
#BeforeAfterContainer > box:nth-child(2) > box:nth-child(2),
|
|
#BeforeAfterContainer > box:nth-child(1) > box:nth-child(2){
|
|
border-top: 0.083333333333333333em solid @bg-dark-grey;
|
|
}
|
|
#BeforeAfterContainer > box:nth-child(2){
|
|
border-left: 0.083333333333333333em solid @bg-dark-grey;
|
|
}
|
|
|
|
/* !!! Must be same height as "Small Lock Button" */
|
|
#BeforeAfterContainer label {
|
|
padding: 0 0.5em;
|
|
min-height: 2em;
|
|
min-width: 2em;
|
|
margin: 0.25em 0;
|
|
border: 0.083333333333333333em solid transparent;
|
|
}
|
|
|
|
#EditorToolbarTop {
|
|
margin: 0 -1px 0 -1px;
|
|
padding: 0;
|
|
min-height: 0;
|
|
}
|
|
|
|
#IopsPanel {
|
|
margin: 0;
|
|
padding: 0;
|
|
min-height: 0;
|
|
}
|
|
|
|
#EditorZoomPanel label {
|
|
min-width: 4em;
|
|
margin: 0;
|
|
}
|
|
/*** end ***************************************************************************************/
|
|
|
|
/*** Toolbox ***********************************************************************************/
|
|
#MyExpander image {
|
|
min-width: 1.333333333333333333em;
|
|
min-height: 0;
|
|
margin: -1px 0.19em;
|
|
}
|
|
|
|
/*Curve spinbutton background */
|
|
#MyExpander flowbox > flowboxchild {
|
|
background-color: transparent;
|
|
}
|
|
/**/
|
|
#MyExpander .drawingarea:not(.slider) {
|
|
border: 0.083333333333333333em solid @bg-light-grey;
|
|
background-color: @bg-dark-grey;
|
|
}
|
|
#MyExpander .slider,
|
|
#MyExpander #CurveSHCSelector {
|
|
background-image: linear-gradient(to bottom, shade (@accent-color4,1.15), shade (@accent-color4,.85));
|
|
background-color: @accent-color4;
|
|
border: 0.083333333333333333em solid rgb(15,15,15);
|
|
}
|
|
#MyExpander .drawingarea:disabled {
|
|
background-color: shade(@bg-grey,.85);
|
|
border-color: @bg-dark-grey;
|
|
background-image: none;
|
|
}
|
|
#ThresholdAdjuster {
|
|
margin: 0.083333333333333333em 0 0.166666666666666666em 0;
|
|
}
|
|
|
|
#ToolPanelNotebook > stack > scrolledwindow > viewport.frame {
|
|
padding: 0 0.5em;
|
|
margin-top: -0.5em;
|
|
}
|
|
|
|
#MyExpander {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
#ExpanderBox > box, #ExpanderBox > grid {
|
|
background-color: @bg-grey;
|
|
border: none;
|
|
border-radius: 0;
|
|
margin: 0;
|
|
padding: 0.5em 0.333333333333333333em;
|
|
}
|
|
|
|
/* Sub-tool (MyExpander) */
|
|
#ExpanderBox2 > box, #ExpanderBox2 > grid {
|
|
background-color: transparent;
|
|
border: 0.083333333333333333em solid @border-color;
|
|
border-radius: 0;
|
|
margin: 0 0.19em;
|
|
padding: 0.333333333333333333em;
|
|
}
|
|
|
|
#MyExpanderTitle > box {
|
|
margin: 0;
|
|
padding: 0.25em 0;
|
|
}
|
|
|
|
#MyExpanderTitle label {
|
|
color: @headline-big;
|
|
padding: 0;
|
|
margin: 0.083333333333333333em 0.25em 0 0.166666666666666666em;
|
|
font-weight: bold;
|
|
}
|
|
|
|
#MyExpanderTitle:hover label {
|
|
color: @headline-hl;
|
|
}
|
|
/*** end ***************************************************************************************/
|
|
|
|
/*** Context & popups menus *****************************************************************************/
|
|
.csd.popup > decoration {
|
|
background-image: none;
|
|
border-radius: 0;
|
|
border: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
box-shadow: 0 0.25em 0.75em 0.083333333333333333em rgba(0, 0, 0, 0.50), 0 0 0 0.083333333333333333em @bg-dark-grey;
|
|
}
|
|
|
|
menu {
|
|
background-color: @bg-dark-grey;
|
|
border: 0.083333333333333333em solid @accent-color;
|
|
padding: 0.083333333333333333em;
|
|
margin: 0;
|
|
border-radius: 0;
|
|
}
|
|
menu > arrow.top,
|
|
menu > arrow.top:hover,
|
|
menu > arrow.bottom,
|
|
menu > arrow.bottom:hover {
|
|
background-color: transparent;
|
|
border: none;
|
|
padding: 0.5em;
|
|
min-height: 1.5em;
|
|
}
|
|
|
|
menuitem {
|
|
padding: 0 0.333333333333333333em;
|
|
margin: 0.083333333333333333em;
|
|
min-height: 2em;
|
|
}
|
|
|
|
menu arrow {
|
|
min-width: 1.333333333333333333em;
|
|
margin: 0 -0.19em;
|
|
padding: 0;
|
|
margin: 0 -0.25em 0 0;
|
|
}
|
|
menuitem:hover {
|
|
background-color: @accent-color;
|
|
}
|
|
menuitem:hover > * > *,
|
|
menuitem:hover > * {
|
|
color: @text-hl-color;
|
|
}
|
|
|
|
menu menuitem > radio + * image:not(.dummy),
|
|
#MyExpander menu menuitem > radio + * image:not(.dummy) {
|
|
margin-left: 1pt;
|
|
}
|
|
|
|
menu image:not(.dummy),
|
|
#MyExpander menu image:not(.dummy) {
|
|
min-height: 2em;
|
|
min-width: 1.5em;
|
|
padding: 0;
|
|
margin: 0 0 0 -1.333333333333333333em;
|
|
}
|
|
|
|
/*** Selection popup list (used in filechooser) ***/
|
|
entry > window > frame:not(.dummy) {
|
|
background-color: @bg-dark-grey;
|
|
padding: 0;
|
|
}
|
|
entry > window > frame > border:not(.dummy) {
|
|
background-color: @bg-dark-grey;
|
|
padding: 0.083333333333333333em;
|
|
margin: 0.083333333333333333em;
|
|
border: 0.083333333333333333em solid @accent-color;
|
|
}
|
|
/* end */
|
|
|
|
/*** end ***************************************************************************************/
|
|
|
|
/*** Popover *** Context menu filechooser ******************************************************/
|
|
popover {
|
|
box-shadow: 0 1px 6px 1px rgba(0, 0, 0, 0.5), 0 0 0 1px @bg-dark-grey;
|
|
}
|
|
popover {
|
|
background-color: @bg-dark-grey;
|
|
border: 0.083333333333333333em solid @accent-color;
|
|
border-radius: 0;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
popover > box {
|
|
padding: 0;
|
|
margin: -9px;
|
|
}
|
|
popover modelbutton {
|
|
min-height: 2em;
|
|
padding: 0 0.416666666666666666em;
|
|
margin: 0;
|
|
border-radius: 0;
|
|
}
|
|
|
|
popover label {
|
|
margin-right: 0.5em;
|
|
}
|
|
popover modelbutton:hover label,
|
|
popover modelbutton:hover {
|
|
background-color: @accent-color;
|
|
color: @text-hl-color;
|
|
}
|
|
/** end ****************************************************************************************/
|
|
|
|
/*** Switch ***********************************************************************************/
|
|
switch {
|
|
min-height: 2.333333333333333333em;
|
|
min-width: 11em;
|
|
margin: 0 0.19em;
|
|
padding: 0;
|
|
border-radius: 0.2em;
|
|
background-image: none;
|
|
border: 0.083333333333333333em solid @bg-entry-border;
|
|
background-color: @bg-scale-entry;
|
|
margin-bottom: 0.5em;
|
|
}
|
|
|
|
switch slider {
|
|
background-color: shade (@bg-light-grey, .85);
|
|
background-image: linear-gradient(to bottom, rgba(125,125,125,.4), rgba(60,60,60,.4));
|
|
border: 0.083333333333333333em solid @bg-entry-border;
|
|
box-shadow: inset 0 0.083333333333333333em rgba(242, 242, 242, 0.1);
|
|
border-radius: 0.2em 0 0 0.2em;
|
|
|
|
/* Needed to cover the total switch */
|
|
margin: -0.083333333333333333em;
|
|
padding: 0.083333333333333333em;
|
|
}
|
|
switch:checked slider{
|
|
border-radius: 0 0.2em 0.2em 0;
|
|
}
|
|
|
|
switch:hover slider {
|
|
background-color: shade (@bg-light-grey, .65);
|
|
background-image: linear-gradient(to bottom, rgba(125,125,125,.4), rgba(60,60,60,.4));
|
|
}
|
|
|
|
switch:checked {
|
|
background-color: @accent-color2;
|
|
color: @headline-big;
|
|
}
|
|
|
|
switch:disabled:not(:checked) {
|
|
box-shadow: none;
|
|
background-image: none;
|
|
background-color: shade (@bg-light-grey, .85);
|
|
}
|
|
|
|
|
|
/** end ****************************************************************************************/
|
|
|
|
/*** Buttons ***********************************************************************************/
|
|
button,
|
|
#BeforeAfterContainer button {
|
|
min-height: 1.666666666666666666em;
|
|
min-width: 1.666666666666666666em;/*x*/
|
|
margin: 0.125em;
|
|
border-radius: 0.2em;
|
|
border: 0.083333333333333333em solid @bg-button-border;
|
|
background-color: transparent;
|
|
box-shadow: inset 0 0.083333333333333333em rgba(242, 242, 242, 0.1);
|
|
background-image: linear-gradient(to bottom, rgba(100,100,100,.3), rgba(30,30,30,.3));
|
|
}
|
|
button.flat {
|
|
border: 0.083333333333333333em solid transparent;
|
|
box-shadow: none;
|
|
background-image: none;
|
|
background-color: transparent;
|
|
}
|
|
|
|
button.flat:hover,
|
|
button:hover,
|
|
#BeforeAfterContainer button:hover,
|
|
#FileBrowserQueryToolbar entry + button.flat:hover,
|
|
#FileBrowserIconToolbar entry + button.flat:hover {
|
|
border-color: @bg-button-border;
|
|
box-shadow: inset 0 0.083333333333333333em 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;
|
|
}
|
|
.curve-mainbox .curve-buttonbox button.flat:hover,
|
|
#ToolPanelNotebook > stack > box > box button:hover,
|
|
#MainNotebook > header tab #CloseButton:hover,
|
|
#MainNotebook > header > grid > button:hover {
|
|
background-color: alpha(@bg-grey, 0.6);
|
|
border-color: shade(@bg-dark-grey, 0.6);
|
|
box-shadow: inset 0 0.1em rgba(242, 242, 242, 0.12);
|
|
}
|
|
|
|
button.flat:active,
|
|
button.flat:checked,
|
|
button:active,
|
|
button:checked,
|
|
#BeforeAfterContainer button:checked,
|
|
#FileBrowserQueryToolbar entry + button.flat:active,
|
|
#FileBrowserIconToolbar entry + button.flat:active {
|
|
border-color: @bg-button-border;
|
|
box-shadow: inset 0 0.1em 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;
|
|
}
|
|
.curve-mainbox .curve-buttonbox button.flat:active,
|
|
.curve-mainbox .curve-buttonbox button.flat:checked,
|
|
#ToolPanelNotebook > stack > box > box button:active,
|
|
#MainNotebook > header tab #CloseButton:active,
|
|
#MainNotebook > header > grid > button:active {
|
|
background-color: alpha(@bg-light-grey, 0.8);
|
|
border-color: shade(@bg-dark-grey, 0.6);
|
|
box-shadow: inset 0 0.1em rgba(242, 242, 242, 0.15);
|
|
}
|
|
|
|
/* Combobox */
|
|
button.combo {
|
|
padding: 0 0 0 0.25em;
|
|
}
|
|
combobox entry.combo + button.combo {
|
|
min-width: 1em;
|
|
margin-left: 0;
|
|
padding: 0;
|
|
border-top-left-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
border-left: none;
|
|
}
|
|
#WB-Size-Helper button.combo {
|
|
min-width: 0;
|
|
margin: 0;
|
|
}
|
|
#WB-Size-Helper {
|
|
min-width: 3.5em;
|
|
margin: 0.125em;
|
|
}
|
|
|
|
combobox arrow {
|
|
margin-right: 0.083333333333333333em;
|
|
}
|
|
|
|
combobox entry.combo + button.combo arrow {
|
|
margin-right: 0;
|
|
}
|
|
|
|
#PlacesPaned button.combo {
|
|
margin: 0;
|
|
}
|
|
#PlacesPaned combobox {
|
|
margin-bottom: calc(0.416666666666666666em - 8px);
|
|
}
|
|
|
|
#ProfilePanel combobox {
|
|
margin-right: -2px;
|
|
}
|
|
|
|
/* Misc */
|
|
button label {
|
|
margin: 0 0.416666666666666666em;
|
|
}
|
|
button image:not(.dummy),
|
|
#MyExpander button image:not(.dummy) {
|
|
margin: 0;
|
|
}
|
|
#MyFileChooserButton label {
|
|
margin: 0 0 0 0.416666666666666666em;
|
|
}
|
|
#MyFileChooserButton image:not(.dummy):last-child {
|
|
margin: 0 0.416666666666666666em 0 0;
|
|
min-width: 1.333333333333333333em;
|
|
opacity: 0.85;
|
|
}
|
|
#MetaPanelNotebook button + button:last-child {
|
|
margin-right: 0;
|
|
}
|
|
#MetaPanelNotebook scrolledwindow + grid > button:first-child,
|
|
#MetaPanelNotebook scrolledwindow + grid + grid > button:first-child {
|
|
margin-left: 0;
|
|
}
|
|
#MetaPanelNotebook scrolledwindow + grid > button:last-child,
|
|
#MetaPanelNotebook scrolledwindow + grid + grid > button:last-child {
|
|
margin-right: 0;
|
|
}
|
|
|
|
#ProfilePanel > grid {
|
|
margin-bottom: calc(0.416666666666666666em -2px);
|
|
}
|
|
|
|
/* Reset button */
|
|
scale + button.flat,
|
|
spinbutton + button.flat,
|
|
scale + image + image + button.flat {
|
|
min-height: 1.333333333333333333em;
|
|
margin-top:0.095em;
|
|
margin-bottom: 0.095em;
|
|
}
|
|
|
|
/* Color chooser & buttons */
|
|
button.color {
|
|
min-width: 3.25em;
|
|
box-shadow: none;
|
|
background-image: none;
|
|
background-color: transparent;
|
|
}
|
|
|
|
button.color colorswatch {
|
|
min-height: 0;
|
|
min-width: 0;
|
|
margin: 1px;
|
|
border-radius: 0.2em;
|
|
}
|
|
|
|
colorchooser colorswatch {
|
|
border: 1px solid @bg-button-border;
|
|
}
|
|
colorchooser colorswatch#add-color-button:first-child {
|
|
border-radius: 5.5px 0 0 5.5px;
|
|
}
|
|
|
|
/* Font chooser button */
|
|
button.font label{
|
|
min-height: 0;
|
|
min-width: 0;
|
|
margin: 0 0.19em;
|
|
}
|
|
|
|
/* Save, Cancel, OK ... buttons */
|
|
dialog .dialog-action-area button {
|
|
min-height: 2.166666666666666666em;
|
|
margin: 0.5em 0 0 0.333333333333333333em;
|
|
padding: 0;
|
|
}
|
|
messagedialog .dialog-action-area button {
|
|
min-height: 1.833333333333333333em;
|
|
margin: -12px 0.5em 0.5em;
|
|
padding: 0;
|
|
}
|
|
messagedialog .dialog-action-area button:not(:only-child):nth-child(1) {
|
|
margin-right: 0.25em;
|
|
}
|
|
messagedialog .dialog-action-area button:not(:only-child):nth-child(2) {
|
|
margin-left: 0.25em;
|
|
}
|
|
|
|
/* Big tool buttons */
|
|
#ToolBarPanelFileBrowser button,
|
|
#EditorTopPanel button,
|
|
#IopsPanel button,
|
|
#ProfilePanel button,
|
|
#MainNotebook > header > grid > button,
|
|
#MyExpander button.independent.toggle:not(.image-button):not(.text-button):first-child:only-child, /* Graduated filter big button */
|
|
.curve-mainbox .curve-buttonbox button.flat,
|
|
#BatchQueueButtonsMainContainer + grid + box button,
|
|
#RightNotebook > stack > scrolledwindow:last-child button.image-button, /* Fast Export */
|
|
#MetaPanelNotebook scrolledwindow + grid > button,
|
|
#MetaPanelNotebook scrolledwindow + grid + grid > button {
|
|
min-height: 2.333333333333333333em;
|
|
min-width: 2.333333333333333333em;
|
|
margin: 0 0.125em;
|
|
}
|
|
#ToolBarPanelFileBrowser > button:first-child,
|
|
#EditorTopPanel > button:first-child,
|
|
#IopsPanel > button:nth-child(6),
|
|
#ProfilePanel > grid > button:first-child {
|
|
margin-left: 0;
|
|
}
|
|
#ToolBarPanelFileBrowser > button:last-child,
|
|
#ToolBarPanelFileBrowser > box:last-child > button:last-child,
|
|
#EditorTopPanel > button:last-child,
|
|
#EditorTopPanel > box:last-child > button:last-child,
|
|
#IopsPanel > button:last-child,
|
|
#ProfilePanel > grid > button:last-child,
|
|
#BatchQueueButtonsMainContainer + grid + box button {
|
|
margin-right: 0;
|
|
}
|
|
#MyExpander button.independent.toggle:not(.image-button):not(.text-button):first-child:only-child, /* Graduated filter button */
|
|
#MetaPanelNotebook scrolledwindow + grid > button,
|
|
#MetaPanelNotebook scrolledwindow + grid + grid > button {
|
|
margin: 0.125em;
|
|
}
|
|
|
|
#EditorTopPanel button.narrowbutton {
|
|
min-width: 0;
|
|
padding: 0 0.13em;
|
|
}
|
|
|
|
#EditorTopPanel button.narrowbutton image{
|
|
min-width: 0.833333333333333333em;
|
|
}
|
|
|
|
/* Image close button */
|
|
#MainNotebook > header tab #CloseButton {
|
|
padding: 0.166666666666666666em;
|
|
margin: 0.333333333333333333em 0 0.5em 0.19em;
|
|
min-width: 0;
|
|
min-height: 0;
|
|
}
|
|
|
|
/* Filter buttons*/
|
|
#ToolBarPanelFileBrowser .smallbuttonbox {
|
|
min-height: 1.166666666666666666em;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
#ToolBarPanelFileBrowser .smallbuttonbox:nth-child(2) {
|
|
margin-top: 0.166666666666666666em;
|
|
margin-bottom: -0.166666666666666666em;
|
|
}
|
|
#ToolBarPanelFileBrowser .smallbuttonbox button.smallbutton image {
|
|
margin: -1em;
|
|
padding: 0;
|
|
min-width: 0;
|
|
min-height: 0;
|
|
}
|
|
#ToolBarPanelFileBrowser .smallbuttonbox button.smallbutton {
|
|
min-height: 0;
|
|
min-width: 1.166666666666666666em;
|
|
padding: 0;
|
|
margin: 0 0.25em;
|
|
border: none;
|
|
border-radius: 0;
|
|
background-color: transparent;
|
|
background-image: none;
|
|
box-shadow: none;
|
|
}
|
|
#FileBrowser #ToolBarPanelFileBrowser box:nth-child(7) > box.smallbuttonbox > button.smallbutton:checked,
|
|
#EditorLeftPaned #ToolBarPanelFileBrowser box:nth-child(5) > box.smallbuttonbox > button.smallbutton:checked {
|
|
background-image: image(rgba(30,30,30,.3));
|
|
background-color: @bg-button-active;
|
|
}
|
|
|
|
/* Arrow toggle combo button */
|
|
#IopsPanel .image-combo button.Right,
|
|
#MyExpander .image-combo button.Right {
|
|
border-left: none;
|
|
margin-left: 0;
|
|
padding: 0;
|
|
border-top-left-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
min-width: 1.333333333333333333em;
|
|
}
|
|
#IopsPanel .image-combo button.Right image,
|
|
#MyExpander .image-combo button.Right image {
|
|
margin: 0 -0.083333333333333333em;
|
|
}
|
|
#IopsPanel .image-combo button.Left,
|
|
#MyExpander .image-combo button.Left {
|
|
border-top-right-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
min-width: 2.5em;
|
|
margin-right: 0;
|
|
}
|
|
#MyExpander .image-combo button.Left {
|
|
min-width: 2.75em;
|
|
}
|
|
#MyExpander .image-combo button.Left label {
|
|
margin-right: 0;
|
|
}
|
|
|
|
/* Search & Query buttons */
|
|
#FileBrowserQueryToolbar entry + button.flat,
|
|
#FileBrowserIconToolbar entry + button.flat {
|
|
min-height: 1.666666666666666666em;/*x*/
|
|
min-width: 1.666666666666666666em;/*x*/
|
|
margin: 0;
|
|
border-radius: 0 0.2em 0.2em 0;
|
|
box-shadow: inset 0 0.1em rgba(0, 0, 0, 0.1), inset -0.1em -0.1em rgba(230, 230, 230, 0.07);
|
|
border: 0.083333333333333333em solid @bg-entry-border;
|
|
background-color: @bg-scale-entry;
|
|
padding: 0;
|
|
}
|
|
#FileBrowserQueryToolbar entry + button.flat:not(:hover):not(:active),
|
|
#FileBrowserIconToolbar entry + button.flat:not(:hover):not(:active) {
|
|
border-left: none;
|
|
padding-left: 0.083333333333333333em;
|
|
}
|
|
#FileBrowserIconToolbar box > entry + button.flat {
|
|
margin-top: 0.416666666666666666em;
|
|
margin-bottom: 0.416666666666666666em;
|
|
min-height: 0;
|
|
}
|
|
|
|
/* Small Lock Button */
|
|
#BeforeAfterContainer button {
|
|
min-height: 2em;
|
|
min-width: 2em;
|
|
margin: 0.25em 0.25em 0.25em 0;
|
|
padding: 0;
|
|
border-radius: 0.2em;
|
|
border: 0.083333333333333333em solid @bg-button-border;
|
|
background-color: transparent;
|
|
box-shadow: inset 0 0.083333333333333333em rgba(242, 242, 242, 0.1);
|
|
background-image: linear-gradient(to bottom, rgba(100,100,100,.3), rgba(30,30,30,.3));
|
|
}
|
|
#BeforeAfterContainer button image{
|
|
margin: 0 0 0 0.083333333333333333em;
|
|
}
|
|
#BeforeAfterContainer button:checked image{
|
|
margin: 0.083333333333333333em -0.166666666666666666em 0.083333333333333333em 0.25em;
|
|
}
|
|
|
|
/* Snapshot & Places buttons */
|
|
#Snapshots button,
|
|
#PlacesPaned > box:nth-child(1) scrolledwindow + grid > button {
|
|
margin: 0;
|
|
padding: 0;
|
|
background-color: transparent;
|
|
background-image: none;
|
|
border: 0.083333333333333333em solid @bg-dark-grey;
|
|
border-radius: 0;
|
|
box-shadow: none;
|
|
min-height: 1.666666666666666666em;/*x*/
|
|
}
|
|
|
|
#Snapshots button:hover,
|
|
#PlacesPaned > box:nth-child(1) scrolledwindow + grid > button:hover {
|
|
background-color: @bg-list-hover;
|
|
}
|
|
#Snapshots button:active,
|
|
#PlacesPaned > box:nth-child(1) scrolledwindow + grid > button:active {
|
|
background-color: shade(@bg-list-hover, 1.15);
|
|
}
|
|
/**/
|
|
|
|
|
|
/* View & Filechooser Buttons */
|
|
.view button {
|
|
background-color: @bg-dark-grey;
|
|
background-image: none;
|
|
box-shadow: none;
|
|
min-height: 2em;
|
|
min-width: 1.333333333333333333em;
|
|
padding: 0 0.19em;
|
|
margin: 0;
|
|
}
|
|
#pathbarbox button {
|
|
min-width: 2em;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
window treeview > header image {
|
|
min-width: 1.333333333333333333em;
|
|
}
|
|
|
|
window .view button {
|
|
border: none;
|
|
border-bottom: 0.083333333333333333em solid @view-grid-border;
|
|
}
|
|
dialog .view button {
|
|
border: 0.083333333333333333em solid @border-color;
|
|
}
|
|
|
|
.view button:checked,
|
|
.view button:hover:not(:active) {
|
|
background-image: none;
|
|
background-color: @bg-list-hover;
|
|
}
|
|
.view button:checked label,
|
|
.view button:hover:not(:active) label {
|
|
color: @headline-hl;
|
|
}
|
|
|
|
.view header button:not(:first-child):not(:only-child),
|
|
.path-bar button:not(:first-child):not(:only-child) {
|
|
border-left: none;
|
|
}
|
|
.view header button,
|
|
.path-bar button {
|
|
border-radius: 0;
|
|
}
|
|
|
|
.path-bar button:first-child {
|
|
border-top-left-radius: 0.2em;
|
|
border-bottom-left-radius: 0.2em;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.path-bar button:last-child {
|
|
border-top-right-radius: 0.2em;
|
|
border-bottom-right-radius: 0.2em;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
#pathbarbox button:not(:first-child):not(:last-child) label {
|
|
margin: 0 0.5em;
|
|
}
|
|
|
|
#pathbarbox button:not(:first-child):not(:last-child) image {
|
|
margin: 0 0 0 0.5em;
|
|
min-width: 1.333333333333333333em;
|
|
}
|
|
/**/
|
|
|
|
/* Popover Filechooser (Create folder) */
|
|
popover button.text-button {
|
|
background-color: @bg-dark-grey;
|
|
background-image: none;
|
|
border: 0.083333333333333333em solid @border-color;
|
|
box-shadow: none;
|
|
background-image: none;
|
|
padding: 0 0.666666666666666666em;
|
|
}
|
|
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;
|
|
}
|
|
/**/
|
|
|
|
/*** end ***************************************************************************************/
|
|
|
|
/*** Checkbox & Radio **************************************************************************/
|
|
checkbutton,
|
|
radiobutton {
|
|
padding: 0.083333333333333333em 0;
|
|
margin: 0.125em;
|
|
min-height: 1.666666666666666666em;/*x*/
|
|
}
|
|
|
|
check,
|
|
radio {
|
|
border: 0.105em solid shade(@text-color, 0.95);
|
|
background-image: none;
|
|
background-color: transparent;
|
|
margin: 0;
|
|
padding: 0;
|
|
min-height: 1.166666666666666666em;
|
|
min-width: 1.166666666666666666em;
|
|
box-shadow: none;
|
|
background-repeat: no-repeat;
|
|
color: shade(@text-color, 0.95);
|
|
}
|
|
check {
|
|
border-radius: 0.166666666666666666em;
|
|
}
|
|
|
|
radio{
|
|
border-radius: 1.166666666666666666em;
|
|
}
|
|
check:disabled,
|
|
radio:disabled {
|
|
border-color: @fg-disabled;
|
|
}
|
|
|
|
radiobutton label,
|
|
checkbutton label {
|
|
margin: 0 0.583333333333333333em 0 0.416666666666666666em;
|
|
padding: 0;
|
|
}
|
|
|
|
frame > checkbutton check{
|
|
margin-left: 0.5em;
|
|
}
|
|
|
|
#PartialPaste checkbutton {
|
|
padding: 0;
|
|
margin: 0 0 0 0.583333333333333333em;
|
|
}
|
|
#PartialPaste checkbutton:not(#PartialPasteHeader) {
|
|
margin: 0 0 0 1.125em;
|
|
}
|
|
|
|
/*** end ***************************************************************************************/
|
|
|
|
/*** Entry & Spinbutton ************************************************************************/
|
|
#MyExpander entry,
|
|
entry,
|
|
spinbutton {
|
|
margin: 0.125em;
|
|
padding: 0 0.333333333333333333em;
|
|
min-height: 1.666666666666666666em;/*x*/
|
|
min-width: 0;
|
|
border-radius: 0.2em;
|
|
box-shadow: inset 0.1em 0.1em rgba(0, 0, 0, 0.1), inset -0.1em -0.1em rgba(230, 230, 230, 0.07);
|
|
border: 0.083333333333333333em solid @bg-entry-border;
|
|
background-color: @bg-scale-entry;
|
|
}
|
|
#FileBrowserQueryToolbar entry,
|
|
#FileBrowserIconToolbar entry {
|
|
margin: 0;
|
|
border-right: none;
|
|
border-top-right-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
box-shadow: inset 0.1em 0.1em rgba(0, 0, 0, 0.1), inset 0 -0.1em rgba(230, 230, 230, 0.07);
|
|
}
|
|
|
|
#FileBrowserIconToolbar box > entry {
|
|
margin-top: 0.416666666666666666em;
|
|
margin-bottom: 0.416666666666666666em;
|
|
margin-left: 0.19em;
|
|
min-height: 0;
|
|
}
|
|
#FileBrowserQueryToolbar box + box > label + entry {
|
|
margin-left: 0.19em;
|
|
}
|
|
spinbutton {
|
|
padding: 0;
|
|
}
|
|
|
|
#MyExpander spinbutton {
|
|
margin: 0.125em;
|
|
padding: 0;
|
|
min-height: 1.333333333333333333em;
|
|
min-width: 0;
|
|
border-top-left-radius: 1.833333333333333333em;
|
|
border-bottom-left-radius: 1.833333333333333333em;
|
|
background-color: @bg-tb-spinbutton;
|
|
border: 0.083333333333333333em solid @bg-button-border;
|
|
color: @text-tbEntry;
|
|
box-shadow: inset 0.1em 0.1em rgba(0, 0, 0, .1), inset -0.1em -0.1em rgba(250, 250, 250, .08);
|
|
}
|
|
/* Needed for Reset & and Auto button height*/
|
|
#MyExpander button + label + spinbutton {
|
|
margin-top: 0.25em;
|
|
margin-bottom: 0.25em;
|
|
}
|
|
#MyExpander checkbutton + label + spinbutton {
|
|
margin-top: 0.333333333333333333em;
|
|
margin-bottom: 0.333333333333333333em;
|
|
}
|
|
/**/
|
|
|
|
#MyExpander spinbutton button,
|
|
spinbutton button {
|
|
padding: 0;
|
|
margin: 0;
|
|
min-height: 1.333333333333333333em;
|
|
min-width: 1.666666666666666666em;
|
|
background-image: none;
|
|
background-color: transparent;
|
|
border: none;
|
|
border-radius: 0;
|
|
box-shadow: none;
|
|
}
|
|
#MyExpander spinbutton button {
|
|
margin: -1px 0;
|
|
min-width: 1.333333333333333333em;
|
|
}
|
|
|
|
#MyExpander spinbutton entry,
|
|
spinbutton entry {
|
|
padding: 0 0.333333333333333333em;
|
|
margin: 0;
|
|
min-height: 0;
|
|
min-width: 0;
|
|
box-shadow: none;
|
|
border: none;
|
|
background-color: transparent;
|
|
}
|
|
#MyExpander spinbutton entry {
|
|
padding: 0 0.333333333333333333em 0 0.833333333333333333em;
|
|
}
|
|
|
|
#MyExpander spinbutton button:hover,
|
|
spinbutton button:hover {
|
|
background-color: rgba(0,0,0,0.3);
|
|
background-image: none;
|
|
border: none;
|
|
box-shadow: none;
|
|
}
|
|
#MyExpander spinbutton button:active,
|
|
spinbutton button:active {
|
|
background-color: rgba(0,0,0,0.5);
|
|
background-image: none;
|
|
border: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
#MyExpander entry:disabled,
|
|
entry :disabled {
|
|
color: rgb(144,144,144);
|
|
}
|
|
|
|
#MyExpander spinbutton:disabled,
|
|
spinbutton:disabled {
|
|
background-color: 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 -2px;
|
|
border: 0.083333333333333333em solid @accent-color;
|
|
box-shadow: none;
|
|
}
|
|
/* end*/
|
|
|
|
/*** end ***************************************************************************************/
|
|
|
|
/* Curves **************************************************************************************/
|
|
.curve-mainbox {
|
|
margin: 0.19em;
|
|
border: 0.083333333333333333em solid @border-color;
|
|
}
|
|
.curve-mainbox .curve-curvebox {
|
|
margin: 0;
|
|
padding: 0.416666666666666666em;
|
|
background-color: @bg-dark-grey;
|
|
}
|
|
.curve-mainbox .curve-spinbuttonbox {
|
|
margin: 0;
|
|
padding: 0.25em;
|
|
border-top: 0.083333333333333333em solid @border-color;
|
|
background-color: @bg-dark-grey;
|
|
}
|
|
.curve-mainbox .curve-sliderbox {
|
|
margin: 0;
|
|
padding: 0.25em;
|
|
background-color: @bg-grey;
|
|
border-top: 0.083333333333333333em solid @border-color;
|
|
}
|
|
.curve-mainbox .curve-buttonbox {
|
|
padding: 0.25em;
|
|
background-color: @bg-dark-grey;
|
|
}
|
|
.curve-mainbox.left .curve-buttonbox {
|
|
border-right: 0.083333333333333333em solid @border-color;
|
|
}
|
|
.curve-mainbox.right .curve-buttonbox {
|
|
border-left: 0.083333333333333333em solid @border-color;
|
|
}
|
|
.curve-mainbox.top .curve-buttonbox {
|
|
border-bottom: 0.083333333333333333em solid @border-color;
|
|
}
|
|
.curve-mainbox.bottom .curve-buttonbox {
|
|
border-top: 0.083333333333333333em solid @border-color;
|
|
}
|
|
.curve-mainbox .curve-buttonbox button.flat {
|
|
margin: 0.095em;
|
|
}
|
|
/*** end ***************************************************************************************/
|
|
|
|
/*** Window Layout *****************************************************************************/
|
|
.csd:not(.popup):not(tooltip) > decoration {
|
|
background-color: @winHeaderbar;
|
|
background-image: none;
|
|
border-radius: 0.416666666666666666em 0.416666666666666666em 0 0;
|
|
border: none;
|
|
padding: 0;
|
|
box-shadow: 0 0.25em 0.75em 0.083333333333333333em rgba(0, 0, 0, 0.5), 0 0 0 0.083333333333333333em @bg-dark-grey;
|
|
margin: 0.833333333333333333em;
|
|
}
|
|
headerbar {
|
|
background-color: shade(@winHeaderbar,1.12);
|
|
box-shadow: inset 0 0.083333333333333333em rgba(200,200,200,.13);
|
|
background-image: linear-gradient(shade(@winHeaderbar,1.14), shade(@winHeaderbar,.86));
|
|
border-bottom: 0.083333333333333333em solid @bg-dark-grey;
|
|
border-radius: 0.416666666666666666em 0.416666666666666666em 0 0;
|
|
min-height: 2em;
|
|
padding: 0.083333333333333333em 0.416666666666666666em 0;
|
|
margin: 0;
|
|
}
|
|
headerbar .title{
|
|
color: @winTitle;
|
|
}
|
|
|
|
/* Window state */
|
|
.maximized > headerbar {
|
|
border-radius: 0;
|
|
}
|
|
/**/
|
|
|
|
/* Window in background */
|
|
.csd:not(.popup):not(tooltip) > decoration:backdrop {
|
|
box-shadow: 0 0.25em 0.75em 0.083333333333333333em rgba(0, 0, 0, 0.3), 0 0 0 0.083333333333333333em @bg-dark-grey;
|
|
}
|
|
headerbar:backdrop {
|
|
box-shadow: none;
|
|
background-image: none;
|
|
}
|
|
headerbar .title:backdrop {
|
|
color: alpha(@winTitle,.60);
|
|
}
|
|
/* Titlebar buttons*/
|
|
|
|
headerbar button.titlebutton image {
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
headerbar button.titlebutton {
|
|
margin: 0 0 0 0.333333333333333333em;
|
|
background-image: none;
|
|
border: 0.083333333333333333em solid transparent;
|
|
background-color: transparent;
|
|
box-shadow: none;
|
|
min-width: 1.5em;
|
|
min-height: 1.5em;
|
|
padding: 0;
|
|
}
|
|
messagedialog headerbar button.titlebutton {
|
|
min-width: 1.25em;
|
|
min-height: 1.25em;
|
|
margin: 0;
|
|
}
|
|
headerbar button.titlebutton:hover{
|
|
border-color: rgba(0,0,0,.8);
|
|
box-shadow: inset 0 0.083333333333333333em 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);
|
|
}
|
|
headerbar button.titlebutton:active{
|
|
border-color: rgba(0,0,0,.8);
|
|
box-shadow: inset 0 0.083333333333333333em 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);
|
|
}
|
|
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 0.083333333333333333em rgba(242, 242, 242, 0.32);
|
|
}
|
|
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 0.083333333333333333em rgba(242, 242, 242, 0.4);
|
|
}
|
|
/*** end ***************************************************************************************/
|