123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356 |
- /*
- This file is part of RawTherapee.
- Copyright (c) 2015-2017 DrSlony
- Copyright (c) 2016-2019 Hombre
- Copyright (c) 2016-2019 TooWaBoo
- RawTherapee is free software: you can redistribute it and/or modify
- it under the terms of the GNU General Public License as published by
- the Free Software Foundation, either version 3 of the License, or
- (at your option) any later version.
- RawTherapee is distributed in the hope that it will be useful,
- but WITHOUT ANY WARRANTY; without even the implied warranty of
- MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- GNU General Public License for more details.
- You should have received a copy of the GNU General Public License
- along with RawTherapee. If not, see <https://www.gnu.org/licenses/>.
- */
- /***************************/
- /**/ @import "size.css"; /**/
- /***************************/
- /* text-shadow causes a serious performance degradation in rendering the UI,
- * at least in comboboxes with many entries (i.e. Profiled Lens Correction).
- */
- * {
- color: #AAAAAA;
- text-shadow: none;
- }
- *:disabled {
- color: #666666;
- opacity: 0.7;
- }
- .view:selected:not(check):not(radio) {
- color: #262626;
- background-color: #AAAAAA
- }
- /* The Places and Dir browser panels */
- textview.view, treeview.view {
- padding: 0;
- margin: 0;
- }
- .view, .textview, textview, textview.view {
- background-color: #262626;
- }
- /* The headers of these panels */
- .view .button {
- background-color: #363636;
- /*padding: 0.1666666666666666em;*/
- }
- window > box {
- padding: 0.416666666666666666em;
- }
- window.background {
- background-color: #484848;
- }
- /*** Window decoration *********************************************************/
- @define-color winHeaderbar rgb(50,50,50);
- .csd:not(.popup):not(tooltip) > decoration {
- background-color: #484848;
- background-image: none;
- box-shadow: 0 0.25em 0.75em 0.083333333333333333em rgba(0, 0, 0, 0.5), 0 0 0 0.083333333333333333em #242424;
- }
- headerbar {
- background-color: shade(@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-color: #242424;
- }
- dialog > box {
- padding: 0.666666666666666666em;
- }
- dialog.csd #PrefNotebook > header,
- dialog.csd #AboutNotebook > header,
- window.csd:not(.fullscreen) #MainNotebook > header.top {
- border-top-color: #484848;
- }
- /* Window state */
- .maximized > headerbar {
- border-radius: 0;
- }
- /**/
- /*** End Window decoration *****************************************************/
- arrow {
- min-width: 1.333333333333333333em;
- min-height: 1.333333333333333333em;
- }
- cellview {
- margin: -1px 0;
- }
- overshoot,
- undershoot {
- background-image: none; /* removes the dashed scrollbar line */
- }
- dialog.background {
- background-color: #484848;
- }
- box, grid {
- border-width: 0;
- border-style: none;
- border-radius: 0;
- margin: 0.083333333333333333em;
- padding: 0;
- min-height: 0.4166666666666666em;
- min-width: 0.4166666666666666em;
- }
- label {
- padding: 0.083333333333333333em 0;
- margin: 0.19em;
- min-height: 1.333333333333333333em;
- }
- /* Affects all frames except in the toolbox */
- frame {
- border-width: 0;
- border-color: #303030;
- border-radius: 0;
- border-style: solid;
- /*border-style: none none none solid;*/
- padding: 0;
- margin: 0;
- background-color: rgba(0,0,0,0.);
- min-height: 0;
- min-width: 0;
- }
- /* Create space between frame contents and frame border */
- frame border {
- border-width: 0.083333333333333333em;
- padding: 0.3333333333333333em;
- border-radius: 0.3333333333333333em;
- background-color: #383838;
- margin: 0;
- min-height: 0;
- min-width: 0;
- }
- frame > label {
- margin: 0 0 0 0.3333333333333333em;
- color: #D8D8D8;
- padding: 0.416666666666666666em 0;
- }
- /* affects selection list*/
- entry > window > frame {
- margin: 0;
- }
- tooltip {
- border-radius: 0.416666666666666666em;
- background-color: rgba(0,0,0,0.95);
- border-style: none;
- box-shadow: none;
- padding: 0;
- margin: 0;
- }
- treeview header button {
- background-image: linear-gradient(#343434, #2E2E2E, #292929);
- }
- /*** Separator *********************************************************************************/
- separator,
- .separator {
- border: none;
- min-width: 0.083333333333333333em;
- min-height: 0.083333333333333333em;
- }
- grid separator, box separator {
- background-color: rgba(0, 0, 0, 0.17);
- }
- grid separator.horizontal, box separator.horizontal {
- margin: 0.5em 0.25em;
- }
- grid separator.vertical, box separator.vertical {
- margin: 0.25em 0.5em;
- }
- popover separator:not(:only-child) {
- margin: 0 0.5em;
- }
- paned.horizontal > separator {
- margin: 0 0.16666666666666666em;
- }
- /* Double line separator */
- paned.vertical > separator {
- margin: 0.25em 0;
- }
- dialog paned.horizontal > separator {
- min-width: 0.333333333333333333em;
- }
- menu separator {
- margin: 0.25em 0.5em;
- }
- #Navigator separator {
- margin: 0;
- }
- .scrollableToolbar separator.vertical {
- margin: 0.19em;
- }
- #MyExpander separator.horizontal {
- margin: 0.25em 0.19em;
- }
- #MyFileChooserButton separator {
- }
- #PlacesPaned .view.separator {
- }
- #MetaPanelNotebook separator {
- margin: 0.19em 0;
- }
- /*** end****************************************************************************************/
- #FileBrowser {
- padding: 0.1666666666666666em;
- margin: 0;
- }
- #FileCatalog {
- background-color: #393939;
- }
- #FileCatalog:selected {
- background-color: #565656;
- }
- #BeforeAfterContainer frame {
- background-color: #262626;
- padding: 0;
- margin: 0.0833333333333333em;
- }
- #BeforeAfterContainer frame border {
- border-radius: 0;
- margin: 0;
- padding: 0;
- }
- /* Frames in the toolbox. Not MyExpander frames. */
- eventbox.frame {
- border-color: #565656;
- }
- /*** Load - Save dialog ************************************************************************/
- filechooser {
- margin-bottom: 0.25em;
- }
- filechooser box > box box > button {
- margin-top: 0.5em;
- margin-right: 0;
- }
- filechooser #pathbarbox {
- padding: 0.5em;
- }
- /* Right side */
- filechooser > box > paned > box:nth-child(3) {
- border-width: 0.083333333333333333em;
- padding: 0;
- margin: 0;
- }
- filechooser > box > paned > box:nth-child(3) > box > * > * > * > frame {
- padding: 0;
- margin: -0.6666666666666666em -0.083333333333333333em;
- }
- /**/
- filechooser placessidebar viewport.frame {
- padding: 0;
- margin: -0.3333333333333333em 0 -0.083333333333333333em;
- border-width: 0.083333333333333333em;
- }
- filechooser placessidebar list row image {
- min-width: 1.333333333333333333em;
- min-height: 1.333333333333333333em;
- }
- filechooser placessidebar list row {
- margin: 0;
- padding: 0 0.5em 0 0.83333333333333333em;
- min-height: calc(1.416666666666666666em + 8px);
- }
- filechooser placessidebar list row label{
- margin: 0 0 0 0.583333333333333333em;
- }
- /*** end ***************************************************************************************/
- /*** Scrollbar ***************************************/
- scrollbar {
- border: none;
- margin: 0;
- padding: 0;
- background-color: #303030;
- }
- scrollbar slider {
- padding: 0;
- margin: 0;
- background-color: #808080;
- }
- scrollbar slider:hover {
- background-color: #999999;
- }
- scrollbar:not(.overlay-indicator).horizontal {
- border-width: 0 0.083333333333333333em 0.083333333333333333em 0.083333333333333333em;
- }
- scrollbar:not(.overlay-indicator).vertical {
- border-width: 0.083333333333333333em 0.083333333333333333em 0.083333333333333333em 0;
- }
- scrollbar:not(.overlay-indicator).horizontal slider,
- scrollbar.horizontal.hovering slider {
- min-height: 0.5em;
- min-width: 2em;
- border-width: 0.25em;
- }
- scrollbar:not(.overlay-indicator).horizontal.fine-tune slider,
- scrollbar.horizontal.hovering.fine-tune slider {
- min-height: calc(0.5em - 2px);
- border-width: calc(0.25em + 1px);
- margin: 0 -1px;
- /*
- min-height: 0.3333333333333333em;
- border-width: 0.3333333333333333em;
- margin: 0 -0.0833333333333333em;
- */
- }
- scrollbar.horizontal.overlay-indicator:not(.hovering) slider {
- min-width: 2em;
- min-height: 0.25em;
- border-width: 0;
- border-radius: 0.25em;
- margin: 0.166666666666666666em 0.25em;
- /*margin: 0 0.1666666666666666em;*/
- }
- scrollbar:not(.overlay-indicator).vertical slider,
- scrollbar.vertical.hovering slider {
- min-height: 2em;
- min-width: 0.5em;
- border-width: 0.25em;
- }
- scrollbar:not(.overlay-indicator).vertical.fine-tune slider,
- scrollbar.vertical.hovering.fine-tune slider {
- min-width: calc(0.5em - 2px);
- border-width: calc(0.25em + 1px);
- margin: -0.0833333333333333em 0;
- /*
- min-width: 0.3333333333333333em;
- border-width: 0.3333333333333333em;
- margin: -0.0833333333333333em 0;
- */
- }
- scrollbar.vertical.overlay-indicator:not(.hovering) slider {
- min-width: 0.25em;
- min-height: 2em;
- border-width: 0;
- border-radius: 0.25em;
- margin: 0.1666666666666666em 0;
- /*margin: 0.25em 0.166666666666666666em;*/
- }
- /* Scrollbar stuck workaround */
- scrollbar:not(.overlay-indicator):hover {
- min-width: 1px;
- }
- /* Toolbar stuck workaround */
- .scrollableToolbar > scrollbar:not(.dummy),
- .scrollableToolbar > scrollbar:not(.dummy) > contents:not(.dummy),
- .scrollableToolbar > scrollbar:not(.dummy) > contents:not(.dummy) > trough:not(.dummy),
- .scrollableToolbar > scrollbar:not(.dummy) > contents:not(.dummy) > trough:not(.dummy) > slider:not(.dummy) {
- padding: 0;
- margin: 0;
- min-height: 0;
- min-width: 0;
- border: none;
- }
- /**************************************************/
- button {
- padding: 0;
- box-shadow: none;
- min-height: 0.4166666666666666em;
- min-width: 0.4166666666666666em;
- background-image: linear-gradient(to bottom, rgba(100,100,100,.3), rgba(30,30,30,.3));
- }
- button:disabled {
- opacity: 1;
- }
- button.flat {
- background-image: none;
- }
- button.flat:checked {
- background-image: linear-gradient(#343434, #2E2E2E, #292929);
- }
- checkbutton > check {
- background-image: linear-gradient(#343434, #2E2E2E, #292929);
- }
- radiobutton > radio {
- background-image: linear-gradient(#343434, #2E2E2E, #292929);
- }
- button.flat:hover, checkbutton:hover > check, radiobutton:hover > radio {
- background-image: linear-gradient(shade(#343434,1.3), shade(#2E2E2E,1.3), shade(#292929,1.3));
- }
- button.popupbutton-arrow {
- min-width: 1.5em;
- }
- button:hover {
- background-image: linear-gradient(to bottom, rgba(150,150,150,.3), rgba(80,80,80,.3));
- }
- button:active {
- background-image: linear-gradient(to bottom, rgba(30,30,30,.3), rgba(0,0,0,.3));
- }
- button:checked {
- background-image: linear-gradient(to bottom, rgba(30,30,30,.8), rgba(0,0,0,.8));
- }
- button:checked:hover {
- background-image: linear-gradient(to bottom, rgba(60,60,60,1), rgba(30,30,30,1));
- }
- /* Save, Cancel, OK ... buttons */
- .dialog-action-area button {
- min-height: 2em;
- margin-top: 0.5em;
- }
- /**/
- /*** Scale**************************************************************************************/
- scale {
- padding: 0;
- min-height: 0.4166666666666666em;
- margin: 0 0.5833333333333333em 0 0;
- }
- scale slider {
- /* Slider size is min-width x min-height ; margin have to be half of those values, but negative */
- min-width: 0;
- min-height: 0;
- margin: -0.583333333333333333em;
- padding: 0.583333333333333333em;
- border-radius: 1.166666666666666666em;
- border-width: 0.083333333333333333em;
- background-image: linear-gradient(#343434, #2E2E2E, #292929);
- }
- scale slider:hover {
- background-image: linear-gradient(#444444, #3E3E3E, #393939);
- }
- scale:disabled slider {
- background-image: none;
- background-color: #444;
- border-color: #282828;
- }
- scale trough {
- margin: 0.5em 0.5em; /* have to be half of "scale slider / min-width min-height" */
- min-height: 0.2em;
- min-width: 0.2em;
- padding: 0 0.583333333333333333em;
- border-width: 0.083333333333333333em;
- border-radius: 0.333333333333333333em;
- background-color: #2A2A2A;
- }
- scale:disabled trough {
- background-color: #444;
- border-color: #282828;
- }
- scale.color trough {
- border-width: 0.083333333333333333em;
- min-height: 0.333333333333333333em;
- min-width: 0.333333333333333333em;
- border-radius: 0;
- padding: 0;
- }
- scale trough highlight {
- border: none;
- margin: 0 -0.583333333333333333em;
- border-radius: 0.2em;
- min-height: 0;
- min-width: 0;
- padding: 0.1em 0.1em 0 0; /*height of trough */
- }
- scale.fine-tune trough highlight {
- padding: 0.5em 0.5em 0 0;
- border-radius: 0.5em;
- }
- /*** end ***************************************************************************************/
- /*.EditorTopPanel .button, .ToolBarPanelFileBrowser .button, .EditorZoomPanel .button {*/
- .button {
- padding: 0.0833333333333333em;
- margin: 0.0833333333333333em;
- padding: 0;
- min-height: 0.4166666666666666em;
- min-width: 0.4166666666666666em;
- border-radius: 0.25em;
- }
- /* Adjusters */
- .text-button {
- padding: 0;
- }
- /* Any text-button which is a real button, unlike Slider label */
- .text-button.button {
- padding: 0.3333333333333333em;
- }
- /* Better on/off state separation for text toggle buttons, e.g. auto-levels or histogram matching. */
- button.text-button.toggle {
- background-image: linear-gradient(to bottom, rgba(100,100,100,.3), rgba(30,30,30,.3));
- }
- button.text-button.toggle:hover {
- background-image: linear-gradient(to bottom, rgba(128,128,128,.3), rgba(64,64,64,.3));
- }
- button.text-button.toggle:checked {
- background-image: linear-gradient(to bottom, rgba(30,30,30,.3), rgba(0,0,0,.4));
- }
- button.text-button.toggle:hover:checked {
- background-image: linear-gradient(to bottom, rgba(48,48,48,.3), rgba(0,0,0,.3));
- }
- /* */
- .drawingarea {
- border-radius: 0;
- background-color: #2A2A2A;
- border: 0.0833333333333333em solid #1D1D1D;
- }
- .drawingarea:disabled {
- background-color: #444;
- border-color: #282828;
- }
- .drawingarea:selected {
- background-color: #565656;
- border-radius: 0.8333333333333333em;
- }
- image {
- padding: 0.0833333333333333em;
- }
- /* Vertical group of buttons in 1 column */
- button.Top {
- border-radius: 0.25em 0.25em 0 0;
- border-style: solid solid none solid;
- margin-bottom: 0;
- }
- button.MiddleV {
- border-radius: 0;
- border-style: none solid none solid;
- margin-top: 0;
- margin-bottom: 0;
- }
- button.Bottom {
- border-radius: 0 0 0.25em 0.25em;
- border-style: none solid solid solid;
- margin-top: 0;
- }
- /* end */
- /* Horizontal group of buttons in 1 row */
- #MetaPanelNotebook scrolledwindow + grid > button.Left,
- #MetaPanelNotebook scrolledwindow + grid + grid > button.Left,
- #ProfilePanel button.Left,
- button.Left {
- border-radius: 0.25em 0 0 0.25em;
- border-style: solid none solid solid;
- margin-right: 0;
- }
- #MetaPanelNotebook scrolledwindow + grid > button.MiddleH,
- #MetaPanelNotebook scrolledwindow + grid + grid > button.MiddleH,
- #ProfilePanel button.MiddleH,
- button.MiddleH {
- border-radius: 0;
- border-style: solid none solid none;
- margin-left: 0;
- margin-right: 0;
- }
- #MetaPanelNotebook scrolledwindow + grid > button.Right,
- #MetaPanelNotebook scrolledwindow + grid + grid > button.Right,
- #ProfilePanel button.Right,
- button.Right {
- border-radius: 0 0.25em 0.25em 0;
- border-style: solid solid solid none;
- margin-left: 0;
- }
- /* end */
- /* [1.23[-][+]] */
- entry, spinbutton {
- min-height: 0.8333333333333333em;
- background-color: #262626;
- border-radius: 0.2em;
- }
- spinbutton entry {
- padding-right: 0.25em;
- }
- spinbutton button {
- margin: 0;
- padding: 0;
- border-radius: 0;
- }
- spinbutton button.up {
- border-radius: 0 0.16666666666666666666em 0.16666666666666666666em 0;
- }
- entry:disabled, spinbutton:disabled {
- background-color: #363636;
- }
- entry:hover, spinbutton:hover {
- background-color: #565656;
- }
- entry:selected {
- color: #262626;
- background-color: #AAAAAA;
- }
- /* Context menus */
- menu {
- background-color: #262626;
- color: #909090;
- }
- /* Context menu item */
- menuitem {
- padding: 0.1666666666666666em;
- margin: 0;
- min-height: 0.8333333333333333em;
- }
- /* FlowBoxChild */
- flowboxchild:selected {
- background-color: inherit;
- }
- /*** Histogram *********************************************************************************/
- #HistogramPanel {
- min-height: 0;
- margin: 0;
- padding: 0;
- border: none;
- }
- #HistogramPanel > :nth-child(2) {
- border: none;
- border-left-width: 0.083333333333333333em;
- }
- #HistogramPanel > :nth-child(1) {
- border: none;
- }
- #EditorLeftPaned #HistogramPanel > :nth-child(1) {
- border: none;
- border-right-width: 0.083333333333333333em;
- }
- #EditorLeftPaned #HistogramPanel > :nth-child(2) {
- border: none;
- }
- #HistogramArea,
- #HistogramRGBArea {
- border-width: 0.083333333333333333em;
- }
- #histButton {
- padding: 0.25em 0.25em 0;
- margin: 0 0 -1px 0;
- min-height: 1.333333333333333333em;
- min-width: 1.333333333333333333em;
- }
- #histButton:last-child {
- padding-bottom: 0.25em;
- margin: 0;
- }
- /*** end ***************************************************************************************/
- #MyExpander {
- margin: 0;
- padding: 0;
- }
- #MyExpander.withScrollbar {
- margin-right: 0.25em;
- }
- /* Tool background */
- #ExpanderBox > box, #ExpanderBox > grid {
- background-color: #363636;
- border-width: 0.0833333333333333em;
- border-style: solid;
- border-radius: 0.3333333333333333em;
- border-color: #252525;
- margin: 0;
- padding: 0.25em;
- }
- #ExpanderBox drawingarea {
- background-color: #363636;
- }
- #ExpanderBox frame,
- #ExpanderBox2 frame,
- #ExpanderBox3 frame {
- padding: 0.1666666666666666em 0 0 0;
- border-style: none;
- }
- #ExpanderBox frame > border {
- background-color: #3B3B3B;
- border-style: solid;
- border-width: 0.0833333333333333em;
- border-radius: 0.3333333333333333em;
- border-color: #313131;
- margin: 0.25em;
- padding: 0.25em;
- }
- #ExpanderBox frame > label, #ExpanderBox frame frame > label,
- #ExpanderBox2 frame > label, #ExpanderBox2 frame frame > label,
- #ExpanderBox3 frame > label, #ExpanderBox3 frame frame > label {
- margin-left: 7pt;
- margin-top: 0;
- }
- #ExpanderBox frame > box, #ExpanderBox frame frame > box, #ExpanderBox frame > grid, #ExpanderBox frame frame > grid,
- #ExpanderBox2 frame > box, #ExpanderBox2 frame frame > box, #ExpanderBox2 frame > grid, #ExpanderBox2 frame frame > grid,
- #ExpanderBox3 frame > box, #ExpanderBox3 frame frame > box, #ExpanderBox3 frame > grid, #ExpanderBox3 frame frame > grid {
- margin: 0.1666666666666666em;
- }
- #ExpanderBox > box > checkbutton, #ExpanderBox > box > box, #ExpanderBox > grid > checkbutton, #ExpanderBox > box > grid, #ExpanderBox > grid > grid, #ExpanderBox frame > box > grid, #ExpanderBox frame > grid > grid, #ExpanderBox frame > grid > box,
- #ExpanderBox2 > box > checkbutton, #ExpanderBox2 > box > box, #ExpanderBox2 > grid > checkbutton, #ExpanderBox2 > box > grid, #ExpanderBox2 > grid > grid, #ExpanderBox2 frame > box > grid, #ExpanderBox2 frame > grid > grid, #ExpanderBox2 frame > grid > box,
- #ExpanderBox3 > box > checkbutton, #ExpanderBox3 > box > box, #ExpanderBox3 > grid > checkbutton, #ExpanderBox3 > box > grid, #ExpanderBox3 > grid > grid, #ExpanderBox3 frame > box > grid, #ExpanderBox3 frame > grid > grid, #ExpanderBox3 frame > grid > box {
- margin-top: 0.1666666666666666em;
- }
- #ExpanderBox frame drawingarea {
- background-color: #3B3B3B;
- }
- #ExpanderBox frame frame > border {
- background-color: #414141;
- border: 0.0833333333333333em solid #373737;
- border-radius: 0.3333333333333333em;
- margin: 0.25em;
- padding: 0.25em;
- }
- #ExpanderBox frame frame drawingarea {
- background-color: #414141;
- }
- /* Sub-tool (MyExpander) background */
- #ExpanderBox2 > box, #ExpanderBox2 > grid {
- background-color: #3B3B3B;
- border: 0.0833333333333333em solid #2A2A2A;
- border-radius: 0.3333333333333333em;
- margin: 0;
- padding: 0.25em;
- }
- #ExpanderBox2 drawingarea {
- background-color: #3B3B3B;
- }
- #ExpanderBox2 frame > border {
- background-color: #414141;
- border: 0.0833333333333333em solid #373737;
- border-radius: 0.3333333333333333em;
- margin: 0.25em;
- padding: 0.25em;
- }
- #ExpanderBox2 frame drawingarea {
- background-color: #414141;
- }
- #ExpanderBox2 frame frame > border {
- background-color: #474747;
- border: 0.0833333333333333em solid #3D3D3D;
- border-radius: 0.3333333333333333em;
- margin: 0.25em;
- padding: 0.25em;
- }
- #ExpanderBox2 frame frame drawingarea {
- background-color: #474747;
- }
- #MyExpanderTitle > box {
- margin: 0.1666666666666666em 0;
- padding: 0.1666666666666666em 0;
- }
- #MyExpanderTitle label {
- color: #CCCCCC;
- padding: 0;
- margin: 0 0.25em 0 0.25em;
- font-size: 1.1em;
- }
- #MyExpanderTitle:hover {
- background-color: #202020;
- }
- #MyExpanderTitle eventbox:hover image {
- background-color: #202020;
- border-radius: 0.25em;
- }
- #MyExpanderTitle:hover label {
- color: #D8D8D8;
- }
- #ExpanderBox2 separator, #ExpanderBox3 separator {
- color: #292929;
- }
- /* Editor tab button */
- #MainNotebook grid label, #MainNotebook grid image {
- padding: 0.0833333333333333em;
- }
- /* File Browser right side tabs - Toolbox, Inspector, Fast Export, Filter */
- notebook {
- padding: 0;
- margin: 0;
- border-style: none;
- }
- notebook header {
- box-shadow: none;
- background-color: #383838;
- border-width: 0.0833333333333333em;
- border-style: none;
- border-color: #262626;
- border-radius: 0;
- padding: 0.1666666666666666em;
- margin: 0;
- }
- notebook tabs {
- padding: 0.0833333333333333em;
- margin: 0;
- }
- notebook tab {
- padding: 0.0833333333333333em;
- margin: 0.1666666666666666em;
- min-height: 1.25em;
- min-width: 1.25em;
- }
- notebook tab:hover {
- background-color: #505050;
- }
- notebook tab button {
- padding: 0 0;
- margin: 0 0.25em;
- }
- /* Get rid of shitty notebook header shadow */
- notebook header.top {
- border-bottom-style: solid;
- padding-bottom: 0.25em;
- }
- notebook header.right {
- border-left-style: solid;
- padding-left: 0.25em;
- }
- notebook header.bottom {
- border-top-style: solid;
- padding-top: 0.25em;
- }
- notebook header.left {
- border-right-style: solid;
- padding-right: 0.25em;
- }
- notebook.frame {
- /* OK */
- border-radius: 0;
- border-style: none;
- }
- /* Pad notebooks, makes the other borders look nicer */
- notebook stack {
- /* OK */
- background-color: #484848;
- padding: 0;
- margin: 0;
- }
- paned box, paned grid {
- padding: 0;
- margin: 0;
- border-style: none;
- }
- paned > separator {
- border-width: 0.0833333333333333em 0.0833333333333333em 0 0;
- border-style: solid;
- border-color: #404040;
- padding: 0;
- margin: 0.3333333333333333em;
- }
- fontchooser scrolledwindow,
- #PlacesPaned scrolledwindow,
- #HistoryPanel scrolledwindow,
- #Snapshots scrolledwindow {
- border-width: 0.083333333333333333em;
- }
- #PlacesPaned {
- margin: 0;
- padding: 0 0.4166666666666666em 0 0;
- }
- #PlacesPaned > box:nth-child(1) scrolledwindow + grid {
- margin: 0;
- border-top-width: 0.083333333333333333em;
- }
- #PlacesPaned > box:nth-child(3) treeview {
- padding: 0;
- }
- #MainNotebook > header.left tab image {
- margin: 0.5em 0 0 0;
- }
- #MainNotebook > header.top tab image {
- margin: 0 0.5em 0 0;
- }
- #MainNotebook > header.left tab {
- margin: 0.5em 0 0.5em 0;
- }
- #MainNotebook > header.top tab {
- margin: 0 0.5em 0 0.5em;
- }
- #MainNotebook header {
- /* OK */
- background-color: #2A2A2A;
- border: 0;
- padding: 0;
- }
- #MainNotebook tabs {
- /* OK */
- background-color: #2A2A2A;
- }
- #MainNotebook tab:hover {
- /* OK */
- background-color: #505050;
- }
- #MainNotebook tab:active {
- /* OK */
- border-color: #989898;
- }
- #MainNotebook tab:checked {
- background-color: #505050;
- }
- #RightNotebook > stack > :nth-child(1) checkbutton + scrolledwindow {
- min-height: calc(6em + 43px);
- }
- #RightNotebook > stack > scrolledwindow frame,
- #BatchQueueButtonsMainContainer frame,
- #MyExpander frame,
- dialog frame {
- margin: 0;
- padding: 0.19em 0.583333333333333333em;
- }
- #RightNotebook > stack > scrolledwindow frame > border,
- #BatchQueueButtonsMainContainer > frame > border,
- #MyExpander frame > border,
- dialog frame > border {
- padding: 0 0.333333333333333333em 0.333333333333333333em;
- border-width: 0.083333333333333333em;
- margin: 0 -0.583333333333333333em;
- }
- #RightNotebook > stack > scrolledwindow frame > label:not(.dummy),
- #BatchQueueButtonsMainContainer frame > label:not(.dummy),
- #ToolPanelNotebook frame > label:not(.dummy),
- dialog frame > label:not(.dummy) {
- padding: 0.25em 0.5em;
- }
- #BatchQueueButtonsMainContainer frame > border {
- margin-bottom: 0.833333333333333333em;
- }
- #BatchQueueButtonsMainContainer frame:nth-child(3) > border {
- padding-left: 0.916666666666666666em;
- }
- #RightNotebook header {
- background-color: #2A2A2A;
- }
- #RightNotebook tabs {
- background-color: #2A2A2A;
- padding-bottom: 0.083333333333333333em;
- }
- #RightNotebook tab:hover {
- background-color: #505050;
- color: #D6D6D6;
- }
- #RightNotebook tab:active {
- border-color: #A5A5A5;
- }
- #LabelRightNotebook {
- padding: 0.4166666666666666em;
- margin: 0.1666666666666666em;
- font-size: 1.25em;
- }
- #ToolPanelNotebook {
- min-width: 25em;
- }
- #ToolPanelNotebook header {
- background-color: #383838;
- border-color: #262626;
- padding: 0;
- margin: 0;
- }
- #ToolPanelNotebook header tabs {
- background-color: #2A2A2A;
- margin: 0;
- }
- #ToolPanelNotebook header tab {
- padding: 0.25em;
- margin: 0;
- }
- /* All tool panels have a frame except for Meta which unlike the rest is a notebook itself.
- * So we use CSS to make it look like a frame. */
- #MetaPanelNotebook > stack > box {
- border: 0.0833333333333333em solid #262626;
- background-color: #363636;
- border-radius: 0 0 0.3333333333333333em 0.3333333333333333em;
- border-top-style: none;
- padding: 0 0.25em 0.25em 0.25em;
- margin: 0 0.4166666666666666em 0.4166666666666666em 0.4166666666666666em;
- }
- #MetaPanelNotebook header {
- border: 0.0833333333333333em solid #262626;
- background-color: #363636;
- border-radius: 0.3333333333333333em 0.3333333333333333em 0 0;
- border-bottom-style: none;
- padding: 0.4166666666666666em;
- margin: 0.4166666666666666em 0.4166666666666666em 0 0.4166666666666666em;
- }
- #MetaPanelNotebook > header > tabs {
- background-color: #363636;
- }
- #MetaPanelNotebook > header tab {
- margin: 0 0.4166666666666666em;
- padding: 0.4166666666666666em;
- }
- #MetaPanelNotebook textview {
- border-radius: 0.25em;
- }
- #MetaPanelNotebook entry, #MetaPanelNotebook scrolledwindow, #MetaPanelNotebook combobox {
- margin: 0.1666666666666666em 0 0.1666666666666666em 0;
- }
- #MetaPanelNotebook entry {
- padding: 0 0.0833333333333333em;
- }
- #MetaPanelNotebook label {
- padding: 0 0.4166666666666666em;
- }
- #MetaPanelNotebook text {
- border-color: #202020;
- background-color: #262626;
- border-style: solid;
- border-width: 0.0833333333333333em;
- border-radius: 0.25em;
- }
- #MetaPanelNotebook stack > box > scrolledwindow > viewport {
- margin-left: 1.25em;
- }
- #PreviewWindow {
- border-style: solid;
- }
- /* Decently sized tabs */
- #PrefNotebook tab, #AboutNotebook tab {
- padding: 0.8em;
- }
- #PrefNotebook, #AboutNotebook {
- padding: 0;
- margin: 0 0 3pt 0;
- }
- #PrefNotebook header, #AboutNotebook header {
- padding: 0;
- margin: 0;
- }
- #PrefNotebook header tabs, #AboutNotebook header tabs {
- padding: 0;
- margin: 0;
- }
- #PrefNotebook stack, #AboutNotebook stack {
- padding: 3pt;
- margin: 0;
- }
- #PrefNotebook box > frame > border {
- padding-top: 0;
- padding-bottom: 0.25em;
- }
- #PrefNotebook scrolledwindow scrolledwindow {
- border-width: 0.083333333333333333em;
- }
- /* Add space between bottom panel and window edge */
- #IopsPanel {
- padding: 0 0.1666666666666666em 0.1666666666666666em;
- }
- #EditorLeftPaned:last-child {
- padding: 0.8333333333333333em 0 0 0.8333333333333333em;
- }
- #EditorRightPaned:last-child {
- padding: 0;
- }
- #MainNotebook > header #CloseButton {
- padding: 0;
- margin: 0 0 0 0.3em;
- }
- #MainNotebook > header #CloseButton image {
- padding: 0;
- margin: 0;
- }
- #RightNotebook #ToolPanelNotebook stack {
- margin: 0;
- }
- #RightNotebook #HistoryPanel {
- min-width: 17.5em;
- margin-top: 0.333333333333333333em;
- }
- #RightNotebook scrolledwindow {
- padding: 0;
- }
- #HistoryPanel {
- margin-top: 0.25em;
- }
- #HistoryPanel > border {
- margin-top: 1.75em;
- }
- #HistoryPanel > label {
- margin: 0 0 -1.5em 0;
- padding: 0 0 0 0.083333333333333333em;
- }
- #Snapshots {
- margin-top: 0.166666666666666666em;
- }
- #Snapshots > border {
- min-height: calc(6em + 36px);
- }
- #Snapshots > label {
- margin-bottom: -4px;
- }
- #Snapshots scrolledwindow + box {
- margin: -8px 0 -4px ;
- border-top-width: 0.083333333333333333em;
- }
- #Navigator {
- padding-top: 0.25em;
- padding-bottom: 0.25em;
- }
- #Navigator label {
- padding: 0;
- margin: 0.083333333333333333em 0;
- }
- /*** PartialPaste ******************************************************************************/
- #PartialPaste {
- border-width: 0.083333333333333333em;
- padding-top: 0.5em;
- padding-bottom: 0.5em;
- }
- #PartialPaste separator.vertical {
- margin: 0 0.333333333333333333em;
- padding: 0;
- }
- #PartialPaste separator { /* Struggles with #PartialPasteHeaderSep */
- margin: 0.166666666666666666em 0.5em 0.166666666666666666em 1.166666666666666666em;
- }
- #PartialPasteHeaderSep.horizontal {
- margin: 0.166666666666666666em 0.5em;
- }
- /*
- #PartialPasteHeader label {
- }
- */
- /* make the "partial profile" dialog a little bit more readable */
- #PartialPasteHeader {
- margin: 1.5em 0 0 0;
- padding: 0;
- font-weight: bold;
- }
- #PartialPasteHeaderSep {
- background-color: #D8D8D8;
- }
- /*** end ***************************************************************************************/
- /* All MyFileChooserButtons */
- button#MyFileChooserButton {
- padding: 0.1666666666666666em;
- margin: 0.1666666666666666em;
- }
- #ToolPanelNotebook button {
- margin: 0;
- }
- button.flat {
- background: none;
- border: none;
- outline: none;
- }
- button.flat:checked {
- background: #262626;
- }
- .text-button, .image-button, .independent {
- box-shadow: none;
- min-height: 2em;
- min-width: 2em;
- padding: 0;
- }
- /* Makes image-comboboxes (e.g. tone curve types) have same size as image buttons */
- combobox, .popupbutton-arrow {
- min-height: 2em;
- }
- /* Makes image-combobox small icons centered */
- button.toggle > grid > image {
- padding: 0.3333333333333333em;
- }
- #histButton {
- background: none;
- min-height: 1.3333333333333333em;
- min-width: 1.3333333333333333em;
- }
- /* -gtk-icon-shadow looks buggy on the small histogram icons */
- #histButton:hover {
- -gtk-icon-shadow: none;
- }
- .narrowbutton {
- min-width: 0.8333333333333333em;
- }
- .smallbuttonbox button {
- min-width: 1.3333333333333333em;
- min-height: 1.3333333333333333em;
- }
- /* Adds gap between combobox contents and combobox edges */
- button.combo, .image-combo .toggle, #MyFileChooserButton {
- padding-left: 0.3333333333333333em;
- padding-right: 0.3333333333333333em;
- }
- /*** Progressbar *******************************************************************************/
- progressbar trough {
- background-color: #383838;
- border: none;
- }
- progressbar progress {
- border-color: #363636;
- /*border-radius: 0.25em;*/
- background-color: #215d9c;
- }
- /*** end ***************************************************************************************/
- /* Add padding to grid cells */
- .grid-spacing > * {
- margin: 0.1666666666666666em;
- }
|